[data-shop-packages]{container-type:inline-size;display:block;direction:rtl;max-width:100%;overflow:clip}
[data-shop-packages] button{font:inherit;cursor:pointer}[data-shop-packages] button:disabled{cursor:default;opacity:.5}
.pkg{color:var(--pkg-text);margin-block-end:45px;font-size:var(--pkg-font);--pc:var(--pkg-cols);--pg:var(--pkg-gap);--pp:var(--pkg-pad);--pr:var(--pkg-radius);--pi:var(--pkg-image)}
.pkg__heading{margin-block:20px}.pkg__heading h2{font-size:1.7em}.pkg__heading p{opacity:.7}
.pkg__layout{position:relative;display:grid;grid-template-columns:var(--pi) minmax(0,1fr);background:var(--pkg-bg);border:1px solid var(--pkg-border);border-radius:var(--pr);overflow:hidden}
.pkg__scene{min-width:0;background:color-mix(in srgb,var(--pkg-border) 25%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center}
.pkg__image-plane{position:relative;max-width:100%;width:100%;line-height:0}.pkg__look{display:block;width:100%;height:auto}.pkg__empty{padding:100px 15px;line-height:2}
.pkg__pin{position:absolute;transform:translate(-50%,-50%);border-radius:50%;width:38px;height:38px;border:1px solid var(--pkg-border);background:var(--pkg-bg);color:var(--pkg-text);line-height:1;z-index:3;transition:transform .2s,background .2s}
.pkg__pin::before{content:'';position:absolute;inset:-7px;border:1px solid currentColor;border-radius:50%;opacity:0;transform:scale(.85);transition:opacity .2s,transform .3s}
.pkg__pin.is-active{background:var(--pkg-accent);color:#fff;transform:translate(-50%,-50%) scale(1.12)}.pkg__pin.is-active::before{opacity:1;transform:scale(1)}
.pkg__image-tools{display:flex;justify-content:space-between;gap:12px;padding:12px;width:100%;font-size:.85em}.pkg__image-tools button{border:0;background:none;color:inherit}
.pkg__products{padding:var(--pp);min-width:0}.pkg__select-all{display:block;margin-bottom:15px}.pkg__grid{display:grid;grid-template-columns:repeat(var(--pc),minmax(0,1fr));gap:var(--pg)}
.pkg__card{position:relative;min-width:0;padding:8px;border:1px solid var(--pkg-border);border-radius:9px;transition:border-color .25s,box-shadow .25s,transform .25s}
.pkg__card.is-active{border-color:var(--pkg-accent);box-shadow:0 0 0 1px var(--pkg-accent);transform:translateY(-2px)}
.pkg__check{position:relative;display:flex;justify-content:space-between;z-index:1;margin-bottom:5px}.pkg input[type=checkbox]{accent-color:var(--pkg-accent);width:18px;height:18px}
.pkg__media{display:block;overflow:hidden;background:color-mix(in srgb,var(--pkg-border) 18%,transparent);border-radius:6px}.pkg__media img{display:block;width:100%;height:100%;object-fit:var(--product-card-fit,contain);transition:transform .35s cubic-bezier(.2,.75,.25,1),opacity .2s}
@media(hover:hover){.pkg__card:hover .pkg__media img{transform:scale(1.055)}}
.pkg__card:not(:has([data-package-select]:checked)) .pkg__media img{opacity:.45}
.pkg__card-body h3{font-size:1em;margin:12px 0 8px;line-height:1.8}.pkg__price{font-weight:700}.pkg__card-body button{width:100%;padding:7px;border:1px solid var(--pkg-border);border-radius:5px;background:transparent;color:inherit}.pkg__card-body p{margin-bottom:8px}
.pkg__purchase{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;border-top:1px solid var(--pkg-border);padding-top:16px}.pkg__purchase strong,.pkg__purchase small{display:block}.pkg__buy{background:var(--pkg-accent);color:#fff;border:0;border-radius:7px;padding:12px 18px}
.pkg__connection{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;opacity:0}.pkg__connection.is-active{opacity:1;transition:opacity .2s}.pkg__connection path{fill:none;stroke:var(--pkg-accent);stroke-width:1.25;stroke-dasharray:1;animation:pkg-line .5s cubic-bezier(.2,.75,.25,1)}.pkg__connection circle{fill:var(--pkg-accent)}
@keyframes pkg-line{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes pkg-enter{from{opacity:.6;transform:translateY(12px)}to{opacity:1;transform:none}}
.pkg.is-visible{animation:pkg-enter .45s cubic-bezier(.2,.75,.25,1)}
.pkg-modal .modal-dialog{max-width:600px}.pkg-modal .modal-content{border-radius:14px}.pkg-modal img{max-width:100%}.pkg-zoom img{width:100%;max-height:85vh;object-fit:contain}
[data-shop-packages][data-edit-mode=true] .pkg__pin{touch-action:none;cursor:move}
@container(max-width:980px){.pkg{--pc:var(--pkg-cols-t);--pg:var(--pkg-gap-t);--pp:var(--pkg-pad-t);--pr:var(--pkg-radius-t);--pi:var(--pkg-image-t);font-size:var(--pkg-font-t)}.pkg__purchase{flex-wrap:wrap}}
@container(max-width:760px){.pkg{--pc:var(--pkg-cols-m);--pg:var(--pkg-gap-m);--pp:var(--pkg-pad-m);--pr:var(--pkg-radius-m);font-size:var(--pkg-font-m)}.pkg__layout{grid-template-columns:minmax(0,1fr)}.pkg__connection{display:none}.pkg__image-plane{max-width:520px}.pkg__pin{min-width:38px;min-height:38px}}
@container(max-width:540px){.pkg__grid{grid-template-columns:minmax(0,1fr)}.pkg__card{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px}.pkg__check{grid-column:1/-1}.pkg__media{align-self:start}.pkg__purchase{display:block}.pkg__buy{width:100%;margin-top:12px}}
@media(max-width:760px){.pkg-modal .modal-dialog{margin:auto 0 0;position:absolute;bottom:0;width:100%;max-width:none}.pkg-modal .modal-content{max-height:90dvh;overflow:auto;border-radius:16px 16px 0 0}}
@media(prefers-reduced-motion:reduce){.pkg *,.pkg.is-visible{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.pkg__image-plane > .pkg__pin[data-live-child-id]{position:absolute}

.pkg{max-width:1264px;margin-inline:auto}.pkg__media{max-width:180px;margin-inline:auto}
@container(max-width:540px){.pkg__media{max-width:100%}}