.ty-photo{margin:2rem 0 2.5rem}
.ty-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:6px}
.ty-photo figcaption,.ty-note{font-size:.875rem!important;line-height:1.5!important;color:var(--muted);margin:.65rem 0 0}
.ty-answer{border-left:4px solid #bd322e;padding:1.4rem 1.6rem;background:#f1f4ed;margin:2rem 0}
.ty-answer strong{font-size:1.15rem}.ty-answer p:last-child{margin-bottom:0}
.ty-products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:1.7rem 0 .75rem}
.ty-products a{min-width:0;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem .5rem;color:inherit;text-align:center;text-decoration:none!important;border:1px solid #d9ded3;border-radius:6px;background:#f4f6ef;transition:transform .18s ease,border-color .18s ease}
.ty-products a:hover{transform:translateY(-3px);border-color:#6c8464}.ty-products a:focus-visible{outline:3px solid #547647;outline-offset:3px}
.ty-products img{height:140px;width:100%;object-fit:contain;mix-blend-mode:multiply}.ty-products span{font-size:.875rem;line-height:1.35;font-weight:700}
.ty-flavours li{margin:.75rem 0}
.ty-cta{margin-top:2.5rem;padding:clamp(24px,5vw,40px);background:#e8eddf;border-top:3px solid #547647;border-radius:3px}
.ty-cta h2{margin-top:0!important}.ty-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
@media(max-width:780px){.ty-products{grid-template-columns:repeat(3,minmax(0,1fr))}.ty-products img{height:120px}.ty-answer{padding:1.15rem}}
@media(max-width:440px){.ty-products{grid-template-columns:repeat(2,minmax(0,1fr))}.ty-products img{height:135px}.ty-actions{align-items:flex-start;flex-direction:column;gap:14px}}
@media(prefers-reduced-motion:reduce){.ty-products a{transition:none}.ty-photo img{content-visibility:visible}}