/* ÚJRA. v3.3 – product card navigation, calm fixed-size header, and simplified sales flow */
.top-strip{display:none!important}
:root{scroll-padding-top:180px}
.site-header,body[data-theme='dark'] .site-header{top:0!important}
.header-shell.container,body[data-theme='dark'] .header-shell.container{
 transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease;
}
/* Scrolling changes paint only; layout comes from the shared header rules. */
.site-header.vnext-scrolled .header-shell.container{
 background:rgba(253,251,247,.82)!important;
 box-shadow:0 16px 38px rgba(37,30,24,.095)!important;
}
body[data-theme='dark'] .site-header.vnext-scrolled .header-shell.container{
 background:rgba(20,21,24,.81)!important;
 box-shadow:0 18px 42px rgba(0,0,0,.32)!important;
 border-color:rgba(194,165,120,.37)!important;
}
/* Make whole product cards genuinely clickable while favorites stay independent. */
.product[data-product-id]{cursor:pointer;position:relative}
.product[data-product-id]:focus-visible{outline:3px solid var(--u-accent);outline-offset:4px}
.product[data-product-id] .product-photo,.product[data-product-id] .product-info{cursor:pointer}
.product[data-product-id] .heart-btn{cursor:pointer;position:relative;z-index:2}
/* Dedicated sale flow - one full, understandable screen at a time. */
body:has(#upload-form){background:var(--u-bg)}
body:has(#upload-form) .sell-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(235px,320px);gap:24px;align-items:start;scroll-margin-top:180px}
body:has(#upload-form) .sell-layout>.panel{padding:0!important;overflow:hidden;border:1px solid var(--u-line-strong);background:var(--u-card);border-radius:24px}
body:has(#upload-form) .sell-layout .sidebar-tip{position:sticky;top:183px;min-width:0;padding:24px;border-radius:24px;border:1px solid var(--u-line);background:var(--u-card);box-shadow:var(--u-soft-shadow)}
#upload-form{display:block;width:100%;max-width:none;padding:0!important}
.v33-sell-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:17px 20px;background:var(--u-surface);border-bottom:1px solid var(--u-line)}
.v33-sell-progress button{padding:7px 3px;border:0;background:transparent;color:var(--u-muted);display:flex;gap:6px;align-items:center;justify-content:center;font-size:11px;font-weight:650;cursor:pointer;white-space:nowrap;border-radius:11px}
.v33-sell-progress button.active{background:var(--u-accent-bg);color:var(--u-heading)}
.v33-sell-progress button.completed{color:var(--u-accent-text)}
.v33-sell-step-number{display:grid;place-items:center;width:23px;height:23px;flex:none;border-radius:50%;border:1px solid var(--u-line-strong);font-size:11px;font-weight:800}
.v33-sell-progress button.active .v33-sell-step-number{background:var(--u-contrast);color:var(--u-contrast-text);border-color:var(--u-contrast)}
.v33-sell-progress button.completed .v33-sell-step-number{background:var(--u-accent-bg);border-color:var(--u-accent)}
.v33-sell-step{padding:29px clamp(20px,3.8vw,45px) 35px;min-height:350px}
.v33-sell-step[hidden]{display:none!important}
.v33-sell-step-title{margin:0 0 28px;padding:0 0 19px;border-bottom:1px solid var(--u-line)}
.v33-sell-step-title>span{display:block;color:var(--u-accent-text);font-size:11px;font-weight:850;letter-spacing:.13em;margin-bottom:9px}
.v33-sell-step-title h2{font-size:clamp(23px,3vw,33px);letter-spacing:-.04em;color:var(--u-heading);margin:0 0 8px}
.v33-sell-step-title p{max-width:540px;font-size:13px;color:var(--u-muted);line-height:1.6;margin:0}
.v33-sell-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;align-items:start}
.v33-sell-fields>.form-group{margin:0;min-width:0}
.v33-sell-fields>.form-group:has([name=title]),.v33-sell-fields>.form-group:has([name=description]),.v33-sell-fields>.form-group:has([name=price]){grid-column:1/-1}
.v33-sell-step>.form-group{margin-top:20px}
.v33-sell-step .form-input,.v33-sell-step .form-select,.v33-sell-step .form-textarea{border-radius:13px!important;min-height:45px;background:var(--u-bg)!important}
.v33-sell-step .form-textarea{min-height:140px}
.v33-sell-step:has([name=price]) [name=price]{max-width:300px;font-size:22px;font-weight:750;min-height:60px;padding:12px 17px}
.v33-sell-step .upload-zone{min-height:200px;border:1.5px dashed var(--u-line-strong);background:var(--u-surface);border-radius:18px}
.v33-sell-step .upload-previews{margin-top:18px}
.v33-sell-controls{padding:15px 25px;border-top:1px solid var(--u-line);background:var(--u-surface);display:flex;align-items:center;justify-content:space-between;gap:10px}
.v33-sell-controls .btn{min-width:116px}
#v33-sell-counter{font-size:12px;color:var(--u-muted)}
.v33-sell-submit{margin:27px 0 10px;max-width:440px}
.v33-sell-review{display:grid;grid-template-columns:minmax(110px,170px) minmax(0,1fr);gap:20px;max-width:650px}
.v33-sell-review img{aspect-ratio:4/5;width:100%;object-fit:cover;border-radius:13px}
.v33-aside-preview{display:block;margin-top:16px}
.v33-aside-preview .v33-preview-photo img{width:100%;max-height:240px;aspect-ratio:4/5;object-fit:cover;border-radius:15px}
.v33-preview-details{min-width:0;padding-top:10px}
.v33-preview-details small{font-size:11px;color:var(--u-accent-text)}
.v33-preview-details h3{font-size:17px;font-weight:750;line-height:1.3;margin:7px 0;color:var(--u-heading);overflow-wrap:anywhere}
.v33-preview-details strong{font-size:22px;color:var(--u-heading)}
.v33-preview-details p{font-size:12px;color:var(--u-muted);margin-top:8px;overflow-wrap:anywhere}
.v33-preview-details .v33-preview-description{white-space:pre-line;max-height:130px;overflow:hidden}
@media(max-width:950px){body:has(#upload-form) .sell-layout{grid-template-columns:1fr}body:has(#upload-form) .sell-layout .sidebar-tip{position:static}}
@media(max-width:620px){.v33-sell-progress{padding:9px 6px;gap:0}.v33-sell-progress button{flex-direction:column;font-size:9px;gap:4px}.v33-sell-step-number{height:24px;width:24px}.v33-sell-step{padding:25px 17px}.v33-sell-fields{grid-template-columns:1fr;gap:18px}.v33-sell-review{grid-template-columns:1fr}.v33-sell-review .v33-preview-photo img{max-height:280px;object-fit:contain}.v33-sell-controls{padding:13px 11px}.v33-sell-controls .btn{min-width:91px;padding:9px 11px}#v33-sell-counter{font-size:10px}}
@media(prefers-reduced-motion:reduce){.header-shell.container{transition:none!important}}