/* ===== New Arrivals — (.na-) ===========================================
   Product catalog landing page. House DNA (white canvas, ink, Inter +
   Figtree + Bebas Neue for section headlines), with #3ddabe as the
   page-local accent color (replaces the legacy teal var(--color-accent)
   on this page only — other pages keep the Preply pink #ff7aac). */
body.page-new-arrival{background:#fff!important;color:#121117!important}
.na{--na-ink:#121117;--na-soft:#5c5c66;--na-accent:#3ddabe;--na-pink:#ff7aac;--na-line:#dcdce5;background:#fff;color:var(--na-ink);font-family:"Inter",system-ui,sans-serif;font-weight:400;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:clip}
.na *{box-sizing:border-box}
.na img{display:block;width:100%;height:100%;object-fit:cover}
.na a:focus-visible{outline:2px solid var(--na-accent);outline-offset:3px}
.na-shell{width:min(1240px,calc(100% - clamp(2.4rem,5vw,5rem)));margin-inline:auto}

/* hero */
.na-hero{padding:clamp(4rem,9vw,7.5rem) 0 clamp(2.4rem,5vw,4rem)}
.na-hero__eyebrow{margin:0 0 1.2rem;font-family:"Inter",system-ui,sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--na-accent)}
.na-hero__title{margin:0 0 1.4rem;font-family:"Bebas Neue",Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(3.2rem,8vw,6.8rem);line-height:.95;color:var(--na-ink)}
.na-hero__lead{margin:0;max-width:46rem;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.7;color:var(--na-soft)}
.na-hero__lead b{color:var(--na-accent);font-weight:700}

/* toolbar */
.na-toolbar{border-top:1px solid var(--na-line);border-bottom:1px solid var(--na-line)}
.na-toolbar__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 0}
.na-toolbar__group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.na-toolbar__label{font-family:"Inter",system-ui,sans-serif;font-weight:700;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--na-soft)}
.na-toolbar__sizes{display:inline-flex;gap:.25rem}
.na-per-page-btn{font-family:"Inter",system-ui,sans-serif;font-weight:600;font-size:.85rem;color:var(--na-soft);background:transparent;border:1px solid transparent;padding:.4rem .7rem;cursor:pointer;border-radius:4px;transition:color .2s ease,background .2s ease,border-color .2s ease}
.na-per-page-btn:hover{color:var(--na-ink)}
.na-per-page-btn.active{color:var(--na-ink);background:#3ddabe26;border-color:var(--na-accent)}
.na-toolbar__range{font-family:"Inter",system-ui,sans-serif;font-size:.85rem;color:var(--na-soft)}

/* grid */
.na-grid{padding:clamp(2.4rem,5vw,4rem) 0 clamp(2rem,4vw,3rem)}
.na-grid__inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.8rem,3.2vw,2.6rem) clamp(1.6rem,3vw,2.2rem)}
.na-card{display:block}
.na-card[hidden]{display:none}
.na-card__link{display:grid;gap:.85rem;color:var(--na-ink);text-decoration:none}
.na-card__media{margin:0;aspect-ratio:4/5;overflow:hidden;background:#f0ecec;border-radius:4px;position:relative}
.na-card__media img{transition:transform .5s cubic-bezier(.22,1,.36,1)}
.na-card__link:hover .na-card__media img{transform:scale(1.04)}
.na-card__tag{position:relative;display:inline-block;font-family:"Inter",system-ui,sans-serif;font-weight:700;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;padding:.32rem .55rem;border-radius:3px;line-height:1;background:#fff;color:var(--na-ink)}
.na-card__tags{position:absolute;top:.7rem;left:.7rem;display:flex;flex-wrap:wrap;gap:.3rem}
.na-card__tag--hot{background:var(--na-pink,#ff7aac);color:#fff}
.na-card__tag--bestseller{background:var(--na-accent);color:var(--na-ink)}
.na-card__tag--new{background:var(--na-ink);color:#fff}
.na-card__body{display:grid;gap:.35rem;padding-top:.25rem}
.na-card__cat{margin:0;font-family:"Inter",system-ui,sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--na-accent)}
.na-card__title{margin:0;font-family:"Inter",system-ui,sans-serif;font-weight:600;font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.3;color:var(--na-ink);transition:color .2s}
.na-card__link:hover .na-card__title{color:var(--na-accent)}
.na-card__excerpt{margin:0;font-size:.9rem;color:var(--na-soft);line-height:1.5}
.na-grid__empty{padding:3rem 0;text-align:center;color:var(--na-soft)}

/* pager */
.na-pager{margin-top:clamp(2rem,4vw,3rem);padding-top:clamp(1rem,2vw,1.6rem);border-top:1px solid var(--na-line);display:flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:wrap}
.na-pager-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;height:2.4rem;padding:0 .85rem;font-family:"Inter",system-ui,sans-serif;font-weight:600;font-size:.88rem;color:var(--na-soft);background:transparent;border:1px solid var(--na-line);border-radius:4px;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}
.na-pager-btn:hover{color:var(--na-ink);border-color:var(--na-ink)}
.na-pager-btn.active{color:var(--na-ink);background:#3ddabe26;border-color:var(--na-accent)}
.na-pager-btn:disabled{opacity:.3;pointer-events:none}
.na-pager-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;height:2.4rem;color:var(--na-soft);font-size:.88rem}

/* cta */
.na-cta{padding:clamp(3rem,6vw,5rem) 0}
.na-cta__inner{max-width:46rem;text-align:center;margin-inline:auto}
.na-cta__eyebrow{margin:0 0 1rem;font-family:"Inter",system-ui,sans-serif;font-weight:700;font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;color:var(--na-accent)}
.na-cta__title{font-family:"Bebas Neue",Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(2rem,4vw,3rem);line-height:1.05;color:var(--na-ink);margin:0 0 1.2rem}
.na-cta__copy{margin:0 auto 2rem;color:var(--na-soft);font-size:clamp(1rem,1.15vw,1.08rem);line-height:1.65;max-width:38rem}
.na-btn{display:inline-block;background:var(--na-ink);color:#fff;font-family:"Inter",system-ui,sans-serif;font-weight:600;font-size:.95rem;padding:1rem 2.2rem;border:0;border-radius:4px;text-decoration:none;transition:background .25s ease}
.na-btn:hover{background:#2c2b33}

/* responsive */
@media (max-width:1080px){.na-grid__inner{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:780px){.na-grid__inner{grid-template-columns:repeat(2,minmax(0,1fr))}.na-hero__title{font-size:clamp(2.8rem,10vw,4.6rem)}}
@media (max-width:520px){.na-grid__inner{grid-template-columns:1fr}.na-toolbar__row{flex-direction:column;align-items:flex-start}}