/* Terralora Storefront Premium V4 — conservative conversion layer
   Keeps the original storefront structure intact. No giant overlays, no floating promo popups.
*/
:root{
  --tl-v4-ink:#1f2926;
  --tl-v4-green:#173f3b;
  --tl-v4-green-2:#245c55;
  --tl-v4-orange:#e86f31;
  --tl-v4-cream:#fbfaf7;
  --tl-v4-line:#e9e6df;
  --tl-v4-muted:#6f7774;
  --tl-v4-shadow:0 10px 30px rgba(28,48,43,.06);
}
html{scroll-behavior:smooth}
body{color:var(--tl-v4-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a,button{transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}

/* Announcement: readable, premium, not intrusive */
.tl-benefit-strip-premium{background:#173f3b!important;color:#fff!important;border:0!important;min-height:46px!important;box-shadow:none!important}
.tl-benefit-strip-shell{max-width:1400px!important;min-height:46px!important;padding:0 20px!important;grid-template-columns:34px minmax(0,1fr) 34px!important}
.tl-benefit-strip-track,.tl-benefit-strip-link{min-height:46px!important}
.tl-benefit-strip-link{padding:6px 10px!important;gap:10px!important;color:#fff!important}
.tl-benefit-kicker{font-size:9px!important;letter-spacing:.12em!important;color:#cce2dd!important}
.tl-benefit-message{font-size:12px!important;line-height:1.25!important;font-weight:700!important}
.tl-benefit-message strong{font-size:12px!important;color:#fff!important}
.tl-benefit-code{background:#fff!important;color:#173f3b!important;border:0!important;border-radius:9px!important;padding:6px 9px!important;box-shadow:none!important}
.tl-benefit-code small{font-size:7px!important;color:#82908d!important}.tl-benefit-code b{font-size:10px!important;letter-spacing:.05em!important}
.tl-benefit-cta{font-size:10px!important;font-weight:850!important;border:1px solid rgba(255,255,255,.25)!important;background:rgba(255,255,255,.08)!important;border-radius:999px!important;padding:6px 10px!important}
.tl-benefit-nav{width:28px!important;height:28px!important;border:0!important;background:transparent!important;color:#fff!important;opacity:.76}
.tl-benefit-nav:hover{opacity:1;background:rgba(255,255,255,.09)!important}
.tl-benefit-dots{display:none!important}.tl-benefit-progress{height:1px!important;opacity:.35!important}
.tl-benefit-mobile-message{display:none}

/* Header: preserve original layout, improve hierarchy only */
header.sticky{background:rgba(255,255,255,.985)!important;border-color:#ebe8e2!important;box-shadow:0 3px 16px rgba(25,42,38,.04);backdrop-filter:blur(10px)}
header.sticky>.max-w-\[1400px\]{padding-top:11px!important;padding-bottom:11px!important}
header.sticky form[action="search.php"].md\:flex{background:#fafaf8!important;border-color:#ddd9d2!important;box-shadow:none!important}
header.sticky form[action="search.php"].md\:flex:focus-within{border-color:#9fb3ae!important;box-shadow:0 0 0 4px rgba(23,63,59,.06)!important}

/* Homepage: retain original photography and proportions */
.tl-page-home main{background:#fff}
.tl-home-hero-main,.tl-home-brand-card{border:1px solid rgba(26,55,49,.07);box-shadow:var(--tl-v4-shadow)}
.tl-home-hero-main h1{letter-spacing:-.025em!important;text-wrap:balance}
.tl-home-hero-main a{font-weight:800!important;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.tl-home-brand-card:hover{transform:translateY(-1px)}
.tl-home-gift-teaser{border:1px solid #eadfcf!important;background:#fcf8f1!important;box-shadow:none!important}
.tl-home-world{border-color:var(--tl-v4-line)!important;box-shadow:0 5px 18px rgba(28,48,43,.025)}
.tl-home-world-head a,.tl-home-brand-section-head a{color:var(--tl-v4-green)!important;text-underline-offset:3px}
.tl-home-collection-card span:first-child{border-color:#e7e2d9!important;box-shadow:0 4px 14px rgba(28,48,43,.05)}
.tl-home-brand-section{border-color:#efebe4!important}
.tl-home-proof{background:#f8f6f1!important;border:1px solid #ebe6dd!important;box-shadow:none!important}

/* Product cards: premium without shrinking information */
.tl-unified-card>a.group>div:first-child{border:1px solid #ede9e2;border-radius:15px!important;background:#f6f4f0!important;box-shadow:0 6px 18px rgba(28,48,43,.035)}
.tl-unified-card h3{font-size:13px!important;line-height:1.35!important;font-weight:750!important;color:#26302d!important;min-height:35px}
.tl-unified-card .tl-home-price strong{font-size:16px!important;color:#182522!important}
.tl-unified-card .tl-quick-add{min-height:40px!important;border-radius:999px!important;background:#173f3b!important;border-color:#173f3b!important;padding:9px 15px!important}
.tl-unified-card .tl-quick-add:hover{background:#0f302d!important;transform:translateY(-1px)}
.tl-card-rating{box-shadow:none!important}

/* Product page conversion confidence */
.tl-page-product .tl-add,.tl-page-product .tl-buy-now{min-height:50px!important;border-radius:999px!important;font-weight:900!important}
.tl-page-product .tl-promo-card,.tl-page-product .tl-under-card{border-color:#e8e4dc!important;box-shadow:none!important}
.tl-page-product .tl-trust-chip{background:#f7faf8!important;border-color:#dfe9e5!important;color:#35564f!important}
.tl-return-confidence{display:flex;gap:9px;align-items:flex-start;padding:12px 13px;border:1px solid #dce8e3;background:#f4faf7;border-radius:13px;margin:11px 0;color:#35564f;text-decoration:none}
.tl-return-confidence:hover{border-color:#b9d5ca}.tl-return-confidence>span:first-child{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#dcefe8;color:#145e50;flex:0 0 26px}.tl-return-confidence b{display:block;font-size:11px}.tl-return-confidence small{display:block;font-size:9px;line-height:1.45;color:#688079;margin-top:2px}

/* Cart & checkout: lower anxiety, no decorative clutter */
.tl-auth-card,.tl-cart-summary{border-color:#e7e3db!important;border-radius:16px!important;box-shadow:0 8px 26px rgba(26,43,39,.04)!important}
.tl-checkout-consent{background:#faf9f6!important;border-radius:12px!important}
.tl-payment-lock{background:#f4faf7!important;border-color:#dcebe5!important;border-radius:13px!important}

/* Never show legacy floating campaign cards. Campaigns live in intended surfaces. */
.tl-premium-nudge,.tl-gift-awareness,.tl-gift-awareness-popup{display:none!important}

/* Mobile: compact, calm, thumb-friendly */
@media(max-width:700px){
  .tl-benefit-strip-premium,.tl-benefit-strip-shell,.tl-benefit-strip-track{min-height:44px!important}
  .tl-benefit-strip-shell{display:block!important;padding:0!important}
  .tl-benefit-nav,.tl-benefit-dots,.tl-benefit-progress,.tl-benefit-kicker,.tl-benefit-message,.tl-benefit-cta{display:none!important}
  .tl-benefit-strip-link{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;min-height:44px!important;padding:6px 14px!important}
  .tl-benefit-mobile-message{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11.5px!important;line-height:1.2!important;font-weight:800!important;color:#fff!important;text-align:left!important}
  .tl-benefit-code{justify-self:end!important;padding:5px 7px!important;border-radius:7px!important;max-width:105px!important}.tl-benefit-code small{display:none!important}.tl-benefit-code b{font-size:9px!important;white-space:nowrap!important}
  header.sticky{top:0!important;box-shadow:0 3px 14px rgba(24,41,37,.045)!important}
  header.sticky>.max-w-\[1400px\]{padding:8px 14px!important;gap:6px!important}
  header.sticky a[aria-label="Terralora home"] span:last-child{font-size:24px!important}
  .tl-mobile-header-search{margin:0 14px 10px!important;min-height:43px!important;border-radius:12px!important;background:#fafaf8!important;border-color:#dad7d0!important;box-shadow:none!important}
  .tl-home-hero-grid{gap:10px!important}
  .tl-home-hero-main{min-height:300px!important;border-radius:18px!important}
  .tl-home-hero-main>div{padding:26px 22px!important;max-width:340px!important}
  .tl-home-hero-main h1{font-size:31px!important;line-height:1.04!important;margin-bottom:18px!important}
  .tl-home-brand-card{min-height:220px!important;border-radius:16px!important}
  .tl-page-home section.max-w-\[1400px\]{padding-left:14px!important;padding-right:14px!important}
  .tl-home-gift-teaser{padding:10px 11px!important;border-radius:12px!important}
  .tl-home-world{padding:14px!important;border-radius:16px!important}
  .tl-home-proof{padding:16px!important;border-radius:17px!important}
  .tl-unified-card h3{font-size:12px!important;min-height:32px!important}
  .tl-unified-card>a.group>div:first-child{border-radius:13px!important}
  .tl-unified-card .tl-quick-add{width:100%!important;min-height:40px!important}
  .tl-page-product .tl-mobile-buybar{background:rgba(255,255,255,.98)!important;backdrop-filter:blur(10px);border-top:1px solid #e7e3dc!important;box-shadow:0 -8px 25px rgba(26,43,39,.08)!important}
  .tl-whatsapp-float{right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;padding:5px!important;box-shadow:0 8px 22px rgba(0,0,0,.17)!important}
  .tl-whatsapp-copy{display:none!important}.tl-whatsapp-icon{width:40px!important;height:40px!important;flex-basis:40px!important}
  body:has(.tl-mobile-buybar) .tl-whatsapp-float{bottom:calc(82px + env(safe-area-inset-bottom))!important}
  .tl-cart-shell,.tl-checkout-shell{padding-left:12px!important;padding-right:12px!important}
}
@media(max-width:390px){.tl-benefit-mobile-message{font-size:11px!important}.tl-home-hero-main h1{font-size:28px!important}header.sticky a[aria-label="Terralora home"] span:last-child{font-size:22px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* V5 final conversion refinement: hierarchy before promotion, calm premium surfaces. */
.tl-home-confidence-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #e8e5de;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px rgba(28,48,43,.035)}
.tl-home-confidence-rail>a,.tl-home-confidence-rail>span{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;min-width:0;text-decoration:none;color:#26312e;border-left:1px solid #eeeae3}
.tl-home-confidence-rail>*:first-child{border-left:0}.tl-confidence-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:0 0 28px;background:#edf6f3;color:#175c53;font-size:13px;font-weight:900}
.tl-home-confidence-rail b{display:block;font-size:11px;line-height:1.2}.tl-home-confidence-rail small{display:block;margin-top:2px;font-size:9px;line-height:1.3;color:#7c8581}
.tl-home-promo-inline{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #e8e1d4;background:#faf7f1;border-radius:14px;padding:11px 14px;text-decoration:none;color:#27302d;box-shadow:none}
.tl-home-promo-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#fff;color:#9b6c23;font-weight:900;border:1px solid #ece4d7}.tl-home-promo-copy{min-width:0}.tl-home-promo-copy b{display:block;font-size:12px;line-height:1.25}.tl-home-promo-copy small{display:block;font-size:10px;color:#776f63;margin-top:2px;line-height:1.35}.tl-home-promo-inline>a,.tl-home-promo-link,.tl-home-promo-inline>span:last-child{font-size:10.5px;font-weight:850;color:#8d631f;white-space:nowrap}.tl-home-promo-inline:hover{border-color:#d9c9af;background:#fbf6ed}
.tl-home-gift-teaser{display:none!important}

/* Keep the primary action visible but never overwhelm mobile navigation. */
@media(max-width:700px){
  .tl-benefit-strip-premium,.tl-benefit-strip-shell,.tl-benefit-strip-track{min-height:40px!important;height:40px!important}
  .tl-benefit-strip-link{min-height:40px!important;height:40px!important;padding:5px 12px!important;gap:7px!important}
  .tl-benefit-mobile-message{font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .tl-benefit-code{max-width:92px!important;padding:4px 7px!important}.tl-benefit-code b{font-size:8.5px!important}
  .tl-home-confidence-rail{grid-template-columns:1fr;border-radius:13px}
  .tl-home-confidence-rail>a,.tl-home-confidence-rail>span{justify-content:flex-start;padding:9px 11px;border-left:0;border-top:1px solid #eeeae3}.tl-home-confidence-rail>*:first-child{border-top:0}
  .tl-home-confidence-rail b{font-size:10.5px}.tl-home-confidence-rail small{font-size:8.8px}.tl-confidence-icon{width:25px;height:25px;flex-basis:25px}
  .tl-home-promo-inline{grid-template-columns:30px minmax(0,1fr) auto;gap:9px;padding:9px 10px;border-radius:12px}.tl-home-promo-icon{width:30px;height:30px}.tl-home-promo-copy b{font-size:10.8px}.tl-home-promo-copy small{font-size:8.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-home-promo-inline>a,.tl-home-promo-link,.tl-home-promo-inline>span:last-child{font-size:9.5px}
  /* The hero must be the visual focus on first screen, not campaigns. */
  .tl-home-hero-main{min-height:286px!important}.tl-home-hero-main>div{padding:24px 20px!important}.tl-home-hero-main h1{font-size:29px!important;max-width:280px!important}
}
