.btn{--btn-bg: var(--color-text);--btn-fg: var(--color-background);--btn-border: var(--color-text);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target);padding:.85em 1.75em;font-family:var(--font-medium);font-weight:var(--font-medium-weight, 500);font-size:var(--btn-font-size, .8125rem);letter-spacing:var(--btn-tracking, .12em);text-transform:var(--btn-transform, uppercase);line-height:1.2;text-decoration:none;text-align:center;white-space:nowrap;background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-border);border-radius:var(--radius-button);transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),border-color var(--duration-base),transform var(--duration-fast);cursor:pointer}.btn:hover{--btn-bg: var(--color-accent);--btn-border: var(--color-accent);--btn-fg: var(--color-background-alt);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn--secondary{--btn-bg: transparent;--btn-fg: var(--color-text);--btn-border: var(--color-text)}.btn--secondary:hover{--btn-bg: var(--color-text);--btn-fg: var(--color-background);--btn-border: var(--color-text)}.btn--light{--btn-bg: var(--color-background-alt);--btn-fg: var(--color-text);--btn-border: var(--color-background-alt)}.btn--light:hover{--btn-bg: transparent;--btn-fg: var(--color-background-alt);--btn-border: var(--color-background-alt)}.btn--outline-light{--btn-bg: transparent;--btn-fg: var(--color-background-alt);--btn-border: color-mix(in srgb, var(--color-background-alt) 70%, transparent)}.btn--outline-light:hover{--btn-bg: var(--color-background-alt);--btn-fg: var(--color-text);--btn-border: var(--color-background-alt)}.btn--accent{--btn-bg: var(--color-accent);--btn-border: var(--color-accent);--btn-fg: var(--color-background-alt)}.btn--accent:hover{--btn-bg: var(--color-text);--btn-border: var(--color-text)}.btn--ghost{--btn-bg: transparent;--btn-border: transparent;--btn-fg: var(--color-text);padding-inline:.5em}.btn--ghost:hover{--btn-bg: var(--color-background-alt);--btn-fg: var(--color-accent);--btn-border: transparent}.btn--sm{min-height:40px;padding:.6em 1.2em;font-size:.75rem}.btn--lg{padding:1.05em 2.2em;font-size:.875rem}.btn--full{width:100%}.btn--loading{position:relative;color:transparent!important;pointer-events:none}.btn--loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid currentColor;border-color:var(--btn-fg) transparent var(--btn-fg) transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.link{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-medium);font-weight:500;font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:var(--btn-transform, uppercase);text-decoration:none;padding-block:.4em;position:relative;min-height:var(--touch-target)}.link:after{content:"";position:absolute;inset-inline:0;bottom:.15em;height:1px;background:currentColor;transform-origin:left;transition:transform var(--duration-base) var(--ease-out)}[dir=rtl] .link:after{transform-origin:right}.link:hover:after{transform:scaleX(.6)}.link .icon{transition:transform var(--duration-base) var(--ease-out)}.link:hover .icon{transform:translate(4px)}[dir=rtl] .link:hover .icon{transform:translate(-4px)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target);height:var(--touch-target);border-radius:50%;color:inherit;transition:background var(--duration-fast),color var(--duration-fast);position:relative}.icon-btn:hover{background:color-mix(in srgb,currentColor 8%,transparent);color:var(--color-accent)}.icon{width:var(--icon-size, 20px);height:var(--icon-size, 20px);flex:none;stroke-width:1.5}.icon--sm{--icon-size: 16px}.icon--lg{--icon-size: 28px}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-family:var(--font-medium);font-weight:500;font-size:var(--text-sm)}.field__hint{font-size:var(--text-xs);color:var(--color-muted)}.input,.select,.textarea{width:100%;min-height:48px;padding:.75em 1em;background:var(--color-background);border:1px solid var(--color-border-strong);border-radius:var(--radius-input);color:var(--color-text);transition:border-color var(--duration-fast),box-shadow var(--duration-fast);-webkit-appearance:none;appearance:none}.textarea{min-height:140px;resize:vertical}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 18%,transparent)}.input::placeholder,.textarea::placeholder{color:var(--color-subtle)}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--color-error)}.select-wrap{position:relative}.select-wrap .select{padding-inline-end:2.5em}.select-wrap .icon{position:absolute;inset-inline-end:.9em;top:50%;transform:translateY(-50%);pointer-events:none;--icon-size: 16px}.form-message{display:flex;gap:var(--space-2);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-input);font-size:var(--text-sm)}.form-message--error{background:color-mix(in srgb,var(--color-error) 10%,var(--color-background));color:var(--color-error)}.form-message--success{background:color-mix(in srgb,var(--color-success) 12%,var(--color-background));color:var(--color-success)}.form-message ul{padding-inline-start:1.2em}.checkbox{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;min-height:var(--touch-target)}.checkbox input{width:20px;height:20px;accent-color:var(--color-accent);margin:0}.inline-form{display:flex;gap:var(--space-2)}.inline-form .input{flex:1}@media(max-width:479px){.inline-form{flex-direction:column}}.qty{display:inline-flex;align-items:stretch;border:1px solid var(--color-border-strong);border-radius:var(--radius-input);height:48px}.qty__btn{width:44px;display:inline-flex;align-items:center;justify-content:center;transition:background var(--duration-fast)}.qty__btn:hover{background:var(--color-background-alt)}.qty__btn:disabled{opacity:.35;cursor:not-allowed}.qty__input{width:52px;text-align:center;border:0;background:transparent;font-family:var(--font-medium);font-weight:500;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.qty__input::-webkit-outer-spin-button,.qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty--sm{height:38px}.qty--sm .qty__btn{width:36px}.qty--sm .qty__input{width:40px;font-size:var(--text-sm)}.badge{display:inline-flex;align-items:center;padding:.4em .75em;font-family:var(--font-medium);font-weight:500;font-size:.6875rem;letter-spacing:.02em;line-height:1;border-radius:100px;background:var(--color-background);color:var(--color-text);border:1px solid var(--color-border)}.badge--sale{background:var(--color-sale-badge, #D42B2B);color:#fff;border-color:var(--color-sale-badge, #D42B2B)}.badge--new{background:var(--color-text);color:var(--color-background-alt);border-color:var(--color-text)}.badge--best{background:var(--color-accent);color:var(--color-background-alt);border-color:var(--color-accent)}.badge--soldout{background:var(--color-bone);color:var(--color-text);border-color:var(--color-bone)}.badges{position:absolute;top:var(--space-2);inset-inline-end:var(--space-2);display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);z-index:2}.price{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.5em;font-family:var(--font-medium);font-weight:500}.price__current{color:var(--color-text)}.price--sale .price__current{color:var(--color-accent)}.price__compare{color:var(--color-subtle);text-decoration:line-through;font-family:var(--font-body);font-weight:400;font-size:.9em}.price__from{font-family:var(--font-body);font-weight:400;font-size:.85em;color:var(--color-muted)}.price__unit{font-size:var(--text-xs);color:var(--color-muted);font-family:var(--font-body);font-weight:400}.price--lg{font-size:var(--text-lg)}.price__saving{font-size:var(--text-xs);color:var(--color-accent);font-family:var(--font-body);font-weight:400}.product-card{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--color-card-bg, #FFFFFF);border:1px solid var(--color-border);border-radius:var(--radius-product-card, 20px);padding:var(--card-pad, 8px);gap:0;box-shadow:0 1px 2px #11120d0a,0 8px 24px -18px #11120d40;transition:box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),border-color var(--duration-base)}@media(hover:hover){.product-card:hover{box-shadow:0 2px 4px #11120d0d,0 18px 40px -20px #11120d59;transform:translateY(-2px);border-color:var(--color-border-strong)}}.product-card__media{position:relative;border-radius:calc(var(--radius-product-card, 20px) - var(--card-pad, 8px));overflow:hidden;background:var(--color-background-alt)}.product-card__media .media{border-radius:0}.product-card__link{display:block;position:relative;color:inherit;text-decoration:none}.product-card__img{transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.product-card__img--secondary{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}@media(hover:hover){.product-card:hover .product-card__img--primary.has-secondary{opacity:0}.product-card:hover .product-card__img--secondary{opacity:1}.product-card:hover .product-card__img:not(.has-secondary):not(.product-card__img--secondary){transform:scale(1.03)}}.product-card__actions{position:absolute;inset-inline:0;bottom:var(--space-3);display:flex;justify-content:center;gap:var(--space-2);z-index:3;opacity:0;transform:translateY(6px);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out);pointer-events:none}.product-card__actions>*{pointer-events:auto}.product-card__action{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--color-background);color:var(--color-text);box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:background var(--duration-fast),color var(--duration-fast),transform var(--duration-fast)}.product-card__action:hover{background:var(--color-text);color:var(--color-background);transform:translateY(-1px)}.product-card__action[aria-pressed=true] .icon{fill:var(--color-accent);stroke:var(--color-accent)}.product-card__action:disabled{opacity:.5;cursor:not-allowed}.product-card__action .icon{--icon-size: 18px}@media(hover:hover){.product-card:hover .product-card__actions,.product-card:focus-within .product-card__actions{opacity:1;transform:none}}@media(hover:none){.product-card__actions{opacity:1;transform:none}.product-card__action{box-shadow:var(--shadow-sm)}}.product-card__body{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-2) var(--space-2)}.product-card__type{font-size:.6875rem;color:var(--color-subtle);letter-spacing:var(--tracking-wider);text-transform:uppercase;font-family:var(--font-medium)}.product-card__vendor{font-size:var(--text-xs);color:var(--color-muted)}.product-card__title{font-family:var(--font-heading);font-weight:600;font-size:var(--text-sm);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__title a{text-decoration:none}.product-card__sub{font-size:var(--text-xs);color:var(--color-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.product-card__price{font-size:var(--text-md);margin-top:var(--space-1)}.product-card__price .price__current{font-family:var(--font-heading);font-weight:600}.product-card__price .price--sale .price__current{color:var(--color-text)}.product-card__price .price__compare{font-size:.8em}.product-card__meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;font-size:var(--text-xs);color:var(--color-muted)}.product-card__stock{display:inline-flex;align-items:center;gap:.4em}.product-card__stock:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-success)}.product-card__stock--out:before{background:var(--color-subtle)}.product-card__stock--low:before{background:var(--color-oak)}.product-card__swatches{position:relative;z-index:2;margin-top:var(--space-1)}.product-card{height:100%}.product-card__body{flex:1}.product-card__title{min-height:2.7em}.product-card__sub{min-height:2.8em}.product-card__swatches{min-height:24px}.product-card__swatches--empty{visibility:hidden}.product-card__meta{margin-top:auto;padding-top:var(--space-1)}.product-card__add{margin-top:var(--space-2)}.carousel__track>*,.grid--products>*{display:flex;flex-direction:column}.carousel__track>*>.product-card,.grid--products>*>.product-card{flex:1}.product-card__add{position:relative;z-index:2;margin-top:var(--space-2)}.product-card__add-btn{--btn-bg: var(--color-oak);--btn-border: var(--color-oak);--btn-fg: var(--color-background);gap:.5em;border-radius:calc(var(--radius-product-card, 20px) - var(--card-pad, 8px))}.product-card__add-btn:hover{--btn-bg: var(--color-walnut);--btn-border: var(--color-walnut)}.product-card__add-btn:disabled{--btn-bg: var(--color-background-alt);--btn-border: var(--color-border);--btn-fg: var(--color-muted);opacity:1}.rating{display:inline-flex;align-items:center;gap:.4em;font-size:var(--text-xs);color:var(--color-muted)}.rating__stars{display:inline-flex;gap:1px;color:var(--color-star, #F5A623)}.rating__stars .icon{--icon-size: 13px;fill:currentColor;stroke:none}.rating__stars .icon--empty{fill:none;stroke:currentColor}.swatches{display:flex;flex-wrap:wrap;gap:var(--space-2)}.swatch{--swatch-size: 22px;position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--swatch-size);height:var(--swatch-size);border-radius:50%;padding:0;cursor:pointer;background:var(--swatch-color, var(--color-bone));background-image:var(--swatch-image);background-size:cover;box-shadow:inset 0 0 0 1px #11120d1f;transition:transform var(--duration-fast)}.swatch:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid transparent;transition:border-color var(--duration-fast)}.swatch:hover:after,.swatch.is-active:after,.swatch[aria-checked=true]:after{border-color:var(--color-text)}.swatch.is-unavailable{opacity:.4}.swatch.is-unavailable:before{content:"";position:absolute;width:130%;height:1px;background:var(--color-text);transform:rotate(-45deg)}.swatch--lg{--swatch-size: 34px}.swatches__more{font-size:var(--text-xs);color:var(--color-muted);align-self:center}.swatch-hit{min-width:var(--touch-target);min-height:var(--touch-target);display:inline-flex;align-items:center;justify-content:center}.pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target);padding:.55em 1.1em;border:1px solid var(--color-border-strong);border-radius:var(--radius-button);font-size:var(--text-sm);font-family:var(--font-medium);font-weight:500;background:var(--color-background);cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast),color var(--duration-fast)}.pill:hover{border-color:var(--color-text)}.pill.is-active,.pill[aria-checked=true]{background:var(--color-text);color:var(--color-background);border-color:var(--color-text)}.pill.is-unavailable{color:var(--color-subtle);border-style:dashed;text-decoration:line-through}.pill input{position:absolute;opacity:0;pointer-events:none}.pill:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:.4em .5em .4em .9em;min-height:36px;background:var(--color-background-alt);border:1px solid var(--color-border);border-radius:100px;font-size:var(--text-xs);text-decoration:none}.chip:hover{border-color:var(--color-text)}.chip .icon{--icon-size: 14px}.skeleton{position:relative;overflow:hidden;background:color-mix(in srgb,var(--color-bone) 45%,var(--color-background));border-radius:var(--radius-card)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-background) 60%,transparent),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}.skeleton--text{height:.9em;border-radius:3px}@media(prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);visibility:hidden;pointer-events:none}.drawer[open],.drawer.is-open{visibility:visible;pointer-events:auto}.drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.drawer.is-open .drawer__overlay{opacity:1}.drawer__panel{position:absolute;top:0;bottom:0;inset-inline-end:0;width:min(100%,460px);background:var(--color-background);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-base) var(--ease-out);box-shadow:var(--shadow-lg);overscroll-behavior:contain}[dir=rtl] .drawer__panel{transform:translate(-100%)}.drawer--start .drawer__panel{inset-inline-end:auto;inset-inline-start:0;transform:translate(-100%)}[dir=rtl] .drawer--start .drawer__panel{transform:translate(100%)}.drawer.is-open .drawer__panel{transform:none}.drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);min-height:64px}.drawer__title{font-family:var(--font-heading);font-weight:500;font-size:var(--text-md)}.drawer__body{flex:1;overflow-y:auto;padding:var(--space-5);-webkit-overflow-scrolling:touch}.drawer__footer{padding:var(--space-4) var(--space-5) max(var(--space-5),env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-background)}@media(prefers-reduced-motion:reduce){.drawer__panel,.drawer__overlay{transition:none}}dialog.modal{border:0;padding:0;background:transparent;max-width:min(96vw,1040px);width:100%;max-height:92dvh;margin:auto}dialog.modal::backdrop{background:var(--color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal__panel{background:var(--color-background);border-radius:var(--radius-card);overflow:auto;max-height:92dvh;position:relative}.modal__close{position:absolute;top:var(--space-3);inset-inline-end:var(--space-3);z-index:5;background:var(--color-background);box-shadow:var(--shadow-sm)}dialog.modal[open]{animation:modal-in var(--duration-base) var(--ease-out)}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)}}@media(max-width:749px){dialog.modal{max-width:100vw;max-height:100dvh;margin:0;width:100vw;height:100dvh}.modal__panel{border-radius:0;height:100dvh;max-height:none}}.toast{position:fixed;inset-inline-start:50%;bottom:calc(var(--space-6) + env(safe-area-inset-bottom));transform:translate(-50%,20px);background:var(--color-text);color:var(--color-background);padding:var(--space-3) var(--space-5);border-radius:4px;font-size:var(--text-sm);z-index:var(--z-toast);opacity:0;transition:opacity var(--duration-base),transform var(--duration-base) var(--ease-out);pointer-events:none;max-width:min(92vw,420px);text-align:center}[dir=rtl] .toast{transform:translate(50%,20px)}.toast.is-visible{opacity:1;transform:translate(-50%)}[dir=rtl] .toast.is-visible{transform:translate(50%)}.accordion{border-top:1px solid var(--color-border)}.accordion__item{border-bottom:1px solid var(--color-border)}.accordion__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;min-height:56px;font-family:var(--font-medium);font-weight:500;font-size:var(--text-sm)}.accordion__summary .icon{--icon-size: 18px;transition:transform var(--duration-base) var(--ease-out);flex:none}details[open]>.accordion__summary .icon{transform:rotate(45deg)}.accordion__content{padding-bottom:var(--space-5);color:var(--color-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.accordion__content>*+*{margin-top:.8em}.accordion__content ul{padding-inline-start:1.2em}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-12)}.pagination__item{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-target);height:var(--touch-target);padding-inline:var(--space-3);border-radius:50%;text-decoration:none;font-family:var(--font-medium);font-size:var(--text-sm)}.pagination__item:hover{background:var(--color-background-alt)}.pagination__item[aria-current=page]{background:var(--color-text);color:var(--color-background)}.pagination__item--disabled{opacity:.3;pointer-events:none}.breadcrumbs{font-size:var(--text-xs);color:var(--color-muted)}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{color:var(--color-text)}.breadcrumbs li+li:before{content:"/";margin-inline-end:var(--space-2);opacity:.5}.breadcrumbs [aria-current]{color:var(--color-text)}.trust-item{display:flex;gap:var(--space-4);align-items:flex-start}.trust-item--center{flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}.trust-item__icon{flex:none;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb,var(--color-bone) 40%,var(--color-background));color:var(--color-accent)}.trust-item__icon .icon{--icon-size: 22px}.trust-item__icon img{width:26px;height:26px;object-fit:contain}.trust-item__title{font-family:var(--font-medium);font-weight:500;font-size:var(--text-sm)}.trust-item__text{font-size:var(--text-xs);color:var(--color-muted);line-height:1.6;margin-top:.25em}.carousel{position:relative}.carousel__track{display:flex;gap:var(--grid-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.carousel__track::-webkit-scrollbar{display:none}.carousel__track>*{flex:0 0 var(--slide-basis, 78%);scroll-snap-align:start;min-width:0}@media(min-width:750px){.carousel__track>*{--slide-basis: calc((100% - (var(--carousel-visible, 3) - 1) * var(--grid-gap)) / var(--carousel-visible, 3))}}@media(min-width:1024px){.carousel__track>*{--slide-basis: calc((100% - (var(--carousel-visible-desktop, 4) - 1) * var(--grid-gap)) / var(--carousel-visible-desktop, 4))}}.carousel__nav{display:flex;gap:var(--space-2)}.carousel__btn{width:var(--touch-target);height:var(--touch-target);border:1px solid var(--color-border-strong);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background var(--duration-fast),border-color var(--duration-fast)}.carousel__btn:hover{background:var(--color-text);color:var(--color-background);border-color:var(--color-text)}.carousel__btn:disabled{opacity:.3;cursor:default;background:none;color:inherit;border-color:var(--color-border-strong)}.carousel__dots{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-4)}.carousel__dot{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.carousel__dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-bone);transition:transform var(--duration-fast),background var(--duration-fast)}.carousel__dot[aria-current=true]:before{background:var(--color-text);transform:scale(1.4)}.hotspot{position:absolute;transform:translate(-50%,-50%);z-index:3}.hotspot__btn{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-background) 88%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 16px #11120d33;position:relative}.hotspot__btn:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid color-mix(in srgb,var(--color-background) 70%,transparent);animation:pulse 2.4s var(--ease-in-out) infinite}.hotspot__btn:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-text);transition:transform var(--duration-fast)}.hotspot__btn[aria-expanded=true]:after{transform:scale(1.4);background:var(--color-accent)}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.7);opacity:0}}@media(prefers-reduced-motion:reduce){.hotspot__btn:before{animation:none}}.hotspot__card{position:absolute;top:calc(100% + 12px);inset-inline-start:50%;transform:translate(-50%);width:260px;max-width:calc(100vw - 2rem);background:var(--color-background);box-shadow:var(--shadow-lg);border-radius:var(--radius-card);padding:var(--space-3);display:flex;gap:var(--space-3);align-items:center;opacity:0;visibility:hidden;transition:opacity var(--duration-base),visibility var(--duration-base);z-index:5;text-align:start}[dir=rtl] .hotspot__card{transform:translate(50%)}.hotspot__card.is-open{opacity:1;visibility:visible}.hotspot--flip .hotspot__card{top:auto;bottom:calc(100% + 12px)}.hotspot--start .hotspot__card{inset-inline-start:0;transform:none}.hotspot--end .hotspot__card{inset-inline-start:auto;inset-inline-end:0;transform:none}.hotspot__img{width:72px;flex:none;border-radius:2px;overflow:hidden;background:var(--color-background-alt)}.hotspot__img img{aspect-ratio:1;object-fit:cover}.hotspot__title{font-family:var(--font-medium);font-weight:500;font-size:var(--text-sm);line-height:1.3}.hotspot__title a{text-decoration:none}.hotspot__variant{font-size:var(--text-xs);color:var(--color-muted)}.hotspot__price{font-size:var(--text-sm);margin-top:2px}.hotspot__actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.hotspot__actions .btn{min-height:34px;padding:.4em .8em;font-size:.625rem}.empty-state{text-align:center;padding:var(--space-16) var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.empty-state .icon{--icon-size: 40px;color:var(--color-bone)}.spec-table{font-size:var(--text-sm)}.spec-table th{text-align:start;font-family:var(--font-medium);font-weight:500;color:var(--color-muted);padding:.6em .8em .6em 0;width:40%;vertical-align:top}.spec-table td{padding:.6em 0;border-bottom:1px solid var(--color-border)}.spec-table tr:last-child td,.spec-table tr:last-child th{border-bottom:0}.locale-select{position:relative;display:inline-flex;align-items:center}.locale-select select{appearance:none;-webkit-appearance:none;background:transparent;border:0;padding:.5em 1.6em .5em .4em;font-family:var(--font-medium);font-weight:500;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;min-height:var(--touch-target);color:inherit}.locale-select .icon{position:absolute;inset-inline-end:.2em;pointer-events:none;--icon-size: 14px}
/*# sourceMappingURL=/cdn/shop/t/17/assets/components.css.map */