/* KitchenHacksDaily — product guide pages */

.review-tabs{background:var(--paper-2);border-bottom:1px solid var(--line)}
.review-tabs-inner{
  max-width:940px;margin:0 auto;
  display:flex;gap:.3rem;padding:.6rem 1rem;overflow-x:auto;
  scrollbar-width:thin;
}
.review-tabs .tab{
  flex:0 0 auto;border:1px solid var(--line);background:var(--paper);
  padding:.55rem 1rem;border-radius:999px;
  font-family:var(--sans);font-size:.83rem;font-weight:700;
  color:var(--ink-soft);cursor:pointer;
  max-width:19rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.review-tabs .tab:hover{border-color:#c6b899;color:var(--olive-deep)}
.review-tabs .tab.active{background:var(--olive-deep);border-color:var(--olive-deep);color:#f6f1e6}

.tabpanel{display:none}
.tabpanel.active{display:block}

.hero{
  padding:clamp(2.5rem,5vw,3.75rem) 1.5rem;
  text-align:center;
  background:
    radial-gradient(65% 80% at 50% 0%,rgba(211,161,61,.2),transparent 65%),
    var(--paper);
  border-bottom:1px solid var(--line);
}
.hero .brand{
  text-transform:uppercase;letter-spacing:.2em;font-size:.68rem;
  color:var(--terracotta);font-weight:700;margin-bottom:.7rem;
}
.hero h1{
  font-family:var(--serif);
  font-size:clamp(1.85rem,4.4vw,2.6rem);
  font-weight:600;letter-spacing:-.03em;line-height:1.08;
  margin:0 auto .7rem;max-width:34rem;
}
.hero .sub{font-size:1.08rem;color:var(--ink-soft);margin-bottom:.75rem}
.hero .summary{color:var(--muted);font-size:.97rem;max-width:36rem;margin:0 auto 1.25rem}
.hero .highlights{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:1.6rem}
.hero .highlights span{
  background:var(--paper-2);color:var(--olive-deep);
  border:1px solid var(--line);
  padding:.32rem .75rem;border-radius:999px;font-size:.74rem;font-weight:600;
}
.hero .hero-cta,.cta a,.final-cta a{
  display:inline-flex;align-items:center;gap:.45rem;
  padding:.9rem 2rem;border-radius:999px;
  background:var(--olive-deep);color:#f6f1e6;
  font-weight:700;font-size:1rem;text-decoration:none;
  box-shadow:var(--shadow);
  transition:transform .18s ease,background .18s ease;
}
.hero .hero-cta:hover,.cta a:hover,.final-cta a:hover{background:#1e2717;transform:translateY(-2px)}

.hero-product-img{max-width:400px;margin:0 auto 1.25rem;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);background:var(--paper-2)}
.hero-product-img img,.hero-product-img video{width:100%;display:block}

.container{max-width:760px;margin:0 auto;padding:2.25rem 1.5rem}

.product-img{width:100%;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:2rem;border:1px solid var(--line)}
.product-img img,.product-img video{width:100%;display:block}
.slot-assets{margin:1.25rem 0}
.asset-wrap{margin-bottom:1rem}
.asset-video{border-radius:var(--radius-lg);overflow:hidden;background:var(--olive-deep)}
.asset-video video{width:100%;display:block}
.img-cell{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);aspect-ratio:1}
.img-cell img{width:100%;height:100%;object-fit:cover;display:block}

h2{
  font-family:var(--serif);
  font-size:1.5rem;font-weight:600;letter-spacing:-.024em;
  color:var(--ink);margin:2.25rem 0 1rem;
}

.verdict{background:var(--paper-2);border-radius:var(--radius-lg);padding:1.6rem;border:1px solid var(--line)}
.verdict-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;font-size:.9rem}
.verdict-grid .lbl{
  display:block;
  color:var(--muted);font-weight:700;
  font-size:.66rem;text-transform:uppercase;letter-spacing:.14em;
  margin-bottom:.15rem;
}

.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.feat-card{border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;background:var(--paper-2)}
.feat-card h3{font-family:var(--serif);font-size:1.02rem;font-weight:600;margin-bottom:.45rem}
.feat-card p{font-size:.82rem;color:var(--ink-soft);margin-bottom:.3rem}
.feat-card strong{color:var(--olive)}

ul.benefits{list-style:none;margin-bottom:1.5rem}
ul.benefits li{padding:.4rem 0 .4rem 1.6rem;position:relative;color:var(--ink-soft)}
ul.benefits li .chk{position:absolute;left:0;color:var(--olive);font-weight:700}

.proscons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}
.proscons .col{border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;background:var(--paper-2)}
.proscons h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;margin-bottom:.6rem}
.proscons ul{list-style:none}
.proscons li{font-size:.86rem;color:var(--ink-soft);padding:.22rem 0 .22rem 1.3rem;position:relative}
.proscons .chk{position:absolute;left:0;color:var(--olive);font-weight:700}
.proscons .dot{position:absolute;left:0;color:var(--muted)}

.specs{width:100%;border-collapse:collapse;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}
.specs td{padding:.55rem 1rem;font-size:.85rem;border-bottom:1px solid var(--line)}
.specs tr.alt td{background:var(--paper-2)}
.specs td:first-child{color:var(--muted);font-weight:700;width:40%}

details{border-bottom:1px solid var(--line);padding:.8rem 0}
details summary{font-weight:700;cursor:pointer;color:var(--ink)}
details p{color:var(--ink-soft);margin-top:.45rem;font-size:.9rem}

.cta{text-align:center;padding:1.6rem 0}

.pin-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--paper-2)}
.pin-img{aspect-ratio:3/4}
.pin-img img{width:100%;height:100%;object-fit:cover;display:block}
.pin-cap{font-size:.76rem;color:var(--ink-soft);padding:.6rem;font-weight:600}

.final-cta{
  background:radial-gradient(75% 120% at 80% 5%,rgba(211,161,61,.28),transparent 62%),var(--olive-deep);
  border-radius:var(--radius-lg);padding:2.1rem;text-align:center;margin:1.75rem 0;
}
.final-cta h3{font-family:var(--serif);font-size:1.3rem;font-weight:600;color:#fffdf8;margin-bottom:.55rem;letter-spacing:-.02em}
.final-cta p{color:#c9cdb9;font-size:.92rem;max-width:32rem;margin:0 auto 1.15rem}
.final-cta a{background:var(--mustard);color:#2b2313}
.final-cta a:hover{background:#e3b14b}
.final-cta .micro{font-size:.74rem;color:#9aa189;margin-top:.85rem}

.listicle-embed{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.6rem}
.listicle-title{font-family:var(--serif);font-size:1.2rem;font-weight:600;color:var(--ink);margin-bottom:.5rem}
.listicle-intro{font-size:.86rem;color:var(--ink-soft);margin-bottom:1rem;line-height:1.5}
.listicle-items{display:flex;flex-direction:column;gap:.75rem}
.listicle-item{display:flex;align-items:flex-start;gap:.8rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem}
.listicle-rank{width:1.8rem;height:1.8rem;border-radius:50%;background:var(--terracotta);color:#fff7ee;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.listicle-thumb{width:3.5rem;height:3.5rem;border-radius:10px;overflow:hidden;flex-shrink:0;border:1px solid var(--line)}
.listicle-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.listicle-body{flex:1;min-width:0}
.listicle-name{font-size:.92rem;font-weight:700;color:var(--ink);margin-bottom:.15rem}
.listicle-best{font-size:.72rem;color:var(--terracotta-dark);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.2rem}
.listicle-summary{font-size:.82rem;color:var(--ink-soft);line-height:1.45}
.listicle-link{display:inline-block;font-size:.76rem;font-weight:700;color:var(--olive);text-decoration:none;margin-top:.3rem}
.listicle-link:hover{text-decoration:underline;text-underline-offset:3px}

.disclosure{font-size:.76rem;color:var(--muted);font-style:italic;text-align:center;border-top:1px solid var(--line);padding-top:1.5rem;margin-top:2rem}

/* breadcrumb back to the guide index */
.crumb{max-width:760px;margin:0 auto;padding:1.1rem 1.5rem 0}
.crumb a{
  display:inline-flex;align-items:center;gap:.4rem;
  font-size:.78rem;font-weight:700;color:var(--muted);text-decoration:none;
  text-transform:uppercase;letter-spacing:.12em;
}
.crumb a:hover{color:var(--olive-deep)}

@media(max-width:600px){
  .verdict-grid,.feat-grid,.proscons{grid-template-columns:1fr}
  .hero-product-img{max-width:280px}
  .review-tabs .tab{max-width:12rem}
}

/* multi-product index page: lighter intro so it does not compete with the product hero */
.page-intro{
  padding:clamp(2.25rem,5vw,3.25rem) 1.5rem clamp(1.5rem,3vw,2rem);
  max-width:760px;margin:0 auto;
}
.page-intro .brand{
  text-transform:uppercase;letter-spacing:.2em;font-size:.68rem;
  color:var(--terracotta);font-weight:700;margin-bottom:.7rem;
}
.page-intro h1{
  font-family:var(--serif);
  font-size:clamp(1.9rem,4.4vw,2.7rem);
  font-weight:600;letter-spacing:-.032em;line-height:1.06;margin-bottom:.7rem;
}
.page-intro h1 em{font-style:italic;color:var(--olive)}
.page-intro .sub{font-size:1.06rem;color:var(--ink-soft);margin-bottom:.6rem}
.page-intro .summary{color:var(--muted);font-size:.96rem;max-width:40rem}
.page-intro .pick-hint{
  display:inline-flex;align-items:center;gap:.5rem;
  margin-top:1.2rem;font-size:.72rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.14em;color:var(--olive);
}
.page-intro .pick-hint::after{content:"";width:22px;height:1px;background:var(--olive);opacity:.5}