/* SIIL CSS bundle 0.1.0: siil-blog-template siil-premium-footer siil-lffs-banner siil-header-search */
/* siil-blog-template */
:root{

  --ink:#0F0F0F;

  --muted:#6E6E73;

  --subtle:#AEAEB2;

  --hairline:rgba(15,15,15,.10);

  --hairline-soft:rgba(15,15,15,.06);

  --beige:#F5F2EB;

  --beige-deep:#EAE3D2;

  --bg:#FAFAF7;

  --ease:cubic-bezier(0.32, 0.72, 0, 1);

  --maxw:1080px;     /* tighter editorial */

  --article-w:720px;

  --aside-w:260px;

  --gap:56px;

}

*,*::before,*::after{box-sizing:border-box}

html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:"Albert Sans",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}

img{display:block;max-width:100%;height:auto}

a{color:inherit;text-decoration:none}

button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}

:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}







/* ─── Production: 2-col grid wrapping article body + lateral (injected via the_content filter) ───

   Viewport breakout pattern: parent Elementor column is constrained (col-50 = ~855px), so we use

   margin-left/right to escape sideways and max-width + auto margins to recenter at 1280px.

   FIX 2026-07-05: margin-left:50% centra sobre el CENTRO DEL PADRE, no del viewport. En la

   plantilla single boxed (contenedor 1140, columna 75% → padre ~835px con left = 50vw-560px)

   el padre NO está centrado → todo el grid quedaba ~142px a la izquierda y en pantallas

   <1500px el contenido se CORTABA por el borde izquierdo. Hay 2 variantes de plantilla:

   (A) padre estrecho ~835px (ES/FR/DE/EN-GB + posts EN nuevos) = rota; (B) padre full-width

   ≈100vw (algunos EN antiguos) = margin-left:50% ya es correcto. La container query de abajo

   aplica el anclaje fijo margin-left:560px (= 50vw − parent.left, cte. de la plantilla boxed)

   SOLO a la variante A (contenedor ≤940px); junto con translateX(-50%) centra en el viewport

   exacto para cualquier ancho ≥1181px (error ≤20px en 1025-1180, sin corte). */

.siil-blog-grid{

  display:grid;

  grid-template-columns:minmax(0,1fr) 280px;

  gap:88px;align-items:start;

  /* breakout */

  width:calc(100vw - 48px);

  max-width:1280px;

  margin-left:50%;

  transform:translateX(-50%);

  position:relative;

}

/* la widget-container del post pasa a ser container → distinguimos variante A/B por su ancho */

.elementor-widget-theme-post-content > .elementor-widget-container{container-type:inline-size}

@container (max-width:940px){

  .siil-blog-grid{margin-left:560px}

}

.siil-blog-article{min-width:0;max-width:none}



/* Sticky lateral — works because position:sticky containing block is nearest scroll ancestor,

   not affected by transform on grid parent */

.siil-blog-grid .siil-lateral{

  position:sticky;top:96px;align-self:flex-start;

  display:flex;flex-direction:column;gap:36px;

}



@media (max-width:1180px){

  .siil-blog-grid{grid-template-columns:minmax(0,1fr) 260px;gap:64px}

}

@media (max-width:1024px){

  .siil-blog-grid{

    display:block;

    width:auto;

    margin-left:0;

    transform:none;

  }

  .siil-blog-grid .siil-lateral{position:static;margin-top:48px;padding-top:32px;border-top:1px solid var(--hairline-soft);gap:24px}

  .siil-blog-grid .toc{display:none}

}



/* Let theme-post-content widget container expand */

.elementor-widget-theme-post-content .elementor-widget-container{max-width:none}



/* ─── Prototype-only 2-col layout (kept as-is) ─── */

.layout{

  max-width:var(--maxw);margin:0 auto;padding:48px 24px 0;

  display:grid;

  grid-template-columns:minmax(0,var(--article-w)) var(--aside-w);

  gap:var(--gap);align-items:start;

}



/* Article column */

.article{min-width:0}

.article__breadcrumb{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}

.article__breadcrumb a:hover{color:var(--ink)}

.article__h1{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(34px,4.6vw,46px);line-height:1.12;letter-spacing:-.01em;margin:0 0 18px}

.article__meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);margin-bottom:32px}

.article__meta-dot{width:3px;height:3px;border-radius:50%;background:var(--subtle)}

.article__body p{font-size:17px;line-height:1.75;color:#1a1a1a;margin:0 0 20px}

.article__body h2{

  font-family:"Cormorant Garamond",serif;font-weight:500;

  font-size:clamp(24px,3vw,30px);line-height:1.2;letter-spacing:-.005em;

  margin:48px 0 16px;

}

.article__body p:last-child{margin-bottom:0}



/* ─── LATERAL — single sticky widget, accompanying not protagonist ─── */

.lateral{

  position:sticky;top:96px;align-self:flex-start;

  display:flex;flex-direction:column;gap:32px;

}



/* Table of Contents */

.toc{padding-top:8px}

.toc__eye{

  font-size:11px;text-transform:uppercase;letter-spacing:.14em;

  color:var(--muted);font-weight:600;margin:0 0 14px;

  display:flex;align-items:center;gap:8px;

}

.toc__eye::before{content:"";width:18px;height:1px;background:currentColor}

.toc__list{list-style:none;padding:0;margin:0;border-left:1px solid var(--hairline)}

.toc__item{position:relative}

.toc__link{

  display:block;

  padding:8px 0 8px 16px;

  font-size:13px;line-height:1.45;color:var(--muted);

  letter-spacing:-.005em;

  transition:color .25s var(--ease);

  position:relative;

}

.toc__link::before{

  content:"";position:absolute;left:-1px;top:8px;bottom:8px;width:1px;

  background:var(--ink);transform:scaleY(0);transform-origin:center;

  transition:transform .35s var(--ease);

}

.toc__link:hover{color:var(--ink)}

.toc__link.is-active{color:var(--ink);font-weight:500}

.toc__link.is-active::before{transform:scaleY(1)}



/* Keep reading mini list (below TOC) */

.miniread__eye{

  font-size:11px;text-transform:uppercase;letter-spacing:.14em;

  color:var(--muted);font-weight:600;margin:0 0 14px;

  display:flex;align-items:center;gap:8px;

}

.miniread__eye::before{content:"";width:18px;height:1px;background:currentColor}

.miniread__list{list-style:none;padding:0;margin:0}

.miniread__item{

  display:flex;gap:12px;align-items:flex-start;

  padding:14px 0;

  border-top:1px solid var(--hairline-soft);

  transition:transform .25s var(--ease);

}

.miniread__item:first-child{border-top:0;padding-top:4px}

.miniread__item:hover{transform:translateX(2px)}

.miniread__thumb{

  flex:0 0 48px;width:48px;height:58px;border-radius:8px;overflow:hidden;

  background:var(--beige);

}

.miniread__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}

.miniread__item:hover .miniread__thumb img{transform:scale(1.06)}

.miniread__title{

  font-size:13px;line-height:1.4;font-weight:500;color:var(--ink);

  margin:0;letter-spacing:-.005em;

  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;

}

.miniread__meta{font-size:11px;color:var(--muted);margin:4px 0 0;letter-spacing:.02em}



/* ─── Shop SIIL — text-only category list ─── */

.shoplinks__eye{

  font-size:11px;text-transform:uppercase;letter-spacing:.14em;

  color:var(--muted);font-weight:600;margin:0 0 14px;

  display:flex;align-items:center;gap:8px;

}

.shoplinks__eye::before{content:"";width:18px;height:1px;background:currentColor}

.shoplinks__list{list-style:none;padding:0;margin:0}

.shoplinks__item{

  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;

  padding:14px 0;

  border-top:1px solid var(--hairline-soft);

  transition:transform .25s var(--ease);

  letter-spacing:-.005em;

}

.shoplinks__item:first-child{border-top:0}

.shoplinks__text{display:flex;flex-direction:column;gap:2px;min-width:0}

.shoplinks__title{

  font-size:14px;font-weight:500;color:var(--ink);

  line-height:1.3;letter-spacing:-.005em;

}

.shoplinks__desc{

  font-size:12px;color:var(--muted);

  line-height:1.4;letter-spacing:0;

  font-weight:400;

  transition:color .25s var(--ease);

}

.shoplinks__item svg{

  width:11px;height:11px;color:var(--subtle);

  flex:0 0 auto;margin-top:5px;

  transition:transform .3s var(--ease),color .25s var(--ease);

}

.shoplinks__item:hover{transform:translateX(3px)}

.shoplinks__item:hover svg{transform:translateX(3px);color:var(--ink)}

.shoplinks__item:hover .shoplinks__desc{color:var(--ink)}

.shoplinks__tail{

  display:inline-flex;align-items:center;gap:6px;

  margin-top:14px;

  font-size:12px;color:var(--muted);font-weight:500;

  border-bottom:1px solid var(--hairline);padding-bottom:1px;

  transition:color .25s var(--ease),gap .25s var(--ease);

}

.shoplinks__tail:hover{color:var(--ink);gap:8px}

.shoplinks__tail svg{width:11px;height:11px}



/* ─── Contextual product hero (small, per-article) ─── */

.lateralprod{

  display:flex;flex-direction:column;

  background:var(--beige);

  border-radius:14px;overflow:hidden;

  transition:transform .25s var(--ease),box-shadow .35s var(--ease);

}

.lateralprod:hover{

  transform:translateY(-2px);

  box-shadow:0 2px 4px rgba(15,15,15,.04),0 12px 28px rgba(15,15,15,.08);

}

.lateralprod__media{aspect-ratio:5/6;background:var(--beige-deep);overflow:hidden;position:relative}

.lateralprod__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}

.lateralprod:hover .lateralprod__media img{transform:scale(1.04)}

.lateralprod__tag{

  position:absolute;top:10px;left:10px;

  background:rgba(255,255,255,.94);backdrop-filter:blur(8px);

  padding:4px 9px;border-radius:999px;

  font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;

  color:var(--ink);

}

.lateralprod__body{padding:14px 14px 16px}

.lateralprod__cat{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin:0 0 4px;font-weight:600}

.lateralprod__title{font-family:"Albert Sans",sans-serif;font-weight:600;font-size:14px;line-height:1.3;margin:0 0 10px;letter-spacing:-.005em;color:var(--ink)}

.lateralprod__priceline{display:flex;align-items:center;justify-content:space-between;gap:10px}

.lateralprod__price{font-size:13px;font-weight:600;color:var(--ink)}

.lateralprod__cta{

  display:inline-flex;align-items:center;gap:4px;

  font-size:12px;font-weight:500;color:var(--ink);

  border-bottom:1px solid var(--ink);padding-bottom:1px;

  transition:gap .25s var(--ease);

}

.lateralprod__cta:hover{gap:6px}

.lateralprod__cta svg{width:10px;height:10px}



/* ─── Reading progress bar (top of page, ink fills on scroll) ─── */

.progress{

  position:fixed;top:0;left:0;right:0;height:2px;

  background:transparent;

  z-index:300;pointer-events:none;

}

.progress__bar{

  height:100%;width:0;

  background:var(--ink);

  transform-origin:left center;

  will-change:width;

  transition:width .12s linear;

}



/* ─── Featured image hero (opt-in via .has-hero on article) ─── */

.article__hero{

  margin:0 0 32px;

  border-radius:14px;overflow:hidden;

  background:var(--beige);

  aspect-ratio:16/9;max-height:320px;

}

.article__hero img{width:100%;height:100%;object-fit:cover;display:block}

.article__hero-cap{

  font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:400;

  font-size:13px;color:var(--muted);

  margin:8px 0 0;line-height:1.4;text-align:center;

}



/* ─── Inline product callout (mid-article, opt-in) ─── */

/* USAGE: <aside class="siil-inline-product" data-pid="123"><img/><div>...</div></aside> */

.siil-inline-product{

  display:flex;gap:18px;align-items:center;

  margin:32px 0;

  padding:14px;

  background:var(--beige);

  border-radius:16px;

  text-decoration:none;color:inherit;

  transition:transform .25s var(--ease),box-shadow .35s var(--ease);

}

.siil-inline-product:hover{

  transform:translateY(-2px);

  box-shadow:0 2px 4px rgba(15,15,15,.04),0 12px 28px rgba(15,15,15,.08);

}

.siil-inline-product__media{

  flex:0 0 96px;width:96px;height:120px;

  border-radius:10px;overflow:hidden;background:var(--beige-deep);

}

.siil-inline-product__media img{width:100%;height:100%;object-fit:cover}

.siil-inline-product__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}

.siil-inline-product__eye{

  font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:600;margin:0;

}

.siil-inline-product__title{

  font-family:"Albert Sans",sans-serif;font-weight:600;font-size:16px;line-height:1.3;margin:0;color:var(--ink);

}

.siil-inline-product__sub{font-size:13px;color:var(--muted);line-height:1.45;margin:2px 0 0}

.siil-inline-product__priceline{

  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;

}

.siil-inline-product__price{font-weight:600;font-size:14px;color:var(--ink)}

.siil-inline-product__cta{

  display:inline-flex;align-items:center;gap:4px;

  font-size:12px;font-weight:500;color:var(--ink);

  border-bottom:1px solid var(--ink);padding-bottom:1px;

  transition:gap .25s var(--ease);

}

.siil-inline-product__cta svg{width:10px;height:10px}

.siil-inline-product:hover .siil-inline-product__cta{gap:6px}



/* ─── Pull quote (opt-in via blockquote.siil-pull) ─── */

.article__body blockquote.siil-pull{

  margin:40px 0;

  padding:0 0 0 24px;

  border-left:2px solid var(--ink);

  font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:500;

  font-size:clamp(22px,2.6vw,28px);line-height:1.35;

  color:var(--ink);letter-spacing:-.005em;

}

.article__body blockquote.siil-pull cite{

  display:block;

  font-family:"Albert Sans",sans-serif;font-style:normal;font-weight:500;

  font-size:12px;color:var(--muted);

  text-transform:uppercase;letter-spacing:.12em;

  margin-top:14px;

}



/* ─── Callout box (opt-in via aside.siil-callout) ─── */

.article__body aside.siil-callout{

  margin:32px 0;

  padding:24px 28px;

  background:var(--beige);

  border-radius:14px;

  border-left:2px solid var(--ink);

}

.article__body aside.siil-callout .siil-callout__eye{

  font-size:11px;text-transform:uppercase;letter-spacing:.14em;

  color:var(--muted);font-weight:600;margin:0 0 8px;

}

.article__body aside.siil-callout p{

  font-size:15px;line-height:1.65;margin:0 0 12px;color:#1a1a1a;

}

.article__body aside.siil-callout p:last-child{margin-bottom:0}

.article__body aside.siil-callout strong{color:var(--ink);font-weight:600}



/* Article tail (share row) — sits inside article col */

.tailrow{

  margin:48px 0 0;

  display:flex;align-items:center;gap:18px;

  padding:18px 0;

  border-top:1px solid var(--hairline);

  border-bottom:1px solid var(--hairline);

}

.tailrow__label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:500}

.tailrow__share{display:flex;gap:6px;margin-left:auto}

.share-btn{

  width:36px;height:36px;border-radius:999px;

  border:1px solid var(--hairline);background:#fff;

  display:inline-flex;align-items:center;justify-content:center;

  transition:transform .25s var(--ease),box-shadow .25s var(--ease);

  color:var(--ink);

}

.share-btn:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(15,15,15,.06),0 8px 18px rgba(15,15,15,.08)}

.share-btn:active{transform:translateY(-1px) scale(.985)}

.share-btn svg{width:15px;height:15px}



/* Containers shared by full-width bottom blocks */

.bottom{padding:0 24px}

.bottom__wrap{max-width:var(--maxw);margin:0 auto}



/* Section heads */

.section-head{

  margin:0 auto 32px;

  display:flex;align-items:flex-end;justify-content:space-between;gap:24px;

  padding:0 4px;

}

.section-head__title{

  font-family:"Cormorant Garamond",serif;font-weight:500;font-style:italic;

  font-size:clamp(28px,3.6vw,36px);margin:0;letter-spacing:-.005em;line-height:1.15;

}

.section-head__sub{font-size:13px;color:var(--muted);margin:6px 0 0}

.section-head__link{

  font-size:13px;color:var(--ink);font-weight:500;

  display:inline-flex;align-items:center;gap:6px;white-space:nowrap;

  transition:color .2s var(--ease);

}

.section-head__link svg{width:13px;height:13px;transition:transform .3s var(--ease)}

.section-head__link:hover{color:var(--muted)}

.section-head__link:hover svg{transform:translateX(4px)}



/* ─────────────────────────────────────────────────────────────

   BLOCK 1 · Related articles

   ───────────────────────────────────────────────────────────── */

.related{margin:80px auto 96px;max-width:var(--maxw)}

.related__grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}

.card{

  display:flex;flex-direction:column;

  background:#fff;border-radius:18px;overflow:hidden;

  border:1px solid var(--hairline-soft);

  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease);

  position:relative;isolation:isolate;

}

.card::after{

  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;

  border:1px solid transparent;transition:border-color .3s var(--ease);

}

.card:hover{

  transform:translateY(-3px);

  box-shadow:0 2px 4px rgba(15,15,15,.04),0 16px 36px rgba(15,15,15,.1);

  border-color:transparent;

}

.card:hover::after{border-color:var(--hairline)}

.card__media{aspect-ratio:5/6;background:var(--beige);position:relative;overflow:hidden}

.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}

.card:hover .card__media img{transform:scale(1.04)}

.card__pill{

  position:absolute;top:14px;left:14px;

  background:rgba(255,255,255,.96);backdrop-filter:blur(12px);

  border:1px solid rgba(255,255,255,.6);

  padding:6px 12px;border-radius:999px;

  font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);

}

.card__body{padding:22px 22px 26px;display:flex;flex-direction:column;flex:1}

.card__cat{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-weight:600;margin:0 0 10px}

.card__title{font-family:"Albert Sans",sans-serif;font-weight:600;font-size:18px;line-height:1.3;color:var(--ink);margin:0 0 10px;letter-spacing:-.005em}

.card__excerpt{font-size:14px;color:var(--muted);line-height:1.5;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.card__foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;border-top:1px solid var(--hairline-soft)}

.card__read{font-size:12px;color:var(--muted)}

.card__arrow{

  width:32px;height:32px;border-radius:50%;

  background:var(--ink);color:#fff;

  display:inline-flex;align-items:center;justify-content:center;

  transition:transform .3s var(--ease);

}

.card__arrow svg{width:13px;height:13px;transition:transform .3s var(--ease)}

.card:hover .card__arrow svg{transform:translateX(2px)}



/* ─────────────────────────────────────────────────────────────

   BLOCK 2 · Featured products

   ───────────────────────────────────────────────────────────── */

.products{margin:0 auto 96px;max-width:var(--maxw)}

.products__grid{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}

.product{

  display:flex;flex-direction:column;

  background:#fff;border-radius:18px;overflow:hidden;

  border:1px solid var(--hairline-soft);

  transition:transform .35s var(--ease),box-shadow .35s var(--ease);

  position:relative;

}

.product:hover{

  transform:translateY(-3px);

  box-shadow:0 2px 4px rgba(15,15,15,.04),0 16px 36px rgba(15,15,15,.1);

}

.product__media{aspect-ratio:5/6;background:var(--beige);position:relative;overflow:hidden}

.product__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}

.product:hover .product__media img{transform:scale(1.04)}

.product__badge{

  position:absolute;top:12px;left:12px;

  background:var(--ink);color:#fff;

  font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;

  padding:5px 10px;border-radius:999px;

}

.product__badge--alt{background:#fff;color:var(--ink);border:1px solid var(--hairline)}

.product__fav{

  position:absolute;top:12px;right:12px;

  width:34px;height:34px;border-radius:50%;

  background:rgba(255,255,255,.92);backdrop-filter:blur(12px);

  border:1px solid rgba(255,255,255,.6);

  display:inline-flex;align-items:center;justify-content:center;

  transition:transform .25s var(--ease);color:var(--ink);

}

.product__fav:hover{transform:scale(1.08)}

.product__fav svg{width:14px;height:14px}

.product__body{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1;gap:10px}

.product__cat{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:0}

.product__title{font-family:"Albert Sans",sans-serif;font-weight:600;font-size:15px;margin:0;color:var(--ink);line-height:1.35;letter-spacing:-.005em}

.product__swatches{display:flex;gap:6px;margin:2px 0 0}

.swatch{

  width:18px;height:18px;border-radius:50%;

  border:1px solid var(--hairline);

  transition:transform .25s var(--ease);cursor:pointer;

}

.swatch:hover{transform:scale(1.12)}

.swatch[data-active="1"]{

  box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ink);

  filter:drop-shadow(0 2px 4px rgba(15,15,15,.1)) drop-shadow(0 8px 12px rgba(15,15,15,.18));

  transform:translateY(-1px);

}

.swatch--beige{background:#E8DDC4}

.swatch--black{background:#1a1a1a}

.swatch--cream{background:#F5EFE0}

.swatch--charcoal{background:#3a3a3a}

.swatch--mauve{background:#A88B98}

.product__priceline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid var(--hairline-soft)}

.product__price{font-weight:600;font-size:16px;color:var(--ink);letter-spacing:-.005em}

.product__price-strike{color:var(--subtle);font-weight:400;text-decoration:line-through;font-size:13px;margin-right:6px}

.product__cta{

  width:36px;height:36px;border-radius:50%;

  background:var(--ink);color:#fff;

  display:inline-flex;align-items:center;justify-content:center;

  transition:transform .25s var(--ease),box-shadow .25s var(--ease);

  flex:0 0 auto;

}

.product__cta:hover{

  transform:translateY(-2px);

  box-shadow:0 2px 4px rgba(15,15,15,.1),0 8px 18px rgba(15,15,15,.22);

}

.product__cta:active{transform:translateY(-1px) scale(.985)}

.product__cta svg{width:14px;height:14px}



/* ─────────────────────────────────────────────────────────────

   BLOCK 3 · Email signup HERO — closes the section · NO GREEN

   ───────────────────────────────────────────────────────────── */

.signup{

  position:relative;

  margin:0 auto 64px;max-width:var(--maxw);

  padding:64px 32px;

  border-radius:28px;

  background:

    radial-gradient(at 18% 20%,rgba(15,15,15,.04) 0,transparent 45%),

    radial-gradient(at 82% 80%,rgba(234,227,210,.6) 0,transparent 55%),

    var(--beige);

  overflow:hidden;isolation:isolate;

}

.signup::before{

  content:"";position:absolute;inset:0;pointer-events:none;

  background:radial-gradient(at 50% 0%,rgba(255,255,255,.5) 0,transparent 60%);

}

.signup__card{

  position:relative;z-index:1;

  max-width:620px;margin:0 auto;text-align:center;

  background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.93) 100%);

  backdrop-filter:blur(32px) saturate(1.6);

  -webkit-backdrop-filter:blur(32px) saturate(1.6);

  border:1px solid rgba(255,255,255,.6);

  border-radius:20px;padding:44px 36px;

  box-shadow:

    0 1px 2px rgba(15,15,15,.04),

    0 12px 28px rgba(15,15,15,.06),

    0 28px 80px rgba(15,15,15,.08);

}

.signup__eyebrow{

  display:inline-flex;align-items:center;gap:8px;

  font-size:11px;text-transform:uppercase;letter-spacing:.14em;

  color:var(--muted);font-weight:600;margin-bottom:14px;

}

.signup__eyebrow::before,.signup__eyebrow::after{content:"";width:24px;height:1px;background:currentColor;display:inline-block}

.signup__title{

  font-family:"Cormorant Garamond",serif;font-weight:500;font-style:italic;

  font-size:clamp(32px,4.5vw,42px);line-height:1.1;

  letter-spacing:-.005em;margin:0 0 8px;

}

.signup__discount{

  font-family:"Albert Sans",sans-serif;font-style:normal;font-weight:600;

  display:block;font-size:clamp(18px,2.4vw,24px);color:var(--ink);margin-top:6px;

}

.signup__sub{font-size:15px;color:var(--muted);margin:14px auto 28px;max-width:440px;line-height:1.55}

.signup__form{

  display:flex;gap:8px;max-width:460px;margin:0 auto;

  background:#fff;border:1px solid var(--hairline);border-radius:999px;padding:6px;

  box-shadow:0 1px 1px rgba(15,15,15,.03),0 1px 3px rgba(15,15,15,.04);

  transition:box-shadow .25s var(--ease),border-color .25s var(--ease);

}

.signup__form:focus-within{

  border-color:rgba(15,15,15,.25);

  box-shadow:0 1px 1px rgba(15,15,15,.04),0 4px 14px rgba(15,15,15,.08);

}

.signup__email{

  flex:1 1 auto;min-width:0;

  border:0;outline:0;background:transparent;

  padding:14px 16px;font-size:15px;color:var(--ink);font-family:inherit;

}

.signup__email::placeholder{color:var(--subtle)}

.signup__btn{

  flex:0 0 auto;background:var(--ink);color:#fff;

  border-radius:999px;padding:14px 24px;

  font-weight:600;font-size:14px;letter-spacing:.01em;

  transition:transform .25s var(--ease),box-shadow .25s var(--ease);

  display:inline-flex;align-items:center;gap:8px;

}

.signup__btn:hover{

  transform:translateY(-2px);

  box-shadow:0 2px 4px rgba(15,15,15,.1),0 8px 18px rgba(15,15,15,.22);

}

.signup__btn:active{transform:translateY(-1px) scale(.985)}

.signup__btn svg{width:14px;height:14px;transition:transform .3s var(--ease)}

.signup__btn:hover svg{transform:translateX(3px)}

.signup__fineprint{font-size:11px;color:var(--subtle);margin-top:14px;letter-spacing:.02em}

.signup__fineprint a{text-decoration:underline;text-decoration-color:var(--hairline);text-underline-offset:3px}

.signup__fineprint a:hover{color:var(--muted)}



/* Toast — INK indicator (no green) */

.signup__toast{

  position:absolute;left:50%;bottom:24px;transform:translateX(-50%) translateY(40px);

  background:var(--ink);color:#fff;

  padding:12px 22px;border-radius:999px;

  font-size:13px;font-weight:500;

  display:inline-flex;align-items:center;gap:10px;

  opacity:0;pointer-events:none;

  transition:opacity .3s var(--ease),transform .4s var(--ease);

  box-shadow:0 8px 24px rgba(15,15,15,.2);

}

.signup__toast.is-on{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}

.signup__toast::before{

  content:"";width:18px;height:18px;border-radius:50%;

  background:#fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><path d="M1.5 5.2 4 7.5 8.5 2.5" fill="none" stroke="black" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/12px no-repeat;

}



/* ─── Final tiny outro link ─── */

.outro-mini{

  max-width:var(--maxw);margin:0 auto 64px;

  padding:32px 24px 0;text-align:center;

  border-top:1px solid var(--hairline);

}

.outro-mini__link{

  display:inline-flex;align-items:center;gap:8px;

  font-size:13px;color:var(--muted);font-weight:500;

  transition:color .25s var(--ease);

}

.outro-mini__link:hover{color:var(--ink)}

.outro-mini__link svg{width:12px;height:12px;transition:transform .3s var(--ease)}

.outro-mini__link:hover svg{transform:translateX(4px)}



/* ─── Mobile ─── */

@media (max-width:1100px){

  .layout{grid-template-columns:1fr;gap:32px;padding-top:32px}

  .lateral{position:static;flex-direction:column;gap:24px;margin-top:8px;padding-top:24px;border-top:1px solid var(--hairline-soft)}

  .toc{display:none} /* TOC hidden on mobile — pages too long, less useful */

}

@media (max-width:900px){

  .related__grid{grid-template-columns:1fr;gap:16px}

  .products__grid{grid-template-columns:repeat(2,1fr);gap:14px}

  .signup{padding:48px 18px;border-radius:22px}

  .signup__card{padding:32px 22px;border-radius:18px}

  .signup__form{flex-direction:column;background:transparent;border:0;box-shadow:none;padding:0;gap:10px}

  .signup__form .signup__email{

    background:#fff;border:1px solid var(--hairline);border-radius:999px;padding:14px 18px;

  }

  .signup__form:focus-within .signup__email{border-color:rgba(15,15,15,.25);box-shadow:0 4px 14px rgba(15,15,15,.06)}

  .signup__btn{justify-content:center;padding:15px 24px}

  .section-head{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:24px}

  .related,.products{margin-bottom:64px}

  .related{margin-top:64px}

  .product__body{padding:14px 14px 16px}

  .product__title{font-size:14px}

  .product__price{font-size:15px}

  .swatch{width:14px;height:14px}

  .product__cta{width:32px;height:32px}

  .article__h1{font-size:32px}

  .tailrow{margin-top:36px}

}

@media (max-width:480px){

  .products__grid{grid-template-columns:repeat(2,1fr);gap:12px}

  .product__priceline{flex-direction:column;align-items:flex-start;gap:10px}

  .product__cta{align-self:flex-end;margin-top:-32px}

}

@media (prefers-reduced-motion:reduce){

  *,*::before,*::after{transition:none !important;animation:none !important}

}



/* Blog US refresh 2026-10-03: the empty sibling Elementor column intercepted the sidebar. */

body.single-post .elementor-column:has(.elementor-widget-theme-post-content){position:relative;z-index:2}

body.single-post .siil-blog-grid .shoplinks{padding:22px;background:#f3f1eb;border:1px solid #e6e1d7;border-radius:20px}

body.single-post .siil-blog-grid .shoplinks__item{padding:13px 8px;border-radius:10px;transition:background .2s}

body.single-post .siil-blog-grid .shoplinks__item:hover,body.single-post .siil-blog-grid .shoplinks__item:focus-visible{background:#fff;color:#111}

body.single-post .siil-blog-grid .shoplinks__title{font-weight:600}

body.single-post .siil-blog-grid .shoplinks__desc{color:#666}

body.single-post .siil-blog-article h2{scroll-margin-top:110px}

body.single-post .siil-blog-article .siil-story{font-size:17px;line-height:1.8}

body.single-post .siil-story h1{font-family:Georgia,serif;font-size:clamp(34px,4vw,50px);line-height:1.12;font-weight:400;margin:0 0 24px}

body.single-post .siil-story h2{font-size:28px;line-height:1.25;margin:42px 0 18px}

body.single-post .siil-story h3{font-size:21px;margin:28px 0 12px}

body.single-post .siil-story p{margin:0 0 20px}

body.single-post .siil-story a{color:#202020;text-decoration:underline;text-underline-offset:3px}

body.single-post .siil-story figure{margin:30px 0}

body.single-post .siil-story figure img{width:100%;max-height:540px;object-fit:cover;border-radius:18px}

body.single-post .siil-story figcaption{font-size:13px;color:#666;margin-top:10px}

body.single-post .siil-story .siil-answer{background:#f3f1eb;padding:22px 26px;border-radius:14px;margin:24px 0}

body.single-post .siil-story .siil-answer p:last-child{margin-bottom:0}

body.single-post .siil-story .siil-table{overflow-x:auto;margin:28px 0}

body.single-post .siil-story table{width:100%;border-collapse:collapse;font-size:15px}

body.single-post .siil-story th,body.single-post .siil-story td{text-align:left;padding:15px;border:1px solid #ddd;vertical-align:top;min-width:130px}

body.single-post .siil-story th{background:#f3f1eb}

body.single-post .siil-story details{border-bottom:1px solid #ddd;padding:18px 0}

body.single-post .siil-story summary{cursor:pointer;font-weight:600}

body.single-post .siil-story details p{margin-top:12px}

body.single-post .siil-story .siil-checklist{padding:24px;background:#f7f6f2;border-radius:16px}

@media(max-width:600px){body.single-post .siil-story h2{font-size:25px}.siil-story .siil-answer{padding:18px!important}}


/* Editorial signup: US only; existing form and delivery unchanged. */
body.single-post .signup.signup--story{display:grid;grid-template-columns:1fr 1.15fr;padding:0;background:#eeebe3;min-height:0;gap:0}
body.single-post .signup--story:before{display:none}
body.single-post .signup--story .signup__photo{width:100%;height:100%;max-height:610px;object-fit:cover}
body.single-post .signup--story .signup__card{width:100%;max-width:none;padding:44px 32px;background:transparent;border:0;box-shadow:none;border-radius:0;align-self:center}
body.single-post .signup--story .signup__title{font-size:38px}
body.single-post .signup--story .signup__discount{font-size:27px}
body.single-post .siil-lateral .toc__list{max-height:240px;overflow-y:auto}
@media(max-width:760px){body.single-post .signup.signup--story{grid-template-columns:1fr}body.single-post .signup--story .signup__photo{height:280px;object-position:center 35%}body.single-post .signup--story .signup__card{padding:28px 20px}}

body.single-post .siil-story h1{font-size:clamp(34px,4vw,50px)!important;line-height:1.12!important;text-align:left!important}body.single-post .siil-story .sl-eyebrow{font-size:11px;letter-spacing:.14em}.siil-library{scroll-margin-top:100px}

/* siil-premium-footer */
@font-face {
  font-family: 'SIIL Footer';
  font-style: normal; font-display:swap;
  font-weight: 400;
  src: url(https://www.siilostomy.com/wp-content/uploads/siil-footer/v3-20261004/assets/albert-sans-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'SIIL Footer';
  font-style: normal; font-display:swap;
  font-weight: 500;
  src: url(https://www.siilostomy.com/wp-content/uploads/siil-footer/v3-20261004/assets/albert-sans-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'SIIL Footer';
  font-style: normal; font-display:swap;
  font-weight: 600;
  src: url(https://www.siilostomy.com/wp-content/uploads/siil-footer/v3-20261004/assets/albert-sans-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.siil-ft-footer,.siil-ft-footer *{box-sizing:border-box}


.siil-ft-footer a:focus-visible,.siil-ft-footer summary:focus-visible{outline:2px solid #fff;outline-offset:5px}
.siil-ft-footer .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.siil-ft-footer{--carbon:#232323;--ink:#fafafa;--secondary:#dedede;--muted:#bcbcbc;--line:rgba(255,255,255,.15);background:var(--carbon);color:var(--ink);font:14px/1.5 'SIIL Footer',Arial,sans-serif;border-top:1px solid var(--line);color-scheme:dark}
.siil-ft-footer a{color:inherit;text-decoration:none}
.siil-ft-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.siil-ft-footer h2,.siil-ft-footer p,.siil-ft-footer .siil-ft-proof-title{margin:0}
.siil-ft-inner{max-width:1160px;margin:auto;padding:44px 40px 26px}
.siil-ft-logo{display:block;max-width:100%;overflow:hidden;filter:grayscale(1) brightness(1.12);mix-blend-mode:screen}
.siil-ft-logo image{width:revert;height:revert}
.siil-ft-brand-row{display:flex;align-items:center;justify-content:space-between;gap:20px;width:40%;margin-bottom:31px}
.siil-ft-brand{display:block}
.siil-ft-brand .siil-ft-logo{width:103px;height:auto;filter:brightness(0) invert(1)}
.siil-ft-socials{display:flex;align-items:center;gap:8px}
.siil-ft-socials a{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;transition:background .18s,border-color .18s}
.siil-ft-socials svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.4;fill:none}
.siil-ft-socials a:hover{background:rgba(255,255,255,.07);border-color:#999;text-decoration:none}
.siil-ft-trust{display:grid;grid-template-columns:1.2fr 1fr;max-width:448px;min-height:102px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:6px;margin-top:-77px;margin-left:auto;margin-bottom:14px;padding:18px 23px;gap:23px}
.siil-ft-award{display:flex;align-items:center;gap:12px}
.siil-ft-award>svg{width:30px;height:42px;color:#e4e4e4;flex-shrink:0}
.siil-ft-award div>span{font-size:17px;line-height:1.18;display:block;letter-spacing:-.2px;font-weight:500}
.siil-ft-award small{display:block;color:var(--ink);font-size:10px;letter-spacing:2px;margin-top:6px;font-weight:500}
.siil-ft-rating{border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;padding-left:24px}
.siil-ft-rating>div{display:flex;align-items:center;gap:10px}
.siil-ft-rating strong{font-size:28px;line-height:1.1;letter-spacing:-1px;font-weight:500}
.siil-ft-stars{color:#fff;font-size:9px;letter-spacing:1px;white-space:nowrap}
.siil-ft-rating>span{font-size:11px;margin-top:7px;color:var(--secondary)}
.siil-ft-reassurance{text-align:right;font-size:11px;color:var(--secondary);margin-bottom:31px!important}
.siil-ft-reassurance span{padding:0 9px;color:var(--muted)}
.siil-ft-main{display:flex;gap:42px;padding-bottom:35px;border-bottom:1px solid var(--line)}
.siil-ft-nav{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}
.siil-ft-nav-group summary{font-size:13px;font-weight:600;list-style:none;pointer-events:none}
.siil-ft-nav-group summary::-webkit-details-marker{display:none}
.siil-ft-nav-group ul{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.siil-ft-nav-group a{font-size:12px;color:var(--secondary);display:block;padding:2px 0}
.siil-ft-support{flex:0 0 228px}
.siil-ft-contact{display:flex;align-items:center;justify-content:space-between;gap:15px}
.siil-ft-contact>span:first-child{display:flex;flex-direction:column;gap:7px}
.siil-ft-contact small{font-size:9px;letter-spacing:1.4px;color:var(--muted)}
.siil-ft-contact>span:first-child>span{font-size:16px;letter-spacing:-.3px}
.siil-ft-arrow{font-size:23px;line-height:1}
.siil-ft-subscribe{font-size:11px;margin-top:25px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #666;color:var(--secondary)!important}
.siil-ft-subscribe>span:last-child{font-size:18px}
.siil-ft-proof{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:30px 0 32px;border-bottom:1px solid var(--line)}
.siil-ft-proof h2,.siil-ft-proof .siil-ft-proof-title{font-size:11px;font-weight:400;color:var(--secondary);letter-spacing:.2px;margin-bottom:20px;text-align:center}
.siil-ft-logo-slot{display:grid;place-items:center;min-width:0}
.siil-ft-press-logos{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:65px}
.siil-ft-compatible-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 14px}
.siil-ft-compatible-logos .siil-ft-logo-slot{height:27px}
.siil-ft-compatible .siil-ft-logo{opacity:.94}
.siil-ft-checkout{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:27px 0}
.siil-ft-payment-block{display:flex;align-items:center;gap:24px}
.siil-ft-lock-label{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;color:var(--secondary)}
.siil-ft-lock-label svg{width:12px;height:12px;stroke:currentColor;stroke-width:1.2;fill:none}
.siil-ft-payments{display:flex;align-items:center;justify-content:flex-start;gap:15px}
.siil-ft-pay-icon{display:block;flex-shrink:0;background-repeat:no-repeat;filter:grayscale(1);mix-blend-mode:screen;opacity:.92}
.siil-ft-seals{display:flex;align-items:center;gap:16px}
.siil-ft-seals img{width:72px;height:34px;object-fit:contain;mix-blend-mode:screen;filter:grayscale(1) invert(1) brightness(1.6) contrast(1.5);opacity:.9}
.siil-ft-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;font-size:10px;color:var(--muted)}
.siil-ft-legal{display:flex;gap:20px}
@media(min-width:701px) and (max-width:1000px){
 .siil-ft-inner{padding:35px 28px 24px}.siil-ft-brand-row{width:39%}.siil-ft-support{flex:0 0 184px}.siil-ft-main{gap:25px}.siil-ft-nav{gap:16px}.siil-ft-nav-group a{font-size:11px}.siil-ft-trust{max-width:390px;padding:18px 20px}.siil-ft-proof{gap:35px}.siil-ft-press-logos{gap:18px;flex-wrap:wrap;justify-content:center}.siil-ft-payment-block{display:block}.siil-ft-payments{gap:13px;margin-top:12px}.siil-ft-seals{gap:10px}.siil-ft-seals img{width:66px}
}
@media(max-width:700px){
 .siil-ft-inner{padding:30px 24px 24px}
 .siil-ft-brand-row{width:auto;margin-bottom:26px;gap:15px}.siil-ft-brand .siil-ft-logo{width:90px;height:auto}.siil-ft-socials svg{width:16px;height:16px}
 .siil-ft-trust{max-width:none;min-height:104px;margin:0 0 16px;padding:17px 16px;gap:18px;grid-template-columns:1.17fr 1fr;border-radius:5px}
 .siil-ft-award{gap:10px}.siil-ft-award>svg{width:26px;height:38px}.siil-ft-award div>span{font-size:16px;letter-spacing:0}.siil-ft-award small{font-size:10px;letter-spacing:1.8px;margin-top:5px}
 .siil-ft-rating{padding-left:20px}.siil-ft-rating>div{display:flex;gap:7px;flex-wrap:wrap}.siil-ft-rating strong{font-size:28px}.siil-ft-stars{font-size:8px;letter-spacing:.3px}.siil-ft-rating>span{font-size:10px;margin-top:7px}
 .siil-ft-reassurance{text-align:center;font-size:10px;margin-bottom:26px!important;white-space:nowrap}.siil-ft-reassurance span{padding:0 5px}
 .siil-ft-main{display:block;padding-bottom:26px}.siil-ft-nav{display:block;border-bottom:1px solid var(--line)}.siil-ft-nav-group{border-top:1px solid var(--line)}
 .siil-ft-nav-group summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;min-height:55px;font-size:14px;font-weight:400;cursor:pointer;pointer-events:auto}
 .siil-ft-nav-group summary:after{content:'+';font-size:20px;line-height:1;font-weight:400;color:var(--secondary)}.siil-ft-nav-group[open] summary:after{content:'−'}
 .siil-ft-nav-group ul{margin:0;padding:0 0 10px;gap:0}.siil-ft-nav-group a{font-size:13px;min-height:44px;padding:11px 0}
 .siil-ft-support{margin-top:25px}.siil-ft-contact small{font-size:9px;letter-spacing:1.2px}.siil-ft-contact>span:first-child>span{font-size:17px}.siil-ft-arrow{font-size:25px}
 .siil-ft-subscribe{margin-top:14px;font-size:11px;min-height:44px;border:0}
 .siil-ft-proof{display:block;padding:26px 0 29px}.siil-ft-proof h2,.siil-ft-proof .siil-ft-proof-title{font-size:11px;margin-bottom:20px;letter-spacing:0}
 .siil-ft-press-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px 12px;min-height:0}.siil-ft-press-logos .siil-ft-logo-slot{grid-column:span 2;height:27px}.siil-ft-press-logos .siil-ft-logo-slot:nth-child(4){grid-column:2/span 2}.siil-ft-press-logos .siil-ft-logo-slot:nth-child(5){grid-column:4/span 2}
 .siil-ft-compatible{margin-top:31px}.siil-ft-compatible-logos{gap:21px 12px}.siil-ft-compatible-logos .siil-ft-logo-slot{height:27px}
 .siil-ft-checkout{display:block;padding:24px 0 21px}.siil-ft-payment-block{display:block}.siil-ft-lock-label{justify-content:center;font-size:10px;margin-bottom:20px}
 .siil-ft-payments{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 12px;justify-items:center;align-items:center}
 .siil-ft-seals{justify-content:center;gap:20px;margin-top:23px}.siil-ft-seals img{width:73px;height:34px}
 .siil-ft-bottom{flex-direction:column;gap:14px;font-size:10px;padding-top:20px}.siil-ft-legal{justify-content:center;gap:22px}.siil-ft-bottom>span{font-size:9px}
}
@media(max-width:360px){
 .siil-ft-inner{padding:27px 20px 22px}.siil-ft-trust{padding:16px 12px;gap:13px}.siil-ft-award{gap:7px}.siil-ft-award>svg{width:23px}.siil-ft-award div>span{font-size:15px}.siil-ft-rating{padding-left:14px}.siil-ft-rating>div{gap:5px}.siil-ft-rating strong{font-size:26px}.siil-ft-stars{font-size:7px;letter-spacing:0}.siil-ft-reassurance{font-size:9px}.siil-ft-press-logos .siil-ft-logo-0,.siil-ft-press-logos .siil-ft-logo-1{max-width:72px}.siil-ft-compatible-logos{gap:20px 8px}.siil-ft-compatible-logos .siil-ft-logo{max-width:100%}.siil-ft-payments{column-gap:5px}.siil-ft-legal{gap:17px}
}
@media(prefers-reduced-motion:reduce){.siil-ft-socials a{transition:none}}

/* Isolate footer typography from theme globals; allow long localized copy. */
#siil-premium-footer{width:100%;max-width:none;margin:0;padding:0;letter-spacing:normal;text-align:left}
#siil-premium-footer h2,#siil-premium-footer .siil-ft-proof-title{font-family:inherit;line-height:1.5;text-transform:none}
#siil-premium-footer a{font-family:inherit;color:inherit}
#siil-premium-footer summary{font-family:inherit;letter-spacing:normal}
#siil-premium-footer ul{padding-left:0}
#siil-premium-footer svg{vertical-align:middle}
#siil-premium-footer .siil-ft-reassurance{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:3px 8px;white-space:normal}
#siil-premium-footer .siil-ft-reassurance span{padding:0;color:inherit}
#siil-premium-footer .siil-ft-assurance-item{white-space:nowrap}
#siil-premium-footer .siil-ft-legal{flex-wrap:wrap}
#siil-premium-footer .siil-ft-seals img{border:0;border-radius:0}
/* Preserve the existing live-chat entry while joining it to the charcoal footer. */
body:has(#siil-premium-footer) #siil-stella-footer-help{background:#232323;color:#dedede;font-family:'SIIL Footer',Arial,sans-serif}
body:has(#siil-premium-footer) #siil-stella-footer-help a{color:#dedede!important;text-decoration-color:#777;font-size:12px}
@media(max-width:700px){#siil-premium-footer .siil-ft-reassurance{justify-content:center;font-size:10px}#siil-premium-footer .siil-ft-legal{column-gap:20px;row-gap:0}#siil-premium-footer .siil-ft-legal a{min-height:32px;display:flex;align-items:center;font-size:11px}}
@media(max-width:360px){#siil-premium-footer .siil-ft-reassurance{font-size:9px;column-gap:6px}}

/* siil-lffs-banner */
/* SIIL Glass LFFS Banner v1.8.22 — slot reserved on first paint (no CLS)
 * Rendered below the Elementor <header> (via elementor/theme/after_do_header hook).
 * Position: sticky with top = WP admin bar + visible header section height (set by JS).
 * Banner is in normal flow initially; sticks right below the Elementor sticky header on scroll.
 * v1.8.3: match drawer-context softness. Lower opacity so the frost is real — blur actually
 * works, page content tints through. Subtle hairline edges, no beige over-saturation. */

.siil-lffs-banner {
    position: sticky;
    top: var(--siil-lffs-top, 0px);
    z-index: 99;
    width: 100%;
    background: linear-gradient(180deg, rgba(250,248,244,0.72) 0%, rgba(245,242,235,0.66) 100%);
    -webkit-backdrop-filter: saturate(1.8) blur(30px);
    backdrop-filter: saturate(1.8) blur(30px);
    border-top: 1px solid rgba(15,15,15,0.05);
    border-bottom: 1px solid rgba(15,15,15,0.09);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 4px 14px -8px rgba(15,15,15,0.08);
    color: #0F0F0F;
    font-family: 'Albert Sans', -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', sans-serif;
    font-size: 13.5px;
    letter-spacing: 0.01em;
    line-height: 1.4;
    overflow: hidden;
    transition: transform .45s cubic-bezier(.32,.72,0,1), opacity .3s ease, max-height .4s ease;
    max-height: 64px;
    box-sizing: border-box;
}
.siil-lffs-banner[data-state="pending"] {
    pointer-events: none;
}
.siil-lffs-banner[data-state="pending"] .siil-lffs-banner__dismiss {
    visibility: hidden;
}
@keyframes siil-lffs-wait {
    0%, 100% { opacity: 0.55; }
    50% { opacity: 1; }
}
.siil-lffs-banner[data-state="pending"] .siil-lffs-banner__text {
    animation: siil-lffs-wait 1.6s ease-in-out infinite;
}
.siil-lffs-banner[data-state="info"] .siil-lffs-banner__inner,
.siil-lffs-banner[data-state="unlocked"] .siil-lffs-banner__inner {
    animation: siil-lffs-in 1s cubic-bezier(.22,.61,.36,1);
}
@keyframes siil-lffs-in {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
    .siil-lffs-banner[data-state="info"] .siil-lffs-banner__inner,
    .siil-lffs-banner[data-state="unlocked"] .siil-lffs-banner__inner { animation: none; }
    .siil-lffs-banner[data-state="pending"] .siil-lffs-banner__text { animation: none; opacity: 0.8; }
}
.siil-lffs-banner.is-dismissing {
    transform: translateY(-100%);
    opacity: 0;
    max-height: 0;
    border: 0;
}

.siil-lffs-banner__inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 10px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    box-sizing: border-box;
}

.siil-lffs-banner__text {
    flex: 0 1 auto;
    color: rgba(15,15,15,0.82);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 450;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.siil-lffs-banner__text strong {
    color: #0F0F0F;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}
.siil-lffs-banner__emoji {
    font-size: 14px;
    line-height: 1;
    display: inline-flex;
    flex: 0 0 auto;
    transform: translateY(-0.5px);
}

/* Pill-shaped progress bar — hollow track with hairline outline, solid black fill */
.siil-lffs-banner__bar {
    position: relative;
    flex: 0 1 320px;
    width: 320px;
    max-width: 40%;
    height: 6px;
    border-radius: 999px;
    background: transparent;
    box-shadow: inset 0 0 0 1px rgba(15,15,15,0.18);
    overflow: hidden;
}
.siil-lffs-banner__fill {
    position: absolute;
    top: 0; left: 0; bottom: 0;
    background: #0F0F0F;
    border-radius: 999px;
    transition: width 0.7s cubic-bezier(.32,.72,0,1);
    overflow: hidden;
}
.siil-lffs-banner__shimmer {
    position: absolute;
    top: 0; left: 0; bottom: 0;
    width: 40%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.32) 50%, transparent);
    transform: translateX(-120%);
    animation: siil-lffs-shimmer 2.8s cubic-bezier(.4,.1,.4,1) infinite;
}
@keyframes siil-lffs-shimmer {
    0%   { transform: translateX(-120%); opacity: 0.4; }
    35%  { opacity: 0.9; }
    80%  { transform: translateX(320%); opacity: 0.1; }
    100% { transform: translateX(320%); opacity: 0; }
}

/* Dismiss — minimal X, ink icon on glass */
.siil-lffs-banner__dismiss {
    flex: 0 0 auto;
    width: 32px !important; min-width: 32px !important; height: 32px !important;
    border-radius: 50% !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #0F0F0F !important;
    cursor: pointer;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    font-size: 0; line-height: 0;
    transition: color .2s ease, transform .25s cubic-bezier(.32,.72,0,1), background .2s ease;
}
.siil-lffs-banner__dismiss:hover {
    color: #0F0F0F !important;
    background: rgba(15,15,15,0.06) !important;
    transform: rotate(90deg);
}
.siil-lffs-banner__dismiss:active { transform: rotate(90deg) scale(.92); }
.siil-lffs-banner__dismiss:focus-visible { outline: none; background: rgba(15,15,15,0.06) !important; }
.siil-lffs-banner__dismiss svg {
    width: 20px; height: 20px; stroke-width: 1.8;
}

/* UNLOCKED state — ink text, slightly stronger weight */
.siil-lffs-banner[data-state="unlocked"] .siil-lffs-banner__text,
.siil-lffs-banner[data-state="unlocked"] .siil-lffs-banner__text strong {
    color: #0F0F0F;
    font-weight: 500;
}

/* INFO state (empty cart) — fill dimmed */
.siil-lffs-banner[data-state="info"] .siil-lffs-banner__fill {
    background: rgba(15,15,15,0.28);
}

/* MOBILE — bar hidden, progress shown as bottom edge line */
@media (max-width: 768px) {
    .siil-lffs-banner { font-size: 11.5px; max-height: 52px; }
    .siil-lffs-banner__inner { padding: 8px 14px; gap: 10px; }
    .siil-lffs-banner__text {
        flex: 1 1 auto;
        font-size: 11.5px;
        white-space: normal;
        line-height: 1.35;
        text-align: left;
    }
    .siil-lffs-banner__emoji { font-size: 13px; }
    .siil-lffs-banner__bar { display: none; }
    .siil-lffs-banner::after {
        content: '';
        position: absolute; left: 0; right: 0; bottom: 0;
        height: 2px; background: rgba(15,15,15,0.08);
    }
    .siil-lffs-banner::before {
        content: '';
        position: absolute; left: 0; bottom: 0;
        height: 2px;
        width: var(--siil-lffs-pct, 0%);
        background: #0F0F0F;
        transition: width 0.7s cubic-bezier(.32,.72,0,1);
        z-index: 2;
    }
    .siil-lffs-banner[data-state="unlocked"]::before {
        background: #0F0F0F;
    }
    .siil-lffs-banner__dismiss svg { width: 18px; height: 18px; }
}

@media (max-width: 420px) {
    .siil-lffs-banner__inner { padding: 7px 10px; gap: 8px; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .siil-lffs-banner__shimmer { animation: none; opacity: 0.18; }
    .siil-lffs-banner__fill,
    .siil-lffs-banner::before { transition: none; }
}

/* ============================================================
 * Drawer context (.siil-drawer__lffs wraps a second instance of
 * the banner inside the cart-drawer). Narrow width (~400px) so
 * bar cannot sit beside the text — stack bar on its own row.
 * ============================================================ */
.siil-drawer__lffs .siil-lffs-banner {
    border-radius: 14px;
    max-height: none;
    padding: 0;
    background: linear-gradient(180deg, rgba(250,248,244,0.9) 0%, rgba(245,242,235,0.85) 100%);
    border: 1px solid rgba(15,15,15,0.08);
    box-shadow: 0 1px 2px rgba(15,15,15,0.04), 0 6px 16px -8px rgba(15,15,15,0.08);
}
.siil-drawer__lffs .siil-lffs-banner__inner {
    padding: 10px 14px;
    flex-wrap: wrap;
    row-gap: 8px;
    column-gap: 10px;
    justify-content: flex-start;
    align-items: center;
}
.siil-drawer__lffs .siil-lffs-banner__text {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    order: 1;
}
.siil-drawer__lffs .siil-lffs-banner__dismiss {
    order: 2;
    margin-left: auto;
}
.siil-drawer__lffs .siil-lffs-banner__bar {
    order: 3;
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
    margin-top: 2px;
    display: block !important;  /* override the mobile-hide rule when drawer opens on <=768px */
}

/* Skin Flexible Shipping native notice inside cart — Crystal Glass + ink palette */
.fs-free-shipping-notice-and-button-wrapper {
    background: rgba(255,255,255,0.6);
    -webkit-backdrop-filter: blur(14px) saturate(1.4);
    backdrop-filter: blur(14px) saturate(1.4);
    border: 1px solid rgba(15,15,15,0.06);
    border-radius: 12px;
    padding: 14px 18px;
    box-shadow: 0 2px 4px rgba(15,15,15,0.03), 0 8px 20px -10px rgba(15,15,15,0.08), inset 0 1px 0 rgba(255,255,255,0.7);
    font-family: 'Albert Sans', system-ui, sans-serif;
    margin: 12px 0;
}
.fs-free-shipping-notice-text { font-size: 13.5px; color: #2E2E2E; margin-bottom: 10px; line-height: 1.5; }
.fs-free-shipping-notice-text strong { color: #0F0F0F; font-weight: 600; font-variant-numeric: tabular-nums; }
.fs-free-shipping-notice-progress-bar-wrapper { display: flex; align-items: center; gap: 10px; }
.fs-free-shipping-notice-opening-value,
.fs-free-shipping-notice-closing-value { font-size: 10.5px; color: #7F7F7F; font-variant-numeric: tabular-nums; letter-spacing: 0.02em; }
.fs-free-shipping-notice-progress-bar { flex: 1 1 auto; height: 4px; background: transparent; box-shadow: inset 0 0 0 1px rgba(15,15,15,0.14); border-radius: 999px; position: relative; overflow: hidden; }
.fs-free-shipping-notice-progress-bar > span {
    display: block; height: 100%;
    background: #0F0F0F;
    border-radius: 999px; position: relative; overflow: hidden;
}
.fs-free-shipping-notice-progress-bar > span::after {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3) 50%, transparent);
    animation: siil-lffs-shimmer 3.4s cubic-bezier(.4,.1,.4,1) infinite;
}

/* v1.8.33: slim top strip. Keep drawer spacing independent. */
/* Join the two glass surfaces without the white inset hairline or a rounding gap. */
.siil-lffs-banner:not(.siil-drawer__lffs .siil-lffs-banner) {
    top: max(0px, calc(var(--siil-lffs-top, 0px) - 1px));
    margin-top: -1px;
    border-top: 0;
    box-shadow: 0 4px 14px -8px rgba(15,15,15,0.08);
}

.siil-lffs-banner:not(.siil-drawer__lffs .siil-lffs-banner) { max-height: none; font-size: 12px; }
.siil-lffs-banner:not(.siil-drawer__lffs .siil-lffs-banner) .siil-lffs-banner__inner { min-height: 34px; padding: 1px 16px; gap: 10px; }
.siil-lffs-banner:not(.siil-drawer__lffs .siil-lffs-banner) .siil-lffs-banner__text { display: block; line-height: 1.35; }
.siil-lffs-banner:not(.siil-drawer__lffs .siil-lffs-banner) .siil-lffs-banner__bar { height: 3px; max-width: 180px; }
.siil-lffs-banner:not(.siil-drawer__lffs .siil-lffs-banner) .siil-lffs-banner__inner { animation: none; }
@media(max-width:768px) {
 .siil-lffs-banner:not(.siil-drawer__lffs .siil-lffs-banner) .siil-lffs-banner__inner { padding: 0 10px; gap: 6px; }
 .siil-lffs-banner:not(.siil-drawer__lffs .siil-lffs-banner) .siil-lffs-banner__text { font-size: 11.5px; white-space: normal; }
}
.siil-lffs-banner:not(.siil-drawer__lffs .siil-lffs-banner) button.siil-lffs-banner__dismiss.siil-lffs-banner__dismiss { min-height: 32px !important; height: 32px !important; min-width: 44px !important; width: 44px !important; }
html.siil-lffs-dismissed .siil-benefits-strip__shipping { display:none!important; }

/* 1.8.33: all three benefits together; live shipping retains its own fragment. */
.siil-benefits-strip {
    position: sticky;
    top: max(0px, calc(var(--siil-lffs-top, 0px) - 1px));
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    width: 100%;
    box-sizing: border-box;
    margin-top: -1px;
    padding: 0 16px;
    border-bottom: 1px solid rgba(15,15,15,.09);
    /* Match the header: one isolated glass layer, no opaque child panels. */
    background: transparent;
    isolation: isolate;
    color: #222;
    font: 12px/17px 'Albert Sans',-apple-system,BlinkMacSystemFont,system-ui,'Segoe UI',sans-serif;
    text-align: center;
}
/* v1.8.34 siil-admin-gap: --siil-lffs-top already includes the admin bar.
   Sticky top then counts it again under html{margin-top}. Subtract it.
   Visitors without .admin-bar keep the existing -1px seam. */
.admin-bar .siil-benefits-strip {
    top: calc(var(--siil-lffs-top, 64px) - var(--wp-admin--admin-bar--height, 32px) - 1px) !important;
}
/* Bound the blur to the strip, as in HeaderGlass (Safari overscroll-safe). */
.siil-benefits-strip::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image: linear-gradient(180deg, rgba(250,248,244,0.72) 0%, rgba(245,242,235,0.66) 100%);
    -webkit-backdrop-filter: saturate(1.8) blur(30px);
    backdrop-filter: saturate(1.8) blur(30px);
}
.siil-benefits-strip__shipping { min-width: 0; flex: 0 1 510px; }
.siil-benefits-strip .siil-benefits-strip__shipping .siil-lffs-banner {
    position: static; top: auto; margin: 0; border: 0; box-shadow: none;
    background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none;
}
/* v1.8.35 siil-x-edge: the X lived in the 510px shipping flex, so it sat between the two phrases. */
.siil-benefits-strip .siil-lffs-banner button.siil-lffs-banner__dismiss {
    position: absolute !important;
    right: 8px !important;
    top: 0 !important;
    z-index: 2;
}
.siil-benefits-strip .siil-lffs-banner .siil-lffs-banner__inner { padding: 2px 0; gap: 8px; min-height: 36px; }
.siil-benefits-strip .siil-lffs-banner .siil-lffs-banner__text { flex: 0 1 auto; font-size: 12px; white-space: normal; overflow: visible; text-overflow: clip; }
.siil-benefits-strip .siil-lffs-banner .siil-lffs-banner__bar { flex: 0 1 90px; min-width: 45px; }
.siil-assurance-strip {
    display: flex; align-items: center; justify-content: center; gap: 14px;
    min-width: 0; min-height: 36px; box-sizing: border-box; padding: 5px 0;
}
.siil-assurance-strip__returns { white-space: nowrap; }
.siil-assurance-strip__exchange { font-weight: 600; white-space: nowrap; }
.siil-assurance-strip__separator { color: #8c7c5c; }
/* Closing the top shipping message must NEVER suppress the cart incentive. */
.siil-drawer__lffs .siil-lffs-banner { position: relative; top: auto; }
.siil-drawer__lffs .siil-lffs-banner .siil-lffs-banner__dismiss { display: none !important; }
.siil-drawer__lffs .siil-lffs-banner__text { white-space: normal; overflow: visible; text-overflow: clip; }
.siil-lffs-banner[data-state="unavailable"]::before,
.siil-lffs-banner[data-state="unavailable"]::after { display: none; }
@media (max-width: 1023px) {
    .siil-benefits-strip { flex-direction: column; gap: 0; padding: 0 12px; }
    .siil-benefits-strip__shipping { width: 100%; flex: none; }
    .siil-benefits-strip .siil-lffs-banner .siil-lffs-banner__inner { min-height: 32px; padding: 0; }
    .siil-benefits-strip .siil-lffs-banner .siil-lffs-banner__text { text-align: center; }
    .siil-assurance-strip { width: 100%; min-height: 28px; padding: 4px 0 5px; gap: 9px; font-size: 11.5px; line-height: 15px; }
}
@media (max-width: 420px) {
    .siil-assurance-strip { display: grid; grid-template-columns: 1fr auto 1.2fr; gap: 8px; }
    .siil-assurance-strip__returns, .siil-assurance-strip__exchange { white-space: normal; }
}

/* v1.8.33: slimmer top benefits only; retain readable type and all drawer spacing. */
.siil-benefits-strip .siil-benefits-strip__shipping .siil-lffs-banner .siil-lffs-banner__inner {
    min-height: 32px; padding: 0; gap: 8px;
}
.siil-benefits-strip .siil-assurance-strip { min-height: 32px; padding: 3px 0; }
@media (max-width: 1023px) {
    .siil-benefits-strip .siil-benefits-strip__shipping .siil-lffs-banner .siil-lffs-banner__inner { min-height: 28px; }
    .siil-benefits-strip .siil-benefits-strip__shipping .siil-lffs-banner button.siil-lffs-banner__dismiss {
        min-height: 28px !important; height: 28px !important;
    }
    .siil-benefits-strip .siil-assurance-strip { min-height: 22px; padding: 2px 0 3px; }
}
/* v1.8.38: under 420px the two phrases wrap by width, so a wider or narrower fallback font gave the strip
   2 lines and Albert Sans 1 (or the reverse): 35 <-> 22px when the font arrived, the hero moved and the next
   carousel photo became a late LCP. Size-adjusted local fallbacks (siil_lffs_fallback_css) take the same width
   as Albert Sans; once Albert Sans has loaded nothing changes. */
.siil-benefits-strip .siil-assurance-strip {
    font-family: 'Albert Sans','SIIL Albert Fallback Android','SIIL Albert Fallback Arial',-apple-system,BlinkMacSystemFont,system-ui,'Segoe UI',sans-serif;
}

@font-face{font-family:'SIIL Albert Fallback Android';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto Regular'),local('Roboto-Regular');size-adjust:103.34%}
@font-face{font-family:'SIIL Albert Fallback Android';font-style:normal;font-weight:600;src:local('Roboto Bold'),local('Roboto-Bold');size-adjust:102.39%}
@font-face{font-family:'SIIL Albert Fallback Arial';font-style:normal;font-weight:400;src:local('Arial'),local('ArialMT');size-adjust:103.11%}
@font-face{font-family:'SIIL Albert Fallback Arial';font-style:normal;font-weight:600;src:local('Arial Bold'),local('Arial-BoldMT');size-adjust:97.96%}

/* siil-header-search */
/* Isolated header-search view; the existing header owns its form, dialog and focus. */
.siil-hs{--hs-ink:#282724;--hs-muted:#77736c;--hs-line:#e8e4dd;--hs-gold:#ad9060;width:100%;color:var(--hs-ink);background:#fffefa;font:12px Arial,Helvetica,sans-serif;text-align:left}.siil-hs,.siil-hs *{box-sizing:border-box}.siil-hs [hidden]{display:none!important}.siil-hs a{color:inherit;text-decoration:none}.siil-hs button{font:inherit;cursor:pointer}.siil-hs button:focus-visible,.siil-hs a:focus-visible{outline:2px solid var(--hs-gold);outline-offset:3px}.siil-hs-chips{display:flex;gap:6px;align-items:center;padding:12px 24px 8px;overflow:auto;scrollbar-width:none}.siil-hs-chip{background:none;border:1px solid #e7e1d7;border-radius:20px;white-space:nowrap;font-size:11px!important;padding:6px 13px;line-height:1.2;min-height:28px;color:var(--hs-ink);margin:0}.siil-hs-chip:hover{background:#f2eee6}.siil-hs-chip[aria-pressed=true]{background:#302d28;color:white;border-color:#302d28}.siil-hs-divider{width:1px;height:15px;background:var(--hs-line);margin:0 5px;flex-shrink:0}.siil-hs-body{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;padding:12px 24px 20px}.siil-hs-context{border-right:1px solid var(--hs-line);padding:0 20px 0 0;display:flex;flex-direction:column;align-items:flex-start}.siil-hs-eyebrow{font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--hs-gold);line-height:1.6}.siil-hs-title{font-family:Georgia,'Times New Roman',serif;font-size:23px;font-weight:400;letter-spacing:-.35px;line-height:1.15;margin:8px 0 9px;text-transform:none}.siil-hs-description{font-size:11px;line-height:1.6;color:var(--hs-muted);margin:0 0 15px}.siil-hs-all{font-size:10px;font-weight:600;margin-top:auto;line-height:1.5;padding-top:10px}.siil-hs-region{min-width:0}.siil-hs-status{font-size:10px;color:var(--hs-muted);margin:0 0 8px;line-height:1.4}.siil-hs-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}.siil-hs-card{min-width:0;margin:0;padding:0;list-style:none}.siil-hs-product{display:block;border-radius:9px;outline-offset:3px;position:relative}.siil-hs-product:hover img{transform:scale(1.035)}.siil-hs-product[aria-selected=true]{outline:2px solid var(--hs-gold)}.siil-hs-photo{height:132px;background:#f2eee6;border-radius:10px;overflow:hidden;display:grid;place-items:center;font-size:12px;letter-spacing:3px;color:#a99f8e}.siil-hs-photo img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .3s}.siil-hs-name{margin:9px 0 4px;font:600 11px/1.4 Arial,Helvetica,sans-serif;text-transform:none;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:30px;color:var(--hs-ink)}.siil-hs-reason{font-size:10px;line-height:1.4;color:#888074;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.siil-hs-product-footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;line-height:1.5}.siil-hs-price{font-weight:400}.siil-hs-arrow{font-size:15px;color:var(--hs-gold)}.siil-hs-empty{padding:28px 16px;border-radius:8px;background:#faf9f6;font-size:13px;line-height:1.7;margin:0;min-height:160px}
@media(max-width:760px){.siil-hs-chips{padding:11px 18px;min-height:50px}.siil-hs-chip{padding:7px 13px}.siil-hs-body{display:flex;flex-direction:column;gap:12px;padding:0 18px 17px}.siil-hs-context{border:0;padding:0;display:block}.siil-hs-eyebrow{display:none}.siil-hs-title{font-size:23px;line-height:1.15;margin:6px 0}.siil-hs-description{font-size:11px;margin:0}.siil-hs-all{display:block;font-size:10px;padding-top:8px}.siil-hs-results{grid-template-columns:repeat(4,minmax(143px,43%));overflow:auto;padding:3px 3px 6px;margin:-3px -3px -6px;gap:12px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#d4c9b7 transparent}.siil-hs-card{scroll-snap-align:start}.siil-hs-photo{height:142px}}
@media(max-width:359px){.siil-hs-chips{padding-left:14px}.siil-hs-body{padding:0 14px 15px}.siil-hs-results{grid-template-columns:repeat(4,minmax(132px,46%))}.siil-hs-photo{height:127px}.siil-hs-description{font-size:10px}}
@media(prefers-reduced-motion:reduce){.siil-hs *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Layout applies only to verified, mounted Elementor headers. */
.siil-search-mounted>.elementor-container{flex-wrap:nowrap!important;align-items:center!important}
.siil-search-mounted>.elementor-container>.siil-hs-column{width:44px!important;min-width:44px;flex:0 0 44px;display:flex;align-items:center;justify-content:center}
.siil-search-mounted:not(.siil-search-mobile)>.elementor-container>.siil-search-menu{min-width:0;flex:1 1 auto;width:auto!important}
.siil-search-mounted>.elementor-container>.siil-search-control{width:44px!important;flex:0 0 44px;min-width:0}
.siil-search-mounted:not(.siil-search-mobile)>.elementor-container>.siil-search-control:has([data-widget_type="heading.default"]){width:max-content!important;min-width:78px;flex:0 0 auto}
.siil-search-mobile>.elementor-container>.siil-search-menu,.siil-search-mobile>.elementor-container>.siil-search-language{width:44px!important;flex:0 0 44px;min-width:0}
.siil-search-mobile>.elementor-container>.siil-search-logo{width:auto!important;flex:1 1 auto;min-width:0}
.siil-search-mobile .siil-search-logo img{max-width:100%;height:auto}
.siil-woo-search-toggle{width:44px!important;min-height:44px!important;margin:0!important;padding:10px!important;display:grid;place-items:center;border:0!important;border-radius:50%;background:transparent!important;color:inherit!important;cursor:pointer;line-height:1}
.siil-woo-search-toggle:focus-visible{outline:2px solid #ad9060;outline-offset:-3px}
.siil-woo-search-panel{position:fixed;z-index:100010;overflow:auto;overscroll-behavior:contain;background:#fffefa;color:#282724;border:1px solid #e8e4dd;border-radius:16px;box-shadow:0 15px 50px #29241d24;font:14px Arial,Helvetica,sans-serif;text-align:left}
.siil-woo-search-panel[hidden]{display:none!important}.siil-woo-search-panel,.siil-woo-search-panel *{box-sizing:border-box}
.siil-woo-search-form{display:flex;gap:4px;align-items:center;margin:0;padding:10px 12px;border-bottom:1px solid #e8e4dd}
.siil-woo-search-input{flex:1 1 0!important;min-width:0;width:0!important;background:transparent!important;border:0!important;padding:10px 4px!important;margin:0!important;color:#282724!important;box-shadow:none!important;font:16px/1.4 Arial,Helvetica,sans-serif!important;outline-offset:0}
.siil-woo-search-input::-webkit-search-cancel-button{display:none}
.siil-woo-search-panel button{cursor:pointer;font-family:Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:normal}
.siil-woo-search-clear,.siil-woo-search-close{flex:0 0 40px;border:0!important;min-width:40px;min-height:44px;padding:8px!important;background:transparent!important;color:#282724!important;font-size:24px!important;line-height:1!important;border-radius:8px}
.siil-woo-search-submit{min-height:44px;flex:0 0 auto;border:1px solid #302d28!important;border-radius:8px;padding:8px 10px!important;background:#302d28!important;color:#fffefa!important;font-size:12px!important}
.siil-woo-search-panel a:focus-visible,.siil-woo-search-panel button:focus-visible,.siil-woo-search-input:focus-visible{outline:2px solid #ad9060!important;outline-offset:2px}
.siil-woo-search-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.siil-woo-search-literal{display:block;color:#6b6154!important;font:12px/1.5 Arial,Helvetica,sans-serif!important;padding:12px 20px;text-decoration:underline!important;border-top:1px solid #e8e4dd}
.siil-woo-search-panel .siil-hs-body{grid-template-columns:160px minmax(0,1fr);gap:16px;padding:12px 20px 20px}
.siil-woo-search-panel .siil-hs-results{grid-template-columns:repeat(2,minmax(0,1fr))}
.siil-woo-search-panel .siil-hs-photo{position:relative;height:140px}.siil-woo-search-panel .siil-hs-photo img{position:absolute;inset:0;min-width:0;max-width:100%;height:100%;width:100%}
.siil-woo-search-panel .siil-hs-chip{min-height:36px}.siil-woo-search-panel .siil-hs-name{font-size:12px}
.siil-woo-search-panel .siil-hs-chip[aria-pressed="false"]{background:#f2eee6!important;border-color:#ded7ca!important;color:#302d28!important}
.siil-woo-search-panel .siil-hs-chip[aria-pressed="false"]:hover{background:#e9e2d6!important;border-color:#c6b89f!important;color:#302d28!important}
.siil-woo-search-panel .siil-hs-chip[aria-pressed="true"]{background:#302d28!important;border-color:#302d28!important;color:#fffefa!important}
.siil-woo-search-panel .siil-hs-price{overflow-wrap:anywhere}.siil-woo-search-panel .siil-hs-product-footer{gap:6px;align-items:flex-start}
@media(max-width:760px){.siil-woo-search-panel .siil-hs-body{display:flex;padding:0 14px 16px}.siil-woo-search-panel .siil-hs-context{display:none}.siil-woo-search-panel .siil-hs-results{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;margin:0;padding:0;gap:14px 10px}.siil-woo-search-panel .siil-hs-photo{height:150px}.siil-woo-search-panel .siil-hs-chips{padding:10px 14px}.siil-woo-search-panel .siil-hs-empty{min-height:70px;padding:15px}.siil-woo-search-panel .siil-hs-reason{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:28px}.siil-woo-search-submit{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;overflow:hidden!important;clip-path:inset(50%)!important;padding:0!important;border:0!important}}
@media(max-width:359px){.siil-woo-search-panel .siil-hs-photo{height:130px}.siil-woo-search-clear{flex-basis:32px;min-width:32px}.siil-woo-search-form{padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.siil-woo-search-panel *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.siil-woo-search-panel .siil-hs-product:hover img{transform:none!important}}
@media(max-width:760px){.siil-woo-search-panel .siil-hs-context{display:block;order:2}.siil-woo-search-panel .siil-hs-context>.siil-hs-title,.siil-woo-search-panel .siil-hs-context>.siil-hs-description{display:none}.siil-woo-search-panel .siil-hs-all{min-height:36px;padding:8px 0}.siil-woo-search-submit:focus-visible{position:static!important;width:auto!important;height:auto!important;min-height:44px!important;clip-path:none!important;padding:8px!important}}
/* Compact portrait cards: a single match keeps its natural megamenu size. */
.siil-woo-search-content[hidden],.siil-woo-search-literal[hidden]{display:none!important}
.siil-woo-search-panel .siil-hs-results{grid-template-columns:repeat(4,minmax(0,116px));gap:14px;justify-content:start}
.siil-woo-search-panel .siil-hs-photo{width:100%;height:auto!important;aspect-ratio:3/4;display:block}
.siil-woo-search-panel .siil-hs-photo img{width:100%!important;height:100%!important}
.siil-woo-search-panel .siil-hs-title{font-size:18px}
.siil-woo-search-panel .siil-hs-reason{display:none}
@media(max-width:760px){.siil-woo-search-panel .siil-hs-results{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:108px;gap:12px;overflow-x:auto;overflow-y:hidden;max-width:100%;padding:3px 3px 6px;scroll-snap-type:x proximity;scrollbar-width:thin}.siil-woo-search-panel .siil-hs-card{scroll-snap-align:start}}