.karu-volume-widget{width:100%;box-sizing:border-box;padding-top:var(--vol-pad-top, 16px);padding-bottom:var(--vol-pad-bottom, 16px)}@media screen and (max-width:749px){.karu-volume-widget{padding-top:var(--vol-pad-top-mobile, 12px);padding-bottom:var(--vol-pad-bottom-mobile, 12px)}}.karu-volume-container{box-sizing:border-box}.karu-volume-header{margin-bottom:12px}.karu-volume-header-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.karu-volume-heading{margin:0;font-family:var(--font-heading--family, inherit);font-size:1rem;font-weight:700;color:var(--vol-heading-color, #1c1917);letter-spacing:-.01em}.karu-volume-badge{display:inline-flex;align-items:center;padding:3px 8px;font-size:.6875rem;font-weight:600;line-height:1;border-radius:9999px;background-color:#f5f5f4;color:#78716c}.karu-volume-subheading{margin:4px 0 0;font-size:.75rem;color:var(--vol-text-color, #44403c)}.karu-volume-tiers{display:grid;grid-template-columns:repeat(var(--vol-cols, 4),minmax(0,1fr));gap:var(--vol-gap, 10px);padding-top:14px;padding-bottom:16px;box-sizing:border-box}@media screen and (max-width:749px){.karu-volume-tiers{display:flex;overflow-x:auto;gap:var(--vol-gap-mobile, 8px);padding-top:14px;padding-bottom:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.karu-volume-tiers::-webkit-scrollbar{display:none}.karu-volume-tier-card{flex:1 0 95px;min-width:90px}}.karu-volume-tier-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px 8px 14px;min-height:78px;background-color:var(--vol-card-bg, #ffffff);border:var(--vol-border-width, 1.5px) solid var(--vol-card-border, #d1d5db);border-radius:var(--vol-tier-radius, 12px);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;box-sizing:border-box}.karu-volume-tier-card:hover:not(.is-active){border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.karu-volume-tier-card.is-active{border-color:var(--vol-active-border, #8c5936);background-color:var(--vol-active-bg, #faf7f2);box-shadow:0 0 0 1px var(--vol-active-border, #8c5936),0 4px 14px #8c59361f}.karu-volume-top-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:3;display:inline-flex;align-items:center;justify-content:center;padding:2.5px 8px;background-color:var(--vol-top-badge-bg, #221f1f);color:var(--vol-top-badge-text, #ffffff);font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1;border-radius:9999px;white-space:nowrap;box-shadow:0 2px 4px #00000024;pointer-events:none}.karu-volume-bottom-badge{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);z-index:3;display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;background-color:var(--vol-bottom-badge-bg, #ea580c);color:var(--vol-bottom-badge-text, #ffffff);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1;border-radius:9999px;white-space:nowrap;box-shadow:0 2px 6px #ea580c47;pointer-events:none}.karu-volume-tier-media{position:relative;width:100%;aspect-ratio:1 / 1;max-width:96px;border-radius:10px;background:#f5f5f4;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.karu-volume-tier-thumb{width:85%;height:85%;object-fit:contain;transition:transform .25s ease}.karu-volume-tier-card:hover .karu-volume-tier-thumb{transform:scale(1.06)}.karu-volume-thumb-placeholder{width:100%;height:100%;background:#e7e5e4}.karu-volume-tier-count-pill{position:absolute;bottom:4px;right:4px;padding:1px 5px;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;font-size:.5625rem;font-weight:700;color:#44403c;line-height:1.2}.karu-volume-tier-info{display:flex;flex-direction:column;align-items:center;gap:1px;width:100%}.karu-volume-tier-qty{font-size:.8125rem;font-weight:600;color:var(--vol-heading-color, #1c1917);line-height:1.2}.karu-volume-tier-price,.karu-volume-tier-total{font-size:1.0625rem;font-weight:700;color:var(--vol-heading-color, #1c1917);line-height:1.25;margin:1px 0}.karu-volume-tier-calc{font-size:.75rem;font-weight:600;color:var(--vol-active-border, #8c5936);line-height:1.25;white-space:nowrap;min-height:1.25em}.karu-volume-tier-subtext{font-size:.75rem;font-weight:500;color:var(--vol-unit-price-color, #78716c);line-height:1.25}.karu-volume-tier-subtitle{font-size:.625rem;font-weight:600;color:var(--vol-active-border, #8c5936);line-height:1.2;margin-top:2px}.karu-quantity-hidden{display:none!important}.karu-volume-preset--compact_pills .karu-volume-tiers{display:flex;gap:8px;overflow-x:auto;padding-top:4px;padding-bottom:4px}.karu-volume-preset--compact_pills .karu-volume-tier-card{flex-direction:row;gap:8px;padding:8px 14px;border-radius:9999px}.karu-volume-preset--compact_pills .karu-volume-tier-media,.karu-volume-preset--compact_pills .karu-volume-top-badge,.karu-volume-preset--compact_pills .karu-volume-bottom-badge{display:none}.karu-volume-editor-notice{padding:12px;background-color:#fafaf9;border-radius:8px;border:1px dashed #d6d3d1;text-align:center}.karu-volume-notice-text{margin:0;font-size:.75rem;color:#78716c}
/*# sourceMappingURL=/cdn/shop/t/12/assets/volume-widget.css.map */