/* Template 05 — Nordic Home (Chinese demo build)
   Bloomingville-inspired Nordic homeware supplier style.
   Palette: warm paper #FAF8F4, greige #F1EDE4, ink #26241F,
   muted #8A8377, sage #79826A, line #E6E0D3 */
:root{
  --paper:#FAF8F4;
  --panel:#F1EDE4;
  --card:#FFFFFF;
  --ink:#26241F;
  --muted:#8A8377;
  --line:#E6E0D3;
  --accent:#79826A;
  --accent-dark:#636D55;
  --serif:'Lora','Noto Serif SC',Georgia,serif;
  --sans:'Jost','Noto Sans SC',system-ui,-apple-system,'Segoe UI',sans-serif;
}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:400;-webkit-font-smoothing:antialiased}
h1,h2,h3,.font-display{font-family:var(--serif);color:var(--ink);font-weight:500;letter-spacing:.01em;text-transform:none!important}
.wrap{max-width:76rem;margin-inline:auto;padding-inline:1.25rem}
@media(min-width:768px){.wrap{padding-inline:2rem}}
.hairline{border-color:var(--line)}

/* Promo bar */
.promo-bar{background:var(--panel);color:var(--muted);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:.55rem 1rem}

/* Header */
.site-header{background:rgba(250,248,244,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(4px)}
.wordmark{font-family:var(--serif);font-size:1.45rem;font-weight:500;letter-spacing:.02em;color:var(--ink)}
.wordmark span{color:var(--accent)}
.nav-link{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500}
.nav-link:hover{color:var(--ink)}
nav a[aria-current="page"]{color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:2px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.78rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;line-height:1;padding:.85rem 1.6rem;border-radius:2px;transition:background .15s,color .15s,border-color .15s}
.btn-dark{background:var(--ink);color:#FDFCF9;border:1px solid var(--ink)}
.btn-dark:hover{background:var(--accent-dark);border-color:var(--accent-dark)}
.btn-line{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.btn-line:hover{background:var(--ink);color:#FDFCF9}
.btn-soft{background:var(--panel);color:var(--ink);border:1px solid var(--line)}
.btn-soft:hover{border-color:var(--ink)}

/* Labels */
.eyebrow{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-dark);font-weight:500}
.badge-new{display:inline-block;background:var(--accent);color:#FDFCF9;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;padding:.3rem .55rem;border-radius:2px}

/* Cards */
.card{background:var(--card);border:0;border-radius:2px;overflow:hidden;transition:box-shadow .2s ease}
.card:hover{box-shadow:0 16px 36px -22px rgba(38,36,31,.35)}
.card:hover .card-img{transform:scale(1.04)}
.card-img{transition:transform .5s ease}
.price{font-size:.95rem;font-weight:500;color:var(--ink);letter-spacing:.04em}
.price s{color:var(--muted);font-weight:400;margin-left:.4rem}
.cat-tile{display:block;position:relative;overflow:hidden}
.cat-tile .cat-label{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(38,36,31,.55),transparent);color:#FDFCF9;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;text-align:center;padding:2.2rem 1rem .9rem}
.cat-tile:hover .card-img{transform:scale(1.04)}

/* Tables / FAQ */
.spec-table{width:100%;border-collapse:collapse;font-size:.95rem}
.spec-table th,.spec-table td{text-align:left;padding:.75rem 0;border-bottom:1px solid var(--line);vertical-align:top}
.spec-table th{color:var(--muted);font-weight:500;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;width:38%;padding-right:1rem}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-weight:500;font-size:1rem;padding:1.05rem 0;color:var(--ink);font-family:var(--sans)}
.faq summary::-webkit-details-marker{display:none}
.faq summary svg{flex:none;color:var(--accent-dark);transition:transform .15s}
.faq details[open] summary svg{transform:rotate(45deg)}
.faq .faq-a{padding:0 0 1.15rem;color:var(--muted);line-height:1.7;max-width:46rem}

/* Conversion: quote section */
.quote-sec{background:var(--ink);color:#F1EDE4;scroll-margin-top:5rem}
.quote-sec .eyebrow{color:#A9B394}
.quote-sec .q-point{display:flex;gap:.85rem;align-items:flex-start;margin-bottom:1.4rem}
.quote-sec .q-point svg{flex:none;color:#A9B394;margin-top:.2rem}
.quote-sec .q-point h3{font-family:var(--sans);font-weight:500;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.2rem;color:#F1EDE4}
.quote-sec .q-point p{color:rgba(241,237,228,.72);font-size:.92rem;line-height:1.65}
.quote-sec .quote-card{background:var(--card);border-radius:2px;padding:1.75rem}
@media(min-width:768px){.quote-sec .quote-card{padding:2.25rem}}

/* Forms */
label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
input,textarea,select{background:#fff;border:1px solid var(--line);border-radius:2px;padding:.8rem 1rem;width:100%;font-size:.95rem;color:var(--ink);font-family:var(--sans)}
input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}

/* Hero */
.hero-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(38,36,31,.62) 0%,rgba(38,36,31,.15) 45%,transparent 70%)}

/* Footer */
.site-footer{background:var(--panel);border-top:1px solid var(--line)}
.footer-link{font-size:.85rem;color:var(--muted)}
.footer-link:hover{color:var(--ink)}

img{max-width:100%}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}