.caa{display:block;background:#fff;color:#111;padding:var(--caa-mobile-y) var(--caa-mobile-x);font-family:inherit}
.caa *{box-sizing:border-box}
.caa-heading{text-align:center;margin:0 auto 32px}
.caa-heading h2{margin:0 0 6px;font-size:36px;line-height:1.1;font-weight:800;color:var(--caa-accent)}
.caa-heading p{margin:0;font-size:16px;color:var(--caa-accent)}
.caa-layout{display:grid;gap:32px;min-width:0}
.caa-gallery{min-width:0}
.caa-image{display:block;aspect-ratio:1;width:100%;height:auto;object-fit:contain}
.caa-options{min-width:0;display:flex;flex-direction:column;gap:28px;margin:0;width:100%}
.caa fieldset{min-width:0;width:100%;padding:0 0 24px;border:0;border-bottom:1px solid #142d781a;margin:0}
.caa .caa-narrow{width:100%;max-width:448px;margin-inline:auto}
.caa legend{font-size:22px;font-weight:700;line-height:1.25;padding:0;margin:0 0 16px}
.caa legend span{color:#808080}
.caa button{font:inherit;cursor:pointer;letter-spacing:normal;text-transform:none;min-width:0}
.caa button:focus-visible{outline:2px solid var(--caa-accent);outline-offset:3px}
.caa-materials{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.caa-materials button,.caa-pack{border:2px solid #dce0eb;border-radius:16px;background:#fff;text-align:left;padding:16px;color:var(--caa-accent)}
.caa-materials button[aria-pressed=true],.caa-pack[aria-pressed=true]{border-color:var(--caa-accent);background:color-mix(in srgb,var(--caa-accent) 5%,white)}
.caa-materials strong{display:block;font-size:18px}
.caa-materials span{display:block;margin-top:4px;font-size:14px;line-height:1.4;color:#727783}
.caa-colors{display:flex;width:100%;flex-wrap:wrap;gap:6px}
.caa-swatch{flex:none;width:calc((100% - 32px)/5*var(--caa-mobile-scale));aspect-ratio:1;padding:0;border:0;border-radius:50%;background:white;box-shadow:0 2px 8px #142d7829;overflow:hidden}
.caa-swatch[aria-pressed=true]{outline:2px solid var(--caa-accent);outline-offset:-2px}
.caa-swatch img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.caa-swatch.caa-combo{background:conic-gradient(#17203b 0deg 120deg,#d9bf88 120deg 240deg,#7fd5bb 240deg 360deg)}
.caa-color-name{font-size:13px;color:#727783;margin:10px 0 0}
.caa-packs{display:flex;flex-direction:column;gap:12px}
.caa-pack{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}
.caa-pack.has-saving{margin-top:12px;padding-top:24px}
.caa-pack strong{display:block;font-size:18px}
.caa-pack small{display:block;color:#727783;font-size:14px}
.caa-price{text-align:right;flex-shrink:0}
.caa-price b{font-size:24px}
.caa-price em{font-size:18px;font-style:normal}
.caa-price small{font-weight:700}
.caa-saving{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);background:var(--caa-accent);color:white;border-radius:30px;padding:4px 12px;font-size:12px;font-weight:700;white-space:nowrap}
.caa-submit{border:0;border-radius:16px;width:100%;min-height:52px;background:var(--caa-button);color:white;font-size:18px!important;font-weight:700!important;padding:12px}
.caa button:disabled{opacity:.5;cursor:not-allowed}
.caa-status{margin:8px 0 0;font-size:14px;line-height:1.4}
@media(min-width:750px){.caa-swatch{width:calc((100% - 32px)/5*var(--caa-desktop-scale))}}
@media(min-width:1024px){.caa{padding:var(--caa-desktop-y) var(--caa-desktop-x)}.caa-layout{grid-template-columns:minmax(0,1fr) 472px;gap:48px}.caa-gallery{position:sticky;top:80px;align-self:start}.caa-image{max-height:calc(100dvh - 220px)}}
@media(min-width:1280px){.caa-layout{grid-template-columns:minmax(0,1fr) 600px}.caa .caa-narrow{margin-left:0}}
@media(min-width:1536px){.caa-layout{grid-template-columns:minmax(0,1fr) 616px}}