/* TOJIR: neutral surfaces, larger product photography, four fixed tabs. */
:root[data-theme=light] {
  --bg:#f7f7f7;--surface:#fff;--ink:#161616;--muted:#555;
  --line:#e0e0e0;--tint:#edf5ee;--green:#08712a;--green-hover:#065923;
  --photo:#efefef;--shadow:0 16px 60px #0002;--tj-card-shadow:0 4px 14px #00000009;
}
:root[data-theme=dark] {
  --bg:#151515;--surface:#222;--ink:#f5f5f5;--muted:#bbb;
  --line:#414141;--tint:#23342a;--green:#9ae4aa;--green-hover:#b8eec5;
  --photo:#efefef;--shadow:0 16px 60px #0006;
}
.tj-site-header.site-header:not(.profile-hidden){background:none}
.tj-topline{min-height:3.5rem;margin-bottom:.55rem;gap:.6rem}
.tj-topline .tj-greeting{min-width:0;margin-right:auto}
.tj-brand{display:grid;place-items:center;width:3rem;height:3.35rem;flex-shrink:0;position:relative;overflow:hidden;border-radius:.4rem}
.tj-brand img{position:absolute;width:5.05rem;height:5.05rem;max-width:none;object-fit:contain;mix-blend-mode:multiply}
[data-theme=dark] .tj-brand{background:transparent}
[data-theme=dark] .tj-brand img{filter:grayscale(1) invert(1) brightness(1.15);mix-blend-mode:screen}
.tj-page .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.58rem,1.65vw,1rem)}
.tj-page .tj-card .photo-wrap{aspect-ratio:1 / 1.05;background:#efefef}
.tj-page .tj-card .product-open{width:100%;height:100%;aspect-ratio:auto;padding:0;background:#efefef}
.tj-page .tj-card .shoe-photo{object-fit:contain;object-position:center;background:#efefef}
.tj-page .tj-card .shoe-photo.tj-sample-photo{object-fit:cover;object-position:50% 65%}
.tj-card .product-info{min-height:4.15rem;padding:.65rem .62rem}
.tj-card .product-info h3{font-size:clamp(.88rem,2.7vw,1rem);overflow-wrap:anywhere}
.tj-card .product-info .price{font-size:clamp(.83rem,2.5vw,.98rem);padding-right:2.1rem}
.tj-page .tj-card-bag{width:2.04rem;height:2.04rem;border-radius:50%;background:#111;color:#fff}
.tj-product-media .gallery-stage,.tj-product-media .gallery-viewport{background:#efefef}
.tj-page .tj-product-media .gallery-stage>img{aspect-ratio:1 / 1.16;height:auto;object-fit:contain}
.tj-page .tj-product-media .gallery-stage>.tj-sample-photo{object-fit:cover;object-position:50% 65%}
.tj-category:not(.active),.cart-image,.gallery-thumb img,.checkout-item img{background-color:#efefef}
.tj-category-buttons{scrollbar-width:none}
.tj-category-buttons::-webkit-scrollbar{display:none}
.tj-sample-photo{filter:url(#tj-neutral-photo)}
#pickup-map,.native-map-canvas{background-color:#efefef;color:#333}
.native-map-canvas{background-image:linear-gradient(#c8c8c86b 1px,transparent 1px),linear-gradient(90deg,#c8c8c86b 1px,transparent 1px)}
.native-map-controls button,.native-map-hint,.native-map-credit{background:#fff;color:#333}
#bottom-nav.bottom-nav{width:min(100% - 20px,480px);left:50%;right:auto;transform:translateX(-50%);bottom:calc(.5rem + env(safe-area-inset-bottom,0px));background:var(--surface);border-color:var(--line);box-shadow:0 6px 26px #0002;backdrop-filter:none;padding:.32rem .4rem;grid-template-columns:repeat(4,minmax(0,1fr))}
#bottom-nav::before{content:none}
#bottom-nav a{min-height:3.5rem;color:var(--ink);gap:.2rem}
#bottom-nav a.active{color:var(--ink);font-weight:700}
#bottom-nav a .nav-icon{width:2.48rem;height:2.48rem;min-width:2.48rem;background:#fff;color:#111;translate:none;box-shadow:0 2px 8px #0002;transition:none}
#bottom-nav a.active .nav-icon{background:#111;color:#fff;box-shadow:0 3px 9px #0003}
#bottom-nav a .nav-icon>.icon{color:inherit;fill:none;stroke:currentColor;stroke-width:1.7;width:1.29rem;height:1.29rem}
#bottom-nav .counter{background:#08712a;color:#fff;border-color:#fff;right:-.18rem}
.tj-page{padding-bottom:calc(6rem + env(safe-area-inset-bottom,0px))}
.tj-page .cart-item:not(.is-swiped) .item-body h3{padding-right:0}
.tj-page .cart-item .quantity button{width:1.8rem}
.tj-page .cart-item .quantity span{min-width:1.65rem}
@media(min-width:760px){
 .tj-site-header,.tj-page{width:min(100% - 48px,1120px)}
 .tj-page .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:480px){.tj-site-header,.tj-page{width:calc(100% - 20px)}}
@media(prefers-reduced-motion:no-preference){
 :is(.tj-round,.tj-brand,.tj-category,.tj-card-bag,.favorite,.tj-row,.text-link,.chip,.gallery-arrow,.quantity button,.detail-choice-row button){transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}
 .tj-search:focus-within{border-color:var(--green)}
 .tj-card .shoe-photo{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
 .tj-page-cart .cart-item{transition:padding-right .2s ease,border-color .2s ease}
 .tj-page-cart .cart-item .item-tools button{transition:opacity .2s ease,background-color .2s ease,color .2s ease}
 @media(hover:hover) and (pointer:fine){
   .tj-page .tj-card:hover{border-color:var(--line);box-shadow:0 8px 20px #0002}
   .tj-page .tj-card .product-open:hover .shoe-photo{transform:scale(1.045)}
   .tj-page .tj-card:not(:has(.product-open:hover)) .shoe-photo{transform:none}
   :is(.tj-round,.tj-brand,.tj-category,.tj-card-bag,.favorite,.gallery-arrow,.detail-choice-row button):not(:disabled):hover{transform:translateY(-2px)}
   :is(.tj-row,.text-link):hover{transform:translateX(2px)}
   #bottom-nav a:hover .nav-icon{scale:1.07}
 }
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .tj-page *,#site-header *,#bottom-nav *,dialog[open],dialog[open] *{animation:none!important;transition:none!important}
}

/* Motion keeps the four original buttons and their accessible labels. */
#bottom-nav{isolation:isolate}
#bottom-nav a{position:relative;z-index:2}
#bottom-nav .tj-liquid{position:absolute;left:0;top:0;width:2.48rem;height:2.48rem;border-radius:50%;background:#111;pointer-events:none;z-index:1;opacity:0;will-change:transform}
#bottom-nav.is-liquid-moving a.active .nav-icon{background:transparent;box-shadow:none}
#bottom-nav.is-liquid-moving .tj-liquid{opacity:1}
.tj-page .tj-card .photo-wrap img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.tj-page .tj-card:hover{transform:translateY(-3px)}
.tj-page .cart-item{overflow:hidden}
.tj-page .cart-item .item-body,.tj-page .cart-item .cart-image,.tj-page .cart-item .item-check{transition:transform .24s ease;transform:translateX(var(--swipe-x,0px))}
.tj-page .cart-item.is-dragging .item-body,.tj-page .cart-item.is-dragging .cart-image,.tj-page .cart-item.is-dragging .item-check{transition:none}
.tj-page .cart-item.is-swiped{--swipe-x:-25px}
.tj-page .cart-item.is-dragging .item-tools button{opacity:var(--swipe-opacity,0);pointer-events:none}
.tj-skeleton{height:15rem;border-radius:1rem;background:linear-gradient(100deg,#eee 20%,#fafafa 40%,#eee 60%);background-size:200% 100%;animation:tj-loading 1.4s ease-in-out infinite}
[data-theme=dark] .tj-skeleton{background:linear-gradient(100deg,#292929 20%,#393939 40%,#292929 60%);background-size:200% 100%}
@keyframes tj-loading{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.tj-skeleton{animation:none}#bottom-nav .tj-liquid{display:none!important}}