#variantsModal{background:#0006;padding:24px;visibility:hidden}#variantsModal.open{visibility:visible}#variantsModal .mbox{max-width:850px;border:0;border-radius:22px;box-shadow:0 20px 80px #0003;padding:24px 28px 0;max-height:92dvh;font-family:Outfit,Arial,sans-serif;overscroll-behavior:contain}#variantsModal .mh{border:0;margin:0 0 18px;padding:0;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#697178}#variantsModal .mclose{background:#f3f4f5;border:0;border-radius:50%;width:40px;height:40px;box-shadow:none;color:#15191c}#variantsModal .vm-img{height:300px;border:0;border-radius:18px;background:#f8f5f0}#variantsModal .vm-img img{object-fit:contain}#vmTitle{font:700 27px/1.2 Outfit,Arial,sans-serif;color:#20272b;margin:18px 0 10px}#vmBasePrice{font-size:24px;font-weight:700;margin:0 0 10px}#vmDescription{font-size:16px;line-height:1.5;color:#737b80;margin:0 0 18px}#variantsModal .vm-step{border:0;border-top:1px solid #e2e4e6;border-radius:0;margin:0;background:white;padding:0}#variantsModal .vm-step summary{cursor:pointer;padding:19px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font-size:19px;font-weight:700;list-style:none}#variantsModal .vm-step summary small{font-size:13px;font-weight:400;color:#697178;max-width:65%;text-align:right}#variantsModal .var-chips{display:flex;flex-direction:column;gap:0;padding:0 0 16px}#variantsModal .vm-option{display:flex;align-items:center;gap:14px;min-height:46px;padding:9px 0;cursor:pointer;font-size:17px;font-weight:400;color:#252a2e}#variantsModal .vm-option input{appearance:auto;width:21px;height:21px;accent-color:#191d20;flex-shrink:0;margin:0}#variantsModal .vm-option:has(input:disabled){opacity:.5;cursor:not-allowed}#variantsModal .vm-option-price{margin-left:auto;white-space:nowrap;color:#727c83;font-size:16px}#variantsModal .vm-next{align-self:flex-end;background:#f1f2f3;border:0;border-radius:8px;padding:10px 18px;color:#252a2e;font:600 14px Outfit,sans-serif;cursor:pointer}#variantsModal .vm-qty{justify-content:flex-start;margin:20px 0;gap:16px}#variantsModal .vq-btn{background:#f4f4f4;border:1px solid #ddd;box-shadow:none;color:#191d20}#variantsModal .vm-purchase{position:sticky;bottom:0;background:white;border-top:1px solid #eee;padding:12px 0 max(16px,env(safe-area-inset-bottom));z-index:2}#vmHint{font-size:12px;color:#697178;margin:0 0 6px}#vmHint:empty{display:none}#variantsModal .vm-add{background:#191d20;color:white;border:0;border-radius:15px;padding:17px;width:100%;box-shadow:none;font:700 21px Outfit,sans-serif;margin:0}#variantsModal .vm-add:hover{transform:none;background:#30363a}#variantsModal .vm-add:disabled{background:#959a9d;opacity:1;cursor:not-allowed}#vmTotal{font:inherit;margin-left:8px}#variantsModal :focus-visible{outline:2px solid #1d22df;outline-offset:4px}@media(min-width:768px){#variantsModal .vm-img{height:330px}#variantsModal .var-chips{padding-inline:6px}}@media(max-width:767px){#variantsModal{padding:0;align-items:stretch}#variantsModal .mbox{max-width:none;max-height:100dvh;height:100dvh;border-radius:0;padding:16px 20px 0;transform:none}#variantsModal .vm-img{height:clamp(190px,45vw,280px)}#vmTitle{font-size:25px}#variantsModal .vm-option{font-size:17px}#variantsModal .vm-step summary{font-size:19px}}

#variantsModal .vm-step summary::-webkit-details-marker{display:none}#variantsModal .vm-step summary>span::after{content:' +';font-weight:400;color:#697178}#variantsModal .vm-step[open] summary>span::after{content:' −'}#variantsModal #vmQtyNum{color:#191d20}
