/* 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; }