.c-product{gap:var(--gap);display:grid}@media (min-width:768px){.c-product{padding-inline:var(--row-space);grid-template-columns:repeat(12,1fr)}.c-product__media{grid-column:span 7}}.c-product__media-badge{z-index:1;width:57px;height:57px;position:absolute;top:8px;right:calc(13.7681% + 8px)}@media (min-width:768px){.c-product__media-badge{width:110px;height:110px;top:16px;right:16px}}.c-product__details{padding-inline:var(--row-space)}@media (min-width:768px){.c-product__details{grid-column:span 5;padding-inline:0}}.c-variants{flex-direction:column;row-gap:2.4rem;display:flex}.c-variants__block{grid-template:"label info"min-content"opts opts"/1fr auto;gap:.8rem;display:grid}.c-variants__options{grid-area:opts}.c-variants__options[data-type=button]{grid-template-columns:repeat(3,1fr);gap:1.2rem;display:grid}@media (min-width:768px){.c-variants__options[data-type=button]{grid-template-columns:repeat(6,1fr)}}.c-variants__options[data-type=button] .c-variant{width:100%;text-align:center;border-radius:2px;outline:1px solid #ccc;padding:12px 10px 10px;position:relative}.c-variants__options[data-type=button] input:checked+.c-variant{outline:2px solid #fff100;box-shadow:0 1.1px 3.4px #0000001a,0 6px 14px #0000001f}.c-variants__options[data-type=button] input.disabled+.c-variant{color:#ccc}.c-variants__options[data-type=button] input.disabled+.c-variant:after{content:"";-webkit-clip-path:polygon(calc(100% - .5px) 0,100% .5px,.5px 100%,0 calc(100% - .5px));clip-path:polygon(calc(100% - .5px) 0,100% .5px,.5px 100%,0 calc(100% - .5px));background-color:currentColor;position:absolute;inset:0}.c-variants__options[data-type=swatch]{flex-wrap:wrap;gap:.4rem;display:flex}.c-variants__options[data-type=swatch] label{padding:5px}.c-variants__options[data-type=swatch] .c-swatch{width:30px;height:30px;border-radius:100%;display:inline-block;position:relative}.c-variants__options[data-type=swatch] .c-swatch:before{content:"";border-radius:inherit;opacity:0;position:absolute;inset:-5px;box-shadow:0 1.1px 3.4px #0000001a,0 6px 14px #0000001f}.c-variants__options[data-type=swatch] input:checked+.c-swatch{outline-offset:3px;outline:2px solid #fff100}.c-variants__options[data-type=swatch] input:checked+.c-swatch:before{opacity:1}.c-variants__options[data-type=swatch] input.disabled+.c-swatch{opacity:.5}.c-variants__options[data-type=swatch] input.disabled+.c-swatch:after{content:"";border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='-0.353553' y1='29.6464' x2='29.6464' y2='-0.353553' stroke='%23191919'/%3E%3Cline y1='-0.5' x2='42.4264' y2='-0.5' transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 30 30)' stroke='%23191919'/%3E%3C/svg%3E%0A");background-size:cover;position:absolute;inset:0}.c-quantity{text-align:center;grid-template-columns:auto 1fr auto;font-size:1.4rem;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #ccc}.c-quantity>button{justify-content:center;align-items:center;padding:14px 16px;display:inline-flex}.c-quantity>input::-webkit-inner-spin-button{display:none}.c-quantity--small>button{isolation:isolate;padding:8px 10px}.c-quantity--small>input{width:20px;margin-inline:-10px}