/* ============================================================
   QABAR CARES — Single File Styles
   ============================================================ */
:root{
  --green-900:#1C2B26;
  --green-800:#243A33;
  --green-700:#2E4A40;
  --green-600:#3D5147;
  --gold:#C8A24B;
  --gold-soft:#E3C988;
  --cream:#F6F1E7;
  --paper:#FBF8F1;
  --ink:#222826;
  --muted:#6B746F;
  --line:#E4DDCF;
  --white:#fff;
  --radius:16px;
  --shadow:0 10px 30px rgba(28,43,38,.10);
  --shadow-lg:0 20px 50px rgba(28,43,38,.18);
  --wrap:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Outfit',system-ui,sans-serif;
  color:var(--ink);
  background:var(--paper);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px;width:100%}
h1,h2,h3,h4,h5{font-family:'Lora',serif;line-height:1.2;color:var(--green-900)}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
em{font-style:italic;color:var(--gold)}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:'Outfit',sans-serif;font-weight:600;font-size:.95rem;
  padding:12px 22px;border-radius:50px;cursor:pointer;border:1.5px solid transparent;
  transition:.25s ease;white-space:nowrap;
}
.btn-lg{padding:15px 30px;font-size:1.05rem}
.btn-block{display:flex;width:100%}
.btn-solid{background:var(--gold);color:var(--green-900);border-color:var(--gold)}
.btn-solid:hover{background:var(--gold-soft);transform:translateY(-2px);box-shadow:var(--shadow)}
.btn-outline{background:transparent;color:var(--green-900);border-color:var(--green-700)}
.btn-outline:hover{background:var(--green-700);color:#fff}
.btn-ghost{background:transparent;color:var(--green-800);border-color:transparent;padding:10px 14px}
.btn-ghost:hover{color:var(--gold)}

/* ---------- Top bar ---------- */
.top-bar{background:var(--green-900);color:#d9d2c2;font-size:.82rem;text-align:center;padding:8px 12px}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:100;background:rgba(251,248,241,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);transition:.3s}
.site-header.scrolled{box-shadow:0 4px 20px rgba(28,43,38,.08)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 24px}
.brand{display:flex;align-items:center;flex-shrink:0}
.brand-logo{height:46px;width:auto}
.main-nav{display:flex;align-items:center;gap:18px;flex:1;justify-content:center}
.main-nav a{font-weight:500;font-size:.94rem;color:var(--green-800);position:relative;white-space:nowrap;padding:4px 0;transition:.2s}
.main-nav a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--gold);transition:.25s}
.main-nav a:hover{color:var(--green-900)}
.main-nav a:hover::after{width:100%}
.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.wa-header{display:inline-flex;align-items:center}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.nav-toggle span{width:26px;height:2.5px;background:var(--green-800);border-radius:2px;transition:.3s}
.nav-toggle.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* Header responsive — fixes the 2nd-line wrapping */
@media(max-width:1100px){
  .main-nav{gap:13px}
  .main-nav a{font-size:.88rem}
  .wa-header{display:none}
}
@media(max-width:920px){
  .main-nav{
    position:absolute;top:100%;left:0;right:0;
    flex-direction:column;align-items:flex-start;
    background:var(--paper);border-bottom:1px solid var(--line);
    padding:14px 24px;gap:4px;
    max-height:0;overflow:hidden;opacity:0;visibility:hidden;
    box-shadow:var(--shadow);transition:.3s;
  }
  .main-nav.open{max-height:480px;opacity:1;visibility:visible;padding:18px 24px}
  .main-nav a{width:100%;padding:10px 0;font-size:1rem;border-bottom:1px solid var(--line)}
  .main-nav a:last-child{border-bottom:none}
  .nav-toggle{display:flex}
  .header-actions .btn-solid{padding:10px 16px;font-size:.9rem}
}
@media(max-width:480px){
  .header-actions{display:none}
}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--green-900),var(--green-700));color:#fff;padding:90px 0 80px;text-align:center}
.hero-video-wrap{position:absolute;inset:0;z-index:0}
.hero-video-wrap video{width:100%;height:100%;object-fit:cover}
.hero-video-overlay{position:absolute;inset:0;background:linear-gradient(160deg,rgba(28,43,38,.85),rgba(46,74,64,.7))}
.hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero-leaves{position:absolute;inset:0;width:100%;height:100%;opacity:.8}
.drift{position:absolute;width:90px;height:90px;border-radius:50% 0 50% 50%;background:radial-gradient(circle at 30% 30%,rgba(200,162,75,.18),transparent 70%);filter:blur(2px);animation:drift 18s ease-in-out infinite}
.drift-1{top:10%;left:8%;animation-delay:0s}
.drift-2{top:60%;left:15%;width:60px;height:60px;animation-delay:-4s}
.drift-3{top:25%;right:12%;width:120px;height:120px;animation-delay:-8s}
.drift-4{top:70%;right:18%;animation-delay:-12s}
@keyframes drift{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(20deg)}}
.hero-inner{position:relative;z-index:2;max-width:840px;margin:0 auto}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:600;color:var(--gold-soft);margin-bottom:18px}
.eyebrow.center{text-align:center}
.eyebrow.light{color:var(--gold-soft)}
.hero-title{font-size:clamp(2.1rem,5vw,3.6rem);color:#fff;margin-bottom:20px;font-weight:600}
.hero-title em{color:var(--gold-soft)}
.hero-sub{font-size:1.12rem;color:#e7e1d4;max-width:680px;margin:0 auto 32px}
.hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hero-cta.center{justify-content:center}
.hero-trustbar{list-style:none;display:flex;flex-wrap:wrap;gap:8px 26px;justify-content:center;margin-top:38px}
.hero-trustbar li{display:flex;align-items:center;gap:8px;font-size:.92rem;color:#dfd9cb}
.trust-ico{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--gold);color:var(--green-900);font-size:.7rem;font-weight:700}

/* ---------- Sections ---------- */
.section{padding:84px 0}
.section-title{font-size:clamp(1.8rem,3.5vw,2.6rem);margin-bottom:14px;font-weight:600}
.section-title.center{text-align:center}
.section-title.light{color:#fff}
.section-sub{color:var(--muted);font-size:1.05rem;max-width:680px;margin:0 auto 8px}
.section-sub.center{text-align:center;margin-bottom:50px}
.section-sub.light{color:#d9d2c2}

/* ---------- Services — Video-style illustrated cards ---------- */
.services{background:var(--paper)}
.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:20px}
.service-row2{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:18px;padding:0 9%}

/* Card base */
.service-card{
  background:#fff;border:1px solid var(--line);border-radius:20px;
  padding:20px 16px 22px;text-align:center;
  transition:.3s ease;position:relative;overflow:hidden;
  border-top:3px solid var(--sc-color,var(--gold));
}
.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-lg)}

/* Icon illustrated box */
.service-icon{
  display:flex;align-items:center;justify-content:center;
  width:100px;height:100px;border-radius:18px;
  background:var(--sc-bg,rgba(61,81,71,0.08));
  margin:0 auto 14px;
  transition:.3s;
}
.service-icon svg{width:80px;height:80px;color:var(--sc-color,var(--green-700))}
.service-icon img{width:76px;height:76px;object-fit:contain}
.service-icon-video{overflow:hidden;width:112px;height:199px;border-radius:14px}
.service-icon-video .svc-video{width:100%;height:100%;object-fit:cover;border-radius:14px;display:block}
.service-icon-video img{width:76px;height:76px;object-fit:contain}
.service-card:hover .service-icon{background:var(--sc-color);color:#fff}
.service-card:hover .service-icon svg{color:#fff}
.service-card h3{font-size:.98rem;margin-bottom:6px;color:var(--green-900)}
.service-card p{color:var(--muted);font-size:.82rem;line-height:1.5}

/* Per-card accent colors matching the video */
.sc-blue  {--sc-color:#2D9CDB;--sc-bg:#E8F5FD}
.sc-amber {--sc-color:#C9A029;--sc-bg:#FBF3DC}
.sc-orange{--sc-color:#E07B39;--sc-bg:#FEF0E6}
.sc-pink  {--sc-color:#D4618C;--sc-bg:#FDEAF2}
.sc-green {--sc-color:#5DAD6F;--sc-bg:#E8F6EC}
.sc-indigo{--sc-color:#6B6BC9;--sc-bg:#EEEEFA}
.sc-teal  {--sc-color:#27AE8F;--sc-bg:#E0F5F0}
.sc-gold  {--sc-color:#B8860B;--sc-bg:#F6EDD0}
.sc-navy  {--sc-color:#3B6FA8;--sc-bg:#E4EEF8}

/* Animated SVG motion (auto-loop, like the gif motion graphics) */
.icon-wipe-arm{transform-box:fill-box;transform-origin:17px 30px;animation:wipe 2.4s ease-in-out infinite}
@keyframes wipe{0%,100%{transform:translateX(0) rotate(0)}50%{transform:translateX(6px) rotate(8deg)}}
.icon-broom-grp{transform-box:fill-box;transform-origin:16px 28px;animation:sweep 2.2s ease-in-out infinite}
@keyframes sweep{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(8deg)}}
.icon-debris{animation:debris 2.2s ease-in-out infinite}
.icon-debris:nth-of-type(2){animation-delay:.3s}
.icon-debris:nth-of-type(3){animation-delay:.6s}
@keyframes debris{0%{opacity:1;transform:translate(0,0)}60%,100%{opacity:0;transform:translate(8px,-6px)}}
.icon-pat-hand{transform-box:fill-box;transform-origin:17px 30px;animation:pat 1.8s ease-in-out infinite}
@keyframes pat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.icon-petal{transform-box:fill-box;transform-origin:center;animation:bloom 3s ease-in-out infinite}
@keyframes bloom{0%,100%{transform:scale(.6);opacity:.4}50%{transform:scale(1.1);opacity:1}}
.icon-blade{transform-box:fill-box;transform-origin:bottom;animation:sway 2.6s ease-in-out infinite}
.icon-blade:nth-of-type(2){animation-delay:.4s}
@keyframes sway{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
.icon-camera-grp{transform-box:fill-box;transform-origin:16px 28px;animation:lift 3s ease-in-out infinite}
@keyframes lift{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-5deg)}}
.icon-flash{animation:flash 2s ease-in-out infinite}
@keyframes flash{0%,80%,100%{opacity:1}85%{opacity:.2}90%{opacity:1}}
.icon-pulse-ring{transform-box:fill-box;transform-origin:center;animation:pulse 1.8s ease-out infinite}
@keyframes pulse{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.8);opacity:0}}
.icon-pencil-grp{transform-box:fill-box;transform-origin:17px 30px;animation:write 2.2s ease-in-out infinite}
@keyframes write{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
.icon-cover-slide{transform-box:fill-box;transform-origin:center;animation:cover 3s ease-in-out infinite}
@keyframes cover{0%,100%{transform:translateY(2px)}50%{transform:translateY(-2px)}}
.icon-raindrop{animation:rain 1.5s linear infinite}
.icon-raindrop:nth-of-type(2){animation-delay:.5s}
.icon-raindrop:nth-of-type(3){animation-delay:1s}
@keyframes rain{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(12px)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}

/* ---------- Hadiya ---------- */
.hadiya{background:linear-gradient(160deg,var(--green-800),var(--green-900));color:#fff}
.hadiya-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:20px 0 30px}
.hadiya-card{background:rgba(255,255,255,.05);border:1px solid rgba(200,162,75,.25);border-radius:14px;padding:22px 18px;position:relative;transition:.3s}
.hadiya-card:hover{background:rgba(255,255,255,.09);transform:translateY(-4px);border-color:var(--gold)}
.hadiya-ribbon{position:absolute;top:12px;right:12px;background:var(--gold);color:var(--green-900);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:20px}
.hadiya-num{font-family:'Lora',serif;font-size:1.6rem;color:var(--gold-soft);font-weight:700;display:block;margin-bottom:6px}
.hadiya-card h4{color:#fff;font-size:1rem;margin-bottom:6px}
.hadiya-card p{color:#cfc8b9;font-size:.85rem;line-height:1.5}
.hadiya-note{text-align:center;color:#cfc8b9;font-size:.95rem;font-style:italic}

/* ---------- Packages ---------- */
.packages{background:var(--cream)}
.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:20px}
.package-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px 26px;position:relative;display:flex;flex-direction:column;transition:.3s}
.package-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.package-card.featured{border:2px solid var(--gold);box-shadow:var(--shadow)}
.package-tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--green-900);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:5px 14px;border-radius:20px}
.package-card h3{font-size:1.3rem;margin-bottom:8px}
.package-price{font-family:'Lora',serif;font-size:2.2rem;color:var(--green-900);font-weight:700;margin-bottom:6px}
.package-price span{font-size:.95rem;color:var(--muted);font-weight:400;font-family:'Outfit',sans-serif}
.package-desc{color:var(--muted);font-size:.92rem;margin-bottom:18px}
.package-list{list-style:none;margin-bottom:24px;flex:1}
.package-list li{padding:8px 0 8px 26px;position:relative;font-size:.93rem;color:var(--ink);border-bottom:1px solid var(--line)}
.package-list li::before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:700}
.stripe-notice{text-align:center;margin-top:30px;color:var(--muted);font-size:.9rem}

/* ---------- Locator ---------- */
.locator{background:var(--paper)}
.locator-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin-top:20px}
.locator-search{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.locator-search-ico{color:var(--muted);display:flex}
.locator-search input{flex:1;min-width:200px;border:1px solid var(--line);border-radius:50px;padding:12px 18px;font-family:'Outfit',sans-serif;font-size:.95rem;outline:none;transition:.2s}
.locator-search input:focus{border-color:var(--gold)}
.locator-locate-btn{flex-shrink:0;gap:6px}
.locator-body{display:grid;grid-template-columns:1.6fr 1fr;min-height:440px}
.locator-map-wrap{position:relative;background:#e8e4da}
.locator-map{width:100%;height:100%;min-height:440px}
.locator-map-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:var(--muted);gap:10px}
.locator-list{overflow-y:auto;max-height:440px;border-left:1px solid var(--line);padding:10px}
.locator-item{padding:14px 16px;border-radius:10px;cursor:pointer;transition:.2s;border:1px solid transparent}
.locator-item:hover,.locator-item.active{background:var(--cream);border-color:var(--line)}
.locator-item h5{font-family:'Outfit',sans-serif;font-size:.98rem;color:var(--green-900);margin-bottom:3px}
.locator-item p{font-size:.83rem;color:var(--muted)}
.locator-item .loc-dist{font-size:.78rem;color:var(--gold);font-weight:600;margin-top:4px}
.locator-item .loc-maplink{display:inline-block;font-size:.78rem;color:var(--green-700);font-weight:600;margin-top:5px;text-decoration:underline}
.locator-status{padding:14px 18px;text-align:center;color:var(--muted);font-size:.9rem;border-top:1px solid var(--line)}

/* ---------- Before/After ---------- */
.work{background:var(--cream)}
.ba-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:20px}
.ba-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ba-frame{aspect-ratio:3/4;border-radius:12px;display:flex;align-items:flex-end;padding:12px;position:relative;overflow:hidden;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#e9e4d6;box-shadow:var(--shadow);border:1px solid var(--line);transition:transform .3s,box-shadow .3s}
.ba-frame:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(28,43,38,.18)}
/* Use background-image (not the "background" shorthand) here so we only ever
   set a fallback gradient. The shorthand used to also reset background-size,
   background-position and background-repeat back to their defaults (auto /
   0% 0% / repeat), which is why the real photos set inline on .ba-frame were
   showing zoomed-in and cropped instead of the full picture. */
.ba-before{background-image:linear-gradient(160deg,#8a8475,#5c574a)}
.ba-after{background-image:linear-gradient(160deg,#5b7a5e,#365940)}
/* Soft gradient at the bottom of every frame keeps the Before/After label
   readable no matter how light the underlying photo is, without cropping
   or blurring the actual image (still shown in full via background-size:contain). */
.ba-frame::before{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(to top,rgba(15,20,17,.55),rgba(15,20,17,0));pointer-events:none}
.ba-frame span{position:relative;z-index:1;background:rgba(28,43,38,.85);color:#fff;font-size:.78rem;font-weight:600;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.ba-hint{text-align:center;color:var(--muted);font-size:.88rem;font-style:italic;margin-top:24px}

/* ---------- Story ---------- */
.story{background:var(--paper)}
.story-inner{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center}
.story-text p{color:var(--muted);margin-bottom:16px}
.story-text blockquote{font-family:'Lora',serif;font-style:italic;font-size:1.25rem;color:var(--green-800);border-left:3px solid var(--gold);padding-left:20px;margin-top:24px}
.story-pillars{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pillar{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 18px;text-align:center}
.pillar-ico{color:var(--gold);font-size:1.2rem}
.pillar h4{font-family:'Outfit',sans-serif;font-size:.98rem;margin-top:8px;color:var(--green-900)}

/* ---------- CTA ---------- */
.cta-final{background:linear-gradient(160deg,var(--green-700),var(--green-900));color:#fff}
.cta-inner{text-align:center;max-width:720px;margin:0 auto}

/* ---------- Footer ---------- */
.site-footer{background:var(--green-900);color:#cfc8b9;padding:60px 0 24px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-logo{height:44px;margin-bottom:16px}
.footer-brand p{font-size:.92rem;line-height:1.6;max-width:320px}
.footer-social{display:flex;gap:10px;margin-top:18px}
.social-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);color:#cfc8b9;transition:.25s}
.social-icon:hover{background:var(--gold);color:var(--green-900);transform:translateY(-3px)}
.footer-col h5{font-family:'Outfit',sans-serif;color:#fff;font-size:1rem;margin-bottom:16px;font-weight:600}
.footer-col a,.footer-col span{display:block;color:#cfc8b9;font-size:.9rem;padding:5px 0;transition:.2s}
.footer-col a:hover{color:var(--gold)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;font-size:.85rem;color:#9a948a;flex-wrap:wrap;gap:10px}
.footer-legal a:hover{color:var(--gold)}

/* ---------- Floating WhatsApp ---------- */
.wa-float{position:fixed;bottom:24px;right:24px;z-index:90;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(37,211,102,.5);animation:waPulse 2.5s infinite}
.wa-float:hover{transform:scale(1.08)}
@keyframes waPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

/* ---------- Responsive ---------- */
@media(max-width:1024px){
  .service-grid,.service-row2,.package-grid{grid-template-columns:repeat(2,1fr)}
  .service-row2{padding:0}
  .hadiya-grid{grid-template-columns:repeat(3,1fr)}
  .story-inner{grid-template-columns:1fr;gap:30px}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .section{padding:60px 0}
  .ba-grid{grid-template-columns:1fr}
  .locator-body{grid-template-columns:1fr}
  .locator-list{border-left:none;border-top:1px solid var(--line);max-height:260px}
  .hadiya-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .service-grid,.service-row2,.package-grid,.hadiya-grid,.story-pillars,.footer-grid{grid-template-columns:1fr}
  .service-row2{padding:0}
  .hero-cta{flex-direction:column}
  .hero-cta .btn{width:100%}
}

/* ============================================================
   ADDITIONS — Header brand text, detail pages, new sections
   ============================================================ */
.brand{gap:10px}
.brand-name{font-family:'Lora',serif;font-weight:700;font-size:1.25rem;color:var(--green-900);white-space:nowrap}
.footer-logo-link{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.footer-brand-name{font-family:'Lora',serif;font-size:1.2rem;color:#fff}
.footer-logo{height:40px;width:auto;margin-bottom:0}
@media(max-width:480px){.brand-name{font-size:1.05rem}}

/* Breadcrumb */
.breadcrumb{font-size:.85rem;color:#cfc8b9;margin-bottom:14px}
.breadcrumb a{color:#cfc8b9;text-decoration:underline}
.breadcrumb .sep{margin:0 6px}
.breadcrumb .current{color:var(--gold-soft)}

/* Page hero (used on all inner pages) */
.page-hero{background:linear-gradient(160deg,var(--green-900),var(--green-700));color:#fff;padding:48px 0 40px}
.page-hero h1{color:#fff;font-size:clamp(1.9rem,4vw,2.8rem)}
.page-hero p.lead{color:#d9d2c2;max-width:640px;margin-top:10px;font-size:1.05rem;font-style:italic}
.page-hero-price{font-family:'Lora',serif;font-size:1.8rem;color:var(--gold-soft)}
.page-hero-flex{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}

/* Service/Package detail layout */
.detail-wrap{display:grid;grid-template-columns:1fr 340px;gap:44px;padding:64px 0;align-items:start}
.detail-main img.detail-hero-img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:28px}
.detail-main h2{margin:28px 0 12px;font-size:1.5rem}
.detail-main p{color:var(--muted);margin-bottom:14px}
.steps-list{list-style:none;counter-reset:step}
.steps-list li{counter-increment:step;position:relative;padding:10px 0 10px 42px;border-bottom:1px solid var(--line);color:var(--ink)}
.steps-list li:last-child{border-bottom:none}
.steps-list li::before{content:counter(step);position:absolute;left:0;top:8px;width:26px;height:26px;border-radius:50%;background:var(--gold);color:var(--green-900);font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}
.detail-sidebar{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px;position:sticky;top:100px;box-shadow:var(--shadow)}
.detail-sidebar h4{margin-bottom:6px}
.detail-sidebar .side-price{font-family:'Lora',serif;font-size:1.8rem;color:var(--green-900);margin-bottom:16px}
.detail-sidebar .btn{margin-bottom:10px}
.detail-sidebar .side-note{font-size:.8rem;color:var(--muted);text-align:center;margin-top:6px}
.ideal-box{background:#e6f2ec;border-radius:14px;padding:18px 20px;display:flex;gap:14px;align-items:flex-start;margin-bottom:26px}
.ideal-icn{background:#1f7a4d;color:#fff;border-radius:10px;width:34px;height:34px;min-width:34px;display:flex;align-items:center;justify-content:center}
.ideal-box .lbl{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:#1f7a4d;font-weight:700;margin-bottom:4px}
.inc-exc-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:20px 0 10px}
.inc-exc-grid h4{text-transform:uppercase;font-size:.78rem;letter-spacing:.06em;color:var(--muted);margin-bottom:12px}
.inc-item,.exc-item{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.92rem}
.inc-item .ico{color:#1f7a4d;font-weight:700}
.exc-item .ico{color:#c0392b;font-weight:700}
@media(max-width:900px){.detail-wrap{grid-template-columns:1fr}.inc-exc-grid{grid-template-columns:1fr}.detail-sidebar{position:static}}

/* Package listing cards (packages.html + home) */
.package-card .pk-badge{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;padding:5px 12px;border-radius:20px;color:#fff;margin-bottom:12px;display:inline-block}
.pk-teal .pk-badge,.card-head.pk-teal{background:#1C5C55}
.pk-blue .pk-badge,.card-head.pk-blue{background:#2C6E8C}
.pk-orange .pk-badge,.card-head.pk-orange{background:#C1652E}
.pk-green .pk-badge,.card-head.pk-green{background:#6F9A3C}
.pk-purple .pk-badge,.card-head.pk-purple{background:#5A4FA6}
.pk-rose .pk-badge,.card-head.pk-rose{background:#B23A63}
.pkg-grid-full{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
@media(max-width:920px){.pkg-grid-full{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.pkg-grid-full{grid-template-columns:1fr}}
.pkg-card2{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.card-head{color:#fff;padding:22px 22px 18px;position:relative}
.card-head .ribbon{position:absolute;top:16px;right:16px;background:var(--gold);color:var(--green-900);font-size:.68rem;font-weight:700;text-transform:uppercase;padding:3px 10px;border-radius:20px}
.card-head h3{color:#fff;font-size:1.05rem;margin-bottom:8px}
.card-head .price{font-family:'Lora',serif;font-size:2rem}
.card-head .price span{font-size:.9rem;font-weight:400;opacity:.85}
.pkg-card2-body{padding:20px 22px;flex:1;display:flex;flex-direction:column}
.pkg-card2-body ul{list-style:none;margin-bottom:18px;flex:1}
.pkg-card2-body li{padding:6px 0;font-size:.88rem;color:var(--ink);display:flex;gap:8px}
.pkg-card2-body li::before{content:"✓";color:#1f7a4d;font-weight:700}
.pkg-card2-body .btn{margin-bottom:8px}

/* Testimonials */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:900px){.testi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.testi-grid{grid-template-columns:1fr}}
.testi-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}
.testi-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Lora',serif;font-weight:700;color:#fff;font-size:1rem;margin-bottom:14px}
.testi-head{display:flex;align-items:center;gap:12px;margin-bottom:4px}
.testi-stars{color:var(--gold);letter-spacing:2px;margin-bottom:12px}
.testi-card p{color:var(--muted);font-style:italic;margin-bottom:16px}
.testi-name{font-weight:600;color:var(--green-900)}
.testi-loc{font-size:.82rem;color:var(--muted)}
.testi-loc .flag{margin-right:4px}

/* Gallery */
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.gallery-grid{grid-template-columns:1fr}}
.gallery-item{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);position:relative}
.gallery-item img{width:100%;aspect-ratio:3/4;height:auto;object-fit:contain;background:#e9e4d6;object-position:center;transition:.3s}
.gallery-item img:hover{transform:scale(1.03)}
.gallery-tag{position:absolute;top:12px;left:12px;background:rgba(28,43,38,.75);color:#fff;font-size:.72rem;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}

/* Community feed */
.feed-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:920px){.feed-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.feed-grid{grid-template-columns:repeat(2,1fr)}}
.feed-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.feed-card img{width:100%;aspect-ratio:3/4;height:auto;object-fit:contain;background:#e9e4d6;transition:.3s}
.feed-card img:hover{transform:scale(1.03)}
.feed-actions{display:flex;align-items:center;gap:16px;padding:10px 14px}
.feed-btn{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;color:var(--muted);font-size:.85rem;font-family:'Outfit',sans-serif;padding:0}
.feed-btn.liked{color:#c0392b}
.feed-btn svg{width:17px;height:17px}
.share-menu{position:relative}
.share-pop{display:none;position:absolute;bottom:28px;left:0;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-lg);padding:8px;white-space:nowrap;z-index:5}
.share-pop.open{display:flex;gap:8px}
.share-pop a{padding:6px 8px;border-radius:6px;background:var(--cream);font-size:.78rem}

/* Locator - suggest a location */
.suggest-box{margin-top:22px;border-top:1px solid var(--line);padding-top:22px;text-align:center}
.suggest-box p{color:var(--muted);margin-bottom:12px;font-size:.92rem}
.suggest-form{display:flex;gap:10px;max-width:560px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.suggest-form input{flex:1;min-width:220px;padding:12px 16px;border:1.5px solid var(--line);border-radius:50px;font-family:'Outfit',sans-serif;font-size:.92rem}
.map-error-note{background:#fdecea;border:1px solid #f3c1bb;color:#8a2c22;border-radius:10px;padding:12px 16px;font-size:.85rem;margin-top:12px;display:none}
.map-error-note.show{display:block}

/* About / Contact / Legal pages */
.about-lead{text-align:justify;margin-bottom:20px;padding-left:18px;border-left:3px solid var(--gold-soft);color:var(--ink)}
.about-lead:last-of-type{margin-bottom:32px}
.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:28px 0}
@media(max-width:700px){.about-grid{grid-template-columns:1fr}}
.about-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);border-top:3px solid var(--gold)}
.about-box:nth-of-type(2){border-top-color:var(--green-700)}
.about-box h3{color:var(--green-900);margin-bottom:10px}
.reasons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px;margin-top:16px}
@media(max-width:700px){.reasons-grid{grid-template-columns:1fr}}
.reasons-grid li{display:flex;gap:10px;color:var(--ink)}
.reasons-grid li::before{content:"✓";color:#1f7a4d;font-weight:700}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:64px 0}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr}}
.contact-card{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-bottom:14px;box-shadow:var(--shadow);transition:.25s ease}
.contact-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--gold-soft)}
.contact-card .ico{width:40px;height:40px;min-width:40px;border-radius:50%;background:var(--cream);border:1px solid var(--line);color:var(--green-700);display:flex;align-items:center;justify-content:center;font-weight:700;line-height:1;transition:.25s}
.contact-card:hover .ico{background:var(--gold);border-color:var(--gold);color:var(--green-900);transform:translateY(-2px)}
.contact-card .ico svg{width:18px;height:18px;display:block;margin:0}
.contact-card strong{color:var(--green-900)}

/* ---------- Buttons: dark solid variant (e.g. "Pay now") ---------- */
.btn-dark{background:var(--green-900);color:#fff;border-color:var(--green-900)}
.btn-dark:hover{background:var(--green-800);transform:translateY(-2px);box-shadow:var(--shadow)}

/* ---------- Package sidebar: "All Packages" selector ---------- */
.all-packages-box{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.all-packages-box h5{font-size:.78rem;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.pkg-list-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;border-radius:10px;margin-bottom:4px;color:var(--ink);font-weight:500;font-size:.92rem;transition:.2s ease}
.pkg-list-item:hover{background:var(--cream)}
.pkg-list-item.active{background:var(--gold-soft);color:var(--green-900);font-weight:600}
.pkg-badge{background:var(--green-900);color:#fff;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:20px}
.contact-form{background:#fff;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}
.contact-form h3{color:var(--green-900)}
.google-reviews-badge{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px;box-shadow:var(--shadow);max-width:560px;margin:0 auto 10px;flex-wrap:wrap}
.grb-text{display:flex;flex-direction:column;flex:1;min-width:140px}
.grb-text strong{color:var(--green-900);font-family:'Lora',serif}
.grb-stars{color:#F5A623;font-size:.95rem}
.grb-stars span{color:var(--muted);font-weight:600;margin-left:4px}
/* Stacked (column) layout: the ad network's iframe sits on its own row at its
   real, full size, with the "Advertisement" label on a row underneath.
   Previously both sat side-by-side in a row with justify-content:center,
   which let flexbox shrink the fixed-width ad iframe to make room for the
   label — that's why the ad looked squeezed/cut off. */
.ad-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin:36px auto;overflow:hidden;background:#f7f4ea;border:1px dashed var(--line);border-radius:10px;padding:10px}
.ad-slot>*{flex-shrink:0;max-width:100%}
.ad-slot iframe,.ad-slot ins,.ad-slot div{max-width:100% !important}
.ad-slot-banner{max-width:508px;min-height:auto}
.ad-slot-box{max-width:320px;min-height:auto}
.ad-slot-label{font-size:.7rem;letter-spacing:1px;text-transform:uppercase;color:var(--muted);opacity:.6}
.custom-pkg-list{max-width:420px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.custom-pkg-list a{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;text-decoration:none;color:var(--green-900);font-family:'Lora',serif;font-weight:600;border-bottom:1px solid var(--line);transition:.2s}
.custom-pkg-list a:last-child{border-bottom:none}
.custom-pkg-list a:hover{background:#f7f4ea}
.custom-pkg-list a.active{background:#f7ecd2}
.custom-pkg-list .pk-tag{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;background:var(--gold-soft);color:#3a2f10;padding:3px 10px;border-radius:20px;margin-left:10px}
.faq-list{max-width:760px;margin:0 auto}
.faq-item{border-bottom:1px solid var(--line);padding:18px 0}
.faq-item summary{font-weight:600;color:var(--green-900);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-family:'Lora',serif;font-size:1.05rem}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:1.4rem;color:var(--gold-soft);margin-left:12px}
.faq-item[open] summary::after{content:"–"}
.faq-item p{color:var(--muted);margin-top:12px;line-height:1.7}
.contact-form label{display:block;font-size:.85rem;font-weight:600;margin:14px 0 6px;color:var(--green-900)}
.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;font-family:'Outfit',sans-serif;font-size:.95rem}
.contact-form textarea{min-height:120px;resize:vertical}
.form-msg{margin-top:14px;font-size:.9rem;display:none}
.form-msg.show{display:block}
.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--line)}

.legal-content{max-width:820px;margin:0 auto;padding:64px 24px}
.legal-content h2{margin:30px 0 12px;font-size:1.35rem}
.legal-content p,.legal-content li{color:var(--muted);margin-bottom:12px}
.legal-content ul{padding-left:22px}
.legal-content .updated{color:var(--muted);font-size:.85rem;font-style:italic;margin-bottom:26px}

/* Services listing page */
.services-listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:900px){.services-listing-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.services-listing-grid{grid-template-columns:1fr}}
.svc-card2{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;text-align:center;border-top:3px solid var(--sc-color,var(--gold));transition:.3s ease}
.svc-card2:hover{transform:translateY(-7px);box-shadow:var(--shadow-lg)}
.svc-card2 .service-icon{margin:26px auto 6px}
.svc-card2-body{padding:6px 22px 26px;flex:1;display:flex;flex-direction:column}
.svc-card2-body h3{margin-bottom:8px}
.svc-card2-body p{color:var(--muted);font-size:.9rem;flex:1;margin-bottom:16px}
.svc-card2.mini{flex-direction:row;align-items:center;text-align:left;border-top:none;border-left:3px solid var(--sc-color,var(--gold));box-shadow:var(--shadow)}
.svc-card2.mini .service-icon{margin:14px;flex-shrink:0}
.svc-card2.mini .svc-card2-body{padding:12px 16px 12px 0}
.svc-card2.mini .svc-card2-body h3{margin:0;font-size:.95rem}
.detail-hero-icon{width:100%;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:28px;display:flex;align-items:center;justify-content:center;padding:48px 0;background:linear-gradient(160deg,var(--sc-bg,#f4f0e6),#fff)}
.service-icon-lg{width:130px;height:130px;border-radius:26px}
.service-icon-lg svg{width:100px;height:100px}
.service-icon-lg img{width:110px;height:110px;object-fit:contain}
.svc-photo-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;text-align:center;border-top:3px solid var(--sc-color,var(--gold));transition:.3s ease}
.svc-photo-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-lg)}
.svc-photo-frame{background:var(--sc-bg,#f4f0e6);display:flex;align-items:center;justify-content:center;padding:30px 0}
.svc-photo-frame img{width:150px;height:150px;object-fit:contain}

/* ---------- Image Lightbox ---------- */
.img-lightbox{position:fixed;inset:0;background:rgba(15,20,18,.92);z-index:999;display:none;align-items:center;justify-content:center;padding:30px}
.img-lightbox.open{display:flex}
.img-lightbox img{max-width:min(92vw,700px);max-height:88vh;width:auto;height:auto;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.lb-close{position:absolute;top:18px;right:24px;background:transparent;border:none;color:#fff;font-size:2.2rem;line-height:1;cursor:pointer;z-index:1000}
.lb-close:hover{color:var(--gold-soft)}

/* ---------- Blog ---------- */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:20px}
.blog-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.3s;display:flex;flex-direction:column}
.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.blog-card-img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--cream);display:flex;align-items:center;justify-content:center;font-size:2.2rem}
.blog-card-body{padding:22px 20px;display:flex;flex-direction:column;flex:1}
.blog-tag{display:inline-block;background:var(--cream);color:var(--green-700);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:20px;margin-bottom:10px;width:fit-content}
.blog-card h3{font-size:1.15rem;margin-bottom:8px}
.blog-card p{color:var(--muted);font-size:.92rem;margin-bottom:14px;flex:1}
.blog-meta{font-size:.8rem;color:var(--muted);margin-top:auto}
.blog-read{color:var(--green-700);font-weight:600;font-size:.88rem;margin-top:10px;display:inline-flex;align-items:center;gap:4px}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.blog-grid{grid-template-columns:1fr}}

.article-wrap{max-width:760px;margin:0 auto}
.article-body h2{margin:32px 0 14px;font-size:1.5rem}
.article-body h3{margin:24px 0 10px;font-size:1.2rem}
.article-body p{color:var(--ink);margin-bottom:16px;font-size:1.02rem;line-height:1.75}
.article-body ul{margin:0 0 20px 20px}
.article-body li{margin-bottom:8px;color:var(--ink)}
.article-meta{color:var(--muted);font-size:.9rem;margin-bottom:24px;display:flex;gap:14px;flex-wrap:wrap}
.article-cta{background:var(--cream);border-radius:var(--radius);padding:28px;text-align:center;margin:36px 0}

/* Country pages */
.country-hero-flag{font-size:2.4rem;margin-bottom:10px}
.country-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}
.country-stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;text-align:center;box-shadow:var(--shadow)}
.country-stat strong{display:block;font-family:'Lora',serif;font-size:1.6rem;color:var(--green-900)}
.country-stat span{color:var(--muted);font-size:.85rem}
@media(max-width:700px){.country-stats{grid-template-columns:1fr}}

/* ---------- Video Gallery ---------- */
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:20px}
@media(max-width:900px){.video-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.video-grid{grid-template-columns:1fr}}
.video-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:.3s}
.video-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.video-thumb{position:relative;aspect-ratio:16/9;background:var(--green-900);overflow:hidden}
.video-thumb img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:.3s}
.video-card:hover .video-thumb img{opacity:1;transform:scale(1.04)}
.video-play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.video-play-btn span{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.3);transition:.25s}
.video-card:hover .video-play-btn span{background:var(--gold);transform:scale(1.08)}
.video-play-btn svg{margin-left:3px}
.video-card-body{padding:16px 18px}
.video-card-body h3{font-size:1rem;margin:0}
.video-source-tag{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 9px;border-radius:20px;margin-bottom:8px;background:var(--cream);color:var(--green-700)}

/* Video lightbox */
.video-lightbox{position:fixed;inset:0;background:rgba(15,20,18,.92);z-index:999;display:none;align-items:center;justify-content:center;padding:30px}
.video-lightbox.open{display:flex}
.video-lightbox-inner{width:100%;max-width:900px;aspect-ratio:16/9;position:relative;background:#000;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.video-lightbox-inner iframe,.video-lightbox-inner video{width:100%;height:100%;border:0;display:block}
.vlb-close{position:absolute;top:-46px;right:0;background:transparent;border:none;color:#fff;font-size:2.2rem;line-height:1;cursor:pointer;z-index:1000}
.vlb-close:hover{color:var(--gold-soft)}