/* Short feedback for finding a wheel and managing stock. */
.hero-visual{background:radial-gradient(ellipse at 44% 25%,#f1f2ed,#dedfd8 78%)}
.hero-visual::before{content:"";position:absolute;left:19%;bottom:8%;width:66%;height:7%;background:radial-gradient(ellipse,#373b313d,transparent 68%);pointer-events:none}
.hero-wheel{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;padding:0;z-index:1;transition:opacity 220ms ease}
.hero-wheel-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:0;pointer-events:none;transition:opacity 220ms ease}
.hero-visual.is-wheel-3d .hero-wheel-canvas{opacity:1}
.hero-visual.is-wheel-3d .hero-wheel{opacity:0}
.hero-visual[data-hero-wheel]{touch-action:pan-y pinch-zoom}
.hero-visual.is-wheel-3d{cursor:grab;user-select:none;-webkit-user-select:none}
.hero-visual.is-wheel-dragging{cursor:grabbing}
.hero-visual.is-wheel-3d:focus-visible{outline:2px solid #718b2b;outline-offset:4px}
.hero-visual.is-wheel-3d .hero-caption [data-wheel-hint]{display:block}
@media(max-width:600px){.hero-visual.is-wheel-3d .hero-caption>span:first-child{display:none}}
.hero-visual :is(.visual-kicker,.wheel-note,.hero-caption){z-index:2}
:root{--disk-motion-ease:cubic-bezier(.2,.8,.2,1);--disk-motion-fast:120ms;--disk-motion-standard:180ms}
:is(.button,.small-button,.add-button,.icon-button,.modal-close,.site-select-trigger,.portal-nav button,.inventory-filters button,.inventory-view button,.catalog-view button,.member-action,.member-company){transition:scale var(--disk-motion-fast) var(--disk-motion-ease),transform var(--disk-motion-fast) var(--disk-motion-ease),background-color var(--disk-motion-standard) var(--disk-motion-ease),border-color var(--disk-motion-standard) var(--disk-motion-ease),box-shadow var(--disk-motion-standard) var(--disk-motion-ease)}
:is(.button,.small-button,.add-button,.icon-button,.modal-close,.portal-nav button,.inventory-filters button,.inventory-view button,.catalog-view button,.member-action,.member-company):active:not(:disabled){scale:.97}
.product-card{transition:border-color var(--disk-motion-standard) var(--disk-motion-ease),box-shadow var(--disk-motion-standard) var(--disk-motion-ease)}
.product-card:focus-within{border-color:#a4b88b;box-shadow:0 0 0 2px #d4f76a33}
@media(hover:hover) and (pointer:fine){.button:hover{box-shadow:0 6px 18px #22251f14}.product-card:hover{border-color:#b2c59b}.catalog-page .product-card:hover{box-shadow:0 6px 20px #22251f0d}.portal-nav button:not([aria-selected=true]):hover{background:#e6eddb}}
:is(.modal,.seller-setup-dialog)[open]{animation:disk-dialog-in 200ms var(--disk-motion-ease)}
:is(.modal,.seller-setup-dialog)[open]::backdrop{animation:disk-scrim-in 160ms linear}
.portal-web .portal-panel:not([hidden]){animation:disk-panel-in var(--disk-motion-standard) var(--disk-motion-ease)}
.site-select-menu:not([hidden]),.brand-picker[open]>.brand-menu,.member-account[open]>.member-dropdown{animation:disk-menu-in var(--disk-motion-fast) var(--disk-motion-ease)}
@keyframes disk-dialog-in{from{opacity:.65;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
@keyframes disk-scrim-in{from{opacity:0}to{opacity:1}}
@keyframes disk-panel-in{from{opacity:.7;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes disk-menu-in{from{opacity:.6}to{opacity:1}}
@media(prefers-reduced-motion:reduce){:is(.button,.small-button,.add-button,.icon-button,.modal-close,.site-select-trigger,.portal-nav button,.inventory-filters button,.inventory-view button,.catalog-view button,.member-action,.member-company,.product-card){transition:none!important;scale:none!important}:is(.modal,.seller-setup-dialog)[open],:is(.modal,.seller-setup-dialog)[open]::backdrop,.portal-web .portal-panel:not([hidden]),.site-select-menu:not([hidden]),.brand-picker[open]>.brand-menu,.member-account[open]>.member-dropdown{animation:none!important}}
