:root{--accent-soft:rgba(255,59,48,.12);--shadow-soft:0 18px 45px rgba(17,17,17,.07)}

/* Milestone 18: restrained interaction polish */
.topbar{box-shadow:0 1px 0 rgba(17,17,17,.02);}
.nav a{position:relative;padding:6px 0;transition:color .18s ease;}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:99px;background:var(--accent);transform:scaleX(0);transform-origin:center;transition:transform .18s ease;}
.nav a:hover{color:var(--accent)}
.nav a:hover::after,.nav a.active::after{transform:scaleX(1)}
.nav a.active{color:var(--ink)}

.brand-mark{box-shadow:0 7px 18px rgba(17,17,17,.12)}
.mode-badge{background:var(--ink);box-shadow:0 7px 18px rgba(17,17,17,.09)}
.icon-btn:hover,.profile-btn:hover,.sort-select:hover,.filter-btn:hover{border-color:rgba(255,59,48,.35);box-shadow:0 8px 22px var(--accent-soft)}

.hero-copy{position:relative}
.hero-copy::before{content:"";position:absolute;width:240px;height:240px;left:-90px;top:-80px;border-radius:50%;background:radial-gradient(circle,rgba(255,59,48,.09),transparent 68%);pointer-events:none}
.hero-art{position:relative}
.hero-art::after{content:"";position:absolute;inset:14% 7% auto auto;width:140px;height:140px;border-radius:50%;border:1px solid rgba(255,59,48,.16);transform:rotate(12deg);pointer-events:none}
.shoe-card{box-shadow:var(--shadow-soft)}

.btn{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(17,17,17,.09)}
.btn-dark:hover{box-shadow:0 14px 30px rgba(17,17,17,.18)}

.search-box:focus-within{border-color:rgba(255,59,48,.42);box-shadow:0 0 0 4px var(--accent-soft)}
.listing{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.listing:hover{transform:translateY(-4px);border-color:rgba(255,59,48,.2);box-shadow:0 18px 36px rgba(17,17,17,.09)}
.listing-image{position:relative;overflow:hidden}
.listing-image::after{content:"VIEW PAIR";position:absolute;right:12px;bottom:12px;padding:6px 8px;border-radius:999px;background:rgba(17,17,17,.88);color:#fff;font-size:9px;font-weight:900;letter-spacing:.09em;opacity:0;transform:translateY(5px);transition:.18s ease}
.listing:hover .listing-image::after{opacity:1;transform:translateY(0)}

.offers-card,.order-card,.auth-card,.seller-card{box-shadow:0 10px 28px rgba(17,17,17,.035)}
.offers-card:hover,.order-card:hover,.auth-card:hover{box-shadow:0 16px 34px rgba(17,17,17,.07);border-color:rgba(17,17,17,.12)}

.flow>div{transition:transform .18s ease,box-shadow .18s ease}
.flow>div:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(17,17,17,.07)}
.flow b{color:var(--accent);font-size:10px;letter-spacing:.08em}

.section-head{position:relative}
.section-head::after{content:"";width:34px;height:3px;border-radius:999px;background:var(--accent);position:absolute;left:0;bottom:-2px}
.section-head h2{padding-bottom:8px}

/* Visual milestone 1: consistency and responsive cleanup */
.result-count{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--muted);white-space:nowrap}
.offers-card h3{margin:0 0 6px}.offers-card p{margin:0;line-height:1.5}
.order-card,.auth-card{min-height:142px}
.auth-card .queue-actions{margin-top:auto}
.seller-card>.empty{padding:18px}
.trust-copy p:last-child{color:var(--muted);line-height:1.6;max-width:520px}
.modal-card h2{letter-spacing:-.04em;margin-top:8px}
.modal-actions{flex-wrap:wrap}
.modal-actions .btn{min-width:130px}

footer{display:flex;justify-content:space-between;gap:18px;padding:28px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
footer span:last-child{color:var(--ink);font-weight:700}

/* Visual milestone 3: marketplace and product-detail hierarchy */
.listing{display:flex;flex-direction:column;min-width:0}
.listing-info{display:flex;flex:1;flex-direction:column;gap:4px}
.listing-info h3{display:-webkit-box;min-height:2.5em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.25}
.listing-info p{line-height:1.45}
.price-row{margin-top:auto;padding-top:12px;border-top:1px solid rgba(17,17,17,.06)}
.price-row>span:last-child{font-weight:800;letter-spacing:.01em;color:var(--muted);transition:color .16s ease,transform .16s ease}
.listing:hover .price-row>span:last-child{color:var(--accent);transform:translateX(2px)}
.product-modal{align-items:stretch}
.product-art{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 42%,#fff 0,#f3f0e9 52%,#ebe6dc 100%)}
.product-art::after{content:"456 VERIFIED";position:absolute;left:16px;bottom:14px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid rgba(17,17,17,.08);backdrop-filter:blur(8px);font-size:9px;font-weight:900;letter-spacing:.09em}
.product-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
.product-copy>p:not(.eyebrow){line-height:1.5}
.product-price{letter-spacing:-.04em}
.product-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 16px}
.product-specs span{display:grid;gap:5px;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:#faf9f6}
.product-specs b{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.product-specs em{font-size:12px;font-style:normal;font-weight:800}
.size-picker{display:grid;gap:7px;margin:2px 0 14px;font-size:11px;font-weight:900;letter-spacing:.04em}
.muted{color:var(--muted);line-height:1.55}
.modal-close{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;line-height:1;transition:background .16s ease,transform .16s ease}
.modal-close:hover{background:rgba(17,17,17,.06);transform:rotate(4deg)}

/* Visual milestone 4: hero and trust-section rhythm */
.hero{position:relative;min-height:620px}
.hero-copy{max-width:650px;z-index:1}
.hero-copy>.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:4px;color:var(--ink)}
.hero-copy>.eyebrow::before{content:"";width:24px;height:2px;border-radius:99px;background:var(--accent)}
.hero-text{max-width:520px}
.hero-actions{margin-top:24px;align-items:center}
.hero-actions .btn-dark{min-width:150px}
.hero-actions .btn-light{background:rgba(255,255,255,.68);backdrop-filter:blur(8px)}
.shoe-card{position:relative;isolation:isolate;transform:rotate(1.5deg)}
.shoe-card::after{content:"AUTHENTICATED";position:absolute;right:18px;top:16px;font-size:9px;font-weight:900;letter-spacing:.1em;color:var(--muted)}
.hero-shoe-info{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;border-top:1px solid rgba(17,17,17,.06)}
.hero-shoe-info span{color:var(--muted);font-size:12px;font-weight:800}

.trust{align-items:start}
.trust-copy{position:sticky;top:128px}
.trust-copy .eyebrow{color:var(--accent)}
.flow{align-items:stretch}
.flow>div{display:flex;min-height:150px;flex-direction:column;justify-content:flex-start;gap:2px;position:relative;overflow:hidden}
.flow>div::after{content:"";position:absolute;right:-22px;bottom:-22px;width:64px;height:64px;border-radius:50%;background:var(--accent-soft)}
.flow strong{margin-top:auto;font-size:12px;letter-spacing:.04em}
.flow span{line-height:1.45}
.flow>i{align-self:center;color:rgba(17,17,17,.25);font-style:normal;font-weight:900}

@media(max-width:900px){
  .topbar{padding:13px 0}
  .hero{gap:18px;min-height:0}
  .hero-art{min-height:360px}
  .market,.offers-panel,.orders-panel,.auth-panel,.seller-panel,.trust{padding:60px 0}
  .section-head h2{margin-bottom:18px}
  .trust-copy{position:static}
}

@media(max-width:620px){
  .nav a::after{display:none}.hero-copy::before{display:none}.section-head::after{bottom:-6px}
  .preview-banner{font-size:9px;letter-spacing:.09em;padding:7px 8px}
  .topbar{top:29px;gap:10px}
  .brand{font-size:15px}
  .top-actions{gap:7px}
  .icon-btn,.profile-btn{padding:8px 10px;font-size:12px}
  .hero{padding:48px 0 54px}
  .hero h1{font-size:clamp(44px,14vw,62px);line-height:.94}
  .hero-text{font-size:15px}
  .hero-actions{display:grid;grid-template-columns:1fr;margin-top:20px}
  .hero-actions .btn{width:100%;min-width:0}
  .hero-art{min-height:310px}
  .shoe-card{padding:16px;border-radius:20px;transform:none}
  .shoe-card::after{right:14px;top:14px;font-size:8px}
  .hero-shoe-info{align-items:flex-start;flex-direction:column;gap:4px}
  .market,.offers-panel,.orders-panel,.auth-panel,.seller-panel,.trust{padding:50px 0}
  .section-head{margin-bottom:8px}
  .section-head h2{margin-bottom:14px}
  .result-count{display:block;margin:-4px 0 14px}
  .search-row{gap:8px}
  .sort-select,.filter-btn{min-height:44px}
  .listing-image{min-height:210px}
  .listing-info{padding:15px}
  .listing-info h3{min-height:0}
  .offers-card{gap:14px;padding:18px}
  .offers-card .btn{width:100%}
  .order-card,.auth-card{min-height:0}
  .seller-summary{align-items:flex-start;flex-direction:column;gap:4px}
  .queue-actions{width:100%}
  .queue-actions .btn{flex:1}
  .trust{gap:22px}
  .trust h2{font-size:38px;margin-bottom:12px}
  .flow{grid-template-columns:1fr;gap:10px}
  .flow>div{min-height:0;padding:18px 18px 16px}
  .flow>div strong{margin-top:12px}
  .flow>i{display:none}
  .modal{padding:10px}
  .modal-card{padding:22px 18px;border-radius:20px;max-height:92vh;overflow:auto}
  .product-art{min-height:240px}
  .product-specs{grid-template-columns:1fr}
  .modal-actions{display:grid;grid-template-columns:1fr}
  .modal-actions .btn{width:100%}
  footer{flex-direction:column;gap:6px;padding:22px 0}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}.shoe-card{transform:none!important}}
\n.listing-promotion-badge{position:absolute;z-index:3;margin:10px;padding:6px 9px;border-radius:999px;background:#111;color:#fff;font-size:10px;font-weight:950;letter-spacing:.08em}.listing-promotion-badge.organic{background:#fff;color:#111;border:1px solid #d8d8d8}\n