:root{--nth-primary:#ff4d2e;--nth-secondary:#111827;--nth-accent:#0f9d58;--nth-btn:#ff4d2e;--nth-btn-hover:#e63e20;--nth-text:#1f2937;--nth-bg:#f6f7f9;--nth-header:#fff;--nth-sale:#ff4d2e;--nth-rating:#f5a524;--nth-radius:12px;--nth-container:1280px;--nth-line:#e6e8ee;--nth-muted:#6b7280}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--nth-text);background:var(--nth-bg);line-height:1.5}
img{max-width:100%;height:auto}
a{color:inherit}
button,input,select{font:inherit}
.nth-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.nth-skip{position:absolute;left:-999px}
.nth-skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:100}
.nth-container{width:min(var(--nth-container),calc(100% - 32px));margin-inline:auto}
.nth-btn,.button,button.alt{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--nth-btn);color:#fff;border:0;border-radius:999px;padding:10px 16px;text-decoration:none;cursor:pointer}
.nth-btn:hover,.button:hover{background:var(--nth-btn-hover)}
.nth-iconbtn{border:1px solid var(--nth-line);background:#fff;border-radius:10px;min-width:36px;min-height:36px;cursor:pointer}
.nth-section{padding:28px 0}
.nth-section__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.nth-section__head h2,.nth-page h1,.nth-shophead h1{margin:0;font-size:1.4rem}
.nth-kicker{color:var(--nth-primary);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}
.nth-hero{background:linear-gradient(120deg,#fff7f4,#fff);border-bottom:1px solid var(--nth-line)}
.nth-hero__inner,.nth-hero__copy{padding:48px 0}
.nth-hero h1,.nth-hero h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.1;margin:8px 0}
.nth-catgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.nth-catcard{background:#fff;border:1px solid var(--nth-line);border-radius:var(--nth-radius);padding:12px;text-decoration:none;display:flex;gap:8px;align-items:center}
.nth-posts{display:grid;gap:16px}
.nth-post{background:#fff;border:1px solid var(--nth-line);border-radius:var(--nth-radius);padding:16px}
.nth-layout{display:grid;gap:24px;padding:24px 0}
.nth-page{padding:24px 0 64px}
.nth-meta,.nth-muted{color:var(--nth-muted);font-size:.9rem}
.nth-crumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:8px 0 16px;font-size:.85rem;color:var(--nth-muted)}
.nth-footer{background:#111827;color:#e5e7eb;margin-top:32px}
.nth-footer a{color:#e5e7eb}
.nth-footer__grid{display:grid;gap:18px;padding:32px 0}
.nth-footer__bar{border-top:1px solid #1f2937;padding:12px 0;font-size:.85rem}
.nth-newsletter{background:#111827;color:#fff;padding:32px 0}
.nth-newsform{display:flex;gap:8px;flex-wrap:wrap}
.nth-newsform input{border-radius:999px;border:0;padding:10px 14px;min-width:220px}
.nth-banner{border-radius:var(--nth-radius);padding:8px 0}
.nth-overlay{position:fixed;inset:0;background:rgba(17,24,39,.45);z-index:40}
.nth-drawer{position:fixed;top:0;bottom:0;background:#fff;z-index:50;width:min(420px,100%);padding:16px;overflow:auto}
.nth-drawer--cart{inset-inline-end:0}
#nth-drawer-nav,#nth-drawer-search,#nth-filters{inset-inline-start:0}
.nth-drawer__head{display:flex;justify-content:space-between;align-items:center}
.nth-modal{position:fixed;inset:8vh 5vw auto;background:#fff;z-index:60;border-radius:var(--nth-radius);padding:20px;max-height:80vh;overflow:auto}
.nth-qv{display:grid;gap:16px}
.nth-acc{list-style:none;padding:0}
.nth-acc a{display:block;padding:12px 0;border-bottom:1px solid var(--nth-line);text-decoration:none}
.nth-compare{overflow:auto}
.nth-compare table{width:100%;border-collapse:collapse;background:#fff}
.nth-compare th,.nth-compare td{border:1px solid var(--nth-line);padding:8px;vertical-align:top}
.nth-404{text-align:center}
:focus-visible{outline:2px solid var(--nth-primary);outline-offset:2px}
@media(min-width:768px){
.nth-catgrid{grid-template-columns:repeat(5,1fr)}
.nth-layout{grid-template-columns:minmax(0,1fr) 280px}
.nth-footer__grid{grid-template-columns:1.4fr repeat(4,1fr)}
.nth-qv{grid-template-columns:1fr 1fr}
}
@media(min-width:1100px){
.nth-catgrid{grid-template-columns:repeat(10,1fr)}
}