.pack-ui{width:100%;max-width:100%;background:var(--pack-bg, transparent);padding-top:var(--pack-pt, 0);padding-right:var(--pack-pr, 0);padding-bottom:var(--pack-pb, 0);padding-left:var(--pack-pl, 0);margin-top:var(--pack-mt, 0);margin-bottom:var(--pack-mb, 0);box-sizing:border-box}.pack-ui__heading{margin-bottom:1rem;text-align:center}.pack-ui__empty,.pack-ui__message{margin-top:1rem;text-align:center}.pack-ui__message--error{color:#b42318}.pack-ui__message--success{color:#067647}.pack-slots{display:grid;grid-template-columns:repeat(var(--pack-cols, 4),minmax(0,1fr));gap:15px;width:100%}.slot{min-height:clamp(72px,11vw,110px);border:2px dashed #ccc;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;padding:0;overflow:hidden}.slot--filled{border-style:solid}.slot__plus{font-size:24px;line-height:1}.slot img,.variant-picker__image,.prod img{width:100%;height:100%;object-fit:contain}.pack-actions{margin-top:20px;display:flex;justify-content:stretch;align-items:stretch;gap:10px;flex-wrap:nowrap;width:100%}.pack-actions .pack-button{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:calc(1.15rem + 4px);font-weight:700;line-height:1.25;white-space:normal;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;padding:16px 12px;min-height:58px}.pack-button{border:none;padding:12px 20px;cursor:pointer}.pack-button:disabled{opacity:.7;cursor:wait}.pack-button--buy,.pack-button--select-variant{color:#fff;background:#5fae5f}.pack-button--buy.pack-button--sold-out,.pack-button--buy.pack-button--sold-out:disabled{background:#dc2626;color:#fff;opacity:1;cursor:not-allowed}.pack-button--reset{color:#fff;background:#e74c3c}.pack-modal[hidden]{display:none!important}.pack-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:999999;padding:24px 0;display:block}.modal-content{position:relative;background:#fff;width:95%;max-width:1200px;margin:0 auto;padding:24px;border-radius:10px;max-height:calc(100vh - 48px);overflow-y:auto;font-size:1.05rem}.modal-content--narrow{max-width:640px}.modal-close{position:absolute;top:10px;right:20px;font-size:22px;cursor:pointer;background:transparent;border:none}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.prod{border:1px solid #eee;padding:10px;cursor:pointer;text-align:center;background:#fff;color:#000;font-size:1rem}.prod--selected{border:2px solid #5fae5f}.prod img{max-height:250px}.prod__placeholder{min-height:180px;display:grid;place-items:center;background:#f5f5f5}.pack-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:16px}.pack-page-button{border:1px solid #ccc;background:#fff;padding:8px 12px;cursor:pointer}.variant-picker{display:grid;gap:16px}.variant-picker h3{margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.variant-picker__media{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:8px;width:100%}.variant-picker__media .variant-picker__image{flex:1 1 50%;width:50%;max-width:50%;height:auto;max-height:320px;object-fit:contain;border:none}.variant-picker__second{flex:1 1 50%;width:50%;max-width:50%;min-width:0;height:auto;background:transparent;border:none;display:flex;align-items:center;justify-content:center;overflow:hidden}.variant-picker__second.is-empty{display:none}.variant-picker__second-image{width:100%;height:auto;max-height:320px;object-fit:contain;border:none}.variant-picker__label{display:grid;gap:8px;color:#000;font-size:1.05rem;font-weight:600}.variant-picker__select{padding:12px 14px;font-size:1.05rem}.pack-modal-open{overflow:hidden}@media(max-width:767px){.pack-slots{grid-template-columns:repeat(var(--pack-cols-mobile, 2),minmax(0,1fr));gap:10px}.variant-picker__media{gap:6px}.variant-picker__media .variant-picker__image,.variant-picker__second-image{max-height:220px}.pack-actions .pack-button{font-size:calc(1.05rem + 4px);min-height:54px;padding:14px 10px}.slot{min-height:clamp(64px,20vw,96px)}.pack-slots[data-slot-count="10"] .slot,.pack-slots[data-slot-count="11"] .slot,.pack-slots[data-slot-count="12"] .slot,.pack-slots[data-slot-count="13"] .slot,.pack-slots[data-slot-count="14"] .slot,.pack-slots[data-slot-count="15"] .slot{min-height:clamp(56px,16vw,84px)}}@media(min-width:768px){.products{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1200px){.products{grid-template-columns:repeat(4,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/pack-bodys4.css.map */