/* 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)}
.bottom-nav{left:50%;right:auto;bottom:calc(14px + env(safe-area-inset-bottom,0px));width:min(560px,calc(100% - 28px));padding:7px;gap:0;border:1px solid var(--glass-border);border-radius:31px;background:var(--glass);box-shadow:0 12px 40px #49351c19,0 2px 8px #49351c0c,inset 0 1px 0 #ffffffb3;backdrop-filter:blur(24px) saturate(1.7);-webkit-backdrop-filter:blur(24px) saturate(1.7);transform:translateX(-50%);isolation:isolate;overflow:visible;touch-action:pan-y}
.bottom-nav:before{content:'';position:absolute;inset:-1px;border:1px solid #ffffff4d;border-radius:inherit;pointer-events:none;mask-image:linear-gradient(#000,transparent 70%);z-index:3}
.bottom-nav a{position:relative;z-index:2;min-height:54px;border-radius:25px;gap:2px;font-size:10px;transition:color .25s;outline-offset:2px;user-select:none;-webkit-user-select:none}
.bottom-nav a.active{color:var(--green);font-weight:700}
.bottom-nav .nav-icon{min-width:44px;height:29px;background:transparent!important;transition:translate .45s var(--motion-spring)}
.bottom-nav .nav-icon>.icon{width:23px;height:23px;transition:stroke-width .2s}
.bottom-nav a.active .nav-icon{translate:0 -2px}.bottom-nav a.active .icon{stroke-width:2}
.bottom-nav .counter{top:-2px;right:1px;border:2px solid var(--surface);height:18px;min-width:18px}
.bottom-nav .counter[hidden]{display:none}
.nav-liquid-lens{position:absolute;z-index:0;top:7px;left:0;height:54px;width:calc((100% - 14px)/4);border-radius:25px;background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(232,214,188,.48) 42%,var(--lens-tint));box-shadow:inset 0 0 0 1px rgba(255,255,255,.85),inset 0 2px 3px #ffffffc9,inset 0 -2px 5px #7b583415,0 3px 12px #75502b1a;transform:translate3d(7px,0,0);pointer-events:none;will-change:transform;overflow:hidden}
.nav-liquid-lens:before{content:'';position:absolute;inset:2px;border-radius:inherit;border:1px solid #ffffff80;border-bottom-color:transparent;pointer-events:none}
.nav-liquid-lens:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 12%,#ffffff90 44%,transparent 70%);opacity:.65;transform:translateX(-40%);pointer-events:none}
.nav-liquid-lens.is-moving:after{animation:lens-light .65s ease-out both}
:root[data-theme=dark] .nav-liquid-lens{background:linear-gradient(135deg,#ebd2b026,#dfbc8e0c 45%,var(--lens-tint));box-shadow:inset 0 0 0 1px #edcfaa38,inset 0 2px 3px #ffffff22,inset 0 -2px 5px #0003,0 3px 14px #0003}
:root[data-theme=dark] .nav-liquid-lens:before{border-color:#ffe9cb1f;border-bottom-color:transparent}
: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 #5e432512}.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 #49351c03;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 #3d38220b}.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 #5e43250d}.field{transition:border-color .22s,box-shadow .22s,background-color .22s}.field:focus{border-color:var(--green);box-shadow:0 0 0 3px #5e432510;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 #5e432524}.button:hover>.icon:last-child{translate:3px 0}.product-card:hover,.category-tile:hover{box-shadow:0 14px 38px #49351c10;border-color:color-mix(in srgb,var(--green) 25%,var(--line))}.product-card:hover .shoe-photo,.category-tile:hover img{transform:scale(1.045)}.bottom-nav a:hover{color:var(--green)}.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}.nav-liquid-lens{top:6px;height:52px;width:calc((100% - 12px)/4)}.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 lens-light{from{transform:translateX(-75%);opacity:.3}45%{opacity:.85}to{transform:translateX(65%);opacity:.35}}
@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}.nav-liquid-lens{will-change:auto}.nav-liquid-lens.is-moving:after,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}}