.variant-page .variant-lab{background:#e9eddf;padding-top:1.2rem;padding-bottom:1.2rem}.variant-lab p{margin:0 0 .65rem;font-size:.9rem}.variant-lab nav{flex-wrap:wrap;gap:.65rem;display:flex}.variant-lab nav a{border:1px solid #697a68;border-radius:8px;padding:.65rem .8rem;font-size:.9rem;text-decoration:none}.variant-lab nav a[aria-current=page]{color:#fff;background:#304b3d}.variant-hero{grid-template-columns:minmax(200px,330px) 1fr;align-items:start;gap:4rem;display:grid}.variant-cover{width:100%;height:auto;display:block;box-shadow:8px 12px 28px #304b3d18}.variant-page .variant-hero h1{font-size:clamp(2.3rem,4.5vw,4rem)}.variant-actions{flex-wrap:wrap;gap:.75rem;display:flex}.variant-facts{font-weight:600}.variant-gallery{scroll-margin-top:5rem}.variant-thumbs{grid-template-columns:repeat(8,minmax(0,1fr));gap:.8rem;display:grid}.variant-b .variant-thumbs{grid-template-columns:repeat(6,minmax(0,1fr))}.variant-thumbs button{font:inherit;color:#304b3d;cursor:pointer;background:#fff;border:1px solid #deded2;border-radius:4px;min-width:0;padding:.35rem}.variant-thumbs button:hover{border-color:#304b3d}.variant-thumbs img{aspect-ratio:360/440;object-fit:contain;width:100%;height:auto;display:block}.variant-thumbs span{margin-top:.35rem;font-size:.75rem;display:block}.variant-switch{flex-wrap:wrap;gap:.6rem;margin:1.5rem 0;display:flex}.variant-switch button{font:inherit;color:#304b3d;cursor:pointer;background:0 0;border:1px solid #6f806e;border-radius:24px;min-height:44px;padding:.7rem 1rem}.variant-switch button[aria-pressed=true]{color:#fff;background:#304b3d}.variant-highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:2rem 0 3rem;display:grid}.variant-highlights figure{margin:0}.variant-highlights button{cursor:pointer;background:#fff;border:1px solid #deded2;width:100%;padding:.7rem;display:block}.variant-highlights img{aspect-ratio:360/440;object-fit:contain;width:100%;height:auto;display:block}.variant-highlights figcaption{margin-top:.65rem;font-size:1rem}.variant-dialog{color:#304b3d;background:#faf9f3;border:1px solid #d3d7ca;border-radius:12px;width:min(440px,100vw - 2rem);max-height:90vh;padding:1.25rem;overflow:auto}.variant-dialog::backdrop{background:#17271ccc}.variant-dialog-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.variant-dialog-heading h3{margin:0 0 1rem;font-size:1.25rem}.variant-dialog img{object-fit:contain;width:100%;max-width:360px;height:auto;max-height:55vh;margin:auto;display:block}.variant-close{font:inherit;color:#304b3d;cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px;font-size:1.8rem}.variant-dialog p{font-size:.9rem}.variant-try{background:#e9eddf;grid-template-columns:1fr 260px;align-items:center;gap:3rem;display:grid}.variant-try>img{width:100%;height:auto}.variant-specs dl{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.variant-specs dl>div{border-bottom:1px solid #d4d6c9;padding:1rem 0}.variant-specs dt{color:#657063;font-size:.9rem}.variant-specs dd{margin:.4rem 0 0}.variant-page button:focus-visible,.variant-page a:focus-visible{outline-offset:4px;outline:3px solid #a44e39}@media (max-width:800px){.variant-hero{grid-template-columns:220px 1fr;gap:2rem}.variant-thumbs{grid-template-columns:repeat(5,minmax(0,1fr))}.variant-b .variant-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}.variant-try{grid-template-columns:1fr 180px;gap:1.5rem}}@media (max-width:580px){.variant-hero{grid-template-columns:1fr;gap:1.5rem}.variant-cover{width:190px;margin:auto}.variant-thumbs,.variant-b .variant-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.variant-highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.variant-highlights figcaption{font-size:.8rem}.variant-highlights button{padding:.3rem}.variant-try{grid-template-columns:1fr}.variant-try>img{width:180px;margin:auto}.variant-specs dl{grid-template-columns:1fr}.variant-lab nav a{font-size:.8rem}.variant-actions .button{text-align:center;width:100%}}