packaging-selector{display:block}.packaging-selector__title{font-size:var(--font-paragraph-medium--size, .9375rem);font-weight:var(--font-weight-semibold, 600);margin:0 0 var(--margin-sm, .75rem);color:rgb(var(--color-foreground-rgb))}.packaging-selector__list{display:flex;flex-direction:column;gap:var(--gap-sm, .5rem)}.packaging-selector__item{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:var(--gap-sm, .5rem) var(--gap-md, .75rem);padding:var(--padding-sm, .75rem);border-radius:var(--style-border-radius-inputs, 8px);border:1.5px solid rgb(var(--color-border-rgb, var(--color-foreground-rgb)) / .2);background:var(--color-background);cursor:pointer;transition:border-color .15s ease,background-color .15s ease;position:relative}.packaging-selector__item:hover{border-color:rgb(var(--color-foreground-rgb) / .4)}.packaging-selector__item.is-selected{border-color:var(--packaging-accent, #B89A3C);background:color-mix(in srgb,var(--packaging-accent, #B89A3C) 6%,var(--color-background))}.packaging-selector__radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.packaging-selector__radio:focus-visible+.packaging-selector__thumb,.packaging-selector__item:focus-within{outline:2px solid var(--packaging-accent, #B89A3C);outline-offset:2px;border-radius:var(--style-border-radius-inputs, 8px)}.packaging-selector__thumb{width:52px;height:52px;flex-shrink:0;border-radius:calc(var(--style-border-radius-inputs, 8px) - 2px);overflow:hidden;background:var(--color-background-secondary, #f5f5f5)}.packaging-selector__thumb-img{width:100%;height:100%;object-fit:cover;display:block}.packaging-selector__thumb-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#e8e8e8,#d0d0d0)}.packaging-selector__info{min-width:0}.packaging-selector__name{display:block;font-size:var(--font-paragraph--size, .875rem);font-weight:var(--font-weight-medium, 500);line-height:1.3;color:rgb(var(--color-foreground-rgb));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.packaging-selector__badge{font-size:.6875rem;font-weight:var(--font-weight-semibold, 600);letter-spacing:.03em;text-transform:uppercase;padding:3px 8px;border-radius:999px;white-space:nowrap}.packaging-selector__badge--free{background:color-mix(in srgb,var(--packaging-accent, #B89A3C) 15%,transparent);color:var(--packaging-accent, #B89A3C);border:1px solid color-mix(in srgb,var(--packaging-accent, #B89A3C) 40%,transparent)}.packaging-selector__price{font-size:var(--font-paragraph--size, .875rem);font-weight:var(--font-weight-semibold, 600);color:rgb(var(--color-foreground-rgb));white-space:nowrap}.packaging-selector__indicator{width:18px;height:18px;border-radius:50%;border:2px solid rgb(var(--color-foreground-rgb) / .35);flex-shrink:0;position:relative;transition:border-color .15s ease}.packaging-selector__indicator:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--packaging-accent, #B89A3C);transform:scale(0);transition:transform .15s ease}.packaging-selector__item.is-selected .packaging-selector__indicator{border-color:var(--packaging-accent, #B89A3C)}.packaging-selector__item.is-selected .packaging-selector__indicator:after{transform:scale(1)}.packaging-selector__hover-preview{display:none;position:absolute;right:calc(100% + 10px);left:auto;top:50%;transform:translateY(-50%) scale(.95);width:160px;height:160px;border-radius:10px;box-shadow:0 8px 28px #0000002e;background:var(--color-background);background-image:var(--preview-img);background-size:contain;background-repeat:no-repeat;background-position:center;z-index:20;pointer-events:none;opacity:0;transition:opacity .18s ease,transform .18s ease}@media(hover:hover)and (min-width:768px){.packaging-selector__item:hover .packaging-selector__hover-preview{display:block;opacity:1;transform:translateY(-50%) scale(1)}}.packaging-selector__zoom-hint{position:absolute;bottom:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;pointer-events:none;cursor:zoom-in;border:none;padding:0}.packaging-selector__thumb:hover .packaging-selector__zoom-hint,.packaging-selector__thumb:focus-within .packaging-selector__zoom-hint{opacity:1}@media(hover:none){.packaging-selector__zoom-hint{opacity:1;pointer-events:auto;width:28px;height:28px}}.pkg-preview-dialog{border:none;border-radius:14px;padding:0;max-width:min(90vw,520px);max-height:min(90vh,520px);box-shadow:0 24px 64px #0000004d;background:var(--color-background);overflow:hidden}.pkg-preview-dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pkg-preview-dialog__img{display:block;width:100%;height:100%;max-width:min(90vw,520px);max-height:min(90vh,520px);object-fit:contain}.pkg-preview-dialog__close{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;border:none;background:#0006;color:#fff;font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;transition:background .15s}.pkg-preview-dialog__close:hover{background:#000000a6}.cart-items__packaging-label{font-size:var(--font-paragraph-small--size, .8125rem);color:rgb(var(--color-foreground-rgb) / .6);margin:2px 0 0;font-style:italic}@media screen and (max-width:640px){.packaging-selector__list{flex-direction:row;overflow-x:auto;overflow-y:visible;gap:10px;padding-bottom:4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.packaging-selector__list::-webkit-scrollbar{display:none}.packaging-selector__item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 10px 10px;min-width:108px;max-width:108px;flex-shrink:0;scroll-snap-align:start;text-align:center}.packaging-selector__thumb{width:72px;height:72px}.packaging-selector__info{width:100%}.packaging-selector__name{font-size:.75rem;white-space:normal;text-align:center;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.packaging-selector__price{font-size:.8125rem}.packaging-selector__badge{font-size:.625rem;padding:2px 7px}.packaging-selector__indicator{margin-top:2px}.packaging-selector__hover-preview{display:none!important}.packaging-selector__zoom-hint{opacity:.85}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/packaging-selector.css.map */