.product-nav{display:flex;gap:1rem;flex-wrap:wrap;padding:1rem 0}.product-nav a{color:#f3c56b}.product-hero{padding:3rem 0;display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center}.product-hero h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.1}.product-hero img{width:100%;max-width:480px;border-radius:20px;display:block}.product-content{max-width:850px}.product-content section{margin:2.5rem 0}.product-content h2{font-size:1.6rem}.product-content p{line-height:1.8;color:#d0d8e8}.product-content details{padding:1rem 0;border-bottom:1px solid #33405b}.product-content summary{cursor:pointer;font-weight:700}.product-label{color:#f3c56b;font-size:.9rem}.product-links{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.product-link{padding:1.5rem;border:1px solid #33405b;border-radius:16px;display:block;color:inherit;text-decoration:none}.product-link:hover{border-color:#f3c56b}.product-link h3{margin:0 0 .7rem}.product-link p{margin:0;line-height:1.6}.product-hero figure{margin:0}.product-hero figcaption{font-size:.9rem;margin-top:.6rem;color:#d0d8e8}@media(max-width:700px){.product-hero{grid-template-columns:1fr;gap:1.5rem}.product-links{grid-template-columns:1fr}.product-nav{gap:.8rem}.product-hero{padding-top:2rem}}
/* Smartphone: comfortably tappable navigation and wrapped order buttons. */
@media (max-width: 700px) {
  .product-hero > * { min-width: 0; }
  .product-nav a { display: inline-flex; align-items: center; min-height: 44px; }
  .product-hero .button { max-width: 100%; white-space: normal; text-align: center; padding-top: 12px; padding-bottom: 12px; }
  .product-content, .product-hero figcaption { overflow-wrap: anywhere; }
}
@media (max-width: 520px) {
  .product-hero .button { display: flex; width: 100%; margin-bottom: 12px; }
  .product-nav { column-gap: 16px; row-gap: 4px; }
}