:root{--ink:#10251f;--forest:#063d32;--green:#08785e;--mint:#baf5d9;--gold:#d8ad63;--cream:#f5f1e8;--paper:#fbfaf6;--line:rgba(16,37,31,.13);--white:#fff;--shadow:0 24px 70px rgba(7,35,29,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;z-index:1000;top:12px;right:12px;transform:translateY(-150%);padding:10px 16px;border-radius:8px;background:#fff;color:#000}.skip-link:focus{transform:none}
.occasion-bar{height:38px;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 20px;background:var(--forest);color:#ddf9ec;font-size:13px}.occasion-bar p{margin:0}.occasion-bar>span{color:var(--gold)}.occasion-bar a{border-bottom:1px solid var(--gold);color:#fff;font-weight:700}.site-header{position:sticky;z-index:100;top:0;background:rgba(251,250,246,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav-wrap{height:84px;display:flex;align-items:center;gap:34px}.brand{display:inline-flex;align-items:center;gap:11px;flex:none}.brand-mark{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:var(--forest);box-shadow:0 10px 28px rgba(6,61,50,.2)}.brand-mark svg{width:38px;height:38px;fill:var(--mint)}.brand-mark .brand-mark-line{fill:none;stroke:var(--forest);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.brand-mark .brand-mark-dot{fill:var(--gold)}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font-family:"Alexandria",sans-serif;font-size:22px;line-height:1.1}.brand small{font-size:12px;color:#5d6c67;letter-spacing:.08em}.primary-nav{display:flex;align-items:center;gap:25px;margin-inline:auto}.primary-nav a{position:relative;color:#50615b;font-weight:600;font-size:15px}.primary-nav a:after{content:"";position:absolute;right:0;left:0;bottom:-10px;height:2px;background:var(--green);transform:scaleX(0);transition:.25s}.primary-nav a:hover,.primary-nav a.active{color:var(--forest)}.primary-nav a:hover:after,.primary-nav a.active:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:15px}.login-link{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 18px 0 8px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--forest);font-weight:700;font-size:14px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.login-link:hover{border-color:var(--green);box-shadow:0 8px 20px rgba(8,120,94,.12)}.login-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e8f7ef;color:var(--green)}.login-icon svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.login-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.login-modal[hidden]{display:none}.login-modal-backdrop{position:absolute;inset:0;background:rgba(4,25,21,.55);backdrop-filter:blur(2px)}.login-modal-panel{position:relative;width:min(400px,100%);padding:38px 32px 32px;border-radius:24px;background:#fff;box-shadow:var(--shadow);text-align:center}.login-modal-close{position:absolute;top:16px;left:16px;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:#f4f7f5;color:#7c8a85;cursor:pointer}.login-modal-close:hover{background:#eef2ef;color:var(--forest)}.login-modal-icon{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 18px;border-radius:50%;background:#e8f7ef;color:var(--green)}.login-modal-icon svg{width:34px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.login-modal-panel h2{margin:0 0 18px;font-family:"Alexandria",sans-serif;font-size:24px;color:var(--forest)}.login-tabs{display:flex;gap:8px;margin-bottom:22px;padding:4px;border-radius:12px;background:#f4f7f5}.login-tab{flex:1;padding:10px;border:0;border-radius:9px;background:transparent;color:#7c8a85;font-weight:700;font-size:13px;cursor:pointer}.login-tab.is-active{background:#fff;color:var(--forest);box-shadow:0 4px 12px rgba(0,0,0,.08)}.otp-note{margin:0 0 14px;font-size:13px;color:#50615b;text-align:right;line-height:1.7}.login-secondary{margin-top:12px;text-align:center}.text-link{border:0;background:transparent;color:var(--green);font-weight:700;font-size:13px;cursor:pointer}.login-form{text-align:right}.login-form label{display:block;margin-bottom:10px;font-weight:700;font-size:14px;color:#50615b}.phone-row{display:flex;gap:10px}.phone-code{display:flex;align-items:center;justify-content:center;padding:0 14px;height:52px;border:1px solid #ccd6d1;border-radius:13px;background:#f4f7f5;color:#50615b;font-weight:700}.phone-row input{flex:1;min-width:0;height:52px;padding:0 16px;border:1px solid #ccd6d1;border-radius:13px;outline:0;text-align:left}.phone-row input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(8,120,94,.09)}.phone-row input[aria-invalid=true]{border-color:#c54848}.login-form .form-help{text-align:right}.login-form .button{width:100%;margin-top:18px}body.modal-open{overflow:hidden}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;border:0;border-radius:13px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-whatsapp{min-height:44px;background:var(--forest);color:#fff}.button-whatsapp svg{width:19px;fill:#72e3ad}.menu-toggle{display:none;width:45px;height:45px;padding:10px;border:0;border-radius:12px;background:#edf1ee}.menu-toggle span{display:block;height:2px;margin:5px;background:var(--forest)}
.hero{position:relative;min-height:700px;display:flex;align-items:center;overflow:hidden;background:#052f29;color:#fff}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media{background:url('../images/national-day-hero.png') center center/cover no-repeat}.hero-shade{background:linear-gradient(90deg,rgba(3,25,22,.08) 10%,rgba(3,25,22,.22) 45%,rgba(3,25,22,.96) 78%),linear-gradient(0deg,rgba(3,25,22,.38),transparent 45%)}.hero-content{position:relative;z-index:2}.hero-copy{width:min(610px,55%);margin-right:auto}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:700;letter-spacing:.03em;color:#d5f5e5}.eyebrow i{width:30px;height:1px;background:var(--gold)}.eyebrow.dark{color:var(--green)}.hero h1,.section h2{font-family:"Alexandria",sans-serif;margin:20px 0;font-size:clamp(42px,5vw,72px);line-height:1.25;letter-spacing:-.04em}.hero h1 em{font-style:normal;color:var(--mint)}.hero-copy>p{max-width:575px;margin:0 0 30px;color:#dae5e1;font-size:19px;line-height:1.9}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px}.button-primary{background:var(--mint);color:var(--forest);box-shadow:0 12px 28px rgba(79,224,157,.18)}.button-ghost{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.06)}.hero-notes{display:flex;gap:22px;margin-top:34px;color:#d4dfdb;font-size:13px}.hero-notes b{display:inline-grid;place-items:center;width:19px;height:19px;margin-left:5px;border-radius:50%;background:rgba(186,245,217,.16);color:var(--mint)}.scroll-cue{position:absolute;z-index:2;right:50%;bottom:22px;display:flex;align-items:center;gap:10px;transform:translateX(50%);font-size:12px;color:#ccd9d5}.scroll-cue span{display:block;width:1px;height:30px;background:linear-gradient(var(--gold),transparent)}
.trust-strip{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}.trust-grid>div{display:flex;align-items:center;justify-content:center;gap:14px;min-height:110px;border-left:1px solid var(--line)}.trust-grid>div:last-child{border-left:0}.trust-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#e8f7ef;color:var(--green);font-size:21px}.trust-grid p{display:flex;flex-direction:column;margin:0}.trust-grid strong{font-size:15px}.trust-grid small{margin-top:3px;color:#73817c}
.section{padding:110px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:48px}.section-heading h2{margin-bottom:0;font-size:clamp(36px,4.5vw,60px)}.section-heading>p{max-width:400px;margin:0 0 9px;color:#697771;font-size:17px;line-height:1.8}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{position:relative;min-height:390px;padding:34px;border:1px solid var(--line);border-radius:24px;background:#fff;overflow:hidden;transition:transform .3s,box-shadow .3s}.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.service-card.featured{background:var(--forest);color:#fff}.service-number{position:absolute;left:28px;top:25px;font-family:"Alexandria";color:#9aaa9f;font-size:12px}.featured .service-number{color:#7ba495}.service-icon{width:62px;height:62px;display:grid;place-items:center;margin-top:36px;border-radius:18px;background:#e8f7ef;color:var(--green)}.service-icon svg{width:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.featured .service-icon{background:rgba(186,245,217,.12);color:var(--mint)}.service-card h3{margin:28px 0 12px;font-family:"Alexandria";font-size:23px}.service-card p{min-height:82px;margin:0;color:#6c7974;line-height:1.8}.featured p{color:#c6d7d1}.service-card a{display:inline-flex;align-items:center;gap:8px;margin-top:24px;color:var(--green);font-weight:700}.featured a{color:var(--mint)}
.national-day{position:relative;background:var(--forest);color:#fff;overflow:hidden}.national-day:before{content:"";position:absolute;width:520px;height:520px;right:-140px;top:-180px;border:1px solid rgba(216,173,99,.18);border-radius:50%;box-shadow:0 0 0 70px rgba(216,173,99,.03),0 0 0 150px rgba(216,173,99,.025)}.campaign-grid{position:relative;display:grid;grid-template-columns:1fr .82fr;gap:80px;align-items:center}.occasion-pill{display:inline-flex;padding:7px 13px;border:1px solid rgba(216,173,99,.5);border-radius:99px;color:#f5d99f;font-size:12px;font-weight:700}.campaign-kicker{margin:30px 0 0;color:var(--mint);font-weight:700}.campaign-copy h2{font-size:clamp(39px,5vw,68px);margin:12px 0 24px}.campaign-text{max-width:540px;color:#cbdad5;font-size:17px;line-height:1.9}.button-light{margin-top:18px;background:#fff;color:var(--forest)}.campaign-visual{position:relative;margin:0;border-radius:28px;overflow:hidden;box-shadow:0 35px 80px rgba(0,0,0,.28)}.campaign-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,28,24,.93),transparent 43%);pointer-events:none}.campaign-visual img{width:100%;height:610px;object-fit:cover}.campaign-visual figcaption{position:absolute;z-index:2;right:28px;left:28px;bottom:26px;display:flex;align-items:end;justify-content:space-between;gap:20px}.campaign-visual figcaption strong{font-family:"Alexandria";font-size:18px}.campaign-visual figcaption span{color:#d2dfda;font-size:13px}.heritage-grid{position:relative;display:grid;grid-template-columns:1fr .82fr;gap:80px;align-items:center}.heritage-copy h2{font-size:clamp(39px,5vw,68px);margin:12px 0 24px}.heritage-carousel{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.22)}.heritage-track{display:flex;transition:transform .6s ease}.heritage-slide{position:relative;flex:0 0 100%;min-height:340px;overflow:hidden}.heritage-art{position:absolute;inset:0;display:block;width:100%;height:100%}.heritage-slide-arch .heritage-art{background:linear-gradient(160deg,#052f29,var(--forest))}.heritage-slide-joy .heritage-art{background:linear-gradient(160deg,var(--cream),#fff)}.heritage-slide-weave .heritage-art{background:linear-gradient(160deg,#f3dfb2,var(--gold))}.heritage-slide-celebrate .heritage-art{background:linear-gradient(160deg,var(--forest),var(--green))}.heritage-wordmark{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;pointer-events:none}.heritage-wordmark .hw-num{font-family:"Alexandria",sans-serif;font-weight:800;font-size:76px;line-height:1;color:#fff;text-shadow:3px 3px 0 var(--gold),6px 6px 0 rgba(0,0,0,.3)}.heritage-wordmark .hw-text{margin-top:8px;font-family:"Alexandria",sans-serif;font-weight:700;font-size:20px;line-height:1.4;color:var(--mint);text-shadow:2px 2px 0 rgba(0,0,0,.25)}.heritage-badge{position:absolute;z-index:3;top:18px;right:18px;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border-radius:12px;background:rgba(6,61,50,.9);border:1px solid rgba(216,173,99,.4);box-shadow:0 10px 24px rgba(0,0,0,.25)}.heritage-badge.on-light{background:rgba(255,255,255,.94);border-color:rgba(6,61,50,.12)}.heritage-badge-check{width:30px;height:30px;border-radius:7px;background-image:repeating-linear-gradient(45deg,#0a5443 0 6px,#063d32 6px 12px);border:1px solid rgba(216,173,99,.6)}.heritage-badge-text{display:flex;flex-direction:column;color:#fff;text-align:right}.heritage-badge.on-light .heritage-badge-text{color:var(--forest)}.heritage-badge-text strong{font-family:"Alexandria",sans-serif;font-size:14px;line-height:1.3}.heritage-badge-text small{margin-top:2px;font-size:10px;color:#d8e5e0}.heritage-badge.on-light .heritage-badge-text small{color:#6c7974}.heritage-mosaic{position:absolute;z-index:3;left:0;right:0;bottom:0;height:12px;background-image:linear-gradient(45deg,var(--gold) 25%,transparent 25%,transparent 75%,var(--gold) 75%),linear-gradient(45deg,var(--gold) 25%,transparent 25%,transparent 75%,var(--gold) 75%);background-size:12px 12px;background-position:0 0,6px 6px;background-color:var(--forest)}.heritage-nav{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:var(--forest);font-size:20px;cursor:pointer;transition:background .2s}.heritage-nav:hover{background:#fff}.heritage-nav.prev{right:14px}.heritage-nav.next{left:14px}.heritage-dots{position:absolute;z-index:4;bottom:22px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:8px}.heritage-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.6);box-shadow:0 1px 3px rgba(0,0,0,.3);cursor:pointer;transition:background .2s,transform .2s}.heritage-dots button.is-active{background:var(--gold);transform:scale(1.3)}
.track-section{background:var(--cream)}.track-card{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;padding:58px;border:1px solid rgba(6,61,50,.1);border-radius:30px;background:#fff;box-shadow:0 28px 70px rgba(6,61,50,.08)}.track-card:before{content:"BS";position:absolute;left:35px;top:-28px;color:rgba(8,120,94,.045);font:800 170px/1 "Alexandria"}.track-copy,.track-form{position:relative}.track-copy h2{font-size:clamp(32px,4vw,49px);margin:16px 0}.track-copy p{color:#697771;line-height:1.8}.track-form{padding:29px;border-radius:20px;background:#f4f7f5}.track-form label{display:block;margin-bottom:10px;font-weight:700}.input-row{display:flex;gap:10px}.input-row input{min-width:0;flex:1;height:53px;padding:0 17px;border:1px solid #ccd6d1;border-radius:13px;background:#fff;outline:0;direction:ltr;text-align:right}.input-row input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(8,120,94,.09)}.input-row input[aria-invalid=true]{border-color:#c54848}.input-row .button-primary{background:var(--forest);color:#fff}.form-help{margin:10px 3px 0;color:#76847f;font-size:12px}.form-help.error{color:#b52e2e}
.contact{background:#082f29;color:#fff}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.contact-intro h2{font-size:clamp(39px,5vw,64px);margin-bottom:18px}.contact-intro p{color:#bfcec9;font-size:17px;line-height:1.8}.contact-list{border-top:1px solid rgba(255,255,255,.17)}.contact-list>a,.contact-list>div{display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:center;padding:22px 4px;border-bottom:1px solid rgba(255,255,255,.17)}.contact-symbol{width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:var(--mint)}.contact-list span:nth-child(2){display:flex;flex-direction:column}.contact-list small{margin-bottom:3px;color:#9eb1aa}.contact-list strong{font-size:16px}.contact-list b{color:var(--gold)}
.site-footer{padding:55px 0 22px;background:#041f1b;color:#fff}.footer-main{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;padding-bottom:42px}.footer-brand .brand-mark{background:var(--mint)}.footer-brand .brand-mark svg{fill:var(--forest)}.footer-brand small{color:#a9bbb5}.footer-main>p{color:#9eb1aa}.footer-main nav{display:flex;flex-wrap:wrap;gap:22px;color:#c7d5d0;font-size:14px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);color:#849a92;font-size:12px}.footer-bottom p{margin:0}.floating-whatsapp{position:fixed;z-index:90;left:22px;bottom:22px;display:flex;align-items:center;gap:9px;padding:13px 17px;border-radius:99px;background:#21c878;color:#032d21;font-weight:800;box-shadow:0 12px 35px rgba(2,44,32,.28)}.floating-whatsapp svg{width:23px;fill:#032d21}.has-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.has-motion .reveal.is-visible{opacity:1;transform:none}
@media(max-width:980px){.nav-wrap{height:72px}.primary-nav{position:fixed;inset:110px 0 auto;display:none;padding:25px 20px;background:var(--paper);box-shadow:0 25px 45px rgba(7,35,29,.15)}.primary-nav.is-open{display:flex;flex-direction:column;align-items:stretch}.primary-nav a{padding:10px}.primary-nav a:after{display:none}.menu-toggle{display:block;margin-right:auto}.login-link span:last-child{display:none}.login-link{padding:0;width:44px;justify-content:center;gap:0}.hero{min-height:650px}.hero-copy{width:70%}.section{padding:85px 0}.campaign-grid,.heritage-grid{gap:40px}.track-card{gap:35px;padding:42px}.contact-grid{gap:45px}.footer-main{grid-template-columns:1fr auto}.footer-main>p{display:none}}
@media(max-width:720px){.container{width:min(100% - 28px,1160px)}.occasion-bar{height:auto;min-height:38px;font-size:11px;gap:7px}.occasion-bar a{display:none}.brand-mark{width:44px;height:44px;border-radius:14px}.brand strong{font-size:18px}.button-whatsapp{padding:0 14px;font-size:0}.button-whatsapp svg{width:21px}.hero{min-height:700px;align-items:end;padding:120px 0 90px}.hero-media{background-position:27% center}.hero-shade{background:linear-gradient(0deg,rgba(3,25,22,.98) 16%,rgba(3,25,22,.58) 62%,rgba(3,25,22,.18))}.hero-copy{width:100%;margin:0}.hero h1{font-size:42px}.hero-copy>p{font-size:16px;line-height:1.75}.hero-buttons{align-items:stretch}.hero-buttons .button{flex:1;padding:0 14px;font-size:13px}.hero-notes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.scroll-cue{display:none}.trust-grid{grid-template-columns:1fr}.trust-grid>div{justify-content:flex-start;min-height:86px;padding:0 24px;border-left:0;border-bottom:1px solid var(--line)}.section{padding:70px 0}.section-heading{display:block;margin-bottom:32px}.section-heading h2{font-size:38px}.section-heading>p{margin-top:20px;font-size:15px}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto}.service-card p{min-height:auto}.campaign-grid,.heritage-grid,.track-card,.contact-grid{grid-template-columns:1fr}.campaign-grid,.heritage-grid{gap:45px}.campaign-visual{order:-1}.campaign-visual img{height:490px}.campaign-visual figcaption{display:block}.campaign-visual figcaption span{display:block;margin-top:5px}.heritage-carousel{order:-1}.heritage-slide{height:230px;min-height:0}.heritage-badge{padding:6px 6px 6px 10px}.heritage-badge-check{width:24px;height:24px}.heritage-badge-text strong{font-size:12px}.heritage-badge-text small{font-size:9px}.heritage-wordmark .hw-num{font-size:48px}.heritage-wordmark .hw-text{font-size:15px;margin-top:4px}.login-modal-panel{padding:32px 22px 26px}.track-card{padding:28px 20px}.track-card:before{font-size:100px}.input-row{display:grid}.input-row .button{width:100%}.contact-grid{gap:35px}.contact-list strong{font-size:13px;overflow-wrap:anywhere}.footer-main{display:flex;flex-direction:column;align-items:flex-start}.footer-main nav{gap:17px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:10px}.floating-whatsapp{left:14px;bottom:14px;padding:13px}.floating-whatsapp span{display:none}}
.hero-media{background-image:url('../images/national-day-hero.webp')}.hero-copy{margin-right:0;margin-left:auto}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.service-card{transition:none}}

/* Customer storefront and rotating hero */
.account-button{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--forest);cursor:pointer;transition:.2s}.account-button:hover{border-color:var(--green);background:#e9f8f1;transform:translateY(-2px)}.account-button svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.hero-slider{position:relative;height:700px;overflow:hidden;background:#032d27;color:#fff}.hero-slides,.hero-slide{position:absolute;inset:0}.hero-slide{display:flex;align-items:center;opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .75s ease,visibility .75s,transform 5s ease;background-size:cover;background-position:center}.hero-slide.is-active{z-index:2;opacity:1;visibility:visible;transform:scale(1)}.hero-slide .hero-content{width:100%}.hero-slide .hero-copy{width:min(610px,55%);margin-right:0;margin-left:auto}.hero-slide h1,.hero-slide h2{font-family:"Alexandria",sans-serif;margin:20px 0;font-size:clamp(42px,5vw,72px);line-height:1.25;letter-spacing:-.04em}.hero-slide h1 em,.hero-slide h2 em{font-style:normal;color:var(--mint)}.hero-slide .hero-copy>p{max-width:575px;margin:0 0 30px;color:#dae5e1;font-size:19px;line-height:1.9}.slide-products,.slide-mobile,.slide-joy{background-image:url('../images/national-day-hero.webp')}.slide-heritage,.slide-accessories{background-image:url('../images/national-day-offer.webp')}.slide-heritage,.slide-accessories{background-position:24% 58%}.slide-mobile{background-position:35% center}.slide-joy{background-position:15% center}.hero-slide .hero-shade{background:linear-gradient(90deg,rgba(3,25,22,.08) 8%,rgba(3,25,22,.24) 46%,rgba(3,25,22,.97) 79%)}.slide-heritage .hero-shade,.slide-accessories .hero-shade{background:linear-gradient(90deg,rgba(3,25,22,.25),rgba(3,25,22,.7) 49%,rgba(3,25,22,.98) 82%)}.mini-brand{display:inline-flex;flex-direction:column;padding-right:14px;border-right:3px solid var(--gold);font-family:"Alexandria";font-weight:800}.mini-brand small{font-family:"IBM Plex Sans Arabic";font-size:12px;color:var(--mint)}.slider-arrow{position:absolute;z-index:5;top:50%;width:46px;height:46px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(3,30,26,.38);color:#fff;font:35px/1 serif;cursor:pointer;backdrop-filter:blur(8px)}.slider-arrow.prev{right:22px}.slider-arrow.next{left:22px}.slider-dots{position:absolute;z-index:5;right:50%;bottom:25px;display:flex;gap:8px;transform:translateX(50%)}.slider-dots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.45);cursor:pointer;transition:.25s}.slider-dots button.is-active{width:30px;background:var(--mint)}.card-action{display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:0;border:0;background:none;color:var(--green);font:700 16px "IBM Plex Sans Arabic";cursor:pointer}.featured .card-action{color:var(--mint)}
.login-modal{position:fixed;z-index:500;inset:0;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:.25s}.login-modal.is-open{opacity:1;visibility:visible}.modal-backdrop{position:absolute;inset:0;background:rgba(3,27,23,.72);backdrop-filter:blur(8px)}.login-dialog{position:relative;width:min(490px,100%);padding:44px 38px 38px;border-radius:28px;background:#fff;box-shadow:0 35px 100px rgba(0,0,0,.3);transform:translateY(20px);transition:.3s}.is-open .login-dialog{transform:none}.modal-close{position:absolute;left:22px;top:18px;width:36px;height:36px;border:0;background:none;color:#db5b5b;font-size:32px;cursor:pointer}.login-avatar{width:92px;height:92px;display:grid;place-items:center;margin:0 auto 20px;border:1px solid #dce4e0;border-radius:50%;color:var(--green)}.login-avatar svg{width:34px;fill:none;stroke:currentColor;stroke-width:1.5}.login-dialog h2{margin:0;text-align:center;font:700 27px "Alexandria"}.login-dialog>p{margin:9px 0 30px;text-align:center;color:#77837f}.login-dialog label{display:block;margin-bottom:9px;font-weight:700}.phone-field{height:56px;display:flex;align-items:center;border:1px solid #d5ded9;border-radius:12px;overflow:hidden}.phone-field span{padding:0 17px;border-left:1px solid #e2e7e4;color:#53625c}.phone-field input{min-width:0;flex:1;height:100%;padding:0 18px;border:0;outline:0;font-size:18px;text-align:left}.phone-field:focus-within{border-color:var(--green);box-shadow:0 0 0 4px rgba(8,120,94,.09)}.login-submit{width:100%;margin-top:16px;background:var(--green);color:#fff}.login-error{display:block;margin-top:7px;color:#bd3131}.privacy-note{display:block;margin-top:20px;text-align:center;color:#86928e}.modal-open{overflow:hidden}
.catalog-page{background:#f6f4ed}.catalog-header{position:sticky;z-index:20;top:0;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.catalog-nav{height:82px;display:flex;align-items:center;justify-content:space-between}.catalog-account{display:flex;align-items:center;gap:15px}.catalog-account>span{display:flex;flex-direction:column}.catalog-account small{color:#7d8985}.catalog-account form{margin:0}.catalog-account button{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--forest);cursor:pointer}.catalog-account svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.catalog-hero{padding:100px 0;background:linear-gradient(90deg,rgba(3,35,29,.22),rgba(3,35,29,.97) 70%),url('../images/national-day-hero.webp') center/cover;color:#fff}.catalog-hero h1{margin:18px 0;font:800 clamp(42px,6vw,74px)/1.2 "Alexandria"}.catalog-hero h1 em{color:var(--mint);font-style:normal}.catalog-hero p{max-width:570px;margin-bottom:28px;color:#d0ded9;font-size:18px}.catalog-products{padding:90px 0}.catalog-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.catalog-title span{color:var(--green);font-weight:700}.catalog-title h2{margin:8px 0 0;font:700 38px "Alexandria"}.catalog-title p{color:#75827d}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff;transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-art{position:relative;height:210px;overflow:hidden;background:linear-gradient(145deg,#dff4e9,#8ed8b5)}.product-art:before,.product-art:after,.product-art span,.product-art i,.product-art b{content:"";position:absolute;display:block}.product-art:before{width:115px;height:165px;right:50%;top:27px;transform:translateX(50%) rotate(-7deg);border:7px solid #084b3e;border-radius:23px;background:linear-gradient(150deg,#102b26,#2d7863);box-shadow:0 18px 25px rgba(5,60,48,.22)}.product-art:after{width:85px;height:85px;left:25px;bottom:-18px;border-radius:50%;background:rgba(255,255,255,.38)}.product-audio .product-art:before{width:130px;height:75px;top:75px;border:6px solid #084b3e;border-radius:45px}.product-charge .product-art:before{width:78px;height:110px;top:48px;border-radius:18px;background:#f8f5e9}.product-case .product-art:before{background:transparent;border-width:10px}.product-watch .product-art:before{width:95px;height:95px;top:57px;border-radius:28px}.product-accessory .product-art:before{width:140px;height:90px;top:65px;border-radius:18px}.product-info{padding:26px}.product-info small{color:var(--green)}.product-info h3{margin:8px 0;font:700 21px "Alexandria"}.product-info p{min-height:54px;color:#72807b;line-height:1.65}.product-info a{display:inline-flex;gap:7px;margin-top:12px;color:var(--green);font-weight:700}.catalog-footer{padding:28px 0;background:#04231e;color:#aabcb5}.catalog-footer .container{display:flex;justify-content:space-between}
@media(max-width:980px){.hero-slider{height:650px}.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.account-button{width:44px;height:44px}.hero-slider{height:690px}.hero-slide{align-items:end;padding-bottom:78px}.hero-slide .hero-copy{width:100%}.hero-slide h1,.hero-slide h2{font-size:41px}.hero-slide .hero-copy>p{font-size:16px}.hero-slide .hero-shade,.slide-heritage .hero-shade,.slide-accessories .hero-shade{background:linear-gradient(0deg,rgba(3,25,22,.98) 15%,rgba(3,25,22,.6) 62%,rgba(3,25,22,.15))}.slider-arrow{display:none}.login-dialog{padding:40px 22px 28px}.catalog-account>span{display:none}.catalog-hero{padding:72px 0}.catalog-title{display:block}.catalog-title p{margin-top:12px}.product-grid{grid-template-columns:1fr}.catalog-footer .container{display:block}.catalog-footer a{display:block;margin-top:8px;overflow-wrap:anywhere}}
.slide-heritage{background-image:url('../images/national-day-family.webp')}.slide-mobile{background-image:url('../images/national-day-children.webp')}.slide-accessories{background-image:url('../images/national-day-sadu.webp')}.slide-joy{background-image:url('../images/national-day-connection.webp')}
.national-identity{position:absolute;z-index:4;top:28px;right:clamp(35px,6vw,110px);display:flex;align-items:stretch;gap:10px;filter:drop-shadow(0 10px 28px rgba(0,0,0,.3));pointer-events:none}.national-identity-main{position:relative;min-width:286px;padding:11px 20px 10px;text-align:center;border:7px solid transparent;border-image:repeating-conic-gradient(#129865 0 25%,#031e2b 0 50%) 7;background:rgba(3,31,38,.9);box-shadow:inset 0 0 0 1px rgba(115,231,177,.24)}.national-identity-main strong{display:block;color:#fff;font:800 27px/1.15 "Alexandria",sans-serif;letter-spacing:-.04em}.national-identity-main>span{display:block;margin-top:6px;color:#e7f8ef;font-size:13px;font-weight:700}.national-identity-main>span b{color:var(--mint)}.national-identity-main small{display:block;margin-top:2px;color:#c8ddd4;font:500 8px/1.2 Arial,sans-serif;letter-spacing:.28em}.national-identity-motifs{display:grid;grid-template-columns:repeat(2,58px);gap:7px}.national-identity-motifs i{display:grid;place-items:center;position:relative;overflow:hidden;border:2px solid rgba(131,229,184,.55);background:repeating-linear-gradient(45deg,#086143 0 5px,#052c35 5px 10px);font-style:normal}.national-identity-motifs i:first-child{background:#7670b4}.national-identity-motifs i:first-child:before,.national-identity-motifs i:last-child:before{content:"";position:absolute;inset:5px;border:2px dashed rgba(225,245,236,.42)}.national-identity-motifs i:last-child:after{content:"◆";position:relative;color:#9be6bd;font-size:25px;text-shadow:16px 0 #327e65,-16px 0 #327e65}.national-identity-motifs span{position:relative;z-index:1;color:#fff;font:700 10px/1.3 "Alexandria",sans-serif;text-align:center}
@media(max-width:720px){.national-identity{top:15px;right:14px;left:14px;justify-content:center}.national-identity-main{min-width:225px;padding:8px 14px;border-width:5px}.national-identity-main strong{font-size:21px}.national-identity-main>span{font-size:11px}.national-identity-main small{font-size:7px}.national-identity-motifs{display:none}}
.hero-slide,.hero-slide.is-active{transform:none}
.hero-slider{height:clamp(620px,56.25vw,900px)}.hero-slide{background-size:contain;background-repeat:no-repeat;background-color:#052f29;transition:opacity .65s ease,visibility .65s}.national-identity{top:34px;right:clamp(28px,5vw,92px);gap:13px}.national-identity-main{min-width:365px;padding:15px 26px 13px;border-width:9px}.national-identity-main strong{font-size:36px}.national-identity-main>span{font-size:16px}.national-identity-main small{font-size:10px}.national-identity-motifs{grid-template-columns:repeat(2,76px);gap:9px}.identity-slogan{display:none!important}.slide-heritage .slogan-heritage,.slide-mobile .slogan-mobile,.slide-accessories .slogan-accessories,.slide-joy .slogan-joy{display:block!important}.slide-mobile .national-identity-main{background:rgba(7,77,51,.94);border-image:repeating-conic-gradient(#e9f4df 0 25%,#0a6848 0 50%) 9}.slide-accessories .national-identity-main{background:rgba(46,42,91,.94);border-image:repeating-conic-gradient(#7c75bc 0 25%,#0c7250 0 50%) 9}.slide-accessories .national-identity-motifs i:first-child{background:#144f48}.slide-joy .national-identity-main{background:rgba(5,46,42,.94);border-image:repeating-conic-gradient(#d8ad63 0 25%,#08785e 0 50%) 9}.slide-joy .national-identity-main strong{color:#f6dfad}
@media(max-width:720px){.hero-slider{height:690px}.hero-slide{background-size:100% auto;background-position:center top}.national-identity{top:12px;right:12px;left:12px}.national-identity-main{min-width:270px;padding:9px 14px 8px;border-width:6px}.national-identity-main strong{font-size:24px}.national-identity-main>span{font-size:12px}.national-identity-main small{font-size:7px}.national-identity-motifs{display:none}}