/* ==========================================================================
   TILO INNER (13 Sep 2026): product, category, collection and cart pages on
   the same system as the refined home page. Loaded site-wide by
   mu-plugins/tilo-premium-skin.php after tilo-premium.css and tilo-chrome.css.
   System: cream ground, ink text, burgundy accent, gold hairlines; Cormorant
   display + Jost body; 14px tiles, 999px chips and buttons; press scale .97;
   thin-material top bar matching the home page's scrolled nav.
   ========================================================================== */
:root{--ti-ink:#231B17;--ti-muted:#7A716B;--ti-hair:rgba(74,10,30,.10);--ti-hair-soft:rgba(74,10,30,.06);--ti-cream:#FBF8F3;--ti-burgundy:#6B0F2B;--ti-gold:#C9A962;--ti-out:cubic-bezier(.23,1,.32,1)}

/* ---------- top bar: one slim strip everywhere ---------- */
html body .tilo-header{background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,0) 60%),rgba(251,248,243,.72);
  -webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid var(--ti-hair-soft);box-shadow:inset 0 1px 0 rgba(255,255,255,.6);padding:0 .6rem}
html body .tilo-header-inner{height:56px;gap:.4rem}
html body .tilo-header .tilo-logo img,html body .tilo-header .tilo-logo-img,html body .tilo-header img.tilo-logo{height:34px;width:auto;filter:none}
html body .tilo-back,html body .tilo-header-link,html body .tilo-cart-btn,html body .tilo-header-icon,html body .tilo-back-btn{
  width:40px;height:40px;border:0;border-radius:999px;background:transparent;color:var(--ti-ink);box-shadow:none;transition:transform .16s var(--ti-out),background .2s ease}
html body .tilo-back svg,html body .tilo-header-link svg,html body .tilo-cart-btn svg,html body .tilo-header-icon svg,html body .tilo-back-btn svg{width:22px;height:22px;stroke:var(--ti-ink);stroke-width:1.5}
html body .tilo-back:active,html body .tilo-header-link:active,html body .tilo-cart-btn:active,html body .tilo-header-icon:active,html body .tilo-back-btn:active{transform:scale(.92);background:rgba(74,10,30,.05)}
html body .tilo-cart-count{background:var(--ti-burgundy);color:#fff;font-weight:600;font-size:.58rem;min-width:16px;height:16px;line-height:16px;border-radius:8px;top:4px;right:2px}
/* category page keeps its transparent state over the banner; only its icons change */
html body.tilo-category-page .tilo-header:not(.scrolled){background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0;box-shadow:none}
html body.tilo-category-page .tilo-header:not(.scrolled) .tilo-header-icon svg,html body.tilo-category-page .tilo-header:not(.scrolled) .tilo-back-btn svg{stroke:#fff}
html body.tilo-category-page .tilo-header:not(.scrolled) .tilo-back-btn{background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}
html body.tilo-category-page .tilo-header.scrolled .tilo-back-btn{background:transparent;border:0}
/* cart: "continue shopping" as a quiet pill */
html body .tilo-continue-btn{border:1px solid var(--ti-hair);border-radius:999px;background:transparent;color:var(--ti-ink);font-family:'Jost',sans-serif;font-size:.68rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:.55rem .95rem;gap:.45rem}
html body .tilo-continue-btn svg{width:15px;height:15px;stroke-width:1.6}

/* ---------- category banner: clear the bar, calmer type ---------- */
html body.tilo-category-page .smart-banner{height:300px;margin-top:0}
html body.tilo-category-page .smart-banner .banner-content{padding-top:4.75rem}
html body.tilo-category-page .banner-subtitle{font-family:'Jost',sans-serif;font-size:.62rem;letter-spacing:.26em;font-weight:500;color:rgba(255,255,255,.78)!important;margin-bottom:.9rem}
html body.tilo-category-page .smart-banner h1.banner-title,html body.tilo-category-page .smart-banner .banner-content .banner-title{font-family:'Cormorant Garamond','Cormorant',Georgia,serif;font-weight:400;letter-spacing:-.01em;line-height:1.02}

/* ---------- product cards (category, collection, rails) ---------- */
html body .tilo-card{border-radius:14px;border:1px solid var(--ti-hair-soft);background:#fff;box-shadow:none;overflow:hidden;transition:transform .35s var(--ti-out),box-shadow .35s var(--ti-out)}
html body .tilo-card:active{transform:scale(.985)}
html body .tilo-card-img{background:#F3EEE6;border-radius:0}
html body .tilo-card-badge{top:.6rem;left:.6rem;border-radius:999px;padding:.32rem .6rem;font-family:'Jost',sans-serif;font-size:.56rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;box-shadow:none}
html body .tilo-card-badge.new{background:rgba(251,248,243,.92);color:#A68B4B;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
html body .tilo-card-quickview,html body .tilo-card-wish{width:36px;height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:rgba(251,248,243,.62);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 6px 16px -8px rgba(0,0,0,.35);color:var(--ti-ink)}
html body .tilo-card-quickview svg,html body .tilo-card-wish svg{width:16px;height:16px;stroke-width:1.5}
html body .tilo-card-info{padding:.8rem .85rem 1rem}
html body .tilo-card-name{font-family:'Cormorant Garamond','Cormorant',Georgia,serif;font-size:1.08rem;font-weight:500;line-height:1.2;color:var(--ti-ink);letter-spacing:0}
html body .tilo-card-price{font-family:'Jost',sans-serif;font-size:.9rem;font-weight:500;color:var(--ti-ink);margin-top:.3rem}
html body .tilo-card-price .original{color:var(--ti-muted);font-weight:300;text-decoration:line-through}
html body .tilo-card-sale{border-radius:999px;font-size:.56rem;font-weight:600;letter-spacing:.1em}
html body .tilo-card-grid{gap:.85rem}

/* ---------- product page ---------- */
@media (max-width:992px){
  html body.single-product .tilo-breadcrumbs{display:none}
  html body.single-product .tilo-main{padding:.9rem .95rem 7rem}
  html body.single-product .tilo-main-viewer,html body.single-product .tilo-main-img-wrap{border-radius:14px}
  html body.single-product .tilo-main-img-wrap{background:#F3EEE6}
}
html body.single-product .tilo-dots{gap:.4rem;padding:.8rem 0 0}
html body.single-product .tilo-dot{width:18px;height:2px;border-radius:2px;background:rgba(74,10,30,.14);transition:width .3s var(--ti-out),background .3s ease}
html body.single-product .tilo-dot.active{width:28px;background:var(--ti-burgundy)}
html body.single-product .tilo-nav-arrow{width:36px;height:36px;border-radius:999px;background:rgba(251,248,243,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.55);color:var(--ti-ink)}
html body.single-product .tilo-title-row h1.tilo-title{font-family:'Cormorant Garamond','Cormorant',Georgia,serif;font-size:1.9rem;font-weight:500;line-height:1.08;letter-spacing:-.012em;color:var(--ti-ink)}
html body.single-product .tilo-title-btn{width:36px;height:36px;padding:0;border-radius:999px;border:1px solid var(--ti-hair);background:#fff;color:var(--ti-ink);opacity:1;font-size:0;gap:0}
html body.single-product .tilo-title-btn svg{width:16px;height:16px;stroke-width:1.5}
html body.single-product .tilo-title-btn:active{transform:scale(.92)}
html body.single-product .tilo-rating{font-family:'Jost',sans-serif;font-size:.8rem;color:var(--ti-muted)}
html body.single-product .tilo-rating-text a,html body.single-product .tilo-rating-text{color:var(--ti-muted)}
html body.single-product .tilo-price{font-family:'Jost',sans-serif;font-size:1.4rem;font-weight:500;color:var(--ti-ink);letter-spacing:-.01em}
html body.single-product .tilo-price-original{font-weight:300;color:var(--ti-muted)}
html body.single-product .tilo-tax-note{font-family:'Jost',sans-serif;font-size:.74rem;color:var(--ti-muted)}
html body.single-product .tilo-option-label{font-family:'Jost',sans-serif;font-size:.62rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--ti-muted)}
html body.single-product .tilo-option-label span{color:var(--ti-ink);font-weight:500;letter-spacing:.02em;text-transform:none;font-size:.86rem}
html body.single-product .tilo-colors,html body.single-product .tilo-sizes{gap:.5rem}
html body.single-product .tilo-color-name,html body.single-product .tilo-size-box{height:38px;padding:0 1rem;border-radius:999px;border:1px solid var(--ti-hair);background:#fff;font-family:'Jost',sans-serif;font-size:.82rem;font-weight:400;color:var(--ti-ink);transition:background .2s ease,color .2s ease,border-color .2s ease,transform .16s var(--ti-out)}
html body.single-product .tilo-color-option:active .tilo-color-name,html body.single-product .tilo-size-option:active .tilo-size-box{transform:scale(.96)}
html body.single-product .tilo-color-option input:checked + .tilo-color-name,html body.single-product .tilo-size-option input:checked + .tilo-size-box{background:var(--ti-burgundy);border-color:var(--ti-burgundy);color:#fff;font-weight:500}
html body.single-product .tilo-size-option input:disabled + .tilo-size-box,html body.single-product .tilo-color-option input:disabled + .tilo-color-name{opacity:.38;text-decoration:line-through}
html body.single-product .tilo-delivery-row{font-family:'Jost',sans-serif;font-size:.86rem;color:var(--ti-ink)}
html body.single-product .tilo-qty-row{gap:.8rem}
html body.single-product .tilo-qty-label{font-family:'Jost',sans-serif;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ti-muted)}
html body.single-product .tilo-qty-selector{border:1px solid var(--ti-hair);border-radius:999px;background:#fff;overflow:hidden;height:40px}
html body.single-product .tilo-qty-btn{width:38px;height:38px;color:var(--ti-ink);font-size:1.05rem}
html body.single-product .tilo-qty-input{font-family:'Jost',sans-serif;font-weight:500;color:var(--ti-ink)}
html body.single-product .tilo-buttons-row{gap:.6rem}
html body.single-product .tilo-add-btn,html body.single-product .tilo-buy-btn,html body.single-product .tilo-mobile-sticky-btn,html body.single-product .tilo-mobile-sticky-buy{
  height:48px;border-radius:999px;font-family:'Jost',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;gap:.45rem;transition:transform .16s var(--ti-out),background .2s ease,border-color .2s ease,color .2s ease}
html body.single-product .tilo-add-btn,html body.single-product .tilo-mobile-sticky-buy{background:var(--ti-burgundy);color:#fff;border:0;box-shadow:0 10px 24px -14px rgba(107,15,43,.6)}
html body.single-product .tilo-buy-btn,html body.single-product .tilo-mobile-sticky-btn{background:transparent;color:var(--ti-burgundy);border:1px solid rgba(107,15,43,.55)}
html body.single-product .tilo-add-btn:active,html body.single-product .tilo-buy-btn:active,html body.single-product .tilo-mobile-sticky-btn:active,html body.single-product .tilo-mobile-sticky-buy:active{transform:scale(.97)}
html body.single-product .tilo-add-btn svg,html body.single-product .tilo-buy-btn svg{display:none}
html body.single-product .tilo-accordion-item{border-bottom:1px solid var(--ti-hair-soft)}
html body.single-product .tilo-accordion-header{font-family:'Jost',sans-serif;font-size:.7rem;letter-spacing:.2em;font-weight:500;color:var(--ti-ink)}
html body.single-product .tilo-accordion-header svg{stroke-width:1.3;opacity:.6}
html body.single-product .tilo-accordion-content{font-family:'Jost',sans-serif;font-weight:300;font-size:.92rem;line-height:1.75;color:#5E534C}

/* product sticky bar: same material as the tab bar, appears only once the in-page buttons have scrolled away */
@media (max-width:768px){
  html body .tilo-mobile-sticky{border-radius:22px;overflow:hidden;padding:.5rem .55rem;background:linear-gradient(135deg,rgba(255,255,255,.44),rgba(255,255,255,.16)),rgba(251,248,243,.86);border:1px solid rgba(255,255,255,.6);
    -webkit-backdrop-filter:blur(24px) saturate(180%) contrast(1.05);backdrop-filter:blur(24px) saturate(180%) contrast(1.05);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 2px 14px -4px rgba(74,10,30,.16),0 1px 2px rgba(74,10,30,.06);
    transform:translate3d(0,140%,0);opacity:0;transition:transform .5s cubic-bezier(.32,.72,0,1),opacity .35s ease;pointer-events:none}
  html body .tilo-mobile-sticky.is-on{transform:none;opacity:1;pointer-events:auto}
  html body .tilo-mobile-sticky-inner{display:flex;align-items:center;gap:.45rem;margin:0;max-width:none;padding:0}
  html body .tilo-msticky-qty,html body .tilo-mobile-sticky .tilo-qty-selector{border-radius:999px;height:42px}
  html body .tilo-mobile-sticky-btn,html body .tilo-mobile-sticky-buy{height:42px;font-size:.66rem;letter-spacing:.14em;padding:0 .9rem}
  html body:has(.tilo-mobile-sticky){padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
  html body:has(.tilo-mobile-sticky.is-on){padding-bottom:calc(170px + env(safe-area-inset-bottom,0px))}
}

/* fixes after first capture: the skin's body.single-product rules outrank plain selectors; the category template uses !important on its back chip */
html body.single-product .tilo-back,html body.single-product .tilo-header-link,html body.single-product .tilo-cart-btn{border:0!important;background:transparent!important;box-shadow:none!important}
html body.single-product .tilo-back:active,html body.single-product .tilo-header-link:active,html body.single-product .tilo-cart-btn:active{background:rgba(74,10,30,.05)!important}
html body.tilo-category-page .tilo-header.scrolled .tilo-back-btn{background:transparent!important;color:var(--ti-ink)!important;border:0}
html body.single-product .tilo-write-review-btn{border:1px solid rgba(107,15,43,.45);border-radius:999px;background:transparent;color:var(--ti-burgundy);font-family:'Jost',sans-serif;font-size:.66rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:.7rem 1.1rem;white-space:nowrap;transition:transform .16s var(--ti-out),background .2s ease,color .2s ease}
html body.single-product .tilo-write-review-btn:active{transform:scale(.97)}
html body.single-product .tilo-write-review-btn:hover{background:var(--ti-burgundy);color:#fff}
html body.single-product .tilo-reviews-summary{border-radius:14px;border:1px solid var(--ti-hair-soft);box-shadow:none}

/* ---------- section titles on inner pages ---------- */
html body .tilo-section-title,html body .tilo-recommended h2,html body .tilo-recently-viewed h2{font-family:'Cormorant Garamond','Cormorant',Georgia,serif;font-weight:400;letter-spacing:-.01em;color:var(--ti-ink)}
html body .tilo-view-all{font-family:'Jost',sans-serif;font-size:.66rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ti-burgundy);border:1px solid rgba(107,15,43,.35);border-radius:999px;padding:.55rem 1rem;background:transparent}

@media (prefers-reduced-transparency:reduce){
  html body .tilo-header,html body .tilo-mobile-sticky{background:rgba(251,248,243,.97);-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media (prefers-reduced-motion:reduce){
  html body .tilo-mobile-sticky{transition:none}
}

/* universal-search trigger (mu-plugin) sits in the same header row: same 40px plain icon */
html body .tilo-header .tilo-us-trigger{width:40px!important;height:40px!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;color:#231B17!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center}
html body .tilo-header .tilo-us-trigger svg{width:22px!important;height:22px!important;stroke:#231B17!important;stroke-width:1.5!important}
html body.tilo-category-page .tilo-header:not(.scrolled) .tilo-us-trigger svg{stroke:#fff!important}
html body .tilo-header .tilo-us-trigger:active{transform:scale(.92);background:rgba(74,10,30,.05)!important}

/* ---------- Add to Bag panel v2: the same capsule and material as the tab bar ----------
   One 999px capsule, 8px inner padding; three 44px pills inside: a glass qty stepper,
   an outline "Add to bag", a filled "Buy now". Same label type as the tab bar. */
@media (max-width:768px){
  html body .tilo-mobile-sticky{border-radius:999px!important;padding:.5rem!important;isolation:isolate;
    background:linear-gradient(135deg,rgba(255,255,255,.44),rgba(255,255,255,.16)),rgba(251,248,243,.86)!important;border:1px solid rgba(255,255,255,.6)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.62),inset 0 -1px 0 rgba(255,255,255,.14),0 2px 14px -4px rgba(74,10,30,.16),0 1px 2px rgba(74,10,30,.06)!important}
  html body .tilo-mobile-sticky::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
    background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.55),transparent 34%),linear-gradient(90deg,rgba(255,255,255,.18),transparent 42%,rgba(255,255,255,.14))}
  html body .tilo-mobile-sticky-inner{display:flex;align-items:center;gap:.4rem;margin:0;padding:0;max-width:none}
  html body.single-product .tilo-msticky-qty{flex:0 0 auto;display:inline-flex;align-items:center;height:44px!important;padding:0 .15rem;border-radius:999px!important;border:1px solid rgba(74,10,30,.18)!important;background:transparent!important;box-shadow:none;gap:0;overflow:hidden}
  html body.single-product .tilo-msticky-qty button{width:34px;height:40px;border:0!important;background:transparent!important;color:#231B17;font-size:1.05rem;line-height:1;border-radius:999px;padding:0;transition:transform .16s cubic-bezier(.23,1,.32,1),background .2s ease}
  html body .tilo-msticky-qty button:active{transform:scale(.9);background:rgba(74,10,30,.06)}
  html body .tilo-msticky-qty span{min-width:22px;text-align:center;font-family:'Jost',sans-serif;font-size:.9rem;font-weight:500;color:#231B17;padding:0}
  html body.single-product .tilo-mobile-sticky-btn,html body.single-product .tilo-mobile-sticky-buy{flex:1 1 0;height:44px!important;padding:0 .6rem;border-radius:999px!important;font-family:'Jost',sans-serif;font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;gap:.35rem;min-width:0}
  html body.single-product .tilo-mobile-sticky-btn{background:transparent;color:#6B0F2B;border:1px solid rgba(107,15,43,.5);box-shadow:none}
  html body.single-product .tilo-mobile-sticky-buy{flex-grow:1.15;background:#6B0F2B;color:#fff;border:0;box-shadow:0 8px 20px -12px rgba(107,15,43,.7)}
  html body .tilo-mobile-sticky-btn svg,html body .tilo-mobile-sticky-buy svg{display:none}
  html body .tilo-mobile-sticky-btn:active,html body .tilo-mobile-sticky-buy:active{transform:scale(.97)}
  html body .tilo-mobile-sticky-btn:disabled,html body .tilo-mobile-sticky-buy:disabled{opacity:.45}
}

/* ---------- Add to Bag panel v3: no container. Three free-floating pills; the two outlined ones carry the glass material. ---------- */
@media (max-width:768px){
  html body.single-product .tilo-mobile-sticky{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;overflow:visible!important;isolation:auto}
  html body.single-product .tilo-mobile-sticky::before{display:none}
  html body.single-product .tilo-mobile-sticky-inner{gap:.5rem}
  html body.single-product .tilo-msticky-qty,html body.single-product .tilo-mobile-sticky-btn{
    background:linear-gradient(135deg,rgba(255,255,255,.44),rgba(255,255,255,.16)),rgba(251,248,243,.86)!important;border:1px solid rgba(255,255,255,.6)!important;
    -webkit-backdrop-filter:blur(24px) saturate(180%) contrast(1.05);backdrop-filter:blur(24px) saturate(180%) contrast(1.05);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 2px 14px -4px rgba(74,10,30,.18),0 1px 2px rgba(74,10,30,.06)!important}
  html body.single-product .tilo-msticky-qty,html body.single-product .tilo-mobile-sticky-btn,html body.single-product .tilo-mobile-sticky-buy{height:50px!important}
  html body.single-product .tilo-msticky-qty button{height:46px}
  html body.single-product .tilo-mobile-sticky-btn{color:#4A0A1E}
  html body.single-product .tilo-mobile-sticky-buy{box-shadow:0 2px 14px -4px rgba(74,10,30,.3),0 8px 20px -12px rgba(107,15,43,.7)!important}
  html body:has(.tilo-mobile-sticky.is-on){padding-bottom:calc(160px + env(safe-area-inset-bottom,0px))}
}

/* ---------- category pages v2 (13 Sep 2026) ---------- */
/* the filter sheet: parked fully off-screen (safe area + Safari toolbar included) and hidden while closed;
   it used to peek up behind the floating bar as a white band */
@media (max-width:768px){
  html body.tilo-category-page .tilo-filter-drawer{bottom:calc(86px + env(safe-area-inset-bottom,0px));height:calc(88vh - 86px);max-height:calc(88vh - 86px);
    transform:translateY(calc(100% + 140px + env(safe-area-inset-bottom,0px)));visibility:hidden;transition:transform .38s cubic-bezier(.32,.72,0,1),visibility 0s linear .4s}
  html body.tilo-category-page .tilo-filter-drawer.is-open{transform:translateY(0);visibility:visible;transition:transform .38s cubic-bezier(.32,.72,0,1),visibility 0s}
  html body.tilo-category-page .tilo-filter-backdrop:not(.is-open){pointer-events:none;visibility:hidden}
}
/* banner: one title, one line of copy, a quiet count; content sits low over a bottom scrim */
html body.tilo-category-page .smart-banner{height:340px;align-items:flex-end}
html body.tilo-category-page .smart-banner .banner-content{padding:4.75rem 1.5rem 1.6rem;max-width:none;width:100%}
html body.tilo-category-page .banner-tagline,html body.tilo-category-page .banner-line{display:none!important}
html body.tilo-category-page .smart-banner h1.banner-title,html body.tilo-category-page .smart-banner .banner-content .banner-title{font-size:2.7rem;font-weight:400;letter-spacing:-.012em;line-height:1;margin:0 0 .55rem!important;text-shadow:0 2px 24px rgba(0,0,0,.35)}
html body.tilo-category-page .banner-subtitle{font-family:'Jost',sans-serif;font-size:.95rem;font-weight:300;letter-spacing:.01em;text-transform:none;color:rgba(255,255,255,.86)!important;margin:0 0 .8rem;max-width:30ch;line-height:1.45}
html body.tilo-category-page .banner-count{display:inline-flex;padding:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:0;font-family:'Jost',sans-serif;font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.7);gap:.35rem}
html body.tilo-category-page .banner-count strong{color:#DCC48F;font-weight:500}
html body.tilo-category-page .smart-banner-tint{background:linear-gradient(to top,rgba(24,7,12,.78) 0%,rgba(24,7,12,.42) 38%,rgba(24,7,12,.08) 70%,rgba(24,7,12,0) 100%)}
/* grid: real gutters, names on two lines instead of an ellipsis */
html body.tilo-category-page .tilo-products-section{padding:1.1rem .85rem 2rem;background:#FBF8F3}
html body .tilo-card-name{white-space:normal;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.4em}
html body .tilo-card-price .current{font-family:'Jost',sans-serif;font-size:.92rem;font-weight:500;color:#231B17}
html body .tilo-card-price{margin-top:.25rem}
html body .tilo-card-quickview{bottom:.6rem;right:.6rem}
@media (min-width:768px){
  html body.tilo-category-page .smart-banner{height:420px}
  html body.tilo-category-page .smart-banner .banner-content{padding:5rem 5% 2.6rem}
  html body.tilo-category-page .smart-banner h1.banner-title,html body.tilo-category-page .smart-banner .banner-content .banner-title{font-size:4rem}
}

/* ==========================================================================
   UNIVERSAL PRODUCT CARD v3 (13 Sep 2026). One card on every page: category grid,
   collection pages, home rails (bestsellers, per-category, summer, sale) and the
   product-page strips. Ivory surface, 16px corners, hairline, 3:4 photograph that
   bleeds to the edges, caption with two type roles, small glass chips, lift on
   hover, press on touch.
   ========================================================================== */
html body .tilo-card,html body .tilo-bestseller-card,html body .tilo-product-card,html body .tilo-bestseller-cat-card,html body .tilo-summer-card,html body .tilo-sale-card{
  display:block;position:relative;background:#FFFDFB!important;border:1px solid rgba(74,10,30,.07)!important;border-radius:16px!important;overflow:hidden!important;
  box-shadow:0 1px 2px rgba(74,10,30,.04),0 10px 30px -26px rgba(74,10,30,.35)!important;text-decoration:none;
  transition:transform .35s cubic-bezier(.23,1,.32,1),box-shadow .35s cubic-bezier(.23,1,.32,1)!important;transform:none}
html body .tilo-card:active,html body .tilo-bestseller-card:active,html body .tilo-product-card:active,html body .tilo-bestseller-cat-card:active,html body .tilo-summer-card:active,html body .tilo-sale-card:active{transform:scale(.985)}
html body .tilo-card-img,html body .tilo-bestseller-img,html body .tilo-product-card-img,html body .tilo-bestseller-cat-img,html body .tilo-summer-img,html body .tilo-sale-img{position:relative;aspect-ratio:3/4;overflow:hidden;background:#F1EBE2;border-radius:0!important;margin:0;height:auto}
html body .tilo-card-img img,html body .tilo-bestseller-img img,html body .tilo-product-card-img img,html body .tilo-bestseller-cat-img img,html body .tilo-summer-img img,html body .tilo-sale-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.23,1,.32,1)}
html body .tilo-card:active img,html body .tilo-bestseller-card:active img,html body .tilo-product-card:active img,html body .tilo-bestseller-cat-card:active img,html body .tilo-summer-card:active img,html body .tilo-sale-card:active img{transform:scale(1.03)}
html body .tilo-card-img::after,html body .tilo-bestseller-img::after,html body .tilo-product-card-img::after,html body .tilo-bestseller-cat-img::after,html body .tilo-summer-img::after,html body .tilo-sale-img::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(24,7,12,.08),transparent 28%)}
html body .tilo-card-badge,html body .tilo-bestseller-badge{position:absolute;top:.6rem;left:.6rem;z-index:2;padding:.28rem .55rem;border-radius:999px;font-family:'Jost',sans-serif;font-size:.5rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;line-height:1;
  background:rgba(251,248,243,.88);color:#8A7340;border:1px solid rgba(255,255,255,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none}
html body .tilo-card-badge.sale,html body .tilo-bestseller-badge.sale{background:rgba(107,15,43,.92);color:#fff;border-color:rgba(255,255,255,.2)}
html body .tilo-card-sale,html body .tilo-bestseller-sale,html body .tilo-sale-discount{position:absolute;top:.6rem;right:.6rem;left:auto;z-index:2;padding:.28rem .55rem;border-radius:999px;font-family:'Jost',sans-serif;font-size:.5rem;font-weight:600;letter-spacing:.14em;line-height:1;background:rgba(107,15,43,.92);color:#fff;box-shadow:none}
html body .tilo-card-quickview,html body .tilo-bestseller-quickview,html body .tilo-card-wish{position:absolute;z-index:2;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,.55);
  background:rgba(251,248,243,.6);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 12px -6px rgba(0,0,0,.35);color:#231B17;opacity:1;transform:none;transition:transform .16s cubic-bezier(.23,1,.32,1),background .2s ease}
html body .tilo-card-quickview,html body .tilo-bestseller-quickview{bottom:.6rem;right:.6rem;top:auto}
html body .tilo-card-wish{top:.6rem;right:.6rem;bottom:auto}
html body .tilo-card-quickview svg,html body .tilo-bestseller-quickview svg,html body .tilo-card-wish svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.5;fill:none}
html body .tilo-card-quickview:active,html body .tilo-bestseller-quickview:active,html body .tilo-card-wish:active{transform:scale(.9);background:rgba(251,248,243,.9);color:#231B17}
html body .tilo-card-info,html body .tilo-bestseller-info,html body .tilo-product-card-info,html body .tilo-bestseller-cat-info,html body .tilo-summer-info,html body .tilo-sale-info{padding:.75rem .85rem .95rem!important;text-align:left;background:transparent;position:static}
html body .tilo-card-name,html body .tilo-bestseller-name,html body .tilo-product-card-title,html body .tilo-bestseller-cat-name,html body .tilo-summer-name,html body .tilo-sale-name{font-family:'Cormorant Garamond','Cormorant',Georgia,serif!important;font-size:1rem!important;font-weight:500!important;line-height:1.22!important;letter-spacing:0!important;color:#231B17!important;margin:0 0 .3rem!important;
  white-space:normal;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.44em;text-transform:none}
html body .tilo-card-price,html body .tilo-bestseller-price,html body .tilo-product-card-price,html body .tilo-bestseller-cat-price,html body .tilo-summer-price,html body .tilo-sale-price{display:flex;align-items:baseline;gap:.45rem;margin:0!important;font-family:'Jost',sans-serif!important;font-size:.84rem!important;font-weight:500!important;color:#231B17!important;letter-spacing:.01em}
html body .tilo-card-price .current,html body .tilo-bestseller-price .current,html body .tilo-product-card-price .current,html body .tilo-bestseller-cat-price .current,html body .tilo-summer-price .current,html body .tilo-sale-price .current{font-family:'Jost',sans-serif;font-size:.84rem;font-weight:500;color:#231B17}
html body .tilo-card-price .original,html body .tilo-bestseller-price .original,html body .tilo-product-card-price .original,html body .tilo-bestseller-cat-price .original,html body .tilo-summer-price .original,html body .tilo-sale-price .original{font-family:'Jost',sans-serif;font-size:.74rem;font-weight:300;color:#9A918A;text-decoration:line-through}
html body .tilo-card-meta{gap:.3rem;margin-top:.45rem}
html body .tilo-card-size{font-family:'Jost',sans-serif;font-size:.6rem;color:#7A716B;font-weight:400;letter-spacing:.08em}
html body .tilo-card-size:not(:last-child)::after{color:#D8D0C6}
html body .tilo-card-colors{gap:4px}
html body .tilo-card-color-dot{width:11px;height:11px;border:1px solid rgba(74,10,30,.14);box-shadow:inset 0 0 0 1.5px #FFFDFB}
html body .tilo-card-color-more{background:transparent;color:#7A716B;font-size:.58rem;font-weight:500;min-width:0;padding:0 2px;height:auto}
html body .tilo-card-grid{gap:1rem .85rem}
@media (hover:hover){
  html body .tilo-card:hover,html body .tilo-bestseller-card:hover,html body .tilo-product-card:hover,html body .tilo-bestseller-cat-card:hover,html body .tilo-summer-card:hover,html body .tilo-sale-card:hover{transform:translateY(-3px);box-shadow:0 1px 2px rgba(74,10,30,.04),0 22px 44px -22px rgba(74,10,30,.38)!important}
  html body .tilo-card:hover img,html body .tilo-bestseller-card:hover img,html body .tilo-product-card:hover img,html body .tilo-bestseller-cat-card:hover img,html body .tilo-summer-card:hover img,html body .tilo-sale-card:hover img{transform:scale(1.04)}
}
@media (min-width:768px){html body .tilo-card-grid{gap:1.5rem 1.25rem}html body .tilo-card-name,html body .tilo-bestseller-name,html body .tilo-product-card-title,html body .tilo-bestseller-cat-name,html body .tilo-summer-name,html body .tilo-sale-name{font-size:1.08rem!important}html body .tilo-card-info,html body .tilo-bestseller-info,html body .tilo-product-card-info,html body .tilo-bestseller-cat-info,html body .tilo-summer-info,html body .tilo-sale-info{padding:.9rem 1rem 1.1rem!important}}

/* ---------- product page tail (13 Sep 2026) ----------
   WooCommerce prints its PhotoSwipe lightbox markup inline; without its stylesheet the
   buttons showed as tiny grey bars under the last strip. Hidden unless it is actually open.
   The page's own bottom padding doubled up with the room reserved for the floating bars. */
html body .pswp:not(.pswp--open){display:none!important}
@media (max-width:992px){
  html body.single-product .tilo-main{padding-bottom:.5rem!important}
  html body.single-product .tilo-recommended,html body.single-product .tilo-recently-viewed{margin-bottom:0;padding-bottom:.5rem}
  html body:has(.tilo-mobile-sticky.is-on){padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}
}