.page-product-advice,.page-product-advice-index{background:#f7f9f8}
.advice-shell{padding-top:34px;padding-bottom:72px}
.advice-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 22px;color:#66736d;font-size:.9rem}
.advice-breadcrumb a{color:inherit;text-decoration:none}.advice-breadcrumb a:hover{text-decoration:underline}

/* Dedicated advice pages use a calmer type hierarchy; the landing page keeps the shop-scale H1. */
.page-product-advice h1{font-size:clamp(1.6rem,1.75vw,2.05rem);line-height:1.12;letter-spacing:-.022em;max-width:none!important}
.page-product-advice h2{font-size:clamp(1.2rem,1.3vw,1.42rem);line-height:1.2;letter-spacing:-.014em;max-width:none!important}
.page-product-advice h3{font-size:clamp(1.08rem,1.12vw,1.22rem);line-height:1.24;letter-spacing:-.01em;max-width:none!important}
.page-product-advice-index h1{font-size:clamp(1.75rem,2.05vw,2.35rem);line-height:1.06;letter-spacing:-.025em;max-width:none!important}
.page-product-advice-index h2{font-size:clamp(1.45rem,1.65vw,1.85rem);line-height:1.12;letter-spacing:-.02em;max-width:none!important}
.page-product-advice-index h3{font-size:clamp(1.08rem,1.12vw,1.22rem);line-height:1.24;letter-spacing:-.01em;max-width:none!important}
.advice-header,.advice-index-header{margin-bottom:26px;max-width:none}
.advice-header h1,.advice-index-header h1{margin:.22em 0 .42em;max-width:none!important}
.advice-header>p,.advice-index-lead,.advice-section>p,.advice-related-card>p,.advice-empty p{max-width:none!important}

.advice-ai-disclosure{border:1px solid #c9d9d1;background:#eef6f2;border-radius:14px;padding:13px 16px;color:#294a3d;line-height:1.55}
.advice-ai-disclosure--long{margin-top:28px;padding:22px 24px}.advice-ai-disclosure--long h2{margin-top:0}

/* Product tiles and every image surface stay white. */
.advice-product-card{display:grid;grid-template-columns:minmax(280px,.92fr) minmax(0,1.08fr);gap:30px;align-items:stretch;background:#fff;border:1px solid #dce5e0;border-radius:22px;padding:22px;box-shadow:0 12px 38px rgba(18,58,43,.07);margin:0 0 28px}
.advice-product-card--compact{grid-template-columns:minmax(190px,.62fr) minmax(0,1.38fr);margin:0}
.advice-product-image{display:block;width:100%;height:100%;min-height:300px;max-height:470px;object-fit:contain;background:#fff;border-radius:16px}
.advice-product-card--compact .advice-product-image{min-height:220px;max-height:300px}
.advice-product-card-body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;background:#fff}
.advice-product-card h2{margin:.2rem 0 .65rem}.advice-price{font-size:1.8rem;font-weight:800;margin:.1rem 0 .55rem;color:#123f2e}
.advice-availability{font-weight:700;margin:.25rem 0}.advice-availability.is-available{color:#157347}.advice-availability.is-unavailable{color:#8e3329}
.advice-handover,.advice-seller{margin:.35rem 0;line-height:1.55}.advice-seller-link{font-weight:700}
.advice-product-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}

/* Dedicated detail pages stack every information tile in one clear reading column. */
.advice-content{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:stretch;margin:28px 0}
.advice-section{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #dce5e0;border-radius:18px;padding:24px;min-width:0}
.advice-section h2{margin:0 0 12px}.advice-section p,.advice-list{line-height:1.72;color:#34483f}
.advice-summary,.advice-considerations,.advice-faq{grid-column:auto}
.advice-list{margin:0;padding-left:1.2rem}.advice-list li+li{margin-top:9px}
.advice-faq details{border-top:1px solid #e0e8e4;padding:13px 0}.advice-faq details:last-child{border-bottom:1px solid #e0e8e4}
.advice-faq summary{cursor:pointer;font-weight:750}.advice-faq details p{margin:10px 0 2px}

.advice-related{margin-top:34px}.advice-related .section-head{margin-bottom:15px}
.advice-related-grid{display:block;column-count:2;column-gap:18px}.advice-alternatives{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:stretch}
.advice-related-card{display:inline-grid;grid-template-columns:220px minmax(0,1fr);width:100%;height:auto;margin:0 0 18px;vertical-align:top;padding:0;overflow:hidden;align-items:stretch;background:#fff;break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid}
.advice-related-image{display:flex;align-items:center;justify-content:center;min-height:210px;background:#fff;padding:12px;text-decoration:none}
.advice-related-image img{display:block;width:100%;height:100%;max-height:220px;object-fit:contain;background:#fff}
.advice-related-body{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:22px;background:#fff}
.advice-related-card h3{margin:0 0 10px}.advice-related-card p{line-height:1.65;flex:1;margin-top:0}.advice-related-card .button{margin-top:8px}

/* Landing page */
.page-product-advice-index .advice-shell{padding-top:30px}
.advice-index-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:30px;align-items:stretch;background:linear-gradient(135deg,#ffffff 0%,#f2f7f4 100%);border:1px solid #d7e2dc;border-radius:24px;padding:34px 36px;box-shadow:0 14px 40px rgba(18,58,43,.07);margin-bottom:32px}
.advice-index-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
.advice-index-hero h1{margin:.18em 0 .38em;max-width:none!important}.advice-index-lead{margin:0;color:#40534a;font-size:1.05rem;line-height:1.68;max-width:none!important}
.advice-index-disclosure{display:block;margin:22px 0 0;padding:12px 14px;max-width:none!important;background:#f7fbf9}
.advice-index-disclosure p{margin:0;line-height:1.5}.advice-ai-mark,.advice-empty-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#0d694c;color:#fff;font-size:.78rem;font-weight:850;letter-spacing:.04em;flex:none}
.advice-index-process{background:#0d3f30;color:#fff;border-radius:19px;padding:24px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.advice-index-process .eyebrow{color:#bfe3d3;margin:0 0 14px}.advice-index-process ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.advice-index-process li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:start;padding:12px 0;border-top:1px solid rgba(255,255,255,.13)}
.advice-index-process li:first-child{border-top:0;padding-top:4px}.advice-index-process li>span{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:#fff;color:#0d3f30;font-size:.8rem;font-weight:850}
.advice-index-process strong{display:block;font-size:.98rem;line-height:1.25}.advice-index-process small{display:block;margin-top:4px;color:#d7e8e0;font-size:.86rem;line-height:1.45}
.advice-index-section{margin-top:0}.advice-index-section-head{align-items:end;margin-bottom:16px}.advice-index-section-head h2{margin:7px 0 0}
.advice-empty{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;text-align:left;padding:26px 28px;border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(18,58,43,.05)}
.advice-empty-copy{min-width:0}.advice-empty .eyebrow{margin:0 0 5px}.advice-empty h2{margin:0 0 6px}.advice-empty p{margin:0;color:#53645d;line-height:1.55}.advice-empty .button{white-space:nowrap}

/* True masonry landing layout: cards keep their natural height and never inherit a row height from neighbours. */
.advice-index-grid{display:block;column-count:2;column-gap:18px}
.advice-index-card{padding:0;overflow:hidden;display:grid;grid-template-columns:220px minmax(0,1fr);width:100%;min-height:250px;height:auto;margin:0 0 18px;break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid;background:#fff;border-radius:20px;box-shadow:0 9px 28px rgba(18,58,43,.055);transition:transform .18s ease,box-shadow .18s ease}
.advice-index-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(18,58,43,.09)}
.advice-index-card>div{padding:22px;display:flex;flex-direction:column;align-items:flex-start;background:#fff}.advice-index-image{display:block;background:#fff;min-height:100%}
.advice-index-image img{width:100%;height:100%;min-height:250px;object-fit:contain;display:block;background:#fff}
.advice-index-card h2{font-size:clamp(1.16rem,1.24vw,1.34rem);line-height:1.16;margin:.22rem 0 .52rem}.advice-index-card h2 a{color:inherit;text-decoration:none}.advice-index-card h2 a:hover{text-decoration:underline}
.advice-index-card p:not(.eyebrow){line-height:1.6;overflow:visible;display:block;flex:none;margin-top:0;margin-bottom:0}.advice-index-card .button{margin-top:8px}

/* Pagination: Previous and Next size to their text; page numbers stay centred. */
.advice-pagination{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:26px}
.advice-pagination-prev{justify-self:start;width:auto;min-width:0}.advice-pagination-next{justify-self:end;width:auto;min-width:0}.advice-pagination-pages{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.advice-pagination-page{display:grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border:1px solid #cfdad4;border-radius:10px;background:#fff;color:#123f2e;text-decoration:none;font-weight:750}
.advice-pagination-page:hover{border-color:#8fb8a6}.advice-pagination-page[aria-current="page"]{background:#0d694c;border-color:#0d694c;color:#fff}.advice-pagination-ellipsis{padding:0 2px;color:#66736d}

@media(max-width:900px){
  .advice-product-card,.advice-product-card--compact{grid-template-columns:1fr}.advice-product-image,.advice-product-card--compact .advice-product-image{min-height:0;max-height:420px;aspect-ratio:4/3}
  .advice-content,.advice-alternatives{grid-template-columns:1fr}.advice-related-grid{column-count:1}.advice-summary,.advice-considerations,.advice-faq{grid-column:auto}
  .advice-index-grid{column-count:1}
  .advice-index-card{grid-template-columns:180px minmax(0,1fr)}
  .advice-index-hero{grid-template-columns:1fr;padding:28px;gap:22px}.advice-index-process{padding:20px}
  .advice-empty{grid-template-columns:auto minmax(0,1fr)}.advice-empty .button{grid-column:2;justify-self:start}
}
@media(max-width:760px){
  .page-product-advice h1{font-size:1.45rem;line-height:1.14}.page-product-advice h2{font-size:1.2rem}.page-product-advice h3{font-size:1.08rem}
  .page-product-advice-index h1{font-size:1.62rem;line-height:1.08}.page-product-advice-index h2{font-size:1.38rem}.page-product-advice-index h3{font-size:1.08rem}.advice-index-card h2{font-size:1.18rem}
  .advice-index-section-head{display:block}.advice-index-section-head .button{margin-top:12px}
}
@media(max-width:640px){
  .advice-shell{padding-top:22px;padding-bottom:48px}.page-product-advice-index .advice-shell{padding-top:18px}
  .advice-product-card{padding:14px;border-radius:17px;gap:16px}.advice-product-card-body{padding:2px}.advice-price{font-size:1.55rem}.advice-product-actions{width:100%}.advice-product-actions .button{flex:1 1 100%;text-align:center}.advice-section{padding:18px}.advice-ai-disclosure--long{padding:18px}.advice-related{margin-top:26px}
  .advice-index-hero{padding:22px 18px;border-radius:18px;gap:18px}.advice-index-lead{font-size:1rem;line-height:1.6}.advice-index-disclosure{padding:11px 12px;margin-top:18px}.advice-ai-mark,.advice-empty-mark{width:38px;height:38px;border-radius:10px}.advice-index-process{border-radius:16px;padding:18px}
  .advice-index-card{grid-template-columns:1fr}.advice-index-image{aspect-ratio:16/10}.advice-index-image img{min-height:0}.advice-index-card>div{padding:18px}
  .advice-related-card{grid-template-columns:1fr}.advice-related-image{min-height:0;aspect-ratio:16/10;padding:10px}.advice-related-image img{max-height:260px}.advice-related-body{padding:18px}
  .advice-empty{grid-template-columns:1fr;padding:22px 18px;text-align:left}.advice-empty .button{grid-column:auto;justify-self:stretch;text-align:center}
  .advice-pagination{grid-template-columns:1fr 1fr;gap:10px}.advice-pagination-pages{grid-column:1/-1;grid-row:1}.advice-pagination-prev{grid-column:1;grid-row:2;justify-self:start}.advice-pagination-next{grid-column:2;grid-row:2;justify-self:end}
}
@media(max-width:430px){.page-product-advice h1{font-size:1.34rem}.page-product-advice h2{font-size:1.14rem}.page-product-advice h3{font-size:1.04rem}.page-product-advice-index h1{font-size:1.47rem;line-height:1.1}.page-product-advice-index h2{font-size:1.3rem}.page-product-advice-index h3{font-size:1.04rem}.advice-index-card h2{font-size:1.14rem}.advice-pagination-page{min-width:36px;height:36px;padding:0 8px}}

/* 2026-08-13: taxonomy-free advice layout and embedded static product guide */
@media (min-width: 901px){
  .advice-related-grid{column-count:2}
  .advice-related-card{grid-template-columns:minmax(150px,190px) minmax(0,1fr)}
}
.advice-static-guide{margin-top:34px;padding:30px;border:1px solid var(--line,#dfe8e3);border-radius:18px;background:#fbfdfb}
.advice-static-guide-lead{max-width:980px;margin:0 0 22px;line-height:1.7}
.advice-static-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.advice-static-guide-card{padding:22px;min-width:0}
.advice-static-guide-card h3{margin:0 0 10px}
.advice-static-guide-card p{margin:0;line-height:1.65}
@media (max-width:900px){.advice-static-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.advice-static-guide{padding:20px}.advice-static-guide-grid{grid-template-columns:1fr}}