.ViewModeWalkthrough-module__w7JbRG__stage{--stage-height:310px;height:var(--stage-height);isolation:isolate;width:100%;position:relative}.ViewModeWalkthrough-module__w7JbRG__item{top:0;left:calc(var(--index) * 34%);border-width:1px;border-radius:16px;width:32%;height:296px;animation:.4s both ViewModeWalkthrough-module__w7JbRG__arrive;position:absolute;overflow:hidden;box-shadow:0 2px 5px #0000000a}.ViewModeWalkthrough-module__w7JbRG__photo{background:#eeeae2;width:100%;height:152px;position:absolute;inset:0 auto auto 0;overflow:hidden}.ViewModeWalkthrough-module__w7JbRG__picture{aspect-ratio:1;background-image:url(/images/landing/lifestyle-products.webp);background-repeat:no-repeat;background-size:300% 200%;width:100%;transition:transform .35s;position:absolute;top:50%;transform:translateY(-50%)}.ViewModeWalkthrough-module__w7JbRG__item:hover .ViewModeWalkthrough-module__w7JbRG__picture,.ViewModeWalkthrough-module__w7JbRG__item:focus-within .ViewModeWalkthrough-module__w7JbRG__picture{transform:translateY(-50%)scale(1.05)}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=grid] .ViewModeWalkthrough-module__w7JbRG__item:first-child .ViewModeWalkthrough-module__w7JbRG__picture{top:calc(50% + 20px)}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=grid] .ViewModeWalkthrough-module__w7JbRG__item:nth-child(3) .ViewModeWalkthrough-module__w7JbRG__picture{top:calc(50% + 10px)}.ViewModeWalkthrough-module__w7JbRG__details{transition:opacity .18s;position:absolute;top:162px;left:12px;right:12px}.ViewModeWalkthrough-module__w7JbRG__brand{color:var(--color-muted-foreground);margin-top:2px;font-size:11px}.ViewModeWalkthrough-module__w7JbRG__price{color:var(--color-primary);margin-top:5px;font-size:16px;font-weight:600}.ViewModeWalkthrough-module__w7JbRG__actions{gap:4px;display:flex;position:absolute;top:8px;right:8px}.ViewModeWalkthrough-module__w7JbRG__action{cursor:pointer;background:#ffffffe6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .18s,background .18s;display:inline-flex}.ViewModeWalkthrough-module__w7JbRG__action:hover{transform:scale(1.1)}.ViewModeWalkthrough-module__w7JbRG__action:active{transform:scale(.92)}.ViewModeWalkthrough-module__w7JbRG__action:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ViewModeWalkthrough-module__w7JbRG__metrics{color:var(--color-muted-foreground);flex-wrap:wrap;align-items:center;gap:2px 6px;margin-top:3px;padding-bottom:6px;font-size:11px;display:flex}.ViewModeWalkthrough-module__w7JbRG__metrics span{white-space:nowrap;flex-shrink:0;align-items:center;gap:3px;display:inline-flex}.ViewModeWalkthrough-module__w7JbRG__metrics svg{flex-shrink:0;width:14px;height:14px;overflow:visible}.ViewModeWalkthrough-module__w7JbRG__metrics .ViewModeWalkthrough-module__w7JbRG__action{background:0 0}.ViewModeWalkthrough-module__w7JbRG__metrics .ViewModeWalkthrough-module__w7JbRG__action svg{width:20px;height:20px}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=grid]{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=grid] .ViewModeWalkthrough-module__w7JbRG__item{width:100%;height:auto;position:relative;inset:auto}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=grid] .ViewModeWalkthrough-module__w7JbRG__photo{aspect-ratio:4/3;height:auto;position:relative;inset:auto}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=grid] .ViewModeWalkthrough-module__w7JbRG__details{padding:8px 12px;position:relative;inset:auto}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=grid] .ViewModeWalkthrough-module__w7JbRG__metrics{padding-bottom:0}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=photos] .ViewModeWalkthrough-module__w7JbRG__item{height:258px}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=photos] .ViewModeWalkthrough-module__w7JbRG__item:nth-child(2){height:228px;top:28px}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=photos] .ViewModeWalkthrough-module__w7JbRG__item:nth-child(3){height:272px;top:12px}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=photos] .ViewModeWalkthrough-module__w7JbRG__photo{height:100%}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=photos] .ViewModeWalkthrough-module__w7JbRG__details{opacity:0;color:#fff;background:linear-gradient(#0000,#000000bf);padding:32px 12px 12px;transition:opacity .25s,transform .25s;inset:auto 0 0;transform:translateY(6px)}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=photos] .ViewModeWalkthrough-module__w7JbRG__item:hover .ViewModeWalkthrough-module__w7JbRG__details,.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=photos] .ViewModeWalkthrough-module__w7JbRG__item:focus-within .ViewModeWalkthrough-module__w7JbRG__details{opacity:1;transform:translateY(0)}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=photos] .ViewModeWalkthrough-module__w7JbRG__brand{display:none}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=photos] .ViewModeWalkthrough-module__w7JbRG__price{color:#fff}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=photos] .ViewModeWalkthrough-module__w7JbRG__details{pointer-events:none}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=photos] .ViewModeWalkthrough-module__w7JbRG__offerBadge{transition:opacity .2s;bottom:12px}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=photos] .ViewModeWalkthrough-module__w7JbRG__item:hover .ViewModeWalkthrough-module__w7JbRG__offerBadge,.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=photos] .ViewModeWalkthrough-module__w7JbRG__item:focus-within .ViewModeWalkthrough-module__w7JbRG__offerBadge{opacity:0}.ViewModeWalkthrough-module__w7JbRG__enlarged{background:var(--color-card);border-radius:16px;flex-direction:column;max-width:440px;height:100%;margin:auto;animation:.25s both ViewModeWalkthrough-module__w7JbRG__arrive;display:flex;position:relative;overflow:hidden}.ViewModeWalkthrough-module__w7JbRG__enlargedPhoto{background:#eeeae2;flex:1;min-height:0;position:relative;overflow:hidden}.ViewModeWalkthrough-module__w7JbRG__enlargedPhoto .ViewModeWalkthrough-module__w7JbRG__picture{width:auto;height:100%;left:50%;transform:translate(-50%,-50%)}.ViewModeWalkthrough-module__w7JbRG__stage[data-preview=true]{--stage-height:408px}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=list]{--stage-height:360px;grid-auto-rows:minmax(112px,auto);gap:8px;display:grid;overflow-y:auto}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=list] .ViewModeWalkthrough-module__w7JbRG__item{grid-template-columns:104px minmax(0,1fr);width:100%;height:auto;min-height:112px;display:grid;position:relative;inset:auto}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=list] .ViewModeWalkthrough-module__w7JbRG__photo{width:100%;height:100%;position:relative;inset:auto}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=list] .ViewModeWalkthrough-module__w7JbRG__details{flex-direction:column;justify-content:center;min-height:0;padding:7px 12px;display:flex;position:relative;inset:auto}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=list] .ViewModeWalkthrough-module__w7JbRG__price{margin-top:2px}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=list] .ViewModeWalkthrough-module__w7JbRG__actions{top:5px;left:64px;right:auto}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=list] .ViewModeWalkthrough-module__w7JbRG__offerBadge{bottom:8px}@keyframes ViewModeWalkthrough-module__w7JbRG__arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:540px){.ViewModeWalkthrough-module__w7JbRG__item{width:48%;left:calc(var(--index) * 52%);height:280px}.ViewModeWalkthrough-module__w7JbRG__item:nth-child(3){display:none}.ViewModeWalkthrough-module__w7JbRG__stage{--stage-height:294px}.ViewModeWalkthrough-module__w7JbRG__photo{height:136px}.ViewModeWalkthrough-module__w7JbRG__details{top:144px;left:8px;right:8px}.ViewModeWalkthrough-module__w7JbRG__metrics{flex-wrap:wrap;gap:4px;font-size:10px}.ViewModeWalkthrough-module__w7JbRG__metrics .ViewModeWalkthrough-module__w7JbRG__action{width:28px;height:28px}.ViewModeWalkthrough-module__w7JbRG__actions{gap:2px;right:4px}.ViewModeWalkthrough-module__w7JbRG__action{width:36px;height:36px}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=list] .ViewModeWalkthrough-module__w7JbRG__item{grid-template-columns:88px minmax(0,1fr);min-height:122px}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=list] .ViewModeWalkthrough-module__w7JbRG__details{padding:14px 10px}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=list] .ViewModeWalkthrough-module__w7JbRG__actions{left:48px}}@media (max-height:740px){.ViewModeWalkthrough-module__w7JbRG__stage{--stage-height:262px}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=photos] .ViewModeWalkthrough-module__w7JbRG__item{height:226px}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=photos] .ViewModeWalkthrough-module__w7JbRG__item:nth-child(2){height:208px;top:20px}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=photos] .ViewModeWalkthrough-module__w7JbRG__item:nth-child(3){height:242px;top:8px}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=list] .ViewModeWalkthrough-module__w7JbRG__item:nth-child(3){display:none}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=list]{--stage-height:262px}}@media (max-width:540px){.ViewModeWalkthrough-module__w7JbRG__stage{--stage-height:254px}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=grid]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=grid] .ViewModeWalkthrough-module__w7JbRG__item{width:100%;height:auto;position:relative;inset:auto}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=grid] .ViewModeWalkthrough-module__w7JbRG__photo{aspect-ratio:1;height:auto;position:relative;inset:auto}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=grid] .ViewModeWalkthrough-module__w7JbRG__details{padding:8px;position:relative;inset:auto}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=grid] .ViewModeWalkthrough-module__w7JbRG__metrics{padding-bottom:0}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=photos] .ViewModeWalkthrough-module__w7JbRG__item{height:220px}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=photos] .ViewModeWalkthrough-module__w7JbRG__item:nth-child(2){height:206px;top:12px}.ViewModeWalkthrough-module__w7JbRG__stage[data-mode=list]{--stage-height:254px}}@media (prefers-reduced-motion:reduce){.ViewModeWalkthrough-module__w7JbRG__item,.ViewModeWalkthrough-module__w7JbRG__photo,.ViewModeWalkthrough-module__w7JbRG__details,.ViewModeWalkthrough-module__w7JbRG__picture,.ViewModeWalkthrough-module__w7JbRG__action,.ViewModeWalkthrough-module__w7JbRG__enlarged{animation:none;transition:none!important}}@media (max-width:540px){.ViewModeWalkthrough-module__w7JbRG__stage[data-preview=true]{--stage-height:350px}}