.ar-hotspot-showcase{--ar-hotspot-bg:var(--ar-color-surface);--ar-hotspot-card-bg:var(--ar-color-surface-soft);--ar-hotspot-text:var(--ar-color-text);--ar-hotspot-muted:var(--ar-color-text-muted);overflow:hidden}.ar-hotspot-showcase[data-ar-surface=white]{background:var(--ar-color-white)}.ar-hotspot-showcase[data-ar-surface=soft]{background:var(--ar-color-gray)}.ar-hotspot-showcase[data-ar-surface=accent-soft]{background:var(--ar-color-accent-soft)}.ar-hotspot-showcase__container{display:grid;gap:clamp(28px,4vw,48px)}.ar-hotspot-showcase__header{max-width:860px;display:grid;gap:var(--ar-space-xs)}.ar-hotspot-showcase__header--center{margin-inline:auto;text-align:center;justify-items:center}.ar-hotspot-showcase__header--left{text-align:left;justify-items:start}.ar-hotspot-showcase__eyebrow{margin:0;color:var(--ar-color-accent);font-weight:var(--ar-fw-meta,400)}.ar-hotspot-showcase__title{margin:0;color:var(--ar-hotspot-text);font-weight:var(--ar-fw-heading,500)}.ar-hotspot-showcase__subtitle{margin:0;color:var(--ar-hotspot-muted)}.ar-hotspot-showcase__layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.85fr);gap:var(--ar-hotspot-desktop-gap,28px);align-items:center}.ar-hotspot-showcase__media-wrap{position:relative;min-width:0}.ar-hotspot-showcase__media{position:relative;overflow:hidden;border-radius:var(--ar-hotspot-radius,var(--ar-radius-card));background:var(--ar-color-surface-soft);aspect-ratio:16/9}.ar-hotspot-showcase__layout--landscape .ar-hotspot-showcase__media{aspect-ratio:4/3}.ar-hotspot-showcase__layout--square .ar-hotspot-showcase__media{aspect-ratio:1/1}.ar-hotspot-showcase__media img,.ar-hotspot-showcase__placeholder{width:100%;height:100%;display:block;object-fit:cover}.ar-hotspot-showcase__placeholder{color:color-mix(in srgb,var(--ar-color-black) 45%,transparent);background:linear-gradient(180deg,var(--ar-color-surface-soft),color-mix(in srgb,var(--ar-color-black) 10%,var(--ar-color-surface-soft)))}.ar-hotspot-showcase__points{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.ar-hotspot-showcase__point{position:absolute;left:var(--ar-hotspot-x,50%);top:var(--ar-hotspot-y,50%);width:clamp(24px,2.6vw,32px);height:clamp(24px,2.6vw,32px);transform:translate(-50%,-50%);border:0;border-radius:var(--ar-radius-pill);background:color-mix(in srgb,var(--ar-color-white) 62%,transparent);color:var(--ar-color-black);cursor:pointer;pointer-events:auto;display:inline-grid;place-items:center;box-shadow:0 8px 22px color-mix(in srgb,var(--ar-color-black) 12%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);isolation:isolate;transition:transform var(--ar-duration-base) var(--ar-ease-premium),background var(--ar-duration-base) var(--ar-ease-premium),box-shadow var(--ar-duration-base) var(--ar-ease-premium)}.ar-hotspot-showcase__point:after,.ar-hotspot-showcase__point:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:inherit;background:color-mix(in srgb,var(--ar-color-white) 42%,transparent);z-index:-1;animation:arHotspotPulse 2.4s var(--ar-ease-premium) infinite}.ar-hotspot-showcase__point:after{top:-13px;right:-13px;bottom:-13px;left:-13px;opacity:.58;animation-delay:.8s}.ar-hotspot-showcase__point-core{width:44%;height:44%;border-radius:inherit;background:var(--ar-color-white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ar-color-black) 7%,transparent)}@keyframes arHotspotPulse{0%{transform:scale(.72);opacity:.68}62%{opacity:.12}to{transform:scale(1.45);opacity:0}}.ar-hotspot-showcase__point.is-active,.ar-hotspot-showcase__point:focus-visible,.ar-hotspot-showcase__point:hover{transform:translate(-50%,-50%) scale(1.12);background:color-mix(in srgb,var(--ar-color-white) 82%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--ar-color-black) 18%,transparent)}.ar-hotspot-showcase__aside{min-width:0;width:100%;display:grid;align-content:center;align-self:center;gap:var(--ar-space-lg)}.ar-hotspot-showcase__cards{position:relative}.ar-hotspot-showcase__card{position:relative;display:none;padding:clamp(18px,3vw,32px);border-radius:var(--ar-radius-card);background:var(--ar-hotspot-card-bg-current,var(--ar-hotspot-card-bg));color:var(--ar-hotspot-text);overflow:hidden}.ar-hotspot-showcase__card.is-active{display:grid;grid-template-rows:auto auto auto;gap:clamp(18px,2.6vw,28px);animation:arHotspotFadeIn var(--ar-duration-base) var(--ar-ease-premium) both}@keyframes arHotspotFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ar-hotspot-showcase__rating{justify-self:end;display:inline-flex;align-items:center;gap:.35rem;min-height:34px;padding:.4rem .7rem;border-radius:var(--ar-radius-pill);background:var(--ar-color-white);color:var(--ar-color-black);font-size:var(--ar-fs-meta);font-weight:var(--ar-fw-ui,400);line-height:1}.ar-hotspot-showcase__rating span:first-child{color:var(--ar-color-accent)}.ar-hotspot-showcase__product-media{align-self:center;justify-self:center;width:min(76%,280px);aspect-ratio:1/1;display:grid;place-items:center}.ar-hotspot-showcase__product-media img,.ar-hotspot-showcase__product-placeholder{width:100%;height:100%;object-fit:contain;display:block}.ar-hotspot-showcase__product-placeholder{color:color-mix(in srgb,var(--ar-color-black) 46%,transparent)}.ar-hotspot-showcase__product-info{display:grid;gap:var(--ar-space-sm)}.ar-hotspot-showcase__kicker{margin:0;color:var(--ar-hotspot-muted);font-size:var(--ar-fs-meta);font-weight:var(--ar-fw-meta,400);letter-spacing:var(--ar-ls-meta,.08em);text-transform:uppercase}.ar-hotspot-showcase__product-row{display:grid;grid-template-columns:1fr auto;gap:var(--ar-space-md);align-items:end}.ar-hotspot-showcase__price,.ar-hotspot-showcase__product-title{margin:0;color:var(--ar-hotspot-text);font-size:var(--ar-fs-small-title,16px);line-height:var(--ar-lh-heading,1.15)}.ar-hotspot-showcase__product-title{font-weight:var(--ar-fw-strong)}.ar-hotspot-showcase__price{font-weight:var(--ar-fw-body);white-space:nowrap}.ar-hotspot-showcase__button{justify-self:start;display:inline-flex;align-items:center;gap:.55rem;min-height:40px;padding:0 1.05rem;border-radius:var(--ar-radius-pill);background:var(--ar-color-black);color:var(--ar-color-white);font-size:var(--ar-fs-meta);font-weight:var(--ar-fw-strong);line-height:1;text-decoration:none;transition:transform var(--ar-duration-base) var(--ar-ease-premium),opacity var(--ar-duration-base) var(--ar-ease-premium)}.ar-hotspot-showcase__button:focus-visible,.ar-hotspot-showcase__button:hover{transform:translateY(-1px);opacity:.9}.ar-hotspot-showcase__button span:first-child{font-size:1.2em;line-height:.8}.ar-hotspot-showcase__indicators{justify-self:center;display:inline-flex;align-items:center;gap:.42rem}.ar-hotspot-showcase__indicator{width:18px;height:3px;border:0;border-radius:var(--ar-radius-pill);padding:0;background:color-mix(in srgb,var(--ar-color-text) 22%,transparent);cursor:pointer;transition:width var(--ar-duration-base) var(--ar-ease-premium),background var(--ar-duration-base) var(--ar-ease-premium)}.ar-hotspot-showcase__indicator.is-active{width:30px;background:var(--ar-color-accent)}@media screen and (max-width:989px){.ar-hotspot-showcase__layout{grid-template-columns:1fr;gap:var(--ar-space-lg)}.ar-hotspot-showcase__layout--mobile-portrait .ar-hotspot-showcase__media{aspect-ratio:3/4}.ar-hotspot-showcase__layout--mobile-wide .ar-hotspot-showcase__media{aspect-ratio:16/9}.ar-hotspot-showcase__layout--mobile-square .ar-hotspot-showcase__media{aspect-ratio:1/1}.ar-hotspot-showcase__aside{gap:var(--ar-space-md)}.ar-hotspot-showcase__card,.ar-hotspot-showcase__card.is-active{min-height:auto;display:none}.ar-hotspot-showcase__card.is-active{display:grid;grid-template-columns:minmax(72px,96px) 1fr auto;align-items:center;gap:var(--ar-space-md);padding:var(--ar-space-md);border-radius:var(--ar-radius-card);background:0 0}.ar-hotspot-showcase__rating{display:none}.ar-hotspot-showcase__product-media{width:82px;aspect-ratio:1/1;border-radius:calc(var(--ar-radius-card) - 6px);background:var(--ar-color-surface-soft);padding:.35rem}.ar-hotspot-showcase__product-row{grid-template-columns:1fr;gap:.3rem}.ar-hotspot-showcase__kicker{font-size:var(--ar-fs-meta)}.ar-hotspot-showcase__price,.ar-hotspot-showcase__product-title{font-size:var(--ar-fs-body)}.ar-hotspot-showcase__button{justify-self:end;min-height:42px;padding:0 .95rem;white-space:nowrap}}@media screen and (max-width:749px){.ar-hotspot-showcase__header{gap:.45rem}.ar-hotspot-showcase__point{width:30px;height:30px}.ar-hotspot-showcase__card.is-active{grid-template-columns:78px 1fr auto;gap:.75rem;padding-inline:.25rem}.ar-hotspot-showcase__product-media{width:78px}}@media(prefers-reduced-motion:reduce){.ar-hotspot-showcase__button,.ar-hotspot-showcase__card.is-active,.ar-hotspot-showcase__indicator,.ar-hotspot-showcase__point,.ar-hotspot-showcase__point:after,.ar-hotspot-showcase__point:before{animation:none;transition:none}}.ar-hotspot-showcase__button{width:44px;height:44px;min-width:44px;min-height:44px;aspect-ratio:1;justify-content:center;gap:0;padding:0;border:1px solid color-mix(in srgb,var(--ar-hotspot-action-icon,var(--ar-color-white)) 14%,transparent);border-radius:var(--ar-radius-button);background:var(--ar-hotspot-action-bg,var(--ar-color-black));color:var(--ar-hotspot-action-icon,var(--ar-color-white));box-shadow:0 6px 18px color-mix(in srgb,var(--ar-color-black) 8%,transparent)}.ar-hotspot-showcase__button span.ar-hotspot-showcase__button-icon{display:grid;place-items:center;font-size:inherit;line-height:1}.ar-hotspot-showcase__button .ar-icon{width:21px;height:21px}.ar-hotspot-showcase__button:focus-visible,.ar-hotspot-showcase__button:hover{color:var(--ar-hotspot-action-icon,var(--ar-color-white))}@media screen and (max-width:989px){.ar-hotspot-showcase__button{width:42px;height:42px;min-width:42px;min-height:42px;padding:0}}@media screen and (max-width:989px){.ar-hotspot-showcase__card.is-active{grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto;align-items:center;gap:12px;padding:12px;border:1px solid color-mix(in srgb,var(--ar-color-text) 8%,transparent);border-radius:var(--ar-radius-card);background:var(--ar-hotspot-card-bg-current,var(--ar-hotspot-card-bg));box-shadow:0 10px 28px color-mix(in srgb,var(--ar-color-black) 6%,transparent)}.ar-hotspot-showcase__product-media{width:76px;height:76px;margin:0;padding:6px;border:1px solid color-mix(in srgb,var(--ar-color-text) 7%,transparent);border-radius:calc(var(--ar-radius-card) - 7px);background:color-mix(in srgb,var(--ar-color-white) 70%,transparent)}.ar-hotspot-showcase__product-info{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 44px;grid-template-areas:"kicker action" "details action";column-gap:12px;row-gap:4px;align-items:center}.ar-hotspot-showcase__kicker{grid-area:kicker;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.ar-hotspot-showcase__product-row{grid-area:details;min-width:0;display:grid;grid-template-columns:1fr;gap:3px;align-items:start}.ar-hotspot-showcase__product-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.25}.ar-hotspot-showcase__price{color:var(--ar-hotspot-muted);font-size:14px;line-height:1.25}.ar-hotspot-showcase__button{grid-area:action;justify-self:end;align-self:center;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;border-radius:calc(var(--ar-radius-button) * .9);box-shadow:0 8px 20px color-mix(in srgb,var(--ar-color-black) 12%,transparent)}}@media screen and (max-width:749px){.ar-hotspot-showcase__card.is-active{grid-template-columns:70px minmax(0,1fr);gap:11px;padding:10px}.ar-hotspot-showcase__product-media{width:70px;height:70px;padding:5px}.ar-hotspot-showcase__product-info{grid-template-columns:minmax(0,1fr) 42px;column-gap:10px}.ar-hotspot-showcase__button{width:42px;height:42px;min-width:42px;min-height:42px}}
/*# sourceMappingURL=/cdn/shop/t/289/assets/arake-home-hotspot-showcase.css.map */