.products-page{--product:#ff941c}.products-main{padding-bottom:10px}.products-hero{height:285px;position:relative;overflow:hidden;background:#02070b}.products-hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#02070b 0%,rgba(2,7,11,.97) 43%,rgba(7,6,7,.16) 72%),url('assets/products-hero-canonical.jpg') right center/auto 100% no-repeat}.products-hero-copy{position:relative;padding:35px 39px}.products-hero h1{font-size:34px;line-height:1.25;margin:0 0 10px}.products-hero h1 strong{color:var(--product)}.products-hero p{font-size:13px;line-height:1.65;color:#d1d4d6;margin:0 0 20px}.products-hero-copy>div{display:flex;gap:14px}.products-primary{background:linear-gradient(135deg,#ffac32,#d96d00);border:0;color:#111;font-weight:700}.benefit-strip,.product-search,.category-section,.product-kpis,.products-section,.why-section,.newsletter{margin:12px 18px 0;border:1px solid var(--line);border-radius:8px;background:#03090ecc}.benefit-strip{display:grid;grid-template-columns:repeat(5,1fr)}.benefit-strip article,.product-kpis article{display:flex;align-items:center;gap:10px;padding:12px;border-right:1px solid #253039}.benefit-strip article:last-child,.product-kpis article:last-child{border-right:0}.benefit-strip svg,.product-kpis svg,.why-grid svg{width:34px;height:34px;fill:none;stroke:var(--product);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #ff8d2859)}.benefit-strip strong,.benefit-strip small,.product-kpis strong,.product-kpis small{display:block}.benefit-strip strong,.product-kpis strong{font-size:12px}.benefit-strip small,.product-kpis small{font-size:9px;color:#a9b0b5}.product-search{padding:8px}.product-search form{display:grid;grid-template-columns:2.2fr repeat(3,1fr);gap:8px}.product-search-box{display:grid;grid-template-columns:28px 1fr 70px;align-items:center;border:1px solid #28333c;border-radius:5px;overflow:hidden}.product-search-box svg{width:18px;height:18px;margin-left:8px;fill:none;stroke:#ddd}.product-search input,.product-search select{background:#03090e;color:#ddd;border:1px solid #28333c;border-radius:5px;padding:9px}.product-search-box input{border:0}.product-search button{height:100%;border:0;background:#a84e00;color:#fff}.category-section,.products-section,.why-section{padding:10px 15px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.section-heading h2{font-size:17px;margin:0}.section-heading button{border:0;background:none;color:#ff9d2e}.category-cards{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.category-card{min-height:75px;border:1px solid #2b3540;border-radius:7px;background:#040b11;color:#eee;padding:8px 5px;text-align:center;cursor:pointer}.category-card svg{width:26px;height:26px;display:block;margin:0 auto 5px;fill:none;stroke:var(--product);stroke-width:1.7}.category-card strong{display:block;font-size:10px;line-height:1.25}.category-card.active{border-color:var(--product);box-shadow:0 0 10px #ff8d2825}.product-kpis{display:grid;grid-template-columns:repeat(4,1fr)}.product-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.product-card{position:relative;border:1px solid #333e47;border-radius:8px;background:linear-gradient(#081018,#02070b);overflow:hidden;display:flex;flex-direction:column;min-height:310px}.product-card img{width:100%;height:150px;object-fit:contain;background:#eef0f2}.product-card-content{display:flex;flex-direction:column;flex:1;padding:10px}.product-card h3{font-size:14px;line-height:1.35;margin:0 0 3px}.product-card small{font-size:10px;color:#ff9f36}.product-card p{font-size:10px;line-height:1.5;color:#bec5cb;flex:1}.product-card a{display:block;text-align:center;padding:8px;border-radius:5px;background:linear-gradient(135deg,#ffab2e,#df7200);color:#111;font-weight:700;font-size:11px}.sponsored-product{position:absolute;top:8px;right:8px;padding:3px 7px;border-radius:999px;background:#3b2105;color:#ffd28a;border:1px solid #d97b14;font-size:9px}.why-section h2{text-align:left;font-size:18px;margin:0 0 8px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.why-grid article{display:flex;gap:10px;border:1px solid #27323a;border-radius:6px;padding:10px}.why-grid h3{font-size:12px;margin:0}.why-grid p{font-size:9px;color:#b4bdc4;margin:3px 0 0;line-height:1.45}.affiliate-note{font-size:9px;color:#9da6ad;margin:9px 0 0}.newsletter{display:flex;align-items:center;justify-content:space-between;padding:12px 18px}.newsletter h2{font-size:16px;margin:0;color:#ff9c2b}.newsletter p{font-size:10px;color:#aaa;margin:2px 0}.newsletter form{display:flex;width:48%}.newsletter input{flex:1;background:#02070b;border:1px solid #29333c;padding:9px;color:#eee}.newsletter button{border:0;background:linear-gradient(135deg,#ffab2e,#df7200);padding:0 22px;font-weight:700}.product-brands{margin:12px 18px 0;height:auto;padding:6px 22px 14px}.product-brands>div{display:flex;justify-content:space-around;gap:28px;flex-wrap:wrap;color:#ddd}.product-brands strong{font-size:18px}.products-page footer{border-top:1px solid #1c2730}
@media(max-width:900px){.category-cards{grid-template-columns:repeat(4,1fr)}.product-cards{grid-template-columns:repeat(2,1fr)}.benefit-strip{grid-template-columns:repeat(3,1fr)}.benefit-strip article:nth-child(3){border-right:0}.product-search form{grid-template-columns:1fr 1fr}.why-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.products-hero{height:555px}.products-hero-art{background:linear-gradient(180deg,transparent,#02070b 52%),url('assets/products-hero-canonical.jpg') center top/auto 285px no-repeat}.products-hero-copy{padding:255px 20px 15px}.products-hero h1{font-size:29px}.products-hero p br{display:none}.products-hero-copy>div{flex-direction:column;align-items:flex-start}.benefit-strip,.product-search,.category-section,.product-kpis,.products-section,.why-section,.newsletter,.product-brands{margin-left:12px;margin-right:12px}.benefit-strip,.product-kpis,.product-cards,.why-grid{grid-template-columns:1fr}.benefit-strip article,.product-kpis article{border-right:0;border-bottom:1px solid #253039}.product-search form{grid-template-columns:1fr}.category-cards{grid-template-columns:repeat(2,1fr)}.newsletter{align-items:flex-start;gap:10px;flex-direction:column}.newsletter form{width:100%}.product-brands>div{justify-content:center}}

/* PAGE 04 category visuals — data-driven sprite positions */
.category-card{position:relative;isolation:isolate;min-height:112px;border-radius:9px;overflow:hidden;background:none;color:#fff;padding:7px;text-align:center;display:flex;align-items:flex-end;justify-content:center;transition:border-color .2s,transform .2s}
.category-card::before{content:"";position:absolute;z-index:-2;inset:0;background-image:url('assets/category-visuals-v1.png');background-size:700% 200%;background-position:calc(var(--category-x) * 16.6667%) calc(var(--category-y) * 100%);filter:brightness(1.64) saturate(1.2) contrast(1.08);transition:filter .2s}
.category-card::after{content:"";position:absolute;z-index:-1;inset:0;background:rgba(2,7,11,.03)}
.category-card svg{display:none}
.category-card strong{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:28px;max-width:100%;padding:3px 10px;border:1px solid color-mix(in srgb,var(--category-accent) 72%,transparent);border-radius:7px;background:rgba(2,7,11,.14);box-shadow:0 0 6px color-mix(in srgb,var(--category-accent) 38%,transparent),inset 0 0 7px rgba(2,7,11,.16);font-size:10px;line-height:1.16;color:#fff;text-align:center;text-shadow:0 0 5px var(--category-accent),0 1px 2px #000;white-space:nowrap;transition:border-color .22s,background-color .22s,box-shadow .22s,text-shadow .22s}
.category-card strong::before{content:"";position:absolute;z-index:-1;inset:-2px;pointer-events:none;border-radius:8px;background:linear-gradient(90deg,var(--category-accent),var(--category-accent)) left top/18px 1px no-repeat,linear-gradient(180deg,var(--category-accent),var(--category-accent)) left top/1px 9px no-repeat,linear-gradient(270deg,var(--category-accent),var(--category-accent)) right bottom/22px 1px no-repeat,linear-gradient(0deg,var(--category-accent),var(--category-accent)) right bottom/1px 8px no-repeat;filter:drop-shadow(0 0 3px var(--category-accent));opacity:.9}
.category-card strong::after{content:"";position:absolute;pointer-events:none;top:-2px;left:38%;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 5px 1px var(--category-accent),42px 29px 0 -1px var(--category-accent);opacity:.82;transition:left .45s ease,opacity .22s}
.category-card:nth-child(1){--category-accent:#6d42c7}.category-card:nth-child(2){--category-accent:#278ec4}.category-card:nth-child(3){--category-accent:#a97208}.category-card:nth-child(4){--category-accent:#c65b18}.category-card:nth-child(5){--category-accent:#bf4f75}.category-card:nth-child(6){--category-accent:#176fc2}.category-card:nth-child(7){--category-accent:#197f78}.category-card:nth-child(8){--category-accent:#bd482f}.category-card:nth-child(9){--category-accent:#4b55ae}.category-card:nth-child(10){--category-accent:#426d8e}.category-card:nth-child(11){--category-accent:#c7675e}.category-card:nth-child(12){--category-accent:#9a642f}.category-card:nth-child(13){--category-accent:#a93b8b}.category-card:nth-child(14){--category-accent:#842f42}
.category-card:hover{border-color:#ff9b2c;transform:translateY(-1px)}
.category-card:hover::before{filter:brightness(1.72) saturate(1.24) contrast(1.08)}
.category-card:hover strong,.category-card:focus-visible strong{border-color:color-mix(in srgb,var(--category-accent) 90%,white 10%);background:rgba(2,7,11,.25);box-shadow:0 0 11px color-mix(in srgb,var(--category-accent) 58%,transparent),inset 0 0 8px color-mix(in srgb,var(--category-accent) 13%,transparent);text-shadow:0 0 7px var(--category-accent),0 1px 2px #000}
.category-card:hover strong::after,.category-card:focus-visible strong::after{left:62%;opacity:1}
.category-card:focus-visible{outline:2px solid #fff;outline-offset:2px}
.category-card.active{border-color:var(--product);box-shadow:0 0 13px #ff8d2840}
@media(max-width:600px){.category-card{min-height:118px;padding:7px}.category-card strong{min-height:34px;max-width:100%;padding:4px 8px;font-size:10px;white-space:nowrap}}

/* Shopping Decision Engine additions — preserves the locked PAGE 04 grid */
.engine-product{position:absolute;top:8px;left:8px;z-index:2;padding:3px 7px;border-radius:999px;background:#102b3e;color:#8bd8ff;border:1px solid #2878a7;font-size:9px}
.product-card-placeholder{height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 65% 20%,#21435d,#0a1520 58%,#04090d);padding:16px}
.product-card-placeholder small,.product-card-placeholder span{color:#9eb4c3;font-size:9px}.product-card-placeholder strong{font-size:18px;margin:6px 0}

/* Product copy sizing — keep long partner-feed titles and descriptions inside every card. */
.product-card-content{min-width:0}
.product-card h3{font-size:13px;line-height:1.35;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.product-card small{font-size:9px;overflow-wrap:anywhere}
.product-card p{font-size:9px;line-height:1.45;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:3.95em}
@media(max-width:600px){.product-card h3{font-size:12px}.product-card p{font-size:8.5px;line-height:1.4;max-height:3.8em}}

/* v134: compact every live product card, including long partner-feed names. */
.products-page .product-card-content{overflow:hidden}
.products-page .product-card h3{
  min-height:2.7em;
  max-height:2.7em;
  margin:0 0 4px;
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:700;
  overflow:hidden!important;
  overflow-wrap:anywhere;
  word-break:break-word;
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.products-page .product-card p{
  min-height:2.7em;
  max-height:2.7em!important;
  margin:5px 0 8px;
  font-size:8px!important;
  line-height:1.35!important;
  overflow:hidden!important;
  overflow-wrap:anywhere;
  word-break:break-word;
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
@media(max-width:600px){
  .products-page .product-card h3{font-size:10.5px!important}
  .products-page .product-card p{font-size:7.75px!important}
}
.ranking-evidence{display:block;margin-top:3px;color:#98a4ad;font-size:8px;line-height:1.4}
.external-rank{position:absolute;z-index:3;top:8px;left:8px;border:1px solid #ffab43;border-radius:999px;background:#241303;color:#ffd299;padding:3px 7px;font-size:9px;font-weight:800}
.external-rank~.engine-product{top:34px}
