/* ===== IRON LIVE - global CSS v13 (14 Nov 2026) - Malak theme skin ===== */
/* base: one background for the whole store + our colours for the theme buttons */
:root{--color-primary:#D7E0BD!important;--color-primary-dark:#AEB8A0!important;--color-primary-reverse:#15251E!important}
body{background-color:#15251E!important}

/* ---------- header: the approved glass bar (same numbers as the approved design) ---------- */
/* full-width frosted glass, the page passes under it; a hairline along its whole foot + our neon in the middle melting at both ends */
.store-header .header-inner{background-image:none!important;background-color:rgba(14,25,21,.36)!important;-webkit-backdrop-filter:blur(20px) saturate(1.3)!important;backdrop-filter:blur(20px) saturate(1.3)!important;box-shadow:inset 0 -1px 0 rgba(255,255,255,.1)!important}
.store-header .header-inner::after{content:"";position:absolute;left:22%;right:22%;bottom:0;height:1px;background-image:linear-gradient(90deg,transparent,rgba(234,240,214,.8),transparent);pointer-events:none}
.store-header .angel-ad{background-color:transparent!important;color:#D7E0BD!important;box-shadow:inset 0 -1px 0 rgba(255,255,255,.08)}
.store-header .angel-ad a,.store-header .angel-ad i{color:#D7E0BD!important}
.store-header .mburger,.store-header .mburger p,.store-header .header-btn,.store-header .header-btn i,.store-header .header-buttons .btn{color:#EEF2E2!important}
/* menu + cart icons drawn exactly like the approved header (two lines, the second shorter / a bag) - Salla buttons stay as they are */
.store-header .mburger i.sicon-menu,.store-header .sicon-cart2{display:block;width:20px;height:20px;font-size:0!important;background-repeat:no-repeat;background-position:center;background-size:20px 20px}
.store-header .mburger i.sicon-menu::before,.store-header .sicon-cart2::before{content:none!important}
.store-header .mburger i.sicon-menu{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EEF2E2' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M4 8h16M4 16h11'/%3E%3C/svg%3E")}
.store-header .sicon-cart2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EEF2E2' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8h12l-1 12H7L6 8z'/%3E%3Cpath d='M9 8V6a3 3 0 016 0v2'/%3E%3C/svg%3E")}
/* logo size in the bar = the approved size (the logo itself comes from Salla settings) */
.store-header .navbar-brand img{width:clamp(117px,31.2vw,146px)!important;height:clamp(27px,7.2vw,34px)!important;max-width:none!important;max-height:none!important;object-fit:cover}
/* point of light on the cart */
.store-header .s-cart-summary-count{color:#15251E!important;background-color:#EAF0D6!important;box-shadow:0 0 10px rgba(215,224,189,.9)}

/* make the theme obey (measured on the live store): the theme paints the bar with a solid colour and hides it while scrolling */
html body#app{--bg-color:#15251E!important;background-color:#15251E!important}
html body .store-header #mainnav{position:relative;z-index:50}
html body .store-header #mainnav .header-inner{top:0!important;background-color:rgba(14,25,21,.36)!important;background-image:none!important}
/* bar height and logo keep the approved proportions on every phone width (approved = 58px bar, 117px logo on a 375 phone) */
html body .store-header .header-container>.flex{min-height:clamp(58px,15.5vw,72px)!important}
/* home page: our sections sit flush under the bar (no extra padding from Salla's HTML block wrappers), so the light of the hero passes under the glass */
.index .s-block--bundle-html-content,.index .s-block-html-content{padding:0!important;margin:0!important}
.index .il-hero{padding-top:8px}

/* ---------- side menu: frosted glass drawer ---------- */
.mm-ocd{--mm-ocd-width:86%;--mm-ocd-max-width:440px}
.mm-ocd .mm-ocd__content{background-color:rgba(21,37,30,.6)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,0) 42%)!important;-webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3);box-shadow:inset 1px 0 0 rgba(255,255,255,.14)}
.mm-ocd .mm-ocd__backdrop{background-color:rgba(8,14,11,.34)!important}
#mobile-menu.mm-spn{background-color:transparent!important;background-image:none!important;color:#EEF2E2!important}
#mobile-menu .sidemenu-link{color:#EEF2E2!important;font-weight:700}
#mobile-menu .menu_title{font-size:16px;color:#EEF2E2!important}
#mobile-menu li::before{border-color:#D7E0BD!important}
#mobile-menu li::after{border-color:rgba(255,255,255,.1)!important}
#mobile-menu .mobile-menu-slider .swiper-slide{border-radius:18px;overflow:hidden}

/* ---------- footer: solid dark base that melts upward into light ---------- */
.store-footer .store-footer__inner{position:relative;overflow:hidden;color:#EEF2E2!important;background-color:transparent!important;background-repeat:no-repeat;
  background-image:radial-gradient(60% 40% at 24% 44%,rgba(215,224,189,.3),transparent 70%),radial-gradient(56% 38% at 82% 56%,rgba(110,170,138,.36),transparent 70%),linear-gradient(180deg,rgba(12,22,18,0),#0C1612 330px)!important;
  background-size:100% 330px,100% 330px,100% 100%}
/* the theme paints the top of the footer with a solid colour a shade off the page (a visible seam) - make it truly see-through so the page and the footer are one surface */
html body .store-footer .store-footer__inner{background-color:transparent!important}
/* (the blurred word that used to glow here is gone: the home page now closes with the big word LIVE and its reflection, which melts into this footer) */
.store-footer .store-footer__inner::before{content:none}
.store-footer .store-footer__inner::after{content:"";position:absolute;left:0;right:0;top:0;height:330px;pointer-events:none;background-image:linear-gradient(180deg,rgba(12,22,18,0),rgba(12,22,18,.28) 24%,rgba(12,22,18,.5) 55%,#0C1612 97%)}
.store-footer .store-footer__inner>.container{position:relative;z-index:1;display:flex;flex-direction:column;padding:0 16px 20px}
.store-footer .store-footer__inner>.container::before{content:"";position:absolute;left:14%;right:14%;top:33px;height:1px;background-image:linear-gradient(90deg,transparent,rgba(234,240,214,.9),transparent)}
.store-footer .da-brdr,.store-footer .footer-container{border:0!important}
/* back to top: a small cream pill that floats */
.store-footer .to-top{order:0;position:relative;display:flex;justify-content:center;padding:14px 0 0}
.store-footer .to-top a{display:inline-flex!important;flex-direction:row;align-items:center;gap:8px;height:38px;padding:0 16px!important;border-radius:99px;white-space:nowrap;background-image:linear-gradient(135deg,#F3F6E8,#D7E0BD 55%,#B9C3A6);box-shadow:0 10px 18px -10px rgba(0,0,0,.8);animation:il-bob 3.6s ease-in-out infinite}
.store-footer .to-top a p,.store-footer .to-top a i{margin:0!important;font-size:13px;font-weight:700;color:#15251E!important}
@keyframes il-bob{50%{transform:translateY(-4px)}}
/* logo + store description */
.store-footer .footer-middle{order:1;display:flex!important;flex-direction:column;align-items:center;gap:0!important;padding:26px 0 0!important;text-align:center}
.store-footer .footer-middle>div{width:100%}
.store-footer .footer-profile{display:flex;flex-direction:column;align-items:center}
.store-footer .logo-footer img{max-height:60px;width:auto;margin:0 auto}
.store-footer .footer-profile p{max-width:310px;margin:12px auto 0!important;font-size:13.5px;line-height:1.85;color:rgba(238,242,226,.78)!important}
/* titles: calm, centred, short line of light */
.store-footer .footer-title,.store-footer .s-contacts-title{margin:24px 0 0!important;text-align:center;font-size:17px;font-weight:700;line-height:1.4;color:#D7E0BD!important}
.store-footer .footer-title::after,.store-footer .s-contacts-title::after{content:"";display:block;width:64px;height:1.5px;margin:8px auto 0;background-image:linear-gradient(90deg,transparent,#EAF0D6,transparent)}
.store-footer .footer-list{display:block;margin-top:10px}
.store-footer .footer-list a{display:block;margin:0!important;padding:6px 4px;font-size:14.5px;color:rgba(238,242,226,.88)!important}
/* contact + social: glass capsule of round buttons */
.store-footer .s-contacts-list,.store-footer .s-social-list{display:inline-flex!important;flex-direction:row;flex-wrap:nowrap;gap:4px;width:auto;margin:14px auto 0!important;padding:5px;border-radius:99px;background-color:rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 0 0 1px rgba(255,255,255,.12),0 14px 22px -14px rgba(0,0,0,.8)}
.store-footer .s-contacts-item,.store-footer .s-social-link a{width:46px;height:46px;margin:0!important;padding:0!important;border-radius:50%;display:grid!important;place-items:center;color:#D7E0BD!important;background-color:transparent}
.store-footer .s-contacts-item .unicode{display:none}
.store-footer .s-contacts-icon,.store-footer .s-social-icon{margin:0!important;color:inherit!important;background-color:transparent!important}
.store-footer .s-contacts-icon svg,.store-footer .s-social-icon svg{width:20px;height:20px;fill:currentColor}
.store-footer .s-contacts-list>div:first-child .s-contacts-item{color:#15251E!important;background-image:linear-gradient(135deg,#F3F6E8,#D7E0BD 55%,#B9C3A6)}
/* the theme paints every contact/social button with a pale colour (our pale icons vanish on it) - only the first contact is the cream button, the rest are clear glass with pale icons */
html body .store-footer .s-contacts-item,html body .store-footer .s-social-link a{background-color:transparent!important;background-image:none!important;color:#D7E0BD!important}
html body .store-footer .s-contacts-list>div:first-child .s-contacts-item{color:#15251E!important;background-image:linear-gradient(135deg,#F3F6E8,#D7E0BD 55%,#B9C3A6)!important}
.store-footer .footer-top{order:2;display:flex!important;justify-content:center;padding:0!important;text-align:center}
.store-footer .social-links{display:flex;justify-content:center;width:100%}
/* document + payment + rights */
.store-footer .footer-bottom{order:3;display:flex!important;flex-direction:column;align-items:center;gap:10px;padding:20px 0 0!important}
.store-footer .sbc-certificate{display:inline-flex!important;align-items:center;gap:10px;padding:8px 18px;border-radius:99px;color:#EEF2E2!important;background-color:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.store-footer .sbc-certificate p{margin:0;font-size:13px;color:#EEF2E2!important}
.store-footer .s-payments-list{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:0;padding:10px;border-radius:15px;background-color:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.store-footer .s-payments-list-item{min-width:54px;height:30px;margin:0!important;border-radius:8px;background-color:#EEF2E2!important}
.store-footer .copyrights,.store-footer .copyrights p,.store-footer .copyrights a{margin:6px 0 0;text-align:center;font-size:12px;color:rgba(238,242,226,.5)!important}
@media (prefers-reduced-motion:reduce){.store-footer .to-top a{animation:none}}

/* ---------- category page (scoped) + product cards (whole store) ---------- */
/* page title: calm, centred, a short line of our neon under it */
.product-index .nav-header{background-color:transparent!important;text-align:center;padding:26px 0 4px!important}
.product-index .category_title_wrapper{width:100%}
.product-index .category_title{display:block!important;margin:0!important;font-size:28px!important;line-height:1.3;font-weight:700!important;color:#D7E0BD!important}
.product-index .category_title::after{content:"";display:block;width:120px;height:1.5px;margin:10px auto 0;background-image:linear-gradient(90deg,transparent,#F6F9EC,transparent)}
.product-index .breadcrumbs{margin-top:10px}
.product-index .s-breadcrumb-wrapper{justify-content:center;font-size:12.5px;color:rgba(238,242,226,.55)}
.product-index .s-breadcrumb-item a{color:rgba(238,242,226,.55)}
.product-index .s-breadcrumb-item:last-child{color:#D7E0BD}
.product-index .s-breadcrumb-arrow svg{fill:rgba(238,242,226,.4)}
/* the sub-sections: one row of soft glass chips you slide sideways, our neon rising on each */
.product-index .sub-cat-slider{display:flex!important;gap:8px!important;margin:18px 0 0!important;padding:4px 16px 8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.product-index .sub-cat-slider::-webkit-scrollbar{display:none}
.product-index .sub-cat-icon{flex:none}
.product-index .sub-categories{position:relative;display:flex;align-items:center;height:42px;padding:0 18px;border-radius:99px;white-space:nowrap;color:#EEF2E2!important;background-color:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.product-index .sub-categories::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background-image:linear-gradient(to top,#EAF0D6,rgba(174,184,160,.3) 45%,rgba(255,255,255,.1) 80%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.product-index .sub-title{font-size:14px!important;font-weight:700}
/* one strip per sub-section */
.product-index .cat-slider-container{padding:0!important;margin:0!important}
.product-index .subcat-sliders{display:block;margin-top:26px}
.product-index .s-slider-block__title{padding:0 16px;margin-bottom:12px}
.product-index .s-slider-block__title-right h2{position:relative;padding-right:14px;font-size:20px;font-weight:700;line-height:1.4;color:#D7E0BD}
/* small point of light before the name */
.product-index .s-slider-block__title-right h2::before{content:"";position:absolute;right:0;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background-color:#EAF0D6;box-shadow:0 0 0 3px rgba(215,224,189,.12),0 0 12px rgba(215,224,189,.9)}
.product-index .s-slider-block__display-all{font-size:13px;font-weight:700;color:rgba(238,242,226,.7);padding-bottom:3px;border-bottom:1px solid rgba(215,224,189,.35)}
.product-index .s-slider-block__title-nav{display:none}
.product-index .subcat-sliders .swiper{padding:0 16px 22px}
.product-index .subcat-sliders .swiper-slide{width:47%;margin-left:12px}
.product-index .subcat-sliders .swiper-slide:last-child{margin-left:0}
/* product card: the picture melts down, the buying part is our cream (same idea as the IRON LIVE subscription section) */
.s-product-card-entry{border:0!important;border-radius:20px!important;overflow:hidden;background-color:#D7E0BD!important;background-image:linear-gradient(180deg,#15251E 0,#15251E 44%,#D7E0BD 64%);box-shadow:0 18px 26px -20px #000}
.s-product-card-image{overflow:hidden}
.s-product-card-image img{aspect-ratio:1/1!important;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent);mask-image:linear-gradient(180deg,#000 62%,transparent)}
.s-product-card-fixed-btn{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#EEF2E2;background-color:rgba(12,22,18,.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.s-product-card-quick-view-btn{display:none}
.s-product-card-content{padding:4px 12px 12px!important;color:#15251E}
.s-product-card-category{font-size:11.5px;color:rgba(21,37,30,.6)}
/* the name may take two lines (the theme cuts it to one); every card keeps the same height */
.s-product-card-content-title{margin-top:2px;font-size:14.5px;font-weight:700;line-height:1.5;color:#15251E;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:3em}
.s-product-card-content-sub{margin-top:6px}
.s-product-card-price{font-size:19px;font-weight:700;color:#15251E}
.s-product-card-content-footer{margin-top:10px}
.s-product-card-content-footer .s-button-element{height:40px;border:0!important;border-radius:99px!important;font-size:13.5px;font-weight:700;color:#EAF0D6!important;background-color:#15251E}

/* ---------- product cards: details (whole store) ---------- */
/* no wishlist hearts on the cards */
.s-product-card-wishlist{display:none!important}
/* texts on the cream part of the card are dark and calm */
/* (the theme forces this link white with a strong rule - ours is stronger) */
html body#app .s-product-card-entry .s-product-card-content-title a{color:#15251E!important}
.s-product-card-content-subtitle{margin-top:2px;font-size:12px;color:rgba(21,37,30,.68)!important}
.s-product-card-sale-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.s-product-card-price,.s-product-card-sale-price h4{color:#15251E!important}
.s-product-card-price-before{font-size:12.5px;color:rgba(21,37,30,.5)!important}
.s-product-card-rating{color:#EEF2E2!important;background-color:rgba(12,22,18,.62)!important;border-radius:99px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.s-product-card-rating span{color:#EEF2E2!important}
.s-product-card-rating i{color:#D7E0BD!important}

/* ---------- home page: Salla "moving products" block (best sellers) ---------- */
/* its own title is hidden - our title piece sits above it; even space above and below */
.index .s-block--best-offers{max-width:430px;margin:0 auto!important;padding:14px 0 26px!important}
.index .s-block--best-offers .s-slider-block__title{display:none!important}