/* trendnovae — responsive audit v4
   2026-08-31
   UI/layout only. Keeps existing IDs, events and data logic unchanged. */
:root{
  --tn-content:1280px;
  --tn-deep:#176a67;
  --tn-deep-2:#105451;
  --tn-ink:#123d3b;
  --tn-soft:#edf6f3;
  --tn-soft-2:#f6faf8;
  --tn-line:#d8e7e2;
  --tn-muted:#71817f;
  --tn-white:#fff;
  --tn-shadow:0 18px 48px rgba(18,61,59,.08);
}

/* ===== shared container audit ===== */
body[data-page="home"] .ferovixe-home-hero>.container,
body[data-page="home"] .ferovixe-benefits-wrap>.container,
body[data-page="home"] .ferovixe-category-section>.container,
body[data-page="home"] .ferovixe-products-section>.container,
body[data-page="home"] .ferovixe-promo-section>.container,
body[data-page="home"] .ferovixe-why-section>.container,
body[data-page="home"] .ferovixe-newsletter-section>.container,
body[data-page="shop"] .tn-shop-intro>.container,
body[data-page="shop"] .tn-shop-workspace>.container,
body[data-page="pdp"] .tn-pdp-page>.container{
  box-sizing:border-box!important;
  width:min(calc(100% - 40px),var(--tn-content))!important;
  max-width:var(--tn-content)!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}
body[data-page="home"] .ferovixe-promo-section,
body[data-page="home"] .ferovixe-why-section,
body[data-page="home"] .ferovixe-newsletter-section{width:100%!important}
body[data-page="home"] .ferovixe-promo-card,
body[data-page="home"] .ferovixe-why-grid,
body[data-page="home"] .ferovixe-newsletter-card{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin-inline:0!important;
}

/* ===== SHOP: rebuild filter/result hierarchy ===== */
body[data-page="shop"] .tn-shop-workspace{padding:12px 0 72px!important}
body[data-page="shop"] .tn-filter-deck{
  display:block!important;
  margin:0 0 26px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--tn-line)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:var(--tn-shadow)!important;
}
body[data-page="shop"] .tn-filter-title{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px 28px!important;
  align-items:end!important;
  padding:24px 26px 20px!important;
  border-bottom:1px solid var(--tn-line)!important;
  background:linear-gradient(135deg,#fff 0%,var(--tn-soft-2) 100%)!important;
}
body[data-page="shop"] .tn-filter-title>span{grid-column:1/-1!important;color:var(--tn-deep)!important}
body[data-page="shop"] .tn-filter-title h2{margin:0!important;font-size:clamp(25px,2.5vw,34px)!important;line-height:1.08!important;color:var(--tn-ink)!important}
body[data-page="shop"] .tn-filter-title p{margin:0!important;max-width:520px!important;text-align:right!important;color:var(--tn-muted)!important;font-size:12px!important;line-height:1.55!important}

body[data-page="shop"] .tn-filter-body{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  align-items:stretch!important;
  padding:0!important;
}
body[data-page="shop"] .tn-filter-block{
  box-sizing:border-box!important;
  min-width:0!important;
  width:auto!important;
  padding:20px 20px 22px!important;
  border:0!important;
  border-right:1px solid var(--tn-line)!important;
  background:#fff!important;
  overflow:hidden!important;
}
body[data-page="shop"] .tn-filter-block:nth-of-type(even){background:var(--tn-soft-2)!important}
body[data-page="shop"] .tn-filter-block:nth-of-type(4){border-right:0!important}
body[data-page="shop"] .tn-filter-block-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
body[data-page="shop"] .tn-filter-block h3{margin:0 0 12px!important;font:800 10px/1.25 Manrope,Arial,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--tn-deep)!important;writing-mode:horizontal-tb!important}
body[data-page="shop"] #clear-filters{
  flex:0 0 auto!important;
  padding:6px 9px!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--tn-soft)!important;
  color:var(--tn-deep)!important;
  font:800 9px/1 Manrope,Arial,sans-serif!important;
}

/* The filter lists are dynamically rebuilt from data.js. Keep them compact instead of page-height. */
body[data-page="shop"] .tn-filter-chips,
body[data-page="shop"] .tn-option-grid,
body[data-page="shop"] .ferovixe-check-list,
body[data-page="shop"] .ferovixe-size-grid{
  display:flex!important;
  flex-flow:row wrap!important;
  align-content:flex-start!important;
  align-items:flex-start!important;
  gap:7px!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  max-height:132px!important;
  padding:0 4px 0 0!important;
  margin:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-width:thin!important;
  scrollbar-color:#9fc7c2 transparent!important;
}
body[data-page="shop"] .tn-filter-chips::-webkit-scrollbar,
body[data-page="shop"] .tn-option-grid::-webkit-scrollbar,
body[data-page="shop"] .ferovixe-check-list::-webkit-scrollbar,
body[data-page="shop"] .ferovixe-size-grid::-webkit-scrollbar{width:5px!important;height:5px!important}
body[data-page="shop"] .tn-filter-chips::-webkit-scrollbar-thumb,
body[data-page="shop"] .tn-option-grid::-webkit-scrollbar-thumb,
body[data-page="shop"] .ferovixe-check-list::-webkit-scrollbar-thumb,
body[data-page="shop"] .ferovixe-size-grid::-webkit-scrollbar-thumb{background:#9fc7c2!important;border-radius:999px!important}
body[data-page="shop"] .tn-filter-chips label,
body[data-page="shop"] .tn-option-grid label,
body[data-page="shop"] .ferovixe-check-list label,
body[data-page="shop"] .ferovixe-size-grid label{
  display:inline-flex!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  writing-mode:horizontal-tb!important;
  transform:none!important;
  overflow:visible!important;
}
body[data-page="shop"] .tn-filter-chips input,
body[data-page="shop"] .tn-option-grid input,
body[data-page="shop"] .ferovixe-check-list input,
body[data-page="shop"] .ferovixe-size-grid input{position:absolute!important;opacity:0!important;pointer-events:none!important}
body[data-page="shop"] .tn-filter-chips label span,
body[data-page="shop"] .tn-option-grid label span,
body[data-page="shop"] .ferovixe-check-list label span,
body[data-page="shop"] .ferovixe-size-grid label span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:34px!important;
  height:auto!important;
  padding:7px 10px!important;
  margin:0!important;
  border:1px solid var(--tn-line)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--tn-ink)!important;
  font:700 10px/1.2 Manrope,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-align:center!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  writing-mode:horizontal-tb!important;
  transform:none!important;
}
body[data-page="shop"] .tn-filter-chips input:checked+span,
body[data-page="shop"] .tn-option-grid input:checked+span,
body[data-page="shop"] .ferovixe-check-list input:checked+span,
body[data-page="shop"] .ferovixe-size-grid input:checked+span{
  border-color:var(--tn-deep)!important;
  background:var(--tn-deep)!important;
  color:#fff!important;
}
body[data-page="shop"] .tn-select{position:relative!important;width:100%!important;min-width:0!important}
body[data-page="shop"] .tn-select select{
  box-sizing:border-box!important;width:100%!important;min-width:0!important;height:42px!important;padding:0 36px 0 12px!important;
  border:1px solid var(--tn-line)!important;border-radius:10px!important;background:#fff!important;color:var(--tn-ink)!important;
  font:700 11px/1.2 Manrope,Arial,sans-serif!important;writing-mode:horizontal-tb!important;
}
body[data-page="shop"] .tn-filter-apply{
  grid-column:1/-1!important;
  align-self:auto!important;
  justify-self:stretch!important;
  width:100%!important;
  min-height:46px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:var(--tn-deep)!important;
  color:#fff!important;
  font:800 11px/1 Manrope,Arial,sans-serif!important;
  letter-spacing:.03em!important;
}
body[data-page="shop"] .tn-filter-apply:hover{background:var(--tn-deep-2)!important}

body[data-page="shop"] .tn-results-shell{min-width:0!important}
body[data-page="shop"] .tn-results-toolbar{
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:22px!important;
  margin-bottom:18px!important;padding:20px 22px!important;border:1px solid var(--tn-line)!important;border-radius:18px!important;background:#fff!important;
}
body[data-page="shop"] .tn-results-toolbar>div{min-width:0!important}
body[data-page="shop"] .tn-results-toolbar h2{margin:2px 0 3px!important;font-size:clamp(25px,2.3vw,34px)!important;color:var(--tn-ink)!important}
body[data-page="shop"] .tn-results-toolbar p{margin:0!important;color:var(--tn-muted)!important;font-size:11px!important}
body[data-page="shop"] .tn-sort{display:flex!important;align-items:center!important;gap:9px!important;min-width:240px!important}
body[data-page="shop"] #shop-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  min-width:0!important;
}
body[data-page="shop"] #shop-grid>product-card{display:block!important;min-width:0!important;height:100%!important}
body[data-page="shop"] #shop-grid .product-card{
  display:flex!important;flex-direction:column!important;height:100%!important;min-width:0!important;
  border:1px solid var(--tn-line)!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important;box-shadow:none!important;
}
body[data-page="shop"] #shop-grid .product-card>a{display:flex!important;flex-direction:column!important;height:100%!important;min-width:0!important}
body[data-page="shop"] #shop-grid .product-card-media{aspect-ratio:1/1!important;min-height:0!important;padding:14px!important;background:var(--tn-soft-2)!important}
body[data-page="shop"] #shop-grid .product-card-media img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
body[data-page="shop"] #shop-grid .product-card-body{display:flex!important;flex:1!important;flex-direction:column!important;min-width:0!important;padding:14px!important}
body[data-page="shop"] #shop-grid .ferovixe-product-title{
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;
  min-height:40px!important;margin:0 0 12px!important;font-size:14px!important;line-height:1.4!important;color:var(--tn-ink)!important;
}
body[data-page="shop"] #shop-grid .product-card-footer{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:10px!important;
  min-width:0!important;margin-top:auto!important;padding-top:12px!important;
}
body[data-page="shop"] #shop-grid .base-card-price-wrap{min-width:0!important}
body[data-page="shop"] #shop-grid .base-card-price{font-size:17px!important;line-height:1.15!important;font-weight:800!important;color:var(--tn-deep)!important;white-space:nowrap!important}
body[data-page="shop"] #shop-grid .base-card-old-price{font-size:10px!important;color:#889492!important;white-space:nowrap!important}
body[data-page="shop"] #shop-grid .base-shop-now{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;
  min-width:92px!important;min-height:38px!important;padding:9px 14px!important;border:1px solid var(--tn-deep)!important;border-radius:999px!important;
  background:var(--tn-deep)!important;color:#fff!important;opacity:1!important;font:800 10px/1 Manrope,Arial,sans-serif!important;
}
body[data-page="shop"] #shop-grid .base-shop-now span{display:block!important;color:#fff!important;opacity:1!important;visibility:visible!important;white-space:nowrap!important}

/* ===== PDP: balanced gallery + purchase card ===== */
body[data-page="pdp"] .tn-pdp-page{padding:28px 0 70px!important}
body[data-page="pdp"] .tn-pdp-breadcrumb{margin:0 0 14px!important}
body[data-page="pdp"] .tn-pdp-identity{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(250px,330px)!important;align-items:end!important;gap:26px!important;
  padding:24px 28px!important;border:1px solid var(--tn-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:none!important;
}
body[data-page="pdp"] .tn-pdp-identity h1{
  max-width:900px!important;margin:5px 0 10px!important;font-size:clamp(28px,2.7vw,42px)!important;line-height:1.04!important;color:var(--tn-ink)!important;overflow-wrap:anywhere!important;
}
body[data-page="pdp"] .tn-pdp-price{text-align:right!important;font-size:clamp(26px,2.2vw,36px)!important;line-height:1.15!important;color:var(--tn-deep)!important;overflow-wrap:anywhere!important}

body[data-page="pdp"] .tn-pdp-showcase{
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(360px,.65fr)!important;
  gap:18px!important;
  margin-top:18px!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
body[data-page="pdp"] .tn-pdp-gallery{
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:14px!important;
  min-width:0!important;
  padding:18px!important;
  border:1px solid var(--tn-line)!important;border-radius:24px!important;background:#fff!important;box-shadow:var(--tn-shadow)!important;
}
body[data-page="pdp"] .tn-pdp-gallery-main{
  grid-column:2!important;grid-row:1!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1/1!important;max-height:600px!important;
  padding:24px!important;border-radius:18px!important;background:var(--tn-soft-2)!important;overflow:hidden!important;
}
body[data-page="pdp"] .tn-pdp-gallery-main>img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}
body[data-page="pdp"] .tn-pdp-thumbnails{
  grid-column:1!important;grid-row:1!important;
  display:flex!important;flex-direction:column!important;gap:8px!important;align-items:stretch!important;
  max-height:600px!important;min-width:0!important;padding:0 4px 0 0!important;overflow-x:hidden!important;overflow-y:auto!important;
}
body[data-page="pdp"] .tn-pdp-thumbnails>*{flex:0 0 68px!important;width:68px!important;height:68px!important;box-sizing:border-box!important;border-radius:12px!important;overflow:hidden!important}
body[data-page="pdp"] .tn-pdp-thumbnails img{width:100%!important;height:100%!important;object-fit:contain!important}
body[data-page="pdp"] .tn-pdp-trust{
  grid-column:1/-1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0!important;
}
body[data-page="pdp"] .tn-pdp-trust span{min-width:0!important;padding:11px 12px!important;border:1px solid var(--tn-line)!important;border-radius:12px!important;background:#fff!important;color:var(--tn-ink)!important;font-size:10px!important;overflow-wrap:anywhere!important}

body[data-page="pdp"] .tn-pdp-purchase{
  display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-self:start!important;
  min-width:0!important;min-height:0!important;padding:28px!important;border:0!important;border-radius:24px!important;background:var(--tn-deep)!important;color:#fff!important;box-shadow:var(--tn-shadow)!important;
}
body[data-page="pdp"] .tn-pdp-purchase h2{margin:7px 0 10px!important;font-size:clamp(27px,2.3vw,34px)!important;line-height:1.08!important;color:#fff!important}
body[data-page="pdp"] .tn-pdp-purchase-note{margin:0 0 18px!important;color:#d5e7e4!important;line-height:1.65!important}
body[data-page="pdp"] .tn-pdp-stock{margin:0 0 14px!important;padding:14px!important}
body[data-page="pdp"] .tn-pdp-quantity{margin:0 0 16px!important;padding:14px 0!important}
body[data-page="pdp"] .tn-pdp-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
body[data-page="pdp"] .tn-pdp-actions button{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:46px!important;padding:10px 14px!important;border-radius:12px!important;font-weight:800!important}
body[data-page="pdp"] .tn-pdp-service-note{margin-top:18px!important;padding-top:16px!important}

/* specifications are dense: use two columns, not a very long three-column wall */
body[data-page="pdp"] .tn-pdp-specs,
body[data-page="pdp"] .tn-pdp-features,
body[data-page="pdp"] .tn-pdp-reviews,
body[data-page="pdp"] .tn-pdp-related{margin-top:18px!important;border:1px solid var(--tn-line)!important;border-radius:24px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important}
body[data-page="pdp"] .tn-pdp-specs{padding:24px!important}
body[data-page="pdp"] .tn-pdp-spec-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
body[data-page="pdp"] .tn-pdp-spec-list>*{min-width:0!important;overflow-wrap:anywhere!important}

/* Reviews: remove the tall left rail and turn it into a compact score banner. */
body[data-page="pdp"] .tn-pdp-reviews{display:block!important}
body[data-page="pdp"] .tn-pdp-review-summary{
  display:grid!important;grid-template-columns:auto auto minmax(0,1fr)!important;align-items:center!important;gap:16px 22px!important;
  min-height:0!important;padding:20px 26px!important;background:var(--tn-deep)!important;color:#fff!important;
}
body[data-page="pdp"] .tn-pdp-review-summary .tn-eyebrow{grid-column:auto!important;margin:0!important;color:#bfe0dc!important}
body[data-page="pdp"] .tn-pdp-review-summary>div{display:flex!important;align-items:baseline!important;gap:5px!important}
body[data-page="pdp"] .tn-pdp-review-summary strong{font-size:34px!important;line-height:1!important;color:#fff!important}
body[data-page="pdp"] .tn-pdp-review-summary p{margin:0!important;color:#d5e7e4!important;line-height:1.55!important}
body[data-page="pdp"] .tn-pdp-review-feed{padding:24px 26px!important}
body[data-page="pdp"] #reviews-container{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body[data-page="pdp"] #reviews-container>*{min-width:0!important;overflow-wrap:anywhere!important}

@media(max-width:1100px){
  body[data-page="shop"] .tn-filter-body{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-page="shop"] .tn-filter-block:nth-of-type(2){border-right:0!important}
  body[data-page="shop"] .tn-filter-block:nth-of-type(3),body[data-page="shop"] .tn-filter-block:nth-of-type(4){border-top:1px solid var(--tn-line)!important}
  body[data-page="shop"] #shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body[data-page="pdp"] .tn-pdp-showcase{grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr)!important}
}

@media(max-width:860px){
  body[data-page="home"] .ferovixe-promo-card,
  body[data-page="home"] .ferovixe-newsletter-card{width:100%!important;max-width:none!important}
  body[data-page="shop"] .tn-shop-intro-grid{grid-template-columns:1fr!important}
  body[data-page="shop"] .tn-shop-intro-facts{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body[data-page="shop"] #shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-page="pdp"] .tn-pdp-identity{grid-template-columns:1fr!important;gap:12px!important}
  body[data-page="pdp"] .tn-pdp-price{text-align:left!important;max-width:none!important}
  body[data-page="pdp"] .tn-pdp-showcase{grid-template-columns:1fr!important}
  body[data-page="pdp"] .tn-pdp-gallery{grid-template-columns:72px minmax(0,1fr)!important}
  body[data-page="pdp"] .tn-pdp-purchase{align-self:stretch!important}
  body[data-page="pdp"] #reviews-container{grid-template-columns:1fr!important}
}

@media(max-width:640px){
  body[data-page="home"] .ferovixe-home-hero>.container,
  body[data-page="home"] .ferovixe-benefits-wrap>.container,
  body[data-page="home"] .ferovixe-category-section>.container,
  body[data-page="home"] .ferovixe-products-section>.container,
  body[data-page="home"] .ferovixe-promo-section>.container,
  body[data-page="home"] .ferovixe-why-section>.container,
  body[data-page="home"] .ferovixe-newsletter-section>.container,
  body[data-page="shop"] .tn-shop-intro>.container,
  body[data-page="shop"] .tn-shop-workspace>.container,
  body[data-page="pdp"] .tn-pdp-page>.container{width:calc(100% - 24px)!important}

  body[data-page="shop"] .tn-filter-title{grid-template-columns:1fr!important;padding:18px!important}
  body[data-page="shop"] .tn-filter-title p{text-align:left!important}
  body[data-page="shop"] .tn-filter-body{grid-template-columns:1fr!important}
  body[data-page="shop"] .tn-filter-block{padding:16px 18px!important;border-right:0!important;border-top:1px solid var(--tn-line)!important}
  body[data-page="shop"] .tn-filter-block:first-child{border-top:0!important}
  body[data-page="shop"] .tn-filter-chips,body[data-page="shop"] .tn-option-grid,body[data-page="shop"] .ferovixe-check-list,body[data-page="shop"] .ferovixe-size-grid{max-height:118px!important}
  body[data-page="shop"] .tn-results-toolbar{align-items:stretch!important;flex-direction:column!important;padding:17px!important}
  body[data-page="shop"] .tn-sort{width:100%!important;min-width:0!important}
  body[data-page="shop"] #shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body[data-page="shop"] #shop-grid .product-card-media{padding:9px!important}
  body[data-page="shop"] #shop-grid .product-card-body{padding:10px!important}
  body[data-page="shop"] #shop-grid .ferovixe-product-title{font-size:12px!important;min-height:34px!important}
  body[data-page="shop"] #shop-grid .product-card-footer{grid-template-columns:1fr!important;align-items:stretch!important}
  body[data-page="shop"] #shop-grid .base-shop-now{width:100%!important;min-width:0!important}
  body[data-page="shop"] #shop-grid .base-card-price{font-size:15px!important}

  body[data-page="pdp"] .tn-pdp-page{padding-top:14px!important}
  body[data-page="pdp"] .tn-pdp-identity{padding:18px!important;border-radius:18px!important}
  body[data-page="pdp"] .tn-pdp-identity h1{font-size:28px!important}
  body[data-page="pdp"] .tn-pdp-gallery{display:flex!important;flex-direction:column!important;padding:12px!important;border-radius:18px!important}
  body[data-page="pdp"] .tn-pdp-gallery-main{order:1!important;width:100%!important;aspect-ratio:1/1!important;max-height:none!important;padding:12px!important}
  body[data-page="pdp"] .tn-pdp-thumbnails{order:2!important;display:flex!important;flex-direction:row!important;width:100%!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0 0 4px!important}
  body[data-page="pdp"] .tn-pdp-thumbnails>*{flex:0 0 58px!important;width:58px!important;height:58px!important}
  body[data-page="pdp"] .tn-pdp-trust{order:3!important;grid-template-columns:1fr!important}
  body[data-page="pdp"] .tn-pdp-purchase{padding:20px 18px!important;border-radius:18px!important}
  body[data-page="pdp"] .tn-pdp-actions{grid-template-columns:1fr!important}
  body[data-page="pdp"] .tn-pdp-specs{padding:18px!important}
  body[data-page="pdp"] .tn-pdp-spec-list{grid-template-columns:1fr!important}
  body[data-page="pdp"] .tn-pdp-review-summary{grid-template-columns:1fr!important;gap:7px!important;padding:18px!important}
  body[data-page="pdp"] .tn-pdp-review-feed{padding:18px!important}
}

@media(max-width:420px){
  body[data-page="shop"] #shop-grid{grid-template-columns:1fr!important}
  body[data-page="pdp"] #related-grid{grid-template-columns:1fr!important}
}