/* Add custom CSS styles below */

/* ===== VORTEX v2 : core polish ===== */
.s-block--hero-area .cta:empty{display:none!important;}
.s-block--hero-area h2.main{font-size:clamp(34px,4.4vw,64px)!important;line-height:1.1!important;letter-spacing:-.02em!important;}
.s-block--hero-area h3.sub{letter-spacing:.16em!important;font-size:12px!important;opacity:.9;}
.s-block--hero-area p.desc{font-size:clamp(15px,1.05vw,18px)!important;line-height:2!important;opacity:.92;}
.s-block--hero-area .media img{border-radius:20px!important;box-shadow:0 36px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.07)!important;object-fit:cover!important;object-position:center 42%!important;width:100%!important;height:100%!important;}
main .s-block--categories{padding-block:clamp(44px,5vw,72px)!important;}
.s-block__title{margin-bottom:clamp(20px,2.2vw,34px)!important;}
.s-block__title h2,.s-block__title{font-size:clamp(22px,2.1vw,32px)!important;font-weight:800!important;letter-spacing:-.01em;}
.s-slider-block__title h2{font-size:clamp(20px,1.9vw,30px)!important;font-weight:800!important;}
.slide--cat-entry{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:26px 14px!important;min-height:150px;border-radius:18px!important;background:#fff!important;border:1px solid rgba(7,26,61,.08)!important;box-shadow:0 2px 8px rgba(7,26,61,.05);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s;}
.slide--cat-entry:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(7,26,61,.14);border-color:rgba(16,207,201,.45)!important;}
.slide--cat-entry i{font-size:26px!important;color:#071a3d!important;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#eef7fb,#e2f4f3);transition:.35s;}
.slide--cat-entry:hover i{background:#071a3d;color:#10cfc9!important;transform:scale(1.06);}
.slide--cat-entry h2{font-size:14px!important;font-weight:700!important;color:#0b1730!important;margin:0!important;}
.slide--cat-entry:has(.sicon-gift){background:linear-gradient(140deg,#071a3d 0%,#123a76 100%)!important;border-color:rgba(16,207,201,.5)!important;}
.slide--cat-entry:has(.sicon-gift) i{background:rgba(16,207,201,.16)!important;color:#10cfc9!important;}
.slide--cat-entry:has(.sicon-gift) h2{color:#fff!important;}
custom-salla-product-card.s-product-card-entry{border-radius:18px!important;overflow:hidden;background:#fff!important;border:1px solid rgba(7,26,61,.08)!important;box-shadow:0 2px 10px rgba(7,26,61,.05);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .4s;}
custom-salla-product-card.s-product-card-entry:hover{transform:translateY(-8px);box-shadow:0 26px 55px rgba(7,26,61,.18);border-color:rgba(16,207,201,.45)!important;}
.s-product-card-image{background:linear-gradient(160deg,#f7fafc 0%,#eef3f8 100%)!important;border-radius:14px!important;overflow:hidden!important;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:0!important;}
.s-product-card-image>a{width:100%;height:100%;display:block;}
.s-product-card-image img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .6s cubic-bezier(.22,1,.36,1)!important;}
custom-salla-product-card:hover .s-product-card-image img{transform:scale(1.07);}
.s-product-card-promotion-title{border-radius:999px!important;padding:5px 12px!important;font-size:11px!important;font-weight:800!important;box-shadow:0 6px 16px rgba(178,25,45,.35);inset-inline-start:auto!important;inset-inline-end:12px!important;top:12px!important;width:auto!important;max-width:calc(100% - 76px)!important;}
.s-product-card-wishlist-btn{inset-inline-start:12px!important;inset-inline-end:auto!important;top:12px!important;}
.s-product-card-content-title a{font-weight:800!important;color:#0b1730!important;line-height:1.55!important;}
.s-product-card-price{font-size:19px!important;font-weight:800!important;color:#071a3d!important;}
.s-product-card-content-footer .s-button-element{background:#071a3d!important;border-color:#071a3d!important;color:#fff!important;border-radius:12px!important;font-weight:700!important;height:42px!important;}
.banner-entry{border-radius:18px!important;overflow:hidden!important;position:relative;}
.banner-entry:hover img{transform:scale(1.05);}
.s-block--features__item{border-radius:16px!important;padding:22px 16px!important;background:#fff;border:1px solid rgba(7,26,61,.07);transition:transform .35s,box-shadow .35s;}
.s-block--features__item .feature-icon i{color:#10cfc9!important;}
.container--product-details h1{font-size:clamp(22px,2vw,32px)!important;font-weight:800!important;}
.details-slider{border-radius:20px!important;overflow:hidden;background:linear-gradient(160deg,#f7fafc,#eef3f8);box-shadow:0 18px 45px rgba(7,26,61,.10);}
.total-price{font-size:clamp(24px,2.2vw,34px)!important;font-weight:800!important;color:#071a3d!important;}
@media (min-width:768px){
 #main-links-1 .swiper-wrapper,#slider-with-bg-5 .swiper-wrapper,salla-slider:has(.swiper-button-lock) .swiper-wrapper{justify-content:center!important;}
 .s-products-list-wrapper{grid-template-columns:repeat(auto-fit,minmax(240px,297px))!important;justify-content:center!important;}
}
@media (max-width:767px){
 .slide--cat-entry{min-height:118px;padding:18px 10px!important;gap:10px;}
 .slide--cat-entry i{width:46px;height:46px;font-size:22px!important;}
 custom-salla-product-card.s-product-card-entry{border-radius:14px!important;}
 custom-salla-product-card.s-product-card-entry:hover{transform:none;}
 .s-product-card-price{font-size:17px!important;}
}

/* ===== VORTEX v3+v4 : product options as visible pills ===== */
.s-product-options-colors-wrapper{display:flex!important;flex-wrap:wrap!important;gap:10px!important;border:0!important;padding:0!important;margin:0!important;}
.s-product-options-colors-item label{display:flex!important;align-items:center!important;gap:9px!important;flex-direction:row!important;white-space:nowrap!important;width:auto!important;cursor:pointer;border:1.5px solid rgba(7,26,61,.16);border-radius:12px;padding:9px 14px;background:#fff;}
.s-product-options-colors-item label>span{width:18px!important;height:18px!important;border-radius:50%!important;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);margin:0!important;}
.s-product-options-colors-item label>div{font-size:13.5px!important;font-weight:700!important;color:#0b1730!important;margin:0!important;}
.s-product-options-colors-item input:checked + label{border-color:#071a3d!important;background:#071a3d!important;box-shadow:0 8px 20px rgba(7,26,61,.22);}
.s-product-options-colors-item input:checked + label>div{color:#fff!important;}
.vx-select-hidden{display:none!important;}
.vx-pillbox{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:2px;}
.vx-pill{appearance:none;background:#fff;border:1.5px solid rgba(7,26,61,.16);border-radius:12px;padding:10px 16px;font-size:13.5px;font-weight:700;color:#0b1730;cursor:pointer;line-height:1.4;transition:border-color .25s,background .25s,color .25s,box-shadow .25s,transform .25s;}
.vx-pill:hover{border-color:#10cfc9;transform:translateY(-1px);}
.vx-pill.is-active{background:#071a3d!important;border-color:#071a3d!important;color:#fff!important;box-shadow:0 8px 20px rgba(7,26,61,.22);}
.vx-pill.is-out{opacity:.45;text-decoration:line-through;cursor:not-allowed;}

/* ===== VORTEX v5 : top trust bar + shipping note ===== */
.vx-topbar{background:linear-gradient(90deg,#061632 0%,#0d2c5c 50%,#061632 100%);color:#eaf6f6;font-size:12.5px;line-height:1.6;position:relative;z-index:60;}
.vx-topbar-inner{max-width:1280px;margin:0 auto;padding:9px 16px;display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;}
.vx-tb{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-weight:600;letter-spacing:.01em;position:relative;}
.vx-tb i{color:#10cfc9;font-size:15px;line-height:1;}
.vx-tb + .vx-tb::before{content:"";position:absolute;inset-inline-start:-14px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.30);}
@media (max-width:900px){
 .vx-topbar-inner{gap:0;padding:8px 12px;min-height:36px;}
 .vx-tb{display:none;font-size:11.5px;white-space:normal;text-align:center;}
 .vx-tb.is-on{display:inline-flex;animation:vxfade .45s ease;}
 .vx-tb + .vx-tb::before{display:none;}
}
@keyframes vxfade{from{opacity:0;transform:translateY(3px);}to{opacity:1;transform:none;}}
.vx-shipnote{margin-top:14px;border:1px solid rgba(7,26,61,.10);background:linear-gradient(160deg,#f8fbfc,#f1f7f8);border-radius:14px;padding:13px 15px;display:flex;flex-direction:column;gap:9px;}
.vx-shipnote > div{display:flex;align-items:flex-start;gap:9px;font-size:13px;font-weight:600;color:#0b1730;line-height:1.75;}
.vx-shipnote i{color:#10cfc9;font-size:16px;margin-top:3px;flex:0 0 auto;}

/* ===== VORTEX v6 : footer polish ===== */
.store-footer{border-top:1px solid rgba(255,255,255,.07);}
.store-footer__inner{padding-block:clamp(38px,4vw,60px)!important;}
.store-footer h3,.s-contacts-title{font-size:15px!important;font-weight:800!important;letter-spacing:.01em;margin-bottom:16px!important;position:relative;padding-bottom:10px;}
.store-footer h3::after,.s-contacts-title::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:30px;height:2px;border-radius:2px;background:#10cfc9;}
.s-menu-footer-item{display:block;padding:5px 0!important;font-size:13.5px!important;opacity:.82;transition:opacity .25s,transform .25s,color .25s;}
.s-menu-footer-item:hover{opacity:1;color:#10cfc9!important;transform:translateX(-4px);}
.s-social-list{display:flex!important;gap:10px!important;flex-wrap:wrap;}
.s-social-link a,.s-social-link{border-radius:50%!important;}
.s-social-icon{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12);font-size:15px!important;transition:background .28s,transform .28s,border-color .28s,color .28s;}
.s-social-icon:hover{background:#10cfc9!important;color:#071a3d!important;border-color:#10cfc9!important;transform:translateY(-3px);}
.s-contacts-item{display:inline-flex!important;align-items:center;gap:9px;font-size:14px!important;font-weight:700;direction:ltr;}
.s-contacts-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(16,207,201,.14);color:#10cfc9!important;}
.s-payments-list{display:flex!important;gap:9px!important;flex-wrap:wrap;align-items:center;}
.s-payments-list-item img,.s-payments-list-item{border-radius:7px!important;}
.s-payments-list-item img{height:26px!important;width:auto!important;}
.s-trust-badges-wrapper{border-radius:12px!important;overflow:hidden;}
@media (max-width:767px){
 .store-footer__inner{padding-block:32px!important;}
 .store-footer h3,.s-contacts-title{margin-bottom:12px!important;}
 .s-social-icon{width:42px!important;height:42px!important;}
}

/* ===== VORTEX v7 : clean top navbar (policies + email live in the footer) ===== */
.top-navbar salla-menu,
.top-navbar .s-menu-topnav-list,
.top-navbar .s-contacts-header{display:none!important;}
.top-navbar > .container{justify-content:center!important;}
.top-navbar .flex-1{flex:0 1 auto!important;}

/* ===== VORTEX v8+v9 : comparison tables ===== */
.s-block--bundle-comparison{background:#f4f8fa!important;display:flow-root!important;}
.s-block--bundle-comparison + .s-block--bundle-comparison{margin-top:0!important;}
.s-block--bundle-comparison + .s-block--bundle-comparison .s-block--comparison{padding-top:clamp(24px,2.4vw,40px)!important;}
.s-block--comparison{padding-block:clamp(40px,4.5vw,72px)!important;}
.s-block--comparison .lp-title__main{font-size:clamp(24px,2.4vw,38px)!important;font-weight:800!important;letter-spacing:-.01em!important;}
.s-block--comparison .lp-title__sub{font-size:clamp(14px,1vw,16px)!important;line-height:1.9!important;opacity:.75;max-width:660px;margin-inline:auto!important;}
.s-block--comparison .lp-title__overline{opacity:.6;}
.s-block--comparison .table-wrap{overflow-x:auto!important;border-radius:20px!important;border:1px solid rgba(7,26,61,.10)!important;box-shadow:0 22px 55px rgba(7,26,61,.10)!important;background:#fff!important;}
.s-block--comparison table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;min-width:520px;}
.s-block--comparison thead th{background:linear-gradient(160deg,#0b2a5b,#071a3d)!important;color:#fff!important;font-size:clamp(13px,1.05vw,16px)!important;font-weight:800!important;padding:20px 14px!important;border:0!important;vertical-align:middle!important;}
.s-block--comparison thead th:first-child{background:#eef3f7!important;border-start-start-radius:20px!important;}
.s-block--comparison thead th:last-child{border-start-end-radius:20px!important;}
.s-block--comparison thead th:nth-child(2){position:relative;background:linear-gradient(160deg,#10cfc9 0%,#0bb4b0 100%)!important;color:#04203f!important;}
.s-block--comparison thead th:nth-child(2)::after{content:"الأفضل";display:block;margin-top:7px;font-size:10.5px;font-weight:800;letter-spacing:.06em;color:#04203f;background:rgba(255,255,255,.6);border-radius:999px;padding:3px 12px;width:fit-content;margin-inline:auto;}
.s-block--comparison tbody tr{background:transparent!important;background-image:none!important;}
.s-block--comparison tbody td{background:#fff!important;padding:16px 14px!important;border:0!important;border-top:1px solid rgba(7,26,61,.07)!important;font-size:14px!important;color:#0b1730!important;}
.s-block--comparison tbody tr:first-child td{border-top:0!important;}
.s-block--comparison tbody tr:nth-child(even) td{background:#f8fafc!important;}
.s-block--comparison tbody td:nth-child(1){text-align:start!important;font-weight:700!important;line-height:1.7!important;min-width:200px;}
.s-block--comparison tbody td:nth-child(2){background:rgba(16,207,201,.08)!important;box-shadow:inset 1px 0 0 rgba(16,207,201,.28),inset -1px 0 0 rgba(16,207,201,.28);}
.s-block--comparison tbody tr:hover td{background:#eef7f9!important;}
.s-block--comparison tbody tr:hover td:nth-child(2){background:rgba(16,207,201,.16)!important;}
.s-block--comparison td.icon-cell{text-align:center!important;}
.s-block--comparison td.icon-cell img{display:none!important;}
.s-block--comparison td.icon-cell::before{content:"";display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:15px;font-weight:900;line-height:1;}
.s-block--comparison td.icon-cell:nth-child(2)::before{content:"✓";background:#10cfc9;color:#04203f;box-shadow:0 6px 14px rgba(16,207,201,.35);}
.s-block--comparison td.icon-cell:nth-child(3)::before{content:"✕";background:rgba(201,49,63,.10);color:#c9313f;}

/* ===== VORTEX v10 : product page polish ===== */
.product__description{font-size:15.5px!important;line-height:2!important;color:#20293a!important;}
.product__description strong{display:inline-block;margin-top:16px;font-size:16px!important;font-weight:800!important;color:#071a3d!important;}
.product__description ul{padding-inline-start:0!important;list-style:none!important;margin-block:10px 16px!important;}
.product__description li{position:relative;padding-inline-start:20px;margin-bottom:9px!important;}
.product__description li::before{content:"";position:absolute;inset-inline-start:0;top:.78em;width:7px;height:7px;border-radius:50%;background:#10cfc9;box-shadow:0 0 0 3px rgba(16,207,201,.16);}
.product-entry__sub-title{font-size:15px!important;opacity:.8;line-height:1.9!important;}
.s-product-options-option{display:block!important;margin-bottom:20px!important;}
.s-product-options-option-label{display:block!important;width:auto!important;margin-bottom:10px!important;font-size:14px!important;font-weight:800!important;color:#071a3d!important;}
.s-product-options-option-content{width:100%!important;}
.s-product-options-wrapper{margin-bottom:6px!important;}
.sticky-product-bar{border:1px solid rgba(7,26,61,.08)!important;box-shadow:0 -6px 24px rgba(7,26,61,.06)!important;}

/* ===== VORTEX v12 : FAQ + rhythm ===== */
.s-block--faqs .faq-item{background:#fff!important;border:1px solid rgba(7,26,61,.09)!important;border-radius:14px!important;margin-bottom:10px!important;overflow:hidden;transition:border-color .28s,box-shadow .28s,transform .28s;}
.s-block--faqs .faq-item:hover{border-color:rgba(16,207,201,.5)!important;box-shadow:0 10px 26px rgba(7,26,61,.08)!important;}
.s-block--faqs .faq-item__inner{padding:16px 20px!important;font-weight:700!important;font-size:15px!important;color:#0b1730!important;}
.s-block--faqs .faq-answer__content{padding:0 20px 18px!important;font-size:14px!important;line-height:1.95!important;color:#41506b!important;}
.s-block--faqs .list{max-width:820px;margin-inline:auto;}
.s-block--fixed-banner{padding-block:44px!important;}
.s-products-list-wrapper + div,.load-more-text,.s-products-list-no-more{font-size:13px!important;opacity:.55;}
.breadcrumbs{font-size:12.5px!important;opacity:.68;}

/* ===== VORTEX v13 : feature ticker flush under the hero ===== */
.s-block--bundle-marquee{background:#071a3d!important;padding-block:0!important;margin:0!important;}

/* ===== VORTEX v11 : mobile ===== */
@media (max-width:767px){
 .s-block--hero-area{padding-block:46px!important;}
 .s-block--categories{padding-block:30px!important;}
 .s-block--bundle-marquee{padding-block:0!important;}
 .s-block--banners{padding-block:22px!important;}
 .s-block--best-offers{padding-block:30px!important;}
 .s-block--features{padding-block:26px!important;}
 .s-block--bundle-quotes{padding-block:30px!important;}
 .s-block--bundle-comparison{padding-block:26px!important;}
 .s-block--bundle-questions{padding-block:26px!important;}
 .s-block--comparison{padding-block:22px!important;}
 .s-block--comparison .table-wrap{overflow-x:hidden!important;border-radius:16px!important;}
 .s-block--comparison table{min-width:0!important;width:100%!important;table-layout:fixed!important;}
 .s-block--comparison thead th{font-size:11.5px!important;padding:12px 6px!important;line-height:1.5!important;}
 .s-block--comparison thead th:first-child{border-start-start-radius:16px!important;}
 .s-block--comparison thead th:last-child{border-start-end-radius:16px!important;}
 .s-block--comparison thead th:nth-child(2)::after{font-size:9px;padding:2px 7px;margin-top:5px;}
 .s-block--comparison tbody td{padding:12px 7px!important;font-size:12px!important;line-height:1.6!important;}
 .s-block--comparison tbody td:nth-child(1){min-width:0!important;width:46%!important;}
 .s-block--comparison td.icon-cell{width:27%!important;}
 .s-block--comparison td.icon-cell::before{width:24px;height:24px;font-size:12px;}
 .s-block--comparison .lp-title__main{font-size:21px!important;line-height:1.35!important;}
 .s-block--comparison .lp-title__sub{font-size:13px!important;line-height:1.8!important;}

 .s-block--features .grid,
 .s-block--features [class*="grid-cols"]{display:flex!important;flex-direction:column!important;gap:10px!important;}
 .s-block--features .grid > *,
 .s-block--features [class*="grid-cols"] > *{width:100%!important;}
 .s-block--features__item{flex-flow:row wrap!important;align-items:center!important;text-align:start!important;gap:0 14px!important;padding:14px 16px!important;}
 .s-block--features__item .feature-icon{flex:0 0 auto!important;width:48px!important;height:48px!important;margin:0!important;}
 .s-block--features__item .feature-icon i{font-size:22px!important;}
 .s-block--features__item h2{flex:1 1 0!important;min-width:0;margin:0!important;text-align:start!important;font-size:14.5px!important;}
 .s-block--features__item p{flex:1 1 100%!important;margin:7px 0 0!important;text-align:start!important;font-size:12.5px!important;line-height:1.7!important;padding-inline-start:62px!important;}

 footer .contact-social{display:flex!important;justify-content:flex-start!important;width:100%!important;text-align:start!important;}
 footer .contact-social > *{display:flex!important;justify-content:flex-start!important;width:100%!important;}
 footer .contact-social ul,footer .contact-social .s-social-list{justify-content:flex-start!important;padding-inline:0!important;margin-inline:0!important;}

 .s-block--faqs .faq-item__inner{padding:14px 16px!important;font-size:14px!important;}
 .s-block--faqs .faq-answer__content{padding:0 16px 16px!important;font-size:13px!important;}
}
/* v14 — language switcher + English badge */
.vx-lang{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto;font-size:13px;font-weight:600;color:#071a3d;background:#eef3f7;border:1px solid #dbe5ec;border-radius:999px;padding:5px 12px;line-height:1;white-space:nowrap;transition:background .18s,color .18s,border-color .18s;}
.vx-lang:hover{background:#071a3d;color:#fff;border-color:#071a3d;}
.vx-lang i{font-size:14px;line-height:1;}
.top-navbar .container{align-items:center;}
html[lang="en"] .s-block--comparison thead th:nth-child(2)::after{content:"Best";}
@media (max-width:767px){.vx-lang{font-size:12px;padding:4px 10px;}}
/* v15 — English top bar fits on one line, native language switcher styling */
html[lang="en"] .vx-topbar{font-size:12px;}
html[lang="en"] .vx-topbar-inner{gap:22px;}
@media (max-width:1150px){
  html[lang="en"] .vx-topbar-inner{gap:0;padding:8px 12px;min-height:36px;}
  html[lang="en"] .vx-tb{display:none;font-size:11.5px;white-space:normal;text-align:center;}
  html[lang="en"] .vx-tb.is-on{display:inline-flex;animation:vxfade .45s ease;}
}
.top-navbar salla-localization-modal{font-weight:600;}
.top-navbar salla-localization-modal .header-btn,
.top-navbar salla-localization-modal > button{border:1px solid #dbe5ec!important;border-radius:999px!important;background:#eef3f7!important;padding:5px 12px!important;color:#071a3d!important;}
.top-navbar salla-localization-modal .header-btn:hover,
.top-navbar salla-localization-modal > button:hover{background:#071a3d!important;color:#fff!important;border-color:#071a3d!important;}
/* v16 — hero sits flush under the header */
main > .s-block--bundle-hero-area:first-child{margin-top:0!important;}
main > .s-block--bundle-hero-area:first-child .s-block--hero-area{margin-top:0!important;}
/* ===== v17 — header rebuilt at AULUMU proportions (VORTEX colours) ===== */
:root{ --vx-nav-h:54px; }
@media (min-width:1024px){ .top-navbar{ display:none !important; } }
@media (max-width:1023px){
  .top-navbar{ background:#071a3d !important; min-height:44px !important; }
  .top-navbar .container{ padding-block:4px !important; }
}
.main-nav-container{ background:#071a3d !important; box-shadow:none !important; border:0 !important; height:var(--vx-nav-h) !important; min-height:var(--vx-nav-h) !important; }
.main-nav-container .inner{ background:#071a3d !important; }
.main-nav-container .container > div{ height:var(--vx-nav-h) !important; min-height:var(--vx-nav-h) !important; align-items:center !important; }
.main-nav-container .container > div > div{ height:var(--vx-nav-h) !important; margin-top:0 !important; margin-bottom:0 !important; align-items:center !important; }
.main-nav-container .container > div > div:first-child{ flex:1 1 auto !important; }
.main-nav-container .container > div > div:last-child{ flex:0 0 auto !important; gap:14px; }
.navbar-brand{ height:auto !important; }
.navbar-brand img{ height:34px !important; width:auto !important; filter:brightness(0) invert(1); }
custom-main-menu{ height:auto !important; margin-inline-start:auto !important; margin-inline-end:auto !important; }
ul.main-menu{ height:auto !important; }
ul.main-menu > li > a{ color:#fff !important; font-size:12px !important; font-weight:400 !important; padding:0 18px !important; height:auto !important; display:inline-flex !important; align-items:center; opacity:.9; transition:opacity .2s; }
ul.main-menu > li > a:hover{ opacity:1; }
ul.main-menu > li > a::before{ content:"■"; font-size:8px; line-height:1; color:#10cfc9; margin-inline-end:9px; position:relative; top:-1px; }
ul.main-menu > li > a::after{ display:none !important; }
html[lang="en"] ul.main-menu > li > a{ text-transform:uppercase; letter-spacing:.07em; }
.main-nav-container i, .main-nav-container .header-btn__icon, .main-nav-container .sicon-menu{ color:#fff !important; }
.main-nav-container salla-cart-summary *{ color:#fff !important; }
.main-nav-container .s-user-menu-trigger{ background:transparent !important; border:1px solid rgba(255,255,255,.25) !important; }

.vx-nav-search{ flex:0 0 auto !important; width:200px !important; }
.vx-nav-search salla-search{ width:200px !important; }
.vx-nav-search .s-search-input, .vx-nav-search input, .top-navbar .s-search-input, .top-navbar input[type="search"]{ background:rgba(255,255,255,.08) !important; border:1px solid rgba(255,255,255,.16) !important; color:#fff !important; height:34px !important; border-radius:999px !important; font-size:12px !important; }
.vx-nav-search input::placeholder, .top-navbar input::placeholder{ color:rgba(255,255,255,.55) !important; }
.vx-nav-search i, .vx-nav-search svg, .top-navbar .header-search i{ color:rgba(255,255,255,.7) !important; }
.vx-lang{ background:rgba(255,255,255,.08) !important; border:1px solid rgba(255,255,255,.18) !important; color:#fff !important; margin-inline-start:0 !important; }
.vx-lang:hover{ background:#10cfc9 !important; border-color:#10cfc9 !important; color:#071a3d !important; }

/* ===== v18 — hero at AULUMU proportions, edge to edge ===== */
main > .s-block--bundle-hero-area:first-child{ width:100% !important; max-width:100% !important; margin:0 !important; }
main > .s-block--bundle-hero-area:first-child .s-block--hero-area{ padding:0 !important; margin:0 !important; }
.s-block--hero-area .lp-container{ position:relative !important; display:block !important; width:100% !important; max-width:none !important; padding:0 !important; margin:0 !important; aspect-ratio:1.98 / 1; overflow:hidden; background:#071a3d; }
.s-block--hero-area .lp-container .media{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; }
.s-block--hero-area .lp-container .media img{ width:100% !important; height:100% !important; object-fit:cover !important; border-radius:0 !important; display:block; will-change:transform; transition:transform .5s cubic-bezier(.22,.61,.36,1); }
.s-block--hero-area .lp-container::after{ content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(to top, rgba(4,16,38,.85) 0%, rgba(4,16,38,.38) 34%, rgba(4,16,38,0) 64%); pointer-events:none; }
.s-block--hero-area .lp-container .content{ position:absolute !important; inset-inline-start:0; bottom:0; width:100% !important; max-width:none !important; z-index:2; padding:0 clamp(20px,5vw,90px) clamp(34px,6vh,74px) !important; }
.s-block--hero-area .lp-container .content .desc{ max-width:640px; }
@media (max-width:767px){ .s-block--hero-area .lp-container{ aspect-ratio:4 / 5; } }

/* ===== v19 — mouse animation ===== */
@media (hover:hover) and (pointer:fine){
  html.vx-cursor, html.vx-cursor *{ cursor:none !important; }
  .vx-dot, .vx-ring{ position:fixed; top:0; left:0; z-index:99999; pointer-events:none; border-radius:50%; }
  .vx-dot{ width:7px; height:7px; margin:-3.5px 0 0 -3.5px; background:#10cfc9; }
  .vx-ring{ width:34px; height:34px; margin:-17px 0 0 -17px; border:1px solid rgba(255,255,255,.8); mix-blend-mode:difference; transition:width .25s, height .25s, margin .25s, border-color .25s, opacity .25s; }
  .vx-ring.is-active{ width:58px; height:58px; margin:-29px 0 0 -29px; border-color:#10cfc9; }
  html.vx-cursor-out .vx-dot, html.vx-cursor-out .vx-ring{ opacity:0; }
  .s-block--banners img, .s-block--categories img, .s-block--fixed-banner img, .s-product-card-entry img{ transition:transform .6s cubic-bezier(.22,.61,.36,1); }
  .s-block--banners a:hover img, .s-block--categories a:hover img, .s-block--fixed-banner a:hover img, .s-product-card-entry:hover img{ transform:scale(1.04); }
}
/* ===== v20 — hero sits flush under the bar (selector fix) ===== */
.s-block--bundle-hero-area{ width:100% !important; max-width:100% !important; margin:0 !important; }
.s-block--bundle-hero-area .s-block--hero-area{ margin:0 !important; padding:0 !important; }
/* ===== v21 — nav search + avatar polish on the dark bar ===== */
.vx-nav-search input, .vx-nav-search .s-search-input{ background:rgba(255,255,255,.10) !important; border:1px solid rgba(255,255,255,.28) !important; width:100% !important; max-width:200px !important; }
.vx-nav-search input:focus, .vx-nav-search .s-search-input:focus{ border-color:#10cfc9 !important; background:rgba(255,255,255,.14) !important; outline:none !important; box-shadow:none !important; }
.main-nav-container .s-user-menu-trigger{ width:34px !important; height:34px !important; overflow:hidden; }
.main-nav-container .s-user-menu-trigger img{ width:100% !important; height:100% !important; object-fit:cover; opacity:.85; }
.main-nav-container salla-wishlist-summary i, .main-nav-container salla-cart-summary i{ font-size:18px !important; }
/* ===== v22 — bigger logo in the bar ===== */
.navbar-brand{ height:auto !important; max-height:none !important; display:inline-flex !important; align-items:center; }
.navbar-brand img{ height:46px !important; width:auto !important; max-height:none !important; }
@media (max-width:767px){ .navbar-brand img{ height:40px !important; } }
/* ===== v23 — bigger header: bar, logo and nav type ===== */
:root{ --vx-nav-h:78px; }
.main-nav-container, .main-nav-container .inner, .main-nav-container .container,
.main-nav-container .container > div, .main-nav-container .container > div > div{ height:78px !important; min-height:78px !important; }
.main-nav-container .navbar-brand img{ height:60px !important; width:auto !important; max-height:none !important; }
ul.main-menu > li > a{ font-size:15px !important; padding:0 22px !important; }
ul.main-menu > li > a::before{ font-size:9px !important; margin-inline-end:10px !important; }
.vx-nav-search{ width:240px !important; }
.vx-nav-search input, .vx-nav-search .s-search-input{ height:40px !important; font-size:13px !important; max-width:240px !important; }
.vx-lang{ font-size:14px !important; padding:8px 15px !important; }
.vx-lang i{ font-size:16px !important; }
.main-nav-container .s-user-menu-trigger{ width:40px !important; height:40px !important; }
.main-nav-container salla-cart-summary i, .main-nav-container salla-wishlist-summary i{ font-size:21px !important; }
.main-nav-container salla-cart-summary{ font-size:14px !important; }
.vx-topbar{ font-size:14px !important; }
.vx-topbar-inner{ padding:12px 16px !important; }
@media (max-width:1023px){
  .main-nav-container, .main-nav-container .inner, .main-nav-container .container,
  .main-nav-container .container > div, .main-nav-container .container > div > div{ height:68px !important; min-height:68px !important; }
  .main-nav-container .navbar-brand img{ height:50px !important; }
  .vx-topbar{ font-size:13px !important; }
  .vx-topbar-inner{ padding:9px 12px !important; }
}
/* ===== v24 — logo at double size, bar grown to hold it ===== */
:root{ --vx-nav-h:132px; }
.main-nav-container, .main-nav-container .inner, .main-nav-container .container,
.main-nav-container .container > div, .main-nav-container .container > div > div{ height:132px !important; min-height:132px !important; }
.main-nav-container .navbar-brand img{ height:120px !important; width:auto !important; max-height:none !important; }
@media (max-width:1023px){
  .main-nav-container, .main-nav-container .inner, .main-nav-container .container,
  .main-nav-container .container > div, .main-nav-container .container > div > div{ height:104px !important; min-height:104px !important; }
  .main-nav-container .navbar-brand img{ height:92px !important; }
}
/* ===== v25 — header overlays the hero, hero fills the screen ===== */
.vx-headwrap{ position:fixed; top:0; inset-inline:0; z-index:60; transition:background .35s ease, box-shadow .35s ease; }
.vx-headwrap::before{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(to bottom, rgba(4,16,38,.78) 0%, rgba(4,16,38,.42) 55%, rgba(4,16,38,0) 100%); opacity:1; transition:opacity .35s ease; pointer-events:none; }
body.index .vx-headwrap .vx-topbar,
body.index .vx-headwrap .main-nav-container,
body.index .vx-headwrap .main-nav-container .inner,
body.index .vx-headwrap .top-navbar{ background:transparent !important; }
html.vx-stuck .vx-headwrap{ background:#071a3d; box-shadow:0 2px 20px rgba(0,0,0,.30); }
html.vx-stuck .vx-headwrap::before{ opacity:0; }
body:not(.index) .vx-headwrap{ background:#071a3d; }
body:not(.index) .vx-headwrap::before{ opacity:0; }
/* content clears the fixed header everywhere except the homepage hero */
body:not(.index) main{ padding-top:var(--vx-head-h, 132px); }
/* hero fills the viewport, the bar sits inside it */
body.index .s-block--hero-area .lp-container{ aspect-ratio:auto !important; height:100svh !important; min-height:520px; }
body.index .s-block--hero-area .lp-container .content{ padding-bottom:clamp(46px,8vh,96px) !important; }
@media (max-width:767px){
  body.index .s-block--hero-area .lp-container{ height:100svh !important; }
}

/* ===== v26 — scroll reveal (darc-style: rise + unblur + settle) ===== */
@media (prefers-reduced-motion: no-preference){
  .vx-rv{
    opacity:0;
    filter:blur(9px);
    transform:translateY(76px) scale(.98);
    transition:opacity 1.75s cubic-bezier(.16,1,.3,1), filter 1.75s cubic-bezier(.16,1,.3,1), transform 1.75s cubic-bezier(.16,1,.3,1);
    will-change:opacity, filter, transform;
  }
  .vx-rv.vx-head{ filter:blur(8px); transform:translateY(68px) scale(.99); transition-duration:1.65s; }
  .vx-rv.vx-card{ filter:blur(11px); transform:translateY(88px) scale(.94); transition-duration:1.6s; }
  .vx-rv.vx-in{ opacity:1; filter:blur(0); transform:none; }
  .vx-rv.vx-done{ will-change:auto; }
}
/* ===== v27 — stop the theme sticky bar from stacking on the strip ===== */
.vx-headwrap .main-nav-container,
.vx-headwrap .main-nav-container .inner{ position:static !important; top:auto !important; inset:auto !important; }
.vx-headwrap .main-nav-container.fixed-pin .inner{ position:static !important; }

/* ===== v28 — English strip fits on one line, otherwise it rotates ===== */
html[lang="en"] .vx-topbar-inner{ max-width:1460px !important; gap:20px !important; }
@media (max-width:1499px){
  html[lang="en"] .vx-topbar-inner{ gap:0 !important; padding:9px 12px !important; min-height:38px; }
  html[lang="en"] .vx-tb{ display:none !important; font-size:12.5px; white-space:normal; text-align:center; }
  html[lang="en"] .vx-tb.is-on{ display:inline-flex !important; animation:vxfade .45s ease; }
}
/* ===== v29 — clearer tick and cross in the comparison tables ===== */
.s-block--comparison td.icon-cell::before{
  content:"" !important;
  width:34px !important; height:34px !important;
  font-size:0 !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:20px 20px !important;
}
.s-block--comparison td.icon-cell:nth-child(2)::before{
  background-color:#10cfc9 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2304203f' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.6 4.6L19 7.2'/%3E%3C/svg%3E") !important;
  box-shadow:0 6px 16px rgba(16,207,201,.42) !important;
}
.s-block--comparison td.icon-cell:nth-child(3)::before{
  background-color:rgba(201,49,63,.12) !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9313f' stroke-width='3.2' stroke-linecap='round'%3E%3Cpath d='M6.6 6.6l10.8 10.8M17.4 6.6L6.6 17.4'/%3E%3C/svg%3E") !important;
  box-shadow:none !important;
}
@media (max-width:767px){
  .s-block--comparison td.icon-cell::before{ width:29px !important; height:29px !important; background-size:17px 17px !important; }
}
/* ===== v30 — one language switcher everywhere ===== */
salla-localization-modal{ display:none !important; }

/* ~~~~~ v31 - normal cursor | account icon | no comment box | full nav in EN ~~~~~ */
.vx-dot, .vx-ring{ display:none !important; }
html.vx-cursor, html.vx-cursor *{ cursor:auto !important; }
html.vx-cursor a, html.vx-cursor button, html.vx-cursor label, html.vx-cursor summary,
html.vx-cursor [role="button"], html.vx-cursor .vx-pill, html.vx-cursor .vx-lang,
html.vx-cursor salla-add-product-button{ cursor:pointer !important; }
html.vx-cursor input, html.vx-cursor textarea{ cursor:text !important; }

@media (min-width:1024px){
  .main-nav-container nav{ flex:1 1 auto !important; }
  ul.main-menu{ flex-wrap:nowrap !important; }
  .main-nav-container ul.main-menu > li.root-level{ display:inline-block !important; }
  #more-menu-dropdown{ display:none !important; }
}
html[lang="en"] .main-nav-container ul.main-menu > li > a{ padding-inline:15px !important; }

.s-user-menu-avatar-wrap, img.s-user-menu-trigger-avatar{ border-radius:50% !important; overflow:hidden; }

salla-comments{ display:none !important; }
.vx-ask{ width:100%; max-width:1280px; margin:10px auto 46px; padding:clamp(20px,3vw,30px); background:#f5f7fa; border:1px solid #e2e8f0; border-radius:18px; }
.vx-ask h3{ margin:0 0 6px; font-size:19px; font-weight:800; color:#071a3d; }
.vx-ask p.vx-ask-sub{ margin:0 0 16px; font-size:14.5px; line-height:1.75; color:#5a6478; }
.vx-ask textarea{ width:100%; min-height:118px; padding:14px 16px; font:inherit; font-size:15px; color:#071a3d; background:#fff; border:1px solid #d7dee8; border-radius:12px; resize:vertical; outline:none; transition:border-color .2s ease, box-shadow .2s ease; }
.vx-ask textarea:focus{ border-color:#10cfc9; box-shadow:0 0 0 3px rgba(16,207,201,.18); }
.vx-ask .vx-ask-row{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:14px; }
.vx-ask button{ display:inline-flex; align-items:center; gap:9px; padding:13px 30px; font:inherit; font-size:15px; font-weight:700; color:#fff; background:#071a3d; border:0; border-radius:11px; cursor:pointer; transition:background .2s ease, color .2s ease, transform .15s ease; }
.vx-ask button:hover{ background:#10cfc9; color:#04203f; transform:translateY(-1px); }
.vx-ask .vx-ask-mail{ font-size:13.5px; color:#7a8496; }
.vx-ask .vx-ask-mail a{ color:#0f8f95; font-weight:700; text-decoration:none; }
@media (max-width:767px){ .vx-ask{ width:auto; margin-inline:14px; } .vx-ask button{ width:100%; justify-content:center; } }

/* ~~~~~ v32 - cinematic hero motion ~~~~~ */
body.index .s-block--hero-area .lp-container .media{ overflow:hidden !important; }
body.index .s-block--hero-area .lp-container .media img{ width:100% !important; height:100% !important; object-fit:cover !important; object-position:center 46%; }

.vx-hero-fx{ position:absolute; inset:0; z-index:1; pointer-events:none; overflow:hidden; }
.vx-hero-fx .vx-glow{ position:absolute; left:50%; top:58%; width:82%; height:86%; transform:translate(-50%,-50%); background:radial-gradient(closest-side, rgba(16,207,201,.20), rgba(16,207,201,.05) 56%, rgba(16,207,201,0) 74%); }
.vx-hero-fx .vx-sweep{ position:absolute; top:-30%; bottom:-30%; left:0; width:38%; background:linear-gradient(100deg, rgba(16,207,201,0) 0%, rgba(16,207,201,.09) 36%, rgba(255,255,255,.15) 50%, rgba(16,207,201,.09) 64%, rgba(16,207,201,0) 100%); filter:blur(18px); opacity:0; transform:translate3d(-180%,0,0) skewX(-13deg); }
.vx-hero-fx .vx-mote{ position:absolute; border-radius:50%; background:rgba(196,238,255,.6); filter:blur(1px); opacity:0; }
.vx-hero-fx .vx-grain{ position:absolute; inset:0; opacity:.05; background-image:radial-gradient(rgba(255,255,255,.85) .5px, transparent .5px); background-size:3px 3px; mix-blend-mode:overlay; }

@media (prefers-reduced-motion: no-preference){
  body.index .s-block--hero-area .lp-container .media img{ animation:vxKen 36s ease-in-out infinite alternate; will-change:transform; }
  .vx-hero-fx .vx-glow{ animation:vxGlow 10s ease-in-out infinite; will-change:opacity; }
  .vx-hero-fx .vx-sweep{ animation:vxSweep 14s ease-in-out infinite; will-change:transform, opacity; }
  .vx-hero-fx .vx-mote{ animation-name:vxMote; animation-timing-function:linear; animation-iteration-count:infinite; will-change:transform, opacity; }
}
@keyframes vxKen{ 0%{ transform:scale(1.02) translate3d(0,0,0); } 100%{ transform:scale(1.11) translate3d(-1.4%,-1.6%,0); } }
@keyframes vxGlow{ 0%,100%{ opacity:.42 } 50%{ opacity:.9 } }
@keyframes vxSweep{
  0%{ transform:translate3d(-180%,0,0) skewX(-13deg); opacity:0 }
  6%{ opacity:.9 }
  30%{ transform:translate3d(360%,0,0) skewX(-13deg); opacity:.9 }
  37%{ transform:translate3d(360%,0,0) skewX(-13deg); opacity:0 }
  100%{ transform:translate3d(360%,0,0) skewX(-13deg); opacity:0 }
}
@keyframes vxMote{
  0%{ transform:translate3d(0,30px,0); opacity:0 }
  14%{ opacity:.65 }
  80%{ opacity:.4 }
  100%{ transform:translate3d(16px,-150px,0); opacity:0 }
}
@media (max-width:767px){ .vx-hero-fx .vx-mote{ display:none; } .vx-hero-fx .vx-grain{ display:none; } }

/* ~~~~~ v33 - account avatar exactly the size of the cart icon, no box ~~~~~ */
:root{ --vx-ico:40px; }
salla-user-menu{ display:inline-block !important; width:var(--vx-ico) !important; height:var(--vx-ico) !important; position:relative !important; }
salla-user-menu .s-user-menu-wrapper{ width:var(--vx-ico) !important; height:var(--vx-ico) !important; }
.s-user-menu-trigger-slot.s-user-menu-trigger-avatar-only{ width:var(--vx-ico) !important; height:var(--vx-ico) !important; }
.s-user-menu-trigger-avatar-only .s-user-menu-trigger{ width:var(--vx-ico) !important; height:var(--vx-ico) !important; min-width:var(--vx-ico) !important; padding:0 !important; border:0 !important; border-radius:50% !important; background:transparent !important; box-shadow:none !important; display:flex !important; align-items:center !important; justify-content:center !important; overflow:hidden !important; }
.s-user-menu-trigger-avatar-only .s-user-menu-avatar-wrap{ width:var(--vx-ico) !important; height:var(--vx-ico) !important; display:block !important; border-radius:50% !important; overflow:hidden !important; }
.s-user-menu-trigger-avatar-only img.s-user-menu-trigger-avatar{ width:var(--vx-ico) !important; height:var(--vx-ico) !important; display:block !important; object-fit:cover !important; border-radius:50% !important; }
salla-user-menu .s-user-menu-dropdown{ width:auto !important; }
@media (max-width:1023px){ :root{ --vx-ico:36px; } }

/* ~~~~~ v34 - hero call to action ~~~~~ */
body.index .s-block--hero-area .content .cta{ display:flex !important; gap:14px; flex-wrap:wrap; margin-top:22px; }
.vx-cta{ display:inline-flex; align-items:center; gap:10px; padding:15px 34px; border-radius:12px; font-size:16px; font-weight:800; letter-spacing:.2px; text-decoration:none; background:#10cfc9; color:#04203f !important; box-shadow:0 10px 30px rgba(16,207,201,.28); transition:transform .18s ease, box-shadow .18s ease, background .18s ease; }
.vx-cta:hover{ transform:translateY(-2px); box-shadow:0 14px 38px rgba(16,207,201,.42); background:#31e0da; }
.vx-cta--ghost{ background:transparent; color:#fff !important; border:1.5px solid rgba(255,255,255,.55); box-shadow:none; }
.vx-cta--ghost:hover{ background:rgba(255,255,255,.14); border-color:#fff; box-shadow:none; }
@media (max-width:767px){ .vx-cta{ padding:13px 22px; font-size:14.5px; } body.index .s-block--hero-area .content .cta{ gap:10px; margin-top:16px; } }

/* ~~~~~ v35 - light theme ~~~~~ */
:root{ --vx-navy:#0f3550; --vx-teal:#10cfc9; --vx-tealdk:#0c8f92; --vx-tint:#f6fbfb; --vx-tint2:#eaf5f5; --vx-line:rgba(15,53,80,.10); }
body{ background:var(--vx-tint) !important; }

.vx-headwrap{ background:#ffffff !important; }
.vx-headwrap .vx-topbar{ background:var(--vx-tint2) !important; border-bottom:1px solid var(--vx-line); }
.vx-headwrap .vx-topbar, .vx-headwrap .vx-topbar *{ color:#2d5566 !important; }
.vx-headwrap .main-nav-container{ background:#ffffff !important; }
.vx-headwrap ul.main-menu > li > a, .vx-headwrap ul.main-menu > li > a span{ color:var(--vx-navy) !important; }
.vx-headwrap ul.main-menu > li > a:hover, .vx-headwrap ul.main-menu > li > a:hover span{ color:var(--vx-tealdk) !important; }
.vx-headwrap .navbar-brand img{ filter:none !important; }
.vx-headwrap .main-nav-container .inner input{ background:#eef6f7 !important; color:var(--vx-navy) !important; border:1px solid var(--vx-line) !important; }
.vx-headwrap .main-nav-container .inner input::placeholder{ color:#7d94a1 !important; }
.vx-headwrap .header-btn__icon{ color:var(--vx-navy) !important; border-color:rgba(15,53,80,.22) !important; }
.vx-headwrap .s-cart-summary-total, .vx-headwrap .s-cart-summary-content, .vx-headwrap .sicon-sar{ color:var(--vx-navy) !important; }
.vx-headwrap .vx-lang{ background:rgba(16,207,201,.16) !important; color:var(--vx-tealdk) !important; }
.vx-headwrap .vx-lang:hover{ background:rgba(16,207,201,.28) !important; }
html.vx-stuck .vx-headwrap{ background:#ffffff !important; box-shadow:0 2px 20px rgba(15,53,80,.10) !important; }
.vx-headwrap .vx-topbar, .vx-headwrap .main-nav-container, .vx-headwrap ul.main-menu > li > a,
.vx-headwrap .navbar-brand img, .vx-headwrap .header-btn__icon, .vx-headwrap .vx-lang,
.vx-headwrap .main-nav-container .inner input{ transition:background .35s ease, color .35s ease, border-color .35s ease, filter .35s ease; }

html:not(.vx-stuck) body.index .vx-headwrap,
html:not(.vx-stuck) body.index .vx-headwrap .vx-topbar,
html:not(.vx-stuck) body.index .vx-headwrap .main-nav-container{ background:transparent !important; border-bottom-color:transparent !important; box-shadow:none !important; }
html:not(.vx-stuck) body.index .vx-headwrap .vx-topbar, html:not(.vx-stuck) body.index .vx-headwrap .vx-topbar *{ color:#eaf6f6 !important; }
html:not(.vx-stuck) body.index .vx-headwrap ul.main-menu > li > a,
html:not(.vx-stuck) body.index .vx-headwrap ul.main-menu > li > a span{ color:#ffffff !important; }
html:not(.vx-stuck) body.index .vx-headwrap .navbar-brand img{ filter:brightness(0) invert(1) !important; }
html:not(.vx-stuck) body.index .vx-headwrap .main-nav-container .inner input{ background:rgba(255,255,255,.10) !important; color:#fff !important; border-color:rgba(255,255,255,.28) !important; }
html:not(.vx-stuck) body.index .vx-headwrap .main-nav-container .inner input::placeholder{ color:rgba(255,255,255,.7) !important; }
html:not(.vx-stuck) body.index .vx-headwrap .header-btn__icon{ color:#fff !important; border-color:rgba(255,255,255,.42) !important; }
html:not(.vx-stuck) body.index .vx-headwrap .s-cart-summary-total,
html:not(.vx-stuck) body.index .vx-headwrap .s-cart-summary-content,
html:not(.vx-stuck) body.index .vx-headwrap .sicon-sar{ color:#fff !important; }
html:not(.vx-stuck) body.index .vx-headwrap .vx-lang{ background:rgba(255,255,255,.14) !important; color:#fff !important; }
html.vx-stuck .vx-headwrap::before{ opacity:0 !important; }

.s-block--bundle-comparison{ background:var(--vx-tint2) !important; }
.vx-ask{ background:#ffffff !important; border-color:var(--vx-line) !important; box-shadow:0 6px 24px rgba(15,53,80,.05); }
.vx-ask h3{ color:var(--vx-navy) !important; }
.vx-ask button{ background:var(--vx-tealdk) !important; color:#fff !important; }
.vx-ask button:hover{ background:var(--vx-navy) !important; color:#fff !important; }
.vx-ask .vx-ask-mail a{ color:var(--vx-tealdk) !important; }
.faq-item{ background:#ffffff !important; border-color:var(--vx-line) !important; }
.slide--cat-entry{ border-color:var(--vx-line) !important; box-shadow:0 4px 18px rgba(15,53,80,.05) !important; }


/* ~~~~~ v36 - light theme polish: tinted strip + solid navy logo ~~~~~ */
html.vx-stuck body.index .vx-headwrap .vx-topbar,
body:not(.index) .vx-headwrap .vx-topbar{ background:var(--vx-tint2) !important; border-bottom:1px solid var(--vx-line) !important; }
html.vx-stuck body.index .vx-headwrap .main-nav-container,
body:not(.index) .vx-headwrap .main-nav-container{ background:#ffffff !important; }

.vx-headwrap .navbar-brand{ position:relative; }
.vx-headwrap .navbar-brand img{ visibility:hidden !important; }
.vx-headwrap .navbar-brand::after{ content:""; position:absolute; inset:0; background:var(--vx-navy); pointer-events:none;
  -webkit-mask:url("https://cdn.files.salla.network/other/58813171/5d479e21-5fdb-47a9-ae02-4a88dc740ef6-original.webp") center/contain no-repeat;
  mask:url("https://cdn.files.salla.network/other/58813171/5d479e21-5fdb-47a9-ae02-4a88dc740ef6-original.webp") center/contain no-repeat; }
html:not(.vx-stuck) body.index .vx-headwrap .navbar-brand img{ visibility:visible !important; filter:brightness(0) invert(1) !important; }
html:not(.vx-stuck) body.index .vx-headwrap .navbar-brand::after{ display:none !important; }


/* ~~~~~ v37 - light theme: inner nav row ~~~~~ */
.vx-headwrap .main-nav-container .inner,
body:not(.index) .vx-headwrap .main-nav-container .inner,
html.vx-stuck body.index .vx-headwrap .main-nav-container .inner{ background:#ffffff !important; }
html:not(.vx-stuck) body.index .vx-headwrap .main-nav-container .inner{ background:transparent !important; }
.vx-headwrap .main-nav-container .inner{ transition:background .35s ease; }

/* ~~~~~ v38 - lighter nav, no bullets, account icon matches the cart ~~~~~ */
.vx-headwrap ul.main-menu > li > a{ font-size:13.5px !important; letter-spacing:.1px !important; font-weight:700 !important; padding-inline:16px !important; }
.vx-headwrap ul.main-menu > li > a::before,
.vx-headwrap ul.main-menu > li > a::after,
.vx-headwrap ul.main-menu > li::before,
.vx-headwrap ul.main-menu > li::after{ content:none !important; display:none !important; }
html[lang="en"] .vx-headwrap ul.main-menu > li > a{ font-size:13px !important; padding-inline:14px !important; }

/* account icon = same shape and colour as the cart icon */
.s-user-menu-trigger-avatar-only img.s-user-menu-trigger-avatar{ visibility:hidden !important; }
.s-user-menu-trigger-avatar-only .s-user-menu-avatar-wrap{ position:relative !important; border:1px solid rgba(15,53,80,.22) !important; border-radius:9999px !important; background:transparent !important; }
.s-user-menu-trigger-avatar-only .s-user-menu-avatar-wrap::after{ content:"" !important; position:absolute; inset:0; background:var(--vx-navy);
  -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjggMTI4Ij48Y2lyY2xlIGN4PSI2NCIgY3k9IjQ2IiByPSIyMSIgZmlsbD0iYmxhY2siLz48cGF0aCBkPSJNNjQgNzRjLTI0IDAtNDMgMTUtNDYgMzVhNCA0IDAgMCAwIDQgNWg4NGE0IDQgMCAwIDAgNC01Yy0zLTIwLTIyLTM1LTQ2LTM1eiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=") center/54% 54% no-repeat;
  mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjggMTI4Ij48Y2lyY2xlIGN4PSI2NCIgY3k9IjQ2IiByPSIyMSIgZmlsbD0iYmxhY2siLz48cGF0aCBkPSJNNjQgNzRjLTI0IDAtNDMgMTUtNDYgMzVhNCA0IDAgMCAwIDQgNWg4NGE0IDQgMCAwIDAgNC01Yy0zLTIwLTIyLTM1LTQ2LTM1eiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=") center/54% 54% no-repeat; }
html:not(.vx-stuck) body.index .s-user-menu-trigger-avatar-only .s-user-menu-avatar-wrap{ border-color:rgba(255,255,255,.42) !important; }
html:not(.vx-stuck) body.index .s-user-menu-trigger-avatar-only .s-user-menu-avatar-wrap::after{ background:#ffffff; }
.s-user-menu-trigger-avatar-only .s-user-menu-avatar-wrap, .s-user-menu-trigger-avatar-only .s-user-menu-avatar-wrap::after{ transition:background .35s ease, border-color .35s ease; }
/* ~~~~~ v40 - promo strip + compact header ~~~~~ */
.vx-promo{ background:var(--vx-teal,#10cfc9); color:#04303a; font-size:12.5px; font-weight:700; letter-spacing:.1px; text-align:center; padding:7px 14px; line-height:1.5; }
html:not(.vx-stuck) body.index .vx-promo{ background:rgba(255,255,255,.16); color:#ffffff; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }

.vx-headwrap .navbar-brand{ height:56px !important; }
.vx-headwrap .navbar-brand img{ height:56px !important; max-height:56px !important; width:auto !important; }
.vx-headwrap .main-nav-container .inner > .container{ padding-top:6px !important; padding-bottom:6px !important; }
.vx-headwrap .navbar-brand, .vx-headwrap .navbar-brand img{ transition:height .25s ease; }

html.vx-stuck .vx-promo, html.vx-stuck .vx-topbar{ display:none !important; }
html.vx-stuck .vx-headwrap .navbar-brand{ height:44px !important; }
html.vx-stuck .vx-headwrap .navbar-brand img{ height:44px !important; max-height:44px !important; }
html.vx-stuck .vx-headwrap .main-nav-container .inner > .container{ padding-top:4px !important; padding-bottom:4px !important; }

@media (max-width:1023px){
  .vx-promo{ font-size:11.5px; padding:6px 12px; }
  .vx-headwrap .navbar-brand, .vx-headwrap .navbar-brand img{ height:46px !important; max-height:46px !important; }
  html.vx-stuck .vx-headwrap .navbar-brand, html.vx-stuck .vx-headwrap .navbar-brand img{ height:38px !important; max-height:38px !important; }
}

/* ~~~~~ v41 - compact nav row ~~~~~ */
@media (min-width:1024px){
  html .vx-headwrap .main-nav-container, html .vx-headwrap .main-nav-container .inner{ height:auto !important; min-height:0 !important; }
  html .vx-headwrap .main-nav-container .inner > .container{ padding-top:0 !important; padding-bottom:0 !important; }
  html .vx-headwrap .main-nav-container .inner > .container > div{ height:72px !important; min-height:0 !important; align-items:center !important; }
  html .vx-headwrap .main-nav-container .inner > .container > div > .flex{ min-height:0 !important; height:auto !important; }
  html .vx-headwrap custom-main-menu{ min-height:0 !important; height:auto !important; }
  html .vx-headwrap custom-main-menu > nav.mobile-menu, html .vx-headwrap ul.main-menu{ height:auto !important; padding-top:0 !important; padding-bottom:0 !important; align-items:center !important; }
  html.vx-stuck .vx-headwrap .main-nav-container .inner > .container > div{ height:62px !important; }
}
@media (max-width:1023px){
  html .vx-headwrap .main-nav-container .inner > .container > div{ min-height:0 !important; }
  html .vx-headwrap custom-main-menu{ min-height:0 !important; }
}
/* ~~~~~ v42 - benefits list, comparison column, category title, sort ~~~~~ */
.vx-usp{ list-style:none; margin:14px 0 18px; padding:0; display:grid; gap:8px; }
.vx-usp li{ position:relative; padding-inline-start:26px; font-size:14.5px; line-height:1.6; color:var(--vx-navy,#0f3550); }
.vx-usp li::before{ content:''; position:absolute; inset-inline-start:0; top:6px; width:16px; height:16px; border-radius:50%; background:var(--vx-teal,#10cfc9); }
.vx-usp li::after{ content:''; position:absolute; inset-inline-start:5px; top:10px; width:5px; height:8px; border:solid #06303a; border-width:0 2px 2px 0; transform:rotate(45deg); }

.s-block--comparison table th:last-child, .s-block--comparison table td:last-child{ display:none !important; }
.s-block--comparison table th:nth-child(2), .s-block--comparison table td:nth-child(2){ width:130px !important; text-align:center !important; }

.vx-cat-count{ display:block; font-size:13px; opacity:.6; margin-top:6px; font-weight:400; }
.s-products-list-sorting, .products-sorting, [class*='sorting-select'], salla-sort-products{ display:none !important; }

footer a[href^='mailto']{ text-transform:lowercase !important; }
/* ~~~~~ v43 - compact mobile header ~~~~~ */
@media (max-width:1023px){
  html .vx-promo{ font-size:11px; padding:5px 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  html .vx-headwrap .vx-topbar .vx-tb{ white-space:nowrap !important; font-size:11px !important; }
  html .vx-headwrap .vx-topbar-inner{ white-space:nowrap !important; overflow:hidden !important; }
  html .vx-headwrap .top-navbar{ padding:0 !important; min-height:0 !important; }
  html .vx-headwrap .top-navbar > .container{ min-height:0 !important; height:34px !important; }
  html .vx-headwrap .main-nav-container, html .vx-headwrap .main-nav-container .inner{ height:auto !important; min-height:0 !important; }
  html .vx-headwrap .main-nav-container .inner > .container{ padding-top:0 !important; padding-bottom:0 !important; min-height:0 !important; height:auto !important; }
  html .vx-headwrap .main-nav-container .inner > .container > div{ height:58px !important; min-height:0 !important; align-items:center !important; }
  html .vx-headwrap .main-nav-container .inner > .container > div > .flex{ min-height:0 !important; height:auto !important; }
  html.vx-stuck .vx-headwrap .top-navbar{ display:none !important; }
}
/* ~~~~~ v44 - category grid fallback ~~~~~ */
.vx-cat-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)); gap:18px; width:100%; }
.vx-cat-grid .s-product-card-entry{ display:flex; flex-direction:column; }
.vx-card-btn{ display:block; width:100%; text-align:center; padding:11px 14px; border-radius:12px; background:var(--vx-navy,#0f3550); color:#fff !important; font-weight:700; font-size:14px; transition:background .2s ease; }
.vx-card-btn:hover{ background:var(--vx-tealdk,#0c8f92); }
@media (max-width:640px){ .vx-cat-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; } }

/* sort dropdown hidden until the catalogue is bigger */
body.category .s-products-sorting, body.category salla-products-sorting, body.category [class*='products-sorting'], body.category .products-list-sorting{ display:none !important; }

/* ---- VORTEX v46: uniform product media ---- */
.details-slider .s-slider-container > .swiper-wrapper > .swiper-slide{ aspect-ratio:3/4 !important; height:auto !important; overflow:hidden; }
.details-slider .s-slider-container > .swiper-wrapper > .swiper-slide img{ width:100% !important; height:100% !important; object-fit:cover !important; object-position:center top !important; }
.details-slider .s-slider-container, .details-slider .s-slider-container > .swiper-wrapper{ height:auto !important; align-items:flex-start !important; }
.details-slider .s-slider-thumbs-container > .swiper-wrapper > .swiper-slide{ aspect-ratio:1/1 !important; height:auto !important; overflow:hidden; }
.details-slider .s-slider-thumbs-container > .swiper-wrapper > .swiper-slide img{ width:100% !important; height:100% !important; object-fit:cover !important; object-position:center top !important; }
.s-product-card-image{ position:relative !important; flex:0 0 auto !important; height:auto !important; min-height:0 !important; max-height:none !important; padding-top:0 !important; aspect-ratio:1/1 !important; overflow:hidden !important; }
.s-product-card-image > *{ display:block !important; width:100% !important; height:100% !important; }
.s-product-card-image img{ width:100% !important; height:100% !important; object-fit:cover !important; object-position:center top !important; }

/* ---- VORTEX v47: buying flow ---- */
.vx-opt-invalid{ border:1px solid #e02424 !important; border-radius:12px; padding:10px 12px !important; background:rgba(224,36,36,.03); }
.vx-opt-err{ color:#e02424; font-size:13px; font-weight:700; margin-top:8px; display:flex; align-items:center; gap:6px; }
.vx-opt-err::before{ content:"!"; display:inline-flex; width:17px; height:17px; border-radius:50%; background:#e02424; color:#fff; font-size:11px; line-height:1; align-items:center; justify-content:center; flex:0 0 17px; }
.vx-help{ margin-top:10px; font-size:13px; }
.vx-help > summary{ cursor:pointer; color:var(--vx-teal,#10cfc9); font-weight:700; list-style:none; display:flex; align-items:center; }
.vx-help > summary::-webkit-details-marker{ display:none; }
.vx-help > summary::before{ content:"?"; display:inline-flex; width:18px; height:18px; border-radius:50%; border:1.5px solid currentColor; font-size:11px; align-items:center; justify-content:center; margin-inline-end:7px; flex:0 0 18px; }
.vx-help > div{ margin-top:7px; color:#5b6b7a; line-height:1.75; }
.vx-note{ margin-top:9px; font-size:12.5px; color:#5b6b7a; line-height:1.7; }
.vx-ship-note{ margin-top:14px; padding-top:12px; border-top:1px solid rgba(15,53,80,.08); font-size:12.5px; color:#5b6b7a; line-height:1.75; }
#vx-toast{ position:fixed; left:50%; bottom:16px; transform:translate(-50%,140%); z-index:2147483000; width:min(560px, calc(100vw - 24px)); transition:transform .35s cubic-bezier(.2,.8,.2,1); }
#vx-toast.vx-in{ transform:translate(-50%,0); }
#vx-toast .vx-toast-in{ background:var(--vx-navy,#0f3550); color:#fff; border-radius:14px; padding:12px 14px; display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; box-shadow:0 12px 34px rgba(0,0,0,.28); }
#vx-toast strong{ font-size:14px; }
#vx-toast span{ font-size:13px; opacity:.92; flex:1 1 140px; }
#vx-toast .vx-toast-cart{ background:var(--vx-teal,#10cfc9); color:#04303a !important; font-weight:800; font-size:13px; padding:8px 14px; border-radius:10px; white-space:nowrap; }
.vx-cart-opts{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; font-size:13px; color:#33475b; margin:4px 0 8px; }
.vx-cart-opts span{ font-weight:600; }
.vx-cart-edit{ background:none; border:none; color:var(--vx-teal,#10cfc9); font-weight:800; font-size:13px; cursor:pointer; padding:0; text-decoration:underline; }
.vx-opts-collapsed{ display:none !important; }
@media (max-width:640px){
  #vx-toast{ bottom:calc(env(safe-area-inset-bottom, 0px) + 12px); }
  .vx-ship-note{ font-size:12px; }
  body{ overflow-x:hidden; }
}

/* ---- VORTEX v48: mobile sticky summary clearance ---- */
@media (max-width: 767px){
  body:has(salla-cart-summary-card.s-cart-summary-card--mobile) footer{ padding-bottom:130px !important; }
  body:has(salla-sticky-product-bar) footer{ padding-bottom:110px !important; }
  salla-cart-summary-card.s-cart-summary-card--mobile{ padding-bottom:env(safe-area-inset-bottom, 0px) !important; }
}

/* ---- VORTEX v51: hero artwork framing (desktop) ---- */
@media (min-width: 992px){
  html body .s-block--bundle-hero-area .lp-container .media img{ object-position:28% 50% !important; }
}

/* ---- VORTEX v52: keep the colour visible on the selected swatch ---- */
.s-product-options-colors-item label span::after{
  width:7px !important; height:7px !important; flex:0 0 auto !important;
  background:#ffffff !important; box-shadow:0 0 0 1.5px rgba(0,0,0,.45) !important;
}

/* ---- VORTEX v53: pick the hero artwork at first paint (no flash) ---- */
@media (max-width: 991px){
  .s-block--bundle-hero-area .lp-container .media img{
    content: url("https://cdn.files.salla.network/products/58813171/ad6158e8-1e23-43e7-8f83-6deffefdd517-original.webp") !important;
  }
}

/* ---- VORTEX v54: English version of the bundle-contents artwork ---- */
html[lang="en"] img[src*="921c845e-51d4-45da-9599-a31ed39d7a32"]{
  content: url("https://cdn.files.salla.network/products/58813171/8de7addf-9a1f-4358-8374-acb0ad2301d3-original.webp") !important;
}

/* VORTEX v56: responsive YouTube embed inside page content */
iframe.ql-video,
iframe[src*="youtube.com/embed"]{
  display:block !important;
  width:100% !important;
  max-width:760px !important;
  aspect-ratio:16 / 9;
  height:auto !important;
  margin:22px auto !important;
  border:0 !important;
  border-radius:14px;
  background:#000;
}

/* VORTEX v56: WhatsApp support button */
.vx-wa{
  position:fixed;
  z-index:9990;
  inset-inline-start:16px;
  bottom:18px;
  width:52px;
  height:52px;
  border-radius:50%;
  background:#25D366;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 6px 18px rgba(0,0,0,.22);
  transition:transform .18s ease;
}
.vx-wa svg{ width:30px; height:30px; display:block; }
.vx-wa:hover, .vx-wa:focus{ transform:scale(1.07); color:#fff; }
@media (max-width: 767px){
  .vx-wa{ width:48px; height:48px; bottom:calc(14px + env(safe-area-inset-bottom, 0px)); }
  body:has(salla-cart-summary-card.s-cart-summary-card--mobile) .vx-wa{ bottom:calc(142px + env(safe-area-inset-bottom, 0px)); }
  body:has(salla-sticky-product-bar) .vx-wa{ bottom:calc(122px + env(safe-area-inset-bottom, 0px)); }
}

/* VORTEX v57: bright hero artwork - dark copy + readability scrim (desktop only; mobile keeps the dark artwork) */
@media (min-width: 992px){
  html body .s-block--bundle-hero-area .lp-container .media img{ object-position:50% 50% !important; }
  html body .s-block--bundle-hero-area .lp-container .content{ position:relative; }
  html body .s-block--bundle-hero-area .lp-container .content::before{
    content:""; position:absolute; top:-70px; bottom:-70px; left:0; right:0;
    pointer-events:none; z-index:0;
    background:radial-gradient(34% 150% at 85% 50%, rgba(255,255,255,.86) 0%, rgba(255,255,255,.40) 42%, rgba(255,255,255,0) 72%);
  }
  html[lang="en"] body .s-block--bundle-hero-area .lp-container .content::before{
    background:radial-gradient(34% 150% at 85% 50%, rgba(255,255,255,.86) 0%, rgba(255,255,255,.40) 42%, rgba(255,255,255,0) 72%);
  }
  html[lang="en"] body .s-block--bundle-hero-area .lp-container .content{
    padding-inline-start:58% !important; padding-inline-end:4% !important;
  }
  html body .s-block--bundle-hero-area .lp-container .content > *{ position:relative; z-index:1; }
  html body .s-block--bundle-hero-area .content h3.sub{ color:#4a5770 !important; }
  html body .s-block--bundle-hero-area .content h2.main{ color:#09182f !important; }
  html body .s-block--bundle-hero-area .content p.desc{ color:#33415c !important; }
  html body .s-block--bundle-hero-area .content .vx-cta--ghost{ color:#09182f !important; border-color:rgba(9,24,47,.45) !important; background:rgba(255,255,255,.6) !important; }
  html body .s-block--bundle-hero-area .content .vx-cta--ghost:hover{ background:#09182f !important; color:#ffffff !important; border-color:#09182f !important; }
}

/* VORTEX v58: bright hero artwork on mobile - dark copy */
@media (max-width: 991px){
  html body .s-block--bundle-hero-area .content h3.sub{ color:#4a5770 !important; }
  html body .s-block--bundle-hero-area .content h2.main{ color:#09182f !important; }
  html body .s-block--bundle-hero-area .content p.desc{ color:#33415c !important; }
  html body .s-block--bundle-hero-area .content .vx-cta--ghost{ color:#09182f !important; border-color:rgba(9,24,47,.45) !important; background:rgba(255,255,255,.6) !important; }
}

/* ===== VORTEX v59 - purchase controls must never depend on JS hydration ===== */
/* Root cause: the Raed theme parks .sticky-product-bar at translateY(28rem) and only
   pulls it back through the .hydrated class that Twilight puts on <html>. Inside an
   in-app webview (TikTok) that class can arrive late or not at all, and because the bar
   is position:fixed on phones it is not in the page flow either - so no purchase control
   is visible anywhere while price and options still render. Neutralise that dependency. */
html body.is-sticky-product-bar .sticky-product-bar,
html body.is-sticky-product-bar .sticky-product-bar salla-add-product-button,
html body.is-sticky-product-bar .sticky-product-bar .sticky-product-bar__quantity{
  --tw-translate-y: 0px !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

@media (max-width: 640px){
  /* (a) the real purchase block goes back into the page flow, under the options */
  html body.is-sticky-product-bar .sticky-product-bar{
    position: static !important;
    inset: auto !important;
    width: auto !important;
    z-index: auto !important;
    display: block !important;
    margin: 14px 0 0 !important;
    padding: 16px !important;
    border: 1px solid rgba(7,26,61,.10) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
  }
  html body.is-sticky-product-bar .sticky-product-bar .form-label{ display: block !important; }
  html body.is-sticky-product-bar .sticky-product-bar__quantity{
    width: 100% !important; margin: 0 0 12px !important; transition-delay: 0s !important;
  }
  html body.is-sticky-product-bar .sticky-product-bar salla-add-product-button{
    width: 100% !important; margin: 0 !important; flex: 0 0 auto !important; transition-delay: 0s !important;
  }

  /* (b) our own bottom bar - owes nothing to the theme or to hydration */
  .vx-buybar{
    position: fixed; left: 0; right: 0; bottom: var(--vx-vvoff, 0px); z-index: 9992;
    display: flex; align-items: center; gap: 10px;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
    background: #fff;
    border-top: 1px solid rgba(7,26,61,.10);
    box-shadow: 0 -6px 24px rgba(7,26,61,.10);
    transform: translateY(115%);
    transition: transform .22s ease;
  }
  .vx-buybar.is-on{ transform: translateY(0); }
  .vx-buybar__price{ font-weight: 800; font-size: 15px; color: #09182f; white-space: nowrap; }
  .vx-buybar__price i{ font-size: 13px; margin-inline-start: 2px; }
  .vx-buybar__btn{
    flex: 1 1 auto; min-height: 46px; border: 0; border-radius: 12px;
    background: var(--vx-teal, #10cfc9); color: #04303a;
    font-weight: 800; font-size: 15px; line-height: 1; cursor: pointer;
  }
  .vx-buybar__btn:active{ transform: scale(.985); }

  html body.is-sticky-product-bar.product-single{
    padding-bottom: calc(var(--vx-buybar-h, 76px) + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* (c) the WhatsApp bubble sits above the purchase bar (the old rule targeted an
   element name that does not exist in this theme, so it never matched) */
@media (max-width: 767px){
  body.vx-has-buybar .vx-wa{
    bottom: calc(var(--vx-buybar-h, 76px) + 14px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* ===== VORTEX v60 - Apple Pay + quick buy inside the bottom purchase bar ===== */
@media (max-width: 640px){
  .vx-buybar{ flex-wrap: wrap; row-gap: 8px; }
  .vx-buybar__price{ flex: 0 0 auto; }
  .vx-buybar__btn{ flex: 1 1 120px; }
  .vx-buybar__row2{
    flex: 1 1 100%;
    display: flex; align-items: center; gap: 10px;
  }
  .vx-buybar__row2 > *{ flex: 1 1 0; min-width: 0; }
  .vx-buybar__btn--ghost{
    background: #fff; color: #09182f;
    border: 1px solid rgba(9,24,47,.30);
    min-height: 44px; border-radius: 12px;
    font-weight: 800; font-size: 15px; line-height: 1;
  }
  .vx-buybar salla-quick-buy{ display: block; width: 100%; margin: 0 !important; }
  .vx-buybar apple-pay-button{
    display: block; width: 100%;
    --apple-pay-button-height: 44px;
    --apple-pay-button-border-radius: 12px;
  }
  .sticky-product-bar salla-quick-buy:empty{ display: none !important; }
}

/* ===== VORTEX v61 - keep Apple Pay on screen at all times ===== */
/* The bar used to slide away once the in-page purchase block scrolled into view, and
   Apple Pay lives in the bar (a payment button cannot be duplicated), so it vanished.
   With Apple Pay present the bar now stays put and only collapses to the Apple Pay row. */
@media (max-width: 640px){
  .vx-buybar.vx-keep{ transform: translateY(0) !important; }
  .vx-buybar.vx-keep.is-compact{
    padding-top: 8px;
    padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
  }
  .vx-buybar.vx-keep.is-compact .vx-buybar__price,
  .vx-buybar.vx-keep.is-compact > .vx-buybar__btn,
  .vx-buybar.vx-keep.is-compact .vx-buybar__btn--ghost{ display: none !important; }
  .vx-buybar.vx-keep.is-compact .vx-buybar__row2{ flex: 1 1 100%; margin: 0; }
}

/* ---- VORTEX v63 - one WhatsApp button: keep the Salla app button, hide the theme one, lift it above the purchase bar ---- */
.vx-wa{ display:none !important; }
@media (max-width:767px){
  body.vx-has-buybar a.wa-s-n{ bottom:calc(var(--vx-buybar-h,76px) + 14px + env(safe-area-inset-bottom,0px)) !important; }
}

/* ---- VORTEX v65 - product pages: similar products right after the product details, before the returns / secure payment / shipping block ---- */
body.product-single #main-content > .s-before-reviews,
body.product-single #main-content > .s-before-reviews ~ * { order: 2; }
body.product-single #main-content > .s-before-related ~ * { order: 3; }
body.product-single #main-content > .s-before-related { order: 1; }
/* VORTEX: reserve homepage space before hydration and avoid mobile reveal delay. */
body.index main > .s-block--bundle-hero-area { min-height:100svh !important; }
body.index main > .s-block--bundle-hero-area > [component-name="hero-area"] { display:block; }
body.index main > .s-block--bundle-marquee { min-height:50px; }
body.index .s-block--best-offers { min-height:640px; }
body.index .s-block--categories { min-height:358px; }
body.index .s-block--fixed-banner picture { display:block; aspect-ratio:1440 / 558; }
body.index .s-block--fixed-banner picture img { display:block; width:100%; height:100% !important; object-fit:contain; }
@media (max-width:767px) {
  body.index .s-block--best-offers { min-height:590px; }
  body.index .s-block--categories { min-height:272px; }
  body.index .s-block--fixed-banner picture { aspect-ratio:599 / 899; }
  [data-vx-rv] { opacity:1 !important; filter:none !important; transform:none !important; transition:none !important; will-change:auto !important; }
  .vx-hero-fx { display:none !important; }
  body.index .s-block--hero-area .lp-container .media img { animation:none !important; transition:none !important; will-change:auto !important; }
}

/* v68: mobile drawer menu - readable dark text (desktop header stays white) */
.mobile-menu ul.main-menu > li > a,
.mm-spn ul.main-menu > li > a{ color:#071a3d !important; font-size:16px !important; font-weight:600 !important; padding:16px 20px !important; opacity:1 !important; text-transform:none !important; letter-spacing:0 !important; }
.mobile-menu ul.main-menu > li > a span,
.mm-spn ul.main-menu > li > a span{ color:inherit !important; }
.mobile-menu ul.main-menu > li > a::before,
.mm-spn ul.main-menu > li > a::before{ font-size:9px !important; margin-inline-end:12px !important; }

/* v70: menu (hamburger) icon visible on the white header - product/category pages and after scrolling */
html.vx-stuck .main-nav-container .mburger i,
html.vx-stuck .main-nav-container .sicon-menu,
body:not(.index) .main-nav-container .mburger i,
body:not(.index) .main-nav-container .sicon-menu{ color:#071a3d !important; }

/* v72: cart (mobile) - bigger floating checkout button, lifted a little; extra checkout button before the shipping box */
@media (max-width:1023px){
  body.cart .s-cart-summary-card--mobile{ bottom:calc(12px + env(safe-area-inset-bottom,0px)) !important; left:10px !important; right:10px !important; border-radius:20px !important; box-shadow:0 10px 30px rgba(7,26,61,.22) !important; z-index:50 !important; }
  body.cart .s-cart-summary-card--mobile .s-cart-summary-card-action .s-button-element{ min-height:56px !important; font-size:17px !important; font-weight:700 !important; border-radius:14px !important; }
  body.cart a.wa-s-n{ bottom:calc(150px + env(safe-area-inset-bottom,0px)) !important; }
  body.cart #main-content, body.cart main{ padding-bottom:40px; }
}
.vx-cart-cta{ display:none; }
@media (max-width:1023px){
  .vx-cart-cta{ display:block; margin:0 0 16px; }
  .vx-cart-cta button{ width:100%; min-height:56px; border:0; border-radius:14px; background:#071a3d; color:#fff; font-size:17px; font-weight:700; font-family:inherit; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px; }
  .vx-cart-cta button:active{ opacity:.85; }
}

/* v74: mobile - the whole top header (promo strip, secure-payment line, search + language bar, logo/cart row) stays fixed while scrolling */
@media (max-width:1023px){
  html.vx-stuck body .vx-headwrap .vx-promo, html.vx-stuck body .vx-headwrap .vx-topbar{ display:block !important; }
  html.vx-stuck body .vx-headwrap .top-navbar{ display:flex !important; }
  html.vx-stuck body.index .vx-headwrap .top-navbar{ background:#071a3d !important; }
}


/* v75: desktop - promo strip and info line stay fixed with the header while scrolling; remove the empty 60px band under the desktop menu row */
html.vx-stuck body .vx-headwrap .vx-promo, html.vx-stuck body .vx-headwrap .vx-topbar{ display:block !important; }
@media (min-width:1024px){
  html body .vx-headwrap .main-nav-container .inner > .container{ height:auto !important; min-height:0 !important; }
}


/* v76: speed - the scroll reveal no longer uses blur or GPU layers (heavy on phones); on mobile content shows immediately, on desktop a short light fade */
@media (prefers-reduced-motion: no-preference){
  html body .vx-rv, html body .vx-rv.vx-head, html body .vx-rv.vx-card{ filter:none !important; transform:translateY(16px) !important; transition:opacity .45s ease, transform .45s ease !important; will-change:auto !important; }
  html body .vx-rv.vx-in{ opacity:1 !important; transform:none !important; }
}
@media (max-width:1023px){
  html body .vx-rv, html body .vx-rv.vx-head, html body .vx-rv.vx-card, html body .vx-rv.vx-in{ opacity:1 !important; filter:none !important; transform:none !important; transition:none !important; will-change:auto !important; }
}

/* v79: discounted prices in red everywhere (purchase block + bottom bar); add-to-cart busy state */
html body .sticky-product-bar .total-price.text-red-800,
html body .total-price.text-red-800,
html body .s-product-card-sale-price h4{ color:#991b1b !important; }
html body.product-single:has(.total-price.text-red-800) .vx-buybar__price{ color:#991b1b !important; }
.vx-buybar__btn.vx-busy, form.product-form salla-add-product-button.vx-busy{ opacity:.55 !important; pointer-events:none !important; transition:opacity .15s; }

/* v81: steadier first load (no layout jumps) */
/* header: before our script moves it into the fixed bar, keep it out of the page flow and hidden, so the page does not jump when the bar is built. If the script ever fails, it shows again after 4s. */
html body > .app-inner > header.store-header{ position:relative !important; /* v100: stay in page flow (was fixed+hidden) so the page does not jump */ }
@keyframes vxHdrShow{ to{ visibility:visible; } }
/* the space under the fixed bar is known from the start (same values the script measures) */
:root{ --vx-head-h:156px; }
html[lang^="en"]{ --vx-head-h:158px; }
@media (min-width:1024px){ :root{ --vx-head-h:152px; } html[lang^="en"]{ --vx-head-h:144px; } }
@media (min-width:1500px){ html[lang^="en"]{ --vx-head-h:152px; } }
/* hero: the faint grain layer moved on desktop while the page settled (opacity 5%, not visible) */
.vx-hero-fx .vx-grain{ display:none !important; }
/* hero buttons: keep their space until the script adds them, so the hero text does not jump */
html body.index .s-block--bundle-hero-area .content .cta:not(:has(.vx-cta)){ min-height:116px; }
@media (min-width:422px){ html[lang^="ar"] body.index .s-block--bundle-hero-area .content .cta:not(:has(.vx-cta)){ min-height:54px; } }
@media (min-width:768px){ html[lang^="ar"] body.index .s-block--bundle-hero-area .content .cta:not(:has(.vx-cta)){ min-height:58px; } }
@media (min-width:498px){ html[lang^="en"] body.index .s-block--bundle-hero-area .content .cta:not(:has(.vx-cta)){ min-height:54px; } }
@media (min-width:768px){ html[lang^="en"] body.index .s-block--bundle-hero-area .content .cta:not(:has(.vx-cta)){ min-height:58px; } }
@media (min-width:992px){ html[lang^="en"] body.index .s-block--bundle-hero-area .content .cta:not(:has(.vx-cta)){ min-height:128px; } }
@media (min-width:1386px){ html[lang^="en"] body.index .s-block--bundle-hero-area .content .cta:not(:has(.vx-cta)){ min-height:58px; } }
/* product page: breadcrumb keeps one line (long names end with ...) and its space is reserved before it loads */
salla-breadcrumb:not(.hydrated){ display:block; min-height:20px; }
salla-breadcrumb ol.s-breadcrumb-wrapper{ flex-wrap:nowrap !important; min-width:0; }
salla-breadcrumb .s-breadcrumb-item, salla-breadcrumb .s-breadcrumb-arrow{ white-space:nowrap; flex-shrink:0; }
salla-breadcrumb .s-breadcrumb-item:last-child{ flex-shrink:1; min-width:0; overflow:hidden; text-overflow:ellipsis; }
/* product gallery: keep its final height while Salla builds the slider, so the product details do not jump */
.container--product-details :has(> salla-slider.details-slider){ container-type:inline-size; }
salla-slider.details-slider{ min-height:157.7cqw; }
salla-slider.details-slider:not(.hydrated){ display:block !important; height:157.7cqw; overflow:hidden; }
salla-slider.details-slider .s-slider-container{ min-height:133cqw; }
salla-slider.details-slider .s-slider-thumbs .swiper:not(.swiper-initialized){ visibility:hidden; }

/* v83: the hero artwork paints from this file, before the hero script runs (faster first view, same final look) */
html body.index main > .s-block--bundle-hero-area{ background:linear-gradient(to top, rgba(4,16,38,.85) 0%, rgba(4,16,38,.38) 34%, rgba(4,16,38,0) 64%), url("https://cdn.files.salla.network/products/58813171/ad6158e8-1e23-43e7-8f83-6deffefdd517-original.webp") 50% 42% / cover no-repeat, #071a3d; }
@media (min-width:992px){ html body.index main > .s-block--bundle-hero-area{ background:linear-gradient(to top, rgba(4,16,38,.85) 0%, rgba(4,16,38,.38) 34%, rgba(4,16,38,0) 64%), url("https://cdn.files.salla.network/products/58813171/b0c38e5c-bd99-4c72-a9a9-47e3f44a6235-original.webp") 50% 50% / cover no-repeat, #071a3d; } }


/* v84: silver VORTEX logo on the white header (was navy) */
html body .vx-headwrap .navbar-brand::after{ background:linear-gradient(135deg,#454d58 0%,#9aa2ad 35%,#5a626d 55%,#b3bac3 78%,#4f5762 100%) !important; }


/* v85: home hero is now a ready-made banner from Salla (shows with the page, no waiting for scripts).
   The header on the home page sits above it like on the other pages. */
html body.index main{ padding-top:var(--vx-head-h, 156px) !important; }
html body.index section[component-id="942546180"]{ margin:0 !important; padding:0 !important; }
html body.index section[component-id="942546180"] > .container{ max-width:none !important; width:100% !important; padding:0 !important; margin:0 !important; position:relative; }
html body.index section[component-id="942546180"] a.banner{ display:block !important; border-radius:0 !important; margin:0 !important; }
html body.index section[component-id="942546180"] picture,
html body.index section[component-id="942546180"] img{ display:block !important; width:100% !important; max-width:none !important; height:auto !important; border-radius:0 !important; object-fit:cover !important; aspect-ratio:1920 / 853; }
@media (max-width:767px){
  html body.index section[component-id="942546180"] img{ aspect-ratio:900 / 1599; }
}
/* English pages: the same banner with English text */
html[lang^="en"] body.index section[component-id="942546180"] img{ content:url("https://cdn.salla.sa/mQPomj/WK1vXDfcmUgv6V9KXF6NjCrurOJTp9hx9hnAweeT.webp"); }
@media (max-width:767px){
  html[lang^="en"] body.index section[component-id="942546180"] img{ content:url("https://cdn.salla.sa/mQPomj/JRV2gG6zNpDw3cGTImY156pnZqfENu0vqjDrXWeu.webp"); }
}
/* the "Explore products" button drawn in the banner: a tap area placed exactly over it */
.vx-explore-zone{ position:absolute; z-index:2; display:block; cursor:pointer; border-radius:10px; -webkit-tap-highlight-color:transparent; }
html[lang^="ar"] .vx-explore-zone{ left:63.97%; top:82.94%; width:13.63%; height:9.06%; }
html[lang^="en"] .vx-explore-zone{ left:79.38%; top:82.94%; width:14.76%; height:9.06%; }
@media (max-width:767px){
  html[lang^="ar"] .vx-explore-zone{ left:53.74%; top:84.21%; width:41.13%; height:7.79%; }
  html[lang^="en"] .vx-explore-zone{ left:5.13%; top:90.19%; width:44.97%; height:7.79%; }
}

/* v86: the page content keeps the same top position before and after the design loads (less jumping on first visit) */
html:has(body.index){ --vx-head-h:164px; }
html[lang^="en"]:has(body.index){ --vx-head-h:166px; }
@media (min-width:1024px){ html:has(body.index){ --vx-head-h:150px; } html[lang^="en"]:has(body.index){ --vx-head-h:142px; } }
@media (min-width:1500px){ html[lang^="en"]:has(body.index){ --vx-head-h:150px; } }
html body #main-content{ margin-top:132px !important; padding-top:calc(var(--vx-head-h, 156px) - 132px) !important; }

/* v86b: on the home page use fixed header heights (the script measures the header before it turns solid) */
html{ --vx-home-h:164px; }
html[lang^="en"]{ --vx-home-h:166px; }
@media (min-width:1024px){ html{ --vx-home-h:150px; } html[lang^="en"]{ --vx-home-h:142px; } }
@media (min-width:1500px){ html[lang^="en"]{ --vx-home-h:150px; } }
html body.index #main-content{ padding-top:calc(var(--vx-home-h) - 132px) !important; }
/* VORTEX pearl / silver homepage. Draft Raed 1 only. */
html:has(body.index){--vx-navy:#161719;--vx-teal:#66686b;--vx-tealdk:#252628;--vx-tint:#fff;--vx-tint2:#f5f5f5;--vx-line:#e6e6e6;scroll-behavior:smooth;}
html body.index{background:#fff!important;color:#17181a!important;}
html body.index #main-content{margin-top:0!important;padding-top:0!important;overflow:visible!important;display:flex!important;flex-direction:column!important;}
html body.index section[component-id="1450402227"]{order:-3!important;}
html body.index .vxl-categories{order:-2!important;}
html body.index section[component-id="699218550"]{order:-1!important;}
html body.index .vx-headwrap{position:sticky!important;top:0!important;background:#fff!important;box-shadow:none!important;border-bottom:1px solid #ededed!important;transform:none!important;}
html body.index .vx-headwrap .vx-topbar{display:none!important;}
html body.index .vx-headwrap .vx-promo{background:#17181a!important;color:#fff!important;min-height:28px!important;padding:5px 12px!important;font-size:11px!important;line-height:18px!important;}
html body.index .vx-headwrap .main-nav-container,html body.index .vx-headwrap .main-nav-container .inner,html body.index header.store-header,html body.index .top-navbar{background:#fff!important;color:#17181a!important;}
html body.index .vx-headwrap .main-nav-container{min-height:64px!important;height:auto!important;}
html body.index .vx-headwrap .inner{min-height:60px!important;padding-block:0!important;box-sizing:border-box!important;}
html body.index .vx-headwrap .s-cart-summary-content{display:none!important;}
html body.index .vxl-desktop-nav{display:flex!important;gap:24px!important;margin-inline:30px!important;}
html body.index .vxl-desktop-nav a{font-size:13px!important;font-weight:600!important;color:#262729!important;text-decoration:none!important;}
html body.index .vxl-menu{margin:0 0 0 auto!important;border:0!important;min-height:100dvh!important;width:min(85vw,340px)!important;max-width:none!important;padding:24px!important;color:#1b1c1e!important;background:#fff!important;box-sizing:border-box!important;}
html body.index .vxl-menu::backdrop{background:#0007;}
html body.index .vxl-menu-close{display:block!important;margin-inline-start:auto!important;background:#f4f4f4!important;border:0!important;border-radius:50%!important;width:38px!important;height:38px!important;font-size:25px!important;cursor:pointer!important;}
html body.index .vxl-menu h2{font:600 20px Arial,sans-serif!important;letter-spacing:.15em!important;margin:30px 0 20px!important;}
html body.index .vxl-menu a{display:block!important;padding:17px 0!important;border-bottom:1px solid #ececec!important;text-decoration:none!important;color:#202124!important;font-size:16px!important;}
@media(max-width:1023px){html body.index .vxl-desktop-nav{display:none!important;}}
html body.index .vx-headwrap .top-navbar{padding-block:4px!important;}
html body.index .vx-headwrap .navbar-brand::after{background:#141517!important;display:block!important;}
html body.index .vx-headwrap .navbar-brand img{visibility:hidden!important;filter:none!important;}
html body.index .vx-headwrap .navbar-brand{height:38px!important;min-width:120px!important;max-width:160px!important;}
html body.index .vx-headwrap .header-btn__icon,html body.index .vx-headwrap .s-cart-summary-total,html body.index .vx-headwrap .s-cart-summary-content,html body.index .vx-headwrap .sicon-sar,html body.index .vx-headwrap ul.main-menu>li>a,html body.index .vx-headwrap ul.main-menu>li>a span{color:#17181a!important;}
html body.index .vx-headwrap .vx-lang{background:#f3f3f3!important;color:#17181a!important;border:1px solid #ededed!important;}
html body.index .vx-headwrap .main-nav-container .inner input{background:#f6f6f6!important;border-color:#e8e8e8!important;color:#17181a!important;}
html body.index .vx-headwrap .main-nav-container .inner input::placeholder{color:#737373!important;}
html.vx-stuck body.index .vx-headwrap .top-navbar,html:not(.vx-stuck) body.index .vx-headwrap .top-navbar{background:#f6f6f6!important;border-bottom:1px solid #e9e9e9!important;}
html body.index .vx-headwrap .top-navbar .s-search-input,html body.index .vx-headwrap .top-navbar input[type="search"]{background:#fff!important;color:#262729!important;border:1px solid #dedfe1!important;}
html body.index .vx-headwrap .top-navbar input::placeholder{color:#777!important;}
html body.index .vx-headwrap .top-navbar svg{fill:#666!important;color:#666!important;}
html body.index .vx-hero-fx,html body.index .vx-explore-zone,html body.index .vortex-home-hero{display:none!important;}
html body.index .vxl-hero{margin:0!important;padding:0!important;background:#f6f6f6!important;overflow:hidden!important;}
html body.index .vxl-hero>.container{display:grid!important;grid-template-columns:58% 42%!important;direction:ltr!important;align-items:stretch!important;max-width:1440px!important;padding:0!important;margin:auto!important;width:100%!important;min-height:0!important;}
html body.index .vxl-hero .banner{display:block!important;position:relative!important;aspect-ratio:1.45!important;height:auto!important;min-height:0!important;max-height:360px!important;overflow:hidden!important;opacity:1!important;filter:none!important;transform:none!important;transition:none!important;border-radius:0!important;box-shadow:none!important;}
html body.index .vxl-hero picture{display:block!important;width:100%!important;height:100%!important;}
html body.index .vxl-hero img{display:block!important;width:100%!important;height:100%!important;max-height:none!important;max-width:100%!important;object-fit:cover!important;object-position:left center!important;transform:none!important;filter:none!important;opacity:1!important;animation:none!important;border-radius:0!important;}
html body.index .vxl-copy{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;text-align:center!important;direction:rtl!important;padding:28px 20px!important;background:linear-gradient(110deg,#f5f5f5,#fff)!important;}
html[lang^="en"] body.index .vxl-copy{direction:ltr!important;}
html body.index .vxl-eyebrow{font-family:Arial,sans-serif!important;font-size:15px!important;letter-spacing:.3em!important;color:#303134!important;font-weight:600!important;margin:0!important;}
html body.index .vxl-title{font-size:clamp(30px,3.7vw,60px)!important;line-height:1.3!important;font-weight:800!important;color:#121315!important;letter-spacing:-.035em!important;margin:0!important;}
html body.index .vxl-desc{font-size:14px!important;color:#5a5b5f!important;line-height:1.9!important;margin:0!important;}
html body.index .vxl-cta,html body.index .vxl-options{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;background:#18191b!important;color:#fff!important;border:1px solid #18191b!important;border-radius:6px!important;font-weight:600!important;min-height:42px!important;padding:10px 24px!important;box-shadow:none!important;transition:background .18s!important;}
html body.index .vxl-cta:hover,html body.index .vxl-options:hover{background:#353639!important;}
html body.index .vxl-categories{display:flex!important;justify-content:center!important;gap:10px!important;padding:20px 16px!important;margin:0 auto!important;max-width:1280px!important;width:100%!important;box-sizing:border-box!important;}
html body.index .vxl-categories a{display:flex!important;justify-content:center!important;align-items:center!important;gap:9px!important;min-height:46px!important;min-width:155px!important;padding:10px 22px!important;border:1px solid #dedfe1!important;background:#fff!important;border-radius:7px!important;text-decoration:none!important;font-weight:600!important;font-size:14px!important;color:#202124!important;transition:background .18s!important;}
html body.index .vxl-categories a:hover{background:#f4f4f4!important;}
html body.index .vxl-products{margin:0 auto!important;padding-top:14px!important;padding-bottom:30px!important;max-width:1280px!important;scroll-margin-top:165px;}
html body.index .vxl-products .s-block__title{margin-bottom:20px!important;display:flex!important;justify-content:center!important;text-align:center!important;}
html body.index .vxl-products .s-block__title h2{font-size:25px!important;font-weight:700!important;color:#191a1c!important;}
html body.index .vxl-products .s-products-list-wrapper{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;justify-content:stretch!important;width:100%!important;}
html body.index .vxl-products custom-salla-product-card{width:100%!important;min-width:0!important;margin:0!important;background:#fff!important;border:1px solid #e7e7e7!important;border-radius:10px!important;box-shadow:none!important;transform:none!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;}
html body.index .vxl-products .s-product-card-image{aspect-ratio:1/1!important;background:#f7f7f7!important;border-radius:0!important;padding:0!important;min-height:0!important;height:auto!important;}
html body.index .vxl-products .s-product-card-image img{object-fit:contain!important;transform:none!important;padding:8px!important;}
html body.index .vxl-products .s-product-card-promotion-title{font-size:10px!important;background:#ececee!important;color:#333!important;box-shadow:none!important;border-radius:4px!important;padding:4px 7px!important;top:9px!important;}
html body.index .vxl-products .s-product-card-wishlist-btn{display:none!important;}
html body.index .vxl-products .s-product-card-content{padding:14px!important;gap:10px!important;flex:1!important;}
html body.index .vxl-products .s-product-card-content-main{min-height:48px!important;}
html body.index .vxl-products .s-product-card-content-title a{font-size:15px!important;color:#1b1c1e!important;font-weight:650!important;line-height:1.7!important;}
html body.index .vxl-products .s-product-card-content-subtitle{display:none!important;}
html body.index .vxl-products .s-product-card-sale-price h4,html body.index .vxl-products .s-product-card-price{color:#18191b!important;font-size:18px!important;font-weight:700!important;}
html body.index .vxl-products .s-product-card-sale-price>span{color:#8b8c8e!important;font-size:12px!important;}
html body.index .vxl-products .s-product-card-content-footer{margin-top:auto!important;display:block!important;padding:0!important;}
html body.index .vxl-options{width:100%!important;font-size:13px!important;padding:8px!important;min-height:40px!important;}
html body.index .vxl-story{max-width:1248px!important;margin:20px auto 34px!important;padding:32px!important;background:#f6f6f6!important;border-radius:12px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:36px!important;align-items:center!important;}
html body.index .vxl-story h2,html body.index .vxl-faq h2{color:#18191b!important;font-size:27px!important;font-weight:700!important;line-height:1.5!important;margin:0 0 12px!important;}
html body.index .vxl-story p{color:#626367!important;font-size:15px!important;line-height:1.9!important;margin:0 0 16px!important;}
html body.index .vxl-video{display:block!important;position:relative!important;aspect-ratio:16/9!important;width:100%!important;background:#e9e9e9!important;border:0!important;border-radius:8px!important;overflow:hidden!important;cursor:pointer!important;}
html body.index .vxl-video img{width:100%!important;height:100%!important;object-fit:cover!important;}
html body.index .vxl-play{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;background:#151618!important;color:#fff!important;display:grid!important;place-items:center!important;width:56px!important;height:56px!important;border-radius:50%!important;font-size:24px!important;}
html body.index .vxl-video iframe{width:100%!important;height:100%!important;border:0!important;}
html body.index .vxl-faq{max-width:840px!important;margin:0 auto 48px!important;padding:8px 20px!important;}
html body.index .vxl-faq h2{text-align:center!important;margin-bottom:22px!important;}
html body.index .vxl-faq details{border-bottom:1px solid #e7e7e7!important;padding:16px 0!important;}
html body.index .vxl-faq summary{font-size:15px!important;font-weight:600!important;cursor:pointer!important;line-height:1.7!important;color:#222!important;}
html body.index .vxl-faq details p{font-size:14px!important;line-height:1.9!important;color:#626367!important;padding:12px 0 0!important;margin:0!important;}
html body.index [data-vx-rv]{opacity:1!important;filter:none!important;transform:none!important;transition:none!important;will-change:auto!important;}
html body.index footer,html body.index .store-footer,html body.index .store-footer__inner{background:#f5f5f5!important;color:#404144!important;border-color:#e2e2e2!important;box-shadow:none!important;}
html body.index footer a,html body.index footer h3,html body.index .store-footer a,html body.index .store-footer h3{color:#27282a!important;}
html body.index .vx-wa{background:#242527!important;color:#fff!important;box-shadow:0 3px 12px #0002!important;}
@media(min-width:768px) and (max-width:1023px){html body.index .vxl-products .s-products-list-wrapper{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;}}
@media(max-width:767px){
html body.index .vxl-hero>.container{display:flex!important;flex-direction:column!important;}
html body.index .vxl-copy{order:-1!important;padding:16px 16px 12px!important;gap:6px!important;}
html body.index .vxl-eyebrow{font-size:12px!important;}
html body.index .vxl-title{font-size:29px!important;line-height:1.3!important;}
html body.index .vxl-desc{font-size:12px!important;}
html body.index .vxl-cta{min-height:38px!important;padding:8px 24px!important;font-size:13px!important;}
html body.index .vxl-hero .banner{aspect-ratio:auto!important;height:230px!important;max-height:230px!important;width:100%!important;background:#f4f4f4!important;}
html body.index .vxl-hero picture{width:min(100%,334px)!important;height:230px!important;margin:0 auto!important;overflow:hidden!important;}
html body.index .vxl-categories{gap:6px!important;padding:14px 12px!important;}
html body.index .vxl-categories a{flex:1!important;min-width:0!important;padding:10px 4px!important;font-size:11px!important;min-height:42px!important;gap:4px!important;}
html body.index .vxl-products{padding:8px 12px 20px!important;}
html body.index .vxl-products .s-products-list-wrapper{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
html body.index .vxl-products .s-block__title h2{font-size:21px!important;}
html body.index .vxl-products .s-product-card-content{padding:10px!important;gap:7px!important;}
html body.index .vxl-products .s-product-card-content-title a{font-size:12px!important;line-height:1.6!important;}
html body.index .vxl-products .s-product-card-content-main{min-height:40px!important;}
html body.index .vxl-products .s-product-card-sale-price h4{font-size:16px!important;}
html body.index .vxl-options{font-size:12px!important;min-height:38px!important;}
html body.index .vxl-products .s-product-card-promotion-title{font-size:9px!important;top:6px!important;inset-inline-end:6px!important;}
html body.index .vxl-story{margin:10px 12px 24px!important;padding:20px!important;grid-template-columns:1fr!important;gap:16px!important;}
html body.index .vxl-story h2,html body.index .vxl-faq h2{font-size:22px!important;}
html body.index .vxl-story p{font-size:13px!important;}
html body.index .vxl-faq{margin-bottom:28px!important;padding-inline:20px!important;}
html body.index .vxl-faq summary{font-size:13px!important;}
}
@media(prefers-reduced-motion:reduce){html:has(body.index){scroll-behavior:auto;}html body.index *{transition:none!important;animation:none!important;}}

/* Keep one navigation and a compact hero on wide screens. */
@media(min-width:1024px){html body.index header custom-main-menu{display:none!important;}html body.index .vxl-desktop-nav a{white-space:nowrap!important;}}
@media(min-width:768px){html body.index .vxl-hero picture{max-width:522px!important;margin-inline:auto!important;}}

/* Final composition: balanced hero, compact controls and quiet product cards. */
html body.index .vxl-hero{background:#f6f6f6!important;}
html body.index .vxl-hero>.container{max-width:1120px!important;grid-template-columns:48% 52%!important;}
html body.index .vxl-hero .banner{justify-self:end!important;}
html body.index .vxl-copy{background:#f6f6f6!important;padding-inline:24px!important;gap:14px!important;}
html body.index .vxl-title{font-size:clamp(30px,3.5vw,48px)!important;letter-spacing:-.025em!important;}
html body.index .vxl-desc{max-width:390px!important;color:#65666a!important;}
html body.index .vxl-cta,html body.index .vxl-options{box-sizing:border-box!important;line-height:1.4!important;border-radius:5px!important;min-height:44px!important;}
html body.index .vxl-cta{padding:12px 30px!important;font-size:14px!important;}
html body.index .vxl-categories{gap:10px!important;padding-block:18px!important;}
html body.index .vxl-categories a{min-height:42px!important;box-sizing:border-box!important;padding-block:10px!important;border-color:#e7e7e7!important;font-size:13px!important;}
html body.index .vxl-products .s-product-card-promotion-title{display:none!important;}
html body.index .vxl-products custom-salla-product-card{border-color:#ececec!important;border-radius:8px!important;}
html body.index .vxl-products .s-product-card-content-title a{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
html body.index .vxl-products .s-product-card-content-main{min-height:52px!important;}
html body.index .vxl-products .s-product-card-content-footer{padding-top:4px!important;}
html body.index .vxl-options{font-size:13px!important;min-height:42px!important;}
html body.index .vxl-story{border-radius:8px!important;}
@media(hover:hover){html body.index .vxl-products custom-salla-product-card:hover{border-color:#c8c9cc!important;}}
@media(max-width:767px){
html body.index .vxl-copy{padding:16px 16px 14px!important;gap:8px!important;}
html body.index .vxl-title{font-size:28px!important;}
html body.index .vxl-eyebrow{font-size:11px!important;}
html body.index .vxl-desc{font-size:12px!important;line-height:1.7!important;}
html body.index .vxl-cta{min-height:40px!important;padding:10px 26px!important;font-size:13px!important;}
html body.index .vxl-categories{padding:12px!important;gap:6px!important;}
html body.index .vxl-categories a{font-size:11px!important;}
html body.index .vxl-products .s-product-card-content-main{min-height:42px!important;}
html body.index .vxl-options{min-height:40px!important;font-size:12px!important;}
}

/* Blend the backdrop at the edges; retain the full product silhouette. */
html body.index .vxl-hero picture{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 94%,transparent 100%);}
html body.index .vxl-hero .banner{background:#f6f6f6!important;}
/* Homepage contact remains in the footer, clear of product prices and controls. */
html body.index a.wa-s-n{display:none!important;}

html body.index .vxl-products .s-product-card-image img.vxl-original-catalog{display:none!important;}
html body.index .vxl-products .s-product-card-image img.vxl-studio-photo{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:10px!important;}
/* Reserve native product-list space before its asynchronous content is painted. */
html body.index section[component-id="699218550"] .s-products-list-wrapper{min-height:940px!important;align-content:start!important;}
@media(min-width:768px) and (max-width:1023px){html body.index section[component-id="699218550"] .s-products-list-wrapper{min-height:880px!important;}}
@media(max-width:767px){html body.index section[component-id="699218550"] .s-products-list-wrapper{min-height:calc(1.5 * (100vw - 49px) + 490px)!important;}html body.index .vxl-products .s-product-card-image img.vxl-studio-photo{padding:6px!important;}}

/* Five real products form balanced rows of three and two on wide screens. */
@media(min-width:1024px){
html body.index .vxl-products .s-products-list-wrapper{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:stretch!important;max-width:1000px!important;margin-inline:auto!important;}
html body.index .vxl-products custom-salla-product-card{width:300px!important;max-width:calc((100% - 40px)/3)!important;flex:0 0 300px!important;}
}

html body.index .vxl-faq{width:min(100%,840px)!important;box-sizing:border-box!important;}
html body.index .vxl-faq summary{list-style:none!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;}
html body.index .vxl-faq summary::-webkit-details-marker{display:none!important;}
html body.index .vxl-faq summary::after{content:'+';font-size:22px;font-weight:400;line-height:1;color:#777;flex:0 0 auto;}
html body.index .vxl-faq details[open] summary::after{content:'−';}

/* Monochrome details, including inherited footer accents and count badge. */
html body.index footer h3::after,html body.index .store-footer h3::after{background:#bfc0c2!important;}
html body.index footer .s-contacts-icon,html body.index .store-footer .s-contacts-icon{background:#e8e8e9!important;color:#494a4d!important;}
html body.index footer .s-contacts-icon svg,html body.index .store-footer .s-contacts-icon svg{color:#494a4d!important;fill:currentColor!important;}
html body.index footer .s-social-link{color:#494a4d!important;border-color:#d9dade!important;background:#ececed!important;}
html body.index footer a:hover{color:#101112!important;}
html body.index .s-cart-summary-count{background:#1c1d1f!important;color:#fff!important;}
html body.index .vxl-cta:focus-visible,html body.index .vxl-options:focus-visible,html body.index .vxl-faq summary:focus-visible,html body.index .vxl-categories a:focus-visible{outline:2px solid #777!important;outline-offset:3px!important;}
/* VORTEX / Raed1: one visual system across the customer journey. */
:root{--vx-navy:#1b1c1e;--vx-teal:#bfc0c2;--vx-tealdk:#252629;--vx-tint:#fff;--vx-tint2:#f5f5f5;--vx-line:#e6e6e6;--color-primary:#1b1c1e;--color-primary-dark:#101112;--color-primary-light:#f3f3f3;--color-primary-reverse:#fff;}
html body{background:#fff!important;color:#242527!important;}
html body .vx-headwrap{position:sticky!important;top:0!important;background:#fff!important;box-shadow:none!important;border-bottom:1px solid #ededed!important;transform:none!important;}
html body .vx-headwrap .vx-topbar{display:none!important;}
html body .vx-promo{background:#18191b!important;color:#fff!important;padding:5px 12px!important;min-height:28px!important;line-height:18px!important;font-size:11px!important;}
html body .vx-headwrap .main-nav-container,html body .vx-headwrap .main-nav-container .inner,html body header.store-header,html body .top-navbar{background:#fff!important;color:#202124!important;}
html body .vx-headwrap .main-nav-container{height:auto!important;min-height:62px!important;}
html body .vx-headwrap .inner{min-height:60px!important;padding-block:0!important;}
html body .vx-headwrap .top-navbar{padding-block:4px!important;}
html body .vx-headwrap .navbar-brand{height:38px!important;}
html body .vx-headwrap .navbar-brand img{filter:none!important;}
html body .vx-headwrap .navbar-brand::after{background:#141517!important;}
html body .vx-headwrap .s-cart-summary-content{display:none!important;}
html body .vx-headwrap .header-btn__icon,html body .vx-headwrap .s-cart-summary-total,html body .vx-headwrap .sicon-sar,html body .vx-headwrap ul.main-menu>li>a,html body .vx-headwrap ul.main-menu>li>a span{color:#202124!important;}
html body .vx-headwrap .vx-lang{background:#f4f4f4!important;color:#202124!important;border:1px solid #e6e6e6!important;}
html body .vx-headwrap input[type="search"]{background:#f7f7f7!important;color:#242527!important;border-color:#e4e4e4!important;}
html body .vx-headwrap input::placeholder{color:#707175!important;}
html body .s-cart-summary-count{background:#1c1d1f!important;color:#fff!important;}
html body footer,html body .store-footer,html body .store-footer__inner{background:#f5f5f5!important;color:#55565a!important;border-color:#e4e4e4!important;box-shadow:none!important;}
html body footer a,html body footer h3,html body .store-footer a,html body .store-footer h3{color:#303134!important;}
html body .store-footer h3::after{background:#bbbcc0!important;}
html body .store-footer .s-contacts-icon,html body .store-footer .s-social-icon,html body .store-footer .s-social-link{background:#eaeaeb!important;color:#505155!important;border-color:#dcdcdf!important;}
html body .store-footer .s-contacts-icon svg{color:#505155!important;fill:currentColor!important;}
html body .store-footer a:hover{color:#111!important;}
html body [data-vx-rv],html body .vx-rv{opacity:1!important;filter:none!important;transform:none!important;transition:none!important;will-change:auto!important;}
html body:not(.index) #main-content{padding-top:24px!important;padding-bottom:48px!important;}
html body:not(.index) .s-breadcrumb-wrapper{font-size:12px!important;color:#707175!important;margin-bottom:22px!important;}
html body:not(.index) h1{color:#202124!important;line-height:1.55!important;letter-spacing:-.02em;}
html body:not(.index) custom-salla-product-card.s-product-card-entry{background:#fff!important;border:1px solid #e9e9ea!important;border-radius:8px!important;box-shadow:none!important;transform:none!important;transition:border-color .18s!important;}
html body:not(.index) .s-product-card-image{background:#f7f7f7!important;border-radius:0!important;aspect-ratio:1!important;}
html body:not(.index) .s-product-card-image img{object-fit:contain!important;padding:8px!important;transform:none!important;box-sizing:border-box!important;}
html body:not(.index) .s-product-card-content{padding:14px!important;}
html body:not(.index) .s-product-card-content-title a{color:#252629!important;font-size:14px!important;font-weight:600!important;line-height:1.65!important;}
html body:not(.index) .s-product-card-content-subtitle{display:none!important;}
html body .s-product-card-sale-price h4,html body .s-product-card-price,html body .total-price,html body .total-price.text-red-800,html body.product-single:has(.total-price.text-red-800) .vx-buybar__price{color:#1b1c1e!important;}
html body:not(.index) .s-product-card-promotion-title{display:none!important;}
html body:not(.index) .s-product-card-content-footer .s-button-element,html body .vxf-options,html body .vx-ask button,html body .vx-buybar__btn{background:#1b1c1e!important;border-color:#1b1c1e!important;color:#fff!important;border-radius:5px!important;box-shadow:none!important;min-height:44px!important;font-weight:600!important;}
html body .vxf-options{display:flex;align-items:center;justify-content:center;text-decoration:none;padding:10px 14px;line-height:1.5;text-align:center;}
html body.product-single .details-slider{background:#f7f7f7!important;border:1px solid #ededed!important;border-radius:10px!important;box-shadow:none!important;}
html body.product-single .product-entry__title,html body.product-single .container--product-details h1{font-size:clamp(23px,2.2vw,32px)!important;font-weight:700!important;}
html body.product-single .product-entry__sub-title{font-size:14px!important;font-weight:400!important;color:#65666a!important;line-height:1.9!important;}
html body.product-single .vx-usp{gap:5px!important;margin:12px 0 18px!important;}
html body.product-single .vx-usp li{font-size:13px!important;color:#505155!important;}
html body.product-single .vx-usp li::before{background:#ececed!important;}
html body.product-single .vx-usp li::after{border-color:#333!important;}
html body.product-single .vx-pill{min-height:44px!important;border:1px solid #d9dadd!important;border-radius:6px!important;background:#fff!important;color:#303134!important;box-shadow:none!important;padding:10px 14px!important;transform:none!important;}
html body.product-single .vx-pill.is-active{background:#202124!important;border-color:#202124!important;color:#fff!important;box-shadow:none!important;}
html body.product-single .s-product-options-colors-item label{min-height:44px!important;border:1px solid #d9dadd!important;border-radius:6px!important;box-shadow:none!important;}
html body.product-single .s-product-options-colors-item label>div{color:#303134!important;font-weight:500!important;}
html body.product-single .s-product-options-colors-item input:checked+label{background:#f4f4f4!important;border-color:#202124!important;box-shadow:inset 0 0 0 1px #202124!important;}
html body.product-single .s-product-options-colors-item input:checked+label>div{color:#202124!important;}
html body.product-single .s-button-primary{background:#202124!important;border-color:#202124!important;color:#fff!important;border-radius:6px!important;min-height:46px!important;box-shadow:none!important;}
html body.product-single .vx-ship-note{border:0!important;background:transparent!important;color:#66676b!important;padding:8px 0!important;font-size:12px!important;line-height:1.9!important;}
html body.product-single .vx-shipnote{background:#f7f7f7!important;border:1px solid #e7e7e7!important;border-radius:8px!important;padding:12px 14px!important;margin:12px 0!important;gap:8px!important;}
html body.product-single .vx-shipnote>div{font-size:12px!important;font-weight:400!important;color:#595a5e!important;}
html body.product-single .vx-shipnote i{color:#626367!important;}
html body.product-single .vx-note{color:#66676b!important;background:#f7f7f7!important;border-color:#e7e7e7!important;font-size:12px!important;}
html body.product-single .product__description{color:#55565a!important;line-height:1.95!important;font-size:14px!important;}
html body.product-single .product__description h2,html body.product-single .product__description h3,html body.product-single .product__description strong{color:#262729!important;}
html body .vx-ask{background:#f7f7f7!important;border:1px solid #e8e8e8!important;border-radius:8px!important;box-shadow:none!important;padding:24px!important;}
html body .vx-ask h3{color:#27282a!important;font-size:19px!important;}
html body .vx-ask textarea{border-color:#dcdde0!important;border-radius:6px!important;color:#303134!important;}
html body .vx-ask textarea:focus{border-color:#5d5e62!important;box-shadow:0 0 0 2px #eee!important;}
html body .vx-ask .vx-ask-mail a{color:#303134!important;}
html body .content-entry{max-width:820px!important;margin-inline:auto!important;background:#fff!important;border:0!important;box-shadow:none!important;padding:24px!important;color:#55565a!important;font-size:15px!important;line-height:2!important;}
html body .content-entry strong,html body .content-entry h2,html body .content-entry h3{color:#252629!important;}
html body .content-entry img{max-width:100%!important;height:auto!important;border-radius:8px!important;}
html body .content-entry iframe{max-width:100%!important;width:100%!important;aspect-ratio:16/9!important;height:auto!important;border:0!important;border-radius:8px!important;}
html body .vxf-guide-media{display:grid;gap:18px;margin-top:28px;padding-top:24px;border-top:1px solid #e4e4e4;}
html body .vxf-guide-media img{max-height:480px;object-fit:contain;}
html body .cart-item,html body .cart-summary,html body .cart-summary-wrapper{border-color:#e5e5e5!important;border-radius:8px!important;box-shadow:none!important;background:#fff!important;}
html body #free-shipping{background:#f6f6f6!important;border-color:#e4e4e4!important;color:#333!important;border-radius:8px!important;}
html body .vx-cart-top-checkout{background:#202124!important;color:#fff!important;box-shadow:none!important;border-radius:6px!important;}
html body a.wa-s-n,html body .vx-wa{background:#292a2d!important;color:#fff!important;box-shadow:0 3px 12px #0002!important;}
html body a:focus-visible,html body button:focus-visible,html body summary:focus-visible{outline:2px solid #777!important;outline-offset:3px!important;}
@media(min-width:1024px){html body:not(.index) .s-products-list-wrapper{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;}html body.product-single .container--product-details{max-width:1180px!important;margin-inline:auto!important;}}
@media(max-width:767px){html body:not(.index) #main-content{padding-top:16px!important;padding-bottom:28px!important;}html body:not(.index) .s-products-list-wrapper{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}html body:not(.index) .s-product-card-content{padding:10px!important;}html body:not(.index) .s-product-card-content-title a{font-size:12px!important;}html body:not(.index) .s-product-card-content-footer{padding-top:6px!important;}html body .vxf-options{font-size:12px!important;}html body .content-entry{padding:18px 12px!important;font-size:14px!important;}html body .vx-ask{padding:18px!important;}html body.product-single .container--product-details h1{font-size:23px!important;}html body.product-single .vx-pillbox{gap:7px!important;}html body.product-single .vx-pill{font-size:12px!important;padding:9px 12px!important;}html body .vx-buybar{background:#fff!important;border-top:1px solid #e2e2e2!important;box-shadow:0 -2px 12px #00000008!important;}html body .vx-buybar__btn--ghost{background:#fff!important;color:#242527!important;border:1px solid #d9dadd!important;}html body.vx-has-buybar a.wa-s-n{bottom:calc(var(--vx-buybar-h,76px) + 14px + env(safe-area-inset-bottom,0px))!important;}}
@media(prefers-reduced-motion:reduce){html body .vx-headwrap,html body custom-salla-product-card{transition:none!important;animation:none!important;}}

html body:not(.index) #main-content{margin-top:0!important;}
html body.product-single #main-content h1{font-size:clamp(23px,2.2vw,32px)!important;margin-bottom:14px!important;}
html body .vx-headwrap salla-search .s-search-input{background:#f7f7f7!important;border-color:#e4e4e4!important;}

html body.product-single #main-content p.text-red-800{color:#1b1c1e!important;}
html body.product-single .details-slider .swiper-slide img{object-fit:contain!important;}

html body .vxf-product-guide{padding:18px 20px;margin:20px 0;background:#f7f7f7;border:1px solid #e7e7e7;border-radius:8px;}html body .vxf-product-guide h3{font-size:16px;margin:0 0 6px;}html body .vxf-product-guide p{margin:0 0 14px;}html body .vxf-product-guide p:last-child{margin-bottom:0;}
/* ===== VORTEX v87 - Armora-style finish (monochrome, Poppins, rounded) ===== */
/* Poppins is loaded without blocking the first paint (see v88 JS) */
body, body button, body input, .store-header, .store-footer, main#main-content {
  font-family: 'Poppins', PingARLT, -apple-system, BlinkMacSystemFont, sans-serif !important;
}
/* header: white bar with soft rounded bottom, like Armora */
.store-header .main-nav-container { border-radius: 0 0 18px 18px !important; box-shadow: 0 1px 0 #ececec !important; }
.store-header .top-navbar { background: #000 !important; }
.vxl-desktop-nav a { font-weight: 600 !important; letter-spacing: .01em; }
/* section titles: big, bold, centered */
main#main-content .s-block__title, main#main-content .vxl-faq h2, main#main-content .vxl-story h2 {
  font-weight: 700 !important; letter-spacing: -.015em; color: #000 !important;
}
main#main-content .vxl-products .s-block__title h2, main#main-content .vxl-products .s-block__title { font-size: clamp(26px, 3vw, 38px) !important; font-weight: 700 !important; justify-content: center; text-align: center; }
/* hero + all main buttons: black, 12px radius, uppercase feel */
.vxl-hero a, .vxl-hero .btn, .vxl-options, .vxl-products .vxl-options,
.s-button-primary, .s-button-element.s-button-primary {
  border-radius: 12px !important; font-weight: 600 !important; letter-spacing: .04em;
  transition: opacity .2s ease, transform .2s ease;
}
.vxl-options:hover, .s-button-primary:hover { opacity: .85; transform: translateY(-1px); }
/* "Shop by product" category cards */
nav.vxl-categories a {
  border-radius: 14px !important; border: 1px solid #e8e8e8 !important; background: #fff !important;
  font-weight: 600 !important; color: #000 !important; transition: box-shadow .25s, transform .25s, background .25s;
}
nav.vxl-categories a:hover { background: #000 !important; color: #fff !important; transform: translateY(-2px); }
/* product cards: soft border, 14px radius, lift on hover */
.vxl-products custom-salla-product-card, .vxl-products .s-product-card-entry {
  border-radius: 14px !important; border: 1px solid #e8e8e8 !important; overflow: hidden;
  transition: box-shadow .25s ease, transform .25s ease;
}
.vxl-products custom-salla-product-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,.08); transform: translateY(-3px); }
.vxl-products .s-product-card-content-title a { font-weight: 600 !important; color: #000 !important; }
/* story / video block and FAQ: rounded panels */
section.vxl-story { border-radius: 18px; }
section.vxl-faq details { border: 1px solid #e8e8e8 !important; border-radius: 12px !important; padding-inline: 16px; margin-bottom: 10px; }
/* footer: solid black like Armora (high specificity to beat earlier footer rules) */
html body footer.store-footer.store-footer, html body footer.store-footer.store-footer > div, html body footer.store-footer.store-footer div.store-footer__inner { background-color:#000 !important; }
html body footer.store-footer.store-footer :is(h2,h3,h4,p,span,li,div,b,strong) { color:#fff !important; }
html body footer.store-footer.store-footer a { color:rgba(255,255,255,.78) !important; }
html body footer.store-footer.store-footer a:hover { color:#fff !important; }
html body footer.store-footer.store-footer :is(h3,h4)::after, html body footer.store-footer.store-footer [class*="title"]::after { background-color:#fff !important; }
html body footer.store-footer.store-footer :is(.s-contacts-icon,.s-social-icon,.s-social-link a) { background-color:#1a1a1a !important; border:1px solid #2e2e2e !important; }
html body footer.store-footer.store-footer :is(.s-contacts-icon,.s-social-icon) :is(svg,path) { fill:#fff !important; color:#fff !important; }
@media (max-width: 768px) {
  main#main-content .vxl-products .s-block__title h2 { font-size: 26px !important; }
  .store-header .main-nav-container { border-radius: 0 0 14px 14px !important; }
}
/* ===== v88 - trust items moved into the black top strip; old trust bar removed ===== */
.vx-topbar { display: none !important; }
.vx-promo .vx88-item { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.vx-promo .vx88-item i { font-size: 14px; line-height: 1; }
@media (min-width: 1024px) {
  .vx-promo .vx88-item + .vx88-item::before { content: '\2022'; margin-inline: 12px; opacity: .55; }
}
@media (max-width: 1023px) {
  .vx-promo .vx88-item { display: none; }
  .vx-promo .vx88-item.vx88-on { display: inline-flex; animation: vx88fade .35s ease; }
}
@keyframes vx88fade { from { opacity: 0; } to { opacity: 1; } }
/* v88 speed: reserve the header space before the script builds the sticky header (stops the whole page jumping down) */
/* v99: removed - header now stays inside .app-inner, no body padding needed */


/* v88 speed: phones - keep the home product grid's final height (5 products = 3 rows) while Salla loads it, so the sections below do not jump */
@media (max-width: 767px) { #vx-products.vxl-products { min-height: calc(3 * ((100vw - 34px) / 2 + 166px) + 153px); } }
/* ===== v89 - review fixes: bigger logo, clearer grey text, WhatsApp help, bundle contents ===== */
/* 1) logo: larger, same header height */
html body .vx-headwrap .navbar-brand img { height: 56px !important; max-height: 56px !important; width: auto !important; }
@media (max-width: 1023px) { html body .vx-headwrap .navbar-brand img { height: 54px !important; max-height: 54px !important; } }
/* 2) easier reading: darker, slightly larger helper text */
html body .vxl-desc, html body .vxl-story p, html body .vxl-eyebrow,
html body .product-entry__sub-title, html body .vx-note, html body .vx-ship-note,
html body .vx-shipnote div, html body .vx-ask-sub, html body .vx-ask-mail,
html body details.vx-help summary, html body details.vx-help div,
html body .s-breadcrumb-item, html body .s-breadcrumb-item a { color: #3a3b3f !important; }
html body .vx-note, html body .vx-ship-note, html body .vx-shipnote div { font-size: 13px !important; line-height: 1.7 !important; }
html body .vxl-desc { font-size: 15px !important; }
html body details.vx-help summary { font-size: 13.5px !important; text-decoration: underline; text-underline-offset: 3px; }
/* 7) WhatsApp help */
html body .vx-ask .vx89-wa-btn { display: inline-flex; align-items: center; gap: 8px; background: #000; color: #fff !important;
  border-radius: 12px; padding: 12px 22px; font-weight: 600; font-size: 14.5px; text-decoration: none; }
html body .vx-ask .vx89-wa-btn:hover { opacity: .85; }
html body .vx-ask .vx89-wa-btn i, html body .vx89-wa-help i { font-size: 17px; }
html body .vx89-wa-help { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; font-size: 13.5px; font-weight: 600;
  color: #000 !important; text-decoration: none; }
html body .vx89-wa-help:hover { text-decoration: underline; }
/* 9) bundle contents on product cards */
html body .vx89-contents { margin: 4px 0 0; font-size: 12.5px; line-height: 1.5; color: #3a3b3f; font-weight: 500; }
/* old trust bar stays hidden on every page, also after scrolling (moved into the black strip in v88) */
html body .vx-headwrap .vx-topbar.vx-topbar, html.vx-stuck body .vx-headwrap .vx-topbar.vx-topbar { display: none !important; }
/* v90: bundle savings line under the price */
html body .vx90-save { margin: 6px 0 2px; font-size: 13px; font-weight: 600; color: #000; line-height: 1.6; }html body section:has(> .vx90-save) { flex-wrap: wrap !important; }
html body .vx90-save { flex: 0 0 100%; width: 100%; }
/* v91: footer - replace the theme dashed divider with a subtle solid line; no light border on the black footer */
html body footer.store-footer.store-footer { border-top: 0 !important; }
html body footer.store-footer.store-footer div.store-footer__inner { border-bottom: 1px solid #1f1f1f !important; }
/* v92: cash on delivery badge in the payment logos row */
html body .s-payments-list .vx92-cod { width: 86px !important; max-width: none !important; }
html body .s-payments-list .vx92-cod img { object-fit: contain; width: 100%; height: 100%; }

/* ===== v94 - luxury design layer: one refined typeface, quiet palette, hairlines, generous space ===== */
:root {
  --vx-ink: #0c0c0d; --vx-paper: #ffffff; --vx-ivory: #f6f5f2; --vx-line: #e6e3dd;
  --vx-muted: #6d6b67; --vx-gold: #a48c62; --vx-ease: cubic-bezier(.2,.7,.2,1);
}
/* typography: Alexandria for Arabic and Latin */
html:is(#vx94a,*) body:is(#vx94b,*), html:is(#vx94a,*) body:is(#vx94b,*) button, html:is(#vx94a,*) body:is(#vx94b,*) input, html:is(#vx94a,*) body:is(#vx94b,*) select, html:is(#vx94a,*) body:is(#vx94b,*) textarea,
html:is(#vx94a,*) body:is(#vx94b,*) h1, html:is(#vx94a,*) body:is(#vx94b,*) h2, html:is(#vx94a,*) body:is(#vx94b,*) h3, html:is(#vx94a,*) body:is(#vx94b,*) h4, html:is(#vx94a,*) body:is(#vx94b,*) .s-button-text,
html:is(#vx94a,*) body:is(#vx94b,*) [class*="s-product"], html:is(#vx94a,*) body:is(#vx94b,*) [class*="s-cart"] {
  font-family: "Alexandria", "PingARLT", -apple-system, BlinkMacSystemFont, sans-serif !important;
}
html:is(#vx94a,*) body:is(#vx94b,*) { color: var(--vx-ink); letter-spacing: 0; -webkit-font-smoothing: antialiased; }
html:is(#vx94a,*) body:is(#vx94b,*) h1, html:is(#vx94a,*) body:is(#vx94b,*) h2 { font-weight: 300 !important; letter-spacing: -.01em; }
html[lang^="ar"]:is(#vx94a,*) body:is(#vx94b,*) h1, html[lang^="ar"]:is(#vx94a,*) body:is(#vx94b,*) h2 { letter-spacing: 0; }
/* top strip */
html:is(#vx94a,*) body:is(#vx94b,*) .vx-promo { background: var(--vx-ink) !important; color: #e9e6df !important; font-size: 11.5px !important;
  font-weight: 300 !important; letter-spacing: .02em; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx-promo i { color: var(--vx-gold) !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx-promo .vx88-item + .vx88-item::before { background: var(--vx-gold) !important; }
/* header */
html:is(#vx94a,*) body:is(#vx94b,*) .vx-headwrap .main-nav-container, html:is(#vx94a,*) body:is(#vx94b,*) .vx-headwrap #mainnav { box-shadow: none !important;
  border-bottom: 1px solid var(--vx-line) !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx-headwrap .main-nav-container a, html:is(#vx94a,*) body:is(#vx94b,*) .vx-headwrap .main-nav-container .main-menu li > a {
  font-weight: 400 !important; font-size: 14px !important; letter-spacing: .01em; }
/* hero */
html:is(#vx94a,*) body:is(#vx94b,*) .vxl-hero, html:is(#vx94a,*) body:is(#vx94b,*) .vxl-hero .vxl-copy, html:is(#vx94a,*) body:is(#vx94b,*) .vxl-hero a.banner { background: var(--vx-ivory) !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .vxl-hero .vxl-eyebrow { color: var(--vx-gold) !important; font-size: 11px !important; font-weight: 400 !important;
  letter-spacing: .42em !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .vxl-hero .vxl-title { font-weight: 300 !important; font-size: 54px !important; line-height: 1.15 !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .vxl-hero .vxl-desc { color: var(--vx-muted) !important; font-weight: 300 !important; font-size: 15px !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .vxl-hero .vxl-cta, html:is(#vx94a,*) body:is(#vx94b,*) .vx94-btn { background: var(--vx-ink) !important; color: #fff !important;
  border: 1px solid var(--vx-ink) !important; border-radius: 2px !important; padding: 14px 38px !important;
  font-weight: 400 !important; font-size: 13.5px !important; letter-spacing: .06em; transition: background .4s var(--vx-ease), color .4s var(--vx-ease); }
html:is(#vx94a,*) body:is(#vx94b,*) .vxl-hero .vxl-cta:hover, html:is(#vx94a,*) body:is(#vx94b,*) .vx94-btn:hover { background: transparent !important; color: var(--vx-ink) !important; }
@media (max-width: 767px) { html:is(#vx94a,*) body:is(#vx94b,*) .vxl-hero .vxl-title { font-size: 38px !important; } }
/* category tabs */
html:is(#vx94a,*) body:is(#vx94b,*) nav.vxl-categories { gap: 34px !important; border-bottom: 1px solid var(--vx-line); padding-bottom: 0 !important; }
html:is(#vx94a,*) body:is(#vx94b,*) nav.vxl-categories a { background: transparent !important; border: 0 !important; border-radius: 0 !important;
  padding: 16px 2px !important; font-weight: 400 !important; font-size: 14px !important; color: var(--vx-muted) !important;
  border-bottom: 1px solid transparent !important; margin-bottom: -1px; transition: color .3s, border-color .3s; }
html:is(#vx94a,*) body:is(#vx94b,*) nav.vxl-categories a:hover, html:is(#vx94a,*) body:is(#vx94b,*) nav.vxl-categories a.is-active, html:is(#vx94a,*) body:is(#vx94b,*) nav.vxl-categories a[aria-current] {
  color: var(--vx-ink) !important; border-bottom-color: var(--vx-ink) !important; }
/* section titles */
html:is(#vx94a,*) body:is(#vx94b,*) #vx-products .s-block__title { justify-content: center !important; text-align: center; margin-bottom: 34px !important; }
html:is(#vx94a,*) body:is(#vx94b,*) #vx-products .s-block__title h2 { font-size: 34px !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx94-eyebrow { display: block; color: var(--vx-gold); font-size: 11px; font-weight: 400; letter-spacing: .38em;
  text-transform: uppercase; margin-bottom: 10px; text-align: center; }
/* product cards */
html:is(#vx94a,*) body:is(#vx94b,*) custom-salla-product-card { border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
html:is(#vx94a,*) body:is(#vx94b,*) custom-salla-product-card .s-product-card-image { background: var(--vx-ivory) !important; border-radius: 0 !important; overflow: hidden; }
html:is(#vx94a,*) body:is(#vx94b,*) custom-salla-product-card .s-product-card-image img { transition: transform 1.1s var(--vx-ease); }
html:is(#vx94a,*) body:is(#vx94b,*) custom-salla-product-card:hover .s-product-card-image img { transform: scale(1.035); }
html:is(#vx94a,*) body:is(#vx94b,*) custom-salla-product-card .s-product-card-content { padding: 18px 2px 4px !important; }
html:is(#vx94a,*) body:is(#vx94b,*) custom-salla-product-card .s-product-card-content-title, html:is(#vx94a,*) body:is(#vx94b,*) custom-salla-product-card .s-product-card-content-title a {
  font-size: 15px !important; font-weight: 400 !important; line-height: 1.6 !important; }
html:is(#vx94a,*) body:is(#vx94b,*) custom-salla-product-card .vx89-contents { color: var(--vx-muted) !important; font-weight: 300 !important; font-size: 12.5px !important; }
html:is(#vx94a,*) body:is(#vx94b,*) custom-salla-product-card .s-product-card-sale-price h4, html:is(#vx94a,*) body:is(#vx94b,*) custom-salla-product-card .s-product-card-price {
  font-weight: 500 !important; font-size: 16px !important; }
html:is(#vx94a,*) body:is(#vx94b,*) custom-salla-product-card .s-product-card-sale-price span { color: #a3a09a !important; font-weight: 300 !important; }
html:is(#vx94a,*) body:is(#vx94b,*) custom-salla-product-card button.s-button-element { border-radius: 2px !important; height: 46px !important;
  font-weight: 400 !important; font-size: 13px !important; letter-spacing: .05em; background: var(--vx-ink) !important;
  border: 1px solid var(--vx-ink) !important; color: #fff !important; transition: background .4s var(--vx-ease), color .4s var(--vx-ease); }
html:is(#vx94a,*) body:is(#vx94b,*) custom-salla-product-card button.s-button-element:hover { background: #fff !important; color: var(--vx-ink) !important; }
html:is(#vx94a,*) body:is(#vx94b,*) custom-salla-product-card:hover { transform: none !important; box-shadow: none !important; }
/* promise band (added by v94 js) */
html:is(#vx94a,*) body:is(#vx94b,*) .vx94-promise { background: var(--vx-ink); color: #f1eee8; padding: 84px 20px; margin: 72px 0 0; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx94-promise .vx94-eyebrow { color: var(--vx-gold); }
html:is(#vx94a,*) body:is(#vx94b,*) .vx94-promise h2 { color: #fff; text-align: center; font-size: 36px !important; margin: 0 0 54px; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx94-promise ul { list-style: none; margin: 0 auto; padding: 0; max-width: 1080px; display: grid;
  grid-template-columns: repeat(3, 1fr); gap: 0; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx94-promise li { padding: 6px 34px; text-align: center; border-inline-start: 1px solid #2a2927; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx94-promise li:first-child { border-inline-start: 0; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx94-promise .vx94-num { display: block; font-size: 46px; font-weight: 200; line-height: 1; color: #fff; margin-bottom: 14px; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx94-promise .vx94-svg { height: 46px; display: flex; align-items: center; justify-content: center; color: var(--vx-gold); }
html:is(#vx94a,*) body:is(#vx94b,*) .vx94-promise .vx94-num small { font-size: 13px; font-weight: 300; color: var(--vx-gold); margin-inline-start: 6px; letter-spacing: .1em; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx94-promise h3 { font-size: 16px !important; font-weight: 400 !important; color: #fff; margin: 0 0 10px; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx94-promise p { font-size: 13.5px; font-weight: 300; line-height: 1.9; color: #b9b5ad; margin: 0; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx94-promise .vx94-more { display: block; text-align: center; margin-top: 46px; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx94-promise .vx94-more a { color: #f1eee8; font-size: 13px; font-weight: 300; letter-spacing: .04em;
  border-bottom: 1px solid var(--vx-gold); padding-bottom: 4px; text-decoration: none; }
@media (max-width: 767px) {
  html:is(#vx94a,*) body:is(#vx94b,*) .vx94-promise { padding: 60px 20px; margin-top: 48px; }
  html:is(#vx94a,*) body:is(#vx94b,*) .vx94-promise h2 { font-size: 28px !important; margin-bottom: 30px; }
  html:is(#vx94a,*) body:is(#vx94b,*) .vx94-promise ul { grid-template-columns: 1fr; }
  html:is(#vx94a,*) body:is(#vx94b,*) .vx94-promise li { border-inline-start: 0; border-top: 1px solid #2a2927; padding: 28px 8px; }
  html:is(#vx94a,*) body:is(#vx94b,*) .vx94-promise li:first-child { border-top: 0; }
}
/* story + faq */
html:is(#vx94a,*) body:is(#vx94b,*) .vxl-story { background: var(--vx-ivory) !important; border-radius: 0 !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .vxl-story .vxl-eyebrow { color: var(--vx-gold) !important; letter-spacing: .32em !important; font-weight: 400 !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .vxl-story h2 { font-size: 30px !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .vxl-story .vxl-video img { border-radius: 0 !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .vxl-faq h2 { font-size: 30px !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .vxl-faq details { border: 0 !important; border-bottom: 1px solid var(--vx-line) !important; border-radius: 0 !important;
  background: transparent !important; padding: 20px 0 !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .vxl-faq summary { font-weight: 400 !important; font-size: 15px !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .vxl-faq details p { color: var(--vx-muted) !important; font-weight: 300 !important; line-height: 1.9 !important; }
/* product page */
html:is(#vx94a,*) body:is(#vx94b,*).product-single h1 { font-size: 30px !important; font-weight: 300 !important; line-height: 1.4 !important; }
html:is(#vx94a,*) body:is(#vx94b,*).product-single .total-price { font-weight: 400 !important; }
html:is(#vx94a,*) body:is(#vx94b,*).product-single .before-price { color: #a3a09a !important; font-weight: 300 !important; }
html:is(#vx94a,*) body:is(#vx94b,*).product-single form.product-form > section, html:is(#vx94a,*) body:is(#vx94b,*).product-single .sticky-product-bar,
html:is(#vx94a,*) body:is(#vx94b,*).product-single salla-product-options { border-radius: 0 !important; box-shadow: none !important; }
html:is(#vx94a,*) body:is(#vx94b,*).product-single .s-product-options-option-label, html:is(#vx94a,*) body:is(#vx94b,*).product-single .s-product-options-option label b,
html:is(#vx94a,*) body:is(#vx94b,*).product-single .s-product-options-option-label b { font-weight: 400 !important; }
html:is(#vx94a,*) body:is(#vx94b,*).product-single salla-add-product-button button.s-button-element,
html:is(#vx94a,*) body:is(#vx94b,*).product-single .sticky-product-bar button.s-button-element { border-radius: 2px !important; min-height: 50px !important;
  font-weight: 400 !important; letter-spacing: .04em; }
html:is(#vx94a,*) body:is(#vx94b,*).product-single .vx-shipnote { background: transparent !important; border: 0 !important; border-top: 1px solid var(--vx-line) !important;
  border-bottom: 1px solid var(--vx-line) !important; border-radius: 0 !important; padding: 14px 4px !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx94-tabby { margin: 6px 0 0; font-size: 13px; font-weight: 300; color: var(--vx-muted); flex: 0 0 100%; width: 100%; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx94-tabby b { font-weight: 500; color: var(--vx-ink); }
html:is(#vx94a,*) body:is(#vx94b,*) .vx94-guar { list-style: none; margin: 0 0 12px; padding: 0 0 12px; border-bottom: 1px solid var(--vx-line); }
html:is(#vx94a,*) body:is(#vx94b,*) .vx94-guar li { display: flex; gap: 12px; align-items: flex-start; padding: 7px 0; font-size: 13px; line-height: 1.7;
  font-weight: 300; color: #3a3936; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx94-guar li b { display: block; font-weight: 500; color: var(--vx-ink); font-size: 13.5px; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx94-guar .vx94-ic { flex: 0 0 30px; height: 30px; border: 1px solid var(--vx-gold); border-radius: 50%; display: grid;
  place-items: center; color: var(--vx-gold); font-size: 11px; font-weight: 500; }
/* cart */
html:is(#vx94a,*) body:is(#vx94b,*) .s-cart-summary-card, html:is(#vx94a,*) body:is(#vx94b,*) salla-cart-summary-card .s-cart-summary-card-sheet { border-radius: 0 !important; box-shadow: none !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .s-cart-summary-card-action button { border-radius: 2px !important; min-height: 50px !important; font-weight: 400 !important; letter-spacing: .04em; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx94-cartbox { margin-top: 16px; border: 1px solid var(--vx-line); background: #fff; padding: 16px 18px; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx94-cartbox .vx94-guar { border: 0; margin: 0; padding: 0; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx94-upsell { margin-top: 16px; border: 1px solid var(--vx-ink); background: #fff; padding: 16px 18px; display: flex;
  align-items: center; gap: 14px; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx94-upsell p { margin: 0; font-size: 13px; font-weight: 300; line-height: 1.7; color: #3a3936; flex: 1; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx94-upsell p b { display: block; font-weight: 500; color: var(--vx-ink); font-size: 14px; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx94-upsell a { flex: 0 0 auto; background: var(--vx-ink); color: #fff !important; padding: 10px 18px; font-size: 12.5px;
  border-radius: 2px; text-decoration: none; white-space: nowrap; }
/* footer */
html:is(#vx94a,*) body:is(#vx94b,*) footer.store-footer, html:is(#vx94a,*) body:is(#vx94b,*) footer.store-footer * { font-weight: 300; }
html:is(#vx94a,*) body:is(#vx94b,*) footer.store-footer h3, html:is(#vx94a,*) body:is(#vx94b,*) footer.store-footer .footer-title, html:is(#vx94a,*) body:is(#vx94b,*) footer.store-footer h4 { font-weight: 400 !important; letter-spacing: .04em; }
/* gentle reveal */
@media (prefers-reduced-motion: no-preference) {
  html:is(#vx94a,*) body:is(#vx94b,*) .vx94-reveal { opacity: 0; transform: translateY(18px); transition: opacity 1s var(--vx-ease), transform 1s var(--vx-ease); }
  html:is(#vx94a,*) body:is(#vx94b,*) .vx94-reveal.vx94-in { opacity: 1; transform: none; }
}
html:is(#vx94a,*) body:is(#vx94b,*) .sticky.top-24 > .shadow-default { box-shadow: none !important; border: 1px solid var(--vx-line) !important; border-radius: 0 !important; }

/* ===== v95 - luxury follow-up: quieter weights, help box, one COD badge, Tamara widget covers installments ===== */
html:is(#vx94a,*) body:is(#vx94b,*) h3 { font-weight: 400 !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx-ask { background: transparent !important; border: 1px solid var(--vx-line) !important; border-radius: 0 !important; box-shadow: none !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx-ask h2, html:is(#vx94a,*) body:is(#vx94b,*) .vx-ask h3, html:is(#vx94a,*) body:is(#vx94b,*) .vx-ask strong, html:is(#vx94a,*) body:is(#vx94b,*) .vx-ask b, html:is(#vx94a,*) body:is(#vx94b,*) .vx-ask-title { font-weight: 400 !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx-ask .vx89-wa-btn { border-radius: 2px !important; font-weight: 400 !important; letter-spacing: .03em; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx-ask .vx-ask-mail b, html:is(#vx94a,*) body:is(#vx94b,*) .vx-ask .vx-ask-mail strong { font-weight: 500 !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx94-tabby { display: none !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .s-payments-list li:has(> img[alt="COD"]), html:is(#vx94a,*) body:is(#vx94b,*) .s-payments-list li:has(img[alt="COD"]) { display: none !important; }
html:is(#vx94a,*) body:is(#vx94b,*) details.vx-help { border-radius: 0 !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .s-product-card-content-title a, html:is(#vx94a,*) body:is(#vx94b,*) .s-product-card-content-title { font-weight: 400 !important; }

/* ===== v96 - luxury: category pages + price block details ===== */
@media (min-width: 768px) {
  html:is(#vx94a,*) body:is(#vx94b,*) .vx-cat-grid { grid-template-columns: repeat(auto-fit, minmax(230px, 290px)) !important; justify-content: center !important; gap: 40px 28px !important; }
}
html:is(#vx94a,*) body:is(#vx94b,*) .vx-cat-grid .s-product-card-entry { border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx-cat-grid .s-product-card-image { background: var(--vx-ivory) !important; border-radius: 0 !important; overflow: hidden; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx-cat-grid .s-product-card-image img { transition: transform 1.1s var(--vx-ease); }
html:is(#vx94a,*) body:is(#vx94b,*) .vx-cat-grid .s-product-card-entry:hover .s-product-card-image img { transform: scale(1.035); }
html:is(#vx94a,*) body:is(#vx94b,*) .vx-cat-grid .s-product-card-entry:hover { transform: none !important; box-shadow: none !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx-cat-grid .s-product-card-content-title, html:is(#vx94a,*) body:is(#vx94b,*) .vx-cat-grid .s-product-card-content-title a { font-weight: 400 !important; font-size: 15px !important; line-height: 1.6 !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx-cat-grid .s-product-card-sale-price h4, html:is(#vx94a,*) body:is(#vx94b,*) .vx-cat-grid .s-product-card-price { font-weight: 500 !important; }
html:is(#vx94a,*) body:is(#vx94b,*) a.vx-card-btn, html:is(#vx94a,*) body:is(#vx94b,*) a.vxf-options { border-radius: 2px !important; background: var(--vx-ink) !important; color: #fff !important; border: 1px solid var(--vx-ink) !important;
  font-weight: 400 !important; letter-spacing: .05em; min-height: 46px; display: flex !important; align-items: center; justify-content: center;
  transition: background .4s var(--vx-ease), color .4s var(--vx-ease); }
html:is(#vx94a,*) body:is(#vx94b,*) a.vx-card-btn:hover, html:is(#vx94a,*) body:is(#vx94b,*) a.vxf-options:hover { background: #fff !important; color: var(--vx-ink) !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .container--products-list h1 { font-size: 34px !important; font-weight: 300 !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .vx90-save { font-weight: 400 !important; color: #3a3936 !important; }
html:is(#vx94a,*) body:is(#vx94b,*) .s-breadcrumb-item, html:is(#vx94a,*) body:is(#vx94b,*) .s-breadcrumb-item a { font-weight: 300 !important; font-size: 12px !important; }
html:is(#vx94a,*) body:is(#vx94b,*) footer.store-footer h3::after, html:is(#vx94a,*) body:is(#vx94b,*) footer.store-footer .footer-title::after { background: var(--vx-gold) !important; }

/* ===== v97 - mobile product page: what it is + price + guarantees in the first screen, slimmer buy bar ===== */
html:is(#vx94a,*) body:is(#vx94b,*) .vx97-intro { display: none; }
@media (max-width: 767px) {
  html:is(#vx94a,*) body:is(#vx94b,*).product-single .vx97-intro { display: block; width: 100%; padding: 4px 2px 14px; }
  html:is(#vx94a,*) body:is(#vx94b,*).product-single .vx97-t { font-size: 19px; font-weight: 400; line-height: 1.5; color: var(--vx-ink); }
  html:is(#vx94a,*) body:is(#vx94b,*).product-single .vx97-p { margin-top: 4px; display: flex; align-items: baseline; gap: 10px; }
  html:is(#vx94a,*) body:is(#vx94b,*).product-single .vx97-p b { font-size: 20px; font-weight: 500; color: var(--vx-ink); }
  html:is(#vx94a,*) body:is(#vx94b,*).product-single .vx97-p s { font-size: 13px; font-weight: 300; color: #a3a09a; }
  html:is(#vx94a,*) body:is(#vx94b,*).product-single .vx97-g { margin-top: 6px; font-size: 11.5px; font-weight: 300; color: var(--vx-gold); letter-spacing: .01em; }
  html:is(#vx94a,*) body:is(#vx94b,*).product-single .container--breadcrumbs { display: none !important; }
  html:is(#vx94a,*) body:is(#vx94b,*).product-single .container--breadcrumbs + * { margin-top: 12px !important; }
  html:is(#vx94a,*) body:is(#vx94b,*).product-single .s-slider-thumbs { height: 58px !important; }
  html:is(#vx94a,*) body:is(#vx94b,*).product-single .s-slider-thumbs img { max-height: 54px !important; }
  html:is(#vx94a,*) body:is(#vx94b,*) .vx-buybar { flex-wrap: nowrap !important; gap: 8px !important; align-items: center !important; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)) !important; }
  html:is(#vx94a,*) body:is(#vx94b,*) .vx-buybar__btn { min-height: 46px !important; border-radius: 2px !important; font-weight: 400 !important; font-size: 14px !important; }
  html:is(#vx94a,*) body:is(#vx94b,*) .vx-buybar > .vx-buybar__btn { flex: 1 1 auto !important; }
  html:is(#vx94a,*) body:is(#vx94b,*) .vx-buybar__row2 { width: auto !important; flex: 0 0 auto !important; margin: 0 !important; }
  html:is(#vx94a,*) body:is(#vx94b,*) .vx-buybar__row2 .vx-buybar__btn--ghost { width: auto !important; padding: 0 14px !important; white-space: nowrap; }
}


/* v98: mobile buy bar - two rows when the Apple Pay button is present (v97 single row squeezed "add to cart" to 34px) */
@media (max-width: 767px) {
  html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .vx-buybar { flex-wrap: wrap !important; row-gap: 8px !important; }
  html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .vx-buybar > .vx-buybar__btn { flex: 1 1 0 !important; min-width: 0 !important; }
  html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .vx-buybar__row2 { width: 100% !important; flex: 1 1 100% !important; display: flex !important; gap: 8px !important; }
  html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .vx-buybar__row2 > * { flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; }
  html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .vx-buybar__row2 .vx-buybar__btn--ghost { padding: 0 10px !important; }
  html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .vx-buybar__row2 salla-quick-buy, html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .vx-buybar__row2 apple-pay-button { display: block; width: 100% !important; }
}


/* v99: reserve the top strip height before JS runs (prevents page jump) */
html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .app-inner > header.store-header { margin-top: 29px !important; }
/* v100: header is in page flow now, so content spacing is fixed (no jump when the script measures the header) */
html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*):not(.index) main#main-content{ margin-top:0 !important; padding-top:24px !important; }
html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) header.store-header > .top-navbar{ display:none !important; } /* v100: empty theme bar, hide from the start */
/* v101: smaller main product image on phones (square box) so thumbnails and price show above the buy bar */
@media (max-width:767px){ html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) salla-slider.details-slider .swiper-slide.magnify-wrapper{ aspect-ratio:1 / 1 !important; height:auto !important; } html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) salla-slider.details-slider .swiper-slide.magnify-wrapper img{ object-fit:contain !important; height:100% !important; } html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) salla-slider.details-slider > .s-slider-container{ min-height:0 !important; aspect-ratio:1 / 1; } }
/* v102: bigger text in the top strip and the category links row (phone + desktop) */
html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .vx-promo .vx88-item{ font-size:13px !important; font-weight:500 !important; line-height:18px !important; }
html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .vxl-categories a{ font-size:16px !important; font-weight:600 !important; }
@media (min-width:768px){ html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .vx-promo .vx88-item{ font-size:14px !important; } html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .vxl-categories a{ font-size:18px !important; } }
/* v103: before the script wraps the header, show it exactly like the final white header (an old v17 rule painted it navy with a big logo) */
html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .app-inner > header.store-header .main-nav-container, html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .app-inner > header.store-header .main-nav-container .inner{ background:#fff !important; }
html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .app-inner > header.store-header .navbar-brand img{ height:38px !important; max-height:38px !important; width:auto !important; filter:none !important; }
@media (min-width:1024px){ html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .app-inner > header.store-header .navbar-brand img{ height:44px !important; max-height:44px !important; } }
html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .app-inner > header.store-header ul.main-menu > li > a, html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .app-inner > header.store-header .header-btn, html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .app-inner > header.store-header .header-btn i, html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .app-inner > header.store-header .mburger i, html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .app-inner > header.store-header .sicon-menu{ color:#202124 !important; }
/* v104: all crossed-out (old) prices in red */
html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .s-product-card-sale-price > span, html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .before-price, html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .line-through, html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) del, html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) s, html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .vx97-p s{ color:#d32f2f !important; text-decoration-color:#d32f2f !important; }
html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .s-product-card-sale-price > span i, html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .before-price i, html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .line-through i, html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) del i, html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) s i{ color:#d32f2f !important; }

/* v105: videos section under the product */
html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .vx-vids{ margin-top:8px !important; }
html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .vx-vids .vx-vids-h{ font-size:20px !important; font-weight:700 !important; margin:0 0 14px !important; color:#202124 !important; }
html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .vx-vids .vx-vids-grid{ display:grid; grid-template-columns:1fr; gap:16px; }
@media (min-width:768px){ html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .vx-vids .vx-vids-h{ font-size:24px !important; } html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .vx-vids .vx-vids-grid{ grid-template-columns:1fr 1fr; } }
html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .vx-vids .vx-vid{ margin:0; }
html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .vx-vids .vx-vid-box{ position:relative; aspect-ratio:16 / 9; background:#000; border-radius:12px; overflow:hidden; cursor:pointer; }
html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .vx-vids .vx-vid-box img, html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .vx-vids .vx-vid-box iframe, html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .vx-vids .vx-vid-box video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border:0; }
html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .vx-vids .vx-vid-box video{ object-fit:contain; background:#000; }
html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .vx-vids .vx-vid-play{ position:absolute; top:50%; left:50%; width:64px; height:64px; margin:-32px 0 0 -32px; border-radius:50%; background:rgba(0,0,0,.6); }
html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .vx-vids .vx-vid-play:after{ content:''; position:absolute; top:50%; left:50%; margin:-12px 0 0 -7px; border-style:solid; border-width:12px 0 12px 20px; border-color:transparent transparent transparent #fff; }
html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .vx-vids figcaption{ font-size:14px; color:#5f6368; margin-top:8px; line-height:1.6; }
/* v105: WhatsApp buttons green */
html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) a.vx-wa, html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) a.wa-s-n, html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) a.vx89-wa-btn{ background:#25D366 !important; background-color:#25D366 !important; color:#fff !important; border-color:#25D366 !important; }
html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) a.vx-wa svg, html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) a.wa-s-n svg, html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) a.vx89-wa-btn i, html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) a.vx89-wa-btn svg{ color:#fff !important; fill:#fff !important; }
html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) a.vx89-wa-help i{ color:#25D366 !important; }

/* v106: compact language switch in the mobile header */
@media (max-width:1023px){ html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .main-nav-container a.vx-lang{ display:inline-flex !important; align-items:center !important; gap:4px !important; height:32px !important; padding:0 9px !important; margin-inline-end:6px !important; border:1px solid #dadce0 !important; border-radius:999px !important; font-size:13px !important; font-weight:600 !important; color:#202124 !important; background:#fff !important; white-space:nowrap !important; } html:is(#vx94a,*) body:is(#vx94b,*):is(#vx98,*) .main-nav-container a.vx-lang i{ display:none !important; } }

/* v109: same side menu style on every page */
html body:not(.index) .vxl-menu{margin:0 0 0 auto!important;border:0!important;min-height:100dvh!important;width:min(85vw,340px)!important;max-width:none!important;padding:24px!important;color:#1b1c1e!important;background:#fff!important;box-sizing:border-box!important;}
html body:not(.index) .vxl-menu::backdrop{background:#0007;}
html body:not(.index) .vxl-menu-close{display:block!important;margin-inline-start:auto!important;background:#f4f4f4!important;border:0!important;border-radius:50%!important;width:38px!important;height:38px!important;font-size:25px!important;cursor:pointer!important;color:#202124!important;}
html body:not(.index) .vxl-menu h2{font:600 20px Arial,sans-serif!important;letter-spacing:.15em!important;margin:30px 0 20px!important;color:#202124!important;}
html body:not(.index) .vxl-menu a{display:block!important;padding:17px 0!important;border-bottom:1px solid #ececec!important;text-decoration:none!important;color:#202124!important;font-size:16px!important;}