/* NP_CATEGORY_PREMIUM (2026-11-15) - premium look for the category / catalogue page (views/product-list.php).
   Styling only. Product data, Add to Cart (senData), filters, sorting and GTM/Meta/GA4 tracking are untouched.
   Palette: forest #0F3D2E, ivory #F7F3EA, sage #E3ECDD, brass #C99A3E. To go back, delete this file and its <link> in product-list.php. */

/* ---------- hero ---------- */
.np-cat-hero{position:relative;overflow:hidden;color:#F7F3EA;padding:34px 0 38px;
  background:
    radial-gradient(520px 260px at 88% -10%,rgba(201,154,62,.28),transparent 70%),
    radial-gradient(420px 240px at 6% 120%,rgba(227,236,221,.16),transparent 70%),
    linear-gradient(160deg,#14543F 0%,#0F3D2E 55%,#0B2F23 100%)}
.np-cat-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.07;
  background-image:radial-gradient(circle at 1px 1px,#fff 1px,transparent 1.4px);background-size:22px 22px}
.np-cat-hero .container{position:relative;z-index:1;text-align:center}
.np-cat-crumbs{display:flex;justify-content:center;align-items:center;gap:8px;margin:0 0 14px;font:600 11.5px/1 var(--npx-sans);letter-spacing:.06em;text-transform:uppercase;color:rgba(247,243,234,.72)}
.np-cat-crumbs a{color:rgba(247,243,234,.72)!important;text-decoration:none}
.np-cat-crumbs a:hover{color:#E9C77B!important}
.np-cat-crumbs b{color:#E9C77B;font-weight:700}
.np-cat-eyebrow{display:inline-block;margin:0 0 12px;padding:6px 13px;border:1px solid rgba(233,199,123,.45);border-radius:999px;font:700 10.5px/1 var(--npx-sans);letter-spacing:.14em;text-transform:uppercase;color:#E9C77B;background:rgba(233,199,123,.08)}
.np-cat-hero h1{margin:0 auto;max-width:860px;font:500 clamp(26px,5.4vw,46px)/1.12 var(--npx-serif);letter-spacing:-.015em;color:#F7F3EA;text-wrap:balance}
.np-cat-hero .np-category-subline{margin:14px auto 0;max-width:660px;font:400 clamp(13px,2.6vw,15.5px)/1.6 var(--npx-sans);color:rgba(247,243,234,.82);text-align:center}
.np-cat-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px;margin:22px 0 0;padding:0;list-style:none}
.np-cat-trust li{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;background:rgba(247,243,234,.1);border:1px solid rgba(247,243,234,.18);font:600 12px/1 var(--npx-sans);color:#F7F3EA;backdrop-filter:blur(2px)}
.np-cat-trust li i{width:7px;height:7px;border-radius:50%;background:#E9C77B;flex:0 0 7px}

/* ---------- page + toolbar ---------- */
body .productlist_section.np-category-product-page{background:transparent;margin-top:0!important;padding-top:22px}
body .np-category-product-page .np-shop-tools{padding:14px 16px;border:1px solid var(--npx-line);border-radius:20px;background:#fff;box-shadow:0 14px 32px -22px rgba(15,61,46,.4);margin:0 0 22px}
body .np-category-product-page .np-results-count{font:500 13px/1.2 var(--npx-sans);color:var(--npx-muted)}
body .np-category-product-page .np-results-count strong{font:600 24px/1 var(--npx-serif);color:var(--npx-forest);margin-right:2px}
body .np-category-product-page .np-sort-wrap label{font:600 11px/1 var(--npx-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--npx-muted)}
body .np-category-product-page .np-sort-select{height:40px;border:1px solid var(--npx-line);border-radius:12px;background-color:var(--npx-ivory);color:var(--npx-forest);font:600 12.5px var(--npx-sans)}
body .np-category-product-page .np-sort-select:focus{border-color:var(--npx-forest);box-shadow:0 0 0 3px rgba(15,61,46,.12)}
body .np-category-product-page .np-filter-chips{gap:8px;padding:2px 1px 4px}
body .np-category-product-page .np-filter-chip{min-height:38px;padding:9px 16px;border:1px solid var(--npx-line);border-radius:999px;background:var(--npx-ivory);color:var(--npx-forest);font:600 12.5px/1 var(--npx-sans);transition:background .18s,color .18s,border-color .18s,transform .12s}
body .np-category-product-page .np-filter-chip:hover{border-color:var(--npx-forest)}
body .np-category-product-page .np-filter-chip:active{transform:scale(.96)}
body .np-category-product-page .np-filter-chip.is-active{background:var(--npx-forest);border-color:var(--npx-forest);color:#F7F3EA;box-shadow:0 8px 16px -8px rgba(15,61,46,.6)}
body .np-category-product-page .np-no-filter-result{border:1px dashed #D9CFB4;border-radius:18px;background:#fff;color:var(--npx-muted)}

/* ---------- product cards ---------- */
body .np-category-product-page .np-product-col{margin-bottom:22px}
body .np-category-product-page .np-category-card{border:1px solid var(--npx-line);border-radius:22px;background:#fff;box-shadow:0 1px 0 rgba(15,61,46,.04),0 18px 34px -24px rgba(15,61,46,.45)}
@media (hover:hover){
  body .np-category-product-page .np-category-card:hover{transform:translateY(-5px);box-shadow:0 1px 0 rgba(15,61,46,.05),0 26px 44px -22px rgba(15,61,46,.5)}
  body .np-category-product-page .np-category-card:hover .np-card-image img{transform:scale(1.05)}
}
body .np-category-product-page .np-card-image{background:var(--npx-sage)}
body .np-category-product-page .np-card-image::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(to top,rgba(11,47,35,.22),transparent);pointer-events:none}
body .np-category-product-page .np-save-badge{left:10px;top:10px;bottom:auto;min-height:0;padding:6px 11px;border-radius:999px;background:var(--npx-brass);color:#2B1D05;font:800 11.5px/1 var(--npx-sans);letter-spacing:.02em;box-shadow:0 6px 14px -6px rgba(0,0,0,.4)}
body .np-category-product-page .np-card-body{padding:15px 15px 14px}
body .np-category-product-page .np-card-title{font:600 15.5px/1.35 var(--npx-serif);color:var(--npx-ink);letter-spacing:-.005em}
body .np-category-product-page .np-card-title a:hover{color:var(--npx-forest)}
body .np-category-product-page .np-card-category{font:600 10px/1.3 var(--npx-sans);letter-spacing:.12em;color:var(--npx-brass-d)}
body .np-category-product-page .np-card-price{gap:8px;align-items:baseline}
body .np-category-product-page .np-sale-price{font:600 23px/1 var(--npx-serif);color:var(--npx-forest);letter-spacing:-.01em}
body .np-category-product-page .np-regular-price{font:500 12.5px var(--npx-sans);color:#9A9A8C}
body .np-category-product-page .np-review-row{gap:5px;font-family:var(--npx-sans)}
body .np-category-product-page .np-review-stars{color:var(--npx-brass)}
body .np-category-product-page .np-review-average{color:var(--npx-ink);font-weight:700}
body .np-category-product-page .np-review-count{color:var(--npx-muted)}
body .np-category-product-page .np-new-arrival{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--npx-sage);color:var(--npx-forest);font-weight:700}
body .np-category-product-page .np-trust-line{color:var(--npx-muted);font:500 11px/1.25 var(--npx-sans)}
body .np-category-product-page .np-trust-dot{background:var(--npx-brass)}
body .np-category-product-page .np-add-cart-btn{min-height:46px;border:0;border-radius:14px;background:linear-gradient(135deg,#14543F,#0F3D2E);color:#F7F3EA;font:700 13px/1 var(--npx-sans);letter-spacing:.02em;box-shadow:0 12px 22px -12px rgba(15,61,46,.7);transition:transform .12s,box-shadow .18s,filter .18s}
body .np-category-product-page .np-add-cart-btn:hover,
body .np-category-product-page .np-add-cart-btn:focus{background:linear-gradient(135deg,#1B5A43,#0F3D2E);color:#fff;filter:brightness(1.06)}
body .np-category-product-page .np-add-cart-btn:active{transform:scale(.97)}
body .np-category-product-page .np-add-cart-btn .glyphicon{color:#E9C77B;margin-right:2px}
body .np-category-product-page .np-add-cart-btn.addedtocart{background:linear-gradient(135deg,#0B2F23,#0B2F23)!important;color:#E9C77B!important}
body .np-category-product-page .np-out-of-stock-btn{border:1px solid #E7DCC4;border-radius:14px;background:#F3EEE2;color:#8A6B2A;font:700 12px/1 var(--npx-sans);letter-spacing:.08em}

/* ---------- description block at the bottom ---------- */
body .np-category-product-page .np-category-description{max-width:920px;margin:34px auto 10px;padding:26px 28px;border:1px solid var(--npx-line);border-radius:22px;background:#fff;color:#33433A;font:400 15px/1.75 var(--npx-sans);box-shadow:0 14px 32px -24px rgba(15,61,46,.35)}
body .np-category-product-page .np-category-description h2,
body .np-category-product-page .np-category-description h3{font-family:var(--npx-serif);font-weight:600;color:var(--npx-forest);letter-spacing:-.01em;margin:22px 0 10px}
body .np-category-product-page .np-category-description h2:first-child,
body .np-category-product-page .np-category-description h3:first-child{margin-top:0}
body .np-category-product-page .np-category-description a{color:var(--npx-forest);text-decoration:underline;text-decoration-color:var(--npx-brass);text-underline-offset:3px}
body .np-category-product-page .np-category-description img{max-width:100%;height:auto;border-radius:14px}

/* ---------- phone ---------- */
@media (max-width:767px){
  .np-cat-hero{padding:24px 0 26px}
  .np-cat-hero .container{padding-left:16px;padding-right:16px;width:100%}
  .np-cat-crumbs{margin-bottom:11px;font-size:10.5px}
  .np-cat-eyebrow{margin-bottom:10px;padding:5px 11px;font-size:9.5px}
  .np-cat-hero .np-category-subline{margin-top:11px}
  .np-cat-trust{gap:6px;margin-top:16px}
  .np-cat-trust li{padding:7px 10px;font-size:10.5px}
  body .productlist_section.np-category-product-page{padding:14px 8px 18px!important}
  body .np-category-product-page .np-shop-tools{padding:11px 10px 9px;border-radius:16px;margin-bottom:14px}
  body .np-category-product-page .np-results-count strong{font-size:20px}
  body .np-category-product-page .np-sort-select{height:38px;font-size:11.5px;border-radius:11px}
  body .np-category-product-page .np-filter-chip{min-height:34px;padding:8px 13px;font-size:11.5px}
  body .np-category-product-page .np-product-col{margin-bottom:10px}
  body .np-category-product-page .np-category-card{border-radius:17px}
  body .np-category-product-page .np-card-body{padding:11px 10px 10px}
  body .np-category-product-page .np-save-badge{left:7px;top:7px;bottom:auto;padding:5px 8px;font-size:10px}
  body .np-category-product-page .np-card-title{font-size:13px;min-height:52px;line-height:1.32}
  body .np-category-product-page .np-card-category{font-size:8.6px;letter-spacing:.1em}
  body .np-category-product-page .np-sale-price{font-size:18px}
  body .np-category-product-page .np-regular-price{font-size:11px}
  body .np-category-product-page .np-add-cart-btn{min-height:42px;border-radius:12px;font-size:11.5px}
  body .np-category-product-page .np-category-description{margin:22px auto 6px;max-width:calc(100% - 8px);padding:18px 16px;border-radius:18px;font-size:14px}
}
@media (max-width:360px){
  body .np-category-product-page .np-card-title{font-size:12.2px}
  body .np-category-product-page .np-sale-price{font-size:16.5px}
}
@media (prefers-reduced-motion:reduce){
  body .np-category-product-page .np-category-card,body .np-category-product-page .np-card-image img{transition:none}
}

/* Progressive product list (24 at a time) + cheaper rendering of off-screen cards */
body .np-category-product-page .np-product-col{content-visibility:auto;contain-intrinsic-size:auto 520px}
body .np-category-product-page .np-more-wrap{text-align:center;padding:22px 0 8px}
body .np-category-product-page .np-more-wrap[hidden]{display:none}
body .np-category-product-page .np-more-btn{min-height:50px;padding:14px 30px;border:0;border-radius:999px;background:linear-gradient(135deg,#0F3D2E,#1B5A43);color:#F7F3EA;font:700 15px/1 var(--npx-sans);box-shadow:0 12px 24px -12px rgba(15,61,46,.7);cursor:pointer}
body .np-category-product-page .np-more-btn:active{transform:scale(.97)}
body .np-category-product-page .np-more-note{margin:12px 0 0;color:var(--npx-muted);font:500 13px/1.4 var(--npx-sans)}