/* TOJIR motion · self-contained, with a reduced-motion alternative */
:root{--motion-spring:cubic-bezier(.22,1.28,.36,1);--glass:rgba(255,250,242,.82);--glass-border:rgba(255,255,255,.85);--lens-tint:rgba(176,139,92,.18)}
:root[data-theme=dark]{--glass:rgba(37,31,25,.86);--glass-border:rgba(237,213,181,.16);--lens-tint:rgba(216,185,143,.17)}
:root[data-theme=dark] .bottom-nav{box-shadow:0 12px 40px #0005,inset 0 1px 0 #ffffff14}
.button,.icon-button,.chip,.size-option,.menu-row,.edit-profile,.segmented button,.delivery-option{position:relative;isolation:isolate;transition:background-color .22s,border-color .22s,color .22s,box-shadow .22s;overflow:hidden}
.button:active{transform:none}.button.primary{box-shadow:0 4px 14px #00000012}.button .icon{transition:translate .3s var(--motion-spring)}
.motion-ripple{position:absolute;width:18px;height:18px;left:var(--ripple-x,50%);top:var(--ripple-y,50%);margin:-9px 0 0 -9px;border-radius:50%;background:currentColor;pointer-events:none;z-index:4;opacity:0}
.motion-press{transform-origin:center}.favorite.saved .icon{fill:currentColor;fill-opacity:.13}
.product-card,.category-tile{border:1px solid color-mix(in srgb,var(--line) 65%,transparent);box-shadow:0 2px 3px #00000003;transition:box-shadow .35s,border-color .35s;}
.product-card .shoe-photo,.category-photo img{transition:transform .65s cubic-bezier(.2,.7,.2,1);will-change:auto}
.photo-wrap{overflow:hidden}.product-info{transition:background-color .3s}.product-card .video-tag{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.motion-reveal{opacity:0;translate:0 20px}.motion-reveal.is-visible{opacity:1;translate:0 0;transition:opacity .65s ease,translate .7s cubic-bezier(.2,.75,.25,1);transition-delay:var(--reveal-delay,0ms)}
.hero{box-shadow:0 12px 38px #0000000b}.hero:after{transition:opacity .5s}.hero-copy h1{line-height:1.1}.hero .button{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.check-label input,.delivery-option input{accent-color:var(--green)}.delivery-option.chosen{box-shadow:0 4px 18px #0000000d}.field{transition:border-color .22s,box-shadow .22s,background-color .22s}.field:focus{border-color:var(--green);box-shadow:0 0 0 3px #00000010;outline:none}
.field:focus-visible{outline:2px solid var(--green);outline-offset:2px}
dialog[open]{animation:dialog-arrive .32s cubic-bezier(.18,.8,.22,1) both}dialog::backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:backdrop-arrive .25s ease both}
.toast{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
@media(hover:hover) and (pointer:fine){.button.primary:hover{box-shadow:0 7px 24px #00000024}.button:hover>.icon:last-child{translate:3px 0}.product-card:hover,.category-tile:hover{box-shadow:0 14px 38px #00000010;border-color:color-mix(in srgb,var(--green) 25%,var(--line))}.product-card:hover .shoe-photo,.category-tile:hover img{transform:scale(1.045)}.menu-row:hover{background:color-mix(in srgb,var(--tint) 60%,transparent)}}
@media(max-width:600px){.bottom-nav{width:calc(100% - 24px);bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:6px;border-radius:29px}.bottom-nav a{min-height:52px;font-size:10px}.bottom-nav .nav-icon{height:27px;min-width:44px}.bottom-nav .nav-icon>.icon{width:22px;height:22px}main{padding-bottom:130px}.motion-reveal{translate:0 14px}}
@supports not (backdrop-filter:blur(1px)){.bottom-nav{background:var(--surface)}}
@keyframes dialog-arrive{from{opacity:0;translate:0 18px;scale:.985}to{opacity:1;translate:0 0;scale:1}}
@keyframes backdrop-arrive{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.motion-reveal{opacity:1;translate:none}.motion-reveal.is-visible{transition:none}dialog[open],dialog::backdrop{animation:none}.button .icon,.bottom-nav .nav-icon,.field,.product-card .shoe-photo,.category-photo img{transition:none}.product-card:hover .shoe-photo,.category-tile:hover img{transform:none}}

/* Uzbek girih and islimi ornament. Decorative background only. */
body{isolation:isolate}
body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url('assets/uzbek-ornament.webp');background-size:760px auto;background-position:center top;background-repeat:repeat;opacity:.46}
.site-header:not(.profile-hidden){background:linear-gradient(180deg,rgba(246,241,233,.52),rgba(246,241,233,0));border-radius:0 0 22px 22px}
.search-form{background:var(--surface)}
:root[data-theme=dark] body:before{opacity:.075;filter:grayscale(.35)}
:root[data-theme=dark] .site-header:not(.profile-hidden){background:linear-gradient(180deg,rgba(24,22,20,.65),rgba(24,22,20,0))}
@media(max-width:600px){body:before{background-size:520px auto;opacity:.4}:root[data-theme=dark] body:before{opacity:.065}}