/* Layout only: store availability and checkout rules remain authoritative. */
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #806047;outline-offset:3px}
.toolbar{gap:12px;align-items:center}.toolbar .search{min-width:0;flex:1 1 240px;min-height:46px;font-size:16px}
.toolbar .chips{flex-wrap:wrap;overflow:visible;max-width:100%;gap:8px}
.chip,.cartBtn,.favoritesActionShopV1844,.topnav button{min-height:44px;line-height:1.3}
.card .cardBody{padding:16px;gap:10px;min-width:0}.card h3{font-size:23px;line-height:1.3;overflow-wrap:anywhere}
.card .photo img{object-fit:contain;background:var(--card)}.card .row{margin-top:auto;flex-wrap:wrap}.card .add{min-height:44px}
#productModal .modalCard{padding:22px;scroll-padding-top:72px}
#productModal .shopGalleryMainV20261014{height:clamp(240px,32vw,380px);border-radius:18px;background:#fff}
#productModal .detailExtrasV20261014{gap:16px}
#productModal .detailActions{flex-wrap:wrap;gap:10px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}
#productModal .detailActions button{min-height:44px;flex:1 1 150px;white-space:normal}
#productModal .shopCharacteristicsV1620,#productModal .shopPublicInfoV1620,#productModal .personalBox{border-radius:16px;padding:16px}
#productModal .detailMeta h2{font-size:clamp(25px,3vw,34px);line-height:1.2}
#productModal .detailMeta .price{font-size:26px;margin:14px 0}
.qty button,.close{min-width:44px;min-height:44px}.remove{min-height:44px;padding:8px}.summaryLine span{min-width:0;overflow-wrap:anywhere}.summaryLine strong{flex-shrink:0}
.field input,.field select,.field textarea{min-width:0;max-width:100%;min-height:44px}
@media(max-width:680px){
 .toolbar{padding:14px 0}.toolbar .search{flex-basis:100%;width:100%}
 #productModal{padding:8px}#productModal .modalCard{padding:16px;border-radius:20px}
 #productModal .shopGalleryMainV20261014{height:clamp(240px,70vw,360px)}
 #productModal .detailActions button{flex-basis:100%}
 .field input,.field select,.field textarea{font-size:16px}
 .modalCard .actions{flex-wrap:wrap}.modalCard .actions>*{flex:1 1 160px}
 .sectionTitle{flex-wrap:wrap;gap:6px}.sectionTitle h2{font-size:28px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}