:root{
/* Core tokens (overriden by Redux runtime via inline CSS variables) */
--ilb-bg:#F6F8FC;
--ilb-surface:#ffffff;
--ilb-surface-2:#F1F5F9;
--ilb-text:#0B1220;
--ilb-muted:rgba(15,23,42,.65);
--ilb-border:rgba(15,23,42,.10);
--ilb-primary:#2563EB;
--ilb-accent:#22C55E;
--ilb-shadow:rgba(2,6,23,.10);
--ilb-container-max:1180px;
--ilb-container-pad:24px;
--ilb-header-container-max: var(--ilb-container-max);
--ilb-footer-container-max: var(--ilb-container-max);
--ilb-grid-gap:18px;
--ilb-card-pad:18px;
--ilb-card-radius:18px;
--ilb-btn-radius:14px;
--ilb-input-radius:14px;
--ilb-glass-alpha:0.10;
--ilb-glass-blur:12px;
--ilb-wc-glass-tint: rgba(37,99,235,0.10);
/* Header + Footer aliases (driven by Theme Options / Redux) */
--ilb-header-bg: rgba(246,248,252,.78);
--ilb-header-border: var(--ilb-border);
--ilb-header-blur: 12px;
--ilb-header-menu-color: rgba(15,23,42,.75);
--ilb-header-menu-hover: rgba(15,23,42,.95);
--ilb-footer-bg: transparent;
--ilb-footer-text: inherit;
--ilb-footer-heading: #fff;
--ilb-footer-link: #E2E8F0;
--ilb-footer-link-hover: #22C55E;
/* Backward-compatible aliases used by existing markup */
--il-bg: var(--ilb-bg);
--il-surface: var(--ilb-surface);
--il-text: var(--ilb-text);
--il-muted: var(--ilb-muted);
--il-border: var(--ilb-border);
--il-primary: var(--ilb-primary);
--il-accent: var(--ilb-accent);
--il-radius: var(--ilb-card-radius);
--il-shadow: 0 12px 35px rgba(15,23,42,.08);
--il-container: var(--ilb-container-max);
--il-gutter: var(--ilb-container-pad);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
img{max-width:100%;height:auto}
body{
font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
background:var(--il-bg);
color:var(--il-text);
line-height:1.55;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body.ilb-rtl{direction:rtl}
/* Front-end language visibility (no external multilingual plugin).
We render EN + FA sections in Elementor and toggle with body class. */
body.ilb-lang-en .ilb-only-fa{display:none !important}
body.ilb-lang-fa .ilb-only-en{display:none !important}
a{color:inherit;text-decoration:none}
.il-container{
max-width:min(var(--il-container), 100%);
margin:0 auto;
padding:0 var(--il-gutter);
}
.il-container--header{max-width:min(var(--ilb-header-container-max, var(--il-container)), 100%)}
.il-container--footer{max-width:min(var(--ilb-footer-container-max, var(--il-container)), 100%)}
/* Elementor width sync */
body .elementor-section.elementor-section-boxed > .elementor-container{max-width:min(var(--il-container),100%) !important}
body .elementor-section.elementor-section-boxed > .elementor-container{padding-left:var(--il-gutter) !important;padding-right:var(--il-gutter) !important}
body .elementor-section.elementor-section-full_width > .elementor-container{max-width:100% !important}
/* Elementor "card columns" (used by the Home extension sections)
Keep these driven by the same CSS variables so the 300+ Theme Options continue to apply. */
.elementor-column.ilb-card{transition: transform 200ms ease, box-shadow 200ms ease}
.elementor-column.ilb-card:hover{transform: translateY(-2px)}
.elementor-column.il-card > .elementor-widget-wrap{padding: var(--ilb-card-pad)}
.elementor-column.il-glass > .elementor-widget-wrap{border-radius: var(--il-radius)}
.il-card{
background:rgba(255,255,255,.92);
border:1px solid var(--il-border);
border-radius:var(--il-radius);
box-shadow:var(--il-shadow);
}
/* Elementor: make column-cards behave like our cards and keep spacing editable */
.elementor-column.il-card > .elementor-widget-wrap{
padding:var(--ilb-card-pad);
}
.elementor-column.ilb-card{
transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
.elementor-column.ilb-card:hover{
transform: translateY(-2px);
box-shadow: 0 18px 46px rgba(2,6,23,.10);
border-color: color-mix(in srgb, var(--il-primary) 18%, var(--il-border));
}
.il-glass{
background: color-mix(in srgb, var(--ilb-wc-glass-tint) 100%, transparent);
border:1px solid color-mix(in srgb, var(--il-border) 55%, transparent);
border-radius:var(--il-radius);
backdrop-filter: blur(var(--ilb-glass-blur));
-webkit-backdrop-filter: blur(var(--ilb-glass-blur));
}
@supports not (color-mix(in srgb, #000 10%, #fff)){
.il-glass{background:rgba(255,255,255,.70)}
}
.il-btn{
display:inline-flex;align-items:center;justify-content:center;
gap:10px;min-height:var(--ilb-btn-height,44px);padding:8px var(--ilb-btn-padding-x,16px);
border-radius:var(--ilb-btn-radius);
border:1px solid rgba(37,99,235,.20);
background:rgba(37,99,235,.10);
color:var(--il-text);
font-weight:800;
transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}
.il-btn:hover{transform: translateY(-1px); box-shadow:0 12px 24px rgba(2,6,23,.08)}
.il-btn--primary{background:var(--il-primary);color:#fff;border-color:transparent;box-shadow:0 14px 28px rgba(37,99,235,.20)}
.il-btn--outline{background:transparent;border:1px solid color-mix(in srgb, var(--il-primary) 22%, var(--il-border));color:var(--il-text)}
.il-btn--glass{background:rgba(255,255,255,.55);border:1px solid rgba(15,23,42,.10);backdrop-filter: blur(12px);}
.il-btn--ghost{background:transparent;border:1px solid var(--il-border)}
.il-input{
width:100%;
border-radius:var(--ilb-input-radius);
border:1px solid var(--il-border);
padding:12px 14px;
background:rgba(255,255,255,.80);
outline:none;
}
.il-input:focus{border-color: color-mix(in srgb, var(--il-primary) 40%, var(--il-border)); box-shadow:0 0 0 4px rgba(37,99,235,.10)}
.il-badge{
display:inline-flex;gap:8px;align-items:center;
padding:6px 10px;border-radius:999px;
background:rgba(34,197,94,.12);
border:1px solid rgba(34,197,94,.22);
font-weight:800;font-size:12px;
color:rgba(15,23,42,.82)
}
/* Icons (mask-based) */
.il-icon-btn{
display:inline-flex;align-items:center;justify-content:center;
width:40px;height:40px;border-radius:999px;
border:1px solid var(--il-border);
background:rgba(255,255,255,.70);
transition: transform 180ms ease, background 180ms ease;
}
.il-icon-btn:hover{transform:translateY(-1px); background:rgba(255,255,255,.85)}
.il-ico{width:18px;height:18px;background:var(--il-text);opacity:.78;display:inline-block}
.il-ico--search{mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;}
.il-ico--github{mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;}
.il-ico--x{mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;}
.il-ico--youtube{mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;}
/* Header */
.il-header{
position: sticky;
top: 0;
z-index: 1000;
background: var(--ilb-header-bg, rgba(246,248,252,.78));
border-bottom: 1px solid var(--ilb-header-border, var(--il-border));
backdrop-filter: blur(var(--ilb-header-blur, 12px));
-webkit-backdrop-filter: blur(var(--ilb-header-blur, 12px));
}
body.ilb-header-static .il-header{position:relative;top:auto}
body.ilb-header-no-shadow .il-header{box-shadow:none}
body.ilb-header-shadow .il-header{box-shadow:0 4px 24px rgba(2,6,23,var(--ilb-header-shadow-alpha,.08))}
body.home.ilb-header-transparent .il-header{background:transparent}
body.ilb-header-width-full .il-container--header{max-width:100%}
body.ilb-header-v2 .il-header{background:transparent;border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none}
body.ilb-header-v2 .il-header__inner{margin-block:10px;padding-inline:14px;border:1px solid var(--ilb-header-border,var(--il-border));border-radius:20px;background:var(--ilb-header-bg,rgba(246,248,252,.88));backdrop-filter:blur(var(--ilb-header-blur,12px));-webkit-backdrop-filter:blur(var(--ilb-header-blur,12px))}
body.ilb-header-v3 .il-header__inner{justify-content:center}
body.ilb-header-v3 .il-brand{margin-inline-end:auto}
body.ilb-header-v3 .il-header__actions{margin-inline-start:auto}
.il-topbar{
background: var(--ilb-header-topbar-bg, #0B1220);
color: var(--ilb-header-topbar-text, #FFFFFF);
border-bottom: 1px solid color-mix(in srgb, var(--il-border) 35%, transparent);
}
.il-topbar__link{
display:block;
padding: 10px 0;
font-weight: 800;
font-size: 13px;
color: inherit;
opacity: .95;
}
.il-header__inner{
display:flex;
align-items:center;
justify-content:space-between;
min-height:var(--ilb-header-h,72px);
padding: 10px 0;
gap: 16px;
}
@media (min-width:993px){.il-header__inner{column-gap:21px}}
.il-brand{display:flex;align-items:center;gap:10px;min-width:0;color:inherit}
.il-brand__logo{display:block;width:auto;height:auto;max-width:100%;object-fit:contain;object-position:left center;flex:0 0 auto}
.il-brand--header.il-brand--size-height .il-brand__logo{height:var(--ilb-header-logo-height,48px);width:auto;max-width:min(480px,40vw)}
.il-brand--header.il-brand--size-width .il-brand__logo{width:min(var(--ilb-header-logo-width,260px),40vw);height:auto}
.il-brand--header.il-brand--size-box .il-brand__logo{width:min(var(--ilb-header-logo-width,260px),40vw);height:var(--ilb-header-logo-height,48px)}
.il-brand--footer.il-brand--size-height .il-brand__logo{height:var(--ilb-footer-logo-height,56px);width:auto;max-width:min(520px,82vw)}
.il-brand--footer.il-brand--size-width .il-brand__logo{width:min(var(--ilb-footer-logo-width,300px),82vw);height:auto;max-height:160px}
.il-brand--footer.il-brand--size-box .il-brand__logo{width:min(var(--ilb-footer-logo-width,300px),82vw);height:var(--ilb-footer-logo-height,56px)}
[dir="rtl"] .il-brand__logo{object-position:right center}
.il-brand__mark{
width:36px;height:36px;border-radius:12px;
background:linear-gradient(135deg,var(--il-primary),#7C3AED);
box-shadow:0 12px 30px rgba(37,99,235,.25);
}
.il-brand__name{font-weight:900;letter-spacing:.2px}
/* Responsive logo sizing is controlled independently from Theme Options. */
@media (max-width:992px){
.il-brand--header.il-brand--size-height .il-brand__logo{height:var(--ilb-header-logo-mobile-height,40px);width:auto;max-width:48vw}
.il-brand--header.il-brand--size-width .il-brand__logo{width:min(var(--ilb-header-logo-mobile-width,190px),48vw);height:auto}
.il-brand--header.il-brand--size-box .il-brand__logo{width:min(var(--ilb-header-logo-mobile-width,190px),48vw);height:var(--ilb-header-logo-mobile-height,40px)}
}
/* Primary navigation */
.il-nav{display:flex;gap:var(--ilb-header-menu-gap,16px);align-items:center;flex-wrap:wrap;min-width:0}
.il-nav__list{
display:flex;
gap:var(--ilb-header-menu-gap,16px);
align-items:center;
flex-wrap:wrap;
list-style:none;
padding:0;
margin:0;
}
.il-nav__list > li{margin:0;padding:0}
.il-nav__list > li > a{
display:inline-flex;
align-items:center;
padding:10px 10px;
border-radius:14px;
font-weight:850;
color:var(--ilb-header-menu-color, rgba(15,23,42,.75));
transition: background 160ms ease, color 160ms ease;
}
.il-nav__list > li > a:hover{
color:var(--ilb-header-menu-hover, rgba(15,23,42,.95));
background:rgba(255,255,255,.55);
}
body.ilb-header-underline .il-nav__list>li>a{position:relative}
body.ilb-header-underline .il-nav__list>li>a:after{content:"";position:absolute;inset-inline:10px;bottom:4px;height:var(--ilb-header-underline-thickness,2px);border-radius:999px;background:currentColor;transform:scaleX(0);transition:transform 160ms ease}
body.ilb-header-underline .il-nav__list>li>a:hover:after,body.ilb-header-underline .il-nav__list>li.current-menu-item>a:after{transform:scaleX(1)}
.il-lang{
display:flex;align-items:center;gap:8px;
padding: 8px 10px;
border: 1px solid var(--il-border);
border-radius: 999px;
background: rgba(255,255,255,.75)
}
.il-lang a{font-weight:900;font-size:12px;opacity:.65}
.il-lang a.is-active{opacity:1;color:var(--il-text)}
/* Header actions + mobile menu toggle */
.il-header__actions{display:flex; gap:10px; align-items:center; min-width:0}
.il-header-cart,.il-header-account{
position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;
min-height:42px;padding:7px 11px;border:1px solid var(--il-border);border-radius:15px;
color:var(--il-text);background:rgba(255,255,255,.76);font-size:13px;font-weight:850;
box-sizing:border-box;transition:transform 180ms ease,background 180ms ease,border-color 180ms ease;
}
.il-header-cart:hover,.il-header-account:hover{transform:translateY(-1px);background:#fff;border-color:var(--ilb-primary-border,rgba(37,99,235,.22))}
.il-header-cart.is-hidden-empty{display:none}
.il-header-cart__icon,.il-header-account__icon{width:19px;height:19px;flex:0 0 auto;background:currentColor;opacity:.82}
.il-header-cart__icon{mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat}
.il-header-account__icon{mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat}
.il-header-cart__count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--il-primary);color:#fff;font-size:11px;line-height:1;font-weight:950}
.il-header-cart__total{padding-inline-start:7px;border-inline-start:1px solid var(--il-border);white-space:nowrap}
.il-nav-toggle{
display:none;
align-items:center;
justify-content:center;
width:44px;
height:44px;
border-radius:14px;
border:1px solid var(--il-border);
background:rgba(255,255,255,.70);
cursor:pointer;
}
.il-nav-toggle:hover{background:rgba(255,255,255,.85)}
.il-nav-toggle__bar{
display:block;
width:18px;
height:2px;
background:rgba(15,23,42,.78);
border-radius:999px;
margin:2.5px 0;
}
/* JS applies this class from the configurable Core mobile breakpoint. */
.il-header.is-compact .il-header__inner{flex-wrap:wrap;gap:12px}
.il-header.is-compact .il-nav-toggle{display:inline-flex}
.il-header.is-compact .il-brand{flex:1 1 auto;min-width:0}
.il-header.is-compact .il-nav{width:100%;flex:1 0 100%;order:3;max-height:0;overflow:hidden;opacity:0;transform:translateY(-6px);transition:max-height 220ms ease,opacity 160ms ease,transform 220ms ease}
.il-header.is-compact .il-nav__list{width:100%;flex-direction:column;align-items:stretch;gap:8px;padding-top:12px;margin-top:6px;border-top:1px solid color-mix(in srgb,var(--il-border) 55%,transparent)}
.il-header.is-compact .il-nav__list>li>a{width:100%;justify-content:space-between;background:rgba(255,255,255,.55)}
.il-header.is-compact.is-nav-open .il-nav{max-height:70vh;opacity:1;transform:translateY(0)}
.il-header.is-compact .il-header__actions{order:2}
.il-header.is-compact .il-header__actions .il-btn{padding:10px 12px}
.il-header.is-compact .il-header-cart__label,.il-header.is-compact .il-header-account__label,.il-header.is-compact .il-header-cart__total{display:none}
body.ilb-mobile-drawer .il-header.is-compact .il-nav{position:fixed;top:var(--ilb-nav-top,84px);inset-inline-end:max(16px,var(--ilb-container-pad,20px));width:min(360px,calc(100vw - 32px));padding:0 12px;flex:0 0 auto;border:1px solid var(--il-border);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 24px 64px rgba(2,6,23,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);pointer-events:none}
body.ilb-mobile-drawer .il-header.is-compact.is-nav-open .il-nav{max-height:calc(100vh - var(--ilb-nav-top,84px) - 16px);padding:12px;pointer-events:auto;overflow:auto}
body.ilb-mobile-drawer .il-header.is-compact .il-nav__list{padding-top:0;margin-top:0;border-top:0}
/* Footer */
.il-footer{
padding: var(--ilb-footer-padding-top,56px) 0 var(--ilb-footer-padding-bottom,56px);
border-top: 1px solid var(--il-border);
margin-top: 64px;
background: var(--ilb-footer-bg, var(--ilb-opt-footer_bg, transparent));
color: var(--ilb-footer-text, var(--ilb-opt-footer_text, inherit));
position: relative;
overflow: hidden;
border-radius:var(--ilb-footer-radius,0) var(--ilb-footer-radius,0) 0 0;
}
body.ilb-footer-width-full .il-container--footer{max-width:100%}
body.ilb-footer-grid-on .il-footer:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:var(--ilb-footer-grid-alpha,.08);background-image:linear-gradient(var(--il-border) 1px,transparent 1px),linear-gradient(90deg,var(--il-border) 1px,transparent 1px);background-size:28px 28px}
body.ilb-footer-glow-on .il-footer:after{content:"";position:absolute;width:460px;height:260px;inset-inline-end:-140px;top:-150px;pointer-events:none;border-radius:50%;background:var(--il-primary);filter:blur(100px);opacity:var(--ilb-footer-glow-alpha,.10)}
.il-footer>.il-container{position:relative;z-index:1}
.il-footer__top{
display:grid;
grid-template-columns: 1.1fr 1.9fr;
gap: var(--ilb-footer-columns-gap,28px);
align-items:start;
}
.il-footer__brand p{margin:0;color:color-mix(in srgb, var(--ilb-footer-text, var(--il-muted)) 86%, transparent)}
.il-footer__social{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.il-footer__grid{display:grid;grid-template-columns: 1fr 1fr 1.2fr;gap: 24px}
.il-footer h4{margin:0 0 10px 0;color: var(--ilb-footer-heading, var(--ilb-opt-footer_heading, #fff))}
.il-footer p{margin:0}
.il-footer a{color: var(--ilb-footer-link, var(--ilb-opt-footer_link, #E2E8F0));font-weight:750}
.il-footer a:hover{color: var(--ilb-footer-link-hover, var(--ilb-opt-footer_link_hover, #22C55E))}
.il-footer__muted{color:color-mix(in srgb, var(--ilb-footer-text, #CBD5E1) 82%, transparent)}
.il-news{display:flex;gap:10px;margin-top:12px}
.il-footer__bottom{
margin-top: 28px;
padding-top: 18px;
border-top: 1px solid color-mix(in srgb, var(--il-border) 55%, transparent);
display:flex;
justify-content:space-between;
gap: 14px;
flex-wrap:wrap;
align-items:center;
}
.il-footer__pay{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
/* Sections */
.il-hero-wrap{position:relative;overflow:hidden;padding:56px 0 20px 0}
.il-hero-bg{
position:absolute;
inset:-120px -120px auto -120px;
height:520px;
pointer-events:none;
opacity:.92;
background-image:url(assets/img/hero-mesh.png);
background-size:cover;
background-position:center;
filter:saturate(1.05);
}
.il-hero{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
.il-hero h1{font-size:44px;line-height:1.08;margin:0 0 10px 0;letter-spacing:-.8px}
.il-hero p{margin:0 0 18px 0;color:var(--il-muted);font-size:16px}
.il-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.il-hero__panel{padding:18px;border-radius:24px;border:1px solid var(--il-border);background:rgba(255,255,255,.70);backdrop-filter: blur(var(--ilb-glass-blur));}
.il-hero__panel img{border-radius:18px;border:1px solid var(--il-border);box-shadow:0 12px 35px rgba(15,23,42,.12)}
.il-section{padding: 52px 0}
.il-section__title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.il-section__title h2{margin:0;font-size:28px;letter-spacing:-.4px}
.il-section__title p{margin:0;color:var(--il-muted)}
.il-bento{display:grid;grid-template-columns:repeat(12,1fr);gap: var(--ilb-grid-gap)}
.il-bento .il-card{padding: var(--ilb-card-pad)}
.il-bento .il-card h3{margin:0 0 6px 0;font-size:16px}
.il-bento .il-card p{margin:0;color:var(--il-muted);font-size:14px}
.il-bento__a{grid-column:span 4}
.il-bento__b{grid-column:span 4}
.il-bento__c{grid-column:span 4}
.il-bento__wide{grid-column:span 8}
.il-bento__tall{grid-column:span 4}
/* WooCommerce: archive */
.woocommerce .il-shop-hero{
padding: 46px 0 10px;
}
.il-shop-hero__inner{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:16px;
padding: 18px;
border-radius: calc(var(--il-radius) + 4px);
}
.il-shop-hero__title{margin:10px 0 0 0; font-size:32px; letter-spacing:-.02em}
.il-shop-hero__sub{margin:6px 0 0 0; color:var(--il-muted); font-weight:750}
.il-shop-hero__crumbs{opacity:.9; font-weight:750}
.il-shop-bar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-top:16px}
.il-shop-bar__left,.il-shop-bar__right{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.woocommerce-result-count{margin:0;color:var(--il-muted);font-weight:750}
.woocommerce-ordering{margin:0}
.woocommerce-ordering select{border-radius:14px;border:1px solid var(--il-border);padding:10px 12px;background:rgba(255,255,255,.75)}
.il-shop-grid{
display:grid;
grid-template-columns: repeat(var(--ilb-wc-cols, 3), 1fr);
gap: var(--ilb-grid-gap);
margin-top: 18px;
}
/* WooCommerce default archive styles (width/margins/floats) can conflict with our grid.
Force grid layout + full-width items so cards size correctly. */
.woocommerce ul.products.il-shop-grid,
.woocommerce-page ul.products.il-shop-grid{
display:grid !important;
float:none !important;
clear:both;
padding:0 !important;
list-style:none;
}
.woocommerce ul.products.il-shop-grid > li.product,
.woocommerce-page ul.products.il-shop-grid > li.product{
width:100% !important;
max-width:100% !important;
margin:0 !important;
float:none !important;
clear:none !important;
}
.woocommerce ul.products.il-shop-grid > li.product.il-product,
.woocommerce-page ul.products.il-shop-grid > li.product.il-product{
height:100%;
display:flex;
flex-direction:column;
}
.il-product{
position:relative;
overflow:hidden;
border-radius: calc(var(--il-radius) + 2px);
}
.il-product__thumb{display:block;aspect-ratio: 16/10; border-bottom: 1px solid var(--il-border); background:rgba(255,255,255,.65); overflow:hidden}
.il-product__thumb img{width:100%;height:100%;object-fit:cover}
.il-product__body{padding: 16px;display:flex;flex-direction:column;flex:1}
.il-product__title{margin:0 0 8px 0;font-weight:950;letter-spacing:-.02em}
.il-product__meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.il-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-weight:850;font-size:12px;border:1px solid var(--il-border);background:rgba(255,255,255,.70)}
.il-pill--sale{background:rgba(37,99,235,.12);border-color:rgba(37,99,235,.22)}
.il-product__excerpt{color:var(--il-muted);font-weight:650;font-size:13px;flex:1;min-height:0}
.il-product__bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto}
.il-product__price{font-weight:950;font-size:18px}
/* WooCommerce: single */
.il-single-hero{
padding: 36px 0 24px;
}
.il-single__grid{
display:grid;
grid-template-columns: 1.2fr .8fr;
gap: 22px;
align-items:start;
}
/* Buybox position helpers (driven by Theme Options) */
.il-single__grid--buybox-left{grid-template-columns:.8fr 1.2fr}
.il-single__grid--buybox-left .il-buybox{grid-column:1;justify-self:start}
.il-single__grid--buybox-left .il-single__gallery{grid-column:2}
.il-single__grid--buybox-right .il-buybox{justify-self:end}
.il-single__hero{
padding: 20px;
border-radius: calc(var(--il-radius) + 6px);
overflow:hidden;
}
.il-single__hero h1{margin:0 0 10px 0;font-size:42px;letter-spacing:-.9px;line-height:1.1}
.il-single__sub{margin:0;color:var(--il-muted);font-weight:750}
.il-single__badges{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}
.il-single__shot{margin-top:18px;border-radius:18px;border:1px solid var(--il-border);overflow:hidden;background:rgba(255,255,255,.65)}
.il-single__shot img{width:100%;height:auto;display:block}
.il-single__gallery{padding:18px;border-radius: calc(var(--il-radius) + 6px);overflow:hidden}
.il-single__gallery .woocommerce-product-gallery{margin:0}
.il-single__gallery .woocommerce-product-gallery__wrapper{border-radius:18px;overflow:hidden;border:1px solid var(--il-border);background:rgba(255,255,255,.65)}
.il-single__gallery img{display:block;width:100%;height:auto}
.il-single__trust{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}
.il-single__details{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start}
.il-single__tabs{padding:18px;border-radius: calc(var(--il-radius) + 6px)}
.il-single__extras{display:flex;flex-direction:column;gap:14px}
.il-single__panel{padding:18px;border-radius: calc(var(--il-radius) + 6px)}
.il-single__panel h3{margin:0 0 8px 0;font-weight:950;letter-spacing:-.02em}
.il-single__panel p{margin:0 0 12px 0;color:var(--il-muted);font-weight:650}
.woocommerce-tabs ul.tabs{display:flex;gap:10px;flex-wrap:wrap;padding:0;margin:0 0 14px 0;list-style:none}
.woocommerce-tabs ul.tabs li{margin:0}
.woocommerce-tabs ul.tabs li a{display:inline-flex;padding:10px 12px;border-radius:999px;border:1px solid var(--il-border);background:rgba(255,255,255,.70);font-weight:850}
.woocommerce-tabs ul.tabs li.active a{border-color:rgba(37,99,235,.35);box-shadow:0 0 0 4px rgba(37,99,235,.08)}
.woocommerce-Tabs-panel{padding:14px 2px}
/* Tabs style options (Redux: wc_tabs_style) */
body.ilb-wc-tabs-style-underline .woocommerce-tabs ul.tabs li a{
border-radius:0;
border:0;
background:transparent;
padding:10px 6px;
position:relative;
}
body.ilb-wc-tabs-style-underline .woocommerce-tabs ul.tabs li a:after{
content:'';
position:absolute;
left:0;
right:0;
bottom:-6px;
height:3px;
border-radius:999px;
background:rgba(15,23,42,0.10);
}
body.ilb-wc-tabs-style-underline .woocommerce-tabs ul.tabs li.active a:after{
background:rgba(37,99,235,0.45);
}
body.ilb-wc-tabs-style-underline .woocommerce-tabs ul.tabs li.active a{box-shadow:none}
body.ilb-wc-tabs-style-boxed .woocommerce-tabs ul.tabs li a{
border-radius:14px;
background:rgba(255,255,255,.85);
border:1px solid rgba(15,23,42,.10);
}
body.ilb-wc-tabs-style-boxed .woocommerce-tabs ul.tabs li.active a{
border-color:rgba(37,99,235,.35);
box-shadow:0 0 0 4px rgba(37,99,235,.08);
}
.il-buybox{
position: relative;
top: auto;
padding: 18px;
border-radius: calc(var(--il-radius) + 6px);
width:100%;
}
.il-buybox--sticky{
position: sticky;
top: calc(var(--ilb-header-h, 72px) + 14px);
}
.il-buybox .price{font-size:26px;font-weight:950;margin:0 0 12px 0}
.il-buybox .cart{margin-top:10px}
.il-buybox .single_add_to_cart_button{width:100%}
.il-buybox .product_meta{margin-top:12px;color:var(--il-muted);font-weight:650}
.il-single__tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:14px}
.il-tile{padding:14px;border-radius:18px}
.il-tile strong{display:block;font-weight:950}
.il-tile span{color:var(--il-muted);font-weight:700;font-size:13px}
/* Buybox: ensure the price/cart blocks take full width (matches tiles) */
.il-buybox__price,.il-buybox__cart{display:block;width:100%}
.il-buybox__price .price{display:block;width:100%}
/* Instant card inside the buybox */
.il-buybox__instant{margin:0 0 12px 0}
.il-buybox__instant .ilb-instant-card{margin:0}
.il-buybox--static{position:relative;top:auto}
.il-specgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}
.il-spec strong{display:block;font-weight:950;font-size:13px}
.il-spec span{color:var(--il-text);font-weight:850;font-size:13px}
/* Responsive */
@media (max-width: 1100px){
.il-shop-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 980px){
/* Containers: slightly tighter gutters on tablet/mobile for better fit */
.il-container{padding-left:20px;padding-right:20px}
.il-hero{grid-template-columns:1fr}
.il-hero h1{font-size:36px}
.il-bento{grid-template-columns:repeat(6,1fr)}
.il-bento__a,.il-bento__b,.il-bento__c,.il-bento__wide,.il-bento__tall{grid-column:span 6}
.il-footer__top{grid-template-columns:1fr}
.il-footer__grid{grid-template-columns:1fr}
.il-single__grid{grid-template-columns:1fr}
.il-single__details{grid-template-columns:1fr}
.il-specgrid{grid-template-columns:1fr}
.il-buybox{position:relative;top:auto}
}
@media (max-width: 560px){
.il-container{padding-left:16px;padding-right:16px}
.il-brand__name{font-size:14px;max-width: 16ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.il-topbar__link{font-size:12px}
.il-header__actions{gap:8px}
.il-header__actions .il-btn{padding:10px 10px}
.il-header.is-compact .il-header__actions{width:100%;justify-content:space-between;flex-wrap:nowrap}
.il-header.is-compact .il-lang{padding:7px 8px;gap:5px}
.il-header.is-compact .il-header__actions .il-btn{min-height:38px;padding:8px 9px;font-size:12px}
.il-header-account,.il-header-cart{width:38px;height:38px;min-height:38px;padding:0;border-radius:12px}
.il-footer{padding:44px 0;margin-top:44px}
.il-footer__bottom{justify-content:center;text-align:center}
.il-footer__pay{justify-content:center}
.il-shop-grid{grid-template-columns:1fr}
.il-single__tiles{grid-template-columns:1fr}
.il-news{flex-direction:column}
.il-icon-btn{width:38px;height:38px}
}
/* Reduced motion */
@media (prefers-reduced-motion: reduce){
*{scroll-behavior:auto !important;transition:none !important;animation:none !important}
}
/* Home extra sections */
.il-home-extra .il-bento--home{
display:grid;
grid-template-columns: repeat(12, 1fr);
gap: var(--ilb-grid-gap);
}
.il-bento--home .il-bento__a{ grid-column: 1 / span 7; padding:28px; }
.il-bento--home .il-bento__b{ grid-column: 8 / span 5; padding:28px; background-size:cover; background-position:center; }
.il-bento--home .il-bento__c{ grid-column: 1 / span 5; padding:24px; }
.il-bento--home .il-bento__d{ grid-column: 6 / span 7; padding:24px; }
.il-eyebrow{ font-size:12px; letter-spacing:0.12em; text-transform:uppercase; color:var(--ilb-muted); margin-bottom:10px; }
.il-pills{ display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.il-pill{ padding:8px 12px; border-radius:999px; border:1px solid var(--ilb-border); background:rgba(255,255,255,0.65); backdrop-filter: blur(var(--ilb-glass-blur)); font-size:12px; }
.il-kpis{ display:grid; grid-template-columns: repeat(3,1fr); gap:16px; }
.il-kpi__num{ font-size:28px; font-weight:800; color:var(--ilb-text); }
.il-kpi__lbl{ font-size:12px; color:rgba(15,23,42,.72); margin-top:6px; }
.il-logos--grid{ display:grid; grid-template-columns: repeat(6, 1fr); gap:12px; margin-top:12px; }
.il-logo{ display:flex; align-items:center; justify-content:center; padding:10px; border:1px solid var(--ilb-border); border-radius:14px; background:rgba(255,255,255,0.7); transition: transform .18s ease, box-shadow .18s ease; }
.il-logo:hover{ transform: translateY(-2px); box-shadow: 0 12px 26px rgba(2,6,23,.08); }
.il-logo img{ width:100%; max-width:60px; height:auto; opacity:.9; }
.il-steps{ display:grid; gap:14px; margin-top:14px; }
.il-step{ display:flex; gap:12px; padding:14px; border:1px solid var(--ilb-border); border-radius:16px; background:rgba(255,255,255,0.65); transition: transform .18s ease, box-shadow .18s ease; }
.il-step:hover{ transform: translateY(-2px); box-shadow: 0 14px 30px rgba(2,6,23,.08); }
.il-step__icon{ width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:12px; background: rgba(37,99,235,0.08); border:1px solid rgba(37,99,235,0.14); }
.il-step__icon img{ width:26px; height:26px; }
.il-home-about__card{ padding:30px; background-size:cover; background-position:center; }
.il-prose p{ margin: 0 0 12px; }
.il-home-about__cta{ margin-top:16px; display:flex; flex-wrap:wrap; gap:12px; }
@media (max-width: 980px){
.il-bento--home{ grid-template-columns: 1fr; }
.il-bento--home .il-bento__a,
.il-bento--home .il-bento__b,
.il-bento--home .il-bento__c,
.il-bento--home .il-bento__d{ grid-column: 1 / -1; }
.il-kpis{ grid-template-columns: 1fr; }
.il-logos--grid{ grid-template-columns: repeat(3, 1fr); }
}
/* Product banner (single product top) */
.il-product-banner-wrap{ padding: 18px 0 8px; }
.il-product-banner{
display:grid;
grid-template-columns: 1.2fr .8fr;
gap: 22px;
padding: 26px;
border-radius: 26px;
background: linear-gradient(135deg, rgba(255,255,255,.72), rgba(255,255,255,.55));
background-size: cover;
background-position: center;
position: relative;
overflow: hidden;
}
.il-product-banner:before{
content:"";
position:absolute;
inset:0;
background: var(--ilb-wc-glass-tint);
opacity:.85;
pointer-events:none;
}
.il-product-banner__text,
.il-product-banner__media{ position:relative; z-index:1; }
.il-banner-bullets{ margin-top:14px; display:flex; flex-wrap:wrap; gap:10px; }
.il-banner-ctas{ margin-top:18px; display:flex; gap:12px; flex-wrap:wrap; }
.il-product-banner__media{ display:flex; align-items:center; justify-content:flex-end; }
.il-product-banner__img{ width:100%; max-width: 420px; height:auto; border-radius: 22px; box-shadow: 0 18px 60px rgba(2,6,23,.12); border: 1px solid rgba(255,255,255,.6); }
.il-single__studio p{ margin-top:10px; }
@media (max-width: 980px){
.il-product-banner{ grid-template-columns: 1fr; }
.il-product-banner__media{ justify-content:flex-start; }
.il-product-banner__img{ max-width: 100%; }
}
/* About long section */
.il-about-long__card{ padding:34px; background-size:cover; background-position:center; }
.il-about-long__prose{ max-width: 980px; }
.il-about-long__cta{ margin-top:18px; display:flex; flex-wrap:wrap; gap:12px; }
.il-footer__caps{ display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
/* === ILB Woo Lightbox + Screenshot Grid === */
.il-shotgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.il-shotgrid__item{display:block;border-radius:14px;overflow:hidden;border:1px solid var(--il-border);background:rgba(255,255,255,.65);transition:transform .18s ease, box-shadow .18s ease}
.il-shotgrid__item:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.08)}
.il-shotgrid__item img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:1/1}
.ilb-lb{position:fixed;inset:0;background:rgba(10,12,18,.86);z-index:999999;display:none;align-items:center;justify-content:center;padding:22px}
.ilb-lb.is-open{display:flex}
.ilb-lb__stage{position:relative;width:min(1100px,100%);height:min(78vh,720px);border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);backdrop-filter:blur(18px)}
.ilb-lb__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.ilb-lb__btn{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);color:#fff;cursor:pointer;font-size:22px;line-height:1;user-select:none}
.ilb-lb__btn:hover{background:rgba(255,255,255,.16)}
.ilb-lb__nav{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:18px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);color:#fff;cursor:pointer;font-size:26px;line-height:1;display:flex;align-items:center;justify-content:center}
.ilb-lb__nav:hover{background:rgba(255,255,255,.16)}
.ilb-lb__prev{left:14px}
.ilb-lb__next{right:14px}
.ilb-lb__count{position:absolute;bottom:14px;left:14px;color:rgba(255,255,255,.85);font-weight:750;font-size:13px;background:rgba(0,0,0,.25);padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.12)}
@media (max-width: 980px){
.il-shotgrid{grid-template-columns:repeat(3,1fr)}
.ilb-lb__stage{height:min(72vh,620px)}
}
@media (max-width: 560px){
.il-shotgrid{grid-template-columns:repeat(2,1fr)}
.ilb-lb__nav{width:46px;height:46px;border-radius:16px}
}
/* Safety: enforce sticky toggle via body classes (in case a template override misses the modifier class) */
.ilb-sticky-buybox-off .il-buybox{position:relative !important;top:auto !important}
.ilb-sticky-buybox-on .il-buybox{position:sticky;top:calc(var(--ilb-header-h, 72px) + 14px)}
/* v8.1.4 — language-aware product custom HTML */
.ilb-product-custom-html{margin-top:22px;padding-top:22px;border-top:1px solid var(--ilb-border,rgba(15,23,42,.10));max-width:100%;overflow-wrap:anywhere}
.ilb-product-custom-html img,.ilb-product-custom-html video,.ilb-product-custom-html iframe{max-width:100%;height:auto}
.ilb-product-meta{display:flex;flex-direction:column;gap:8px;margin-top:14px;font-size:13px;line-height:1.6}
.ilb-product-meta>span{display:block}
.ilb-product-meta strong{font-weight:850}
/* === v8.1.4 — Single Product full-width sales layout ===
Layout-only update: product meta/data remains backward compatible. */
/* Top product banner: true full-bleed background/media surface with centered inner content. */
.il-product-banner-wrap--fullbleed{
width:100%;
max-width:none;
margin:0;
padding:0 0 18px;
overflow:hidden;
}
.il-product-banner-wrap--fullbleed .il-product-banner{
display:block;
grid-template-columns:none;
width:100%;
max-width:none;
margin:0;
padding:0;
border-radius:0;
border-left:0;
border-right:0;
background-size:cover;
background-position:center;
}
.il-product-banner__inner{
position:relative;
z-index:1;
display:grid;
grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
gap:clamp(24px,4vw,56px);
align-items:center;
min-height:clamp(360px,44vw,560px);
padding-top:clamp(34px,5vw,72px);
padding-bottom:clamp(34px,5vw,72px);
}
.il-product-banner-wrap--fullbleed .il-product-banner:before{z-index:0}
.il-product-banner-wrap--fullbleed .il-product-banner__text,
.il-product-banner-wrap--fullbleed .il-product-banner__media{z-index:1}
.il-product-banner-wrap--fullbleed .il-product-banner__text{max-width:780px}
.il-product-banner-wrap--fullbleed .il-product-banner__media{min-width:0}
.il-product-banner-wrap--fullbleed .il-product-banner__img{
width:100%;
max-width:520px;
max-height:460px;
object-fit:contain;
}
/* Details area is deliberately one column. Nothing may sit beside Description/Reviews/Specs. */
.il-single-details-section{padding-top:18px}
.il-single__details{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:18px;
align-items:start;
}
.il-single__section--full{
width:100%;
min-width:0;
grid-column:1 / -1;
}
.il-single__tabs{
width:100%;
min-width:0;
padding:clamp(18px,2.5vw,30px);
}
.il-single__tabs .woocommerce-tabs,
.il-single__tabs .woocommerce-Tabs-panel,
.il-single__tabs .woocommerce-Tabs-panel > *{
max-width:none;
}
.il-single__tabs .woocommerce-Tabs-panel{width:100%}
.ilb-product-custom-html{
width:100%;
max-width:none;
min-width:0;
overflow-wrap:anywhere;
}
.ilb-product-custom-html > *{max-width:100%}
.ilb-product-custom-html .alignwide,
.ilb-product-custom-html .alignfull{width:100%;max-width:100%;margin-left:0;margin-right:0}
/* Compatibility: full-width bento matrix for up to 14 buyer-facing requirements. */
.il-single__specs{padding:clamp(18px,2.5vw,28px)}
.il-single__panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.il-single__panel-head h3{margin:0}
.il-single__specs .il-specgrid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:12px;
margin-top:0;
}
.il-single__specs .il-spec{
min-height:94px;
display:flex;
flex-direction:column;
justify-content:center;
gap:5px;
}
.il-single__specs .il-spec strong{font-size:12px;line-height:1.35;color:var(--il-muted)}
.il-single__specs .il-spec span{font-size:14px;line-height:1.45;color:var(--il-text)}
/* Compare + Bundle: balanced two-card CTA row below Compatibility. */
.il-single__cta-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
}
.il-single__cta-grid > :only-child{grid-column:1 / -1}
.il-single__cta-card{
position:relative;
overflow:hidden;
min-height:220px;
display:flex;
flex-direction:column;
justify-content:space-between;
gap:22px;
padding:clamp(20px,2.5vw,30px);
}
.il-single__cta-card:before{
content:"";
position:absolute;
width:180px;
height:180px;
border-radius:50%;
right:-75px;
top:-85px;
background:color-mix(in srgb,var(--il-primary) 12%,transparent);
pointer-events:none;
}
[dir="rtl"] .il-single__cta-card:before,
body.rtl .il-single__cta-card:before{right:auto;left:-75px}
.il-single__cta-copy,.il-single__cta-actions{position:relative;z-index:1}
.il-single__cta-copy h3{font-size:clamp(20px,2vw,26px);margin-bottom:10px}
.il-single__cta-copy p{max-width:62ch;margin-bottom:0}
.il-single__cta-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
/* Built by Ironlock: full-width horizontal brand/support strip. */
.il-single__studio{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
gap:24px;
padding:clamp(20px,2.5vw,30px);
overflow:hidden;
}
.il-single__studio-copy{min-width:0}
.il-single__studio h3{font-size:clamp(20px,2vw,26px);margin:0 0 8px}
.il-single__studio p{max-width:88ch;margin:0}
.il-single__studio-action{display:flex;align-items:center;justify-content:flex-end}
.il-single__studio-action .il-btn{white-space:nowrap}
@media (max-width:1100px){
.il-single__specs .il-specgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:980px){
.il-product-banner__inner{grid-template-columns:1fr;min-height:0}
.il-product-banner-wrap--fullbleed .il-product-banner__media{justify-content:flex-start}
.il-product-banner-wrap--fullbleed .il-product-banner__img{max-width:100%;max-height:none}
.il-single__specs .il-specgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.il-single__cta-grid{grid-template-columns:1fr}
.il-single__cta-grid > :only-child{grid-column:auto}
}
@media (max-width:700px){
.il-single__studio{grid-template-columns:1fr}
.il-single__studio-action{justify-content:flex-start}
}
@media (max-width:560px){
.il-product-banner__inner{padding-top:28px;padding-bottom:30px}
.il-single__tabs{padding:16px}
.il-single__specs{padding:16px}
.il-single__specs .il-specgrid{grid-template-columns:1fr}
.il-single__cta-card{min-height:0;padding:18px}
.il-single__studio{padding:18px}
.il-single__cta-actions .il-btn,
.il-single__studio-action .il-btn{width:100%;justify-content:center}
}
/* === v8.1.5 — deterministic 3-tab product information + isolated HTML === */
.il-single__tabs{overflow:visible}
.ilb-product-tabs{width:100%;min-width:0}
.ilb-product-tabs__nav{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
margin:0 0 22px;
padding:7px;
width:max-content;
max-width:100%;
border:1px solid var(--il-border);
border-radius:18px;
background:rgba(255,255,255,.52);
}
.ilb-product-tabs__tab{
appearance:none;
border:1px solid transparent;
background:transparent;
color:var(--il-text);
min-height:44px;
padding:10px 16px;
border-radius:13px;
font:inherit;
font-weight:850;
line-height:1.2;
cursor:pointer;
transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.ilb-product-tabs__tab:hover{background:rgba(255,255,255,.82)}
.ilb-product-tabs__tab:focus-visible{outline:3px solid color-mix(in srgb,var(--il-primary) 26%,transparent);outline-offset:2px}
.ilb-product-tabs__tab.is-active,
.ilb-product-tabs__tab[aria-selected="true"]{
background:#fff;
border-color:color-mix(in srgb,var(--il-primary) 24%,var(--il-border));
box-shadow:0 8px 24px rgba(15,23,42,.08);
}
.ilb-product-tabs__panel{display:block;width:100%;min-width:0;padding:0}
.ilb-product-tabs__panel[hidden]{display:none !important}
.ilb-product-tabs__panel.is-active{animation:ilbTabIn .18s ease both}
@keyframes ilbTabIn{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}}
.ilb-product-tabs__empty{margin:0;padding:22px;border:1px dashed var(--il-border);border-radius:16px;color:var(--il-muted);font-weight:650}
.ilb-native-description{width:100%;max-width:none;min-width:0}
.ilb-native-description:after{content:"";display:table;clear:both}
/* The merchant HTML is a real isolated document. No Ironlock/Woo selector can
alter its layout, typography, grid, positioning or CSS variables. */
.ilb-product-custom-html--isolated{
display:block;
width:100%;
max-width:none;
min-width:0;
margin:0;
padding:0;
border:0;
overflow:visible;
}
.ilb-native-description + .ilb-product-custom-html--isolated{margin-top:24px;padding-top:24px;border-top:1px solid var(--il-border)}
.ilb-product-custom-html__frame{
display:block;
width:100%;
min-width:0;
min-height:320px;
height:320px;
margin:0;
padding:0;
border:0;
background:transparent;
overflow:hidden;
}
/* Compatibility is now the third tab, not a second always-open section. */
.ilb-product-tabs__panel .il-single__specs{padding:0}
.ilb-product-tabs__panel .il-single__specs .il-specgrid{margin:0}
body.ilb-wc-tabs-style-underline .ilb-product-tabs__nav{padding:0;border:0;border-radius:0;background:transparent;gap:18px}
body.ilb-wc-tabs-style-underline .ilb-product-tabs__tab{position:relative;border:0;border-radius:0;background:transparent;box-shadow:none;padding-inline:4px}
body.ilb-wc-tabs-style-underline .ilb-product-tabs__tab:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;border-radius:999px;background:transparent}
body.ilb-wc-tabs-style-underline .ilb-product-tabs__tab.is-active:after{background:var(--il-primary)}
body.ilb-wc-tabs-style-boxed .ilb-product-tabs__nav{width:100%;background:rgba(255,255,255,.34)}
/* Static ambient product gradient. It is intentionally motionless so long
product text remains comfortable to read. Colors, reach, direction,
opacity and softness remain configurable from Theme Options. */
body.single-product.ilb-product-waves-on{position:relative;isolation:isolate;overflow-x:clip}
body.single-product.ilb-product-waves-on::before,
body.single-product.ilb-product-waves-on::after{
content:"";
position:fixed;
z-index:-1;
pointer-events:none;
width:calc(var(--ilb-product-wave-spread,150) * 1vmax);
height:calc(var(--ilb-product-wave-spread,150) * .55vmax);
left:50%;
top:48%;
opacity:var(--ilb-product-wave-opacity,.07);
filter:blur(var(--ilb-product-wave-glow,92px));
background:
radial-gradient(ellipse at 28% 48%,var(--ilb-product-wave-color-1,#2563eb) 0 7%,transparent var(--ilb-product-wave-reach,31%)),
radial-gradient(ellipse at 72% 52%,var(--ilb-product-wave-color-2,#38bdf8) 0 8%,transparent calc(var(--ilb-product-wave-reach,31%) + 2%));
transform:translate3d(-50%,-50%,0) rotate(var(--ilb-product-wave-angle,88deg));
}
body.single-product.ilb-product-waves-on::after{
width:calc(var(--ilb-product-wave-spread,150) * .79vmax);
height:calc(var(--ilb-product-wave-spread,150) * .43vmax);
top:62%;
opacity:calc(var(--ilb-product-wave-opacity,.07) * .62);
}
@media (max-width:767px){
body.single-product.ilb-product-waves-on::before,
body.single-product.ilb-product-waves-on::after{filter:blur(calc(var(--ilb-product-wave-glow,92px) * .72))}
}
/* Page-level overflow guard. Component-level horizontal scrollers (tables,
tabs and galleries) keep their own overflow behavior. */
html,body{max-width:100%;overflow-x:clip}
.il-epc-h-inner,.il-epc-h-content,.il-epc-h-desc,.il-epc-h-actions,.il-epc-kv-row,.il-epc-kv-val{min-width:0;max-width:100%;overflow-wrap:anywhere}
.ilbs-background-effects{max-width:100%;overflow:hidden}
/* One-row mobile header: trigger on the left, true centered brand, account/cart
actions on the right. The centered logo does not participate in flex width. */
@media (max-width:600px){
.il-header.is-compact .il-header__inner{position:relative;display:flex;flex-wrap:nowrap;min-height:max(64px,var(--ilb-header-h,72px));gap:8px}
.il-header.is-compact .il-brand{position:absolute;z-index:3;left:50%;width:auto;max-width:38vw;flex:none;justify-content:center;transform:translateX(-50%)}
[dir="rtl"] .il-header.is-compact .il-brand{left:50%;right:auto;transform:translateX(-50%)}
.il-header.is-compact .il-brand__name{display:none}
.il-header.is-compact .il-header__actions{width:100%;margin:0;justify-content:flex-end;gap:7px}
.il-header.is-compact .il-nav-toggle{margin-inline-end:auto}
.il-header.is-compact .il-header__actions>.il-icon-btn,
.il-header.is-compact .il-header__actions>.il-lang,
.il-header.is-compact .il-header__actions>.il-btn{display:none}
.il-header.is-compact .il-nav{order:3}
.il-header.is-compact .il-header-cart,
.il-header.is-compact .il-header-account{display:inline-grid;place-items:center;width:38px;min-width:38px;max-width:38px;height:38px;padding:0;overflow:hidden}
.il-header.is-compact .il-header-cart__icon,
.il-header.is-compact .il-header-account__icon{display:block;width:18px;height:18px;max-width:18px;max-height:18px;margin:0}
.il-header.is-compact .il-header-cart__count{position:absolute;inset-block-start:2px;inset-inline-end:2px;min-width:15px;width:auto;height:15px;padding:0 3px;border:2px solid rgba(255,255,255,.92);font-size:8px;line-height:11px}
}
@media (max-width:700px){
.ilb-product-tabs__nav{width:100%;display:grid;grid-template-columns:1fr;gap:7px;border-radius:16px}
.ilb-product-tabs__tab{width:100%;text-align:inherit}
body.ilb-wc-tabs-style-underline .ilb-product-tabs__nav{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:16px;padding-bottom:4px}
body.ilb-wc-tabs-style-underline .ilb-product-tabs__tab{width:auto;white-space:nowrap}
.ilb-product-custom-html__frame{min-height:240px;height:240px}
}
/* =========================================================
v8.1.7 — Stable product stage, gallery rail and modal
========================================================= */
.il-single__gallery{
position:relative;
padding:16px;
border:1px solid color-mix(in srgb,var(--il-border) 72%,transparent);
background:radial-gradient(circle at 7% 0%,color-mix(in srgb,var(--il-primary) 9%,transparent),transparent 33%),rgba(255,255,255,.58);
box-shadow:0 18px 55px rgba(15,23,42,.08);
}
.il-wc-gallery{position:relative;min-width:0}
.il-single__gallery .woocommerce-product-gallery{
position:relative;width:100%;margin:0;border-radius:22px;
}
.il-single__gallery .woocommerce-product-gallery__wrapper{
display:block!important;width:100%!important;margin:0!important;transform:none!important;
border:1px solid color-mix(in srgb,var(--il-border) 78%,transparent);
border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,250,252,.88));
box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 14px 34px rgba(15,23,42,.055);overflow:hidden;
}
.il-single__gallery .flex-viewport{height:auto!important;overflow:visible!important}
.il-single__gallery .woocommerce-product-gallery__image{float:none!important;width:100%!important;min-width:0}
.il-single__gallery .woocommerce-product-gallery__image[hidden]{display:none!important}
.il-single__gallery .woocommerce-product-gallery__image a{
display:flex;align-items:center;justify-content:center;min-height:clamp(360px,42vw,610px);padding:22px;
background:radial-gradient(circle at 50% 28%,rgba(99,102,241,.055),transparent 43%),linear-gradient(180deg,#fff,#fbfdff);
cursor:zoom-in;
}
.il-single__gallery .woocommerce-product-gallery__image img{
display:block;width:100%!important;max-height:565px;object-fit:contain;object-position:center;border-radius:14px;
transition:transform .24s ease,filter .24s ease;
}
.il-single__gallery .woocommerce-product-gallery__image a:hover img{transform:scale(1.012);filter:saturate(1.035)}
.il-single__gallery .flex-control-thumbs,.il-single__gallery .flex-direction-nav{display:none!important}
.ilb-gallery-toolbar{
position:absolute;z-index:8;right:14px;top:14px;display:flex;align-items:center;gap:7px;padding:6px;
border:1px solid rgba(255,255,255,.76);border-radius:999px;background:rgba(15,23,42,.72);
box-shadow:0 12px 30px rgba(15,23,42,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.ilb-gallery-toolbar.is-single .ilb-gallery-nav{display:none}
.ilb-gallery-nav{
appearance:none;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;
color:#fff;background:rgba(255,255,255,.10);font:inherit;cursor:pointer;
transition:background .18s ease,transform .18s ease,opacity .18s ease;
}
.ilb-gallery-nav span{display:block;font-size:25px;line-height:1;transform:translateY(-1px)}
.ilb-gallery-nav:hover{background:rgba(255,255,255,.20);transform:scale(1.04)}
.ilb-gallery-count{min-width:46px;color:#fff;font-size:12px;font-weight:900;letter-spacing:.02em;text-align:center}
.ilb-gallery-thumbs{
display:grid;grid-auto-flow:column;grid-auto-columns:minmax(72px,92px);justify-content:start;gap:10px;width:100%;
margin-top:12px;padding:3px 1px 6px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scroll-snap-type:x proximity;
}
.ilb-gallery-thumb{
appearance:none;position:relative;display:block;width:100%;aspect-ratio:1/1;padding:5px;border:1px solid var(--il-border);
border-radius:15px;background:rgba(255,255,255,.78);box-shadow:0 6px 16px rgba(15,23,42,.045);cursor:pointer;
scroll-snap-align:start;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease;
}
.ilb-gallery-thumb::after{content:"";position:absolute;inset:3px;border:2px solid transparent;border-radius:11px;pointer-events:none}
.ilb-gallery-thumb:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--il-primary) 42%,var(--il-border));background:#fff}
.ilb-gallery-thumb.is-active,.ilb-gallery-thumb[aria-selected="true"]{
border-color:color-mix(in srgb,var(--il-primary) 72%,var(--il-border));background:#fff;
box-shadow:0 0 0 3px color-mix(in srgb,var(--il-primary) 10%,transparent),0 10px 22px rgba(15,23,42,.08);
}
.ilb-gallery-thumb.is-active::after,.ilb-gallery-thumb[aria-selected="true"]::after{border-color:color-mix(in srgb,var(--il-primary) 48%,transparent)}
.ilb-gallery-thumb img{display:block;width:100%!important;height:100%!important;object-fit:cover;border-radius:10px}
/* Quantity selector retained from 8.1.6. */
.il-buybox__cart form.cart:not(.grouped_form){display:grid;grid-template-columns:1fr;gap:11px;width:100%}
.il-buybox__cart .ilb-qty-shell{
display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;width:100%;min-height:64px;padding:9px 10px 9px 14px;
border:1px solid color-mix(in srgb,var(--il-border) 84%,transparent);border-radius:18px;
background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(248,250,252,.78));
box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 8px 20px rgba(15,23,42,.045);
}
.ilb-qty-label{color:var(--il-muted);font-size:12px;font-weight:900;letter-spacing:.045em;text-transform:uppercase}
.il-buybox__cart .quantity.ilb-qty-enhanced{
display:grid!important;grid-template-columns:38px minmax(46px,62px) 38px;align-items:center;gap:4px;width:auto!important;
margin:0!important;padding:4px;border:1px solid color-mix(in srgb,var(--il-primary) 17%,var(--il-border));
border-radius:15px;background:#fff;box-shadow:0 6px 16px rgba(15,23,42,.055);overflow:visible;
}
.il-buybox__cart .quantity.ilb-qty-enhanced input.qty{
appearance:textfield;-moz-appearance:textfield;width:100%!important;min-width:0!important;height:38px;margin:0!important;
padding:0 4px!important;border:0!important;border-radius:10px!important;outline:0!important;color:var(--il-text);
background:transparent!important;box-shadow:none!important;font-size:15px;font-weight:950;text-align:center;
}
.il-buybox__cart .quantity.ilb-qty-enhanced input.qty::-webkit-outer-spin-button,
.il-buybox__cart .quantity.ilb-qty-enhanced input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ilb-qty-btn{
appearance:none;display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:11px;color:var(--il-text);
background:color-mix(in srgb,var(--il-primary) 7%,#fff);font:inherit;font-size:21px;font-weight:850;line-height:1;cursor:pointer;
transition:background .16s ease,color .16s ease,transform .16s ease,opacity .16s ease;
}
.ilb-qty-btn:hover:not(:disabled){color:#fff;background:var(--il-primary);transform:translateY(-1px)}
.ilb-qty-btn:disabled{opacity:.34;cursor:not-allowed}
.il-buybox__cart .single_add_to_cart_button{min-height:52px;border-radius:15px!important;font-weight:900!important;box-shadow:0 12px 28px color-mix(in srgb,var(--il-primary) 18%,transparent)}
/* True modal: hidden until JS opens it; no URL or browser-history navigation. */
.ilb-lb[hidden]{display:none!important}
.ilb-lb:not([hidden]){display:flex;animation:ilb-lb-in .18s ease-out both}
.ilb-lb__stage{isolation:isolate}
.ilb-lb__btn,.ilb-lb__nav{z-index:2;box-shadow:0 10px 28px rgba(0,0,0,.28)}
.ilb-lb__btn{font-size:0}
.ilb-lb__btn span{font-size:31px;line-height:1;transform:translateY(-1px)}
.ilb-lb__nav span{font-size:38px;line-height:1}
.ilb-lb__btn:focus-visible,.ilb-lb__nav:focus-visible{outline:3px solid #fff;outline-offset:3px}
body.ilb-lb-open{overscroll-behavior:none}
@keyframes ilb-lb-in{from{opacity:0}to{opacity:1}}
body.ilb-rtl .ilb-gallery-toolbar{right:auto;left:14px}
body.ilb-rtl .ilb-qty-label{text-align:right}
body.ilb-rtl .ilb-lb__btn{right:auto;left:16px}
@media (max-width:700px){
.il-single__gallery{padding:11px;border-radius:20px}
.il-single__gallery .woocommerce-product-gallery__wrapper{border-radius:17px}
.il-single__gallery .woocommerce-product-gallery__image a{min-height:300px;padding:13px}
.ilb-gallery-toolbar{top:9px;right:9px}
body.ilb-rtl .ilb-gallery-toolbar{right:auto;left:9px}
.ilb-gallery-thumbs{grid-auto-columns:70px;gap:8px;margin-top:9px}
.il-buybox__cart .ilb-qty-shell{grid-template-columns:1fr;padding-left:11px;padding-right:11px}
.ilb-qty-label{text-align:start}
.il-buybox__cart .quantity.ilb-qty-enhanced{width:100%!important;grid-template-columns:42px minmax(0,1fr) 42px}
.ilb-lb{padding:10px}
.ilb-lb__stage{height:calc(100dvh - 20px);border-radius:18px}
.ilb-lb__btn{top:10px;right:10px}
body.ilb-rtl .ilb-lb__btn{right:auto;left:10px}
.ilb-lb__prev{left:8px}.ilb-lb__next{right:8px}
}
@media (prefers-reduced-motion:reduce){
.ilb-lb:not([hidden]){animation:none}
.il-single__gallery .woocommerce-product-gallery__image img,.ilb-gallery-thumb,.ilb-gallery-nav{transition:none}
}
/* =========================================================
v8.1.8 — Full-width Compatibility & Requirements table
========================================================= */
.il-single__compatibility{
position:relative;
padding:clamp(20px,3vw,34px);
border-radius:calc(var(--il-radius) + 6px);
overflow:hidden;
background:
radial-gradient(circle at 4% 0%,color-mix(in srgb,var(--il-primary) 10%,transparent),transparent 34%),
linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,250,252,.92));
box-shadow:0 20px 55px rgba(15,23,42,.075);
}
.il-single__compatibility::before{
content:"";position:absolute;inset:0 0 auto;height:3px;
background:linear-gradient(90deg,var(--il-primary),var(--il-accent),transparent 88%);
}
.il-single__compatibility-head{
display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;
}
.il-single__compatibility-heading{display:flex;align-items:center;gap:15px;min-width:0}
.il-single__compatibility-icon{
flex:0 0 auto;display:grid;place-items:center;width:52px;height:52px;border-radius:17px;
color:#fff;background:linear-gradient(145deg,var(--il-primary),color-mix(in srgb,var(--il-primary) 68%,#111827));
box-shadow:0 12px 28px color-mix(in srgb,var(--il-primary) 25%,transparent);
}
.il-single__compatibility-icon svg{display:block;width:27px;height:27px;fill:currentColor}
.il-single__compatibility-heading h2{margin:0;color:var(--il-text);font-size:clamp(20px,2.2vw,28px);font-weight:950;letter-spacing:-.025em}
.il-single__compatibility-heading p{margin:5px 0 0;color:var(--il-muted);font-size:14px;font-weight:650;line-height:1.55}
.il-single__compatibility-count{
flex:0 0 auto;padding:8px 12px;border:1px solid color-mix(in srgb,var(--il-primary) 18%,var(--il-border));
border-radius:999px;color:var(--il-primary);background:color-mix(in srgb,var(--il-primary) 6%,#fff);
font-size:12px;font-weight:900;white-space:nowrap;
}
.il-single__compatibility-table-wrap{
width:100%;border:1px solid color-mix(in srgb,var(--il-border) 82%,transparent);border-radius:19px;
background:rgba(255,255,255,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 12px 32px rgba(15,23,42,.045);overflow:hidden;
}
.il-single__compatibility-table{width:100%;margin:0;border:0;border-collapse:separate;border-spacing:0;table-layout:fixed}
.il-single__compatibility-table thead th{
padding:13px 18px;border:0;color:rgba(255,255,255,.82);background:#111827;
font-size:11px;font-weight:900;letter-spacing:.075em;text-align:start;text-transform:uppercase;
}
.il-single__compatibility-table thead th:first-child{width:38%}
.il-single__compatibility-table tbody tr{transition:background .18s ease,transform .18s ease}
.il-single__compatibility-table tbody tr:nth-child(even){background:rgba(248,250,252,.78)}
.il-single__compatibility-table tbody tr:hover{background:color-mix(in srgb,var(--il-primary) 4.5%,#fff)}
.il-single__compatibility-table tbody th,
.il-single__compatibility-table tbody td{
padding:16px 18px;border:0;border-bottom:1px solid color-mix(in srgb,var(--il-border) 74%,transparent);
color:var(--il-text);font-size:14px;line-height:1.55;text-align:start;vertical-align:middle;overflow-wrap:anywhere;
}
.il-single__compatibility-table tbody tr:last-child th,
.il-single__compatibility-table tbody tr:last-child td{border-bottom:0}
.il-single__compatibility-table tbody th{font-weight:850}
.il-single__compatibility-table tbody td{position:relative;padding-inline-start:42px;color:color-mix(in srgb,var(--il-text) 83%,var(--il-muted));font-weight:650}
.il-single__compatibility-row-index{
display:inline-grid;place-items:center;width:26px;height:26px;margin-inline-end:10px;border-radius:9px;
color:var(--il-primary);background:color-mix(in srgb,var(--il-primary) 8%,#fff);font-size:11px;font-weight:950;
box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--il-primary) 13%,transparent);
}
.il-single__compatibility-status{
position:absolute;inset-inline-start:19px;top:50%;width:9px;height:9px;border-radius:50%;
background:var(--il-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--il-accent) 12%,transparent);transform:translateY(-50%);
}
.il-single__compatibility-empty{
margin:0;padding:20px;border:1px dashed var(--il-border);border-radius:16px;color:var(--il-muted);background:rgba(255,255,255,.58);font-weight:650;
}
@media (max-width:700px){
.ilb-product-tabs__nav{grid-template-columns:repeat(2,minmax(0,1fr))}
.il-single__compatibility{padding:16px;border-radius:20px}
.il-single__compatibility-head{align-items:flex-start;margin-bottom:16px}
.il-single__compatibility-icon{width:44px;height:44px;border-radius:14px}
.il-single__compatibility-heading p{font-size:13px}
.il-single__compatibility-count{display:none}
.il-single__compatibility-table-wrap{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.il-single__compatibility-table,.il-single__compatibility-table tbody,
.il-single__compatibility-table tr,.il-single__compatibility-table th,.il-single__compatibility-table td{display:block;width:100%}
.il-single__compatibility-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap;border:0}
.il-single__compatibility-table tbody{display:grid;gap:10px}
.il-single__compatibility-table tbody tr{
padding:14px;border:1px solid color-mix(in srgb,var(--il-border) 82%,transparent);border-radius:16px;
background:rgba(255,255,255,.82)!important;box-shadow:0 8px 20px rgba(15,23,42,.045);
}
.il-single__compatibility-table tbody th,.il-single__compatibility-table tbody td{padding:0;border:0}
.il-single__compatibility-table tbody th{display:flex;align-items:center;font-size:14px}
.il-single__compatibility-table tbody td{margin-top:9px;padding-top:10px;padding-inline-start:23px;border-top:1px solid color-mix(in srgb,var(--il-border) 65%,transparent);font-size:13px}
.il-single__compatibility-status{inset-inline-start:3px;top:17px;width:8px;height:8px;transform:none}
}
@media (max-width:420px){
.il-single__compatibility-heading{align-items:flex-start;gap:11px}
.il-single__compatibility-heading h2{font-size:19px}
.il-single__compatibility-icon{width:40px;height:40px}
.ilb-product-tabs__nav{grid-template-columns:1fr}
}
/* =========================================================
v8.1.9 — Media-only gallery + unified buybox feature cards
========================================================= */
/* Navigation now occupies its own row between the large stage and thumbs. */
.ilb-gallery-toolbar{
position:relative;
inset:auto;
z-index:2;
width:max-content;
max-width:100%;
margin:12px auto 0;
justify-content:center;
background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(30,41,59,.82));
border-color:rgba(255,255,255,.72);
}
body.ilb-rtl .ilb-gallery-toolbar{inset:auto;margin-inline:auto}
.ilb-gallery-thumbs{margin-top:10px}
/* The gallery card is intentionally media-only. Legacy trust/screenshot rows
are suppressed as a defensive fallback for cached or third-party markup. */
.il-single__gallery>.il-single__trust,
.il-single__gallery>.il-shotgrid{display:none!important}
.il-buybox__features{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
width:100%;
margin-top:16px;
padding-top:16px;
border-top:1px solid color-mix(in srgb,var(--il-border) 72%,transparent);
}
.il-buybox__feature{
--ilb-feature-color:var(--il-primary);
position:relative;
display:flex;
align-items:center;
gap:11px;
min-width:0;
min-height:82px;
padding:13px;
border:1px solid color-mix(in srgb,var(--ilb-feature-color) 17%,var(--il-border));
border-radius:18px;
background:
radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--ilb-feature-color) 10%,transparent),transparent 50%),
linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,250,252,.78));
box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 22px rgba(15,23,42,.05);
overflow:hidden;
transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.il-buybox__feature::before{
content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--ilb-feature-color);opacity:.82;
}
body.ilb-rtl .il-buybox__feature::before{inset:0 0 0 auto}
.il-buybox__feature:hover{
transform:translateY(-2px);
border-color:color-mix(in srgb,var(--ilb-feature-color) 34%,var(--il-border));
box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 13px 28px rgba(15,23,42,.08);
}
.il-buybox__feature--2{--ilb-feature-color:#7c3aed}
.il-buybox__feature--3{--ilb-feature-color:#0891b2}
.il-buybox__feature--4{--ilb-feature-color:#059669}
.il-buybox__feature--5{--ilb-feature-color:#d97706}
.il-buybox__feature:last-child:nth-child(odd){grid-column:1 / -1}
.il-buybox__feature-icon{
flex:0 0 auto;
display:grid;
place-items:center;
width:38px;
height:38px;
border-radius:13px;
color:#fff;
background:linear-gradient(145deg,var(--ilb-feature-color),color-mix(in srgb,var(--ilb-feature-color) 72%,#111827));
box-shadow:0 8px 18px color-mix(in srgb,var(--ilb-feature-color) 24%,transparent);
}
.il-buybox__feature-icon svg{display:block;width:20px;height:20px;fill:currentColor}
.il-buybox__feature-copy{display:block;min-width:0}
.il-buybox__feature-copy strong{
display:block;margin:0;color:var(--il-text);font-size:13px;font-weight:950;line-height:1.3;overflow-wrap:anywhere;
}
.il-buybox__feature-copy>span{
display:block;margin-top:4px;color:var(--il-muted);font-size:11.5px;font-weight:720;line-height:1.45;overflow-wrap:anywhere;
}
@media (max-width:980px){
.il-buybox__features{grid-template-columns:repeat(2,minmax(0,1fr))}
.il-buybox__feature:last-child:nth-child(odd),
.il-buybox__feature:nth-last-child(1):nth-child(5){grid-column:1 / -1}
}
@media (max-width:700px){
.ilb-gallery-toolbar{margin-top:9px}
.ilb-gallery-thumbs{margin-top:8px}
.il-buybox__features{grid-template-columns:repeat(2,minmax(0,1fr))}
.il-buybox__feature:nth-last-child(1):nth-child(5){grid-column:1 / -1}
}
@media (max-width:420px){
.il-buybox__features{grid-template-columns:1fr}
.il-buybox__feature,.il-buybox__feature:nth-last-child(1):nth-child(5){grid-column:auto}
.il-buybox__feature{min-height:74px}
}
@media (prefers-reduced-motion:reduce){.il-buybox__feature{transition:none}}
/* =========================================================
v8.1.10 — Full-bleed gallery stage (override Woo 48% float)
========================================================= */
.il-single__gallery{
padding:0;
overflow:hidden;
}
.il-single__gallery .il-wc-gallery{
display:block;
width:100%;
height:auto;
min-height:0;
}
body.woocommerce div.product .il-single__gallery div.images.woocommerce-product-gallery,
body.woocommerce-page div.product .il-single__gallery div.images.woocommerce-product-gallery,
.il-single__gallery .woocommerce-product-gallery{
float:none!important;
clear:both!important;
display:block!important;
width:100%!important;
max-width:100%!important;
height:auto!important;
margin:0!important;
}
.il-single__gallery .woocommerce-product-gallery__wrapper{
width:100%!important;
max-width:100%!important;
border:0;
border-radius:inherit;
box-shadow:none;
}
.il-single__gallery .woocommerce-product-gallery__image,
.il-single__gallery .woocommerce-product-gallery__image a{
width:100%!important;
max-width:100%!important;
}
.il-single__gallery .woocommerce-product-gallery__image a{
min-height:clamp(420px,45vw,680px);
border-radius:inherit;
}
.il-single__gallery .woocommerce-product-gallery__image img{
width:100%!important;
max-width:100%!important;
max-height:630px;
}
.il-single__gallery .ilb-gallery-toolbar{margin-top:14px}
.il-single__gallery .ilb-gallery-thumbs{
width:calc(100% - 28px);
margin:10px 14px 0;
padding-bottom:14px;
}
@media (max-width:700px){
.il-single__gallery{padding:0}
.il-single__gallery .woocommerce-product-gallery__wrapper{border-radius:inherit}
.il-single__gallery .woocommerce-product-gallery__image a{min-height:330px;padding:14px}
.il-single__gallery .ilb-gallery-toolbar{margin-top:10px}
.il-single__gallery .ilb-gallery-thumbs{width:calc(100% - 20px);margin:8px 10px 0;padding-bottom:10px}
}