*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --gold:#BFA16A;--gold2:#DFC898;--gold3:#8B7240;
  --noir:#09090A;--noir2:#141416;--noir3:#1C1C20;--noir4:#060607;
  --white:#FAFAF5;--muted:#7A7870;--border:rgba(191,161,106,0.14);
  --cream:#F0EDE4;
}
html{scroll-behavior:smooth}
body{font-family:'Outfit',sans-serif;font-weight:300;background:var(--noir);color:var(--white);overflow-x:hidden}
.hidden{display:none!important}

/* ── ANIMATIONS ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes shimmer{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes rotateGold{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes lineDraw{from{stroke-dashoffset:400}to{stroke-dashoffset:0}}
@keyframes countUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes scrollBar{0%{height:0}100%{height:60%}}
@keyframes orbPulse{0%,100%{transform:scale(1);opacity:.15}50%{transform:scale(1.15);opacity:.28}}
@keyframes navSlide{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
@keyframes starTwinkle{0%,100%{opacity:.2;transform:scale(.8)}50%{opacity:.7;transform:scale(1)}}

.anim-up{opacity:0;animation:fadeUp .9s cubic-bezier(.22,.61,.36,1) forwards}
.anim-up.d1{animation-delay:.15s}
.anim-up.d2{animation-delay:.3s}
.anim-up.d3{animation-delay:.45s}
.anim-up.d4{animation-delay:.6s}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform .85s cubic-bezier(.22,.61,.36,1)}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ── NAV ── */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.25rem 3rem;display:flex;align-items:center;justify-content:space-between;transition:all .4s;animation:navSlide .8s ease both}
nav.scrolled{background:rgba(9,9,10,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:.9rem 3rem}
.nav-logo{font-family:'Playfair Display',serif;font-weight:400;font-size:1.45rem;letter-spacing:.08em;color:var(--gold);cursor:pointer;transition:color .3s}
.nav-logo:hover{color:var(--gold2)}
.nav-logo span{color:var(--white);font-style:italic}
.nav-links{display:flex;gap:2.25rem;list-style:none}
.nav-links a{font-size:.68rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:rgba(250,250,245,.6);text-decoration:none;transition:color .3s;cursor:pointer;position:relative}
.nav-links a::after{content:'';position:absolute;bottom:-3px;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.nav-links a:hover{color:var(--white)}
.nav-links a:hover::after{transform:scaleX(1)}
.nav-cta{font-size:.63rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;padding:.55rem 1.5rem;border:1px solid var(--gold);color:var(--gold);background:transparent;cursor:pointer;font-family:'Outfit',sans-serif;transition:all .3s;position:relative;overflow:hidden}
.nav-cta::before{content:'';position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s;z-index:-1}
.nav-cta:hover{color:var(--noir)}
.nav-cta:hover::before{transform:scaleX(1)}

/* ── HERO ── */
.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:0 3rem}
.hero-canvas{position:absolute;inset:0;z-index:0}
.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);animation:orbPulse 6s ease-in-out infinite}
.hero-orb1{width:600px;height:600px;background:radial-gradient(circle,rgba(191,161,106,.18),transparent 70%);top:-10%;right:-5%;animation-delay:0s}
.hero-orb2{width:400px;height:400px;background:radial-gradient(circle,rgba(191,161,106,.1),transparent 70%);bottom:10%;left:-5%;animation-delay:3s}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(191,161,106,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(191,161,106,.04) 1px,transparent 1px);background-size:80px 80px}
.hero-content{position:relative;z-index:1;max-width:780px}
.hero-tag{display:inline-flex;align-items:center;gap:.75rem;font-size:.6rem;font-weight:500;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);margin-bottom:2rem}
.hero-tag::before,.hero-tag::after{content:'';width:32px;height:1px;background:linear-gradient(to right,transparent,var(--gold))}
.hero-tag::after{background:linear-gradient(to left,transparent,var(--gold))}
.hero h1{font-family:'Playfair Display',serif;font-weight:400;font-size:clamp(3rem,6vw,5.5rem);line-height:1.02;letter-spacing:-.02em;margin-bottom:1.75rem}
.hero h1 em{font-style:italic;color:var(--gold);display:block}
.hero-sub{font-size:.95rem;line-height:1.9;color:rgba(250,250,245,.55);max-width:460px;margin-bottom:3rem;font-weight:300}
.hero-actions{display:flex;align-items:center;gap:2.5rem}
.btn-hero{font-size:.68rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;padding:1rem 2.75rem;background:var(--gold);color:var(--noir);border:none;cursor:pointer;font-family:'Outfit',sans-serif;transition:all .35s;position:relative;overflow:hidden}
.btn-hero::after{content:'';position:absolute;inset:0;background:var(--gold2);transform:scaleX(0);transform-origin:left;transition:transform .35s;z-index:-1}
.btn-hero:hover{background:var(--gold2)}
.btn-link{font-size:.68rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:rgba(250,250,245,.6);display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;border:none;background:none;font-family:'Outfit',sans-serif;transition:color .3s}
.btn-link:hover{color:var(--white)}
.btn-link svg{transition:transform .3s}
.btn-link:hover svg{transform:translateX(4px)}
.hero-scroll{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:1}
.hero-scroll-txt{font-size:.5rem;letter-spacing:.4em;text-transform:uppercase;color:rgba(191,161,106,.5)}
.hero-scroll-track{width:1px;height:50px;background:rgba(191,161,106,.15);position:relative;overflow:hidden}
.hero-scroll-bar{position:absolute;top:-100%;width:100%;background:var(--gold);animation:scrollBar 2s ease-in-out infinite}
.hero-img-side{position:absolute;right:0;top:0;bottom:0;width:42%;overflow:hidden;z-index:0}
.hero-img-overlay{position:absolute;inset:0;background:linear-gradient(to right,var(--noir) 0%,rgba(9,9,10,.4) 40%,rgba(9,9,10,.2) 100%);z-index:1}
.hero-img-side img{width:100%;height:100%;object-fit:cover;opacity:.55;filter:saturate(1.1)}

/* FLOATING STATS CARD */
.hero-stats-card{position:absolute;bottom:4rem;right:4rem;z-index:2;background:rgba(20,20,22,.85);backdrop-filter:blur(16px);border:1px solid rgba(191,161,106,.2);padding:1.5rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 2rem;animation:fadeIn 1.2s 1s both}
.hsc-item{}
.hsc-n{font-family:'Playfair Display',serif;font-size:2rem;font-weight:400;color:var(--gold);line-height:1}
.hsc-l{font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:.25rem}

/* ── MARQUEE ── */
.marquee-wrap{background:var(--noir2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.85rem 0;overflow:hidden;position:relative}
.marquee-track{display:flex;gap:3rem;white-space:nowrap;animation:marqueeScroll 28s linear infinite}
.marquee-item{font-size:.6rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:1.5rem;flex-shrink:0}
.marquee-item::after{content:'◆';color:var(--gold);font-size:.4rem}
@keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ── TUNISIA SECTION ── */
.tunisia-section{padding:7rem 0;position:relative;overflow:hidden}
.tunisia-inner{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:100%}
.tunisia-left{padding:5rem 5rem 5rem 3rem;display:flex;flex-direction:column;justify-content:center}
.tunisia-right{position:relative;overflow:hidden;min-height:520px}
.tunisia-img-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;height:100%}
.tig{overflow:hidden;position:relative}
.tig img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease;filter:brightness(.85) saturate(1.1)}
.tig:hover img{transform:scale(1.06)}
.tig-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(9,9,10,.6),transparent)}
.tig-label{position:absolute;bottom:.75rem;left:.875rem;font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(250,250,245,.7)}
.tig.tall{grid-row:span 2}
.eyebrow{font-size:.6rem;font-weight:500;letter-spacing:.38em;text-transform:uppercase;color:var(--gold);margin-bottom:1.25rem;display:flex;align-items:center;gap:.875rem}
.eyebrow::before{content:'';width:28px;height:1px;background:var(--gold)}
.section-h{font-family:'Playfair Display',serif;font-weight:400;font-size:clamp(2rem,3.5vw,3rem);line-height:1.12;letter-spacing:-.01em}
.section-h em{font-style:italic;color:var(--gold)}
.section-p{font-size:.88rem;line-height:1.95;color:rgba(250,250,245,.5);margin-top:1.25rem;max-width:440px}
.dest-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}
.dest-pill{font-size:.6rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;padding:.4rem 1rem;border:1px solid rgba(191,161,106,.25);color:var(--muted);cursor:pointer;transition:all .3s}
.dest-pill:hover,.dest-pill.active{border-color:var(--gold);color:var(--gold);background:rgba(191,161,106,.06)}

/* ── SERVICES ── */
.services-section{padding:7rem 3rem;background:var(--noir2);border-top:1px solid var(--border)}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;background:rgba(191,161,106,.08);margin-top:4rem}
.service-card{background:var(--noir2);padding:2.75rem 2.25rem;position:relative;overflow:hidden;transition:background .4s;cursor:default}
.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,var(--gold),transparent);transform:scaleX(0);transition:transform .5s;transform-origin:left}
.service-card:hover{background:var(--noir3)}
.service-card:hover::before{transform:scaleX(1)}
.service-num{font-family:'Playfair Display',serif;font-size:4rem;font-weight:400;color:rgba(191,161,106,.08);line-height:1;margin-bottom:1.5rem;letter-spacing:-.03em;transition:color .4s}
.service-card:hover .service-num{color:rgba(191,161,106,.14)}
.service-icon{width:44px;height:44px;border:1px solid rgba(196,165,90,.3);display:flex;align-items:center;justify-content:center;color:var(--gold);margin-bottom:1.25rem;transition:all .5s;background:rgba(196,165,90,.04);padding:10px}.service-icon svg{stroke:var(--gold);transition:all .4s;flex-shrink:0}
.service-card:hover .service-icon{border-color:var(--gold);background:rgba(191,161,106,.08)}
.service-h{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:400;margin-bottom:.75rem;line-height:1.3}
.service-desc{font-size:.78rem;line-height:1.85;color:var(--muted)}
.service-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.6rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-top:1.25rem;opacity:0;transform:translateY(4px);transition:all .3s;cursor:pointer}
.service-card:hover .service-link{opacity:1;transform:translateY(0)}

/* ── PROPERTIES ── */
.props-section{padding:7rem 0 5rem}
.filter-bar{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap;padding:0 3rem 2.75rem;margin-top:2rem}
.fb{font-size:.6rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;padding:.42rem 1rem;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;font-family:'Outfit',sans-serif;transition:all .25s}
.fb.active,.fb:hover{border-color:var(--gold);color:var(--gold);background:rgba(191,161,106,.05)}
.props-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1px;background:rgba(191,161,106,.06);padding:0 3rem 5rem}
.prop-card{background:var(--noir);overflow:hidden;transition:all .4s;cursor:pointer;position:relative}
.prop-card::after{content:'';position:absolute;inset:0;border:1px solid transparent;transition:border-color .4s;pointer-events:none;z-index:2}
.prop-card:hover::after{border-color:rgba(191,161,106,.4)}
.prop-card:hover{background:var(--noir2)}
.prop-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--noir3)}
.prop-slider{display:flex;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}
.prop-img{width:100%;height:100%;object-fit:cover;flex-shrink:0;cursor:zoom-in;transition:transform .8s ease}
.prop-card:hover .prop-img{transform:scale(1.03)}
.prop-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}
.prop-ph-icon{font-size:2rem;opacity:.15}
.prop-ph-txt{font-size:.52rem;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);opacity:.35}
.prop-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.45);border:none;color:rgba(255,255,255,.7);width:32px;height:32px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .25s;z-index:5;opacity:0}
.prop-card:hover .prop-nav{opacity:1}
.prop-nav:hover{background:rgba(191,161,106,.75);color:var(--noir)}
.pnl{left:.5rem}.pnr{right:.5rem}
.prop-dots{position:absolute;bottom:.6rem;left:50%;transform:translateX(-50%);display:flex;gap:.3rem;z-index:5}
.prop-dot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:all .25s;border:none;padding:0}
.prop-dot.active{background:var(--gold);width:12px;border-radius:2px}
.prop-badge{position:absolute;top:.75rem;left:.75rem;z-index:5;font-size:.52rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;padding:.25rem .6rem}
.bv{background:rgba(191,161,106,.9);color:#09090A}
.bl{background:rgba(30,70,120,.9);color:#FAFAF5}
.bn{background:rgba(30,80,50,.9);color:#FAFAF5}
.bm{background:rgba(70,30,90,.9);color:#FAFAF5}
.prop-zone{position:absolute;bottom:.75rem;right:.75rem;z-index:5;font-size:.5rem;letter-spacing:.15em;text-transform:uppercase;padding:.18rem .5rem;background:rgba(0,0,0,.6);color:rgba(250,250,245,.55);border:1px solid rgba(255,255,255,.07)}
.prop-cnt{position:absolute;top:.75rem;right:.75rem;z-index:5;font-size:.52rem;background:rgba(0,0,0,.55);color:rgba(255,255,255,.65);padding:.18rem .45rem}
.prop-body{padding:1.25rem 1.4rem 1.4rem}
.prop-ref{font-size:.52rem;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem}
.prop-title{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:400;line-height:1.22;margin-bottom:.2rem}
.prop-loc{font-size:.68rem;color:var(--muted);margin-bottom:.875rem;display:flex;align-items:center;gap:.3rem}
.locdot{width:4px;height:4px;border-radius:50%;background:var(--gold);flex-shrink:0}
.prop-price{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:400;color:var(--gold2);line-height:1}
.prop-price-u{font-size:.62rem;font-weight:300;color:var(--muted);margin-left:.2rem}
.prop-price-alt{font-size:.65rem;color:var(--muted);margin-top:.2rem}
.prop-div{height:1px;background:var(--border);margin:.875rem 0}
.prop-desc{font-size:.72rem;line-height:1.75;color:rgba(250,250,245,.5)}
.prop-more{font-size:.58rem;color:var(--gold);cursor:pointer;margin-top:.35rem;display:inline-block;opacity:.65;background:none;border:none;font-family:'Outfit',sans-serif;transition:opacity .2s}
.prop-more:hover{opacity:1}
.prop-annonce{margin-top:.75rem;padding:.6rem .75rem;border-left:2px solid var(--gold);background:rgba(191,161,106,.04);display:none}
.prop-annonce-lbl{font-size:.5rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.3rem;opacity:.7}
.prop-annonce-txt{font-size:.68rem;line-height:1.65;color:rgba(250,250,245,.4);font-style:italic}
.prop-actions{margin-top:.875rem;display:flex;gap:.4rem}
.pbtn{flex:1;font-family:'Outfit',sans-serif;font-size:.56rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;padding:.42rem;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;transition:all .25s}
.pbtn.g{border-color:rgba(191,161,106,.3);color:var(--gold)}
.pbtn:hover{border-color:var(--gold);color:var(--gold);background:rgba(191,161,106,.05)}

/* ── TESTIMONIALS ── */
.testi-section{padding:7rem 3rem;background:var(--noir4);border-top:1px solid var(--border);position:relative;overflow:hidden}
.testi-bg-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Playfair Display',serif;font-size:18rem;font-weight:700;color:rgba(191,161,106,.025);white-space:nowrap;pointer-events:none;line-height:1}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:4rem}
.testi-card{background:var(--noir2);border:1px solid rgba(191,161,106,.1);padding:2.25rem;position:relative;overflow:hidden;transition:all .4s}
.testi-card:hover{border-color:rgba(191,161,106,.3);transform:translateY(-4px)}
.testi-card::before{content:'"';position:absolute;top:1rem;right:1.5rem;font-family:'Playfair Display',serif;font-size:6rem;font-weight:400;color:rgba(191,161,106,.1);line-height:1;pointer-events:none}
.testi-stars{display:flex;gap:.3rem;margin-bottom:1.25rem}
.testi-star{color:var(--gold);font-size:.8rem}
.testi-txt{font-family:'Playfair Display',serif;font-style:italic;font-size:.95rem;line-height:1.75;color:rgba(250,250,245,.75);margin-bottom:1.5rem}
.testi-author{font-size:.68rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.testi-origin{font-size:.62rem;color:var(--muted);margin-top:.25rem;letter-spacing:.05em}
.testi-service{display:inline-block;margin-top:.75rem;font-size:.52rem;letter-spacing:.18em;text-transform:uppercase;padding:.22rem .6rem;border:1px solid rgba(191,161,106,.2);color:rgba(191,161,106,.6)}

/* ── PROCESS ── */
.process-section{padding:7rem 3rem;position:relative}
.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:4rem;position:relative}
.process-grid::before{content:'';position:absolute;top:36px;left:10%;right:10%;height:1px;background:linear-gradient(to right,transparent,var(--gold),transparent);z-index:0}
.process-step{text-align:center;padding:0 1.5rem;position:relative;z-index:1}
.proc-circle{width:72px;height:72px;border:1px solid rgba(191,161,106,.35);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;background:var(--noir);transition:all .5s;position:relative}
.proc-circle::after{content:'';position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(191,161,106,.1);animation:orbPulse 3s ease-in-out infinite}
.process-step:hover .proc-circle{border-color:var(--gold);background:rgba(191,161,106,.06);transform:scale(1.08)}
.proc-n{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:400;color:var(--gold)}
.proc-h{font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem;color:var(--white)}
.proc-d{font-size:.7rem;line-height:1.7;color:var(--muted)}

/* ── CONTACT ── */
.contact-section{display:grid;grid-template-columns:1fr 1fr;align-items:start;background:var(--noir2);border-top:1px solid var(--border)}
.contact-left{padding:6rem 4rem 6rem 3rem;position:relative;overflow:hidden}
.contact-left::after{content:'';position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(to bottom,transparent,var(--border),transparent)}
.contact-right{padding:6rem 3rem 6rem 4rem}
.contact-h{font-family:'Playfair Display',serif;font-weight:400;font-size:2.5rem;line-height:1.15;margin-bottom:1.25rem}
.contact-h em{font-style:italic;color:var(--gold)}
.contact-p{font-size:.85rem;line-height:1.95;color:var(--muted);margin-bottom:2.5rem}
.contact-details{display:flex;flex-direction:column;gap:1rem}
.cd{display:flex;align-items:center;gap:1rem;font-size:.8rem;color:rgba(250,250,245,.6)}
.cd-icon{width:36px;height:36px;border:1px solid rgba(191,161,106,.28);display:flex;align-items:center;justify-content:center;color:var(--gold);flex-shrink:0;font-size:.85rem;transition:all .3s}
.cd:hover .cd-icon{border-color:var(--gold);background:rgba(191,161,106,.06)}
.contact-form{display:flex;flex-direction:column;gap:.875rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}
.fg{display:flex;flex-direction:column}
.fg label{font-size:.56rem;font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin-bottom:.4rem;opacity:.8}
.fg input,.fg select,.fg textarea{background:rgba(255,255,255,.025);border:1px solid rgba(191,161,106,.14);color:var(--white);padding:.75rem 1rem;font-family:'Outfit',sans-serif;font-size:.8rem;font-weight:300;outline:none;transition:all .3s;-webkit-appearance:none}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:rgba(191,161,106,.45);background:rgba(191,161,106,.02)}
.fg select option{background:var(--noir)}
.fg textarea{resize:vertical;min-height:90px}
.form-submit{background:var(--gold);color:var(--noir);border:none;padding:1rem 2.5rem;font-family:'Outfit',sans-serif;font-size:.68rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:all .35s;align-self:flex-start;position:relative;overflow:hidden}
.form-submit:hover{background:var(--gold2)}

/* ── FOOTER ── */
footer{background:var(--noir4);padding:4rem 3rem 2rem;border-top:1px solid var(--border)}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.04)}
.footer-logo{font-family:'Playfair Display',serif;font-weight:400;font-size:1.3rem;letter-spacing:.06em;color:var(--gold);margin-bottom:1rem;display:block}
.footer-logo span{color:var(--white);font-style:italic}
.footer-desc{font-size:.76rem;line-height:1.9;color:var(--muted);margin-bottom:1.5rem}
.socials{display:flex;gap:.5rem}
.social{width:34px;height:34px;border:1px solid rgba(191,161,106,.18);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.7rem;font-weight:500;cursor:pointer;transition:all .3s}
.social:hover{border-color:var(--gold);color:var(--gold);background:rgba(191,161,106,.06)}
.footer-col h4{font-size:.58rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:1.1rem}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}
.footer-col ul li{font-size:.75rem;color:var(--muted);cursor:pointer;transition:color .25s}
.footer-col ul li:hover{color:var(--white)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.62rem;color:rgba(122,120,112,.4);letter-spacing:.05em}
.admin-trigger{cursor:pointer;opacity:.2;transition:opacity .2s;background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit}
.admin-trigger:hover{opacity:.5}

/* ── LIGHTBOX ── */
.lightbox{display:none;position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.97);align-items:center;justify-content:center}
.lightbox.open{display:flex}
.lb-img{max-width:90vw;max-height:88vh;object-fit:contain}
.lb-close{position:fixed;top:1.5rem;right:1.5rem;background:none;border:1px solid rgba(255,255,255,.18);color:var(--white);width:40px;height:40px;font-size:1rem;cursor:pointer;transition:all .25s}
.lb-close:hover{border-color:var(--gold);color:var(--gold)}
.lb-nav{position:fixed;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.06);border:none;color:var(--white);width:50px;height:50px;font-size:1.3rem;cursor:pointer;transition:all .25s;display:flex;align-items:center;justify-content:center}
.lb-nav:hover{background:rgba(191,161,106,.2)}
.lb-prev{left:1rem}.lb-next{right:1rem}
.lb-info{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);font-size:.65rem;color:rgba(255,255,255,.4);letter-spacing:.12em}

/* ── ADMIN ── */
#adminPanel{position:fixed;inset:0;z-index:200;background:var(--noir);overflow-y:auto}
.admin-nav{background:var(--noir2);border-bottom:1px solid var(--border);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}
.admin-logo-sm{font-family:'Playfair Display',serif;font-weight:400;font-size:1.1rem;letter-spacing:.06em;color:var(--gold)}
.admin-logo-sm span{color:var(--white);font-style:italic}
.admin-nav-right{display:flex;gap:.75rem;align-items:center}
.admin-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--noir2);padding:0 2rem}
.atab{font-size:.62rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;padding:.875rem 1.25rem;cursor:pointer;border-bottom:2px solid transparent;color:var(--muted);transition:all .25s;background:none;border-top:none;border-left:none;border-right:none;font-family:'Outfit',sans-serif}
.atab.active{border-bottom-color:var(--gold);color:var(--gold)}
.admin-content{padding:2rem}
.bien-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}
.bac{background:var(--noir2);border:1px solid var(--border);overflow:hidden;transition:border-color .3s}
.bac:hover{border-color:rgba(191,161,106,.35)}
.bac-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--noir3)}
.bac-slider{display:flex;width:100%;height:100%;transition:transform .5s ease}
.bac-img{width:100%;height:100%;object-fit:cover;flex-shrink:0}
.bac-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem}
.bac-ph-icon{font-size:1.5rem;opacity:.18}
.bac-ph-txt{font-size:.52rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);opacity:.3}
.bac-badge{position:absolute;top:.5rem;left:.5rem;font-size:.5rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;padding:.22rem .55rem}
.bac-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);border:none;color:rgba(255,255,255,.7);width:24px;height:24px;cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center;transition:all .2s}
.bac-nav:hover{background:rgba(191,161,106,.6);color:var(--noir)}
.bac-nl{left:.35rem}.bac-nr{right:.35rem}
.bac-body{padding:.875rem 1rem}
.bac-ref{font-size:.5rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem}
.bac-title{font-family:'Playfair Display',serif;font-size:.95rem;font-weight:400;line-height:1.22;margin-bottom:.15rem}
.bac-loc{font-size:.62rem;color:var(--muted);margin-bottom:.5rem}
.bac-price{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:400;color:var(--gold2)}
.bac-actions{display:flex;gap:.35rem;margin-top:.65rem}
.abtn-s{font-family:'Outfit',sans-serif;font-size:.53rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:.38rem .65rem;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;transition:all .2s}
.abtn-s:hover{border-color:var(--gold);color:var(--gold)}
.abtn-s.danger:hover{border-color:#E24B4A;color:#E24B4A}
.abtn-s.primary{border-color:rgba(191,161,106,.3);color:var(--gold)}
.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}
.ast{background:var(--noir2);border:1px solid var(--border);padding:1.25rem;text-align:center}
.ast-n{font-family:'Playfair Display',serif;font-size:2rem;font-weight:400;color:var(--gold);line-height:1;margin-bottom:.3rem}
.ast-l{font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.form-section{background:var(--noir2);border:1px solid var(--border);padding:1.5rem;margin-bottom:1.25rem}
.form-section h3{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:400;color:var(--gold2);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}
.afield{display:flex;flex-direction:column;margin-bottom:.875rem}
.afield label{font-size:.56rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:.4rem;opacity:.8}
.afield input,.afield select,.afield textarea{background:rgba(255,255,255,.025);border:1px solid var(--border);color:var(--white);padding:.65rem .875rem;font-family:'Outfit',sans-serif;font-size:.76rem;font-weight:300;outline:none;transition:border-color .3s;-webkit-appearance:none;width:100%}
.afield input:focus,.afield select:focus,.afield textarea:focus{border-color:rgba(191,161,106,.4)}
.afield select option{background:var(--noir)}
.afield textarea{resize:vertical;min-height:80px}
.afield-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.upload-zone{border:2px dashed rgba(191,161,106,.18);padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s;margin-bottom:.875rem}
.upload-zone:hover,.upload-zone.drag{border-color:rgba(191,161,106,.45);background:rgba(191,161,106,.03)}
.uz-icon{font-size:1.5rem;opacity:.22;margin-bottom:.5rem}
.uz-txt{font-size:.68rem;color:var(--muted);line-height:1.5}
.uz-sub{font-size:.58rem;opacity:.45;margin-top:.2rem}
.media-thumbs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.875rem}
.mthumb{width:68px;height:68px;position:relative;border:1px solid var(--border);overflow:hidden;flex-shrink:0}
.mthumb img{width:100%;height:100%;object-fit:cover;display:block}
.mthumb-vid{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:rgba(255,255,255,.04)}
.mthumb-rm{position:absolute;top:2px;right:2px;width:15px;height:15px;background:rgba(226,75,74,.85);color:#fff;border:none;border-radius:50%;font-size:.48rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}
.mthumb-main{position:absolute;bottom:0;left:0;right:0;background:rgba(191,161,106,.88);color:var(--noir);font-size:.42rem;text-align:center;padding:.1rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.admin-search{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center}
.admin-search input{flex:1;min-width:200px;background:rgba(255,255,255,.025);border:1px solid var(--border);color:var(--white);padding:.65rem 1rem;font-family:'Outfit',sans-serif;font-size:.76rem;font-weight:300;outline:none;transition:border-color .3s}
.admin-search input:focus{border-color:rgba(191,161,106,.4)}
.admin-search select{background:rgba(255,255,255,.025);border:1px solid var(--border);color:var(--muted);padding:.65rem .875rem;font-family:'Outfit',sans-serif;font-size:.7rem;outline:none;-webkit-appearance:none;cursor:pointer}
.admin-search select option{background:var(--noir)}
.btn-ap{font-family:'Outfit',sans-serif;font-size:.63rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;padding:.68rem 1.5rem;background:var(--gold);color:var(--noir);border:none;cursor:pointer;transition:background .3s}
.btn-ap:hover{background:var(--gold2)}
.btn-ag{font-family:'Outfit',sans-serif;font-size:.63rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;padding:.68rem 1.25rem;background:transparent;color:var(--muted);border:1px solid var(--border);cursor:pointer;transition:all .25s}
.btn-ag:hover{border-color:var(--gold);color:var(--gold)}
.btn-ad{font-family:'Outfit',sans-serif;font-size:.63rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;padding:.68rem 1.25rem;background:transparent;color:#E24B4A;border:1px solid rgba(226,75,74,.3);cursor:pointer;transition:all .25s}
.btn-ad:hover{background:rgba(226,75,74,.08)}
.login-modal{display:none;position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.93);align-items:center;justify-content:center}
.login-modal.open{display:flex}
.login-box{background:var(--noir2);border:1px solid rgba(191,161,106,.22);padding:2.5rem;width:100%;max-width:380px}
.login-box h2{font-family:'Playfair Display',serif;font-weight:400;font-size:1.6rem;margin-bottom:.4rem}
.login-box p{font-size:.75rem;color:var(--muted);margin-bottom:2rem}
.login-err{font-size:.68rem;color:#E24B4A;margin-bottom:.5rem;display:none}
.confirm-modal{display:none;position:fixed;inset:0;z-index:400;background:rgba(0,0,0,.88);align-items:center;justify-content:center}
.confirm-modal.open{display:flex}
.confirm-box{background:var(--noir2);border:1px solid var(--border);padding:2rem;max-width:380px;width:100%}
.confirm-box h3{font-family:'Playfair Display',serif;font-size:1.25rem;font-weight:400;margin-bottom:.75rem}
.confirm-box p{font-size:.76rem;color:var(--muted);margin-bottom:1.5rem;line-height:1.65}
.confirm-btns{display:flex;gap:.75rem}
.edit-modal{display:none;position:fixed;inset:0;z-index:400;background:rgba(0,0,0,.94);align-items:flex-start;justify-content:center;padding:2rem;overflow-y:auto}
.edit-modal.open{display:flex}
.edit-box{background:var(--noir2);border:1px solid rgba(191,161,106,.18);padding:2rem;width:100%;max-width:800px;margin:auto}
.edit-box h2{font-family:'Playfair Display',serif;font-size:1.45rem;font-weight:400;margin-bottom:1.5rem;color:var(--gold2)}
.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.edit-full{grid-column:span 2}
.toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:600;background:var(--gold);color:var(--noir);font-size:.66rem;font-weight:500;letter-spacing:.15em;padding:.65rem 1.35rem;opacity:0;transition:opacity .3s;pointer-events:none}
.toast.show{opacity:1}
.empty-state{text-align:center;padding:4rem 2rem;color:var(--muted);grid-column:1/-1}
.empty-state h3{font-family:'Playfair Display',serif;font-size:1.35rem;font-weight:400;margin-bottom:.5rem;color:rgba(250,250,245,.3)}
.empty-state p{font-size:.73rem;letter-spacing:.05em}

/* ═══════════════════════════════
   ALCHIRO IMMO — LUXURY & RESPONSIVE
   ═══════════════════════════════ */
.nav-logo { font-size:1.35rem }
.nav-logo:hover {
  background:linear-gradient(90deg,var(--gold),var(--gold2),var(--gold));
  background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-size:200% auto;animation:shimmerGold 1.5s linear infinite;
}
@keyframes shimmerGold{0%{background-position:0%}100%{background-position:200%}}
.alchiro-badge{
  position:absolute;bottom:.75rem;left:.75rem;z-index:6;
  background:rgba(196,165,90,.9);color:#09090A;
  font-size:.48rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  padding:.22rem .55rem;opacity:0;transition:opacity .3s;pointer-events:none;
}
.prop-card:hover .alchiro-badge{opacity:1}
.luxury-divider{
  display:flex;align-items:center;justify-content:center;gap:1.5rem;
  padding:3rem 3rem 1rem;opacity:.35;
}
.luxury-divider::before,.luxury-divider::after{content:'';flex:1;max-width:200px;height:1px}
.luxury-divider::before{background:linear-gradient(to right,transparent,var(--gold))}
.luxury-divider::after{background:linear-gradient(to left,transparent,var(--gold))}
.luxury-diamond{width:8px;height:8px;border:1px solid var(--gold);transform:rotate(45deg);flex-shrink:0}
.hsc-n{background:linear-gradient(135deg,var(--gold),var(--gold2));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.testi-card::after{content:'';position:absolute;top:0;left:0;width:3px;height:0;background:linear-gradient(to bottom,var(--gold),transparent);transition:height .5s ease}
.testi-card:hover::after{height:100%}
.proc-n{background:linear-gradient(135deg,var(--gold),var(--gold2));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.8rem}
.footer-logo span{background:linear-gradient(135deg,var(--gold),var(--gold2));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.prop-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(196,165,90,.5),transparent);opacity:0;transition:opacity .4s;z-index:3}
.prop-card:hover::before{opacity:1}
.alchiro-signature{font-family:'Playfair Display',serif;font-style:italic;font-size:.8rem;color:rgba(196,165,90,.35);letter-spacing:.08em;text-align:center;padding:1.5rem 0 0;border-top:1px solid rgba(255,255,255,.03);margin-top:1.5rem}
.section-h-line{display:block;width:40px;height:2px;background:linear-gradient(to right,var(--gold),transparent);margin:.875rem 0 0}

/* Tablet 768–1023px */
@media(max-width:1023px){
  nav{padding:1.1rem 1.5rem}
  .nav-links{gap:1.25rem}
  .nav-links a{font-size:.62rem}
  .hero{padding:6rem 2rem 9rem}
  .hero-img-side{width:36%}
  .hero h1{font-size:clamp(2.4rem,5vw,3.5rem)}
  .hero-stats-card{right:1.5rem;bottom:2.5rem;padding:1.1rem 1.5rem;gap:1rem 1.5rem}
  .hsc-n{font-size:1.6rem}
  .stats{grid-template-columns:repeat(2,1fr)}
  .stat:nth-child(2){border-right:none}
  .stat:nth-child(3){border-top:1px solid var(--border)}
  .stat:nth-child(4){border-top:1px solid var(--border)}
  .tunisia-inner{grid-template-columns:1fr}
  .tunisia-left{padding:3rem 2rem}
  .tunisia-right{min-height:360px}
  .services-section{padding:5rem 2rem}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .process-section{padding:5rem 2rem}
  .process-grid{grid-template-columns:repeat(3,1fr)}
  .process-grid::before{display:none}
  .props-grid{padding:0 1.5rem 4rem}
  .testi-grid{grid-template-columns:repeat(2,1fr)}
  .contact-section{grid-template-columns:1fr}
  .contact-left{padding:4rem 2rem 2rem}
  .contact-left::after{display:none}
  .contact-right{padding:2rem 2rem 4rem}
  .footer-top{grid-template-columns:1fr 1fr;gap:2rem}
  .footer-top>div:first-child{grid-column:span 2}
  .admin-stats{grid-template-columns:repeat(2,1fr)}
  #admin-addBien > div[style]{grid-template-columns:1fr!important}
}

/* Mobile ≤767px */
@media(max-width:767px){
  nav{padding:.875rem 1.25rem}
  .nav-links{display:none}
  .nav-cta{font-size:.56rem;padding:.45rem .875rem;letter-spacing:.14em}
  .hero{padding:5rem 1.25rem 3rem;min-height:auto;align-items:flex-start;padding-top:5.5rem}
  .hero-img-side{display:none}
  .hero-orb1{width:300px;height:300px}
  .hero-orb2{display:none}
  .hero h1{font-size:clamp(1.9rem,8.5vw,2.6rem)}
  .hero-sub{font-size:.82rem;max-width:100%}
  .hero-tag{font-size:.52rem;letter-spacing:.3em}
  .hero-actions{flex-direction:column;align-items:flex-start;gap:1.1rem}
  .btn-hero{width:100%;text-align:center;padding:.875rem}
  .hero-stats-card{
    position:relative;bottom:auto;right:auto;
    margin:2rem -1.25rem 0;width:calc(100% + 2.5rem);
    grid-template-columns:1fr 1fr;gap:.875rem 1.5rem;
    border-left:none;border-right:none;animation:fadeIn .8s both;
  }
  .hero-line,.hero-scroll{display:none}
  .stats{grid-template-columns:repeat(2,1fr)}
  .stat{padding:1.1rem .875rem}
  .stat-n{font-size:1.75rem}
  .stat:nth-child(2){border-right:none}
  .stat:nth-child(3){border-top:1px solid var(--border)}
  .stat:nth-child(4){border-right:none;border-top:1px solid var(--border)}
  .marquee-track{animation-duration:18s}
  .tunisia-section{padding:3.5rem 0}
  .tunisia-left{padding:2rem 1.25rem}
  .section-h{font-size:clamp(1.55rem,6vw,2.1rem)}
  .section-p{font-size:.83rem}
  .dest-pills{gap:.4rem}
  .dest-pill{font-size:.56rem;padding:.35rem .8rem}
  .tunisia-right{min-height:260px}
  .tig-label{font-size:.5rem}
  .services-section{padding:3.5rem 1.25rem}
  .services-grid{grid-template-columns:1fr;gap:1px}
  .service-card{padding:1.75rem 1.25rem}
  .service-num{font-size:3rem}
  .process-section{padding:3.5rem 1.25rem}
  .process-grid{grid-template-columns:1fr 1fr;gap:2rem .75rem}
  .process-grid::before{display:none}
  .process-step:nth-child(5){grid-column:span 2}
  .proc-circle{width:56px;height:56px}
  .proc-h{font-size:.68rem}
  .proc-d{font-size:.65rem}
  .props-section{padding:3.5rem 0 2rem}
  .props-section>div:first-child{padding:0 1.25rem}
  .filter-bar{padding:0 1.25rem 1.75rem;gap:.3rem}
  .fb{padding:.35rem .65rem;font-size:.54rem}
  .props-grid{grid-template-columns:1fr;padding:0 0 2rem;gap:0;background:none}
  .prop-card{margin-bottom:1px}
  .prop-card:hover{transform:none}
  .luxury-divider{padding:2rem 1.25rem .5rem}
  .testi-section{padding:3.5rem 1.25rem}
  .testi-bg-text{display:none}
  .testi-grid{grid-template-columns:1fr;gap:1rem}
  .testi-txt{font-size:.88rem}
  .contact-section{display:block}
  .contact-left{padding:3rem 1.25rem 1.5rem}
  .contact-h{font-size:1.75rem}
  .contact-p{font-size:.82rem}
  .contact-right{padding:1.5rem 1.25rem 3rem}
  .form-row{grid-template-columns:1fr}
  footer{padding:2.5rem 1.25rem 1.5rem}
  .footer-top{grid-template-columns:1fr;gap:1.5rem}
  .footer-top>div:first-child{grid-column:span 1}
  .footer-bottom{flex-direction:column;gap:.5rem;text-align:center}
  .alchiro-signature{font-size:.72rem}
  .admin-nav{padding:.875rem 1rem;flex-wrap:wrap;gap:.5rem}
  .admin-nav-right{gap:.5rem}
  .btn-ap,.btn-ag{font-size:.58rem;padding:.55rem .875rem}
  .admin-tabs{padding:0 1rem}
  .atab{padding:.75rem .875rem;font-size:.58rem}
  .admin-content{padding:1rem}
  .admin-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}
  .bien-list{grid-template-columns:1fr}
  .edit-grid{grid-template-columns:1fr}
  .edit-full{grid-column:span 1}
  .afield-row{grid-template-columns:1fr}
  #admin-addBien>div[style]{grid-template-columns:1fr!important;max-width:100%!important}
}

/* Very small: ≤380px */
@media(max-width:380px){
  .hero h1{font-size:1.75rem}
  .process-grid{grid-template-columns:1fr}
  .process-step:nth-child(5){grid-column:span 1}
  .hero-stats-card{grid-template-columns:1fr 1fr}
  .fb{padding:.3rem .55rem;font-size:.52rem}
}


/* ── FILTER GROUPS & COUNTS ── */
.filter-bar { flex-direction: column; align-items: stretch; gap: 0; padding: 0 3rem 2.5rem; }
.filter-group { display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; padding: .6rem 0; }
.filter-label { font-size: .52rem; font-weight: 500; letter-spacing: .3em; text-transform: uppercase; color: var(--muted); margin-right: .5rem; white-space: nowrap; min-width: 36px; }
.filter-sep-v { height: 1px; background: var(--border); margin: .25rem 0; }
.fb-count { display: inline-flex; align-items: center; justify-content: center; background: rgba(196,165,90,.15); color: var(--gold); font-size: .5rem; font-weight: 600; letter-spacing: .05em; min-width: 18px; height: 16px; border-radius: 8px; padding: 0 4px; margin-left: 4px; transition: background .3s; }
.fb.active .fb-count { background: rgba(196,165,90,.3); }

/* ── PROPERTY SECTIONS WITH DIVIDERS ── */
.props-section-group { padding: 0 3rem 2rem; }
.props-section-label { display: flex; align-items: center; gap: 1.25rem; margin-bottom: 1.25rem; }
.psl-badge { font-size: .55rem; font-weight: 600; letter-spacing: .25em; text-transform: uppercase; padding: .3rem .875rem; border: 1px solid; }
.psl-badge.bv { border-color: rgba(196,165,90,.6); color: var(--gold); background: rgba(196,165,90,.06); }
.psl-badge.bl { border-color: rgba(70,130,200,.4); color: #7AABDF; background: rgba(70,130,200,.06); }
.psl-badge.bn { border-color: rgba(70,160,100,.4); color: #7AC89A; background: rgba(70,160,100,.06); }
.psl-badge.bm { border-color: rgba(150,100,180,.4); color: #B08ACF; background: rgba(150,100,180,.06); }
.psl-line { flex: 1; height: 1px; background: var(--border); }
.psl-count { font-size: .6rem; color: var(--muted); letter-spacing: .1em; white-space: nowrap; }
.props-section-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 1px; background: rgba(196,165,90,.06); margin-bottom: 3rem; }

/* Responsive adjustments for new filter */
@media(max-width:767px){
  .filter-bar { padding: 0 1.25rem 1.75rem; }
  .filter-group { gap: .3rem; }
  .filter-label { display: none; }
  .props-section-group { padding: 0 0 1.5rem; }
  .props-section-grid { grid-template-columns: 1fr; background: none; }
  .psl-badge { font-size: .5rem; padding: .25rem .65rem; }
}
@media(max-width:1023px){
  .props-section-group { padding: 0 1.5rem 2rem; }
  .props-section-grid { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
}


/* Homogeneous property grid */
.props-section-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
  background: none;
  margin-bottom: 3rem;
}
.props-section-group { padding: 0 3rem 1.5rem; }
@media(max-width:1023px){
  .props-section-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
  .props-section-group { padding: 0 1.5rem 1.5rem; }
}
@media(max-width:767px){
  .props-section-grid { grid-template-columns: 1fr; gap: .75rem; }
  .props-section-group { padding: 0 1.25rem 1rem; }
}


/* ═══════════════════════════════════════════════════════
   ALCHIRO IMMOBILIÈRE — PREMIUM ANIMATIONS v6
   ═══════════════════════════════════════════════════════ */

/* ── KEYFRAMES ── */
@keyframes heroTitleIn {
  0%   { opacity:0; transform:translateY(48px) skewY(2deg); }
  100% { opacity:1; transform:translateY(0) skewY(0deg); }
}
@keyframes heroSubIn {
  0%   { opacity:0; transform:translateX(-24px); }
  100% { opacity:1; transform:translateX(0); }
}
@keyframes fadeScaleIn {
  0%   { opacity:0; transform:scale(.92); }
  100% { opacity:1; transform:scale(1); }
}
@keyframes slideInLeft {
  0%   { opacity:0; transform:translateX(-40px); }
  100% { opacity:1; transform:translateX(0); }
}
@keyframes slideInRight {
  0%   { opacity:0; transform:translateX(40px); }
  100% { opacity:1; transform:translateX(0); }
}
@keyframes slideInUp {
  0%   { opacity:0; transform:translateY(36px); }
  100% { opacity:1; transform:translateY(0); }
}
@keyframes tagIn {
  0%   { opacity:0; letter-spacing:.8em; }
  100% { opacity:1; letter-spacing:.4em; }
}
@keyframes lineExpand {
  0%   { transform:scaleX(0); opacity:0; }
  100% { transform:scaleX(1); opacity:1; }
}
@keyframes countUp {
  0%   { opacity:0; transform:translateY(12px); }
  100% { opacity:1; transform:translateY(0); }
}
@keyframes cardReveal {
  0%   { opacity:0; transform:translateY(28px) scale(.97); }
  100% { opacity:1; transform:translateY(0) scale(1); }
}
@keyframes serviceIn {
  0%   { opacity:0; transform:translateY(24px); clip-path:inset(0 0 100% 0); }
  60%  { clip-path:inset(0 0 0% 0); }
  100% { opacity:1; transform:translateY(0); }
}
@keyframes marqueeDot {
  0%,100% { transform:scale(1); opacity:.5; }
  50%      { transform:scale(1.6); opacity:1; }
}
@keyframes borderTrace {
  0%   { clip-path:inset(0 100% 100% 0); }
  25%  { clip-path:inset(0 0% 100% 0); }
  50%  { clip-path:inset(0 0% 0% 0); }
  75%  { clip-path:inset(0 0% 0% 0); }
  100% { clip-path:inset(0 0% 0% 0); }
}
@keyframes glowPulse {
  0%,100% { box-shadow:0 0 0 0 rgba(196,165,90,0); }
  50%      { box-shadow:0 0 32px 4px rgba(196,165,90,.14); }
}
@keyframes scanLine {
  0%   { transform:translateY(-100%); opacity:0; }
  10%  { opacity:.7; }
  90%  { opacity:.7; }
  100% { transform:translateY(100%); opacity:0; }
}
@keyframes floatSlow {
  0%,100% { transform:translateY(0) rotate(0deg); }
  33%      { transform:translateY(-16px) rotate(.5deg); }
  66%      { transform:translateY(-8px) rotate(-.5deg); }
}
@keyframes orbDrift {
  0%   { transform:translate(0,0) scale(1); }
  25%  { transform:translate(30px,-20px) scale(1.08); }
  50%  { transform:translate(-20px,30px) scale(.94); }
  75%  { transform:translate(20px,20px) scale(1.04); }
  100% { transform:translate(0,0) scale(1); }
}
@keyframes particleFly {
  0%   { transform:translateY(0) translateX(0); opacity:1; }
  100% { transform:translateY(-80px) translateX(var(--tx,20px)); opacity:0; }
}
@keyframes shimmerGoldFull {
  0%   { background-position:200% center; }
  100% { background-position:-200% center; }
}
@keyframes revealMask {
  0%   { clip-path:inset(100% 0 0 0); }
  100% { clip-path:inset(0% 0 0 0); }
}
@keyframes imgZoom {
  0%   { transform:scale(1.08); }
  100% { transform:scale(1); }
}
@keyframes testimonialSlideIn {
  0%   { opacity:0; transform:translateX(32px) rotateY(8deg); }
  100% { opacity:1; transform:translateX(0) rotateY(0); }
}
@keyframes processStepIn {
  0%   { opacity:0; transform:translateY(20px) scale(.9); }
  80%  { transform:translateY(-4px) scale(1.02); }
  100% { opacity:1; transform:translateY(0) scale(1); }
}
@keyframes circleRotate {
  0%   { stroke-dashoffset:220; }
  100% { stroke-dashoffset:0; }
}
@keyframes navItemIn {
  0%   { opacity:0; transform:translateY(-12px); }
  100% { opacity:1; transform:translateY(0); }
}
@keyframes statsCountAnim {
  0%   { opacity:0; transform:scale(.7); }
  60%  { transform:scale(1.08); }
  100% { opacity:1; transform:scale(1); }
}
@keyframes logoSpin {
  0%   { transform:rotate(0); }
  100% { transform:rotate(360deg); }
}
@keyframes curtainUp {
  0%   { transform:translateY(0); }
  100% { transform:translateY(-100%); }
}

/* ── HERO ANIMATIONS ── */
.hero-tag        { animation:tagIn .8s cubic-bezier(.22,.61,.36,1) .2s both; }
.hero h1         { animation:heroTitleIn 1s cubic-bezier(.16,1,.3,1) .4s both; }
.hero-sub        { animation:heroSubIn .9s cubic-bezier(.22,.61,.36,1) .7s both; }
.hero-actions    { animation:slideInUp .8s cubic-bezier(.22,.61,.36,1) 1s both; }
.hero-stats-card { animation:fadeScaleIn 1s cubic-bezier(.22,.61,.36,1) 1.3s both; }

/* Orbits continuous drift */
.hero-orb1 { animation:orbDrift 18s ease-in-out infinite, orbPulse 6s ease-in-out infinite; }
.hero-orb2 { animation:orbDrift 24s ease-in-out infinite reverse, orbPulse 8s ease-in-out 2s infinite; }

/* Nav items stagger */
.nav-links li:nth-child(1) a { animation:navItemIn .5s .6s both; }
.nav-links li:nth-child(2) a { animation:navItemIn .5s .75s both; }
.nav-links li:nth-child(3) a { animation:navItemIn .5s .9s both; }
.nav-links li:nth-child(4) a { animation:navItemIn .5s 1.05s both; }
.nav-links li:nth-child(5) a { animation:navItemIn .5s 1.2s both; }
.nav-cta { animation:fadeScaleIn .6s 1.35s both; }

/* Hero image pan */
.hero-img-side img {
  animation:imgZoom 1.4s cubic-bezier(.16,1,.3,1) .2s both;
  transition:transform 12s ease;
}
.hero-img-side:hover img { transform:scale(1.04); }

/* ── STATS COUNTER ANIMATION ── */
.stat { transition:background .3s; }
.stat:hover { background:rgba(196,165,90,.04); }
.stat-n.counting { animation:statsCountAnim .6s cubic-bezier(.34,1.56,.64,1) both; }

/* ── MARQUEE ENHANCEMENT ── */
.marquee-item { transition:color .3s; }
.marquee-item:hover { color:var(--gold); }
.marquee-track { will-change:transform; }

/* ── TUNISIA IMAGES ── */
.tig { overflow:hidden; }
.tig img {
  transition:transform 1.2s cubic-bezier(.25,.46,.45,.94), filter .6s ease;
  will-change:transform;
}
.tig:hover img { transform:scale(1.07) !important; filter:brightness(.75) saturate(1.2) !important; }
.tig-overlay {
  background:linear-gradient(to top,rgba(9,9,10,.75) 0%,rgba(9,9,10,.1) 60%,transparent 100%);
  transition:opacity .4s;
}
.tig:hover .tig-overlay { opacity:1.3; }
.tig-label {
  font-size:.6rem;
  transform:translateY(4px);
  transition:transform .4s, color .3s;
}
.tig:hover .tig-label { transform:translateY(0); color:var(--gold2); }

/* ── SERVICE CARDS ── */
.service-card {
  position:relative;
  transition:background .4s, transform .4s cubic-bezier(.34,1.2,.64,1);
  will-change:transform;
}
.service-card:hover { transform:translateY(-6px); }
.service-card::after {
  content:'';
  position:absolute;
  inset:0;
  border:1px solid rgba(196,165,90,.3);
  opacity:0;
  transition:opacity .4s;
  pointer-events:none;
}
.service-card:hover::after { opacity:1; }

/* Service icon pulse on hover */
.service-card:hover .service-icon {
  animation:glowPulse 1.5s ease-in-out infinite;
}

/* Service number count-up feel */
.service-num {
  transition:color .5s, transform .5s;
  display:inline-block;
}
.service-card:hover .service-num { transform:scale(1.08) translateX(4px); }

/* ── PROPERTY CARDS ── */
.prop-card {
  transition:transform .45s cubic-bezier(.34,1.2,.64,1), border-color .3s, box-shadow .4s;
  will-change:transform;
}
.prop-card:hover {
  transform:translateY(-8px);
  box-shadow:0 24px 48px rgba(0,0,0,.35), 0 0 0 1px rgba(196,165,90,.3);
}
.prop-card:hover .prop-img {
  transform:scale(1.06) !important;
  transition:transform 1s cubic-bezier(.25,.46,.45,.94) !important;
}
/* Card entrance stagger via JS class injection */
.card-enter { animation:cardReveal .65s cubic-bezier(.34,1,.64,1) both; }
.card-enter:nth-child(1)  { animation-delay:.05s; }
.card-enter:nth-child(2)  { animation-delay:.12s; }
.card-enter:nth-child(3)  { animation-delay:.19s; }
.card-enter:nth-child(4)  { animation-delay:.26s; }
.card-enter:nth-child(5)  { animation-delay:.33s; }
.card-enter:nth-child(6)  { animation-delay:.40s; }
.card-enter:nth-child(7)  { animation-delay:.47s; }
.card-enter:nth-child(8)  { animation-delay:.54s; }
.card-enter:nth-child(9)  { animation-delay:.61s; }
.card-enter:nth-child(10) { animation-delay:.68s; }
.card-enter:nth-child(11) { animation-delay:.75s; }
.card-enter:nth-child(12) { animation-delay:.82s; }

/* ── TESTIMONIALS ── */
.testi-card {
  transition:transform .45s cubic-bezier(.34,1.2,.64,1), border-color .3s, box-shadow .4s;
}
.testi-card:hover {
  transform:translateY(-6px);
  box-shadow:0 20px 40px rgba(0,0,0,.3);
}
.testi-card.reveal-testi { animation:testimonialSlideIn .7s cubic-bezier(.22,.61,.36,1) both; }
.testi-card:nth-child(1).reveal-testi { animation-delay:.1s; }
.testi-card:nth-child(2).reveal-testi { animation-delay:.25s; }
.testi-card:nth-child(3).reveal-testi { animation-delay:.4s; }
.testi-card:nth-child(4).reveal-testi { animation-delay:.55s; }
.testi-card:nth-child(5).reveal-testi { animation-delay:.7s; }
.testi-card:nth-child(6).reveal-testi { animation-delay:.85s; }

/* Stars shimmer */
.testi-stars { animation:shimmerGoldFull 3s linear 2s infinite; background-size:200% auto; }

/* ── PROCESS STEPS ── */
.proc-circle {
  transition:all .5s cubic-bezier(.34,1.56,.64,1);
  position:relative;
}
.process-step:hover .proc-circle {
  transform:scale(1.15);
  border-color:var(--gold);
  box-shadow:0 0 0 8px rgba(196,165,90,.08), 0 0 0 16px rgba(196,165,90,.04);
}
.proc-circle svg.progress-ring {
  position:absolute;
  top:-4px; left:-4px;
  width:calc(100% + 8px); height:calc(100% + 8px);
  transform:rotate(-90deg);
  opacity:0;
  transition:opacity .3s;
}
.process-step:hover .proc-circle svg.progress-ring { opacity:1; }
.proc-circle svg.progress-ring circle {
  stroke:var(--gold);
  stroke-width:1.5;
  fill:none;
  stroke-dasharray:220;
  stroke-dashoffset:220;
  transition:stroke-dashoffset .8s cubic-bezier(.22,.61,.36,1);
}
.process-step:hover .proc-circle svg.progress-ring circle { stroke-dashoffset:0; }

/* Process line connector animation */
.process-grid::before {
  background:linear-gradient(to right,transparent,var(--gold) 20%,var(--gold) 80%,transparent);
  animation:lineExpand 1.2s cubic-bezier(.22,.61,.36,1) .8s both;
}

/* ── CONTACT FORM ── */
.fg input:focus, .fg select:focus, .fg textarea:focus {
  transform:translateY(-1px);
  transition:border-color .3s, transform .3s, box-shadow .3s;
  box-shadow:0 4px 16px rgba(196,165,90,.1);
}
.form-submit {
  position:relative;
  overflow:hidden;
  transition:all .35s cubic-bezier(.34,1.2,.64,1);
}
.form-submit::after {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);
  transform:translateX(-100%);
  transition:transform .5s;
}
.form-submit:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(196,165,90,.35); }
.form-submit:hover::after { transform:translateX(100%); }
.form-submit:active { transform:translateY(1px); }

/* ── BTN PRIMARY ── */
.btn-hero {
  position:relative;
  overflow:hidden;
  transition:all .35s cubic-bezier(.34,1.2,.64,1);
}
.btn-hero::after {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);
  transform:translateX(-100%);
}
.btn-hero:hover { transform:translateY(-3px); box-shadow:0 12px 32px rgba(196,165,90,.4); }
.btn-hero:hover::after { transform:translateX(100%); transition:transform .5s; }
.btn-hero:active { transform:translateY(0); }

/* ── SCROLL INDICATOR ── */
.hero-scroll-bar {
  background:linear-gradient(to bottom,var(--gold2),var(--gold));
  border-radius:2px;
}

/* ── LUXURY CURSOR GLOW on links ── */
.nav-links a, .pbtn, .fb {
  position:relative;
  overflow:hidden;
}
.nav-links a::before {
  content:'';
  position:absolute;
  bottom:0; left:50%; right:50%;
  height:1px;
  background:var(--gold);
  transition:left .3s, right .3s;
}
.nav-links a:hover::before { left:0; right:0; }

/* ── SECTION REVEAL ── */
.reveal {
  opacity:0;
  transform:translateY(32px);
  transition:opacity .9s cubic-bezier(.22,.61,.36,1), transform .9s cubic-bezier(.22,.61,.36,1);
}
.reveal.visible { opacity:1; transform:translateY(0); }
.reveal.from-left { transform:translateX(-40px); }
.reveal.from-right { transform:translateX(40px); }
.reveal.from-left.visible, .reveal.from-right.visible { transform:translateX(0); }

/* ── FILTER BUTTONS ACTIVE ── */
.fb {
  position:relative;
  overflow:hidden;
  transition:all .3s cubic-bezier(.34,1.2,.64,1);
}
.fb::after {
  content:'';
  position:absolute;
  inset:0;
  background:var(--gold);
  transform:scaleX(0) scaleY(0);
  transform-origin:center;
  transition:transform .35s cubic-bezier(.34,1.56,.64,1);
  z-index:-1;
  opacity:.07;
}
.fb:hover::after, .fb.active::after { transform:scaleX(1) scaleY(1); }

/* ── DESTINATION PILLS ── */
.dest-pill {
  transition:all .3s cubic-bezier(.34,1.2,.64,1);
  position:relative;
}
.dest-pill:hover, .dest-pill.active {
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(196,165,90,.2);
}

/* ── FOOTER LINK HOVER ── */
.footer-col ul li {
  position:relative;
  padding-left:0;
  transition:padding-left .3s, color .3s;
}
.footer-col ul li:hover { padding-left:8px; }
.footer-col ul li::before {
  content:'—';
  position:absolute;
  left:-14px;
  opacity:0;
  color:var(--gold);
  font-size:.6rem;
  transition:opacity .3s, left .3s;
}
.footer-col ul li:hover::before { opacity:1; left:-12px; }

/* ── GOLD PARTICLE FIELD in hero (JS injected) ── */
.hero-particle {
  position:absolute;
  width:3px; height:3px;
  border-radius:50%;
  background:var(--gold);
  opacity:.5;
  pointer-events:none;
  animation:particleFly 3s ease-out forwards;
}

/* ── TYPEWRITER CURSOR blink ── */
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0} }
.type-cursor {
  display:inline-block;
  width:2px; height:1em;
  background:var(--gold);
  margin-left:2px;
  vertical-align:middle;
  animation:blink 1s step-end infinite;
}

/* ── SECTION NUMBER decorators ── */
.section-hdr, .services-section > div:first-child, .process-section > div:first-child { position:relative; }

/* ── NAV scrolled background ── */
nav.scrolled { animation:none; }

/* ── Tunisia section slide ── */
.tunisia-left { animation:slideInLeft .9s cubic-bezier(.22,.61,.36,1) .3s both; }
.tunisia-right { animation:slideInRight .9s cubic-bezier(.22,.61,.36,1) .3s both; }




/* ─────────────────────────────────────────────
   WORDPRESS OVERRIDES — Alchiro Immobilière
   ─────────────────────────────────────────────
   Ces règles neutralisent les styles WordPress
   par défaut qui pourraient interférer avec le design.
*/

/* Reset WordPress body */
body.alchiro-immobiliere {
  margin: 0 !important;
  padding: 0 !important;
  background: var(--noir) !important;
}

/* Masquer la barre d'admin WP sur le front */
#wpadminbar { display: none !important; }
html { margin-top: 0 !important; }

/* Reset liens WP */
#publicSite a,
#publicSite a:visited,
#publicSite a:hover {
  text-decoration: none;
  color: inherit;
}

/* Reset listes WP */
#publicSite ul,
#publicSite ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Reset images WP */
#publicSite img {
  max-width: 100%;
  height: auto;
}

/* Reset p margin WP */
#publicSite p {
  margin: 0;
}

/* S'assurer que le site prend toute la largeur */
.site, .site-content, .entry-content, .wp-site-blocks {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Formulaire de contact WordPress AJAX feedback */
.alchiro-form-msg {
  padding: .75rem 1rem;
  font-size: .78rem;
  margin-top: .5rem;
  border-left: 2px solid;
}
.alchiro-form-msg.success {
  border-color: var(--gold);
  background: rgba(196,165,90,.06);
  color: var(--gold2);
}
.alchiro-form-msg.error {
  border-color: #E24B4A;
  background: rgba(226,75,74,.06);
  color: #E24B4A;
}

/* Panneau admin WP personnalisé pour les biens */
.alchiro-wp-badge {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  font-size: .6rem;
  font-weight: 500;
  letter-spacing: .15em;
  text-transform: uppercase;
  padding: .25rem .65rem;
  background: var(--gold);
  color: var(--noir);
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 9999;
  cursor: pointer;
  border: none;
  transition: background .3s;
}
.alchiro-wp-badge:hover { background: var(--gold2); }