/* Storefront finish: keep the live colors and hierarchy tied to theme tokens. */
:root[data-theme=light]{color-scheme:light;--tj-pattern:rgba(245,249,243,.94);--tj-shadow:0 10px 26px #1d502515}
:root[data-theme=dark]{color-scheme:dark;--tj-pattern:rgba(27,26,22,.93);--tj-shadow:0 10px 25px #0004}
:root[data-theme=light] body{background-color:var(--bg)}
.tj-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.tj-home-profile{display:none}
.tj-promo-banner{display:flex;align-items:center;gap:.75rem;color:var(--ink);border:1px solid var(--line);border-radius:1.2rem;background:var(--tint);padding:.75rem 1rem;margin:0 0 1rem;text-decoration:none}
.tj-promo-banner small,.tj-home-profile small{display:block;color:var(--muted);font-size:.72rem;letter-spacing:.07em}
.tj-promo-banner strong{display:block;line-height:1.25}
.tj-promo-banner>.icon,.tj-home-profile>.icon{margin-left:auto;flex-shrink:0}
.tj-identity,.tj-active-order,.tj-point,.tj-review-product{display:flex;align-items:center;gap:.8rem;padding:1rem;min-width:0}
.tj-identity{background:linear-gradient(var(--tj-pattern),var(--tj-pattern)),url('customer-ornament.svg') center/7rem}
.tj-identity h2{font-size:clamp(1.05rem,3.8vw,1.45rem);margin:0;overflow-wrap:anywhere}
.tj-identity p{margin:.2rem 0 0;overflow-wrap:anywhere}
.tj-identity>.icon-button,.tj-identity>.button,.tj-active-order>.icon,.tj-point>.icon-button{margin-left:auto;flex-shrink:0}
.tj-profile-title{margin-bottom:1rem}
.tj-active-order{margin:0 0 1rem;background:var(--tint);color:var(--ink)}
.tj-identity,.tj-group,.tj-point,.tj-order-card{margin-bottom:1rem;box-shadow:var(--tj-shadow)}
.tj-active-order small,.tj-point small,.tj-row span small{display:block;color:var(--muted);margin-top:.18rem}
.tj-group{padding:.75rem 1rem}
.tj-group h2{font-size:1.12rem;margin:.35rem 0 .45rem}
.tj-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;text-align:start;width:100%;min-height:3.05rem;background:none;border:0;color:var(--ink);padding:.52rem 0;font:inherit;text-decoration:none;cursor:pointer}
.tj-row:has(>small){grid-template-columns:auto minmax(0,1fr) auto auto}
.tj-row+.tj-row{border-top:1px solid var(--line)}
.tj-row>span:nth-child(2){overflow-wrap:anywhere}
.tj-row:hover{color:var(--green)}
.tj-row>.icon{width:1rem;height:1rem;color:var(--muted)}
.tj-row-icon{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:.73rem;background:var(--tint);color:var(--green);flex-shrink:0}
.tj-row-icon .icon{width:1.23rem;height:1.23rem}
.tj-logout .tj-row,.tj-logout .tj-row-icon{color:#bd2e3e}
:root[data-theme=dark] .tj-logout .tj-row,:root[data-theme=dark] .tj-logout .tj-row-icon{color:#ffabb3}
.tj-account-page{max-width:42rem;margin:auto}
.tj-stack{padding:1rem;display:grid;gap:.8rem}
.tj-stack .form-error:empty,[data-tj-error]:empty{display:none}
.tj-stack textarea{display:block;width:100%;min-height:7rem;margin-top:.35rem;padding:.75rem}
.tj-personal-avatar{display:flex;align-items:center;gap:.75rem}
.tj-choice{display:flex;align-items:center;gap:.65rem;border:1px solid var(--line);padding:.75rem;border-radius:.8rem;background:var(--surface)}
.tj-choice:has(input:checked){background:var(--tint);border-color:var(--green)}
.tj-choice input{accent-color:var(--green)}
.tj-count{background:var(--tint);color:var(--green);padding:.17rem .45rem;border-radius:1rem}
.tj-empty{padding:1rem;background:var(--surface);border:1px dashed var(--line);border-radius:1rem;color:var(--muted);margin-bottom:1rem}
.tj-point{overflow-wrap:anywhere}
.tj-read{padding:.45rem 0}
.tj-review{border-top:1px solid var(--line);padding:.75rem 0;overflow-wrap:anywhere}
.tj-review-product{padding:0}
.tj-review-product img,.tj-order-thumbs img{object-fit:cover;border-radius:.65rem;background:var(--tint)}
.tj-review-product h2{font-size:1rem}
.tj-rating{margin:0;padding:.5rem;border:1px solid var(--line);border-radius:.8rem;display:flex;flex-wrap:wrap;gap:.3rem}
.tj-rating label{position:relative;cursor:pointer;padding:.25rem}
.tj-rating label input{position:absolute;opacity:0}
.tj-rating label span:first-of-type,.tj-stars{font-size:1.55rem;color:#996311}
.tj-rating label span:first-of-type{opacity:.35}
.tj-rating label:has(input:checked) span:first-of-type,.tj-rating label:has(~label input:checked) span:first-of-type{opacity:1}
.tj-rating label:has(input:focus-visible){outline:2px solid var(--green);border-radius:.5rem}
:root[data-theme=dark] :is(.tj-stars,.tj-rating label span:first-of-type){color:#f2b84b}
.tj-order-card{display:block;padding:1rem;color:var(--ink);max-width:48rem}
.tj-order-card>div:not(.tj-order-thumbs){display:flex;gap:.6rem;justify-content:space-between;align-items:center;flex-wrap:wrap}
.tj-order-card>p{margin:.3rem 0}
.tj-order-thumbs{display:flex;gap:.4rem;margin:.55rem 0}
.tj-order-help{margin-bottom:1rem}
.tj-catalog-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem}
.tj-catalog-tools{display:grid;align-items:end;gap:.65rem;grid-template-columns:minmax(8rem,2fr) minmax(5rem,1fr) minmax(6rem,1fr) auto;margin-bottom:1rem}
.tj-catalog-tools label{display:grid;gap:.25rem;min-width:0}
.tj-catalog-tools label>span:not(.tj-visually-hidden){color:var(--muted);font-size:.8rem}
.tj-catalog-tools .field,.tj-catalog-tools .button{width:100%;height:2.8rem;padding:.48rem;min-width:0}
.tj-buy-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}
.tj-buy-actions button{flex:1 1 9rem;margin:0;min-height:2.85rem}
.tj-carrier{border:1px solid var(--line);border-radius:.65rem;padding:.3rem .45rem;background:var(--surface)}
.tj-carrier[data-carrier=uzpost]{color:#2059a4}
.tj-carrier[data-carrier=fargo]{color:#a52b3d}
.tj-carrier[data-carrier=emu]{color:#6350a0}
:root[data-theme=dark] .tj-carrier[data-carrier=uzpost]{color:#a0caff}
:root[data-theme=dark] .tj-carrier[data-carrier=fargo]{color:#ffa8b4}
:root[data-theme=dark] .tj-carrier[data-carrier=emu]{color:#cec3ff}
:root[data-theme=light] :is(.product-card,.detail-copy,.cart-item,.summary,.customer-panel,.tj-account-page .panel){background-color:var(--surface)}
@media(max-width:600px){
 .tj-home-profile{display:flex;align-items:center;gap:.6rem;margin:0 0 .8rem;color:var(--ink);text-decoration:none}
 .tj-home-profile .customer-avatar{width:2.5rem;height:2.5rem}
 .tj-promo-banner{padding:.65rem .7rem}
 .home-page .hero{min-height:15rem;margin:0 0 1rem;border-radius:1rem}
 .home-page .hero h1{font-size:clamp(1.4rem,6.5vw,2rem)}
 .tj-catalog-tools{grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr) minmax(0,.95fr)}
 .tj-catalog-search{grid-column:1/-1}
 .product-detail .detail-copy{position:relative;margin-top:-.75rem;border:1px solid var(--line);border-radius:1.35rem;padding:1rem;box-shadow:var(--tj-shadow)}
 .product-detail .gallery-stage{border-radius:1rem 1rem 0 0}
 .tj-buy-actions{margin:.85rem 0}
 .tj-buy-actions button{flex-basis:0;min-width:0;padding:.55rem;font-size:.83rem}
 .tj-buy-actions button .icon{display:none}
 .cart-layout .summary .button.primary{width:100%;min-height:2.8rem}
 .order-track{display:grid;grid-template-columns:1fr;border-left:2px solid var(--line);padding-left:.7rem}
 .order-track li{padding:.4rem .65rem}
 .order-track li[aria-current=step]{font-weight:700}
 .bottom-nav a.active .nav-icon{color:#fff;background:#111}
}
@media(prefers-reduced-motion:no-preference){.order-track li[aria-current=step]{animation:t4-enter .25s ease-out}}