/*
 * Living — CSS-only template for furniture / home-decor shops. Loaded after
 * default/style.css; scoped to .lb-tpl-living. Showroom feel: linen + oak +
 * walnut, wide (4:3) photos, three roomy columns, square-ish corners.
 */
.lb-tpl-living{--lv-linen:#f5f0e8;--lv-oak:#c9a77c;--lv-walnut:#6b4a32;--lv-walnut-dk:#4e3524;--lv-ink:#2f2925;--lv-muted:#857565;--lv-line:#e4d9c9}

/* Header: split banner — details on the start side, a wood-grain panel on the end side */
.lb-tpl-living .lb-store-custom-header{position:relative;border-radius:6px;background:var(--lv-linen);border:1px solid var(--lv-line);overflow:hidden}
.lb-tpl-living .lb-store-custom-header::after{content:"";position:absolute;top:0;bottom:0;inset-inline-end:0;width:34%;
  background:repeating-linear-gradient(100deg,rgba(255,255,255,.07) 0 3px,transparent 3px 11px),repeating-linear-gradient(80deg,rgba(78,53,36,.10) 0 2px,transparent 2px 17px),linear-gradient(135deg,#d8b88d 0%,#c9a77c 45%,#b48a5e 100%);
  clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}
[dir="ltr"] .lb-tpl-living .lb-store-custom-header::after{clip-path:polygon(0 0,86% 0,100% 100%,0 100%)}
/* A shop's own cover replaces the wood panel (the cover is the hero then). */
.lb-tpl-living .lb-store-custom-header.has-cover::after{display:none}
.lb-tpl-living .lb-store-custom-header.has-cover .lb-store-header{max-width:none}
.lb-tpl-living .lb-store-header{position:relative;z-index:1;background:transparent;border:0;padding:2.4rem 2rem;margin:0;max-width:70%}
.lb-tpl-living .lb-store-logo,.lb-tpl-living .lb-store-logo-placeholder{width:92px;height:92px;flex-basis:92px;border-radius:6px;border:1px solid var(--lv-line);background:#fff;box-shadow:0 8px 20px rgba(47,41,37,.10)}
.lb-tpl-living .lb-store-logo-placeholder{color:var(--lv-walnut)}
.lb-tpl-living .lb-store-meta h1{color:var(--lv-ink);font-size:2rem;font-weight:800;letter-spacing:.01em}
.lb-tpl-living .lb-store-meta h1::after{content:"";display:block;width:56px;height:3px;background:var(--lv-walnut);margin-top:.45rem}
.lb-tpl-living .lb-store-meta-row{color:var(--lv-muted)}
.lb-tpl-living .lb-store-meta-row a{color:var(--lv-walnut)}

/* Headings and about */
.lb-tpl-living .lb-section-head{border-bottom:1px solid var(--lv-line);padding-bottom:.6rem}
.lb-tpl-living .lb-section-head h2{color:var(--lv-ink);font-weight:800;letter-spacing:.02em}
.lb-tpl-living .lb-store-about > div:not(.lb-section-head){color:#5a4d42;line-height:1.95;font-size:1rem;max-width:760px}

/* Products: three roomy columns, wide photos, quiet cards */
.lb-tpl-living .lb-store-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}
.lb-tpl-living .lb-product-card{border:1px solid var(--lv-line);border-radius:6px;box-shadow:none;background:#fff;transition:box-shadow .2s ease,border-color .2s ease}
.lb-tpl-living .lb-product-card:hover{border-color:var(--lv-oak);box-shadow:0 14px 30px rgba(47,41,37,.10)}
.lb-tpl-living .lb-product-card-media{aspect-ratio:4/3;background:var(--lv-linen)}
.lb-tpl-living .lb-product-card-media img{transition:transform .4s ease}
.lb-tpl-living .lb-product-card:hover .lb-product-card-media img{transform:scale(1.04)}
.lb-tpl-living .lb-product-card-body{padding:1.1rem 1.2rem 1.25rem}
.lb-tpl-living .lb-product-card-title{color:var(--lv-ink);font-size:1.05rem;font-weight:800}
.lb-tpl-living .lb-price-now{color:var(--lv-walnut);font-size:1.15rem}
.lb-tpl-living .lb-card-add-cart{border-radius:6px;background:var(--lv-walnut)}
.lb-tpl-living .lb-card-add-cart:hover{background:var(--lv-walnut-dk)}
.lb-tpl-living .lb-badge{border-radius:4px}
.lb-tpl-living .lb-badge-featured{background:var(--lv-walnut)}

@media (max-width:991px){ .lb-tpl-living .lb-store-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem} }
@media (max-width:575px){
  .lb-tpl-living .lb-store-custom-header::after{width:100%;height:58px;top:auto;bottom:0;clip-path:none}
  .lb-tpl-living .lb-store-header{max-width:none;padding:1.8rem 1.2rem 5rem}
  .lb-tpl-living .lb-store-meta h1::after{margin-inline:auto}
  .lb-tpl-living .lb-store-custom-header.has-cover .lb-store-header{padding-bottom:1.6rem}
  .lb-tpl-living .lb-store-product-grid{grid-template-columns:1fr}
}