/* styles.css */

:root{--ink:#f7f9fc;--ink-soft:#d4dce7;--white:#fff;font-family:"IBM Plex Sans Arabic",Tahoma,system-ui,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.brand{display:inline-flex;align-items:center}.brand-mark{display:grid;place-items:center;color:#03140f;background:var(--blue);font-weight:800;font-size:23px}.brand>span:last-child{display:grid;line-height:1.1}.brand small{color:var(--muted);margin-top:4px}.topbar{margin:auto;display:flex;align-items:center;justify-content:space-between}.header-actions,.header-link,.cart-button{display:flex;align-items:center}.cart-button{color:var(--ink);border:1px solid var(--line)}.cart-count{display:grid;place-items:center;background:var(--blue);color:#03140f}.hero{display:grid;position:relative;overflow:hidden;color:var(--white);border:1px solid var(--line);margin-inline:auto}.hero h1{margin:0}.hero h1 span,h1 span{color:var(--cyan)}h2{margin:0}.signal-card{justify-self:end;border:1px solid #447d6d;background:linear-gradient(145deg,#112831,#0c2524)}.signal-card strong,.signal-card small{display:block}.signal-label,.signal-card small{color:var(--muted)}.signal-bars{display:flex;align-items:end;gap:9px;margin:20px 0;direction:ltr}.signal-bars i{flex:1;border-radius:7px 7px 3px 3px;background:linear-gradient(var(--cyan),var(--blue))}.signal-bars i:nth-child(1){height:27%;opacity:.5}.signal-bars i:nth-child(2){height:43%;opacity:.63}.signal-bars i:nth-child(3){height:61%;opacity:.76}.signal-bars i:nth-child(4){height:78%;opacity:.88}.signal-bars i:nth-child(5){height:100%}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);position:relative}.trust-strip span{text-align:center}.section-heading{display:flex;justify-content:space-between}.category-tab,.filter{font:inherit;cursor:pointer}.business-card{display:flex;align-items:center;justify-content:space-between}.eyebrow{color:var(--blue);font-weight:600}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.consent-row input{flex:none}.detail-content>p{line-height:1.9}textarea{resize:vertical}.account-form p{margin:0}.coupon-form>label{font-weight:600}
/* AlkStore — the existing midnight / mint identity, refined for mobile commerce. */
:root{--paper:#071019;--surface:#101c27;--surface-2:#0b1620;--line:#243442;--muted:#a6b6c6;--blue:#38d6ac;--cyan:#85efd1;--radius:20px;--shadow:0 18px 48px #0003;font-size:16px}
html{scroll-padding-top:110px}body{font-size:1rem;line-height:1.8;background:radial-gradient(ellipse at 70% 0%,#153c3529,transparent 35%),var(--paper)}
[hidden]{display:none!important}*{min-width:0}main{overflow:visible}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{letter-spacing:0;line-height:1.45}h1{font-size:clamp(2.3rem,4.5vw,4.5rem);font-weight:700}h2{font-size:clamp(1.55rem,2.6vw,2.5rem)}h3{font-size:1.15rem}p{line-height:1.9}svg{flex-shrink:0;vertical-align:middle}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}input,select,textarea{color:var(--ink);background:#08121c;border:1px solid #3a4b5c;border-radius:12px;padding:11px 14px;min-height:48px;width:100%;font-size:1rem}select{appearance:auto;color-scheme:dark}input::placeholder,textarea::placeholder{color:#8498ad;opacity:1}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:0;accent-color:var(--blue);flex-shrink:0}label{font-size:.94rem;font-weight:500;display:grid;gap:7px}button,a,input,select,textarea,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}a,button{transition:background .18s,color .18s,border-color .18s,transform .18s}a:hover{color:var(--cyan)}button:hover:not(:disabled){border-color:var(--cyan)}section[id]{scroll-margin-top:105px}input[readonly]{color:var(--muted)}input[type=email],input[type=tel]{text-align:start}
.skip-link{position:fixed;inset-block-start:12px;inset-inline-start:16px;transform:translateY(-160%);z-index:200;background:var(--blue);color:#041913;padding:12px 20px;border-radius:12px}.skip-link:focus{transform:none}
.topbar{position:sticky;top:0;z-index:30;height:86px;width:min(1240px,calc(100% - 48px));background:#071019f2;backdrop-filter:blur(16px);border-bottom:1px solid #24344299}.brand{gap:10px;flex-shrink:0}.brand-mark{width:44px;height:44px;border-radius:14px;box-shadow:none}.brand strong{font-size:1.35rem}.brand small{font-size:.875rem}.desktop-nav{display:flex;gap:28px;align-items:center;font-size:.92rem;color:#c9d6e1}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--cyan)}.header-actions{gap:9px}.header-link{border:0;background:transparent;padding:10px;border-radius:12px}.cart-button{border-color:#294338;background:#102a23;padding:9px 12px;gap:10px;border-radius:14px}.cart-count{height:24px;width:24px;border-radius:7px;font-size:.875rem}.favorite-link span{display:none}.icon-button{border:1px solid var(--line);background:var(--surface);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:12px;padding:10px}.menu-toggle,.mobile-menu,.mobile-bottom{display:none}
.hero{width:min(1240px,calc(100% - 48px));margin-top:24px;min-height:438px;padding:60px clamp(28px,5vw,66px);border-radius:28px;gap:40px;grid-template-columns:1.3fr .7fr;box-shadow:none;background:radial-gradient(ellipse at 12% 30%,#1464502b,transparent 65%),#0b1721}.hero h1{line-height:1.42;font-size:clamp(2.5rem,4.7vw,4.4rem)}.hero .eyebrow{font-size:.875rem;background:none;border:0;padding:0;display:block;margin-bottom:20px}.hero-text{max-width:585px;margin:18px 0 26px;font-size:1.05rem}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.primary-action,.secondary-action,.add-button,.detail-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border-radius:12px;padding:11px 22px;font-size:.95rem;line-height:1.6;font-weight:600;text-align:center}.primary-action,.add-button{background:var(--blue);color:#04251a;border:1px solid var(--blue);box-shadow:none}.primary-action:hover,.add-button:hover{background:#85efd1;color:#031b14}.secondary-action,.detail-button{border:1px solid #3a514f;color:var(--ink);background:#14232a;box-shadow:none}.secondary-action:hover,.detail-button:hover{background:#20373b;color:var(--white)}.text-link{color:var(--cyan);font-weight:500;font-size:.95rem;display:inline-block}.text-button{background:transparent;border:0;color:var(--cyan);padding:9px 6px;min-height:44px;font-size:.9rem}.muted,.empty-message{color:var(--muted)}.eyebrow{font-size:.875rem;letter-spacing:0;margin-bottom:10px}.signal-card{width:255px;border-radius:24px;padding:30px;transform:rotate(-3deg);box-shadow:0 32px 80px #0004;border-color:#27625066}.signal-label{font-size:.875rem}.signal-card strong{font-size:2.6rem;line-height:1.4}.signal-card small{font-size:.875rem}.signal-bars{height:80px}.trust-strip{width:min(1180px,calc(100% - 80px));margin:0 auto;gap:0;border:1px solid var(--line);border-top:0;border-radius:0 0 20px 20px;background:#0d1923;z-index:1}.trust-strip span{font-size:.9rem;padding:18px 10px;border:0;border-radius:0;background:none;box-shadow:none}.trust-strip span+span{border-inline-start:1px solid var(--line)}
.operator-section,.catalog,.how-it-works,.business-card,.faq-section,.store-info{width:min(1180px,calc(100% - 48px));margin:80px auto 0}.operator-heading{text-align:center}.operator-heading h2{font-size:1.8rem}.operator-heading>p:last-child{font-size:.92rem;color:var(--muted);margin:6px 0 24px}.operator-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.operator-tile{border:1px solid var(--line);border-radius:16px;background:#101b26;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.operator-tile strong{font-size:1.45rem;font-weight:700;line-height:1.2;letter-spacing:0}.operator-tile span{font-size:.875rem;color:var(--muted)}.operator-tile:hover{transform:translateY(-4px);background:#142630;border-color:#4d907b}.operator-tile.stc strong{color:#d8b5ff}.operator-tile.mobily strong{color:#7dd0ff}.operator-tile.zain strong{color:#bee998}.operator-tile.virgin strong{color:#ffb3b3}.operator-tile.friendi strong{color:#eaca8d}.operator-tile.redbull strong{color:#e9c6c8}.operator-tile.yaqoot strong{color:#f5b8db}
.catalog{margin-top:72px}.section-heading{align-items:center;gap:24px}.search-box{width:360px;display:block}.search-box input{width:100%;height:52px;min-height:52px;padding-inline:18px}.category-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.category-tab{display:grid;position:relative;grid-template-columns:42px 1fr;text-align:start;align-content:center;padding:20px 22px;min-height:104px;border-radius:16px;border:1px solid var(--line);background:#0e1a24;color:var(--ink);column-gap:12px}.category-tab>span{grid-row:1/3;align-self:center;font-size:1.05rem;color:var(--muted)}.category-tab strong{font-size:1rem}.category-tab small{font-size:.875rem;color:var(--muted);margin-top:3px}.category-tab.active{background:#102a24;border-color:#42c5a3;box-shadow:inset 0 -3px 0 #38d6ac}.category-tab.active>span{color:var(--cyan)}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px 0}.catalog-tools>[role=status]{color:var(--muted);font-size:.9rem}.sort-label{display:flex;align-items:center;gap:12px;font-size:.875rem}.sort-label select{font-size:.875rem;max-width:195px;min-height:44px;padding:6px 10px}.filter-toggle{display:none}.filter-panel{padding:22px;border:1px solid var(--line);border-radius:18px;background:#0c1822}.filter-group{margin:0 0 16px;gap:8px;display:flex;flex-wrap:wrap}.filter{min-height:42px;padding:8px 15px;font-size:.875rem;border-radius:10px;line-height:1.6;background:#14222e;color:#d2dfeb;border:1px solid var(--line)}.filter.active{color:#071f18;background:var(--blue);border-color:var(--blue)}.advanced-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.advanced-filters label{font-size:.875rem}.advanced-filters input,.advanced-filters select{font-size:.9rem;min-height:44px}.active-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0}.filter-chip{border:1px solid #36675c;color:var(--cyan);border-radius:30px;background:#16302a;font-size:.875rem;padding:6px 14px;min-height:40px}.filter-chip span{margin-inline-start:10px}.empty-catalog{margin:0;padding:0;background:none;border:0;min-height:0}.empty-state{padding:50px 24px;text-align:center;border:1px dashed #2e4556;border-radius:18px;grid-column:1/-1;background:#0c172199}.empty-state-icon{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:#152a31;color:#87c4b2;margin:0 auto 16px}.empty-state-icon svg{width:28px;height:28px}.empty-state h3{font-size:1.25rem;margin:0 0 8px}.empty-state p{color:var(--muted);max-width:440px;margin:0 auto 22px;font-size:.95rem}.empty-state p:last-child{margin-bottom:0}.pagination{display:flex;gap:18px;align-items:center;justify-content:center;margin-top:24px}.pagination:empty{display:none}.loading-state,.catalog-loading{display:flex;gap:12px;align-items:center;justify-content:center;min-height:160px;color:var(--muted);grid-column:1/-1}.spinner{width:22px;height:22px;border:2px solid #2b4b4e;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#101c27;box-shadow:none;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.product-card:hover{transform:translateY(-4px);border-color:#447b6b}.product-image-wrap{position:relative;aspect-ratio:1.35;background:#14222e}.product-media{display:grid;height:100%;place-items:center}.product-media img{width:100%;height:100%;object-fit:contain;max-height:100%}.product-no-image{display:flex;align-items:center;justify-content:center;gap:16px;flex-direction:column;color:var(--muted);height:100%;width:100%;min-height:220px}.product-no-image svg{width:56px;height:56px;opacity:.5}.product-no-image span{font-size:1.2rem}.operator-badge{position:absolute;top:14px;right:14px;padding:5px 12px;border-radius:9px;background:#071019dd;font-size:.875rem;border:1px solid var(--line)}.favorite-button{position:absolute;left:14px;top:14px;width:42px;height:42px;border-radius:12px;background:#071019d9;color:var(--ink);border:1px solid var(--line);display:grid;place-items:center;padding:0}.favorite-button[aria-pressed=true]{color:var(--cyan);background:#163b2f}.favorite-button[aria-pressed=true] svg{fill:#85efd144}.product-body{padding:22px;display:flex;flex:1;flex-direction:column}.product-body h3{font-size:1.2rem;margin:12px 0}.product-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:.875rem;color:var(--muted);margin:0}.stock-badge{font-size:.875rem;white-space:nowrap;border-radius:7px;padding:4px 8px;line-height:1.5;background:#263039;color:#c2cad3}.stock-badge.available{background:#183b30;color:#94e7c6}.product-highlights{list-style:none;padding:0;margin:10px 0 16px;display:grid;gap:8px;font-size:.9rem}.product-highlights li{display:flex;gap:9px;align-items:start}.product-highlights svg{width:17px;height:17px;color:var(--cyan);margin-top:5px}.product-tags{display:flex;gap:6px;flex-wrap:wrap}.product-tags span{padding:4px 8px;font-size:.875rem;border:1px solid #34464c;border-radius:7px;color:#c6d3df}.fulfillment,.delivery-caption{font-size:.875rem;color:var(--muted);margin:10px 0 0;line-height:1.8}.product-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:22px 0 14px;gap:10px;border:0}.price{display:grid;gap:2px}.price strong{font-size:1.3rem;line-height:1.5}.price small{font-size:.875rem}.price del{font-size:.875rem;color:var(--muted)}.product-body>.add-button{width:100%}.product-footer .detail-button{padding:8px 12px;min-height:42px;font-size:.875rem}
.how-it-works{border-top:1px solid var(--line);padding-top:50px;display:grid;grid-template-columns:1fr 1.5fr;gap:50px}.how-it-works h2{font-size:1.9rem;max-width:350px}.how-it-works ol{padding:0;margin:0;gap:22px;display:grid;grid-template-columns:repeat(3,1fr)}.how-it-works li{list-style:none;border:0;padding:0;background:none;display:flex;flex-direction:column;gap:12px}.how-it-works li strong{display:grid;place-items:center;width:46px;height:46px;border:1px solid #326455;border-radius:14px;background:#112a24;color:var(--cyan);font-size:1rem}.how-it-works li span{font-size:.97rem;line-height:1.9}.business-card{background:linear-gradient(115deg,#12372f,#10231f 65%);border:1px solid #315e4f;border-radius:24px;padding:42px 48px;gap:40px;box-shadow:none}.business-card h2{font-size:2.1rem}.business-card p{max-width:640px;color:#bfd1cb;font-size:1rem}.business-card .primary-action{white-space:nowrap}.faq-section{max-width:960px}.faq-list{margin-top:28px;display:grid;gap:12px}.faq-list details{border:1px solid var(--line);border-radius:14px;background:#0e1a24;padding:0}.faq-list summary{padding:20px 24px;font-size:1rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--cyan);font-size:1.3rem;line-height:1.5}.faq-list details[open] summary:after{content:"−"}.faq-list details[open]{border-color:#3b695a}.faq-list p{margin:0;padding:0 24px 22px;font-size:.95rem;color:var(--muted)}.store-info{gap:24px;display:grid;grid-template-columns:1fr 1fr}.store-info article{border:1px solid var(--line);border-radius:24px;padding:36px;background:#0e1a24}.store-info h2{font-size:2rem}.store-info p{font-size:.95rem}
footer,footer.subpage-footer{display:block;width:min(1180px,calc(100% - 48px));margin:86px auto 0;padding:38px 0 0;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.footer-main{display:grid;grid-template-columns:auto 1fr;gap:8px 40px;align-items:center}.footer-main>p{justify-self:end;margin:0}.footer-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:14px 25px;margin:24px 0 30px}.footer-bottom{border-top:1px solid #1d2d3b;padding:22px 0;display:flex;gap:20px;justify-content:space-between;font-size:.875rem}.footer-brand{color:var(--ink)}
.page-shell{width:min(1180px,calc(100% - 48px));margin:28px auto 0;padding:0}.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:.875rem;margin-bottom:32px}.breadcrumbs>*+*:before{content:"/";padding-inline-end:12px;color:#526371}.breadcrumbs a:hover{color:var(--cyan)}.page-intro{padding:0;margin:36px 0 36px;max-width:820px}.page-intro h1{font-size:clamp(2.3rem,4.2vw,3.9rem);line-height:1.4}.page-intro>p:last-child{max-width:680px;font-size:1.05rem;color:var(--muted);margin:18px 0 0}.dashboard-card,.detail-section{border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:28px;margin:0;box-shadow:none}.dashboard-card h2,.detail-section h2{font-size:1.45rem}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.panel-heading .eyebrow{margin:0 0 3px}.panel-heading>.muted{font-size:.875rem}.dashboard-card>p{font-size:.95rem;color:var(--muted)}.dashboard-card .empty-state{padding:30px 18px;background:#0a141c66;border-style:solid;border-color:#243442}.dashboard-card .empty-state h3{font-size:1.08rem}.dashboard-card .empty-state p{font-size:.9rem}.dashboard-card .empty-state-icon{width:46px;height:46px;border-radius:14px}.dashboard-card .empty-state-icon svg{width:23px;height:23px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.account-form,.bulk-form,#checkout-form{display:grid;gap:20px}.account-form>button{width:fit-content;min-width:170px;justify-self:start}.form-actions{display:flex;gap:12px;flex-wrap:wrap}.form-status{line-height:1.8;font-size:.92rem;margin:0;border-radius:12px;overflow-wrap:anywhere}.form-status:empty{display:none}.form-status:not(:empty){padding:12px 15px;background:#142937;border:1px solid #35576b}.form-status.error{color:#ffc8c8;background:#341e27;border-color:#77434b}.form-status.success{color:#a9efcc;background:#122f25;border-color:#346e53}.subtle-note{padding:16px 18px;background:#0b1620;border:1px solid #2a414a;border-radius:12px;color:#b6c7d7;font-size:.875rem;line-height:1.9}.subtle-note a{text-decoration:underline;color:var(--cyan)}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);max-width:calc(100% - 32px);width:max-content;z-index:200;background:#163b2e;border:1px solid #4da989;color:#e0fff2;padding:13px 22px;border-radius:14px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;font-size:.94rem}.toast.visible{opacity:1;transform:translate(-50%,0)}.toast.error{background:#3b2028;border-color:#ac6774}.danger-text{color:#ffaeb9}.danger-button{background:#e98495;color:#250711;border:0;border-radius:12px;padding:12px 24px;min-height:48px}
.auth-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:start}.auth-card{width:100%;max-width:none;background:var(--surface);padding:34px;border:1px solid var(--line);border-radius:24px;margin:0}.auth-card h2{font-size:1.65rem}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-radius:12px;padding:5px;background:#071019;margin:24px 0;border:1px solid var(--line);gap:5px}.auth-tabs button{font-size:.94rem;border:0;background:none;color:var(--muted);border-radius:9px;padding:11px}.auth-tabs button[aria-pressed=true]{background:#1b3e34;color:var(--cyan)}.auth-benefits{padding:24px 12px}.auth-benefits h2{font-size:2rem}.auth-benefits ul{padding-inline-start:22px;line-height:2.7;color:#c7d4df;margin:25px 0}.password-wrap{display:flex;align-items:stretch}.password-wrap input{border-radius:0 12px 12px 0}.password-wrap button{background:#1a303b;border:1px solid #3a4b5c;border-radius:12px 0 0 12px;color:var(--ink);padding:0 14px;min-width:64px;font-size:.875rem}.auth-legal{font-size:.875rem!important;color:var(--muted)}.auth-legal a{text-decoration:underline}.account-help{font-size:.875rem;color:var(--muted);border-top:1px solid var(--line);padding-top:15px}.account-help summary{cursor:pointer;min-height:36px}.account-help a{color:var(--cyan)}.account-form>small{font-size:.875rem;color:var(--muted)}.account-welcome{display:flex;align-items:center;justify-content:space-between;padding:26px 0 30px;margin:0;gap:20px}.account-welcome h1{font-size:2.4rem}.customer-contact{display:flex;gap:10px 22px;flex-wrap:wrap;color:var(--muted);font-size:.9rem;margin:8px 0 0}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.account-stats article{padding:24px 28px;background:var(--surface);border:1px solid var(--line);border-radius:20px;display:grid;gap:9px}.account-stats article>span{color:var(--muted);font-size:.9rem}.account-stats strong{font-size:2.6rem;font-weight:600;line-height:1.4}.account-stats a{font-size:.875rem;color:var(--cyan)}.account-stats .mint-stat{background:#133a2e;border-color:#316d56}.account-stats .mint-stat strong{color:#aaffd9}.dashboard-layout{display:grid;grid-template-columns:215px 1fr;gap:28px;align-items:start}.account-nav{position:sticky;top:110px;display:grid;gap:5px;padding:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:16px}.account-nav a{padding:11px 14px;border-radius:9px;font-size:.88rem}.account-nav a:hover,.account-nav a:focus{background:#1a362e;color:var(--cyan)}.dashboard-content{display:grid;gap:24px}.dashboard-content .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-pill{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid #365d57;border-radius:8px;background:#183129;color:#b6e9d8;font-size:.875rem;line-height:1.7}.order-record{border:1px solid var(--line);border-radius:14px;margin-top:12px}.order-record summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;cursor:pointer;font-size:.875rem}.order-record summary>span:first-child{display:grid;gap:3px}.order-record summary small{color:var(--muted);font-size:.875rem}.order-record summary strong{overflow-wrap:anywhere}.order-record-body{padding:0 20px 22px;font-size:.88rem}.order-item-row{display:flex;justify-content:space-between;gap:15px;padding:10px 0}.order-timeline{display:grid;gap:16px;border-inline-start:2px solid #345848;padding-inline-start:22px;list-style:none;margin:22px 0}.order-timeline li{display:flex;justify-content:space-between;gap:15px;color:var(--muted)}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem;text-align:start}th,td{padding:15px 12px;border-bottom:1px solid var(--line);text-align:start}th{font-weight:500;color:var(--muted)}.positive{color:var(--cyan)}.coupon-card,.address-card{display:flex;align-items:center;justify-content:space-between;padding:20px;border:1px solid var(--line);border-radius:14px;gap:15px;margin-bottom:14px}.coupon-card strong{color:var(--cyan);letter-spacing:1px;font-size:1.2rem}.coupon-card p,.address-card p{margin:4px 0;font-size:.9rem;color:var(--muted)}.address-card small{display:block;color:var(--muted)}.notification-row{display:flex;gap:20px;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 0;font-size:.9rem}.notification-row small{color:var(--muted)}
.bulk-layout{display:grid;grid-template-columns:1.5fr .75fr;gap:28px;align-items:start}.bulk-form{border:1px solid var(--line);border-radius:24px;padding:30px;background:var(--surface);margin:0}.bulk-form fieldset{border:0;padding:0;margin:0}.bulk-form legend{font-size:1rem;font-weight:600;margin-bottom:14px}.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkbox-grid label{display:flex;align-items:center;gap:10px;border:1px solid #344651;padding:12px;border-radius:10px;font-size:.875rem;min-height:50px}.checkbox-grid label:has(input:checked){background:#153b2f;border-color:#55b491}.consent-row{font-size:.875rem;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.consent-row a{color:var(--cyan)}.bulk-form>button{background:var(--blue);color:#04251a;border:0;border-radius:12px;padding:14px;min-height:52px;font-size:1rem;font-weight:600}.bulk-notes{display:grid;gap:16px}.bulk-notes article{border:1px solid var(--line);border-radius:18px;padding:24px;background:#0e1a24}.bulk-notes strong{font-size:1rem;color:var(--ink)}.bulk-notes p{font-size:.9rem;color:var(--muted);margin:10px 0 0}
.cart-dialog{position:fixed;inset:0 auto 0 0;margin:0;height:100dvh;max-height:100dvh;width:min(480px,100%);max-width:100%;border:0;border-inline-end:1px solid var(--line);border-radius:0;padding:24px;background:#0e1a24;color:var(--ink);box-shadow:var(--shadow);overflow:auto}.cart-dialog::backdrop,.confirm-dialog::backdrop{background:#02080dcc;backdrop-filter:blur(4px)}.modal-open{overflow:hidden}.drawer-head{padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid var(--line)}.drawer-head h2{font-size:1.6rem}.drawer-head button{font-size:1rem}.drawer-foot{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.drawer-foot .primary-action{width:100%}.drawer-foot p{font-size:.875rem;color:var(--muted);text-align:center}.mini-line{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center}.mini-line>div{flex:1}.mini-line strong{font-size:.95rem}.mini-line small{display:block;font-size:.875rem;color:var(--muted)}.mini-line b{font-size:.875rem}.mini-icon{width:44px;height:44px;display:grid;place-items:center;background:#1a2f37;border-radius:12px;color:var(--cyan)}.mini-total{display:flex;justify-content:space-between;margin-top:24px;gap:16px;font-size:1rem}.confirm-dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:28px;max-width:calc(100% - 36px);width:430px}.confirm-dialog h2{font-size:1.5rem}
.checkout-layout{display:grid;grid-template-columns:1.4fr .8fr;gap:26px;align-items:start}.checkout-main{display:grid;gap:24px}.checkout-summary{position:sticky;top:110px;display:grid;gap:20px}.checkout-summary .coupon-form{margin:0;padding:20px 0;border-bottom:1px solid var(--line);border-top:1px solid var(--line);border-radius:0;background:none}.coupon-form{display:grid;gap:12px}.coupon-form>div{display:flex;gap:8px}.coupon-form input{min-width:0;flex:1}.coupon-form button{min-width:76px}.coupon-form p{font-size:.875rem;margin:0}.points-checkout{display:grid;gap:6px;color:var(--muted)}.points-checkout label{display:flex;align-items:center;gap:10px;font-size:.9rem}.points-checkout small{font-size:.875rem}.totals-list{margin:0;display:grid;gap:14px}.totals-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.9rem}.totals-list dt{color:var(--muted)}.totals-list dd{margin:0;font-weight:500;text-align:end}.totals-list .grand-total{padding-top:18px;border-top:1px solid var(--line);font-size:1.28rem}.totals-list .grand-total dt{color:var(--ink)}.totals-list .grand-total dd{color:var(--cyan);font-weight:600}.summary-note{font-size:.875rem!important;line-height:1.9;margin:0;color:var(--muted)}.checkout-button{width:100%;font-size:.92rem}.payment-button{width:100%;min-height:48px;border-radius:12px;border:1px solid var(--line);background:#16232d;color:#d4dfeb;font-size:.88rem}.checkout-summary>small{color:var(--muted);font-size:.875rem;text-align:center;margin-top:-14px}.cart-line{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.cart-line:last-child{border-bottom:0}.cart-line>img,.cart-line-icon{width:78px;height:88px;object-fit:contain;background:#172832;border:1px solid var(--line);border-radius:12px;flex-shrink:0}.cart-line-icon{display:grid;place-items:center;color:var(--muted)}.cart-line-info{flex:1}.cart-line-info h3{font-size:1.02rem;margin:0 0 12px}.cart-line-info .eyebrow{font-size:.875rem}.cart-line-info small{font-size:.875rem;color:var(--muted);display:block}.variant-label{font-size:.875rem;display:flex;align-items:center;gap:8px}.variant-label select{width:auto;max-width:200px;font-size:.875rem;min-height:36px;padding:4px 8px}.cart-line-end{display:flex;flex-direction:column;align-items:end;justify-content:space-between;font-size:.9rem}.quantity-control{display:flex;width:112px;border:1px solid #3b505f;border-radius:9px;overflow:hidden;align-items:center;justify-content:space-between;margin-top:10px;direction:ltr}.quantity-control button{height:38px;min-width:36px;border:0;background:#162c36;color:var(--ink)}.quantity-control output{font-size:.875rem}.checkout-main .form-grid{gap:15px}
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;margin:24px 0 40px}.detail-media{border:1px solid var(--line);border-radius:24px;overflow:hidden;aspect-ratio:1;background:#12222f}.detail-media img{width:100%;height:100%;object-fit:contain}.detail-media .product-no-image{min-height:100%}.detail-media .product-no-image svg{width:80px;height:80px}.detail-content h1{font-size:clamp(1.85rem,3vw,2.8rem);margin:12px 0;line-height:1.5}.detail-lead{font-size:1rem;color:var(--muted);line-height:1.9}.detail-price{display:flex;flex-wrap:wrap;gap:8px 16px;margin:22px 0;align-items:center}.detail-price strong{font-size:2rem}.detail-price del{font-size:1rem;color:var(--muted)}.detail-price small{flex-basis:100%;font-size:.875rem;color:var(--muted)}.variant-options{padding:0;margin:0 0 20px;border:0;display:flex;gap:12px;flex-wrap:wrap}.variant-options legend{margin-bottom:12px;font-size:.9rem}.variant-options label{display:flex;gap:10px;align-items:center;padding:12px 16px;border:1px solid #3b4f5f;border-radius:12px;font-size:.9rem}.variant-options label:has(input:checked){border-color:var(--blue);background:#19372b}.product-quantity{display:flex;align-items:center;gap:20px;margin-bottom:20px;font-size:.9rem}.product-quantity input{width:90px;text-align:center}.detail-actions{display:flex;gap:12px;flex-wrap:wrap}.detail-actions>*{flex:1}.detail-actions button{font-size:.95rem}.detail-delivery{border-top:1px solid var(--line);padding-top:15px;margin-top:24px;color:var(--muted);font-size:.875rem}.detail-delivery p{margin:5px 0}.detail-delivery p:empty{display:none}.detail-delivery svg{width:18px;height:18px;color:var(--cyan)}.product-section-nav{display:flex;gap:24px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:28px;font-size:.9rem;color:var(--cyan)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.detail-section{margin:24px 0}.detail-grid .detail-section{margin:0}.spec-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 28px;margin:20px 0 0}.spec-list>div{padding:16px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:.93rem;gap:20px}.spec-list dt{color:var(--muted)}.spec-list dd{margin:0;font-weight:500}.detail-list{padding-inline-start:22px;line-height:2.2;color:var(--muted);font-size:.95rem}.privacy-copy{max-width:900px}.privacy-copy h2{font-size:1.5rem;margin:32px 0 12px}.privacy-copy h2:first-child{margin-top:0}.privacy-copy p{font-size:1rem;color:var(--muted)}
@media(min-width:1500px){.hero{min-height:470px}}
@media(max-width:1050px){.desktop-nav{gap:17px;font-size:.875rem}.favorite-link{display:none}.hero{padding:44px;gap:25px}.signal-card{width:215px;padding:24px}.signal-bars{height:70px}.operator-grid{gap:8px}.operator-tile strong{font-size:1.2rem}.category-tab{padding:18px 16px;grid-template-columns:30px 1fr}.category-tab small{font-size:.875rem}.dashboard-layout{grid-template-columns:180px 1fr;gap:20px}.checkout-layout{grid-template-columns:1.1fr .85fr}.checkout-summary{padding:22px}.cart-line{gap:12px}.cart-line>img,.cart-line-icon{width:58px;height:70px}.cart-line-end{font-size:.875rem}.bulk-layout{grid-template-columns:1.3fr .7fr}.bulk-form{padding:24px}.how-it-works{gap:28px}.product-grid{gap:16px}.product-body{padding:18px}}
@media(max-width:800px){.topbar{width:calc(100% - 32px);height:76px}.desktop-nav{display:none}.menu-toggle{display:flex}.mobile-menu:not([hidden]){display:grid;position:absolute;top:75px;left:0;right:0;background:#101e29;border:1px solid #3b4d5c;border-radius:0 0 18px 18px;padding:12px;box-shadow:var(--shadow)}.mobile-menu a{padding:12px 15px;border-radius:10px}.mobile-menu a:hover{background:#1b342e}.hero{width:calc(100% - 32px);margin-top:18px;grid-template-columns:1fr;padding:34px 30px;min-height:0;border-radius:22px}.hero h1{font-size:clamp(2.3rem,6.5vw,3.5rem)}.hero-text{font-size:1rem}.signal-card{display:none}.hero-actions{gap:20px}.hero .eyebrow{font-size:.875rem}.trust-strip{width:calc(100% - 56px)}.trust-strip span{font-size:.875rem;line-height:1.8;padding:14px 8px}.operator-section,.catalog,.how-it-works,.business-card,.faq-section,.store-info,.page-shell{width:calc(100% - 32px)}.operator-section,.catalog,.how-it-works,.business-card,.faq-section,.store-info{margin-top:54px}.operator-heading h2{font-size:1.5rem}.operator-grid{grid-template-columns:repeat(4,1fr);gap:10px}.operator-tile{min-height:88px;border-radius:12px}.operator-tile strong{font-size:1.25rem}.operator-tile span{font-size:.875rem}.section-heading{flex-direction:column;align-items:stretch;gap:18px}.section-heading h2{font-size:1.85rem}.search-box{width:100%}.category-tabs{gap:9px;margin:22px 0}.category-tab{display:flex;flex-direction:column;align-items:start;gap:5px;min-height:100px;padding:14px 12px}.category-tab>span{display:none}.category-tab strong{font-size:.875rem;line-height:1.8}.category-tab small{font-size:.875rem;line-height:1.7}.filter-toggle{display:inline-flex;min-height:44px;padding:8px 13px;font-size:.875rem;gap:7px}.catalog-tools{gap:12px;flex-wrap:wrap;margin-bottom:14px}.catalog-tools>[role=status]{font-size:.875rem;order:3;flex-basis:100%;margin-bottom:0}.sort-label{font-size:0;gap:0}.sort-label select{font-size:.875rem;max-width:185px}.filter-panel{display:none;padding:16px}.filter-panel.expanded{display:block}.filter-group{gap:7px}.filter{font-size:.875rem;min-height:40px;padding:7px 12px}.advanced-filters{gap:12px}.advanced-filters label{font-size:.875rem}.advanced-filters select,.advanced-filters input{font-size:.875rem;padding:8px;min-height:44px}.active-filters{gap:6px;margin:12px 0}.filter-chip{font-size:.875rem}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product-body h3{font-size:1.05rem}.product-footer{gap:8px;flex-wrap:wrap}.price strong{font-size:1.15rem}.how-it-works{grid-template-columns:1fr;gap:28px;padding-top:32px}.how-it-works h2{max-width:none;font-size:1.65rem}.how-it-works ol{gap:16px}.how-it-works li span{font-size:.9rem}.business-card{padding:28px;flex-direction:column;align-items:start;gap:20px}.business-card h2{font-size:1.8rem}.business-card p{margin:10px 0;font-size:.95rem}.faq-list summary{font-size:.95rem;padding:18px}.faq-list p{padding:0 18px 20px;font-size:.9rem}.store-info{gap:16px}.store-info article{padding:25px}.store-info h2{font-size:1.5rem}.store-info p{font-size:.9rem}.auth-layout{grid-template-columns:1fr;gap:24px}.auth-benefits{display:none}.auth-card{max-width:640px;margin:auto;padding:28px}.page-intro{margin:20px 0 28px}.page-intro h1{font-size:2.5rem}.page-intro>p:last-child{font-size:.98rem}.dashboard-layout{grid-template-columns:1fr}.account-nav{position:static;display:flex;overflow-x:auto;gap:8px;padding:8px;max-width:100%;scrollbar-width:thin}.account-nav a{white-space:nowrap;flex-shrink:0;font-size:.875rem}.account-stats{gap:12px;margin-bottom:20px}.account-stats article{padding:20px}.account-stats strong{font-size:2rem}.account-stats article>span{font-size:.875rem}.account-stats a{font-size:.875rem}.account-welcome h1{font-size:2rem}.account-welcome{align-items:start}.account-welcome .secondary-action{font-size:.875rem;padding:9px 13px}.customer-contact{flex-direction:column;gap:3px;font-size:.875rem}.dashboard-card{padding:24px}.panel-heading{gap:14px;flex-wrap:wrap}.bulk-layout{grid-template-columns:1fr}.bulk-notes{grid-template-columns:repeat(3,1fr);gap:10px}.bulk-notes article{padding:18px}.bulk-notes strong{font-size:.9rem}.bulk-notes p{font-size:.875rem}.checkout-layout{grid-template-columns:1fr}.checkout-summary{position:static}.checkout-summary h2{font-size:1.5rem}.product-detail{gap:26px}.detail-content h1{font-size:1.7rem}.detail-actions>*{flex-basis:100%}.detail-price strong{font-size:1.6rem}.spec-list{grid-template-columns:1fr}.detail-section{padding:24px}.detail-grid{gap:16px}.product-section-nav{gap:20px;font-size:.875rem}.detail-delivery{font-size:.875rem}
footer,footer.subpage-footer{width:calc(100% - 32px);margin-top:56px;padding-bottom:90px}.footer-main{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px}.footer-main>p{font-size:.875rem}.footer-links{margin:15px 0;gap:12px 20px;font-size:.875rem;flex-basis:100%}.footer-bottom{flex-wrap:wrap;font-size:.875rem;gap:8px 18px}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;z-index:25;display:grid;grid-template-columns:repeat(4,1fr);background:#0b1620f5;backdrop-filter:blur(16px);border-top:1px solid #2b404e;padding:10px 8px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px #0002}.mobile-bottom a{display:flex;flex-direction:column;align-items:center;gap:4px;color:#9baebe;font-size:.875rem;min-height:45px}.mobile-bottom a[aria-current]{color:var(--cyan)}.mobile-bottom svg{width:21px;height:21px}.mobile-bottom b{font-weight:500;color:var(--cyan);margin-inline-start:3px}.toast{bottom:calc(92px + env(safe-area-inset-bottom));font-size:.875rem}.cart-dialog{padding:22px}.drawer-foot{padding-bottom:env(safe-area-inset-bottom)}
}
@media(max-width:480px){.brand-mark{width:37px;height:39px;border-radius:12px;font-size:1.25rem}.brand strong{font-size:1.12rem}.brand small{font-size:.875rem}.brand{gap:7px}.header-actions{gap:5px}.header-link{padding:8px}.account-link span{display:none}.cart-button{padding:8px;gap:6px}.cart-count{width:21px;height:21px}.menu-toggle{min-width:40px;min-height:42px;padding:8px}.hero{padding:28px 23px}.hero h1{font-size:2.2rem}.hero-text{font-size:.94rem}.hero-actions{gap:16px}.hero-actions>.primary-action{padding:11px 19px}.hero-actions>.text-link{font-size:.875rem}.trust-strip{width:calc(100% - 48px)}.trust-strip span{font-size:.875rem}.operator-grid{grid-template-columns:repeat(4,1fr);gap:8px}.operator-tile{min-height:82px}.operator-tile strong{font-size:1.05rem}.operator-tile span{font-size:.875rem}.category-tab{padding:11px 9px}.category-tab strong{font-size:.875rem}.category-tab small{font-size:.875rem}.product-grid{grid-template-columns:1fr}.product-body{padding:22px}.product-body h3{font-size:1.2rem}.product-image-wrap{aspect-ratio:1.45}.price strong{font-size:1.4rem}.advanced-filters{grid-template-columns:1fr 1fr}.advanced-filters>label:first-child{grid-column:1/-1}.empty-state{padding:36px 20px}.empty-state h3{font-size:1.18rem}.empty-state p{font-size:.9rem}.how-it-works ol{gap:20px;grid-template-columns:1fr}.how-it-works li{flex-direction:row;align-items:center;gap:16px}.how-it-works li strong{flex-shrink:0;width:40px;height:40px;font-size:.9rem}.how-it-works li span{font-size:.96rem}.business-card{padding:25px}.business-card .primary-action{width:100%}.store-info{grid-template-columns:1fr}.store-info h2{font-size:1.7rem}.page-shell{margin-top:20px}.breadcrumbs{margin-bottom:22px;font-size:.875rem}.page-intro h1{font-size:2.2rem}.page-intro p{font-size:.94rem}.auth-card{padding:23px}.auth-card h2{font-size:1.5rem}.form-grid{grid-template-columns:1fr;gap:18px}.account-form>button{width:100%}.account-stats{gap:8px}.account-stats article{padding:16px 12px;border-radius:15px}.account-stats strong{font-size:1.8rem}.account-stats article>span{font-size:.875rem}.account-stats a{font-size:.875rem;line-height:1.9}.account-welcome{flex-direction:column;gap:16px;padding:15px 0 25px}.account-welcome .secondary-action{align-self:start}.dashboard-card{padding:20px}.dashboard-card h2{font-size:1.35rem}.dashboard-content .product-grid{grid-template-columns:1fr}.order-record summary{flex-wrap:wrap;gap:12px;padding:15px}.order-record summary>span:first-child{flex-basis:100%}.order-record-body{padding:0 15px 20px}.order-item-row{font-size:.875rem}.status-pill{font-size:.875rem}.address-card{flex-wrap:wrap;padding:16px}.coupon-card{padding:16px}.notification-row{flex-direction:column;gap:5px}.bulk-form{padding:22px}.checkbox-grid{grid-template-columns:1fr}.bulk-notes{grid-template-columns:1fr}.bulk-notes article{padding:20px}.bulk-notes strong{font-size:1rem}.bulk-notes p{font-size:.9rem}.cart-line{flex-wrap:wrap;gap:14px}.cart-line>img,.cart-line-icon{width:62px;height:76px}.cart-line-end{flex-basis:100%;flex-direction:row;align-items:center;justify-content:space-between;padding-inline-start:76px}.cart-line-info h3{font-size:1rem}.variant-label{flex-direction:column;align-items:start;gap:4px}.variant-label select{min-height:40px;width:100%}.quantity-control button{min-height:42px}.product-detail{grid-template-columns:1fr;gap:24px}.detail-media{max-height:360px;aspect-ratio:1.1}.detail-content h1{font-size:2rem}.detail-grid{grid-template-columns:1fr}.detail-actions>.secondary-action{flex-basis:auto}.detail-actions>.primary-action{flex-basis:auto}.detail-price strong{font-size:2rem}.spec-list>div{font-size:.88rem}.product-section-nav{gap:14px;font-size:.875rem}.footer-main>p{flex-basis:100%}.footer-bottom>span:nth-child(2){flex-basis:100%;order:3}.confirm-dialog{padding:24px}.confirm-dialog h2{font-size:1.4rem}

}
/* New brand mark supplied by the store owner. */
.brand-mark{background:transparent!important;overflow:visible!important;border-radius:0!important}
.brand-mark img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 12px #25e7bd33)}
.brand strong{letter-spacing:-.03em}
.brand small{font-size:.78rem;white-space:nowrap}
.topbar .brand-mark{width:50px;height:50px}
@media(max-width:480px){.topbar .brand-mark{width:42px;height:42px}.brand small{font-size:.68rem;margin-top:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.product-card:hover,.operator-tile:hover{transform:none}}
.router-offer-card .product-image-wrap{aspect-ratio:1.25;background:#07131c}.router-offer-card .product-media img{object-fit:cover;object-position:center 22%}.router-start-price{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:3px 10px;margin:18px 0;padding:16px;border:1px solid #1d7281;border-radius:14px;background:linear-gradient(135deg,#0b2731,#0f1f2d)}.router-start-price span,.router-start-price small{color:var(--muted);font-size:.875rem}.router-start-price strong{grid-row:1/3;grid-column:2;font-size:1.55rem;color:#6de5e4;text-align:end}.router-offer-media{aspect-ratio:auto;max-height:none;background:#07131c}.router-offer-media img{object-fit:contain}.router-price-note{color:var(--muted);font-size:.9rem;margin:18px 0 10px}.router-plans{display:grid;gap:12px}.router-plan{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center;border:1px solid #295262;border-radius:16px;padding:16px;background:linear-gradient(135deg,#10232e,#0d1a24)}.router-plan span{font-size:.8rem;color:#65d5d2}.router-plan h3{margin:3px 0 0;font-size:1.05rem}.router-plan>strong{font-size:1.35rem;color:#fff}.router-plan .primary-action{grid-column:1/-1;min-height:44px;padding:9px 14px;text-align:center}.router-offer-detail .detail-actions{margin-top:16px}.router-offer-detail .detail-actions>*{flex:0 1 auto}@media(max-width:480px){.router-offer-card .product-image-wrap{aspect-ratio:1.35}.router-offer-media{max-height:620px;aspect-ratio:auto}.router-plan{padding:14px}.router-plan>strong{font-size:1.18rem}}
.offer-product-media{position:relative;display:block;aspect-ratio:1.69;overflow:hidden;background:#07131c}.offer-product-media img,.offer-detail-media img{width:100%;height:100%;display:block}.offer-product-media img{object-fit:cover}.offer-product-media .operator-badge{inset:auto 14px 14px auto}.offer-crop-mobily-top img{object-fit:cover;object-position:center 36%}.offer-crop-mobily-bottom img{object-fit:cover;object-position:center 73.3%}.offer-product-media.offer-crop-poster img{object-position:center 39%}.offer-detail-media{overflow:hidden;background:#07131c}.offer-detail-media.offer-crop-mobily-top,.offer-detail-media.offer-crop-mobily-bottom{aspect-ratio:1.69;max-height:none}.offer-detail-media.offer-crop-poster{aspect-ratio:.62;max-height:780px}.offer-detail-media.offer-crop-poster img{object-fit:contain}.offer-card .offer-product-media+.product-body{border-top:1px solid var(--line)}@media(max-width:480px){.offer-detail-media.offer-crop-poster{max-height:620px}.offer-product-media{aspect-ratio:1.69}}

/* refinements.css */

/* Final refinement: quiet midnight surfaces, clear Arabic type, useful navigation. */
:root{--ink:#f4f8fb;--ink-soft:#d3dee5;--muted:#a5b7c3;--line:#21343d;--surface:#101e28;--surface-2:#0c1821;--radius:18px;color-scheme:dark}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:radial-gradient(ellipse at 90% 0%,#133b3426,transparent 35%),var(--paper)}
h1,h2,h3{text-wrap:balance;font-weight:600}
p{text-wrap:pretty}
h1{font-weight:600}h2{font-size:clamp(1.65rem,2.6vw,2.35rem)}h3{font-weight:600}
button,input,select,textarea{font-feature-settings:"tnum"}input,select,textarea{background:#0a151e;border-color:#354852;transition:border-color .18s,box-shadow .18s}
input:hover,select:hover,textarea:hover{border-color:#54706f}
input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #38d6ac12}
:disabled{user-select:none}
.eyebrow{font-weight:500;color:var(--cyan);font-size:.875rem}
.primary-action,.add-button{border-radius:11px;min-height:50px;font-weight:600;box-shadow:0 4px 16px #38d6ac0a}
.secondary-action,.detail-button{border-color:#36504e;background:#13262b;border-radius:11px;min-height:48px}
.primary-action:active,.secondary-action:active,.add-button:active,.icon-button:active{transform:scale(.98)}
.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.topbar{height:88px;gap:28px;width:min(1240px,calc(100% - 64px));background:#071019ed;border-bottom-color:#23383d;isolation:isolate}
.brand-mark{border-radius:14px;background:transparent;width:46px;height:46px;box-shadow:0 8px 24px #16bca124;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
.brand:hover .brand-mark{transform:translateY(-1px);box-shadow:0 11px 28px #16bca138}
.brand-wordmark{direction:ltr;text-align:left}
.brand strong{font-family:system-ui,sans-serif;letter-spacing:-.045em;font-size:1.42rem;font-weight:750}
.brand small{font-family:system-ui,sans-serif;font-size:.64rem;letter-spacing:.22em;line-height:1.2;color:var(--blue)}
.desktop-nav{gap:26px;margin-inline:auto;font-size:.9375rem;font-weight:500}
.desktop-nav a{position:relative;padding-block:29px;color:#bbcbd2;white-space:nowrap}
.desktop-nav a[aria-current="page"]{color:var(--cyan)}
.desktop-nav a[aria-current="page"]:after{content:"";position:absolute;bottom:18px;inset-inline:calc(50% - 10px);height:2px;border-radius:2px;background:var(--blue)}
.header-link{gap:8px;min-height:44px;padding:10px 12px;font-size:.875rem}
.header-link:hover{background:#172d30}
.cart-button{min-height:44px;background:#112722;border-color:#2a5146;border-radius:12px;padding:8px 12px}
.cart-count{background:var(--blue);border-radius:6px;font-weight:600}
.hero{width:min(1240px,calc(100% - 64px));grid-template-columns:1.35fr 1fr;padding:52px clamp(30px,4.5vw,62px);gap:50px;min-height:432px;border-radius:24px;margin-top:28px;background:radial-gradient(ellipse at 0% 0%,#174e422f,transparent 70%),linear-gradient(115deg,#102824,#0c1b23 62%);border-color:#28443f}
.hero .eyebrow{margin:0 0 19px;color:#9bddc8;line-height:1.8}
.hero h1{font-weight:600;font-size:clamp(2.65rem,4.45vw,4rem);line-height:1.38}
.hero h1 span{color:#79ebc9}
.hero-text{font-size:1.0625rem;line-height:1.95;color:#c1d0d7;margin:20px 0 28px;max-width:540px}
.hero-actions{gap:22px}.hero-actions .primary-action{padding-inline:25px}
.hero-guide{align-self:center;padding:20px 24px 0;border:1px solid #39665b7a;border-radius:20px;background:#0a1c1ed6;box-shadow:0 24px 50px #0002}
.guide-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2a4d43;padding-bottom:16px}
.guide-heading .eyebrow{margin:0;color:#dbefe8;font-size:.9375rem}
.signal-mini{display:flex;align-items:end;gap:4px;height:22px;direction:ltr}
.signal-mini i{width:4px;background:var(--blue);border-radius:2px}
.signal-mini i:nth-child(1){height:7px;opacity:.45}.signal-mini i:nth-child(2){height:12px;opacity:.65}.signal-mini i:nth-child(3){height:17px;opacity:.8}.signal-mini i:nth-child(4){height:22px}
.hero-guide>a{display:flex;gap:14px;align-items:center;padding:20px 0;border-bottom:1px solid #264039;color:var(--ink)}
.hero-guide>a:hover{color:var(--cyan)}.hero-guide>a:hover .guide-arrow{transform:translateX(-4px);color:var(--cyan)}
.guide-icon{display:grid;place-items:center;background:#163930;color:#8ee5c9;width:42px;height:46px;border:1px solid #2e5045;border-radius:11px;flex-shrink:0}
.hero-guide a>span:nth-child(2){display:grid;gap:3px;flex:1}
.hero-guide strong{font-size:1rem;font-weight:500}.hero-guide small{color:#9fb8b5;font-size:.875rem;line-height:1.7}
.guide-arrow{color:#6b9a8e;transition:transform .2s,color .2s}.guide-arrow svg{width:18px}
.guide-foot{font-size:.875rem;color:#98b4ac;margin:14px 0;text-align:center}
.trust-strip{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;width:min(1180px,calc(100% - 64px));margin:0 auto;padding:9px 0}
.trust-strip span{display:flex;align-items:center;justify-content:center;gap:12px;color:#b4c8ce;font-size:.875rem;padding:17px 12px;line-height:1.7}
.trust-strip span+span{border:0}.trust-strip i{color:#71bca6;display:flex}.trust-strip svg{width:21px;height:21px}
.operator-section,.catalog,.how-it-works,.business-card,.faq-section,.store-info{margin-top:72px}
.operator-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 16px;text-align:start;margin-bottom:24px}
.operator-heading .eyebrow{flex-basis:100%;margin:0 0 7px}
.operator-heading h2{font-size:1.8rem}.operator-heading>p:last-child{margin:0;margin-inline-start:auto;max-width:360px;line-height:1.8}
.operator-grid{gap:12px}
.operator-tile{position:relative;overflow:hidden}
.operator-tile .operator-logo{display:flex;align-items:center;justify-content:center;width:100%;height:62px;padding:7px 14px;background:transparent;border:0}
.operator-tile .operator-logo img{display:block;width:100%;height:100%;max-width:112px;object-fit:contain;background:transparent}
.brand-stc{filter:brightness(0) invert(1)}
.operator-logo .brand-stc{transform:scale(1.12)}
.operator-tile .operator-name{display:block;font-size:.875rem;font-weight:500;color:#c1d0d8;line-height:1.7;text-align:center;min-height:24px}
.operator-tile:has(.operator-logo){min-height:135px;padding:12px 8px 15px;gap:7px}
.operator-tile:has(.operator-logo).selected{box-shadow:inset 0 -3px 0 var(--blue)}
.operator-tile:has(.operator-logo).selected .operator-name{color:var(--cyan)}
.operator-tile:has(.operator-logo):focus-visible{outline-offset:4px}
.operator-badge.with-logo{display:flex;align-items:center;gap:7px;padding:6px 10px}
.operator-badge.with-logo img{width:42px;height:22px;object-fit:contain;background:transparent}
.product-no-image .product-operator-logo{max-width:148px;max-height:80px;width:55%;height:80px;object-fit:contain;opacity:1}
.detail-media .product-no-image .product-operator-logo{max-width:190px;max-height:100px;height:100px}
.operator-tile{min-height:102px;background:#0d1a24;border-color:#23383f;border-radius:14px;gap:10px;transition:background .2s,border-color .2s,transform .2s}
.operator-tile:hover{transform:translateY(-3px);background:#112925}.operator-tile.selected{background:#133128;border-color:#4dba97}
.operator-tile strong{font-size:1.5rem}.operator-tile span{font-size:.875rem}
.catalog{padding-top:6px}
.section-heading .eyebrow{margin-top:0}
.search-box{position:relative;display:block;max-width:100%;width:370px}
.search-box input{background:#0f2029;border-color:#304b52;border-radius:13px;padding-inline-start:49px;padding-inline-end:15px;height:54px;min-height:54px;font-size:1rem}
.search-icon{position:absolute;inset-inline-start:17px;top:50%;transform:translateY(-50%);color:#91b4b3;pointer-events:none;display:flex}
.category-tabs{gap:12px;margin:24px 0 26px}
.category-tab{border-radius:14px;grid-template-columns:46px 1fr;min-height:99px;background:#0d1b24;box-shadow:none;padding:20px;column-gap:15px}
.category-tab>span{width:46px;height:48px;border-radius:12px;display:grid;place-items:center;background:#1a2c34;color:#a7c1c2}
.category-tab strong{font-weight:500}.category-tab small{font-size:.875rem}
.category-tab.active{background:#102b25;border-color:#388f71;box-shadow:inset 0 -2px #38d6ac}
.category-tab.active>span{background:#1c493a;color:#8beccc}
.filter-toggle{display:inline-flex;min-height:46px;background:#10242a;border-color:#36504f}
.filter-toggle[aria-expanded=true]{background:#193c30;border-color:#4b9f83;color:var(--cyan)}
.catalog-tools{gap:18px;margin:18px 0}.catalog-tools>[role=status]{margin-inline-end:auto}.sort-label{color:var(--muted);font-size:.875rem}
.sort-label select{background:#0d1b25;border-color:#2b414b}
.filter-panel{display:block;background:#0d1b24;border-color:#2a454b;border-radius:16px;padding:24px;margin-top:20px}
.filter-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px}
.filter-heading>strong{font-size:1rem;font-weight:500}
.filter{border-radius:8px;background:#14272f;border-color:#2b424b;min-height:44px}
.advanced-filters{gap:18px}.advanced-filters select,.advanced-filters input{font-size:1rem;min-height:48px}
.active-filters:empty{display:none}.active-filters{margin:18px 0}.filter-chip{background:#102e26;border-color:#2b5e4e;line-height:1.6;font-size:.875rem}
.catalog-results{scroll-margin-top:110px;outline:none}
.empty-state{border:1px solid #263e46;background:linear-gradient(125deg,#101f29,#0b1922);padding:54px 26px;border-radius:18px}
.empty-state-icon{width:64px;height:64px;border:1px solid #2e4b4b;border-radius:20px;background:#183431;color:#8ad6bf}
.empty-state h3{font-weight:500;font-size:1.3rem}.empty-state p{font-size:1rem;line-height:1.9;margin-top:9px}
.catalog-skeleton{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;position:relative}
.skeleton-card{border:1px solid #243941;border-radius:18px;overflow:hidden;padding-bottom:22px;background:#0e1c25}
.skeleton-card i{display:block;background:#1c2f39;border-radius:6px;height:13px;margin:18px 22px 0;animation:breathe 1.6s ease-in-out infinite}
.skeleton-card i:first-child{height:172px;margin:0 0 24px;border-radius:0;background:#152832}.skeleton-card i:nth-child(3){width:48%}.skeleton-card i:last-child{height:44px;margin-top:28px;background:#203b3a}
@keyframes breathe{50%{opacity:.45}}
.product-card{border-radius:18px;background:#0f1e27;border-color:#2a3e45;box-shadow:0 4px 18px #0000000d}
.product-card:hover{box-shadow:0 14px 36px #0002;transform:translateY(-3px);border-color:#397963}
.product-image-wrap{background:#132731;border-bottom:1px solid #243b40;aspect-ratio:1.35}
.product-media img{padding:14px}.product-body{padding:24px}.product-body h3{font-weight:500;line-height:1.7;margin:14px 0 9px}
.product-highlights{color:#c9d9df;gap:7px}.product-tags span{border-color:#2c4850;background:#132830;border-radius:6px}
.product-footer{padding-top:25px}.price strong{font-size:1.45rem;color:#f0faf6;font-weight:600}
.product-card .add-button{min-height:48px}.price del{color:#94a9b4}
.fulfillment,.delivery-caption{font-size:.875rem;line-height:1.75}
.how-it-works{grid-template-columns:.9fr 1.4fr;gap:52px;padding-top:48px}
.how-it-works h2{font-weight:500;font-size:1.85rem;line-height:1.5}
.how-it-works ol{gap:26px}.how-it-works li{border-inline-start:1px solid #2c4746;padding-inline-start:22px;gap:15px}
.how-it-works li strong{width:auto;height:auto;display:block;color:#71c1a7;background:none;border:0;border-radius:0;font-family:system-ui,sans-serif;font-weight:500;font-size:1.5rem}
.how-it-works li span{font-size:1rem;line-height:1.9}.how-it-works li span b{font-size:.9rem}
.business-card{padding:44px 46px;border-radius:20px;background:linear-gradient(110deg,#173e32,#0e2924);border-color:#39725b;position:relative}
.business-card h2{font-weight:500;font-size:2.15rem}.business-card p{max-width:570px;margin-bottom:0;line-height:1.9}
.faq-section{max-width:1180px;display:grid;grid-template-columns:.8fr 1.5fr;gap:60px;align-items:start}
.faq-section>.section-heading{padding-top:14px}
.faq-list{margin:0;gap:0;border-top:1px solid #2a4449}
.faq-list details{background:none;border:0;border-bottom:1px solid #2a4449;border-radius:0}
.faq-list summary{padding:22px 2px;font-weight:500;font-size:1rem;align-items:center}
.faq-list summary:after{border:1px solid #31564c;border-radius:50%;height:28px;width:28px;line-height:25px;text-align:center;flex-shrink:0;font-size:1.2rem}
.faq-list details[open] summary{color:var(--cyan)}.faq-list p{padding:0 2px 24px;padding-inline-end:34px;font-size:1rem}
.store-info{gap:24px}.store-info article{border-radius:18px;padding:36px 38px;background:#0d1c25}
.store-info h2{font-size:1.9rem;font-weight:500}.store-info p{color:var(--muted);font-size:1rem}
footer,footer.subpage-footer{margin-top:80px;padding-top:34px}
.footer-support{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 0 30px;border-bottom:1px solid #20363f;margin-bottom:36px}
.footer-support h2{font-size:1.45rem;margin:0 0 4px;font-weight:500}.footer-support p{font-size:.9375rem;margin:0;color:var(--muted)}
.footer-support a{font-size:.9375rem;white-space:nowrap}
.footer-main{grid-template-columns:1.2fr 1fr 1fr;align-items:start;gap:48px}
.footer-brand-block p{font-size:.9375rem;max-width:270px;margin:16px 0 0}
.footer-links{grid-column:auto;display:grid;gap:9px;margin:0;font-size:.9375rem}
.footer-links>strong{font-weight:500;color:var(--ink);margin-bottom:5px}
.footer-links a{width:fit-content;min-height:30px}
.footer-bottom{margin-top:34px;font-size:.875rem;align-items:center}
.page-shell{margin-top:24px}.breadcrumbs{font-size:.875rem;margin-bottom:28px}
.page-intro{margin:24px 0 34px;max-width:760px}
.page-intro h1{font-size:clamp(2rem,3.4vw,3.15rem);font-weight:600;line-height:1.45}
.page-intro>p:last-child{font-size:1rem;line-height:1.9;margin-top:12px}
.page-intro br{display:none}
.page-intro h1 span:before{content:" "}
.dashboard-card,.detail-section{border-color:#2a3f47;background:#0e1d27;border-radius:18px;padding:28px}
.dashboard-card h2,.detail-section h2{font-weight:500}.panel-heading{margin-bottom:24px}
.dashboard-card .empty-state{background:#0b1720;border-color:#223b41;padding:40px 24px}
.dashboard-card .empty-state p{font-size:.9375rem}
.auth-layout{max-width:1060px;grid-template-columns:1.15fr .85fr;gap:64px}
.auth-card{padding:32px;border-color:#2b454c;background:linear-gradient(135deg,#10232b,#0f1d27);border-radius:20px}
.auth-tabs{background:#07141b;margin:24px 0;padding:5px;border-radius:12px}
.auth-tabs button{min-height:46px;font-size:.9375rem}
.auth-tabs button[aria-pressed=true]{background:#1b3c32;color:#a9f0d5;box-shadow:inset 0 0 0 1px #31604c}
.auth-benefits{padding-top:48px}.auth-benefits h2{font-weight:500;font-size:2rem;line-height:1.6}
.auth-benefits ul{margin:26px 0;gap:20px}.auth-benefits li{color:#bacdd4;font-size:1rem}
.auth-benefits li:before{background:none;color:var(--cyan);border:1px solid #3c6b59;border-radius:50%;width:25px;height:25px;display:inline-grid;place-items:center;font-size:.875rem}
.auth-legal,.account-help p,#password-hint{font-size:.875rem;color:var(--muted)}
.account-help{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.55rem 1rem}
.password-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.4rem}
.password-wrap button{min-height:44px;min-width:58px;color:var(--cyan)}
.official-source{display:flex;align-items:center;gap:.65rem;width:100%;padding:.8rem 1rem;border:1px solid color-mix(in srgb,var(--cyan) 48%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--cyan) 8%,var(--surface));color:var(--text);text-decoration:none;font-size:.9rem;line-height:1.45}
.official-source svg{width:20px;height:20px;flex:0 0 auto;color:var(--cyan)}
.official-source span{flex:1}.official-source b{color:var(--cyan);white-space:nowrap}.official-source span strong,.official-source span small{display:block}.official-source span small{margin-top:.2rem;color:var(--muted);font-weight:400}
.official-source:hover{border-color:var(--cyan);transform:translateY(-1px)}
@media(max-width:480px){.official-source{align-items:flex-start;flex-wrap:wrap}.official-source span{min-width:calc(100% - 32px)}.official-source b{margin-inline-start:32px}}
.account-welcome{padding:12px 0 26px}.account-welcome h1{font-weight:500;font-size:clamp(1.8rem,3.5vw,2.6rem);margin:0 0 10px}
.account-stats{gap:16px;margin-bottom:28px}
.account-stats article{padding:24px 26px;border-radius:16px;background:#0f1f29;position:relative}
.account-stats .mint-stat{background:linear-gradient(130deg,#163e31,#102a24);border-color:#357155}
.account-stats article>span{font-size:.9375rem}.account-stats strong{font-size:2.6rem;font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;font-weight:500;line-height:1.35;margin:10px 0}
.account-stats a{font-size:.875rem;display:flex;align-items:center;justify-content:space-between;color:#94cab8}
.dashboard-layout{grid-template-columns:230px minmax(0,1fr);gap:28px;align-items:start}
.account-nav{padding:10px;background:#0d1c25;border:1px solid #284049;border-radius:16px;gap:4px;top:108px}
.account-nav a{padding:13px 14px;display:flex;align-items:center;gap:12px;font-size:.9375rem;line-height:1.7;border-radius:10px;border:1px solid transparent}
.account-nav a svg{width:19px;height:19px;color:#88b3aa}
.account-nav a:hover{background:#152f2e}.account-nav a[aria-current="page"]{background:#193b30;border-color:#305e4b;color:#a7efd2}
.account-nav a:last-child{border-top:1px solid #2a4246;margin-top:8px;padding-top:17px;border-radius:0}
.dashboard-content{display:block;min-height:420px}.dashboard-content>.form-status{margin-bottom:20px}
.dashboard-content>.dashboard-card{scroll-margin-top:110px;outline:none;min-height:320px}
.account-form{gap:21px}.account-form input{min-height:50px}
.order-record{background:#10222b;border-color:#2b434a;border-radius:13px}
.order-record summary{min-height:86px}.order-record[open]{border-color:#437c66}
.order-record-body{border-top:1px solid #29434b;padding-top:20px}
.coupon-card,.address-card{background:#11242b;border-color:#2b4a4d;border-radius:13px}
.notification-row{padding-block:21px}
.checkout-layout{grid-template-columns:minmax(0,1.35fr) minmax(330px,.8fr);gap:28px}
.checkout-layout.is-empty{grid-template-columns:1fr}
.checkout-layout.is-empty .checkout-summary,.checkout-layout.is-empty .checkout-main>section:nth-child(2){display:none}
.checkout-layout.is-empty .checkout-main{max-width:880px;width:100%;margin-inline:auto}
.checkout-layout.is-empty .empty-state{padding-block:60px}
.checkout-summary{top:110px;border-color:#31544b;background:linear-gradient(145deg,#11252b,#0c1b24)}
.checkout-summary h2{font-size:1.4rem}.checkout-summary .coupon-form{padding:19px 0;border-color:#2b474a}
.checkout-summary .grand-total{padding-top:22px;font-size:1.25rem}.grand-total dd{font-size:1.45rem;white-space:nowrap}
.checkout-summary .payment-button{border-style:dashed;background:transparent;opacity:.65}
.points-checkout{padding-bottom:18px;border-bottom:1px solid #2a4248}
.cart-line{padding:24px 0;gap:18px}.cart-line:first-child{padding-top:0}
.cart-line-info h3{line-height:1.65}.quantity-control{border-radius:9px;width:120px;min-height:44px}
.quantity-control button{height:44px;min-width:40px;background:#142f34}
.cart-line-end>.text-button{font-size:.875rem}
.checkout-main .dashboard-card{padding:28px}
.checkout-steps{display:flex;gap:20px;align-items:center;margin:0 0 28px;padding:0;list-style:none;color:var(--muted);font-size:.875rem;flex-wrap:wrap}
.checkout-steps li{display:flex;align-items:center;gap:9px}
.checkout-steps b{display:grid;place-items:center;width:28px;height:28px;border:1px solid #3b5757;border-radius:50%;font-size:.875rem;font-weight:500}
.checkout-steps li:first-child{color:var(--cyan)}.checkout-steps li:first-child b{background:#15392e;border-color:#48876d}
.bulk-layout{grid-template-columns:minmax(0,1.45fr) minmax(250px,.65fr);gap:28px;align-items:start}
.bulk-form{background:#0e2029;border-color:#2c464c;border-radius:20px;padding:32px}
.bulk-form>fieldset{border-color:#2c474d;padding:22px;border-radius:14px;background:#0b1a22}
.bulk-form .field-section{border:0;border-radius:0;background:transparent;padding:0 0 24px;border-bottom:1px solid #29444b;margin:0}
.field-section legend{font-size:1.1rem;margin-bottom:20px;color:var(--ink)}
.field-section legend span{font-family:system-ui,sans-serif;color:var(--cyan);font-size:.875rem;margin-inline-end:10px}
.checkbox-grid label{padding:12px;background:#122932;border:1px solid #2b464d;border-radius:10px;min-height:48px}
.checkbox-grid label:has(input:checked){border-color:#4d9275;background:#193e31}
.consent-row{align-items:start!important;line-height:1.9!important;display:block!important}.consent-row input{vertical-align:middle;margin-inline-end:7px}
.bulk-notes{position:sticky;top:110px;gap:14px}
.bulk-notes article{border-radius:15px;background:#0c1d26;border-color:#28464b;padding:24px}
.bulk-notes strong{font-weight:500;font-size:1.05rem}.bulk-notes p{font-size:.9375rem;line-height:1.9}
.bulk-notes .note-icon{width:42px;height:44px;background:#16392f;color:#8edec1;border:1px solid #315b4b;border-radius:11px;display:grid;place-items:center;margin-bottom:17px}
.product-detail{gap:46px}.detail-media{border-color:#29474f;border-radius:20px;background:#112630}
.detail-media img{padding:24px}.detail-content h1{font-weight:600;line-height:1.5}
.detail-price{padding:18px 0;border-bottom:1px solid #2c454b;border-top:1px solid #2c454b}.detail-price strong{color:var(--cyan);font-weight:600;font-size:2.3rem}
.variant-options label{min-height:50px;background:#10252d}.detail-actions .primary-action{flex:2}
.product-section-nav{position:sticky;top:88px;background:#071019f2;backdrop-filter:blur(12px);padding:18px 0;z-index:5}
.product-section-nav a{min-height:28px;color:#b0cac8}.product-section-nav a:hover{color:var(--cyan)}
.detail-delivery{background:#112b29;border:1px solid #30584b;border-radius:13px;padding:16px 20px;line-height:1.9}
.detail-section{scroll-margin-top:165px}.privacy-copy{background:#0e1d27;border-color:#2d434b}
.cart-dialog{background:#0b1b24;padding:28px;border-color:#31524b}
.cart-dialog[open]{animation:drawer-in .22s ease-out}
@keyframes drawer-in{from{transform:translateX(-28px);opacity:.7}to{transform:none;opacity:1}}
.drawer-head{margin-bottom:20px}.mini-line b,.mini-total strong{white-space:nowrap}
.drawer-foot{position:sticky;bottom:-28px;background:#0b1b24;padding-bottom:20px}
.dialog-error{margin-top:16px}
@media(max-width:1050px){
  .topbar{gap:18px}.desktop-nav{gap:17px;font-size:.875rem}.header-link{padding:9px}.hero{gap:30px;padding:38px}.hero-guide{padding:18px 20px 0}.hero-guide>a{gap:10px;padding:18px 0}.hero-guide strong{font-size:.9375rem}.guide-icon{width:37px;height:43px}
  .category-tab{grid-template-columns:38px 1fr;padding:18px 15px;column-gap:12px}.category-tab>span{width:38px;height:42px}
  .faq-section{gap:35px;grid-template-columns:.8fr 1.4fr}.dashboard-layout{grid-template-columns:210px minmax(0,1fr);gap:22px}
  .checkout-layout{grid-template-columns:minmax(0,1.2fr) minmax(310px,.85fr);gap:20px}.checkout-main .dashboard-card{padding:22px}
  .bulk-form{padding:26px}.bulk-layout{grid-template-columns:minmax(0,1.4fr) minmax(220px,.7fr)}
}
.home-offers{position:relative;width:min(1240px,calc(100% - 64px));margin:28px auto 0;direction:ltr;touch-action:pan-y}.home-offers-viewport{overflow:hidden;border:1px solid #28443f;border-radius:22px;background:#07131c;box-shadow:0 18px 45px #0003}.home-offers-track{display:flex;transition:transform .55s ease}.home-offer-slide{position:relative;display:block;min-width:100%;aspect-ratio:16/5.5;background:#07131c}.home-offer-slide img{display:block;width:100%;height:100%;object-fit:contain}.home-offer-slide span{position:absolute;inset:auto 22px 20px 22px;width:max-content;max-width:calc(100% - 44px);padding:10px 15px;border:1px solid #ffffff24;border-radius:10px;background:#071019d9;color:#fff;font-weight:600;direction:rtl;backdrop-filter:blur(8px)}.home-offers-dots{position:absolute;inset:auto 0 11px;display:flex;justify-content:center;gap:7px;pointer-events:none}.home-offers-dots button{pointer-events:auto;width:8px;height:8px;min-width:8px;padding:0;border:0;border-radius:50%;background:#ffffff70;box-shadow:0 0 0 2px #07101970}.home-offers-dots button[aria-current=true]{width:24px;border-radius:999px;background:var(--cyan)}.home-offers-arrow{position:absolute;z-index:2;top:50%;translate:0 -50%;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #ffffff38;border-radius:50%;background:#071019c9;color:#fff;font:600 2rem/1 system-ui;box-shadow:0 8px 24px #0005;backdrop-filter:blur(8px);cursor:pointer}.home-offers-arrow:hover,.home-offers-arrow:focus-visible{border-color:var(--cyan);background:#0d2827}.home-offers-prev{left:16px}.home-offers-next{right:16px}
.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.82rem}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}.google-action{display:flex;align-items:center;justify-content:center;gap:11px;min-height:50px;padding:10px 16px;border:1px solid #36504e;border-radius:11px;background:#fff;color:#14212b;font-weight:600}.google-action:hover{background:#f4f7f8}.google-action svg{width:22px;height:22px;flex:0 0 22px}
@media(max-width:680px){.home-offers{width:calc(100% - 32px);margin-top:16px}.home-offers-viewport{border-radius:16px}.home-offer-slide{aspect-ratio:16/7}.home-offer-slide span{inset:auto 12px 12px 12px;max-width:calc(100% - 24px);padding:7px 11px;font-size:.85rem}.home-offers-dots{bottom:7px}.home-offers-arrow{width:34px;height:34px;font-size:1.55rem}.home-offers-prev{left:8px}.home-offers-next{right:8px}}
.home-offer-row{grid-template-columns:180px 1fr auto;align-items:center}.home-offer-row>img{width:180px;aspect-ratio:16/5.5;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#07131c}.home-offer-preview{padding:10px;border:1px solid var(--line);border-radius:12px;background:#07131c}.home-offer-preview img{display:block;width:100%;max-height:260px;object-fit:contain;border-radius:8px}@media(max-width:700px){.home-offer-row{grid-template-columns:1fr}.home-offer-row>img{width:100%;height:auto}.home-offer-row .admin-controls{width:100%}}
@media(max-width:800px){
  html{scroll-padding-top:94px}.topbar{height:74px;width:calc(100% - 32px);gap:16px}.brand-mark{width:40px;height:40px;border-radius:12px}.brand strong{font-size:1.22rem}.brand small{font-size:.57rem}.header-link{min-width:44px;justify-content:center}.mobile-menu:not([hidden]){top:73px;padding:14px;gap:3px}.mobile-menu a{min-height:46px;font-size:1rem}
  .hero{width:calc(100% - 32px);margin-top:18px;grid-template-columns:1fr;padding:34px 28px;gap:28px;border-radius:20px}
  .hero h1{font-size:clamp(2.25rem,6.8vw,3.4rem);line-height:1.4}.hero-text{font-size:1rem;margin:16px 0 24px;max-width:560px}
  .hero-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:0;box-shadow:none;padding:0;background:none}
  .guide-heading,.guide-foot{display:none}.hero-guide>a{display:flex;flex-direction:column;align-items:start;justify-content:start;padding:16px 12px;background:#112e28;border:1px solid #30564a;border-radius:12px;gap:12px}
  .hero-guide strong{font-size:.875rem;line-height:1.8;font-weight:500}.hero-guide small,.guide-arrow{display:none}.guide-icon{background:none;border:0;width:auto;height:24px;padding:0}.guide-icon svg{width:24px;height:24px}
  .trust-strip{width:calc(100% - 32px);grid-template-columns:1fr;padding:12px 0;gap:0}
  .trust-strip span{padding:7px 10px;justify-content:start;font-size:.9375rem;gap:14px}.trust-strip span+span{border:0}.trust-strip svg{width:20px;height:20px}
  .operator-section,.catalog,.how-it-works,.business-card,.faq-section,.store-info{margin-top:48px}
  .operator-heading{gap:5px;margin-bottom:20px}.operator-heading .eyebrow{margin:0}.operator-heading h2{font-size:1.6rem}.operator-heading>p:last-child{flex-basis:100%;margin:0;max-width:none;font-size:.9375rem}
  .operator-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.operator-tile{min-height:89px;gap:9px}.operator-tile strong{font-size:1.25rem}
  .operator-tile:has(.operator-logo){min-height:124px;padding:10px 7px 12px;gap:8px}.operator-tile .operator-logo{height:53px;padding:6px 4px}.operator-tile .operator-name{font-size:.875rem;line-height:1.6;min-height:23px}
  .search-box{width:100%}.category-tabs{gap:10px;margin-block:22px}.category-tab{padding:16px 12px;gap:10px;min-height:112px;align-items:start}
  .category-tab>span{display:grid;width:34px;height:36px;border-radius:9px;align-self:start}.category-tab>span svg{width:21px;height:21px}
  .category-tab strong{font-size:.9375rem}.category-tab small{display:none}.category-tab.active{box-shadow:inset 0 -2px #38d6ac}
  .catalog-tools{gap:12px}.catalog-tools>[role=status]{margin-inline:0}.sort-label select{max-width:175px;min-height:46px}
  .filter-toggle{padding:9px 12px;min-height:46px;font-size:.875rem}.filter-toggle svg{width:18px;height:18px}
  .filter-panel{display:block;padding:20px;margin-top:14px}.advanced-filters{gap:12px}
  .empty-state{padding:38px 22px}.empty-state p{font-size:1rem}.catalog-skeleton{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.skeleton-card:last-child{display:none}
  .product-body{padding:20px}.product-highlights{font-size:.9375rem}
  .how-it-works{grid-template-columns:1fr;gap:24px;padding-top:32px}.how-it-works ol{gap:20px}.how-it-works li{padding-inline-start:16px}
  .business-card{padding:30px;gap:24px}.business-card h2{font-size:1.85rem}.business-card p{font-size:1rem}
  .faq-section{display:block}.faq-section>.section-heading{padding:0;margin-bottom:24px}.faq-list summary{padding:22px 0}.faq-list p{font-size:1rem}
  .store-info article{padding:28px}.store-info h2{font-size:1.7rem}
  .page-intro{margin:20px 0 28px}.page-intro h1{font-size:clamp(1.9rem,5.5vw,2.6rem)}.page-intro>p:last-child{font-size:1rem}
  .auth-layout{grid-template-columns:1fr;gap:0}.auth-card{padding:28px}.auth-benefits{display:none}
  .account-welcome{padding-top:8px}.account-stats{gap:12px;margin-bottom:24px}.account-stats article{padding:21px 18px}.account-stats strong{font-size:2.2rem}
  .dashboard-layout{grid-template-columns:1fr;gap:20px}.account-nav{display:flex;position:sticky;top:74px;z-index:8;overflow-x:auto;overscroll-behavior-inline:contain;padding:8px;gap:6px;border-radius:13px;background:#0d1e26f5;backdrop-filter:blur(12px)}
  .account-nav a{font-size:.875rem;padding:10px 12px;min-height:44px;gap:8px;white-space:nowrap;flex-shrink:0}
  .account-nav a svg{width:17px;height:17px}.account-nav a:last-child{border-top:0;border-inline-start:1px solid #314a4c;margin:0;padding:10px 14px}
  .dashboard-content>.dashboard-card{scroll-margin-top:154px;min-height:300px}.dashboard-card{padding:24px}
  .checkout-layout{grid-template-columns:1fr;gap:24px}.checkout-summary{position:static;padding:26px}.checkout-main .dashboard-card{padding:24px}
  .checkout-steps{gap:12px 20px;font-size:.875rem}
  .bulk-layout{grid-template-columns:1fr;gap:22px}.bulk-notes{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}.bulk-notes article{padding:20px}.bulk-notes strong{font-size:1rem}
  .product-section-nav{top:74px;gap:20px;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap}.product-section-nav a{min-height:32px}
  .detail-price strong{font-size:2rem}.detail-actions>*{flex-basis:auto}.detail-media img{padding:16px}
  footer,footer.subpage-footer{margin-top:56px;padding-bottom:96px}
  .footer-main{display:grid;grid-template-columns:1fr 1fr;gap:32px}.footer-brand-block{grid-column:1/-1}.footer-brand-block p{max-width:none}
  .footer-links{display:grid;gap:7px;margin:0;font-size:.9375rem}.footer-links a{min-height:34px}
  .footer-bottom{margin-top:28px;gap:10px 16px}.footer-support{gap:20px;align-items:start}.footer-support h2{font-size:1.3rem}
  .mobile-bottom{padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom));background:#0b1821f7;border-color:#2a4348}
  .mobile-bottom a{font-size:.875rem;gap:6px;min-height:49px;padding-top:3px}
  .mobile-bottom a[aria-current="page"] svg{color:var(--cyan);filter:drop-shadow(0 0 6px #38d6ac24)}
  .cart-dialog{padding:24px}.drawer-foot{bottom:-24px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}
}
@media(max-width:480px){
  .topbar{height:70px}.mobile-menu:not([hidden]){top:69px}.header-actions{gap:5px}.header-link{padding:8px}.menu-toggle{min-width:42px;min-height:44px}
  .hero{padding:28px 21px;gap:24px}.hero .eyebrow{line-height:1.8;margin-bottom:16px}.hero h1{font-size:clamp(2rem,8.4vw,2.5rem)}
  .hero-text{font-size:1rem;line-height:1.9;margin:16px 0 24px}.hero-actions{gap:17px;flex-direction:column;align-items:stretch}.hero-actions .primary-action{width:100%;min-height:51px}.hero-actions .text-link{font-size:.9375rem;text-align:center}
  .hero-guide{gap:7px}.hero-guide>a{padding:12px 9px;gap:10px}.hero-guide strong{font-size:.875rem;line-height:1.7}.guide-icon svg{width:21px;height:21px}
  .trust-strip span{font-size:.875rem}.operator-grid{gap:8px}.operator-tile{border-radius:11px;min-height:85px}.operator-tile strong{font-size:1.06rem}.operator-tile span{font-size:.75rem}
  .operator-tile:has(.operator-logo){min-height:124px;padding:11px 5px 12px;gap:10px}.operator-tile .operator-logo{height:48px;padding:5px 4px}.operator-tile .operator-name{font-size:.875rem;min-height:38px;display:flex;align-items:center;justify-content:center}
  .category-tabs{gap:8px}.category-tab{padding:14px 10px;min-height:111px;gap:10px}.category-tab strong{font-size:.875rem;line-height:1.75}
  .filter-toggle{font-size:.875rem;padding:8px 10px;gap:6px}.sort-label select{max-width:150px;font-size:.875rem}
  .advanced-filters{grid-template-columns:1fr 1fr}.advanced-filters>label:first-child{grid-column:1/-1}
  .filter-heading{margin-bottom:13px}.filter-panel{padding:17px}.filter{padding:9px 11px;min-height:44px}
  .catalog-skeleton{grid-template-columns:1fr}.skeleton-card:nth-child(2){display:none}
  .product-grid{grid-template-columns:1fr}.product-body{padding:24px}.product-body h3{font-size:1.2rem}.product-image-wrap{aspect-ratio:1.35}
  .how-it-works ol{grid-template-columns:1fr;gap:0}.how-it-works li{display:flex;flex-direction:row;gap:20px;align-items:center;padding:17px 0;border-inline-start:0;border-bottom:1px solid #233d43}
  .how-it-works li strong{width:32px;font-size:1.25rem;flex-shrink:0}.how-it-works li span{font-size:1rem}
  .business-card{padding:26px}.business-card .primary-action{width:100%}.store-info{grid-template-columns:1fr;gap:16px}
  .faq-list summary{font-size:1rem;line-height:1.9;gap:16px}
  .breadcrumbs{margin-bottom:20px}.page-intro h1{font-size:2rem;line-height:1.5}
  .auth-card{padding:23px}.auth-card h2{font-size:1.45rem}.auth-tabs button{font-size:.875rem;padding:9px}.account-form{gap:19px}
  .account-welcome{flex-direction:row;flex-wrap:wrap;gap:20px}.account-welcome h1{font-size:1.85rem}.account-welcome .secondary-action{font-size:.875rem}
  .account-stats{gap:8px}.account-stats article{padding:17px 12px;border-radius:13px}.account-stats article>span{font-size:.875rem}.account-stats strong{font-size:2rem;margin:10px 0}.account-stats a{font-size:.875rem;line-height:1.8;display:block}
  .account-nav{top:70px;border-radius:11px}.account-nav a{font-size:.875rem;padding:9px 11px}.account-nav a svg{display:none}
  .dashboard-card,.checkout-main .dashboard-card{padding:21px}.dashboard-card .empty-state{padding:30px 18px}
  .dashboard-content>.dashboard-card{scroll-margin-top:147px}.customer-contact{font-size:.875rem}
  .checkout-steps{display:grid;grid-template-columns:1fr;gap:10px}.checkout-steps li{font-size:.875rem}
  .checkout-summary{padding:23px}.cart-line-end{padding-inline-start:0}.quantity-control button{height:44px}
  .bulk-form{padding:23px}.bulk-form>fieldset{padding:18px}.bulk-form .field-section{padding:0 0 22px}
  .checkbox-grid{grid-template-columns:1fr}.bulk-notes{grid-template-columns:1fr}.bulk-notes article{padding:23px}.bulk-notes .note-icon{float:inline-end;margin:0 10px 10px 0}
  .detail-actions .primary-action{flex-basis:100%;min-height:52px}.detail-actions .secondary-action{flex-basis:100%}.detail-media{max-height:360px;border-radius:17px}
  .product-section-nav{top:70px}.detail-content h1{font-size:1.9rem}
  .footer-support{flex-direction:column;gap:18px}.footer-support a{min-height:48px}.footer-support h2{font-size:1.35rem}
  .footer-main{gap:28px}.footer-bottom>span:nth-child(2){order:3}
}
@media(hover:none){.product-card:hover,.operator-tile:hover{transform:none;box-shadow:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-guide>a:hover .guide-arrow{transform:none}}
/* Owner-approved STC WhatsApp offers. */
.offer-brand{min-height:150px;background:linear-gradient(140deg,#281347,#101923);display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:center;color:#eae5f4;text-decoration:none}.offer-brand img{object-fit:contain;max-width:130px;max-height:70px}.offer-exclusive{color:#a6f0d4;background:#13372e;border-radius:30px;padding:5px 10px;font-size:.875rem}.offer-pricing{display:grid;gap:10px;margin-block:16px}.offer-pricing>div{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.offer-pricing span{font-size:.875rem;color:#c3c6cf}.offer-pricing del{color:#b5accc;font-size:1.05rem;text-decoration-thickness:2px}.offer-pricing strong{color:#ff8c9b;font-size:1.75rem;line-height:1.4}.offer-saving{justify-self:start;color:#a6f0d4;background:#13372e;border-radius:8px;padding:5px 9px;font-size:.875rem}.offer-condition{font-size:.875rem;line-height:1.8;color:#c8cbd3}.offer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.offer-actions .add-button{width:100%;text-align:center}.offer-favorite{position:static;margin-inline-start:auto}.offer-detail .offer-pricing{max-width:520px}.offer-detail .detail-actions{margin-block:20px}.offer-detail .offer-pricing strong{font-size:2.2rem}

/* Custom data-plan artwork: generated brand-toned backdrops with exact HTML typography. */
.data-offer-media{display:block;aspect-ratio:1.35;overflow:hidden;background:#06121f}
.data-plan-art{position:relative;width:100%;height:100%;min-height:220px;overflow:hidden;isolation:isolate;color:#fff;text-align:right}
.data-plan-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.data-art-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,9,17,.2),rgba(2,9,17,.87) 72%,rgba(2,9,17,.94)),linear-gradient(0deg,rgba(0,0,0,.38),transparent 58%)}
.data-art-top{position:absolute;inset:20px 22px auto 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.data-art-logo{width:104px!important;height:48px!important;object-fit:contain!important;filter:brightness(0) invert(1)}
.data-art-wordmark{font-size:1.35rem;line-height:1.1}.data-art-wordmark small{display:block;font-size:.68rem;font-weight:500;letter-spacing:.12em;color:#b8ffd0;margin-top:5px}
.data-art-type{padding:6px 10px;border:1px solid #ffffff42;border-radius:999px;background:#0710198c;backdrop-filter:blur(8px);font-size:.76rem;color:#d9ecf4}
.data-art-copy{position:absolute;right:22px;bottom:38px;display:grid;grid-template-columns:auto auto;align-items:end;column-gap:8px;max-width:78%}
.data-art-kicker{grid-column:1/-1;font-size:.78rem;color:#9feedd;margin-bottom:2px}
.data-art-copy>strong{font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;font-size:clamp(2.7rem,5vw,4.5rem);font-weight:700;letter-spacing:-.05em;line-height:.95;text-shadow:0 8px 28px #0008}
.data-art-copy>b{font-size:1.05rem;line-height:1.5;color:#dffaff;margin-bottom:4px}
.data-art-duration{grid-column:1/-1;justify-self:start;margin-top:11px;padding:5px 13px;border-radius:8px;background:#ffffff16;border:1px solid #ffffff2b;font-size:.88rem;font-weight:600}
.data-art-foot{position:absolute;left:20px;bottom:18px;font-size:.72rem;color:#d0e8ed;writing-mode:vertical-rl;letter-spacing:.03em}
.theme-mobily .data-art-kicker{color:#6fe5ff}.theme-mobily .data-art-duration{background:#057fba4f;border-color:#54d7ff55}
.theme-salam .data-art-kicker{color:#a7ffbd}.theme-salam .data-art-duration{background:#1593424f;border-color:#72f09855}
.theme-zain .data-art-kicker{color:#7ff3bd}.theme-zain .data-art-duration{background:#0b8b625c;border-color:#6ce3af66}.theme-zain .data-art-logo{width:98px!important}
.layout-mobily-ribbons .data-art-shade{background:linear-gradient(90deg,rgba(1,8,19,.08),rgba(1,16,38,.9) 68%,rgba(1,12,29,.97))}
.layout-mobily-layers .data-art-copy{bottom:48px}.layout-mobily-layers .data-art-duration{border-radius:999px}
.layout-mobily-infinity .data-art-copy{bottom:30px}.layout-mobily-infinity .data-art-shade{background:linear-gradient(90deg,rgba(0,6,17,.1),rgba(0,20,48,.82) 62%,rgba(0,14,34,.96))}
.layout-mobily-pulse .data-art-copy{right:26px;bottom:50px}.layout-mobily-pulse .data-art-duration{background:#0a69b871;border-radius:999px}
.layout-salam-infinity .data-art-shade{background:linear-gradient(90deg,rgba(0,24,16,.05),rgba(0,31,20,.84) 64%,rgba(0,20,14,.96))}.layout-salam-infinity .data-art-duration{border-radius:999px}
.layout-salam-orbit .data-art-copy{bottom:46px}.layout-salam-orbit .data-art-shade{background:linear-gradient(90deg,rgba(0,17,8,.08),rgba(3,38,18,.84) 66%,rgba(2,26,13,.97))}
.layout-zain-volume .data-art-shade,.layout-zain-month .data-art-shade,.layout-zain-quarter .data-art-shade,.layout-zain-half-year .data-art-shade{background:linear-gradient(90deg,rgba(0,22,16,.25),rgba(0,40,31,.86) 60%,rgba(0,24,20,.97)),linear-gradient(0deg,rgba(0,0,0,.3),transparent 55%)}
.layout-zain-quarter .data-art-copy{bottom:44px}.layout-zain-half-year .data-art-copy{right:27px}.layout-zain-month .data-art-duration,.layout-zain-half-year .data-art-duration{border-radius:999px}
.data-art-price{position:absolute;left:18px;bottom:16px;width:135px;display:grid;grid-template-columns:auto 1fr;gap:1px 6px;align-items:baseline;padding:9px 10px;border:1px solid #8fe8bd66;border-radius:12px;background:#021d18d9;backdrop-filter:blur(9px);box-shadow:0 10px 28px #0005}.data-art-price small{font-size:.58rem;color:#bde7d4}.data-art-price del{font-size:.65rem;color:#b9c8c2}.data-art-price strong{grid-column:1/-1;font-size:1.05rem;color:#7ff3bd;white-space:nowrap}.data-art-price b{grid-column:1/-1;font-size:.58rem;color:#ffe3a2}.theme-zain .data-art-foot{left:163px;bottom:18px;color:#c4e8d8}
.data-offer-pricing{border:1px solid #2c5551;border-radius:13px;padding:14px 16px;background:linear-gradient(135deg,#102932,#10241f)}
.data-offer-pricing .offer-current strong{color:#87f0d0}
.data-offer-detail-media{aspect-ratio:1.22;max-height:560px;padding:0!important}
.data-offer-detail-media .data-plan-art{min-height:100%}
.data-offer-detail-media .data-art-top{inset:30px 32px auto}.data-offer-detail-media .data-art-logo{width:134px!important;height:60px!important}
.data-offer-detail-media .data-art-wordmark{font-size:1.75rem}.data-offer-detail-media .data-art-type{font-size:.9rem;padding:7px 13px}
.data-offer-detail-media .data-art-copy{right:34px;bottom:60px}.data-offer-detail-media .data-art-copy>strong{font-size:clamp(4.2rem,8vw,6.5rem)}
.data-offer-detail-media .data-art-copy>b{font-size:1.35rem}.data-offer-detail-media .data-art-duration{font-size:1.05rem}
.data-offer-detail-media .data-art-price{left:30px;bottom:28px;width:180px;padding:13px 14px}.data-offer-detail-media .data-art-price strong{font-size:1.45rem}.data-offer-detail-media .theme-zain .data-art-foot{left:225px;bottom:31px}
.data-variant-options{margin-top:22px}.data-variant-options label{justify-content:space-between;min-width:200px}.data-variant-options label b{font-size:.76rem;padding:3px 8px;border-radius:999px;margin-inline-start:12px}
.data-variant-options .variant-available{border-color:#3d8067;background:#14372e}.data-variant-options .variant-available b{background:#20583f;color:#a9f0d0}
.data-variant-options .variant-unavailable{opacity:.7;cursor:not-allowed;background:#211b24;border-color:#55424f}.data-variant-options .variant-unavailable b{background:#402d38;color:#efbacb}
@media(max-width:480px){.data-plan-art{min-height:245px}.data-art-top{inset:17px 18px auto}.data-art-copy{right:18px;bottom:34px}.data-art-copy>strong{font-size:3.35rem}.data-art-foot{left:14px}.data-offer-detail-media{aspect-ratio:1.15;max-height:420px}.data-offer-detail-media .data-art-top{inset:20px 20px auto}.data-offer-detail-media .data-art-logo{width:112px!important;height:52px!important}.data-offer-detail-media .data-art-copy{right:22px;bottom:45px}.data-offer-detail-media .data-art-copy>strong{font-size:4.5rem}.data-variant-options{display:grid}.data-variant-options label{width:100%;min-width:0}}

/* Secure recovery and owner controls. */
.recovery-link{align-self:flex-start;margin-top:2px}.checkout-consents{display:grid;gap:10px;margin-block:18px}.checkout-consent{align-items:flex-start}.checkout-consent input{flex:0 0 auto;margin-top:6px}.admin-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}.admin-stats article{padding:19px;border:1px solid var(--line);border-radius:15px;background:var(--panel);display:grid;gap:5px}.admin-stats span{color:var(--muted);font-size:.85rem}.admin-stats strong{font-size:1.75rem;color:var(--accent)}.admin-list{display:grid;gap:12px}.admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft)}.admin-row h3,.admin-row p{margin:3px 0}.admin-row small{color:var(--muted)}.admin-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.admin-controls label{display:grid;gap:5px;font-size:.78rem;color:var(--muted)}.admin-controls input,.admin-controls select{min-width:112px;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font:inherit}.admin-controls .primary-action{min-height:44px;padding:9px 15px}
.analytics-funnel{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-block:16px 25px}.analytics-funnel article{padding:14px 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft);display:grid;gap:3px}.analytics-funnel span,.analytics-funnel small{font-size:.72rem;color:var(--muted)}.analytics-funnel strong{font-size:1.45rem;color:var(--accent)}.admin-analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.analytics-ranking{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:7px}.analytics-ranking li{display:flex;justify-content:space-between;gap:14px;padding:10px 12px;border-bottom:1px solid var(--line)}.analytics-ranking b{white-space:nowrap;color:var(--accent);font-size:.8rem}
html[data-theme=light] .admin-stats article,html[data-theme=light] .admin-row,html[data-theme=light] .admin-controls input,html[data-theme=light] .admin-controls select{background:#fff;border-color:#c7d9d4;color:#14231f}
html[data-theme=light] .analytics-funnel article{background:#fff;border-color:#c7d9d4}
@media(max-width:900px){.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-funnel{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-row{grid-template-columns:1fr}.admin-controls{width:100%}.admin-controls label{flex:1}.admin-controls input,.admin-controls select{width:100%}}
@media(max-width:520px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-funnel{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-analytics-grid{grid-template-columns:1fr}.admin-row{padding:14px}.admin-controls{display:grid;grid-template-columns:1fr 1fr}.admin-controls .primary-action{grid-column:1/-1;width:100%}}

/* Mobily postpaid artwork: exact offer text is HTML over distinct generated backdrops. */
.postpaid-offer-media{display:block;aspect-ratio:1.35;overflow:hidden;background:#031329}
.postpaid-plan-art{position:relative;width:100%;height:100%;min-height:250px;overflow:hidden;isolation:isolate;color:#fff;text-align:right}
.postpaid-plan-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.postpaid-art-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,10,27,.12),rgba(3,18,45,.84) 58%,rgba(2,12,34,.97))}
.postpaid-art-top{position:absolute;inset:18px 20px auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.postpaid-art-logo{width:108px!important;height:48px!important;object-fit:contain!important;filter:brightness(0) invert(1)}
.postpaid-art-top>span{padding:5px 10px;border:1px solid #70ddff66;border-radius:999px;background:#032a4dbd;color:#d8f7ff;font-size:.72rem;font-weight:700}
.postpaid-art-title{position:absolute;right:20px;top:76px;display:grid;grid-template-columns:auto auto;align-items:end;column-gap:8px}
.postpaid-art-title small{font-size:.9rem;color:#93eaff;align-self:center}.postpaid-art-title strong{font-size:3.5rem;line-height:.9;letter-spacing:-.06em}
.postpaid-art-title b{grid-column:1/-1;margin-top:8px;padding:4px 9px;border-radius:7px;background:#ff7f32;color:#101722;font-size:.72rem;justify-self:start}
.postpaid-art-features{position:absolute;right:20px;left:20px;bottom:65px;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:7px}
.postpaid-art-features>span{display:grid;gap:1px;padding:7px 9px;border:1px solid #5bcceb44;border-radius:10px;background:#02172dbd;backdrop-filter:blur(7px)}
.postpaid-art-features strong{font-size:.92rem;white-space:nowrap}.postpaid-art-features small{font-size:.66rem;color:#a8dce9}
.postpaid-art-features>span:not(:first-child) strong{font-size:1.25rem;line-height:.9;color:#60e0ff}
.postpaid-art-price{position:absolute;right:20px;left:20px;bottom:11px;display:grid;grid-template-columns:1fr 1.25fr;align-items:stretch;gap:8px}
.postpaid-art-price span{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 7px;padding:6px 8px;border:1px solid #65dcff42;border-radius:9px;background:#02152bbb;backdrop-filter:blur(7px)}.postpaid-art-price small{color:#bfeaf2;font-size:.64rem}.postpaid-art-price strong{font-size:1.05rem;color:#fff;white-space:nowrap}.postpaid-art-price b{grid-column:1/-1;color:#ffb383;font-size:.6rem}
.postpaid-art-price .postpaid-renewal{border-color:#ff9a5b66;background:#2d1723d6}.postpaid-art-price .postpaid-renewal strong{color:#ffb083}
.layout-postpaid-infinity .postpaid-art-shade{background:linear-gradient(90deg,rgba(2,8,22,.06),rgba(3,16,41,.78) 52%,rgba(2,10,28,.97))}
.layout-postpaid-infinity .postpaid-art-title b{background:#5ae0ff}.layout-postpaid-infinity .postpaid-art-features>span:first-child strong{color:#6fe7ff}
.postpaid-offer-detail-media{aspect-ratio:1.22;max-height:580px;padding:0!important}.postpaid-offer-detail-media .postpaid-plan-art{min-height:100%}
.postpaid-offer-detail-media .postpaid-art-top{inset:28px 32px auto}.postpaid-offer-detail-media .postpaid-art-logo{width:134px!important;height:60px!important}
.postpaid-offer-detail-media .postpaid-art-title{right:32px;top:98px}.postpaid-offer-detail-media .postpaid-art-title strong{font-size:5.2rem}.postpaid-offer-detail-media .postpaid-art-title small{font-size:1.05rem}
.postpaid-offer-detail-media .postpaid-art-features{right:32px;left:32px;bottom:76px}.postpaid-offer-detail-media .postpaid-art-features strong{font-size:1rem}.postpaid-offer-detail-media .postpaid-art-features small{font-size:.72rem}
.postpaid-offer-detail-media .postpaid-art-price{right:32px;left:32px;bottom:20px}.postpaid-offer-detail-media .postpaid-art-price strong{font-size:1.4rem}
@media(max-width:480px){.postpaid-plan-art{min-height:250px}.postpaid-art-top{inset:15px 16px auto}.postpaid-art-logo{width:96px!important;height:42px!important}.postpaid-art-title{right:16px;top:65px}.postpaid-art-title strong{font-size:3.05rem}.postpaid-art-features{right:16px;left:16px;bottom:62px}.postpaid-art-price{right:16px;left:16px;bottom:13px}.postpaid-offer-detail-media{aspect-ratio:1.12;max-height:450px}.postpaid-offer-detail-media .postpaid-art-top{inset:20px 22px auto}.postpaid-offer-detail-media .postpaid-art-title{right:22px;top:84px}.postpaid-offer-detail-media .postpaid-art-title strong{font-size:4.2rem}.postpaid-offer-detail-media .postpaid-art-features{right:22px;left:22px;bottom:72px}.postpaid-offer-detail-media .postpaid-art-price{right:22px;left:22px;bottom:16px}}

/* Brand-specific offer artwork for recurring mobile packages. */
.brand-offer-media{display:block;aspect-ratio:1.35;overflow:hidden;background:#100a24}
.brand-offer-art{position:relative;width:100%;height:100%;min-height:250px;overflow:hidden;isolation:isolate;color:#fff;text-align:right}
.brand-offer-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.brand-art-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(10,4,25,.08),rgba(25,8,54,.78) 58%,rgba(16,5,40,.97))}
.theme-redbull .brand-art-shade{background:linear-gradient(90deg,rgba(0,8,24,.07),rgba(4,19,50,.8) 57%,rgba(2,11,32,.98))}
.theme-salam .brand-art-shade{background:linear-gradient(90deg,rgba(2,52,29,.08),rgba(3,67,38,.76) 55%,rgba(1,35,20,.98))}
.theme-virgin .brand-art-shade{background:linear-gradient(90deg,rgba(38,0,8,.05),rgba(99,3,25,.78) 56%,rgba(48,0,12,.98))}
.theme-friendi .brand-art-shade{background:linear-gradient(90deg,rgba(0,28,45,.06),rgba(0,70,102,.78) 56%,rgba(0,28,49,.98))}
.theme-yaqoot .brand-art-shade{background:linear-gradient(90deg,rgba(35,0,20,.06),rgba(100,7,55,.78) 56%,rgba(48,1,29,.98))}
.brand-art-top{position:absolute;inset:17px 20px auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand-art-logo{width:94px!important;height:42px!important;object-fit:contain!important;filter:brightness(0) invert(1)}
.brand-art-top>span{padding:5px 10px;border:1px solid #ffffff40;border-radius:999px;background:#0b071aa8;font-size:.68rem;font-weight:700}
.theme-stc .brand-art-top>span{color:#ffd1ed}.theme-redbull .brand-art-top>span{color:#ffd6dc;border-color:#ff506760}
.theme-salam .brand-art-top>span{color:#d7ffe5;border-color:#65e59466}.theme-virgin .brand-art-top>span{color:#fff0f2;border-color:#ff6b7e70}.theme-friendi .brand-art-top>span{color:#dcf8ff;border-color:#43ccec70}.theme-yaqoot .brand-art-top>span{color:#ffe1f1;border-color:#f05ca370}
.brand-art-wordmark{display:grid;line-height:.82;text-align:left;font-family:Arial,sans-serif;font-style:italic}.brand-art-wordmark b{font-size:1.05rem;color:#fff}.brand-art-wordmark small{font-size:.58rem;letter-spacing:.2em;color:#f34858;text-transform:uppercase}
.salam-wordmark{font-family:inherit;font-style:normal;text-align:right}.salam-wordmark b{font-size:1.3rem}.salam-wordmark small{color:#91f4b3;letter-spacing:.08em}
.brand-art-title{position:absolute;right:20px;top:70px;display:grid;gap:2px}.brand-art-title small{font-size:.75rem;color:#dfc8f3}.theme-redbull .brand-art-title small{color:#9ec6ed}.brand-art-title strong{font-size:2.15rem;line-height:1.08;letter-spacing:-.035em;text-shadow:0 7px 24px #0008}
.brand-art-features{position:absolute;right:20px;left:20px;bottom:69px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.brand-art-features>span{display:grid;gap:1px;padding:7px 8px;border:1px solid #dca6ff42;border-radius:9px;background:#190c35c7;backdrop-filter:blur(7px)}.theme-redbull .brand-art-features>span{background:#06152cc9;border-color:#4385c650}
.theme-salam .brand-art-features>span{background:#073c27d4;border-color:#64d99a55}.theme-virgin .brand-art-features>span{background:#4c0718d4;border-color:#ff718055}.theme-friendi .brand-art-features>span{background:#023c59d4;border-color:#48c8e655}.theme-yaqoot .brand-art-features>span{background:#50072fd4;border-color:#ec6aa955}
.brand-art-features strong{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-art-features small{font-size:.6rem;color:#cbb8db}.theme-redbull .brand-art-features small{color:#9fb8d0}
.brand-art-price{position:absolute;right:20px;left:20px;bottom:12px;display:grid;grid-template-columns:1.05fr 1fr;gap:8px}.brand-art-price>span{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:1px 7px;padding:6px 8px;border-radius:9px;background:#1d0d38dc;border:1px solid #e191d14f}.theme-redbull .brand-art-price>span{background:#07162ddb;border-color:#4a79a64f}.brand-art-price small{font-size:.61rem;color:#e1caed}.brand-art-price strong{font-size:1.08rem;color:#ff7fc3;white-space:nowrap}.theme-redbull .brand-art-price strong{color:#ff586a}.brand-art-price del{font-size:.8rem;color:#d4c9dc}.brand-art-price b{grid-column:1/-1;font-size:.58rem;color:#b9ffd9}.brand-art-price.recurring>span:last-child{border-color:#ff586a70;background:#29101edb}
.brand-art-price.recurring>span:first-child b{grid-column:auto}.brand-art-price.recurring>span:last-child b{grid-column:1/-1}
.theme-salam .brand-art-price>span{background:#073b27e8;border-color:#65df9955}.theme-salam .brand-art-price strong{color:#7df0a7}.theme-salam .brand-art-price.recurring>span:last-child{background:#0d5238e8;border-color:#73efa875}
.theme-virgin .brand-art-price>span{background:#450614e8;border-color:#ff788655}.theme-virgin .brand-art-price strong{color:#ff7180}.theme-virgin .brand-art-price.recurring>span:last-child{background:#651024e8;border-color:#ff839175}
.theme-friendi .brand-art-price>span{background:#06364ee8;border-color:#45caea55}.theme-friendi .brand-art-price strong{color:#63ddf6}.theme-friendi .brand-art-price.recurring>span:last-child{background:#07516fe8;border-color:#60dcf375}
.theme-yaqoot .brand-art-price>span{background:#450329e8;border-color:#ed65a555}.theme-yaqoot .brand-art-price strong{color:#ff75b7}.theme-yaqoot .brand-art-price.recurring>span:last-child{background:#680c3de8;border-color:#ff7cbc75}
.brand-art-logo.brand-yaqoot{width:118px!important}.brand-art-logo.brand-friendi{width:108px!important}
.brand-offer-art>img{z-index:0;object-fit:cover;object-position:center}
.brand-art-shade,
.brand-art-top,
.brand-art-title,
.brand-art-features,
.data-art-shade,
.data-art-top,
.data-art-copy,
.data-art-foot,
.postpaid-art-shade,
.postpaid-art-top,
.postpaid-art-title,
.postpaid-art-features{
  display:none!important
}
.brand-art-price,
.data-art-price,
.postpaid-art-price{
  z-index:2
}
.brand-offer-detail-media{aspect-ratio:1.22;max-height:580px;padding:0!important}.brand-offer-detail-media .brand-offer-art{min-height:100%}.brand-offer-detail-media .brand-art-top{inset:28px 32px auto}.brand-offer-detail-media .brand-art-logo{width:128px!important;height:58px!important}.brand-offer-detail-media .brand-art-title{right:32px;top:102px}.brand-offer-detail-media .brand-art-title strong{font-size:3.45rem}.brand-offer-detail-media .brand-art-features{right:32px;left:32px;bottom:88px}.brand-offer-detail-media .brand-art-price{right:32px;left:32px;bottom:21px}.brand-offer-detail-media .brand-art-price strong{font-size:1.35rem}
.recurring-offer-pricing{border:1px solid #5b3542;border-radius:13px;padding:14px 16px;background:linear-gradient(135deg,#261520,#101d2c)}
@media(max-width:480px){.brand-offer-art{min-height:250px}.brand-art-top{inset:15px 16px auto}.brand-art-title{right:16px;top:64px}.brand-art-features{right:16px;left:16px;bottom:67px}.brand-art-price{right:16px;left:16px;bottom:11px}.brand-offer-detail-media{aspect-ratio:1.12;max-height:450px}.brand-offer-detail-media .brand-art-top{inset:20px 22px auto}.brand-offer-detail-media .brand-art-title{right:22px;top:85px}.brand-offer-detail-media .brand-art-title strong{font-size:3rem}.brand-offer-detail-media .brand-art-features{right:22px;left:22px;bottom:82px}.brand-offer-detail-media .brand-art-price{right:22px;left:22px;bottom:15px}}
.checkout-consent{padding:14px 16px;border:1px solid #315143;border-radius:12px;background:#10251e}.checkout-consent a{color:var(--cyan);text-decoration:underline}
.offer-consent{display:flex;align-items:flex-start;gap:10px;flex-basis:100%;width:100%;margin:14px 0;padding:13px 14px;border:1px solid #315143;border-radius:12px;background:#10251e;color:var(--ink-soft);font-size:.88rem;line-height:1.7}.offer-consent input{margin-top:5px;flex:0 0 auto}.offer-consent a{color:var(--cyan);text-decoration:underline}.primary-action.is-disabled{opacity:.48;cursor:not-allowed;filter:saturate(.55)}.footer-contact-actions{display:flex;flex-wrap:wrap;gap:10px}
.header-preferences{display:flex}.preference-controls{display:flex;align-items:center;gap:7px}.preference-select{display:block}.preference-select select{width:auto;min-height:40px;padding:5px 9px;border-radius:10px;font-size:.8rem;background:#102129;border-color:#2b4748;color:var(--ink)}.mobile-preferences{display:none}
html[data-theme=light]{color-scheme:light;--paper:#f4f8f7;--surface:#fff;--surface-2:#edf5f2;--line:#cbdcd7;--muted:#5d706b;--ink:#14231f;--ink-soft:#344842;--shadow:0 18px 48px #193d3217}
html[data-theme=light] body{background:radial-gradient(ellipse at 85% 0%,#bcebdd55,transparent 38%),var(--paper);color:var(--ink)}
html[data-theme=light] .topbar{background:#f9fcfbef;border-color:#cbdcd7}html[data-theme=light] .desktop-nav a{color:#465c56}
html[data-theme=light] input,html[data-theme=light] select,html[data-theme=light] textarea{background:#fff;border-color:#b8cdc7;color:#14231f}html[data-theme=light] input::placeholder,html[data-theme=light] textarea::placeholder{color:#70827e}
html[data-theme=light] .hero{background:radial-gradient(ellipse at 10% 20%,#9de7d16b,transparent 65%),#e9f6f2;color:#14231f;border-color:#bfdcd3}html[data-theme=light] .hero-text{color:#425c55}html[data-theme=light] .hero-guide{background:#fff;border-color:#badbd1}html[data-theme=light] .hero-guide>a{color:#14231f;border-color:#d2e4df}html[data-theme=light] .guide-icon{background:#e4f6f0;color:#167d61;border-color:#b7dfd3}html[data-theme=light] .guide-foot,html[data-theme=light] .hero-guide small{color:#5b746d}
html[data-theme=light] .trust-strip,html[data-theme=light] .operator-tile,html[data-theme=light] .category-tab,html[data-theme=light] .filter-panel,html[data-theme=light] .product-card,html[data-theme=light] .store-info article,html[data-theme=light] .dashboard-card,html[data-theme=light] .detail-section,html[data-theme=light] .auth-card,html[data-theme=light] .bulk-form,html[data-theme=light] .bulk-notes article,html[data-theme=light] .account-nav,html[data-theme=light] .account-stats article,html[data-theme=light] .cart-dialog{background:#fff;border-color:#cbdcd7;color:#14231f}
html[data-theme=light] .operator-tile:hover,html[data-theme=light] .category-tab.active,html[data-theme=light] .filter.active,html[data-theme=light] .account-nav a:hover{background:#ddf4ec;border-color:#51b596;color:#123d31}html[data-theme=light] .filter{background:#eef6f3;border-color:#c8dcd6;color:#2e4942}html[data-theme=light] .secondary-action,html[data-theme=light] .detail-button,html[data-theme=light] .icon-button{background:#eef6f3;border-color:#bfd2cc;color:#18332b}html[data-theme=light] .cart-button{background:#e2f5ee;border-color:#a9d7c8;color:#14231f}
html[data-theme=light] .product-body,html[data-theme=light] .checkout-consent,html[data-theme=light] .subtle-note{color:#334c45}html[data-theme=light] .price strong{color:#14231f}html[data-theme=light] .mobile-bottom,html[data-theme=light] .mobile-menu:not([hidden]){background:#f9fcfbf7;border-color:#c7d9d4;color:#14231f}html[data-theme=light] footer{background:#eaf3f0;border-color:#cbdcd7}html[data-theme=light] .preference-select select{background:#fff;border-color:#b8cdc7;color:#14231f}html[data-theme=light] .cart-dialog::backdrop{background:#14231f55}
/* Complete light-theme contrast pass. Brand artwork intentionally stays dark. */
html[data-theme=light] .hero-guide>a{background:#fff;color:#14231f}
html[data-theme=light] .hero-guide strong{color:#14231f}
html[data-theme=light] .eyebrow,html[data-theme=light] .hero .eyebrow{color:#236f5c}
html[data-theme=light] .hero h1 span{color:#15956f}
html[data-theme=light] .hero-actions .text-link{color:#1b6b55}
html[data-theme=light] .how-it-works li strong{color:#267b63}
html[data-theme=light] .mobile-bottom a[aria-current=page]{color:#177a5e}
html[data-theme=light] .trust-strip span{color:#46645c}
html[data-theme=light] .trust-strip i{color:#267b63}
html[data-theme=light] .operator-tile .operator-name{color:#36574e}
html[data-theme=light] .operator-tile.selected .operator-name{color:#155b47}
html[data-theme=light] .brand-stc{filter:none}
html[data-theme=light] .category-tab>span{background:#e5f2ee;color:#315f53}
html[data-theme=light] .category-tab.active>span{background:#cceadf;color:#155b47}
html[data-theme=light] .search-box input,html[data-theme=light] .sort-label select{background:#fff;border-color:#b8cdc7;color:#14231f}
html[data-theme=light] .search-icon{color:#4f6d65}
html[data-theme=light] .filter-toggle,html[data-theme=light] .filter-chip{background:#e7f4f0;border-color:#b8d6cd;color:#24483e}
html[data-theme=light] .filter-toggle[aria-expanded=true]{background:#d4eee5;border-color:#4d9f83;color:#155b47}
html[data-theme=light] .empty-state,html[data-theme=light] .dashboard-card .empty-state{background:#f4f9f7;border-color:#ccddd8;color:#14231f}
html[data-theme=light] .empty-state-icon{background:#dcf1ea;border-color:#b4d8cc;color:#21745d}
html[data-theme=light] .skeleton-card{background:#fff;border-color:#d0dfdb}
html[data-theme=light] .skeleton-card i{background:#e3eeeb}
html[data-theme=light] .skeleton-card i:first-child{background:#d8e7e3}
html[data-theme=light] .skeleton-card i:last-child{background:#cce7de}
html[data-theme=light] .product-image-wrap{background:#edf5f2;border-color:#d0dfdb}
html[data-theme=light] .product-highlights{color:#344e47}
html[data-theme=light] .product-tags span{background:#edf6f3;border-color:#c4dcd5;color:#2d5046}
html[data-theme=light] .price del{color:#687d77}
html[data-theme=light] .auth-tabs{background:#edf5f2;border:1px solid #cadcd6}
html[data-theme=light] .auth-tabs button{color:#405d55}
html[data-theme=light] .auth-tabs button[aria-pressed=true]{background:#d7eee6;color:#155b47;box-shadow:inset 0 0 0 1px #83bdaa}
html[data-theme=light] .auth-benefits li{color:#3c5750}
html[data-theme=light] .account-stats .mint-stat{background:linear-gradient(130deg,#d9f1e8,#eef8f4);border-color:#a9d5c6}
html[data-theme=light] .account-stats a{color:#276c59}
html[data-theme=light] .account-nav a[aria-current=page]{background:#d8eee6;border-color:#9ac9b9;color:#155b47}
html[data-theme=light] .order-record,html[data-theme=light] .coupon-card,html[data-theme=light] .address-card{background:#f5faf8;border-color:#c8dcd6;color:#14231f}
html[data-theme=light] .quantity-control button{background:#e5f2ee;color:#183a30}
html[data-theme=light] .checkout-summary{background:linear-gradient(145deg,#f5faf8,#edf6f3);border-color:#b7d6cc}
html[data-theme=light] .checkout-steps li:first-child b{background:#d9efe7;border-color:#7bb8a4}
html[data-theme=light] .bulk-form>fieldset,html[data-theme=light] .checkbox-grid label{background:#f5faf8;border-color:#c7dbd5;color:#14231f}
html[data-theme=light] .checkbox-grid label:has(input:checked){background:#dcefe8;border-color:#75aa98}
html[data-theme=light] .bulk-notes .note-icon{background:#def0e9;border-color:#abd2c5;color:#1d7059}
html[data-theme=light] .detail-media{background:#edf5f2;border-color:#c6dbd5}
html[data-theme=light] .variant-options label{background:#f2f8f6;border-color:#c4d9d3;color:#193a31}
html[data-theme=light] .product-section-nav{background:#f9fcfbf2;border-color:#c8dcd6}
html[data-theme=light] .product-section-nav a{color:#355d53}
html[data-theme=light] .detail-delivery,html[data-theme=light] .checkout-consent{background:#e9f5f1;border-color:#b8d8cd;color:#294b42}
html[data-theme=light] .offer-consent{background:#e9f5f1;border-color:#b8d8cd;color:#294b42}
html[data-theme=light] .privacy-copy{background:#fff;border-color:#cbdcd7}
html[data-theme=light] .drawer-foot{background:#fff}
html[data-theme=light] :focus-visible{outline-color:#167d61}

/* Two catalog views: rich image cards and a faster comparison grid. */
.catalog-view-switch{display:inline-flex;align-items:center;padding:4px;border:1px solid #2d494d;border-radius:12px;background:#0b1821;gap:3px}
.catalog-view-switch button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:7px 11px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:.8rem;white-space:nowrap}
.catalog-view-switch button[aria-pressed=true]{background:#1b4337;color:#a4f3d8;box-shadow:inset 0 0 0 1px #4e947c}
.product-grid[data-view=compact]{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.compact-product-card{--compact-accent:#65dbb8;position:relative;display:flex;flex-direction:column;min-height:286px;padding:18px;border:1px solid #294249;border-radius:18px;overflow:hidden;background:linear-gradient(150deg,#12232d,#0c1821 72%);color:var(--ink);box-shadow:0 6px 22px #0001;transition:transform .2s,border-color .2s,box-shadow .2s}
.compact-product-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--compact-accent)}
.compact-product-card:hover{transform:translateY(-3px);border-color:var(--compact-accent);box-shadow:0 14px 32px #0003}
.compact-product-card.theme-stc{--compact-accent:#9b4dca}.compact-product-card.theme-mobily{--compact-accent:#12a8dc}.compact-product-card.theme-zain{--compact-accent:#9bc53d}.compact-product-card.theme-salam{--compact-accent:#48b85b}.compact-product-card.theme-virgin{--compact-accent:#ef3340}.compact-product-card.theme-friendi{--compact-accent:#28b8df}.compact-product-card.theme-redbull{--compact-accent:#f04b5f}.compact-product-card.theme-yaqoot{--compact-accent:#ee4f9a}
.compact-brand{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:35px}.compact-brand b{font-size:.82rem}.compact-brand em{font-style:normal;font-size:.68rem;padding:4px 7px;border:1px solid color-mix(in srgb,var(--compact-accent) 48%,transparent);border-radius:999px;color:var(--compact-accent);white-space:nowrap}.compact-operator-logo{width:76px!important;height:34px!important;object-fit:contain;object-position:center right}
.compact-product-card h3{font-size:1rem;line-height:1.65;margin:14px 0 10px;min-height:3.3em}.compact-product-card ul{display:grid;gap:6px;list-style:none;margin:0 0 14px;padding:0;color:#c5d5da;font-size:.78rem}.compact-product-card li{display:flex;align-items:start;gap:6px;line-height:1.65}.compact-product-card li svg{width:15px;height:15px;margin-top:4px;flex:0 0 auto;color:var(--compact-accent)}
.compact-price{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:0 8px;margin-top:auto;padding-top:12px;border-top:1px solid #263a42}.compact-price del{grid-column:1/-1;color:#8ca1a8;font-size:.72rem}.compact-price small{color:var(--muted);font-size:.69rem}.compact-price strong{font-size:1.15rem;line-height:1.4;color:#fff;white-space:nowrap}.compact-renewal{margin-top:5px;color:var(--compact-accent);font-size:.7rem;line-height:1.5}.compact-details{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;color:var(--compact-accent);font-size:.76rem;font-weight:600}.compact-details svg{width:17px;height:17px}
html[data-theme=light] .catalog-view-switch{background:#fff;border-color:#bfd4cd}html[data-theme=light] .catalog-view-switch button[aria-pressed=true]{background:#dcefe8;color:#155b47;box-shadow:inset 0 0 0 1px #8cc5b2}
html[data-theme=light] .compact-product-card{background:linear-gradient(150deg,#fff,#f3f8f6);border-color:#cadcd6;color:#14231f}html[data-theme=light] .compact-product-card ul{color:#3f5952}html[data-theme=light] .compact-price{border-color:#d6e3df}html[data-theme=light] .compact-price strong{color:#14231f}html[data-theme=light] .compact-price del{color:#697d77}
@media(max-width:1050px){.product-grid[data-view=compact]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.catalog-view-switch{order:4;width:100%;display:grid;grid-template-columns:1fr 1fr}.catalog-view-switch button{min-height:44px}.product-grid[data-view=compact]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compact-product-card{min-height:270px;padding:15px}.compact-product-card h3{font-size:.93rem}.compact-operator-logo{width:65px!important}}
@media(max-width:360px){.product-grid[data-view=compact]{grid-template-columns:1fr}}

/* Daily inventory search and filters. */
.inventory-toolbar{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(150px,.7fr) minmax(150px,.7fr);gap:12px;align-items:end;margin:20px 0 8px}.inventory-toolbar label{display:grid;gap:7px;color:var(--muted);font-size:.82rem}.inventory-toolbar input,.inventory-toolbar select{min-height:46px}.inventory-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;margin-bottom:8px;color:var(--muted);font-size:.84rem}
html[data-theme=light] .inventory-toolbar input,html[data-theme=light] .inventory-toolbar select{background:#fff;border-color:#b8cdc7;color:#14231f}
@media(max-width:800px){.inventory-toolbar{grid-template-columns:1fr 1fr}.inventory-toolbar .admin-search{grid-column:1/-1}.inventory-summary{align-items:flex-start}}
@media(max-width:480px){.inventory-toolbar{grid-template-columns:1fr}.inventory-toolbar .admin-search{grid-column:auto}}
@media(max-width:1050px) and (min-width:801px){.header-preferences .preference-select select{max-width:74px;padding-inline:6px}}
@media(max-width:800px){.header-preferences{display:none}.mobile-menu:not([hidden]){max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:0}.mobile-preferences{display:grid;gap:9px;position:sticky;bottom:0;margin:6px -2px 0;padding:13px 4px calc(13px + env(safe-area-inset-bottom));background:#101e29;border-top:1px solid var(--line)}.mobile-preferences>strong{font-size:.8rem;color:var(--muted);font-weight:500}.mobile-preferences .preference-controls{display:grid;grid-template-columns:1fr 1fr}.mobile-preferences .preference-select select{width:100%;min-height:44px;font-size:.875rem}html[data-theme=light] .mobile-preferences{background:#f9fcfb}html[data-theme=light] .hero-guide>a{background:#fff;border-color:#c3dbd4;color:#14231f}html[data-theme=light] .account-nav{background:#f9fcfbf5;border-color:#c7d9d4}}

/* eSIM guidance and the two operational admin controls added for launch. */
.esim-guide{width:min(1180px,calc(100% - 48px));margin:72px auto 0;padding:34px;border:1px solid #31574f;border-radius:20px;background:linear-gradient(135deg,#102a25,#0c1b23)}
.esim-guide-heading{display:flex;align-items:end;justify-content:space-between;gap:28px}.esim-guide-heading>div{max-width:720px}.esim-guide-heading .eyebrow{margin-top:0}.esim-guide-heading h2{margin:6px 0 10px}.esim-guide-heading p:last-child{color:var(--ink-soft);line-height:1.9;margin-bottom:0}.esim-guide-heading .primary-action{flex:0 0 auto}
.esim-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}.esim-steps article{padding:20px;border:1px solid #29473f;border-radius:15px;background:#0c1b21}.esim-steps article>span{color:var(--cyan);font-size:.82rem;font-weight:600}.esim-steps h3{font-size:1rem;margin:9px 0 7px}.esim-steps p{font-size:.875rem;line-height:1.8;color:var(--muted);margin:0}.esim-security-note{margin:18px 0 0;padding:13px 15px;border:1px solid #3c6759;border-radius:12px;color:#bfe8da;background:#14352c;font-size:.875rem;line-height:1.8}
.admin-order{display:block}.admin-order>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;list-style:none}.admin-order>summary::-webkit-details-marker{display:none}.admin-order-details{padding-top:18px;border-top:1px solid var(--line)}.admin-customer-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}.admin-customer-details p{margin:0;color:var(--muted);overflow-wrap:anywhere}.admin-order-items{margin:14px 0}.admin-order .admin-controls{justify-content:flex-start}.admin-order .admin-controls label{min-width:220px}
.admin-sales-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.admin-sales-stats article{padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--panel);display:grid;gap:6px}.admin-sales-stats span{color:var(--muted);font-size:.86rem}.admin-sales-stats strong{font-size:1.45rem;color:var(--accent);overflow-wrap:anywhere}.danger-action{min-height:44px;padding:9px 15px;border:1px solid #9a4656;border-radius:11px;background:#3b1f28;color:#ffc4cf;font:inherit;font-weight:700;cursor:pointer}.danger-action:hover{background:#512531}.product-editor{width:min(920px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);overflow:auto}.product-editor::backdrop{background:#02080dcc;backdrop-filter:blur(4px)}.product-editor form{padding:26px}.product-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-form-grid label{display:grid;gap:7px;color:var(--muted);font-size:.88rem}.product-form-grid input,.product-form-grid select,.product-form-grid textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit}.product-form-grid textarea{resize:vertical;line-height:1.7}.product-form-grid .wide-field{grid-column:1/-1}.product-checks{display:flex;flex-wrap:wrap;gap:12px 24px;margin:18px 0}.product-checks label{display:flex;align-items:center;gap:9px}.product-checks input{width:19px;height:19px;accent-color:var(--accent)}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}
html[data-theme=light] .admin-sales-stats article,html[data-theme=light] .product-editor,html[data-theme=light] .product-form-grid input,html[data-theme=light] .product-form-grid select,html[data-theme=light] .product-form-grid textarea{background:#fff;border-color:#c7d9d4;color:#14231f}html[data-theme=light] .danger-action{background:#fff1f3;color:#892d3f;border-color:#d79aa6}
html[data-theme=light] .esim-guide{background:linear-gradient(135deg,#e8f7f2,#fff);border-color:#b5d9ce;color:#14231f}html[data-theme=light] .esim-steps article{background:#fff;border-color:#c8ddd6}html[data-theme=light] .esim-security-note{background:#dff2eb;border-color:#acd4c7;color:#244b40}
html[data-theme=light] .operator-tile.friendi .operator-logo,html[data-theme=light] .operator-tile.yaqoot .operator-logo{background:transparent;border-radius:0}
html[data-theme=light] .brand-friendi:not(.brand-art-logo),html[data-theme=light] .brand-yaqoot:not(.brand-art-logo){filter:brightness(.12)}
@media(max-width:900px){.esim-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.esim-guide{width:calc(100% - 32px);margin-top:54px;padding:24px}.esim-guide-heading{align-items:start;flex-direction:column;gap:18px}.esim-guide-heading .primary-action{width:100%}.admin-customer-details{grid-template-columns:1fr}}
@media(max-width:700px){.admin-sales-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.product-form-grid{grid-template-columns:1fr}.product-form-grid .wide-field{grid-column:auto}.product-editor{width:100%;max-height:100dvh;height:100dvh;border-radius:0}.product-editor form{padding:20px}.dialog-actions>*{flex:1}}
@media(max-width:480px){.esim-steps{grid-template-columns:1fr}.admin-order>summary{align-items:flex-start;flex-direction:column}.admin-order .admin-controls label{min-width:0;width:100%}.admin-sales-stats{grid-template-columns:1fr}.admin-controls .secondary-action,.admin-controls .danger-action{width:100%}}
.price-breakdown{display:grid;gap:8px;margin:14px 0 18px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--cyan) 28%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--cyan) 6%,var(--surface))}
.price-breakdown div{display:flex;justify-content:space-between;gap:12px;align-items:baseline;color:var(--muted);font-size:.92rem}
.price-breakdown strong{color:var(--text);font-weight:600}
.price-breakdown .price-total{margin-top:4px;padding-top:8px;border-top:1px solid var(--line);color:var(--text);font-weight:600}
.price-breakdown .price-total strong{color:var(--cyan);font-size:1.15rem}
.service-options b{color:var(--cyan);font-weight:600;margin-inline-start:.35rem}
.product-service-note{margin:0 0 16px;color:var(--muted)}
.product-type-set{display:flex;flex-wrap:wrap;gap:8px 16px;padding:12px 14px;border:1px solid var(--line);border-radius:12px}
.product-type-set legend{padding:0 6px;color:var(--muted);font-size:.88rem}
.product-type-set label{display:flex;align-items:center;gap:8px;color:var(--text)}
.footer-trust{margin:8px 0 0;padding:18px 0 6px}
.footer-cr{display:flex;align-items:center;gap:.65rem;width:fit-content;max-width:100%;padding:.75rem 1rem;border:1px solid color-mix(in srgb,var(--cyan) 40%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--cyan) 7%,transparent);color:var(--text);text-decoration:none}
.footer-cr svg{width:20px;height:20px;color:var(--cyan);flex:0 0 auto}
.footer-cr span{display:grid;gap:.15rem}.footer-cr small{color:var(--muted);font-size:.82rem}
.footer-cr b{color:var(--cyan)}
.footer-cr:hover{border-color:var(--cyan)}
.track-card{max-width:720px}.track-facts{margin:18px 0}.track-timeline li.is-current strong{color:var(--cyan)}
.product-detail .official-source{margin:12px 0 18px}
@media(max-width:700px){.footer-cr{width:100%}}
.account-security-note{margin:12px 0 0;max-width:34rem;color:#9bb8b4;font-size:.9rem;line-height:1.7}
.auth-card{box-shadow:0 18px 40px rgba(0,0,0,.28)}
.auth-benefits .subtle-note{margin-top:8px;padding:12px 14px;border:1px solid #2a4a46;border-radius:12px;background:#0b181c;color:#9fd6c8;font-size:.88rem}
@media(max-width:800px){.account-security-note{font-size:.85rem}}


/* brand-launch.css */
/* AlkStore launch identity — electric cyan on charcoal. Additive; original CSS stays. */
:root{
  --bg:#050B0C;
  --paper:#050B0C;
  --surface:#0A1315;
  --surface-2:#101C1E;
  --accent:#00F8F8;
  --accent-hover:#7AFFFF;
  --accent-soft:rgba(0,248,248,.14);
  --accent-ink:#031012;
  --cyan:#00F8F8;
  --blue:#00F8F8;
  --text:#E9F3F4;
  --ink:#E9F3F4;
  --ink-soft:#E9F3F4;
  --muted:#9DB2B6;
  --faint:#6F888D;
  --line:rgba(255,255,255,.08);
}
html,body{background:var(--bg);color:var(--ink)}
body{background:
  radial-gradient(ellipse at 50% -12%, rgba(0,248,248,.10), transparent 46%),
  var(--bg)}

body>header.topbar{
  position:sticky;top:0;z-index:40;
  width:100%;
  max-width:none;
  height:84px;
  padding-inline:max(20px,calc((100% - 1240px)/2));
  background:color-mix(in srgb, var(--bg) 91%, transparent);
  backdrop-filter:blur(22px) saturate(140%);
  border-bottom:1px solid #163336;
  box-shadow:0 10px 40px #0006,0 0 40px #00d9d410;
}
.topbar .brand{gap:12px}
body>header.topbar .brand-mark,
footer .brand-mark{
  width:52px;height:52px;border-radius:14px!important;overflow:hidden!important;
  background:var(--bg)!important;border:1px solid #1c4a4c;
  box-shadow:0 0 0 1px #00d9d422,0 10px 28px #00d9d424;
}
.topbar .brand-mark img,
footer .brand-mark img{
  width:118%;height:118%;object-fit:cover;object-position:center 28%;
  margin:-8% 0 0 -9%;filter:none;
}
.brand-wordmark strong{
  background:linear-gradient(90deg,#fff 20%,#7ef6ef);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.brand-wordmark small{color:#00d9d4;letter-spacing:.18em;text-transform:none}
.desktop-nav a{color:#b7c9cc;position:relative;transition:color .2s ease}
.desktop-nav a:hover,.desktop-nav a[aria-current]{color:#7ef6ef}
.desktop-nav a::after{
  content:"";position:absolute;inset-inline:0;bottom:-8px;height:2px;
  background:#00d9d4;transform:scaleX(0);transform-origin:right;
  transition:transform .2s ease;
}
.desktop-nav a:hover::after,.desktop-nav a[aria-current]::after{transform:scaleX(1)}
.header-link:hover{color:#7ef6ef}
.cart-button{background:#072826;border-color:#1d5c58;box-shadow:0 0 18px #00d9d414}
.cart-button:hover{border-color:#00d9d4;color:#7ef6ef}

.hero-stage{
  position:relative;
  width:min(1240px,calc(100% - 32px));
  margin:18px auto 0;
  border-radius:28px;
  overflow:hidden;
  border:1px solid #1c4446;
  background:#0b3d3a;
  box-shadow:0 24px 80px #0008,0 0 0 1px #00d9d412;
  min-height:0;
  aspect-ratio:21 / 9;
  direction:ltr;
}
.hero-stage .home-offers-viewport{
  border:0;border-radius:0;box-shadow:none;background:transparent;overflow:hidden;height:100%;aspect-ratio:auto;
}
.hero-stage-viewport{overflow:hidden;height:100%}
.hero-stage-track{display:flex;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1);will-change:transform}
.hero-slide{
  position:relative;min-width:100%;height:100%;
  display:grid;place-items:stretch;overflow:hidden;
}
.hero-slide img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center;
  transform:scale(1.04);transition:transform 8s linear;
}
.hero-slide--poster img{object-fit:cover;object-position:center;transform:none}
.hero-slide.is-active img{transform:scale(1)}
.hero-slide.is-active.hero-slide--poster img{transform:none}
.hero-slide picture,.hero-slide img{pointer-events:none}
.hero-slide-hit{position:absolute;inset:0;z-index:2;pointer-events:auto}
.hero-slide-shade{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(270deg,color-mix(in srgb, var(--bg) 96%, transparent) 0%,color-mix(in srgb, var(--bg) 85%, transparent) 26%,color-mix(in srgb, var(--bg) 53%, transparent) 48%,color-mix(in srgb, var(--bg) 13%, transparent) 74%),
    linear-gradient(180deg,transparent 36%,color-mix(in srgb, var(--bg) 95%, transparent) 100%),
    radial-gradient(ellipse at 72% 38%,rgba(0,217,212,.14),transparent 48%);
}
.hero-slide-copy{
  position:relative;z-index:2;align-self:center;
  padding:clamp(28px,6vw,72px) clamp(22px,5vw,64px) 128px;
  max-width:740px;direction:rtl;text-align:start;
}
.hero-logo{
  display:block;width:56px;height:56px;flex-shrink:0;
  border-radius:14px;overflow:hidden;margin:0 0 16px;
  border:1px solid #1c4a4c;box-shadow:0 0 24px #00d9d433;
  opacity:0;transform:translateY(14px);
}
.hero-slide .hero-logo img{
  position:static!important;inset:auto!important;
  width:56px!important;height:56px!important;
  object-fit:cover;object-position:center 30%;
  transform:none!important;margin:0;
}
.hero-kicker,.hero-title,.hero-sub,.hero-slide-copy .primary-action,.hero-logo{
  opacity:0;transform:translateY(18px);
}
.hero-slide.is-active .hero-kicker,
.hero-slide.is-active .hero-title,
.hero-slide.is-active .hero-sub,
.hero-slide.is-active .primary-action,
.hero-slide.is-active .hero-logo{
  animation:heroReveal .72s cubic-bezier(.22,1,.36,1) forwards;
}
.hero-slide.is-active .hero-logo{animation-delay:.04s}
.hero-slide.is-active .hero-kicker{animation-delay:.12s}
.hero-slide.is-active .hero-title{animation-delay:.26s}
.hero-slide.is-active .hero-sub{animation-delay:.44s}
.hero-slide.is-active .primary-action{animation-delay:.58s}
.hero-title .word{
  display:inline-block;opacity:0;transform:translateY(16px);
}
.hero-slide.is-active .hero-title .word{
  animation:heroReveal .7s cubic-bezier(.22,1,.36,1) forwards;
}
.hero-slide.is-active .hero-title{animation:none;opacity:1;transform:none;filter:none}
.hero-slide.is-active .hero-title .word:nth-child(1){animation-delay:.26s}
.hero-slide.is-active .hero-title .word:nth-child(2){animation-delay:.34s}
.hero-slide.is-active .hero-title .word:nth-child(3){animation-delay:.42s}
.hero-slide.is-active .hero-title .word:nth-child(4){animation-delay:.5s}
.hero-slide.is-active .hero-title .word:nth-child(5){animation-delay:.58s}
.hero-slide.is-active .hero-title .word:nth-child(6){animation-delay:.66s}
@keyframes heroReveal{
  to{opacity:1;transform:none}
}
.hero-kicker{
  margin:0 0 14px;color:#7ef6ef;font-weight:600;font-size:.9rem;
  letter-spacing:.04em;
}
.hero-title{
  margin:0;font-size:clamp(2.1rem,5.2vw,4.1rem);line-height:1.28;font-weight:700;
  text-shadow:0 10px 40px #000a;
}
.hero-title .accent{color:#7ef6ef}
.hero-sub{
  margin:16px 0 26px;max-width:34rem;color:#c5d6d8;font-size:1.05rem;line-height:1.9;
}
.hero-slide-copy .primary-action{
  box-shadow:0 8px 28px #00d9d433;
}
.hero-cats{
  position:relative;z-index:1;
  width:min(1240px,calc(100% - 32px));
  margin:14px auto 0;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;
}
.hero-cat{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  min-height:88px;padding:12px 10px;border-radius:18px;
  border:1px solid #1a3336;background:#0a1418;color:#e8f7f6;
  font-weight:600;font-size:.95rem;
  box-shadow:inset 0 0 0 1px #00d9d414;
  transition:border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.hero-cat:hover{border-color:#00d9d4;color:#7ef6ef;transform:translateY(-2px);box-shadow:0 12px 28px #00d9d418}
.hero-cat:active{transform:scale(.96)}
.hero-cat small{font-size:.72rem;color:#8eadae;font-weight:500}
.hero-cat svg{width:18px;height:18px;color:#7ef6ef}
.hero-stage .home-offers-dots{
  position:absolute;z-index:4;bottom:16px;inset-inline:0;
  display:flex;justify-content:center;gap:8px;
}
.hero-stage .home-offers-dots button{
  width:44px;height:44px;padding:0;border-radius:99px;border:0;
  background:transparent;min-height:44px;position:relative;
}
.hero-stage .home-offers-dots button::after{
  content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:99px;
  background:#7ef6ef55;transform:translate(-50%,-50%);
}
.hero-stage .home-offers-dots button[aria-current="true"]::after{width:22px;background:#7ef6ef}
.hero-stage .home-offers-arrow{
  position:absolute;z-index:4;top:42%;
  width:46px;height:46px;border-radius:50%;
  background:#061214cc;border:1px solid #2a6a6c;color:#7ef6ef;
  backdrop-filter:blur(8px);font-size:1.4rem;line-height:1;
  transition:border-color .2s ease,transform .2s ease;
}
.hero-stage .home-offers-arrow:hover{border-color:#00d9d4;transform:scale(1.05)}
.hero-stage .home-offers-prev{left:14px}
.hero-stage .home-offers-next{right:14px}

.primary-action,.add-button{
  background:#00d9d4;color:#042422;border-color:#00d9d4;
}
.primary-action:hover,.add-button:hover{background:#7ef6ef;color:#031b1a}
.primary-action:active,.add-button:active{transform:scale(.96)}
.eyebrow{color:#7ef6ef}

.how-it-works,.operator-section,.catalog,.business-card,.faq-section,.store-info,.esim-guide{
  width:min(1180px,calc(100% - 48px));
}
.trust-strip{
  width:min(1180px,calc(100% - 80px));
  background:#0a1418;border-color:#1a3336;
}
.trust-strip span{color:#d7e4e6}
.operator-tile{
  background:#0a1418;border-color:#1a3336;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.operator-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
.operator-tile .operator-name,
.operator-tile span{
  overflow-wrap:anywhere;
  text-wrap:balance;
  text-align:center;
}
.operator-tile:hover{
  transform:translateY(-4px);border-color:#00d9d4;
  box-shadow:0 12px 32px #00d9d418;
}
.category-tab{background:#0a1418;border-color:#1a3336}
.category-tab.active{background:#072826;border-color:#00d9d4;box-shadow:inset 0 -3px 0 #00d9d4}
.category-tab.active>span{color:#7ef6ef}
.product-card{background:#0a1418;border-color:#1a3336}
.product-card:hover{border-color:#00d9d4;box-shadow:0 18px 40px #0006}
.business-card{
  background:linear-gradient(115deg,#063330,#0a1418 62%);
  border-color:#1d5c58;
}
.faq-list details{background:#0a1418;border-color:#1a3336}
.faq-list details[open]{border-color:#1d5c58}
.store-info article{background:#0a1418;border-color:#1a3336}
.filter.active{background:#00d9d4;border-color:#00d9d4;color:#042422}
.mobile-menu:not([hidden]){background:#0a1418;border-color:#1a3336}
.mobile-bottom{background:color-mix(in srgb, var(--bg) 96%, transparent);border-top-color:#1a3336}

@media(max-width:1050px){
  .operator-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
}
@media(max-width:800px){
  body>header.topbar{width:100%;height:74px;padding-inline:16px}
  .hero-stage{width:calc(100% - 20px);border-radius:20px;aspect-ratio:16 / 10}
  .hero-slide--poster img{object-fit:cover}
  .hero-slide-copy{padding:28px 20px 72px;max-width:none}
  .hero-title{font-size:clamp(1.85rem,8vw,2.6rem)}
  .hero-cats{width:calc(100% - 20px);grid-template-columns:repeat(4,1fr);gap:8px}
  .hero-cat{min-height:72px;font-size:.78rem;border-radius:14px;padding:10px 6px}
  .hero-stage .home-offers-dots{bottom:12px}
  .hero-stage .home-offers-arrow{width:40px;height:40px;top:44%}
  .operator-section{width:calc(100% - 24px)}
  .operator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .operator-tile,
  .operator-tile:has(.operator-logo){
    min-height:108px;
    padding:14px 10px 12px;
    gap:8px;
    border-radius:16px;
  }
  .operator-tile .operator-logo{height:44px;padding:4px}
  .operator-tile .operator-logo img{max-width:92px}
  .operator-tile strong{font-size:1.2rem}
  .operator-tile .operator-name,
  .operator-tile span{font-size:.82rem;line-height:1.45;min-height:0}
}
@media(max-width:480px){
  .hero-cats{grid-template-columns:repeat(2,1fr)}
  .hero-stage{aspect-ratio:16 / 10;min-height:220px}
  .hero-slide-copy{padding-bottom:80px}
  body>header.topbar .brand-mark{width:44px;height:44px}
  .operator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}
@media(prefers-reduced-motion:reduce){
  .hero-kicker,.hero-title,.hero-sub,.hero-slide-copy .primary-action,.hero-logo,
  .hero-slide.is-active .hero-kicker,.hero-slide.is-active .hero-title,
  .hero-slide.is-active .hero-sub,.hero-slide.is-active .primary-action,
  .hero-slide.is-active .hero-logo,.hero-title .word,.hero-slide.is-active .hero-title .word{
    animation:none;opacity:1;transform:none;filter:none
  }
  .hero-slide img,.hero-slide.is-active img{transform:none;transition:none}
  .desktop-nav a::after{transition:none}
}

/* Layout pass: quieter hero kept; compact chrome, operators, stepper, eSIM, plan cards */
body>header.topbar{
  height:auto!important;
  min-height:76px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  gap:0;
  padding-block:0;
}
.header-main{
  display:flex;
  align-items:center;
  gap:16px;
  min-height:76px;
  width:100%;
}
.header-search-desktop{flex:1;min-width:160px;max-width:460px}
.desktop-nav{margin-inline:0;flex:0 1 auto}
.header-search{
  display:flex;align-items:center;gap:8px;
  background:#0a1418;border:1px solid #1a3336;border-radius:999px;
  padding:0 14px;min-height:44px;width:100%;
}
.header-search .search-icon,.header-search svg{width:18px;height:18px;color:#7ef6ef;flex:0 0 auto}
.header-search input{
  border:0;background:transparent;color:var(--ink);width:100%;min-height:42px;padding:0;box-shadow:none;
}
.header-search input:focus{outline:none}
.header-search:focus-within{border-color:#00d9d4;box-shadow:0 0 0 3px #00d9d422}
.header-search-mobile{display:none;width:100%;padding:0 0 12px}
.header-actions{margin-inline-start:auto}
.menu-toggle{order:0}

.trust-bar{
  width:min(1180px,calc(100% - 32px));
  margin:18px auto 0;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;
}
.trust-bar article{
  display:flex;flex-direction:column;align-items:flex-start;gap:4px;
  padding:14px 16px;border-radius:16px;border:1px solid #1a3336;background:#0a1418;
}
.trust-bar svg{width:18px;height:18px;color:#7ef6ef;margin-bottom:4px}
.trust-bar strong{font-size:.92rem;font-weight:600}
.trust-bar small{color:#8eadae;font-size:.75rem}

.operator-section{margin-top:40px}
.operator-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;text-align:start}
.operator-heading>div{max-width:none}
.operator-heading h2{margin:4px 0 6px}
.operator-heading p:last-child{margin:0}
.operator-row{
  display:flex!important;
  grid-template-columns:none!important;
  gap:10px;
  overflow-x:auto;
  padding:4px 2px 10px;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
}
.operator-row .operator-tile{
  flex:0 0 132px;
  min-height:96px;
  padding:12px 8px 10px;
  gap:8px;
  scroll-snap-align:start;
}
.operator-row .operator-logo{height:40px}
.operator-row .operator-name{font-size:.78rem}

.how-stepper{
  grid-template-columns:1fr!important;
  gap:18px!important;
  padding-top:8px!important;
  border-top:0!important;
  margin-top:40px;
}
.how-stepper ol{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  position:relative;
}
.how-stepper ol:before{
  content:"";position:absolute;top:26px;inset-inline:12%;height:1px;background:#1d5c58;z-index:0;
}
.how-stepper li{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  border:0!important;padding:0 12px!important;gap:10px!important;position:relative;z-index:1;
}
.how-stepper li strong{
  width:52px!important;height:52px!important;display:grid!important;place-items:center;
  border-radius:50%!important;border:1px solid #1d5c58!important;
  background:#072826!important;color:#7ef6ef!important;font-size:.95rem!important;
}
.how-stepper li span{font-size:.9rem;line-height:1.7;color:#d7e4e6;max-width:16rem}

.esim-banner{
  width:min(1180px,calc(100% - 48px));
  margin:40px auto 0;
  display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;
  padding:28px;border-radius:24px;border:1px solid #1d5c58;
  background:linear-gradient(120deg,#063330,#0a1418 62%);
  overflow:hidden;
}
.esim-banner-copy h2{margin:6px 0 10px;font-size:clamp(1.4rem,2.4vw,2rem)}
.esim-banner-copy>p{color:#c5d6d8;line-height:1.85;margin:0 0 16px;max-width:38rem}
.esim-mini{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 18px}
.esim-mini li{
  padding:7px 12px;border-radius:999px;border:1px solid #1d5c58;background:#072826;
  font-size:.8rem;color:#d7e4e6;
}
.esim-banner-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.esim-banner-visual{position:relative;min-height:220px;border-radius:18px;overflow:hidden;border:1px solid #1a3336}
.esim-banner-visual img{width:100%;height:100%;object-fit:cover;display:block;min-height:220px}
.esim-banner-visual span{
  position:absolute;inset-inline-start:16px;bottom:16px;
  padding:8px 16px;border-radius:12px;background:#042422e6;border:1px solid #00d9d4;
  color:#7ef6ef;font-weight:700;letter-spacing:.08em;
}

.catalog .search-box{display:none}
.catalog .section-heading{align-items:flex-end}
.product-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:12px!important;
}
.plan-card{
  display:flex;flex-direction:column;min-height:0;overflow:hidden;
  border-radius:16px;
}
.plan-card .offer-product-media,
.plan-card .product-image-wrap,
.plan-card .product-media{
  aspect-ratio:4/5;overflow:hidden;background:#071214;display:block;position:relative;
}
.plan-card .offer-product-media img,
.plan-card .product-media img{
  width:100%;height:100%;object-fit:cover;object-position:center top;
}
.plan-card .product-body{padding:12px 12px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.plan-operator{margin:0;font-size:.72rem;color:#9bb0b4;letter-spacing:.02em}
.plan-card h3{margin:0;font-size:.9rem;line-height:1.45;min-height:2.6em;font-weight:650}
.plan-card h3 a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.plan-chips{display:flex;flex-wrap:wrap;gap:4px}
.plan-chips span{
  font-size:.66rem;padding:3px 8px;border-radius:999px;border:1px solid #1a3336;color:#c5d6d8;background:#071214;
}
.plan-price{margin-top:auto;display:grid;gap:2px}
.plan-price del{color:#7f9699;font-size:.75rem}
.plan-price strong{font-size:1.05rem;color:#7ef6ef}
.plan-price small{color:#8eadae;font-size:.7rem}
.plan-card .add-button{min-height:40px;font-size:.8rem;width:100%;padding:8px 10px;margin-top:6px}
.plan-card .offer-actions{display:flex;align-items:center;gap:6px}
.plan-card .offer-actions .add-button{flex:1}
.plan-card .offer-favorite{position:static;width:40px;height:40px;flex:0 0 40px;border:1px solid #1a3336;border-radius:10px;background:#071214}
.plan-card .favorite-button{position:absolute;top:8px;inset-inline-start:8px;z-index:2}

@media(max-width:1200px){
  .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:1050px){
  .desktop-nav{display:none}
  .header-search-desktop{max-width:none}
  .trust-bar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .operator-grid{grid-template-columns:none}
}
@media(max-width:800px){
  body>header.topbar{padding-inline:14px;width:100%}
  .header-main{min-height:64px;gap:10px}
  .header-search-desktop{display:none}
  .header-search-mobile{display:block}
  .account-link span,.favorite-link{display:none}
  .trust-bar,.esim-banner,.how-stepper,.operator-section{width:calc(100% - 20px)}
  .trust-bar{grid-template-columns:1fr 1fr;gap:8px}
  .how-stepper ol{grid-template-columns:1fr;gap:0}
  .how-stepper ol:before{display:none}
  .how-stepper li{flex-direction:row;text-align:start;align-items:center;gap:14px!important;padding:12px 0!important;border-bottom:1px solid #1a3336!important}
  .how-stepper li:last-child{border-bottom:0!important}
  .how-stepper li span{text-align:start;max-width:none}
  .esim-banner{grid-template-columns:1fr;padding:20px;gap:16px}
  .product-grid{grid-template-columns:1fr!important;gap:10px!important}
  .plan-card{
    display:grid;grid-template-columns:118px minmax(0,1fr);align-items:stretch;
  }
  .plan-card .offer-product-media,
  .plan-card .product-image-wrap,
  .plan-card .product-media{
    aspect-ratio:auto;height:100%;min-height:132px;max-height:168px;
  }
  .plan-card h3{min-height:0;font-size:.92rem}
  .plan-card .product-body{padding:10px 12px}
  .plan-card .add-button{margin-top:4px}
  .operator-row .operator-tile{flex-basis:112px;min-height:88px}
}
@media(max-width:480px){
  .trust-bar article{padding:12px}
  .plan-card{grid-template-columns:96px minmax(0,1fr)}
}

/* launch-ui.css */
.topbar{
  width:100%;max-width:none;height:auto;flex-direction:column;align-items:stretch;padding:0;
  box-sizing:border-box;overflow:visible;
}
html,body{overflow-x:clip}
.launch-bar{
  display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
  width:100%;padding:7px 16px;
  background:linear-gradient(90deg,#0b241f,#0f2e28);
  color:#d7f7ec;font-size:.82rem;line-height:1.4;text-align:center;
  border-bottom:1px solid #1d4a41;
}
.launch-bar b{
  display:inline-flex;align-items:center;min-height:24px;padding:0 9px;
  border-radius:999px;background:#38d6ac;color:#04251a;font-size:.7rem;font-weight:800;letter-spacing:.02em;
}
.launch-bar span{opacity:.92}
.topbar .header-main{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:12px 0;width:min(1240px,calc(100% - 48px));margin:0 auto
}
.header-preferences{display:flex;align-items:center;gap:8px;margin-inline-start:6px}
.preference-select:has([data-language-select]){display:none}
.preference-select select,.lang-switch button{
  min-height:40px;padding:6px 10px;border-radius:10px;font-size:.8rem;
  background:#102129;border:1px solid #2b4748;color:var(--ink);width:auto
}
.lang-switch{display:inline-flex;gap:6px;align-items:center}
.lang-switch button{min-width:44px}
.lang-switch button[aria-pressed=true]{background:#163b2f;border-color:#38d6ac;color:#9ff3d4}
.price-num,.plan-price strong,.plan-price del,.ticket-price strong,.ticket-price del,.detail-price strong,.detail-price del{
  font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:.01em;font-weight:700
}

.ticket-card{
  --op:#38d6ac;
  display:flex;flex-direction:column;min-height:100%;
  background:linear-gradient(180deg,#12202b,#0e1822);
  border:1px solid color-mix(in srgb, var(--op) 42%, #2a4150);
  box-shadow:inset 0 3px 0 var(--op);
  grid-template-columns:none;
}
.ticket-card.op-stc{--op:#4B286D}.ticket-card.op-mobily{--op:#00A9A4}.ticket-card.op-zain{--op:#78C850}
.ticket-card.op-virgin{--op:#E10A17}.ticket-card.op-friendi{--op:#26D0D3}.ticket-card.op-redbull{--op:#DB0A40}
.ticket-card.op-yaqoot{--op:#E21B70}.ticket-card.op-salam{--op:#5B2D8E}
.ticket-media{position:relative;aspect-ratio:1.55;background:#0b151d;overflow:hidden}
.ticket-media img{width:100%;height:100%;object-fit:cover;display:block}
.ticket-duration{
  position:absolute;inset-inline-end:12px;bottom:12px;z-index:2;
  padding:5px 10px;border-radius:999px;background:#08372ccc;color:#b8ffe4;
  border:1px solid #4ad6aa80;font-size:.78rem;font-weight:700
}
.ticket-body{display:flex;flex-direction:column;gap:10px;padding:16px 16px 18px;flex:1}
.ticket-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ticket-body h3{margin:0;font-size:1.05rem;line-height:1.55}
.ticket-sim{
  font-size:.72rem;padding:3px 8px;border-radius:999px;
  border:1px solid color-mix(in srgb,var(--op) 45%,transparent);color:var(--op);white-space:nowrap
}
.ticket-perks{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ticket-perks li{display:flex;align-items:start;gap:8px;color:#c9d7e1;font-size:.88rem;line-height:1.6}
.ticket-perks li:before{content:"";width:6px;height:6px;margin-top:8px;border-radius:50%;background:var(--cyan);flex:none}
.ticket-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:auto}
.ticket-price strong{font-size:1.28rem;color:#9ff3d4}
.ticket-price del{color:#8ea0ae;font-size:.9rem}
.ticket-stock{margin-inline-start:auto;font-size:.78rem;color:var(--muted)}
.ticket-stock.in{color:#94e7c6}
.ticket-stock.out{color:#f0b4b8}
.ticket-card .add-button{margin-top:8px;width:100%}

.filter-board{display:grid;gap:16px;margin:0 0 18px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#0c1822}
.filter-board .filter-group{margin:0;display:flex;flex-wrap:wrap;gap:8px}
.filter-board .filter-label{flex:0 0 100%;display:block;margin:0 0 2px;color:var(--muted);font-size:.8rem;font-weight:600}

.trust-lane{width:min(1180px,calc(100% - 48px));margin:28px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.trust-lane article{display:grid;gap:6px;padding:18px 16px;border:1px solid #2a4a43;border-radius:18px;background:linear-gradient(180deg,#10241f,#0d1a20);min-height:118px}
.trust-lane strong{font-size:.98rem}
.trust-lane small{color:var(--muted);line-height:1.7}
.trust-lane [data-icon]{color:var(--cyan)}

.operator-logo{background:transparent!important;display:grid;place-items:center;min-height:56px;width:100%}
.operator-logo img,.compact-operator-logo,.product-operator-logo,.brand-art-logo,.data-art-logo{
  max-height:40px;max-width:96px;width:auto;height:auto;object-fit:contain;background:transparent
}

.how-it-works.how-path{
  display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.4fr);gap:28px;align-items:center;
  width:min(1180px,calc(100% - 48px));margin:56px auto 0;padding-top:36px
}
.how-it-works.how-path ol{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
  padding:0;margin:0;list-style:none;position:relative
}
.how-it-works.how-path ol:before{
  content:"";position:absolute;top:22px;inset-inline:18%;height:2px;
  background:linear-gradient(90deg,transparent,#38d6ac88,transparent);pointer-events:none
}
.how-it-works.how-path li{
  display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;
  min-height:0;padding:8px 8px 4px;border:0;background:transparent;border-radius:0;position:relative;z-index:1
}
.how-num{
  display:grid;place-items:center;width:44px;height:44px;border-radius:50%;
  background:#38d6ac;color:#04251a;font-weight:800;box-shadow:0 0 0 6px #0b1a16
}
.how-it-works.how-path li strong{
  display:block;width:auto;height:auto;min-height:0;padding:0;border:0;background:transparent;
  color:var(--ink);font-size:.95rem;line-height:1.55;place-items:unset;border-radius:0
}

.feedback-board{width:min(1180px,calc(100% - 48px));margin:64px auto 0;display:grid;gap:18px}
.feedback-grid{display:grid;grid-template-columns:.32fr 1fr;gap:18px;align-items:start}
.feedback-form{display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#0e1a24}

.feature-editor{display:grid;gap:10px}
.feature-row{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center}
.feature-row input{min-height:42px}
.feature-row button{min-height:42px;min-width:42px}
.feature-add{display:flex;gap:8px}
.admin-commerce-grid{display:grid;gap:12px}
.admin-message{display:grid;gap:8px;padding:16px;border:1px solid var(--line);border-radius:14px}
.admin-message p{margin:0;white-space:pre-wrap;line-height:1.7}
.coupon-admin-form,.referral-admin-form{display:grid;gap:14px}

html[dir=ltr] .ticket-perks li,html[dir=ltr] .how-path li,html[dir=ltr] .trust-lane article{text-align:left}
html[dir=ltr] .ticket-stock{margin-inline-start:0;margin-inline-end:auto}

html[data-theme=light] .launch-bar{background:#e7f6f1;color:#16332c;border-bottom-color:#c3ddd4}
html[data-theme=light] .launch-bar b{background:#14624d;color:#f4fffb}
html[data-theme=light] .preference-select select,html[data-theme=light] .lang-switch button{background:#fff;border-color:#b8cdc7;color:#14231f}
html[data-theme=light] .lang-switch button[aria-pressed=true]{background:#d7eee6;border-color:#51b596;color:#155b47}
html[data-theme=light] .ticket-card,html[data-theme=light] .filter-board,html[data-theme=light] .trust-lane article,html[data-theme=light] .feedback-form{
  background:#fff;border-color:#c9ddd6;color:#14231f
}
html[data-theme=light] .ticket-card{box-shadow:inset 0 3px 0 var(--op),0 10px 24px #193d3210}
html[data-theme=light] .ticket-media{background:#eef6f3}
html[data-theme=light] .ticket-perks li,html[data-theme=light] .trust-lane small{color:#3d5851}
html[data-theme=light] .ticket-price strong{color:#14624d}
html[data-theme=light] .ticket-duration{background:#e7f6f1;color:#14624d;border-color:#9dcec0}
html[data-theme=light] .topbar{background:#f7fbfaf5}
html[data-theme=light] .how-num{box-shadow:0 0 0 6px #f4f8f7}
html[data-theme=light] .how-it-works.how-path li strong{color:#14231f}
html[data-theme=light] .operator-tile.friendi img,
html[data-theme=light] .operator-tile.yaqoot img,
html[data-theme=light] img.brand-friendi,
html[data-theme=light] img.brand-yaqoot{filter:brightness(.12)}
html[data-theme=light] .operator-tile.friendi .operator-logo,
html[data-theme=light] .operator-tile.yaqoot .operator-logo{background:transparent!important}
html[data-theme=light] .hero-cat{background:#fff;border-color:#c9ddd6;color:#14231f}
html[data-theme=light] .product-editor,html[data-theme=light] .confirm-dialog{background:#fff;color:#14231f}
html[data-theme=light] .form-status:not(:empty){background:#e7f4ef;border-color:#b7d8cc;color:#16332c}
html[data-theme=light] .form-status.error{background:#fdecee;border-color:#e3b4bc;color:#7a2434}
html[data-theme=light] .business-card{color:#14231f;background:linear-gradient(115deg,#e7f6f1,#fff);border-color:#c3ddd4}
html[data-theme=light] .faq-list details,html[data-theme=light] .store-info article{background:#fff;color:#14231f}
html[data-theme=light] .faq-list p{color:#3d5851}
html[data-theme=light] .admin-message{background:#fff}
html[data-theme=light] select{color-scheme:light}
html[data-theme=light] .primary-action,html[data-theme=light] .add-button{color:#04251a}
html[data-theme=light] .header-link,html[data-theme=light] .desktop-nav a{color:#243833}
html[data-theme=light] .mobile-bottom a{color:#3d5851}
html[data-theme=light] .toast{background:#e7f6f1;color:#16332c;border-color:#9dcec0}
html[data-theme=light] .ticket-stock.in{color:#14624d}
html[data-theme=light] .ticket-stock.out{color:#8a2436}
html[data-theme=light] .favorite-button{background:#fff;color:#155b47;border-color:#c9ddd6}
html[data-theme=light] .header-search input{background:#fff;color:#14231f;border-color:#b8cdc7}
html[data-theme=light] .coupon-card,html[data-theme=light] .admin-row{background:#fff;color:#14231f}
html[data-theme=light] .points-checkout,html[data-theme=light] .summary-note{color:#344842}
html[data-theme=light] .cart-dialog{background:#fff;color:#14231f}

/* 3-month offer slide */
.hero-slide--quarter{background:#050B0C;color:#F4F8F9}
.q3-bg{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(560px 320px at 8% 18%, rgba(0,217,212,.28), transparent 68%),
    radial-gradient(480px 280px at 92% 88%, rgba(122,47,255,.2), transparent 70%),
    radial-gradient(420px 240px at 72% 8%, rgba(2,150,63,.16), transparent 72%),
    linear-gradient(118deg,#07181b 0%,#050B0C 46%,#081418 100%);
}
.q3-bg:after{
  content:"";position:absolute;inset:0;opacity:.4;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:radial-gradient(ellipse at 68% 50%,#000 10%,transparent 74%);
}
.q3{
  position:relative;z-index:2;height:100%;
  display:grid;grid-template-columns:minmax(250px,.86fr) minmax(0,1.4fr);
  gap:22px;align-items:center;
  padding:26px 62px 44px;direction:rtl;
}
html[lang="en"] .q3{direction:ltr}
.q3-kicker{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin:0 0 10px;color:#7ef6ef;font-weight:800;font-size:.95rem;
}
.q3-kicker span{
  display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;
  background:#00d9d4;color:#042422;font-size:.78rem;font-weight:800;letter-spacing:0;
}
.q3-copy h2{
  margin:0;font-size:clamp(1.65rem,2.5vw,2.65rem);line-height:1.22;font-weight:800;letter-spacing:-.03em;
}
.q3-copy p{margin:10px 0 16px;max-width:34rem;color:#9DB2B6;font-size:.95rem;line-height:1.7}
.q3-copy .primary-action{box-shadow:0 10px 28px rgba(0,217,212,.28)}
.q3-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0}
.q3-card{
  display:flex;flex-direction:column;gap:6px;min-width:0;
  padding:12px 12px 14px;border-radius:16px;text-decoration:none;color:#F4F8F9;
  background:linear-gradient(180deg,rgba(16,28,30,.94),rgba(8,16,18,.96));
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 16px 36px rgba(0,0,0,.28);
  transition:transform .2s ease,border-color .2s ease;
}
.q3-card:hover{transform:translateY(-3px);border-color:#7ef6ef}
.q3-card:focus-visible{outline:2px solid #7ef6ef;outline-offset:3px}
.q3-card.op-stc{box-shadow:inset 0 3px 0 #7A2FFF,0 16px 36px rgba(0,0,0,.28)}
.q3-card.op-mobily{box-shadow:inset 0 3px 0 #1E7BFF,0 16px 36px rgba(0,0,0,.28)}
.q3-card.op-zain{box-shadow:inset 0 3px 0 #02963F,0 16px 36px rgba(0,0,0,.28)}
.q3-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.q3-logo{display:grid;place-items:center;height:32px;min-width:68px;padding:4px 8px;border-radius:8px;background:#F4F8F9}
.hero-slide--quarter .q3-logo img,
.hero-slide--quarter.is-active .q3-logo img{
  position:static!important;inset:auto!important;width:auto!important;height:18px!important;max-width:78px!important;
  object-fit:contain!important;transform:none!important;margin:0!important;
}
.q3-off{font-size:.75rem;font-weight:800;color:#042422;background:#7ef6ef;border-radius:999px;padding:3px 8px;white-space:nowrap}
.q3-data{display:flex;align-items:baseline;gap:6px;line-height:1}
.q3-data strong{font-size:clamp(1.55rem,2.3vw,2.3rem);font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.q3-data small{color:#9DB2B6;font-size:.82rem;font-weight:700}
.q3-meta{color:#9DB2B6;font-size:.78rem;font-weight:700}
.q3-prices{display:grid;gap:3px;margin-top:2px}
.q3-was,.q3-now{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}
.q3-was em,.q3-now em{font-style:normal;font-size:.68rem;font-weight:800;color:#6F888D}
.q3-was del{color:#93A7A9;font-size:.95rem;font-weight:700;text-decoration-thickness:2px}
.q3-was i,.q3-now i{font-style:normal;font-size:.7rem;font-weight:700;color:#9DB2B6}
.q3-now em{color:#7ef6ef}
.q3-now b{font-size:clamp(1.2rem,1.7vw,1.65rem);color:#7ef6ef;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.hero-slide.is-active .q3-card{animation:q3in .55s cubic-bezier(.22,1,.36,1) both}
.hero-slide.is-active .q3-card:nth-child(2){animation-delay:.08s}
.hero-slide.is-active .q3-card:nth-child(3){animation-delay:.16s}
@keyframes q3in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:1099px){
  .hero-stage{aspect-ratio:16/10}
  .q3{grid-template-columns:1fr;align-content:center;gap:12px;padding:18px 52px 40px}
  .q3-copy p:not(.q3-kicker){display:none}
  .q3-copy h2{font-size:clamp(1.35rem,3vw,1.8rem)}
}
@media(max-width:720px){
  .hero-stage{aspect-ratio:3/4;min-height:0}
  .hero-stage .home-offers-arrow{display:none}
  .q3{padding:14px 12px 28px;align-content:center;gap:8px}
  .q3-kicker{font-size:.82rem;margin-bottom:6px}
  .q3-copy h2{font-size:1.22rem}
  .q3-grid{grid-template-columns:1fr;gap:8px}
  .q3-card{
    display:grid;grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:"top data prices" "top meta prices";
    align-items:center;column-gap:10px;row-gap:2px;padding:10px 12px;
  }
  .q3-top{grid-area:top}
  .q3-data{grid-area:data}
  .q3-meta{grid-area:meta}
  .q3-prices{grid-area:prices;margin:0;justify-items:end}
  .q3-data strong{font-size:1.45rem}
  .q3-now b{font-size:1.2rem}
  .q3-logo{height:28px;min-width:58px;padding:3px 6px}
  .hero-slide--quarter .q3-logo img,
  .hero-slide--quarter.is-active .q3-logo img{height:15px!important;max-width:64px!important}
}
@media(prefers-reduced-motion:reduce){
  .hero-slide.is-active .q3-card{animation:none}
}
html[data-theme=light] .hero-cat small{color:#3d5851}
html[data-theme=light] .compact-product-card{background:#fff}
html[data-theme=light] .account-nav a{color:#243833}

.hero-cat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}
.lang-switch button span{margin-inline-start:4px}

@media(max-width:800px){
  .topbar .header-main{width:calc(100% - 24px);gap:10px;min-width:0}
  .header-preferences{
    display:flex!important;align-items:center;margin:0
  }
  .header-preferences .preference-select{display:none}
  .lang-switch button{min-width:42px;padding:6px 8px;font-size:1.05rem}
  .lang-switch button span{display:none}
  .header-actions{gap:6px;min-width:0}
  .ticket-card.plan-card{display:flex;flex-direction:column;grid-template-columns:none}
  .ticket-card .ticket-media,.ticket-card .product-media{aspect-ratio:1.55;height:auto;max-height:none;min-height:0}
  .trust-lane,.feedback-grid,.how-it-works.how-path{grid-template-columns:1fr}
  .how-it-works.how-path ol{grid-template-columns:1fr;gap:10px}
  .how-it-works.how-path ol:before{display:none}
  .how-it-works.how-path li{flex-direction:row;align-items:center;text-align:start;gap:14px;padding:12px 14px;border:1px solid #2a4a43;border-radius:18px;background:#10231f}
  html[data-theme=light] .how-it-works.how-path li{background:#fff;border-color:#c9ddd6}
  .launch-bar{font-size:.78rem;padding:8px 12px}
  .feature-row{grid-template-columns:1fr auto auto}
}
@media(max-width:480px){
  .how-it-works.how-path ol,.how-it-works.how-path li{grid-template-columns:1fr}
  .how-it-works.how-path li strong{width:auto;height:auto}
}

/* launch-ui-fix.css */

.store-intro{width:min(1180px,calc(100% - 48px));margin:28px auto 0;display:grid;gap:8px}
.store-intro-title{margin:0;font-size:clamp(1.35rem,3vw,2rem);line-height:1.35;letter-spacing:-.02em}
.operator-tile.friendi{color:#f4ffff}
.operator-tile.friendi img{max-height:28px}
html[data-theme=light] .operator-tile.friendi{color:#111827}
html[data-theme=light] .operator-tile.friendi img,
html[data-theme=light] .operator-tile.yaqoot img,
html[data-theme=light] img.brand-friendi,
html[data-theme=light] img.brand-yaqoot{filter:none}
.feature-row{display:grid;grid-template-columns:minmax(0,1fr) 42px 42px 42px;gap:8px;align-items:center}
@media(max-width:800px){
  .feature-row{grid-template-columns:minmax(0,1fr) 42px 42px 42px}
}
html[data-theme=light] .how-it-works.how-path li{background:#fff}
html[data-theme=light] .filter-board,
html[data-theme=light] .trust-lane article,
html[data-theme=light] .ticket-card{background:#fff;color:#14231f}

.header-actions .header-link span,
.header-actions .cart-button span{display:none}
.header-actions .header-link,
.header-actions .cart-button{
  width:42px;height:42px;min-width:42px;padding:0;
  display:inline-flex;align-items:center;justify-content:center;
}
.lang-switch button{min-width:40px;padding:6px 8px;font-size:1.05rem;line-height:1}
.lang-switch button span{display:none}
.brand-mark{
  display:grid;place-items:center;width:44px;height:44px;border-radius:12px;
  background:#07131a;overflow:hidden;flex:none;
}
.brand-mark img{width:44px;height:44px;object-fit:cover;display:block}
html[data-theme=light] .brand-mark{background:#07131a;box-shadow:0 0 0 1px #d7e6e1}
html[data-theme=light] .brand-mark img{filter:none}
html[data-theme=light] .topbar,
html[data-theme=light] header.topbar{background:#f6faf8;border-bottom:1px solid #d7e6e1}
html[data-theme=light] body,
html[data-theme=light] .alk-page{background:#f4f8f6;color:#14231f}
html[data-theme=light] .mobile-bottom,
html[data-theme=light] .mobile-menu{background:#fff;color:#14231f;border-color:#d7e6e1}
html[data-theme=light] .header-search input{background:#fff}
html[data-theme=light] .operator-tile{background:#fff;border-color:#d5e4de;color:#14231f}
html[data-theme=light] .category-tab,
html[data-theme=light] .catalog-tools,
html[data-theme=light] .filter-toggle,
html[data-theme=light] .sort-label select,
html[data-theme=light] .catalog-view-switch button{background:#fff;color:#14231f;border-color:#d5e4de}
html[data-theme=light] .section-heading h2,
html[data-theme=light] .operator-heading h2,
html[data-theme=light] .store-intro-title{color:#10231d}

.ticket-card{
  border-radius:20px;overflow:hidden;
  background:linear-gradient(180deg,#101c24,#0c151c);
}
.ticket-card .ticket-body{padding:14px 14px 16px}
.ticket-card h3{font-size:1rem;font-weight:700}
.ticket-perks{display:flex;flex-wrap:wrap;gap:6px}
.ticket-perks li{
  display:inline-flex;align-items:center;gap:0;
  padding:4px 8px;border-radius:999px;
  background:color-mix(in srgb,var(--op) 14%,transparent);
  color:inherit;font-size:.75rem;line-height:1.35
}
.ticket-perks li:before{display:none}
.ticket-price{align-items:baseline}
.ticket-card .add-button{border-radius:12px}
html[data-theme=light] .ticket-perks li{background:#eef6f3;color:#24443c}

.how-it-works.how-path ol{gap:14px}
.how-it-works.how-path li small{
  display:block;color:var(--muted);font-size:.8rem;line-height:1.5;font-weight:500
}
.how-it-works.how-path li strong{margin:0}
@media(max-width:800px){
  .topbar .header-main{width:calc(100% - 16px);padding:10px 0;gap:8px}
  .brand-wordmark small{display:none}
  .header-actions{gap:4px}
  .how-it-works.how-path li{align-items:flex-start}
  .how-it-works.how-path li small{text-align:start}
}

/* ui-refresh.css */
/* AlkStore UI refresh — light theme contrast, cards, steps, logos */

html[data-theme=light]{
  color-scheme:light;
  --ink:#10231d;
  --muted:#4a655d;
  --line:#d5e4de;
  --cyan:#14624d;
}
html[data-theme=light] body,
html[data-theme=light] .alk-page{
  background:#f3f7f5;
  color:#10231d;
}
html[data-theme=light] .topbar,
html[data-theme=light] header.topbar{
  background:#f7fbf9;
  border-bottom:1px solid #d7e6e1;
}
html[data-theme=light] .brand-wordmark strong,
html[data-theme=light] .brand-wordmark small,
html[data-theme=light] .desktop-nav a,
html[data-theme=light] .header-link,
html[data-theme=light] .header-actions a,
html[data-theme=light] .menu-toggle{
  color:#10231d !important;
}
html[data-theme=light] .brand-wordmark small{color:#3d6b5f !important;opacity:1}
html[data-theme=light] .brand-mark{
  background:#07131a;
  box-shadow:0 0 0 1px #d7e6e1;
}
html[data-theme=light] .brand-mark img,
html[data-theme=light] .hero-logo img,
html[data-theme=light] .footer-brand .brand-mark img{
  filter:none !important;
  mix-blend-mode:normal;
}
html[data-theme=light] .header-search,
html[data-theme=light] .header-search-desktop,
html[data-theme=light] .header-search-mobile{
  background:transparent;
}
html[data-theme=light] .header-search input,
html[data-theme=light] input[data-search],
html[data-theme=light] input[data-header-search]{
  background:#fff !important;
  color:#10231d !important;
  border:1px solid #c9ddd6 !important;
  caret-color:#14624d;
}
html[data-theme=light] .header-search input::placeholder{
  color:#6b857d;
}
html[data-theme=light] .launch-bar{
  background:#e7f4ef;
  color:#16332c;
  border-bottom-color:#c3ddd4;
}
html[data-theme=light] .operator-logo img,
html[data-theme=light] img.brand-stc,
html[data-theme=light] img.brand-friendi,
html[data-theme=light] img.brand-yaqoot{
  filter:none !important;
}
html[data-theme=light] .operator-tile{
  background:#fff;
  border-color:#d5e4de;
  color:#10231d;
}
html[data-theme=light] .product-card,
html[data-theme=light] .plan-card,
html[data-theme=light] .ticket-card,
html[data-theme=light] .compact-product-card{
  background:#fff;
  color:#10231d;
  border-color:#d5e4de;
}
html[data-theme=light] .product-card h3,
html[data-theme=light] .product-card h3 a,
html[data-theme=light] .plan-card h3,
html[data-theme=light] .plan-card h3 a,
html[data-theme=light] .ticket-card h3,
html[data-theme=light] .ticket-card h3 a,
html[data-theme=light] .plan-operator,
html[data-theme=light] .ticket-perks li{
  color:#10231d !important;
}
html[data-theme=light] .ticket-price strong,
html[data-theme=light] .plan-price strong{
  color:#0f5a46 !important;
}
html[data-theme=light] .ticket-price del,
html[data-theme=light] .plan-price del{
  color:#6b857d !important;
}
html[data-theme=light] .footer-support,
html[data-theme=light] footer{
  background:#eef5f2;
  color:#10231d;
}
html[data-theme=light] footer a,
html[data-theme=light] .footer-links a,
html[data-theme=light] .footer-bottom{
  color:#24443c;
}

.operator-logo,
.operator-logo img{
  background:transparent !important;
}
.operator-tile .operator-logo{
  min-height:52px;
}
.operator-tile .operator-logo img{
  max-height:36px;
  max-width:118px;
  width:auto;
  height:auto;
  object-fit:contain;
}

.product-grid{
  align-items:stretch;
}
.product-card.ticket-card,
.plan-card.ticket-card{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:20px;
  min-height:100%;
}
.ticket-card .ticket-media,
.ticket-card .product-media,
.product-card .product-media{
  width:100%;
  aspect-ratio:16/10;
  overflow:hidden;
}
.ticket-card .ticket-media img,
.ticket-card .product-media img,
.product-card .product-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.ticket-card .ticket-body{
  display:flex;
  flex-direction:column;
  gap:10px;
  flex:1;
}
.ticket-card .ticket-price{
  margin-top:auto;
}
.ticket-card .add-button,
.product-card .add-button{
  width:100%;
  justify-content:center;
}

.how-it-works.how-path{
  width:min(1180px,calc(100% - 48px));
  margin:48px auto 0;
  display:grid;
  gap:22px;
}
.how-it-works.how-path > div h2{
  margin:6px 0 0;
  letter-spacing:-.02em;
}
.how-it-works.how-path ol{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  list-style:none;
  margin:0;
  padding:0;
  position:relative;
}
.how-it-works.how-path ol:before{display:none}
.how-it-works.how-path li{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
  text-align:start;
  min-height:164px;
  padding:20px 18px 18px;
  border:1px solid #2a4a43;
  border-radius:20px;
  background:linear-gradient(180deg,#10241f,#0d1a20);
  position:relative;
}
.how-it-works.how-path li strong{
  font-size:1.05rem;
  line-height:1.45;
}
.how-it-works.how-path li small{
  display:block;
  color:var(--muted);
  font-size:.86rem;
  line-height:1.65;
}
.how-num{
  width:36px;
  height:36px;
  border-radius:12px;
  box-shadow:none;
  font-size:.95rem;
}
html[data-theme=light] .how-it-works.how-path li{
  background:#fff;
  border-color:#d5e4de;
  color:#10231d;
  box-shadow:0 10px 24px #193d320c;
}
html[data-theme=light] .how-num{
  background:#14624d;
  color:#f4fffb;
  box-shadow:none;
}

@media(max-width:800px){
  .how-it-works.how-path ol{grid-template-columns:1fr}
  .how-it-works.how-path li{
    min-height:0;
    flex-direction:row;
    align-items:flex-start;
  }
}

/* ui-modern.css */
/* AlkStore — Saudi digital chrome: ink, mint, glass, concentric radii */

:root{
  --glass:rgba(6,14,22,.82);
  --glass-line:rgba(56,214,172,.16);
  --header-h:76px;
}
html[data-theme=light]{
  --glass:rgba(247,251,249,.92);
  --glass-line:#d5e4de;
}

body>header.topbar{
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  flex-direction:column;
  align-items:stretch;
  padding:0!important;
  background:
    linear-gradient(180deg,transparent,transparent),
    var(--glass)!important;
  backdrop-filter:saturate(1.5) blur(22px);
  border-bottom:1px solid var(--glass-line)!important;
  box-shadow:0 12px 40px #0410181f;
}
body>header.topbar:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:2px;
  background:linear-gradient(90deg,transparent 8%,#38d6ac 50%,transparent 92%);
  pointer-events:none;
}
.launch-bar{
  justify-content:center;
  gap:12px;
  padding:7px 22px;
  background:
    repeating-linear-gradient(-45deg,transparent,transparent 10px,#38d6ac08 10px,#38d6ac08 11px),
    linear-gradient(90deg,#06151c,#0b241f 42%,#082029);
  font-size:.78rem;
  letter-spacing:.02em;
}
.launch-bar b{
  min-height:22px;
  padding:0 10px;
  font-size:.66rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.topbar .header-main{
  width:min(1240px,calc(100% - 36px));
  margin:0 auto;
  padding:10px 0 12px;
  gap:14px;
  align-items:center;
}
.brand{gap:10px}
.brand-mark{
  width:46px!important;
  height:46px!important;
  padding:4px;
  border:1px solid #38d6ac33;
  border-radius:14px!important;
  background:#07141c!important;
  overflow:hidden!important;
}
.brand-wordmark strong{
  font-size:1.16rem;
  letter-spacing:-.045em;
}
.brand-wordmark small{
  font-size:.6rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:#7fd9be;
}
.desktop-nav{
  gap:3px!important;
  margin-inline:6px auto;
  padding:4px;
  border:1px solid #24443c66;
  border-radius:999px;
  background:#0b171fcc;
}
.desktop-nav a{
  padding:8px 14px!important;
  border-radius:999px;
  color:#d5e4de;
  font-size:.84rem;
  font-weight:600;
  white-space:nowrap;
}
.desktop-nav a::after{display:none!important}
.desktop-nav a:hover,
.desktop-nav a[aria-current=page]{
  background:#163b2f;
  color:#9ff3d4!important;
}
.header-search{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:min(280px,28vw);
  padding:0 14px;
  border:1px solid #2b4748;
  border-radius:999px;
  background:#0b171f;
}
.header-search input{
  border:0!important;
  background:transparent!important;
  min-height:42px;
  padding:0;
  box-shadow:none;
}
.header-search:focus-within{
  border-color:#38d6ac;
  box-shadow:0 0 0 3px #38d6ac22;
}
.lang-switch button{
  width:40px;
  min-width:40px;
  height:40px;
  padding:0;
  border-radius:12px;
  font-size:1.05rem;
  background:#102129;
  border:1px solid #2b4748;
}
.lang-switch button span{display:none}
.lang-switch button[aria-pressed=true]{
  background:#163b2f;
  border-color:#38d6ac;
}
.header-actions .header-link,
.header-actions .cart-button{
  width:42px;
  height:42px;
  min-width:42px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
}
.header-actions .header-link span,
.header-actions .cart-button span{display:none}
.header-actions .cart-button{
  width:auto;
  min-width:42px;
  padding:0 14px;
  gap:8px;
  background:linear-gradient(180deg,#3ee0b5,#2cc39a);
  border:0;
  color:#04251a;
  font-weight:800;
}
.header-actions .cart-button span{
  display:inline;
  font-size:.82rem;
}
.preference-select select{
  min-height:40px;
  border-radius:12px;
  padding:0 10px;
}

.store-intro{
  width:min(1180px,calc(100% - 48px));
  margin:28px auto 0;
  display:grid;
  gap:10px;
  padding:22px 24px 8px;
  border-inline-start:3px solid #38d6ac;
}
.store-intro .eyebrow{
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:.72rem;
}
.store-intro-title{
  margin:0;
  font-size:clamp(1.45rem,3.4vw,2.35rem);
  letter-spacing:-.04em;
  line-height:1.28;
  max-width:18ch;
}
.store-intro p{margin:0;max-width:62ch;color:var(--muted)}

.hero-cats{
  width:min(1180px,calc(100% - 48px));
  margin:22px auto 0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.hero-cat{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:start;
  gap:4px;
  padding:18px 16px;
  border:1px solid #2a4a43;
  border-radius:20px;
  background:linear-gradient(180deg,#10241f,#0d1a20);
  min-height:108px;
  transition:transform .18s ease,border-color .18s ease;
}
.hero-cat:hover{transform:translateY(-3px);border-color:#38d6ac88}
.hero-cat [data-icon]{color:var(--cyan);margin-bottom:4px}
.hero-cat small{color:var(--muted)}

.operator-tile{
  border-radius:18px!important;
  background:linear-gradient(180deg,#121f28,#0d171f)!important;
  transition:transform .18s ease,border-color .18s ease;
}
.operator-tile:hover{
  transform:translateY(-3px);
  border-color:#38d6ac88!important;
}
.operator-name{font-size:.78rem;font-weight:700}

.how-it-works.how-path{
  grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr);
  gap:24px;
}
.how-it-works.how-path ol:before{display:none}
.how-it-works.how-path li{
  align-items:flex-start;
  text-align:start;
  gap:12px;
  min-height:156px;
  padding:20px 18px;
  border:1px solid #2a4a43;
  border-radius:22px;
  background:linear-gradient(180deg,#10241f,#0d1a20);
}
.how-it-works.how-path li strong{font-size:1.02rem;display:block}
.how-it-works.how-path li small,
.how-it-works.how-path .how-copy small{
  display:block;
  color:var(--muted);
  font-size:.86rem;
  line-height:1.65;
  margin-top:6px;
}
.how-num{
  width:36px;
  height:36px;
  border-radius:12px;
  box-shadow:none;
}

.category-tabs{
  gap:10px;
}
.category-tab{
  border-radius:18px;
  min-height:96px;
}
.category-tab.active{
  background:#102a24;
  border-color:#42c5a3;
}

.product-card.ticket-card,
.plan-card.ticket-card{
  border-radius:22px;
  overflow:hidden;
}
.ticket-card .ticket-media,
.ticket-card .product-media{
  width:100%;
  aspect-ratio:16/10;
}
.ticket-card .ticket-media img,
.ticket-card .product-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.ticket-card .add-button{width:100%;justify-content:center}

.product-coupon{
  display:grid;
  gap:8px;
  margin:8px 0 16px;
  padding:14px;
  border:1px dashed #34675c;
  border-radius:16px;
  background:#0d1c22;
}
.product-coupon .coupon-kicker{
  font-size:.82rem;
  font-weight:700;
  color:#9ff3d4;
}
.product-coupon .coupon-row{
  display:flex;
  gap:8px;
}
.product-coupon input{flex:1;min-width:0}
.price-breakdown{
  display:grid;
  gap:8px;
  margin:12px 0 8px;
  padding:14px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.price-breakdown > div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  font-size:.92rem;
}
.price-breakdown .price-total{
  padding-top:8px;
  border-top:1px solid var(--line);
  font-size:1.05rem;
}
.price-breakdown .price-total strong,
.price-breakdown .is-discount strong{color:var(--cyan)}

.business-card{
  border-radius:24px;
  overflow:hidden;
}

html[data-theme=light] body,
html[data-theme=light] .alk-page{background:#f3f7f5;color:#10231d}
html[data-theme=light] .brand-wordmark strong,
html[data-theme=light] .desktop-nav a,
html[data-theme=light] .header-link,
html[data-theme=light] .menu-toggle{color:#10231d!important}
html[data-theme=light] .brand-wordmark small{color:#3d6b5f!important}
html[data-theme=light] .brand-mark{background:#fff!important;border-color:#c9ddd6}
html[data-theme=light] .desktop-nav{background:#fff;border-color:#d5e4de}
html[data-theme=light] .desktop-nav a:hover,
html[data-theme=light] .desktop-nav a[aria-current=page]{
  background:#e7f4ef;color:#14624d!important
}
html[data-theme=light] .header-search,
html[data-theme=light] .lang-switch button,
html[data-theme=light] .preference-select select{
  background:#fff;border-color:#c9ddd6;color:#10231d
}
html[data-theme=light] .launch-bar{
  background:#e7f4ef;color:#16332c;border-bottom-color:#c3ddd4
}
html[data-theme=light] .hero-cat,
html[data-theme=light] .how-it-works.how-path li,
html[data-theme=light] .operator-tile,
html[data-theme=light] .ticket-card,
html[data-theme=light] .product-coupon,
html[data-theme=light] .filter-board,
html[data-theme=light] .trust-lane article,
html[data-theme=light] .category-tab{
  background:#fff;border-color:#d5e4de;color:#10231d
}
html[data-theme=light] .ticket-card h3,
html[data-theme=light] .ticket-card h3 a,
html[data-theme=light] .plan-operator,
html[data-theme=light] .store-intro-title{color:#10231d!important}
html[data-theme=light] .header-actions .cart-button{color:#04251a}
html[data-theme=light] .product-coupon .coupon-kicker{color:#14624d}
html[data-theme=light] .store-intro{border-inline-start-color:#14624d}

@media(max-width:800px){
  .hero-cats,.how-it-works.how-path ol{grid-template-columns:1fr}
  .how-it-works.how-path{grid-template-columns:1fr}
  .how-it-works.how-path li{flex-direction:row;min-height:0}
  .header-actions .cart-button span{display:none}
  .header-search-desktop{display:none}
  .topbar .header-main{width:calc(100% - 16px)}
  .store-intro{width:calc(100% - 32px);padding:8px 4px 0}
  .store-intro-title{max-width:none}
}
@media(prefers-reduced-motion:reduce){
  .hero-cat:hover,.operator-tile:hover{transform:none}
}

/* ui-launch-hardening.css */
/* Launch hardening: light-mode logos, contrast, cookie bar, 404, mobile */

html[data-theme=light] .operator-tile,
html[data-theme=light] a.operator-tile{
  background:#fff !important;
  border:1px solid #d5e4de !important;
  color:#10231d !important;
  box-shadow:0 8px 20px #193d320c;
}
html[data-theme=light] .operator-tile .operator-name{color:#10231d !important}
html[data-theme=light] .operator-logo,
html[data-theme=light] .operator-logo img,
html[data-theme=light] img.brand-stc,
html[data-theme=light] img.brand-friendi,
html[data-theme=light] img.brand-yaqoot,
html[data-theme=light] .operator-tile.friendi img,
html[data-theme=light] .operator-tile.yaqoot img,
html[data-theme=light] .operator-tile.salam img,
html[data-theme=light] .compact-operator-logo,
html[data-theme=light] .product-operator-logo,
html[data-theme=light] .brand-art-logo,
html[data-theme=light] .data-art-logo{
  filter:none !important;
  mix-blend-mode:normal !important;
  background:transparent !important;
  opacity:1 !important;
}
html[data-theme=light] .brand-mark{background:#07131a !important}
html[data-theme=light] .hero-cat,
html[data-theme=light] .trust-lane article,
html[data-theme=light] .how-it-works.how-path li,
html[data-theme=light] .filter-board,
html[data-theme=light] .category-tab,
html[data-theme=light] .ticket-card,
html[data-theme=light] .feedback-form{
  background:#fff !important;
  color:#10231d !important;
  border-color:#d5e4de !important;
}
html[data-theme=light] .ticket-perks li,
html[data-theme=light] .how-it-works.how-path li small,
html[data-theme=light] .store-intro p,
html[data-theme=light] .hero-cat small{color:#3d5851 !important}
html[data-theme=light] .ticket-price strong{color:#14624d !important}
html[data-theme=light] .primary-action,
html[data-theme=light] .add-button,
html[data-theme=light] .header-actions .cart-button{color:#04251a !important}
html[data-theme=light] .launch-bar{background:#e7f4ef !important;color:#16332c !important}
.operator-logo img{max-height:38px;max-width:128px;object-fit:contain}
.cookie-bar{position:fixed;z-index:80;inset-inline:16px;bottom:16px;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;max-width:920px;margin-inline:auto;padding:14px 16px;border-radius:18px;border:1px solid #2a4a43;background:#0e1a24;color:#e8f3ef;box-shadow:0 16px 40px #04101866}
html[data-theme=light] .cookie-bar{background:#fff;color:#10231d;border-color:#d5e4de}
.cookie-bar p{margin:0;max-width:58ch;line-height:1.6;font-size:.9rem}
.cookie-bar a{color:var(--cyan);text-decoration:underline}
.cookie-bar-actions{display:flex;gap:8px;flex-wrap:wrap}
.cookie-bar button{min-height:40px;padding:0 14px;border-radius:12px;border:1px solid #2b4748;background:#163b2f;color:#9ff3d4;font-weight:700}
.cookie-bar .cookie-accept{background:linear-gradient(180deg,#3ee0b5,#2cc39a);border:0;color:#04251a}
html[data-theme=light] .cookie-bar button{background:#e7f4ef;color:#14624d;border-color:#c3ddd4}
.not-found-page{width:min(720px,calc(100% - 40px));margin:72px auto;display:grid;gap:12px}
.not-found-page .primary-action{width:fit-content}
@media(max-width:800px){.cookie-bar{inset-inline:10px;bottom:12px;padding:12px}.operator-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.hero-cats{grid-template-columns:1fr}.trust-lane{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.trust-lane{grid-template-columns:1fr}}

/* ui-home-compact.css */
/* Home compact catalog + slim header + theme-safe logos */
.catalog-view-switch{display:none!important}
.product-grid,.product-grid[data-view=cards],.product-grid[data-view=compact]{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:14px;
}
.compact-product-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:220px;
  padding:16px;
  border-radius:18px;
  border:1px solid #2a4a43;
  background:linear-gradient(180deg,#10241f,#0d1a20);
  color:inherit;
  text-decoration:none;
  box-shadow:0 10px 24px #04101840;
}
.compact-product-card:hover{border-color:#38d6ac88;transform:translateY(-2px)}
.compact-brand{display:flex;align-items:center;justify-content:space-between;gap:10px}
.compact-operator-logo{height:32px!important;width:auto!important;max-width:148px!important;object-fit:contain!important;object-position:center!important;filter:none!important}
.compact-brand em{font-style:normal;font-size:.72rem;color:var(--muted,#9bb8af)}
.compact-product-card h3{margin:0;font-size:1.02rem;line-height:1.45}
.compact-product-card ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.compact-product-card li{display:flex;gap:8px;align-items:flex-start;color:#c9ddd6;font-size:.86rem}
.compact-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-top:auto}
.compact-price small{color:#9bb8af}
.compact-price strong{color:#9ff3d4;font-size:1.15rem}
.compact-details{color:#7fe0c2;font-weight:700;font-size:.88rem}
html[data-theme=light] .compact-product-card{
  background:#fff;
  border-color:#d5e4de;
  color:#10231d;
  box-shadow:0 8px 20px #193d320c;
}
html[data-theme=light] .compact-product-card li{color:#3d5851}
html[data-theme=light] .compact-price strong{color:#14624d}
html[data-theme=light] .compact-details{color:#14624d}
.launch-bar{
  min-height:28px;
  padding:4px 16px;
  font-size:.78rem;
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:center;
}
.header-main{
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 16px;
}
.desktop-nav{display:flex;gap:16px;align-items:center}
.desktop-nav a{font-weight:600;white-space:nowrap}
.header-preferences{
  display:inline-flex!important;
  align-items:center;
  gap:6px;
  visibility:visible!important;
  opacity:1!important;
}
.header-more{display:none!important}
.header-more-toggle{list-style:none;cursor:pointer;min-width:44px;min-height:44px}
.header-more-panel{
  position:absolute;
  inset-inline-end:0;
  top:calc(100% + 8px);
  min-width:220px;
  padding:12px;
  display:grid;
  gap:10px;
  border-radius:16px;
  border:1px solid #2a4a43;
  background:#0e1a24;
  z-index:40;
  box-shadow:0 16px 32px #04101866;
}
html[data-theme=light] .header-more-panel{background:#fff;border-color:#d5e4de}
.header-order{min-height:44px}
.operator-logo img,.compact-operator-logo,.product-operator-logo,.brand-art-logo{
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
}
html[data-theme=light] .operator-tile{
  background:#fff!important;
  border:1px solid #d5e4de!important;
}
.operator-grid.operator-row{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:10px;
}
@media(max-width:900px){
  .desktop-nav,.header-search-desktop{display:none}
  .operator-grid.operator-row{grid-template-columns:repeat(4,minmax(0,1fr))}
  .product-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .operator-grid.operator-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ui-product-art.css */
.catalog-view-switch{display:none!important}
body[data-page=home] .product-grid,
body[data-page=home] .product-grid[data-view=cards],
body[data-page=home] .product-grid[data-view=compact]{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:14px;
}
body[data-page=home] .product-card img,
body[data-page=home] .product-media,
body[data-page=home] .card-art{
  display:none!important;
}
.detail-media img,
.offer-detail-media img,
.brand-offer-art > img,
.product-card img{
  object-fit:contain;
  background:transparent;
  width:100%;
  height:auto;
  max-height:640px;
}
.brand-offer-art.theme-yaqoot > img,
.brand-offer-art.theme-redbull > img,
.brand-offer-art.theme-friendi > img{
  object-fit:contain;
  max-height:none;
  width:100%;
  height:auto;
}
@media (max-width:720px){
  .detail-media img,
  .offer-detail-media img{max-height:420px}
  body[data-page=home] .product-grid{grid-template-columns:1fr}
}

/* ui-force-compact.css */
.catalog-view-switch{display:none!important}
body[data-page=home] .product-grid,
.product-grid[data-view=cards],
.product-grid[data-view=compact]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
body[data-page=home] .ticket-media,
body[data-page=home] .product-media img{display:none!important}

/* Launch polish: trial bar, steps, slider, posters, contrast */
.launch-bar{
  background:linear-gradient(90deg,#04221f,#0c3f3a 42%,#12324a)!important;
  color:#f4fffc!important;
  border-bottom:1px solid #1f6f66!important;
  min-height:36px;
  padding:7px 14px!important;
  gap:8px;
  flex-wrap:wrap;
  justify-content:center;
  text-align:center;
  line-height:1.45;
  font-weight:600;
}
.launch-bar b{
  background:#7ef6ef!important;
  color:#04221f!important;
  border-radius:999px;
  padding:2px 10px;
  font-weight:700;
}
.launch-bar span{max-width:42rem}
html[data-theme=light] .launch-bar{
  background:linear-gradient(90deg,#e7f7f3,#f3fbff)!important;
  color:#102820!important;
  border-bottom-color:#b7ddd2!important;
}
html[data-theme=light] .launch-bar b{background:#0e6b58!important;color:#f4fffb!important}

.how-modern{
  display:block!important;
  border:0!important;
  padding-top:8px!important;
}
.how-modern h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;max-width:none}
.how-modern ol{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  margin-top:18px!important;
}
.how-modern li{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  margin:0!important;
  padding:18px 16px!important;
  border:1px solid #1d4a44!important;
  border-inline-start:1px solid #1d4a44!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#10262c,#0c1820)!important;
  min-height:148px;
}
.how-modern .how-num{
  width:36px;height:36px;display:grid;place-items:center;
  border-radius:12px;background:#123f38;color:#9ff3d4;font-weight:700;
}
.how-modern .how-copy{display:grid;gap:4px}
.how-modern .how-copy strong{display:block!important;width:auto!important;height:auto!important;background:none!important;border:0!important;color:#f4fffb!important;font-size:1.05rem!important}
.how-modern .how-copy small{color:#c9ddd6;line-height:1.6}
html[data-theme=light] .how-modern li{background:#fff!important;border-color:#d5e4de!important}
html[data-theme=light] .how-modern .how-copy strong{color:#102820!important}
html[data-theme=light] .how-modern .how-copy small{color:#3d5851}
html[data-theme=light] .how-modern .how-num{background:#e5f6f0;color:#0e6b58}

.hero-stage{aspect-ratio:2.15/1!important;width:min(1180px,calc(100% - 32px))!important;max-width:100%}
.hero-slide img,.hero-slide--poster img{object-fit:cover!important;object-position:center!important;background:#071018}
.home-offers,.hero-stage{overflow:hidden}

.compact-poster-frame{
  display:flex!important;align-items:center;justify-content:center;
  height:168px;border-radius:14px;overflow:hidden;
  background:#071018;border:1px solid #1e3c38;
}
.compact-poster{
  display:block!important;width:100%;height:168px!important;
  object-fit:contain!important;object-position:center!important;background:transparent;
}
.poster-art{display:flex;justify-content:center;background:#070b12;border-radius:20px;overflow:hidden}
.poster-art img,.brand-offer-art.poster-art>img{
  width:min(100%,440px)!important;height:auto!important;max-height:min(78vh,720px)!important;
  object-fit:contain!important;background:#070b12;
}
.detail-media img,.offer-detail-media img{object-fit:contain;max-width:100%;height:auto}

.operator-tile.salam .operator-logo,
img.brand-salam,
.compact-operator-logo.brand-salam{
  background:#f3f7f5;
  border-radius:10px;
  padding:3px 8px;
}
.star-pick{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:8px 0}
.star-pick label{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:6px 10px;border:1px solid #2a4a43;border-radius:999px}
.star-pick input{accent-color:#14b88a}
.review-card,.order-review{border:1px solid #2a4a43;border-radius:16px;padding:12px;margin-top:10px;background:#0e1c22}
.review-form textarea,.order-review textarea{width:100%;min-height:88px}
html[data-theme=light] .review-card,html[data-theme=light] .order-review{background:#fff;border-color:#d5e4de;color:#14231f}
html[data-theme=light] .compact-poster-frame{background:#f4f7f6;border-color:#d5e4de}

.store-intro-title{font-weight:700;letter-spacing:0}
.trust-lane article.is-gold{border-color:#e8c872;background:linear-gradient(180deg,#2a220c,#14120c)}
.trust-lane article.is-gold strong{color:#f6d98a}
.gold-guarantee{display:grid;gap:4px;margin:12px 0 16px;padding:14px 16px;border:1px solid #e8c872;border-radius:16px;background:linear-gradient(135deg,#3a2d10,#16130c 60%);color:#fff8e8}
.gold-guarantee strong{color:#f6d98a;font-family:"Cairo",Tahoma,sans-serif;font-size:1.05rem}
.gold-guarantee p{margin:0;line-height:1.75;color:#f3ead2}
html[data-theme=light] .gold-guarantee{background:#fff8e8;color:#3a2d10}
html[data-theme=light] .gold-guarantee p{color:#4a3b16}
html[data-theme=light] .trust-lane article.is-gold{background:#fff8e8}
html[data-theme=light] .trust-lane article.is-gold strong{color:#8a6a12}
html[data-theme=light] .trust-lane strong{color:#102820}
.trust-lane small,.compact-product-card li{color:#d5ebe4}
html[data-theme=light] .trust-lane small{color:#3d5851}

@media(max-width:800px){
  .desktop-nav{display:none!important}
  .header-preferences{display:inline-flex!important;visibility:visible!important;opacity:1!important}
  .header-preferences .preference-select select{max-width:78px;min-height:40px;font-size:.78rem;padding:4px}
  .brand small{display:none}
  .mobile-menu a{min-height:44px}
  .hero-stage{aspect-ratio:4/3!important;width:calc(100% - 20px)!important;border-radius:18px}
  .hero-slide img,.hero-slide--poster img{object-fit:contain!important}
  .how-modern ol{grid-template-columns:1fr!important}
  .operator-grid.operator-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .launch-bar{font-size:.78rem}
}
@media(min-width:801px) and (max-width:1100px){
  .operator-grid.operator-row{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
  .launch-bar b{animation:none}
}

.hero-slide--contain img,.hero-slide--contain picture img,.hero-slide--poster.hero-slide--contain img,.hero-slide--contain.is-active img{
  object-fit:contain!important;object-position:center!important;transform:none!important;background:#07131c!important;
}
.hero-slide--contain picture{position:absolute;inset:0;display:block;width:100%;height:100%}
.soon-banner{display:grid;grid-template-columns:minmax(180px,280px) minmax(0,1fr);gap:22px;align-items:center;width:min(1100px,calc(100% - 32px));margin:22px auto;padding:16px;border:1px solid #14515a;border-radius:24px;background:#02060c;color:#f4fdff}
.soon-banner img{width:100%;max-height:460px;aspect-ratio:9/16;height:auto;object-fit:contain;background:#000;border-radius:18px}
.brand picture,.footer-brand picture{display:contents}
.soon-banner p{margin:0 0 8px;color:#7ee0ea}
.soon-banner h2{margin:0 0 8px;font-family:"Cairo",Tahoma,sans-serif;font-size:clamp(2rem,4vw,3.2rem)}
.soon-banner a{display:inline-flex;margin-top:12px;background:#7ee0ea;color:#062027;border-radius:999px;padding:10px 16px;font-weight:700;text-decoration:none}
.ask-whatsapp{display:flex;align-items:center;justify-content:center;margin:12px 0;min-height:48px;padding:12px 16px;border-radius:14px;background:#128c7e;color:#fff;font-weight:700;text-align:center;text-decoration:none}
@media(max-width:720px){.soon-banner{grid-template-columns:1fr}.soon-banner img{max-height:360px}}