/* PHASE 2 — Responsive refinement: retain original visual identity and interactions. */
html{scroll-padding-top:88px}*,*::before,*::after{box-sizing:border-box}
body{min-width:320px}img,video{max-width:100%;height:auto}
:where(.site-nav,.site-logo,.site-links){box-sizing:border-box}
.site-nav{width:100%;max-width:none;z-index:110;align-items:center}
.site-menu-panel{z-index:111}
.site-logo,.site-links{flex-shrink:0}
:where(.col-card,.col-img,.col-meta,.col-row,.p3-actions){min-width:0}
.col-meta h3,.p3-name{overflow-wrap:break-word}
.col-card{display:flex;flex-direction:column}
.col-card .p3-actions{margin-top:auto;padding-top:13px}
.p3-actions .p3-quick,.p3-actions .p3-details{min-height:44px}
:where(button,a,input,select,textarea):focus-visible{outline:2px solid #696647;outline-offset:3px}
@media(min-width:701px) and (max-width:1199px){
 .site-nav{padding:14px 24px}
 .site-nav .site-links{max-width:calc(100vw - 180px)}
 .site-nav .site-links a{white-space:nowrap}
 .col-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
}
@media(max-width:700px){
 html{scroll-padding-top:76px}
 .site-nav{padding:11px 16px;gap:10px;align-items:center}
 .site-logo{flex-shrink:0;max-width:45vw}
 .site-links{margin-left:auto;min-width:0}
 .site-menu-panel{top:68px;left:16px;right:16px;max-height:calc(100dvh - 84px);overflow-y:auto}
 .site-menu-panel a{min-height:44px}
 .col-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
 .col-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
 .col-img{aspect-ratio:1/1}
 .col-meta{margin-top:9px}
 .col-meta h3{font-size:15px;line-height:1.35;min-height:2.7em}
 .col-row{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
 .col-price{justify-content:flex-start;text-align:left;font-size:14px;gap:3px 5px}
 .p3-actions{flex-direction:column;gap:7px}
 .p3-actions .p3-quick{width:100%;font-size:11px;min-height:44px}
 .p3-actions .p3-details{width:100%;min-height:40px;font-size:12px}
 .site-footer{overflow-wrap:anywhere}
}
@media(max-width:360px){.col-grid{gap:18px 10px}.col-meta h3{font-size:14px}.col-price{font-size:13px}}
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}.col-img>img{transition:none}}