/* Approved full-width composition, with accessible interactive button targets. */
.page .flavors-approved-panel{position:relative;display:block;overflow:hidden;margin:0;padding:0;background:#fff5e7;isolation:isolate}
.page .flavors-approved-lifestyle{aspect-ratio:936/932}
.page .flavors-approved-root{aspect-ratio:936/749}
.page .flavors-approved-panel>img{position:absolute;display:block;left:0;width:100%;height:auto;max-width:100%;aspect-ratio:936/1681;object-fit:contain;margin:0;padding:0}
.page .flavors-approved-lifestyle>img{top:0}
.page .flavors-approved-root>img{bottom:0}
.page .flavors-approved-action{position:absolute;display:block;border:0;border-radius:999px;background:transparent;left:6%;min-height:44px;transform:translateY(-50%);z-index:1;-webkit-tap-highlight-color:transparent}
.page .lifestyle-action{top:38.8%;width:36%;height:7.4%}
.page .root-action{top:44.4%;width:30.5%;height:9.1%}
.page .flavors-approved-action:hover{background:#fffaf315}
.page .flavors-approved-action:focus-visible{outline:3px solid #d49b20;outline-offset:4px}
/* Opaque live buttons cover the raster labels with crisp, larger type. */
.page .flavors-approved-panel{container-type:inline-size}
.page .flavors-approved-action{display:flex;align-items:center;justify-content:center;gap:8px;left:5.8%;height:auto;min-height:clamp(50px,9.5cqw,110px);padding:12px 10px;box-sizing:border-box;background:#004d2e;color:#fffaf3;font:700 clamp(11px,3.3cqw,24px)/1.2 Arial,Helvetica,sans-serif;letter-spacing:.025em;text-decoration:none;white-space:nowrap}
.page .lifestyle-action{top:39.8%;width:46%;max-width:460px}
.page .root-action{top:45.5%;width:40%;max-width:380px}
.page .flavors-approved-action span[aria-hidden]{font-size:1.35em;line-height:1}
.page .flavors-approved-action:hover{background:#135b3c}
.page .flavors-approved-action:active{background:#0d3b29}
@media(max-width:360px){.page .lifestyle-action{top:40.2%}}
/* A restrained size increase over the original buttons, with sharp live text. */
.page .flavors-approved-action{min-height:clamp(44px,8cqw,88px);padding:8px;gap:6px;font-size:clamp(10px,2.9cqw,20px);letter-spacing:.02em}
.page .lifestyle-action{top:38.8%;width:40%;max-width:420px}
.page .root-action{top:44.4%;width:34%;max-width:350px}
@media(max-width:360px){.page .lifestyle-action{top:39.2%}}
/* Clear separation from the supporting copy; button dimensions stay unchanged. */
.page .lifestyle-action{top:calc(38.8% + clamp(14px,2.6cqw,24px))}
.page .root-action{top:calc(44.4% + clamp(14px,2.6cqw,24px))}
@media(max-width:360px){.page .lifestyle-action{top:calc(39.2% + 14px)}}