/*
Theme Name: KSA Daleel Theme
Theme URI: https://ksadirectory.net
Description: ثيم دليل الشركات السعودية الاحترافي - بخط Cairo
Version: 4.0.0
Author: KSA Directory
Text Domain: ksa-daleel-theme
Tags: rtl-language, arabic, directory, business
*/

/* ══ Variables ══════════════════════════════════ */
:root{
    --gold:#C9A84C;--gold-l:#E8C97A;--gold-d:#8B6914;
    --green:#1B4332;--green-m:#2D6A4F;--green-l:#40916C;
    --cream:#FAF7F0;--cream-d:#EDE8D8;
    --text:#1A1A2E;--text-m:#444455;--text-l:#888899;
    --white:#fff;
    --sh-sm:0 2px 10px rgba(0,0,0,.07);
    --sh-md:0 5px 22px rgba(0,0,0,.11);
    --sh-lg:0 10px 44px rgba(0,0,0,.17);
    --r:14px;--r-sm:8px;
    --ease:all .28s cubic-bezier(.4,0,.2,1);
}

/* ══ Reset ══════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
    font-family:'Cairo',Tahoma,Arial,sans-serif;
    background:var(--cream);color:var(--text);
    direction:rtl;line-height:1.75;font-size:15px;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
input,textarea,select,button{font-family:'Cairo',inherit}

/* ══ HEADER ═════════════════════════════════════ */
#site-header{
    background:linear-gradient(135deg,var(--green) 0%,var(--green-m) 55%,var(--green-l) 100%);
    position:sticky;top:0;z-index:1000;
    box-shadow:0 2px 20px rgba(0,0,0,.28);
}
.header-inner{
    max-width:1240px;margin:0 auto;padding:0 22px;
    display:flex;align-items:center;height:68px;gap:16px;
}
.site-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.site-logo img{height:42px;width:auto}
.site-logo-text{display:flex;flex-direction:column;line-height:1.2}
.site-logo-text .name{font-size:17px;font-weight:800;color:var(--gold-l)}
.site-logo-text .tagline{font-size:10px;color:rgba(255,255,255,.65)}
.header-search{flex:1;max-width:420px;position:relative}
.header-search form{
    display:flex;background:rgba(255,255,255,.13);
    border:1px solid rgba(255,255,255,.22);border-radius:50px;
    overflow:hidden;transition:var(--ease);
}
.header-search form:focus-within{
    background:rgba(255,255,255,.2);border-color:var(--gold);
    box-shadow:0 0 0 3px rgba(201,168,76,.18);
}
.header-search input{
    flex:1;background:none;border:none;padding:9px 16px;
    color:white;font-size:14px;direction:rtl;outline:none;
}
.header-search input::placeholder{color:rgba(255,255,255,.55)}
.header-search button{
    background:var(--gold);border:none;padding:0 16px;
    color:var(--green);cursor:pointer;font-size:14px;font-weight:700;transition:var(--ease);
}
.header-search button:hover{background:var(--gold-l)}
.search-suggestions{
    position:absolute;top:calc(100% + 5px);right:0;left:0;
    background:white;border-radius:var(--r-sm);box-shadow:var(--sh-lg);z-index:200;overflow:hidden;display:none;
}
.search-suggestions a{
    display:block;padding:10px 16px;font-size:14px;
    color:var(--text);border-bottom:1px solid var(--cream-d);transition:background .18s;
}
.search-suggestions a:hover{background:var(--cream);color:var(--green)}
.header-nav{display:flex;align-items:center;gap:3px;margin-right:auto;flex-shrink:0}
.header-nav a{
    color:rgba(255,255,255,.82);font-size:13px;
    padding:6px 12px;border-radius:18px;transition:var(--ease);white-space:nowrap;
}
.header-nav a:hover{background:rgba(255,255,255,.15);color:var(--gold-l)}
.btn-add{
    background:var(--gold)!important;color:var(--green)!important;
    font-weight:800!important;padding:7px 16px!important;
}
.btn-add:hover{background:var(--gold-l)!important;transform:translateY(-1px)}
.menu-toggle{
    display:none;background:rgba(255,255,255,.14);border:none;
    color:white;padding:7px 11px;border-radius:var(--r-sm);cursor:pointer;font-size:17px;
}

/* ══ FRONT PAGE HERO — Riyadh Skyline ═══════════ */
.fp-hero{
    position:relative;min-height:88vh;
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;
    /* Riyadh gradient sky */
    background:linear-gradient(175deg,#0a1628 0%,#0f2a4a 30%,#1a3a5c 50%,#2d5a7c 65%,#e8a44a 80%,#f4c06a 90%,#fad78a 100%);
}

/* Riyadh skyline via SVG embedded as bg */
.fp-hero::before{
    content:'';
    position:absolute;bottom:0;left:0;right:0;
    height:55%;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 400' preserveAspectRatio='xMidYMax slice'%3E%3C!-- Kingdom Tower (Burj Al-Mamlaka) --%3E%3Crect x='680' y='50' width='24' height='350' fill='%23142236'/%3E%3Crect x='678' y='50' width='28' height='8' fill='%231a2d47'/%3E%3Crect x='670' y='58' width='44' height='12' fill='%23142236'/%3E%3Cellipse cx='692' cy='120' rx='18' ry='60' fill='none' stroke='%23142236' stroke-width='22'/%3E%3Ccircle cx='692' cy='40' r='6' fill='%23e8a44a' opacity='.9'/%3E%3C!-- Al-Faisaliah Tower --%3E%3Crect x='820' y='100' width='30' height='300' fill='%23111d2e'/%3E%3Cpolygon points='820,100 850,100 835,60' fill='%23111d2e'/%3E%3Ccircle cx='835' cy='58' r='5' fill='%23e8a44a' opacity='.8'/%3E%3C!-- Buildings cluster left --%3E%3Crect x='100' y='200' width='60' height='200' fill='%230e1a28'/%3E%3Crect x='170' y='220' width='45' height='180' fill='%23121f30'/%3E%3Crect x='50' y='230' width='40' height='170' fill='%230c1825'/%3E%3Crect x='225' y='180' width='55' height='220' fill='%230f1c2c'/%3E%3Crect x='290' y='210' width='50' height='190' fill='%23101e2f'/%3E%3Crect x='350' y='190' width='65' height='210' fill='%230d1b2a'/%3E%3Crect x='425' y='220' width='40' height='180' fill='%23111e2e'/%3E%3Crect x='475' y='160' width='80' height='240' fill='%230e1c2c'/%3E%3Crect x='565' y='195' width='55' height='205' fill='%23101d2e'/%3E%3Crect x='630' y='210' width='40' height='190' fill='%230c1925'/%3E%3C!-- Buildings cluster right --%3E%3Crect x='860' y='190' width='55' height='210' fill='%230e1c2c'/%3E%3Crect x='925' y='170' width='70' height='230' fill='%23101e2f'/%3E%3Crect x='1005' y='200' width='50' height='200' fill='%230d1a28'/%3E%3Crect x='1065' y='215' width='45' height='185' fill='%23111f30'/%3E%3Crect x='1120' y='180' width='65' height='220' fill='%230f1d2d'/%3E%3Crect x='1195' y='205' width='55' height='195' fill='%230e1b2b'/%3E%3Crect x='1260' y='220' width='60' height='180' fill='%23101d2e'/%3E%3Crect x='1330' y='200' width='80' height='200' fill='%230c1925'/%3E%3C!-- Ground --%3E%3Crect x='0' y='390' width='1440' height='10' fill='%230a1628'/%3E%3C!-- Windows (small dots of light) --%3E%3Crect x='108' y='210' width='4' height='4' fill='%23f4c06a' opacity='.6'/%3E%3Crect x='118' y='220' width='4' height='4' fill='%23f4c06a' opacity='.5'/%3E%3Crect x='108' y='235' width='4' height='4' fill='%23f4c06a' opacity='.7'/%3E%3Crect x='118' y='245' width='4' height='4' fill='%23f4c06a' opacity='.4'/%3E%3Crect x='178' y='230' width='4' height='4' fill='%23e8a44a' opacity='.6'/%3E%3Crect x='188' y='240' width='4' height='4' fill='%23e8a44a' opacity='.5'/%3E%3Crect x='178' y='255' width='4' height='4' fill='%23e8a44a' opacity='.7'/%3E%3Crect x='235' y='195' width='5' height='5' fill='%23f4c06a' opacity='.5'/%3E%3Crect x='250' y='210' width='5' height='5' fill='%23f4c06a' opacity='.6'/%3E%3Crect x='235' y='225' width='5' height='5' fill='%23f4c06a' opacity='.4'/%3E%3Crect x='486' y='175' width='5' height='5' fill='%23e8a44a' opacity='.6'/%3E%3Crect x='500' y='185' width='5' height='5' fill='%23e8a44a' opacity='.5'/%3E%3Crect x='486' y='200' width='5' height='5' fill='%23e8a44a' opacity='.7'/%3E%3Crect x='500' y='215' width='5' height='5' fill='%23e8a44a' opacity='.4'/%3E%3Crect x='875' y='205' width='5' height='5' fill='%23f4c06a' opacity='.6'/%3E%3Crect x='890' y='220' width='5' height='5' fill='%23f4c06a' opacity='.5'/%3E%3Crect x='875' y='235' width='5' height='5' fill='%23f4c06a' opacity='.7'/%3E%3Crect x='938' y='185' width='5' height='5' fill='%23e8a44a' opacity='.6'/%3E%3Crect x='953' y='200' width='5' height='5' fill='%23e8a44a' opacity='.5'/%3E%3Crect x='938' y='215' width='5' height='5' fill='%23e8a44a' opacity='.4'/%3E%3Crect x='1130' y='195' width='5' height='5' fill='%23f4c06a' opacity='.6'/%3E%3Crect x='1145' y='210' width='5' height='5' fill='%23f4c06a' opacity='.5'/%3E%3Crect x='1130' y='225' width='5' height='5' fill='%23f4c06a' opacity='.7'/%3E%3C!-- Stars --%3E%3Ccircle cx='200' cy='40' r='1.5' fill='white' opacity='.8'/%3E%3Ccircle cx='400' cy='20' r='1' fill='white' opacity='.6'/%3E%3Ccircle cx='600' cy='35' r='1.5' fill='white' opacity='.7'/%3E%3Ccircle cx='900' cy='15' r='1' fill='white' opacity='.8'/%3E%3Ccircle cx='1100' cy='30' r='1.5' fill='white' opacity='.6'/%3E%3Ccircle cx='1300' cy='20' r='1' fill='white' opacity='.7'/%3E%3Ccircle cx='150' cy='60' r='1' fill='white' opacity='.5'/%3E%3Ccircle cx='750' cy='25' r='1.5' fill='white' opacity='.9'/%3E%3Ccircle cx='1050' cy='45' r='1' fill='white' opacity='.6'/%3E%3C/svg%3E");
    background-size:cover;
    background-position:bottom center;
    background-repeat:no-repeat;
}

.fp-hero-overlay{
    position:absolute;inset:0;
    background:linear-gradient(to bottom,rgba(10,22,40,.55) 0%,rgba(10,22,40,.35) 50%,rgba(10,22,40,.7) 100%);
    z-index:1;
}

.fp-hero-content{
    position:relative;z-index:2;
    max-width:820px;margin:0 auto;padding:60px 24px 80px;
    text-align:center;
}

.fp-hero-badge{
    display:inline-flex;align-items:center;gap:7px;
    background:rgba(201,168,76,.18);border:1px solid rgba(201,168,76,.4);
    color:var(--gold-l);font-size:13px;font-weight:600;
    padding:6px 18px;border-radius:30px;margin-bottom:22px;
    backdrop-filter:blur(6px);
}

.fp-hero-title{
    font-size:clamp(26px,5vw,52px);font-weight:900;color:white;
    line-height:1.25;margin-bottom:16px;
    text-shadow:0 2px 20px rgba(0,0,0,.5);
}
.fp-hero-title span{color:var(--gold-l)}

.fp-hero-sub{
    font-size:clamp(14px,2vw,18px);color:rgba(255,255,255,.78);
    margin-bottom:32px;line-height:1.7;
}

/* Hero search */
.fp-search-form{position:relative;max-width:680px;margin:0 auto 22px}
.fp-search-inner{
    display:flex;align-items:center;
    background:white;border-radius:50px;overflow:hidden;
    box-shadow:0 8px 32px rgba(0,0,0,.3);
    border:2px solid rgba(255,255,255,.6);
}
.fp-search-icon{padding:0 0 0 16px;font-size:18px}
.fp-search-input{
    flex:1;border:none;padding:14px 14px;font-size:15px;
    direction:rtl;outline:none;background:transparent;color:var(--text);
    min-width:0;
}
.fp-search-input::placeholder{color:var(--text-l)}
.fp-search-city{
    border:none;border-right:1px solid var(--cream-d);
    padding:14px 12px;font-size:13px;outline:none;
    background:var(--cream);color:var(--text);min-width:110px;
    cursor:pointer;
}
.fp-search-btn{
    background:linear-gradient(135deg,var(--gold),var(--gold-d));
    color:white;border:none;padding:0 28px;height:100%;
    font-size:15px;font-weight:800;cursor:pointer;
    white-space:nowrap;transition:var(--ease);
}
.fp-search-btn:hover{background:linear-gradient(135deg,var(--gold-l),var(--gold));transform:none}

/* Quick genre tags */
.fp-quick-links{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-bottom:28px}
.fp-quick-tag{
    background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);
    color:rgba(255,255,255,.88);font-size:12px;padding:5px 14px;
    border-radius:20px;backdrop-filter:blur(4px);transition:var(--ease);
}
.fp-quick-tag:hover{background:var(--gold);border-color:var(--gold);color:var(--green)}

/* Hero stats */
.fp-hero-stats{
    display:flex;align-items:center;justify-content:center;
    gap:16px;flex-wrap:wrap;
}
.fp-stat{text-align:center}
.fp-stat-num{display:block;font-size:22px;font-weight:900;color:var(--gold-l);line-height:1.1}
.fp-stat-lbl{font-size:12px;color:rgba(255,255,255,.62)}
.fp-stat-sep{color:rgba(255,255,255,.25);font-size:20px}

/* ══ SHARED SECTION STYLES ══════════════════════ */
.fp-section{padding:70px 0}
.fp-section:nth-child(even){background:white}
.fp-container{max-width:1200px;margin:0 auto;padding:0 22px}
.fp-container-narrow{max-width:860px;margin:0 auto;padding:0 22px}

.fp-section-head{text-align:center;margin-bottom:48px}
.fp-section-tag{
    display:inline-block;background:rgba(201,168,76,.12);
    color:var(--gold-d);font-size:12px;font-weight:700;
    padding:5px 16px;border-radius:20px;border:1px solid rgba(201,168,76,.3);
    margin-bottom:12px;letter-spacing:.5px;
}
.fp-section-title{
    font-size:clamp(22px,3.5vw,34px);font-weight:900;
    color:var(--green);margin-bottom:10px;
}
.fp-section-sub{font-size:15px;color:var(--text-l);max-width:540px;margin:0 auto}
.fp-section-more{text-align:center;margin-top:36px}

.fp-btn-solid{
    display:inline-flex;align-items:center;gap:8px;
    background:linear-gradient(135deg,var(--green),var(--green-m));
    color:white;padding:13px 32px;border-radius:30px;
    font-size:15px;font-weight:700;transition:var(--ease);
    box-shadow:0 4px 16px rgba(27,67,50,.28);
}
.fp-btn-solid:hover{transform:translateY(-2px);box-shadow:0 7px 22px rgba(27,67,50,.38)}

.fp-btn-outline{
    display:inline-flex;align-items:center;gap:8px;
    background:transparent;color:var(--green);
    border:2px solid var(--green);padding:12px 30px;border-radius:30px;
    font-size:15px;font-weight:700;transition:var(--ease);
}
.fp-btn-outline:hover{background:var(--green);color:white;transform:translateY(-2px)}

/* ══ CATEGORIES GRID ════════════════════════════ */
.fp-cats-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
    gap:14px;
}
.fp-cat-card{
    background:white;border-radius:var(--r);padding:20px 14px;
    text-align:center;border:1.5px solid var(--cream-d);
    transition:var(--ease);display:flex;flex-direction:column;
    align-items:center;gap:8px;cursor:pointer;
    box-shadow:var(--sh-sm);
}
.fp-cat-card:hover{
    border-color:var(--gold);transform:translateY(-4px);
    box-shadow:0 8px 24px rgba(201,168,76,.22);
}
.fp-cat-icon{font-size:32px;line-height:1}
.fp-cat-name{font-size:13px;font-weight:700;color:var(--green);line-height:1.3}
.fp-cat-count{font-size:11px;color:var(--text-l)}

/* ══ FEATURED LISTINGS GRID ═════════════════════ */
.fp-featured-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
    gap:20px;
}
.fp-feat-card{
    background:white;border-radius:var(--r);overflow:hidden;
    border:1.5px solid var(--cream-d);box-shadow:var(--sh-sm);
    transition:var(--ease);display:flex;flex-direction:column;
}
.fp-feat-card:hover{
    transform:translateY(-4px);box-shadow:var(--sh-md);
    border-color:var(--gold);
}
.fp-feat-logo{
    position:relative;height:180px;background:var(--cream);
    display:flex;align-items:center;justify-content:center;
    border-bottom:1px solid var(--cream-d);overflow:hidden;
}
.fp-feat-logo img{
    width:100%;height:100%;object-fit:contain;padding:20px;
    transition:transform .4s ease;
}
.fp-feat-card:hover .fp-feat-logo img{transform:scale(1.06)}
.fp-feat-nologo{font-size:64px}
.fp-feat-badge{
    position:absolute;top:10px;right:10px;
    background:linear-gradient(135deg,var(--gold),var(--gold-d));
    color:white;font-size:11px;font-weight:700;
    padding:3px 10px;border-radius:14px;
}
.fp-feat-info{padding:18px;flex:1;display:flex;flex-direction:column;gap:7px}
.fp-feat-genre{
    font-size:11px;color:var(--green-m);font-weight:700;
    text-transform:uppercase;letter-spacing:.5px;
}
.fp-feat-name{font-size:16px;font-weight:800;color:var(--text);line-height:1.3}
.fp-feat-excerpt{font-size:13px;color:var(--text-l);line-height:1.65;flex:1}
.fp-feat-addr{font-size:12px;color:var(--text-l)}
.fp-feat-link{
    margin-top:6px;font-size:13px;font-weight:700;color:var(--green);
    display:inline-flex;align-items:center;gap:5px;
}
.fp-feat-card:hover .fp-feat-link{color:var(--gold-d)}

/* ══ LATEST LISTINGS ════════════════════════════ */
.fp-latest-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(340px,1fr));
    gap:12px;
}
.fp-latest-card{
    display:flex;align-items:center;gap:13px;
    background:white;border-radius:var(--r-sm);
    padding:13px 16px;border:1px solid var(--cream-d);
    box-shadow:var(--sh-sm);transition:var(--ease);
}
.fp-latest-card:hover{border-color:var(--green);box-shadow:var(--sh-md);transform:translateX(-3px)}
.fp-latest-logo{
    width:54px;height:54px;flex-shrink:0;
    background:var(--cream);border-radius:var(--r-sm);
    border:1.5px solid var(--cream-d);
    display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.fp-latest-logo img{width:100%;height:100%;object-fit:contain;padding:6px}
.fp-latest-logo span{font-size:24px}
.fp-latest-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.fp-latest-info strong{font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fp-latest-genre{font-size:11px;color:var(--green-m);font-weight:600}
.fp-latest-addr{font-size:11px;color:var(--text-l)}
.fp-latest-arrow{color:var(--green);font-size:16px;font-weight:700;flex-shrink:0}

/* ══ HOW IT WORKS ═══════════════════════════════ */
.fp-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.fp-how-card{
    background:white;border-radius:var(--r);padding:32px 24px;
    text-align:center;border:1.5px solid var(--cream-d);
    box-shadow:var(--sh-sm);position:relative;
    transition:var(--ease);
}
.fp-how-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:var(--gold)}
.fp-how-num{
    position:absolute;top:-16px;right:50%;transform:translateX(50%);
    width:32px;height:32px;border-radius:50%;
    background:linear-gradient(135deg,var(--gold),var(--gold-d));
    color:white;font-size:14px;font-weight:800;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 3px 10px rgba(139,105,20,.35);
}
.fp-how-icon{font-size:42px;margin:10px 0 14px}
.fp-how-card h3{font-size:16px;font-weight:800;color:var(--green);margin-bottom:10px}
.fp-how-card p{font-size:13px;color:var(--text-l);line-height:1.75}
.fp-how-card strong{color:var(--green);font-weight:700}

/* ══ RIYADH CITY STRIP ══════════════════════════ */
.fp-riyadh-strip{
    position:relative;padding:70px 22px;overflow:hidden;
    background:linear-gradient(175deg,#0a1628 0%,#0f2a4a 35%,#1a3a5c 55%,#2d5a7c 70%,#c87a20 85%,#e8a44a 100%);
}
.fp-riyadh-strip::before{
    content:'';position:absolute;bottom:0;left:0;right:0;height:65%;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='xMidYMax slice'%3E%3Crect x='660' y='30' width='20' height='290' fill='%23142236'/%3E%3Crect x='658' y='30' width='24' height='7' fill='%231a2d47'/%3E%3Cellipse cx='670' cy='90' rx='15' ry='50' fill='none' stroke='%23142236' stroke-width='18'/%3E%3Ccircle cx='670' cy='22' r='5' fill='%23fad78a' opacity='.9'/%3E%3Crect x='790' y='80' width='26' height='240' fill='%23111d2e'/%3E%3Cpolygon points='790,80 816,80 803,48' fill='%23111d2e'/%3E%3Ccircle cx='803' cy='46' r='4' fill='%23fad78a' opacity='.8'/%3E%3Crect x='80' y='160' width='55' height='160' fill='%230e1a28'/%3E%3Crect x='145' y='175' width='42' height='145' fill='%23121f30'/%3E%3Crect x='35' y='185' width='36' height='135' fill='%230c1825'/%3E%3Crect x='200' y='145' width='50' height='175' fill='%230f1c2c'/%3E%3Crect x='260' y='165' width='45' height='155' fill='%23101e2f'/%3E%3Crect x='315' y='150' width='58' height='170' fill='%230d1b2a'/%3E%3Crect x='385' y='175' width='36' height='145' fill='%23111e2e'/%3E%3Crect x='430' y='128' width='72' height='192' fill='%230e1c2c'/%3E%3Crect x='512' y='155' width='50' height='165' fill='%23101d2e'/%3E%3Crect x='572' y='170' width='36' height='150' fill='%230c1925'/%3E%3Crect x='840' y='150' width='50' height='170' fill='%230e1c2c'/%3E%3Crect x='900' y='135' width='62' height='185' fill='%23101e2f'/%3E%3Crect x='972' y='160' width='46' height='160' fill='%230d1a28'/%3E%3Crect x='1028' y='172' width='40' height='148' fill='%23111f30'/%3E%3Crect x='1078' y='144' width='58' height='176' fill='%230f1d2d'/%3E%3Crect x='1146' y='165' width='50' height='155' fill='%230e1b2b'/%3E%3Crect x='1206' y='175' width='54' height='145' fill='%23101d2e'/%3E%3Crect x='1270' y='160' width='70' height='160' fill='%230c1925'/%3E%3Crect x='1350' y='170' width='90' height='150' fill='%230e1b2b'/%3E%3Crect x='0' y='312' width='1440' height='8' fill='%230a1628'/%3E%3C/svg%3E");
    background-size:cover;background-position:bottom;background-repeat:no-repeat;
}
.fp-riyadh-overlay{
    position:absolute;inset:0;
    background:linear-gradient(to bottom,rgba(10,22,40,.5) 0%,rgba(10,22,40,.3) 50%,rgba(10,22,40,.75) 100%);
    z-index:1;
}
.fp-riyadh-content{
    position:relative;z-index:2;max-width:700px;margin:0 auto;text-align:center;
}
.fp-riyadh-content h2{
    font-size:clamp(20px,3.5vw,34px);font-weight:900;color:white;
    margin-bottom:12px;text-shadow:0 2px 14px rgba(0,0,0,.5);
}
.fp-riyadh-content p{
    font-size:15px;color:rgba(255,255,255,.75);margin-bottom:28px;line-height:1.7;
}
.fp-riyadh-stats{
    display:flex;justify-content:center;gap:40px;flex-wrap:wrap;
}
.fp-riyadh-stats div{text-align:center}
.fp-riyadh-stats strong{
    display:block;font-size:28px;font-weight:900;color:var(--gold-l);
}
.fp-riyadh-stats span{font-size:13px;color:rgba(255,255,255,.65)}

/* ══ PRICING ════════════════════════════════════ */
.fp-pricing-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:760px;margin:0 auto;
}
.fp-price-card{
    background:white;border-radius:var(--r);
    border:2px solid var(--cream-d);box-shadow:var(--sh-sm);
    overflow:hidden;position:relative;transition:var(--ease);
}
.fp-price-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md)}
.fp-price-featured{
    border-color:var(--gold);
    box-shadow:0 6px 28px rgba(201,168,76,.22);
    transform:scale(1.03);
}
.fp-price-featured:hover{transform:scale(1.03) translateY(-4px)}
.fp-price-badge{
    background:linear-gradient(135deg,var(--gold),var(--gold-d));
    color:white;font-size:12px;font-weight:700;
    padding:5px 0;text-align:center;
}
.fp-price-header{
    padding:28px 24px 20px;text-align:center;
    border-bottom:1px solid var(--cream-d);background:var(--cream);
}
.fp-price-icon{font-size:36px;margin-bottom:10px;display:block}
.fp-price-header h3{font-size:17px;font-weight:800;color:var(--green);margin-bottom:10px}
.fp-price-amount{display:flex;align-items:baseline;justify-content:center;gap:6px}
.fp-price-num{font-size:42px;font-weight:900;color:var(--green)}
.fp-price-cur{font-size:16px;color:var(--text-l);font-weight:600}
.fp-price-once{font-size:12px;color:var(--text-l);margin-top:4px}
.fp-price-features{padding:20px 24px;display:flex;flex-direction:column;gap:9px}
.fp-price-features li{font-size:13px;color:var(--text-m);display:flex;gap:6px;align-items:flex-start}
.fp-price-btn{
    display:block;margin:0 24px 24px;padding:12px;
    text-align:center;border-radius:26px;
    background:linear-gradient(135deg,var(--green),var(--green-m));
    color:white;font-size:15px;font-weight:700;transition:var(--ease);
}
.fp-price-btn:hover{transform:translateY(-2px);box-shadow:0 5px 16px rgba(27,67,50,.3)}
.fp-price-btn-gold{
    background:linear-gradient(135deg,var(--gold),var(--gold-d));
    color:white;
}
.fp-price-btn-gold:hover{box-shadow:0 5px 16px rgba(139,105,20,.35)}

/* ══ ADD LISTING FORM ═══════════════════════════ */
.fp-add-form-wrap{
    background:white;border-radius:var(--r);
    border:1.5px solid var(--cream-d);box-shadow:var(--sh-md);
    overflow:hidden;
}
.fp-add-form{padding:28px 32px 32px}
.fp-form-section-title{
    font-size:14px;font-weight:700;color:var(--green);
    padding:14px 0 10px;margin-bottom:14px;
    border-bottom:2px solid var(--cream-d);
    display:flex;align-items:center;gap:8px;
}
.fp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.fp-fg{display:flex;flex-direction:column;gap:5px}
.fp-fg-full{grid-column:1/-1;margin-bottom:14px}
.fp-fg label{font-size:12px;font-weight:700;color:var(--text-l)}
.fp-fg input,
.fp-fg select,
.fp-fg textarea{
    border:1.5px solid var(--cream-d);border-radius:var(--r-sm);
    padding:10px 14px;font-size:14px;direction:rtl;outline:none;
    background:var(--cream);color:var(--text);transition:var(--ease);
}
.fp-fg input:focus,
.fp-fg select:focus,
.fp-fg textarea:focus{
    border-color:var(--green);background:white;
    box-shadow:0 0 0 3px rgba(27,67,50,.07);
}
.fp-fg textarea{height:110px;resize:vertical}

/* Plan selection */
.fp-plan-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.fp-plan-option{cursor:pointer}
.fp-plan-option input{display:none}
.fp-plan-box{
    border:2px solid var(--cream-d);border-radius:var(--r);
    padding:18px 16px;text-align:center;transition:var(--ease);
    display:flex;flex-direction:column;align-items:center;gap:6px;background:white;
}
.fp-plan-option input:checked + .fp-plan-box{
    border-color:var(--gold);background:rgba(201,168,76,.06);
    box-shadow:0 3px 14px rgba(201,168,76,.2);
}
.fp-plan-icon{font-size:28px}
.fp-plan-name{font-size:13px;font-weight:700;color:var(--green)}
.fp-plan-price{font-size:16px;font-weight:900;color:var(--gold-d)}

.fp-form-submit{
    width:100%;background:linear-gradient(135deg,var(--green),var(--green-m));
    color:white;border:none;padding:15px 32px;border-radius:30px;
    font-size:16px;font-weight:800;cursor:pointer;transition:var(--ease);
    box-shadow:0 4px 16px rgba(27,67,50,.28);margin-bottom:20px;
}
.fp-form-submit:hover{transform:translateY(-2px);box-shadow:0 7px 22px rgba(27,67,50,.38)}

/* Important note below form */
.fp-form-note{
    display:flex;gap:14px;align-items:flex-start;
    background:linear-gradient(135deg,rgba(201,168,76,.08),rgba(201,168,76,.04));
    border:1px solid rgba(201,168,76,.35);border-radius:var(--r-sm);
    padding:16px 18px;font-size:13px;color:var(--text-m);line-height:1.75;
}
.fp-note-icon{font-size:22px;flex-shrink:0;margin-top:2px}
.fp-form-note strong{color:var(--green)}

/* Form success */
.fp-form-success{
    padding:60px 32px;text-align:center;
}
.fp-success-icon{font-size:56px;margin-bottom:16px}
.fp-form-success h3{font-size:22px;font-weight:800;color:var(--green);margin-bottom:10px}
.fp-form-success p{color:var(--text-l);font-size:14px;line-height:1.75}

/* ══ TESTIMONIALS ═══════════════════════════════ */
.fp-testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.fp-testi-card{
    background:white;border-radius:var(--r);padding:26px 22px;
    border:1.5px solid var(--cream-d);box-shadow:var(--sh-sm);
    transition:var(--ease);display:flex;flex-direction:column;gap:14px;
}
.fp-testi-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:var(--gold)}
.fp-testi-stars{color:var(--gold);font-size:18px;letter-spacing:2px}
.fp-testi-card>p{font-size:14px;color:var(--text-m);line-height:1.8;font-style:italic;flex:1}
.fp-testi-author{display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--cream-d)}
.fp-testi-avatar{font-size:32px}
.fp-testi-author div{display:flex;flex-direction:column;gap:2px}
.fp-testi-author strong{font-size:14px;font-weight:700;color:var(--text)}
.fp-testi-author span{font-size:12px;color:var(--text-l)}

/* ══════════════════════════════════════════════
   LISTING CARDS (archive/daleel pages)
   ══════════════════════════════════════════════ */
.kd-card{
    background:white;border-radius:var(--r);margin-bottom:16px;
    box-shadow:var(--sh-sm);border:1px solid var(--cream-d);
    overflow:hidden;transition:var(--ease);position:relative;
}
.kd-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px);border-color:var(--gold)}
.kd-card.kd-featured{border:2px solid var(--gold)}
.kd-card.kd-featured::before{
    content:'★ مميز';position:absolute;top:10px;left:10px;
    background:linear-gradient(135deg,var(--gold),var(--gold-d));
    color:white;font-size:11px;font-weight:700;padding:3px 10px;border-radius:18px;z-index:2;
}
.kd-card-header{
    background:linear-gradient(135deg,var(--green) 0%,var(--green-m) 100%);
    padding:13px 16px;display:flex;align-items:center;gap:10px;
}
.kd-card-title{font-size:15px;font-weight:700;color:white;flex:1;line-height:1.3}
.kd-card-title:hover{color:var(--gold-l)}
.kd-reveal-phones{
    background:var(--gold);color:var(--green);border:none;
    padding:5px 13px;border-radius:18px;font-size:12px;font-weight:700;
    cursor:pointer;white-space:nowrap;font-family:inherit;transition:var(--ease);flex-shrink:0;
}
.kd-reveal-phones:hover{background:var(--gold-l);transform:scale(1.04)}
.kd-reveal-phones:disabled,.kd-reveal-phones.kd-revealed{
    background:#d4edda;color:#155724;cursor:default;transform:none;
}
.kd-card-body{display:flex;gap:0;padding:0}
.kd-card-logo{
    flex-shrink:0;width:140px;background:var(--cream);
    border-left:1px solid var(--cream-d);
    display:flex;align-items:center;justify-content:center;padding:16px 12px;
}
.kd-logo-link{
    display:flex;align-items:center;justify-content:center;
    width:108px;height:108px;background:white;border-radius:var(--r-sm);
    border:2px solid var(--cream-d);overflow:hidden;transition:var(--ease);
}
.kd-logo-link:hover{border-color:var(--gold);box-shadow:0 3px 10px rgba(201,168,76,.22)}
.kd-logo-link img{width:100%;height:100%;object-fit:contain;padding:8px}
.kd-no-logo-icon{font-size:40px;line-height:1}
.kd-card-details{flex:1;padding:16px 18px;display:flex;flex-direction:column;gap:9px}
.kd-excerpt{
    font-size:13px;color:var(--text-m);line-height:1.7;
    border-right:3px solid var(--gold);padding-right:10px;
}
.kd-phones-block{display:flex;flex-direction:column;gap:0}
.kd-phone-row{
    display:flex;align-items:center;gap:12px;
    padding:5px 0;border-bottom:1px dashed var(--cream-d);font-size:13px;
}
.kd-phone-row:last-child{border-bottom:none}
.kd-ph-lbl{color:var(--text-l);font-size:12px;width:90px;flex-shrink:0}
.kd-ph-val{font-weight:600;color:var(--text)}
.kd-hidden-phone{
    filter:blur(5px);user-select:none;cursor:pointer;
    transition:filter .35s ease;border-radius:4px;
}
.kd-hidden-phone:hover{filter:blur(3px)}
.kd-badges{display:flex;gap:5px;flex-wrap:wrap}
.kd-badge{
    background:var(--cream);border:1px solid var(--cream-d);
    padding:2px 9px;border-radius:14px;font-size:11px;color:var(--text-m);
}
.kd-card-meta{display:flex;flex-direction:column;gap:3px}
.kd-meta-item{font-size:12px;color:var(--text-l)}
.kd-website-link{color:var(--green-m)!important;font-weight:600}
.kd-website-link:hover{text-decoration:underline}
.kd-wa-link{color:#25D366;font-weight:600}
.kd-wa-link:hover{text-decoration:underline}
.kd-social-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:2px}
.kd-soc{
    display:inline-flex;align-items:center;justify-content:center;
    width:28px;height:28px;border-radius:50%;color:white!important;
    font-size:12px;font-weight:700;transition:var(--ease);
}
.kd-soc:hover{transform:scale(1.18) translateY(-2px);box-shadow:0 3px 8px rgba(0,0,0,.2)}
.kd-card-footer{
    background:var(--cream);border-top:1px solid var(--cream-d);
    padding:9px 16px;display:flex;align-items:center;gap:5px;flex-wrap:wrap;
}
.kd-genre-label{font-size:11px;color:var(--text-l);margin-left:4px}
.kd-genre-tag{
    background:white;border:1px solid var(--green-l);color:var(--green);
    font-size:11px;padding:2px 10px;border-radius:18px;transition:var(--ease);
}
.kd-genre-tag:hover{background:var(--green);color:white;border-color:var(--green)}

/* ══ SINGLE PAGE ════════════════════════════════ */
.kd-single-wrap{
    background:white;border-radius:var(--r);box-shadow:var(--sh-sm);
    border:1px solid var(--cream-d);overflow:hidden;margin-bottom:22px;
}
.kd-single-header{
    background:linear-gradient(135deg,var(--green) 0%,var(--green-m) 100%);
    padding:22px 26px;position:relative;
}
.kd-single-genres-bar{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.kd-genre-pill{
    background:rgba(255,255,255,.14);color:rgba(255,255,255,.82);
    font-size:11px;padding:3px 12px;border-radius:18px;
    border:1px solid rgba(255,255,255,.18);
}
.kd-genre-pill:hover{background:var(--gold);color:var(--green);border-color:var(--gold)}
.kd-single-title{
    font-size:clamp(18px,3vw,26px);font-weight:900;color:white;line-height:1.3;
}
.kd-single-title::after{
    content:'';display:block;width:55px;height:3px;
    background:var(--gold);margin-top:9px;border-radius:2px;
}
.kd-single-qr{
    position:absolute;top:18px;left:26px;
    background:white;border-radius:var(--r-sm);padding:5px;box-shadow:var(--sh-sm);
}
.kd-single-qr img{width:66px;height:66px}
.kd-contact-block{display:flex;border-bottom:1px solid var(--cream-d)}
.kd-single-logo{
    flex-shrink:0;width:190px;background:var(--cream);
    border-left:1px solid var(--cream-d);
    display:flex;align-items:center;justify-content:center;padding:22px 14px;
}
.kd-logo-img{
    width:148px;height:148px;object-fit:contain;border-radius:var(--r-sm);
    background:white;padding:10px;border:2px solid var(--cream-d);box-shadow:var(--sh-sm);
}
.kd-logo-placeholder{
    width:148px;height:148px;
    background:linear-gradient(135deg,var(--cream),var(--cream-d));
    border-radius:var(--r-sm);display:flex;align-items:center;
    justify-content:center;font-size:60px;border:2px solid var(--cream-d);
}
.kd-contact-info{flex:1;padding:18px 22px}
.kd-contact-header{
    display:flex;align-items:center;justify-content:space-between;
    margin-bottom:13px;flex-wrap:wrap;gap:8px;
}
.kd-contact-label{font-size:12px;color:var(--text-l);font-weight:600}
.kd-reveal-single{
    background:linear-gradient(135deg,var(--gold),var(--gold-d));
    color:white;border:none;padding:8px 18px;border-radius:22px;
    font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:var(--ease);
}
.kd-reveal-single:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(139,105,20,.32)}
.kd-reveal-single:disabled{opacity:.6;cursor:default;transform:none}
.kd-single-wrap .kd-phones-block{margin-bottom:8px}
.kd-single-wrap .kd-phone-row{font-size:14px}
.kd-info-rows{margin-top:6px}
.kd-info-row{
    display:flex;align-items:flex-start;gap:10px;
    padding:6px 0;border-bottom:1px solid var(--cream-d);font-size:13px;
}
.kd-info-row:last-child{border-bottom:none}
.kd-info-row .kd-lbl{width:95px;flex-shrink:0;color:var(--text-l);font-size:12px}
.kd-info-row .kd-val{font-weight:600;color:var(--text)}
.kd-single-social{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.kd-soc-btn{
    display:inline-flex;align-items:center;gap:5px;background:white;
    border:1.5px solid var(--cream-d);border-radius:18px;padding:5px 13px;
    font-size:12px;font-weight:600;color:var(--text-m);transition:var(--ease);
}
.kd-soc-btn:hover{border-color:var(--c,var(--green));color:var(--c,var(--green));background:var(--cream)}
.kd-section-title{
    font-size:14px;font-weight:700;color:var(--green);
    padding:16px 26px 10px;border-top:1px solid var(--cream-d);
    display:flex;align-items:center;gap:7px;
}
.kd-hours-section{padding-bottom:18px}
.kd-hours-grid{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));
    gap:6px;padding:0 26px;
}
.kd-hour-item{
    background:var(--cream);border-radius:var(--r-sm);padding:8px 11px;
    font-size:12px;border:1px solid var(--cream-d);
}
.kd-hour-item .day{font-weight:700;color:var(--green);margin-bottom:2px}
.kd-hour-item .time{color:var(--text-m)}
.kd-single-content{padding:0;border-top:1px solid var(--cream-d)}
.kd-content-inner{padding:22px 26px;display:flex;gap:18px;align-items:flex-start}
.kd-content-logo-img{
    width:95px;height:95px;object-fit:contain;border-radius:var(--r-sm);
    background:var(--cream);padding:7px;border:2px solid var(--cream-d);
    box-shadow:var(--sh-sm);flex-shrink:0;
}
.kd-content-text{flex:1;font-size:14px;line-height:1.9;color:var(--text-m)}
.kd-font-controls{margin-bottom:10px;display:flex;gap:5px}
.kd-font-controls button{
    background:var(--cream);border:1px solid var(--cream-d);padding:3px 11px;
    border-radius:var(--r-sm);cursor:pointer;font-family:inherit;font-size:12px;transition:var(--ease);
}
.kd-font-controls button:hover{background:var(--green);color:white;border-color:var(--green)}
.kd-media-section{border-top:1px solid var(--cream-d);padding-bottom:18px}
.kd-media-section .kd-section-title{border-top:none}
.kd-map-wrap{padding:0 26px}
.kd-map-wrap iframe{width:100%;border:none;border-radius:8px}
.kd-gallery{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));
    gap:7px;padding:0 26px 4px;
}
.kd-gallery a img{
    width:100%;height:80px;object-fit:cover;border-radius:var(--r-sm);
    transition:var(--ease);border:1px solid var(--cream-d);
}
.kd-gallery a:hover img{transform:scale(1.04);box-shadow:var(--sh-md)}
.kd-contact-section{border-top:1px solid var(--cream-d);background:var(--cream)}
.kd-form-wrap{padding:14px 26px 26px}
.kd-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:11px}
.kd-form-group{display:flex;flex-direction:column;gap:4px}
.kd-full{grid-column:1/-1}
.kd-form-group label{font-size:12px;color:var(--text-l);font-weight:600}
.kd-form-group input,.kd-form-group textarea{
    border:1.5px solid var(--cream-d);border-radius:var(--r-sm);padding:9px 13px;
    font-size:14px;direction:rtl;outline:none;
    background:white;transition:var(--ease);color:var(--text);
}
.kd-form-group input:focus,.kd-form-group textarea:focus{
    border-color:var(--green);box-shadow:0 0 0 3px rgba(27,67,50,.07);
}
.kd-form-group textarea{height:88px;resize:vertical}
.kd-captcha-row{
    display:flex;align-items:center;gap:10px;
    margin-bottom:14px;font-size:13px;font-weight:600;
}
.kd-captcha-row input{
    border:1.5px solid var(--cream-d);border-radius:var(--r-sm);
    padding:7px 11px;outline:none;background:white;transition:var(--ease);width:80px;text-align:center;
}
.kd-captcha-row input:focus{border-color:var(--green)}
.kd-form-response{padding:9px 14px;border-radius:var(--r-sm);font-size:13px;margin-bottom:11px;display:none}
.kd-form-response.success{background:#D1FAE5;color:#065F46;border:1px solid #A7F3D0;display:block}
.kd-form-response.error{background:#FEE2E2;color:#991B1B;border:1px solid #FECACA;display:block}
.kd-btn-send{
    background:linear-gradient(135deg,var(--green),var(--green-m));
    color:white;border:none;padding:11px 30px;border-radius:28px;
    font-size:14px;font-weight:700;cursor:pointer;transition:var(--ease);
    box-shadow:0 4px 14px rgba(27,67,50,.26);
}
.kd-btn-send:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(27,67,50,.36)}
.kd-btn-send:disabled{opacity:.6;cursor:not-allowed;transform:none}

/* ══ LAYOUT ══════════════════════════════════════ */
.site-container{
    max-width:1200px;margin:0 auto;padding:26px 20px;
    display:grid;grid-template-columns:1fr 288px;gap:26px;align-items:start;
}
.genre-bar{
    background:white;border:1px solid var(--cream-d);border-radius:var(--r);
    padding:13px 18px;margin-bottom:18px;display:flex;align-items:center;
    gap:8px;font-size:13px;color:var(--text-l);box-shadow:var(--sh-sm);
}
.genre-bar strong{color:var(--green);font-size:14px}
.genre-bar .count{
    margin-right:auto;background:var(--cream-d);
    padding:2px 10px;border-radius:20px;font-size:11px;
}

/* ══ PAGINATION ══════════════════════════════════ */
.kd-pagination{display:flex;justify-content:center;gap:5px;margin:26px 0;flex-wrap:wrap}
.kd-pagination a,.kd-pagination span{
    display:flex;align-items:center;justify-content:center;
    width:36px;height:36px;border-radius:50%;font-size:13px;font-weight:600;
    border:1.5px solid var(--cream-d);background:white;color:var(--text-m);transition:var(--ease);
}
.kd-pagination a:hover{border-color:var(--green);color:var(--green);background:var(--cream)}
.kd-pagination .current{background:var(--green);color:white;border-color:var(--green)}

/* ══ POST NAV ════════════════════════════════════ */
.kd-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:18px}
.kd-nav-card{
    background:white;border-radius:var(--r);border:1px solid var(--cream-d);
    padding:11px;display:flex;align-items:center;gap:10px;
    transition:var(--ease);font-size:13px;color:var(--text);
}
.kd-nav-card:hover{border-color:var(--green);color:var(--green);box-shadow:var(--sh-sm)}
.kd-nav-card img{width:46px;height:46px;object-fit:contain;border-radius:var(--r-sm);background:var(--cream);padding:4px}
.kd-nav-card .nav-lbl{font-size:10px;color:var(--text-l)}
.kd-nav-card .nav-title{font-weight:700;line-height:1.3}

/* ══ SIDEBAR ══════════════════════════════════════ */
.sidebar{display:flex;flex-direction:column;gap:18px}
.sidebar-widget{background:white;border-radius:var(--r);border:1px solid var(--cream-d);box-shadow:var(--sh-sm);overflow:hidden}
.widget-title{
    background:linear-gradient(135deg,var(--green),var(--green-m));
    color:white;padding:11px 16px;font-size:13px;font-weight:700;
    display:flex;align-items:center;gap:7px;
}
.widget-body{padding:14px}
.genres-list{display:flex;flex-direction:column;gap:3px}
.genre-item{
    display:flex;align-items:center;justify-content:space-between;
    padding:7px 11px;border-radius:var(--r-sm);font-size:13px;
    color:var(--text-m);transition:var(--ease);border:1px solid transparent;
}
.genre-item:hover{background:var(--cream);border-color:var(--green-l);color:var(--green)}
.genre-count{background:var(--cream-d);font-size:11px;padding:1px 8px;border-radius:18px;color:var(--text-l)}
.featured-list{display:flex;flex-direction:column;gap:9px}
.featured-item{display:flex;gap:9px;align-items:center;padding-bottom:9px;border-bottom:1px solid var(--cream-d)}
.featured-item:last-child{border-bottom:none;padding-bottom:0}
.featured-item img{width:48px;height:48px;object-fit:contain;border-radius:var(--r-sm);flex-shrink:0;background:var(--cream);padding:3px}
.fi-info{flex:1;min-width:0}
.fi-name{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;transition:color .2s}
.featured-item a:hover .fi-name{color:var(--green)}
.fi-genre{font-size:11px;color:var(--text-l)}

/* ══ FOOTER ══════════════════════════════════════ */
#site-footer{background:linear-gradient(135deg,var(--green) 0%,#0C2218 100%);color:rgba(255,255,255,.78);margin-top:38px}
.footer-top{max-width:1200px;margin:0 auto;padding:36px 20px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}
.footer-col h3{color:var(--gold-l);font-size:14px;font-weight:700;margin-bottom:13px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-about{font-size:13px;line-height:1.8}
.footer-links{display:flex;flex-direction:column;gap:6px}
.footer-links a{font-size:13px;transition:color .2s}
.footer-links a:hover{color:var(--gold-l)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:14px 20px;text-align:center;font-size:12px;color:rgba(255,255,255,.45);max-width:1200px;margin:0 auto}

/* ══ NO RESULTS ══════════════════════════════════ */
.kd-no-results{background:white;border-radius:var(--r);padding:55px 20px;text-align:center;border:1px solid var(--cream-d)}
.kd-no-results .icon{font-size:46px;margin-bottom:14px}
.kd-no-results h3{font-size:17px;color:var(--text);margin-bottom:7px}
.kd-no-results p{color:var(--text-l);font-size:13px}

/* ══ RESPONSIVE ══════════════════════════════════ */
@media(max-width:1024px){
    .fp-how-grid{grid-template-columns:1fr 1fr}
    .fp-testi-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
    .site-container{grid-template-columns:1fr}
    .footer-top{grid-template-columns:1fr 1fr}
    .fp-featured-grid{grid-template-columns:1fr 1fr}
    .fp-pricing-grid{max-width:560px}
}
@media(max-width:700px){
    .fp-hero{min-height:100vh}
    .fp-how-grid{grid-template-columns:1fr}
    .fp-testi-grid{grid-template-columns:1fr}
    .fp-pricing-grid{grid-template-columns:1fr;max-width:360px}
    .fp-price-featured{transform:none}
    .fp-price-featured:hover{transform:translateY(-4px)}
    .fp-featured-grid{grid-template-columns:1fr}
    .fp-latest-grid{grid-template-columns:1fr}
    .fp-cats-grid{grid-template-columns:repeat(3,1fr)}
    .fp-plan-cards{grid-template-columns:1fr}
    .fp-form-row{grid-template-columns:1fr}
    .fp-add-form{padding:18px 16px 24px}
    .kd-contact-block{flex-direction:column}
    .kd-single-logo{width:100%;border-left:none;border-bottom:1px solid var(--cream-d)}
    .kd-content-inner{flex-direction:column}
    .kd-form-grid{grid-template-columns:1fr}
    .kd-post-nav{grid-template-columns:1fr}
    .footer-top{grid-template-columns:1fr}
    .kd-single-qr{display:none}
}
@media(max-width:480px){
    .fp-search-city{display:none}
    .fp-hero-content{padding:40px 16px 60px}
    .fp-cats-grid{grid-template-columns:repeat(2,1fr)}
    .header-inner{flex-wrap:wrap;height:auto;padding:11px 14px;gap:9px}
    .header-nav{display:none}
    .header-nav.open{display:flex;flex-direction:column;width:100%;background:rgba(0,0,0,.18);border-radius:8px;padding:7px}
    .menu-toggle{display:block}
    .kd-card-body{flex-direction:column}
    .kd-card-logo{width:100%;border-left:none;border-bottom:1px solid var(--cream-d)}
    .kd-logo-link{width:100%;height:140px}
}

/* ══ POSTS & PAGES ═══════════════════════════════ */
.kd-post-wrap {
    background: white;
    border-radius: var(--r);
    border: 1px solid var(--cream-d);
    box-shadow: var(--sh-sm);
    overflow: hidden;
    margin-bottom: 24px;
}

.kd-post-header {
    padding: 24px 28px 0;
}

.kd-post-cats {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.kd-post-cat {
    background: rgba(27,67,50,.08);
    color: var(--green);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 12px;
    border-radius: 20px;
    border: 1px solid rgba(27,67,50,.15);
    transition: var(--ease);
}

.kd-post-cat:hover { background: var(--green); color: white; }

.kd-post-title {
    font-size: clamp(20px, 3vw, 28px);
    font-weight: 900;
    color: var(--text);
    line-height: 1.35;
    margin-bottom: 10px;
}

.kd-post-title a { color: var(--text); }
.kd-post-title a:hover { color: var(--green); }

.kd-post-meta {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    font-size: 12px;
    color: var(--text-l);
    padding-bottom: 16px;
    border-bottom: 1px solid var(--cream-d);
    margin-bottom: 0;
}

/* Featured image */
.kd-post-thumb {
    overflow: hidden;
    border-bottom: 1px solid var(--cream-d);
}

.kd-post-thumb img {
    width: 100%;
    max-height: 480px;
    object-fit: cover;
    display: block;
    transition: transform .4s ease;
}

.kd-post-wrap:hover .kd-post-thumb img { transform: scale(1.02); }

/* Archive thumbnail link */
.kd-archive-thumb {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid var(--cream-d);
    max-height: 380px;
}

.kd-archive-thumb img {
    width: 100%;
    object-fit: cover;
    max-height: 380px;
    transition: transform .4s ease;
}

.kd-post-wrap:hover .kd-archive-thumb img { transform: scale(1.02); }

/* Full post content */
.kd-post-content {
    padding: 24px 28px 28px;
    font-size: 15px;
    line-height: 1.95;
    color: var(--text-m);
}

/* Typography inside content */
.kd-post-content h1,
.kd-post-content h2,
.kd-post-content h3,
.kd-post-content h4,
.kd-post-content h5,
.kd-post-content h6 {
    font-family: 'Cairo', Tahoma, sans-serif;
    font-weight: 800;
    color: var(--green);
    margin: 22px 0 10px;
    line-height: 1.4;
}

.kd-post-content h2 { font-size: 22px; }
.kd-post-content h3 { font-size: 18px; }
.kd-post-content h4 { font-size: 16px; }

.kd-post-content p { margin-bottom: 14px; }

.kd-post-content a {
    color: var(--green);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.kd-post-content a:hover { color: var(--gold-d); }

.kd-post-content ul,
.kd-post-content ol {
    padding-right: 22px;
    margin-bottom: 14px;
}

.kd-post-content ul { list-style: disc; }
.kd-post-content ol { list-style: decimal; }

.kd-post-content li { margin-bottom: 6px; }

.kd-post-content blockquote {
    border-right: 4px solid var(--gold);
    padding: 14px 18px;
    margin: 18px 0;
    background: rgba(201,168,76,.06);
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    font-style: italic;
    color: var(--text);
}

.kd-post-content img {
    border-radius: var(--r-sm);
    margin: 14px 0;
    max-width: 100%;
    height: auto;
}

.kd-post-content table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 16px;
    font-size: 14px;
}

.kd-post-content table th {
    background: var(--green);
    color: white;
    padding: 10px 14px;
    text-align: right;
    font-weight: 700;
}

.kd-post-content table td {
    padding: 9px 14px;
    border-bottom: 1px solid var(--cream-d);
}

.kd-post-content table tr:nth-child(even) td { background: var(--cream); }

.kd-post-content pre,
.kd-post-content code {
    background: #1e2a38;
    color: #e8c97a;
    border-radius: var(--r-sm);
    font-size: 13px;
    direction: ltr;
    text-align: left;
}

.kd-post-content pre { padding: 16px 18px; overflow-x: auto; margin-bottom: 14px; }
.kd-post-content code { padding: 2px 7px; }

.kd-post-content hr {
    border: none;
    border-top: 2px solid var(--cream-d);
    margin: 24px 0;
}

/* Read more link */
.kd-read-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--green);
    font-weight: 700;
    font-size: 14px;
    margin-top: 8px;
    text-decoration: none;
    transition: var(--ease);
}

.kd-read-more:hover { color: var(--gold-d); gap: 10px; }

/* Tags */
.kd-post-tags {
    padding: 14px 28px;
    border-top: 1px solid var(--cream-d);
    background: var(--cream);
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.kd-post-tags span {
    background: white;
    border: 1px solid var(--cream-d);
    padding: 2px 10px;
    border-radius: 14px;
    font-size: 12px;
    color: var(--text-m);
    transition: var(--ease);
}

.kd-post-tags span:hover { background: var(--green); color: white; border-color: var(--green); }

/* Page pagination */
.kd-post-pages {
    padding: 12px 0;
    font-size: 13px;
    color: var(--text-l);
    border-top: 1px solid var(--cream-d);
    margin-top: 16px;
}

.kd-post-pages a {
    display: inline-block;
    padding: 4px 10px;
    background: var(--cream);
    border-radius: 6px;
    margin: 0 3px;
    color: var(--green);
    font-weight: 600;
}

@media(max-width:600px) {
    .kd-post-header { padding: 18px 16px 0; }
    .kd-post-content { padding: 18px 16px 22px; }
    .kd-post-tags { padding: 12px 16px; }
}

/* ══════════════════════════════════════════════════
   PREMIUM FEATURED — 4 Sticky Cards
   ══════════════════════════════════════════════════ */

.fp-prem-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 36px;
}

/* Card */
.fp-prem-card {
    position: relative;
    background: white;
    border-radius: 18px;
    overflow: hidden;
    border: 2px solid var(--cream-d);
    box-shadow: 0 6px 28px rgba(0,0,0,.08);
    display: flex;
    flex-direction: column;
    transition: all .35s cubic-bezier(.4,0,.2,1);
    text-decoration: none;
    color: var(--text);
}

.fp-prem-card:hover {
    transform: translateY(-8px);
    border-color: var(--gold);
    box-shadow: 0 16px 48px rgba(201,168,76,.25), 0 4px 16px rgba(0,0,0,.1);
}

/* Gold ribbon top */
.fp-prem-ribbon {
    background: linear-gradient(135deg, var(--gold-d), var(--gold), var(--gold-l));
    color: white;
    font-size: 11px;
    font-weight: 800;
    padding: 6px 14px;
    display: flex;
    align-items: center;
    gap: 5px;
    letter-spacing: .3px;
}

.fp-prem-star {
    font-size: 13px;
    animation: fp-star-pulse 2s ease-in-out infinite;
}

@keyframes fp-star-pulse {
    0%, 100% { transform: scale(1);   opacity: 1; }
    50%       { transform: scale(1.3); opacity: .85; }
}

/* Logo area */
.fp-prem-logo-wrap {
    position: relative;
    height: 160px;
    background: linear-gradient(160deg, #f8f5ee 0%, #ede8d8 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-bottom: 1px solid var(--cream-d);
}

.fp-prem-logo {
    max-width: 75%;
    max-height: 130px;
    object-fit: contain;
    position: relative;
    z-index: 2;
    transition: transform .4s ease;
    filter: drop-shadow(0 4px 12px rgba(0,0,0,.1));
}

.fp-prem-card:hover .fp-prem-logo {
    transform: scale(1.08);
}

/* Radial glow behind logo */
.fp-prem-glow {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 60%, rgba(201,168,76,.12) 0%, transparent 70%);
    z-index: 1;
    transition: opacity .35s;
}

.fp-prem-card:hover .fp-prem-glow {
    background: radial-gradient(circle at 50% 60%, rgba(201,168,76,.22) 0%, transparent 65%);
}

.fp-prem-nologo {
    font-size: 58px;
    position: relative;
    z-index: 2;
}

/* Body */
.fp-prem-body {
    padding: 16px 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

.fp-prem-genre {
    font-size: 10px;
    font-weight: 800;
    color: var(--green-l);
    text-transform: uppercase;
    letter-spacing: .8px;
}

.fp-prem-name {
    font-size: 15px;
    font-weight: 900;
    color: var(--text);
    line-height: 1.3;
}

.fp-prem-card:hover .fp-prem-name {
    color: var(--green);
}

.fp-prem-excerpt {
    font-size: 12px;
    color: var(--text-l);
    line-height: 1.65;
    flex: 1;
}

.fp-prem-meta {
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-size: 11px;
    color: var(--text-l);
}

.fp-prem-social {
    display: flex;
    gap: 5px;
}

.fp-prem-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 11px;
    color: white;
    transition: transform .2s;
}

.fp-prem-chip:hover { transform: scale(1.15); }
.fp-chip-x  { background: #1DA1F2; }
.fp-chip-ig { background: linear-gradient(135deg, #f09433, #dc2743, #bc1888); }

/* CTA row */
.fp-prem-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4px;
    padding-top: 12px;
    border-top: 1px solid var(--cream-d);
}

.fp-prem-btn {
    font-size: 12px;
    font-weight: 700;
    color: var(--green);
    transition: color .2s;
}

.fp-prem-card:hover .fp-prem-btn { color: var(--gold-d); }

.fp-prem-arrow {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--cream);
    border: 1.5px solid var(--cream-d);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    color: var(--green);
    transition: all .28s;
    flex-shrink: 0;
}

.fp-prem-card:hover .fp-prem-arrow {
    background: var(--gold);
    border-color: var(--gold);
    color: white;
    transform: translateX(-4px);
}

/* ── Upsell CTA Banner ── */
.fp-prem-upsell {
    margin-bottom: 10px;
}

.fp-upsell-inner {
    display: flex;
    align-items: center;
    gap: 18px;
    background: linear-gradient(135deg, var(--green) 0%, var(--green-m) 60%, #1a5c40 100%);
    border-radius: 16px;
    padding: 20px 28px;
    box-shadow: 0 6px 28px rgba(27,67,50,.28);
    position: relative;
    overflow: hidden;
}

/* Decorative pattern */
.fp-upsell-inner::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23C9A84C' fill-opacity='0.07'%3E%3Cpath d='M20 20v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/g%3E%3C/svg%3E");
    pointer-events: none;
}

.fp-upsell-icon {
    font-size: 38px;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    animation: fp-trophy-bounce .8s ease-in-out infinite alternate;
}

@keyframes fp-trophy-bounce {
    from { transform: translateY(0); }
    to   { transform: translateY(-5px); }
}

.fp-upsell-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative;
    z-index: 1;
}

.fp-upsell-text strong {
    font-size: 17px;
    font-weight: 900;
    color: white;
}

.fp-upsell-text span {
    font-size: 13px;
    color: rgba(255,255,255,.75);
    line-height: 1.5;
}

.fp-upsell-btn {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, var(--gold), var(--gold-d));
    color: white;
    font-size: 13px;
    font-weight: 800;
    padding: 13px 22px;
    border-radius: 30px;
    white-space: nowrap;
    transition: all .28s;
    box-shadow: 0 4px 16px rgba(139,105,20,.4);
    position: relative;
    z-index: 1;
}

.fp-upsell-btn:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 7px 22px rgba(139,105,20,.5);
    color: white;
}

/* ── Responsive ── */
@media (max-width: 1100px) {
    .fp-prem-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
    .fp-prem-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
    .fp-prem-logo-wrap { height: 120px; }
    .fp-upsell-inner { flex-direction: column; text-align: center; padding: 20px 18px; }
    .fp-upsell-btn { width: 100%; justify-content: center; }
}

@media (max-width: 400px) {
    .fp-prem-grid { grid-template-columns: 1fr; }
}

/* ══════════════════════════════════════════════════
   SINGLE DALEEL PAGE — Premium Design
   ══════════════════════════════════════════════════ */

.sd-page {
    background: var(--cream);
    min-height: 60vh;
    font-family: 'Cairo', Tahoma, sans-serif;
}

.sd-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 22px 20px 40px;
    display: grid;
    grid-template-columns: 1fr 288px;
    gap: 26px;
    align-items: start;
}

.sd-main { min-width: 0; display: flex; flex-direction: column; gap: 18px; }

/* Breadcrumb */
.sd-breadcrumb {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    color: var(--text-l);
    flex-wrap: wrap;
}
.sd-breadcrumb a { color: var(--green); transition: color .2s; }
.sd-breadcrumb a:hover { color: var(--gold-d); text-decoration: underline; }
.sd-bc-current { color: var(--text-m); font-weight: 600; }

/* ── Hero Card ── */
.sd-hero-card {
    background: white;
    border-radius: 18px;
    overflow: hidden;
    border: 2px solid var(--cream-d);
    box-shadow: 0 6px 28px rgba(0,0,0,.09);
}

/* Ribbon */
.sd-hero-ribbon {
    background: linear-gradient(135deg, var(--green), var(--green-m));
    padding: 10px 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.sd-genre-chip {
    background: rgba(255,255,255,.15);
    color: rgba(255,255,255,.9);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 12px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.2);
    transition: var(--ease);
}
.sd-genre-chip:hover { background: var(--gold); color: var(--green); border-color: var(--gold); }
.sd-verified-badge {
    margin-right: auto;
    background: linear-gradient(135deg, var(--gold), var(--gold-d));
    color: white;
    font-size: 11px;
    font-weight: 800;
    padding: 3px 12px;
    border-radius: 18px;
}

/* Hero body */
.sd-hero-body {
    display: flex;
    gap: 0;
}

/* Logo panel */
.sd-logo-panel {
    flex-shrink: 0;
    width: 210px;
    background: linear-gradient(160deg, #f8f5ee 0%, #ede8d8 100%);
    border-left: 1px solid var(--cream-d);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 24px 16px;
}

.sd-logo-wrap {
    position: relative;
    width: 156px;
    height: 156px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sd-logo-img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 12px;
    background: white;
    padding: 10px;
    border: 2px solid var(--cream-d);
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
    position: relative;
    z-index: 2;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,.1));
}

.sd-logo-fallback {
    font-size: 64px;
    line-height: 1;
    position: relative;
    z-index: 2;
}

.sd-logo-glow {
    position: absolute;
    inset: -10px;
    background: radial-gradient(circle, rgba(201,168,76,.15) 0%, transparent 70%);
    z-index: 1;
}

/* Reveal button */
.sd-reveal-btn {
    background: linear-gradient(135deg, var(--gold), var(--gold-d));
    color: white;
    border: none;
    padding: 10px 18px;
    border-radius: 24px;
    font-size: 13px;
    font-weight: 800;
    font-family: 'Cairo', inherit;
    cursor: pointer;
    transition: var(--ease);
    box-shadow: 0 4px 14px rgba(139,105,20,.3);
    white-space: nowrap;
    animation: sd-pulse-btn 2.5s ease-in-out infinite;
}

@keyframes sd-pulse-btn {
    0%,100% { box-shadow: 0 4px 14px rgba(139,105,20,.3); }
    50%      { box-shadow: 0 4px 20px rgba(139,105,20,.55); transform: scale(1.03); }
}

.sd-reveal-btn.kd-revealed,
.sd-reveal-btn:disabled {
    animation: none;
    background: #d4edda;
    color: #155724;
    box-shadow: none;
    cursor: default;
    transform: none;
}

/* Info panel */
.sd-info-panel {
    flex: 1;
    padding: 22px 24px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.sd-title {
    font-size: clamp(18px, 2.5vw, 26px);
    font-weight: 900;
    color: var(--text);
    line-height: 1.3;
    font-family: 'Cairo', sans-serif;
}

/* Phone rows */
.sd-phones-block {
    background: var(--cream);
    border-radius: 10px;
    border: 1px solid var(--cream-d);
    overflow: hidden;
}

.sd-phone-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--cream-d);
    font-size: 14px;
    font-family: 'Cairo', sans-serif;
    transition: background .2s;
}

.sd-phone-row:last-child { border-bottom: none; }
.sd-phone-row:hover { background: white; }

.sd-ph-icon { font-size: 16px; flex-shrink: 0; }
.sd-ph-lbl  { font-size: 12px; color: var(--text-l); width: 65px; flex-shrink: 0; font-weight: 600; }
.sd-ph-val  { flex: 1; font-weight: 700; color: var(--text); letter-spacing: .5px; font-size: 15px; }

.sd-call-btn {
    background: var(--green);
    color: white;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 14px;
    transition: var(--ease);
    flex-shrink: 0;
    font-family: 'Cairo', sans-serif;
}
.sd-call-btn:hover { background: var(--green-m); transform: scale(1.05); color: white; }
.sd-wa-btn { background: #25D366; }
.sd-wa-btn:hover { background: #1aad52; }

/* kd-hidden-phone override for sd */
.sd-phones-block .kd-hidden-phone {
    filter: blur(5px);
    user-select: none;
    cursor: pointer;
}
.sd-phones-block .kd-hidden-phone:hover { filter: blur(3px); }

/* Info rows */
.sd-info-rows {
    display: flex;
    flex-direction: column;
    gap: 0;
    border-radius: 10px;
    border: 1px solid var(--cream-d);
    overflow: hidden;
    background: var(--cream);
}

.sd-info-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 14px;
    border-bottom: 1px solid var(--cream-d);
    font-size: 13px;
    font-family: 'Cairo', sans-serif;
    transition: background .2s;
}

.sd-info-row:last-child { border-bottom: none; }
.sd-info-row:hover { background: white; }
.sd-info-icon { font-size: 15px; flex-shrink: 0; }
.sd-info-lbl  { font-size: 12px; color: var(--text-l); width: 60px; flex-shrink: 0; font-weight: 600; }
.sd-info-val  { font-weight: 600; color: var(--text); flex: 1; }
.sd-info-link { color: var(--green); font-weight: 700; flex: 1; }
.sd-info-link:hover { text-decoration: underline; }
.sd-website-link { color: var(--green-m) !important; }

/* Social row */
.sd-social-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.sd-social-lbl { font-size: 12px; color: var(--text-l); font-weight: 600; }

.sd-soc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    color: white !important;
    font-size: 13px;
    font-weight: 800;
    transition: var(--ease);
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
}
.sd-soc-btn:hover { transform: scale(1.18) translateY(-2px); box-shadow: 0 5px 14px rgba(0,0,0,.2); }

/* ── Section Cards ── */
.sd-section-card {
    background: white;
    border-radius: 16px;
    border: 1.5px solid var(--cream-d);
    box-shadow: 0 4px 18px rgba(0,0,0,.06);
    overflow: hidden;
    font-family: 'Cairo', sans-serif;
}

.sd-section-hd {
    font-size: 15px;
    font-weight: 800;
    color: var(--green);
    padding: 16px 22px;
    border-bottom: 2px solid var(--cream-d);
    display: flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, rgba(27,67,50,.03), rgba(27,67,50,.01));
    font-family: 'Cairo', sans-serif;
}

/* Hours grid */
.sd-hours-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 8px;
    padding: 16px 22px;
}

.sd-hour-item {
    background: var(--cream);
    border-radius: 10px;
    padding: 10px 14px;
    border: 1px solid var(--cream-d);
    transition: var(--ease);
}

.sd-hour-item:hover { border-color: var(--gold); background: rgba(201,168,76,.05); }
.sd-hour-day  { font-size: 12px; font-weight: 800; color: var(--green); margin-bottom: 3px; }
.sd-hour-time { font-size: 11px; color: var(--text-m); }

/* Content card */
.sd-content-wrap {
    display: flex;
    gap: 20px;
    padding: 18px 22px 22px;
    align-items: flex-start;
}

.sd-content-logo { flex-shrink: 0; }

.sd-content-logo-img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    border-radius: 10px;
    background: var(--cream);
    padding: 8px;
    border: 2px solid var(--cream-d);
    box-shadow: 0 2px 8px rgba(0,0,0,.07);
}

.sd-content-body { flex: 1; min-width: 0; }

.sd-font-controls {
    display: flex;
    gap: 5px;
    margin-bottom: 12px;
}

.sd-font-controls button {
    background: var(--cream);
    border: 1px solid var(--cream-d);
    padding: 3px 11px;
    border-radius: 7px;
    cursor: pointer;
    font-family: 'Cairo', inherit;
    font-size: 12px;
    transition: var(--ease);
}

.sd-font-controls button:hover { background: var(--green); color: white; border-color: var(--green); }

.sd-content-text {
    font-size: 15px;
    line-height: 1.95;
    color: var(--text-m);
    font-family: 'Cairo', sans-serif;
}

.sd-content-text h2,.sd-content-text h3,.sd-content-text h4 {
    font-family: 'Cairo', sans-serif;
    font-weight: 800;
    color: var(--green);
    margin: 18px 0 8px;
}

.sd-content-text p { margin-bottom: 12px; }
.sd-content-text a { color: var(--green); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.sd-content-text ul { list-style: disc; padding-right: 20px; margin-bottom: 12px; }
.sd-content-text ol { list-style: decimal; padding-right: 20px; margin-bottom: 12px; }
.sd-content-text li { margin-bottom: 5px; }
.sd-content-text blockquote {
    border-right: 4px solid var(--gold);
    padding: 12px 16px;
    margin: 14px 0;
    background: rgba(201,168,76,.06);
    border-radius: 0 10px 10px 0;
    font-style: italic;
}

/* Map & Video */
.sd-map-wrap, .sd-video-wrap { padding: 16px 22px; }
.sd-map-wrap iframe, .sd-video-wrap iframe {
    width: 100%; border: none; border-radius: 10px;
}
.sd-video-wrap iframe { height: 320px; }

/* Gallery */
.sd-gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    gap: 8px;
    padding: 16px 22px;
}

.sd-gallery-item img {
    width: 100%;
    height: 88px;
    object-fit: cover;
    border-radius: 8px;
    transition: var(--ease);
    border: 1px solid var(--cream-d);
}

.sd-gallery-item:hover img { transform: scale(1.06); box-shadow: var(--sh-md); }

/* Contact Form */
.sd-form-card { }
.sd-form-wrap { padding: 18px 22px 24px; background: var(--cream); }
.sd-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 12px;
}

.sd-fg { display: flex; flex-direction: column; gap: 4px; }
.sd-fg-full { grid-column: 1 / -1; }
.sd-fg label { font-size: 12px; font-weight: 700; color: var(--text-l); font-family: 'Cairo', sans-serif; }

.sd-field {
    border: 1.5px solid var(--cream-d);
    border-radius: 9px;
    padding: 10px 14px;
    font-size: 14px;
    font-family: 'Cairo', sans-serif;
    direction: rtl;
    outline: none;
    background: white;
    color: var(--text);
    transition: var(--ease);
    width: 100%;
}

.sd-field:focus {
    border-color: var(--green);
    box-shadow: 0 0 0 3px rgba(27,67,50,.07);
}

textarea.sd-field { height: 90px; resize: vertical; }

.sd-captcha-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    font-size: 13px;
    font-weight: 700;
    font-family: 'Cairo', sans-serif;
}

.sd-captcha-row input { width: 80px; text-align: center; }

.sd-captcha-q { color: var(--text-m); }

.sd-form-response {
    padding: 10px 14px;
    border-radius: 9px;
    font-size: 13px;
    margin-bottom: 12px;
    display: none;
    font-family: 'Cairo', sans-serif;
}

.sd-form-response.success { background: #D1FAE5; color: #065F46; border: 1px solid #A7F3D0; display: block; }
.sd-form-response.error   { background: #FEE2E2; color: #991B1B; border: 1px solid #FECACA; display: block; }

.sd-send-btn {
    background: linear-gradient(135deg, var(--green), var(--green-m));
    color: white;
    border: none;
    padding: 13px 34px;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 800;
    font-family: 'Cairo', sans-serif;
    cursor: pointer;
    transition: var(--ease);
    box-shadow: 0 4px 16px rgba(27,67,50,.26);
}

.sd-send-btn:hover { transform: translateY(-2px); box-shadow: 0 7px 22px rgba(27,67,50,.38); }
.sd-send-btn:disabled { opacity: .6; cursor: not-allowed; transform: none; }

/* ── Responsive ── */
@media (max-width: 900px) {
    .sd-container { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
    .sd-hero-body { flex-direction: column; }
    .sd-logo-panel { width: 100%; flex-direction: row; gap: 20px; padding: 18px; border-left: none; border-bottom: 1px solid var(--cream-d); }
    .sd-logo-wrap { width: 100px; height: 100px; flex-shrink: 0; }
    .sd-form-grid { grid-template-columns: 1fr; }
    .sd-content-wrap { flex-direction: column; }
    .sd-content-logo-img { width: 80px; height: 80px; }
}

@media (max-width: 480px) {
    .sd-container { padding: 14px 12px 30px; }
    .sd-section-hd { padding: 14px 16px; font-size: 14px; }
    .sd-hours-grid { padding: 12px 16px; }
    .sd-content-wrap { padding: 14px 16px 18px; }
    .sd-form-wrap { padding: 14px 16px 20px; }
    .sd-map-wrap, .sd-video-wrap { padding: 12px 16px; }
    .sd-gallery-grid { padding: 12px 16px; }
    .sd-phone-row { padding: 8px 12px; }
    .sd-ph-val { font-size: 13px; }
}