:root{
  color-scheme:light;
  --bg:#eef6fb; --panel:#ffffff; --text:#102637; --muted:#60778b; --line:#d8e7f1;
  --accent:#167ca6; --accent-2:#d8eef8; --dark:#0a425e; --sand:#f0f7fb;
  --warn:#f4e8bc; --danger:#f6d7cf; --shadow:0 16px 50px rgba(10,50,79,.08);
}

html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#07131d; --panel:#0d2030; --text:#e8f4fb; --muted:#9bb1c3; --line:#1c3748;
  --accent:#73d5f7; --accent-2:#133243; --dark:#148fbe; --sand:#0d1b26;
  --warn:#4a3d16; --danger:#472425; --shadow:0 16px 50px rgba(0,0,0,.35);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(238,246,251,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(216,231,241,.9)}
html[data-theme="dark"] .site-header{background:rgba(7,19,29,.92);border-bottom-color:rgba(28,55,72,.9)}
.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--dark);color:white;font-size:18px}.desktop-nav{display:flex;gap:28px;color:var(--muted);font-weight:600;font-size:14px}.desktop-nav a:hover{color:var(--text)}.header-actions{display:flex;gap:10px}
.primary-btn,.secondary-btn,.ghost-btn,.theme-toggle{border:0;border-radius:12px;padding:12px 17px;font-weight:700;cursor:pointer;transition:.2s ease}.primary-btn{background:var(--dark);color:white}.primary-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.secondary-btn{background:var(--panel);color:var(--text);border:1px solid var(--line)}.ghost-btn{background:transparent;color:var(--text)}.theme-toggle{background:var(--panel);color:var(--text);border:1px solid var(--line);width:44px;height:44px;padding:0;font-size:18px}.theme-toggle:hover,.secondary-btn:hover,.ghost-btn:hover{transform:translateY(-1px)}.large{padding:15px 21px}.full{width:100%}
.hero{padding:84px 0 64px}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:64px}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:var(--accent);margin-bottom:14px}.hero h1{font-size:clamp(48px,7vw,80px);line-height:.95;letter-spacing:-.06em;margin:0 0 24px;max-width:800px}.hero-copy{font-size:19px;line-height:1.7;color:var(--muted);max-width:690px}.hero-actions{display:flex;gap:12px;margin:32px 0 24px}.trust-row{display:flex;gap:22px;flex-wrap:wrap;color:var(--muted);font-size:13px;font-weight:600}
.hero-card{background:var(--panel);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);transform:rotate(1.5deg)}.hero-card-image{height:330px;background:linear-gradient(145deg,#2c6f90,#8fd0e8 58%,#dff4fb);position:relative}.sail-image:before{content:"";position:absolute;width:160px;height:250px;right:70px;top:30px;background:white;clip-path:polygon(50% 0,100% 100%,0 88%);filter:drop-shadow(0 10px 20px rgba(0,0,0,.12))}.sail-image:after{content:"";position:absolute;width:5px;height:265px;background:#243932;right:148px;top:25px;border-radius:4px}.hero-card-body{padding:22px}.listing-meta{font-size:11px;letter-spacing:.12em;color:var(--muted);font-weight:800}.hero-card-title{font-size:22px;font-weight:800;margin:9px 0 18px}.hero-card-bottom{display:flex;justify-content:space-between;align-items:center}.hero-card-bottom strong{font-size:24px}.condition{font-size:12px;font-weight:800;padding:7px 10px;border-radius:999px}.good{background:var(--accent-2);color:var(--accent)}
.category-strip{padding-bottom:30px}.categories{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px}.category-btn{white-space:nowrap;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:11px 15px;font-weight:700;color:var(--muted);cursor:pointer}.category-btn.active{background:var(--dark);color:white;border-color:var(--dark)}
.marketplace{padding:70px 0 100px}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading-row h2,.how h2,.safety h2{font-size:clamp(34px,4.5vw,56px);line-height:1.02;letter-spacing:-.045em;margin:0}.result-count{color:var(--muted);font-weight:700}.search-panel{display:grid;grid-template-columns:1.9fr repeat(3,.7fr);gap:10px;background:var(--panel);padding:10px;border:1px solid var(--line);border-radius:18px;margin-bottom:28px}.search-field{display:flex;align-items:center;gap:10px;padding:0 10px}.search-field input,select{width:100%;border:0;background:var(--sand);color:var(--text);border-radius:11px;padding:13px 12px;outline:none}.search-field input::placeholder{color:var(--muted)}.search-field input{background:transparent}.listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.listing-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer;transition:.2s;position:relative}.listing-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.listing-image{height:215px;background:linear-gradient(140deg,#d9edf7,#8cbfd6);display:grid;place-items:center;font-size:54px}
html[data-theme="dark"] .hero-card-image{background:linear-gradient(145deg,#0d3f5a,#145d81 58%,#2c89af)}
html[data-theme="dark"] .listing-image{background:linear-gradient(140deg,#16374b,#225f7a)}
html[data-theme="dark"] .detail-image{background:linear-gradient(140deg,#153449,#205a73)}.save-btn{position:absolute;right:12px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.92);cursor:pointer;font-size:18px}.save-btn.saved{background:var(--dark);color:white}html[data-theme="dark"] .save-btn{background:rgba(13,32,48,.95);color:var(--text)}.listing-body{padding:18px}.listing-title{font-size:18px;font-weight:800;margin:7px 0 15px}.listing-footer{display:flex;justify-content:space-between;align-items:center}.listing-price{font-size:21px;font-weight:800}.listing-location{font-size:12px;color:var(--muted)}.empty-state{text-align:center;padding:70px 20px;background:var(--panel);border:1px dashed var(--line);border-radius:18px}.hidden{display:none!important}
.how{padding:100px 0;background:var(--dark);color:white}.how .eyebrow{color:#8fd4bd}.how h2{max-width:740px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.steps-grid article{border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:26px}.steps-grid span{color:#8fd4bd;font-weight:800}.steps-grid h3{font-size:22px;margin:24px 0 10px}.steps-grid p{color:#abc0b9;line-height:1.65}
.safety{padding:100px 0}.safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.safety p{color:var(--muted);font-size:18px;line-height:1.7}.safety-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow)}.risk{padding:18px;border-radius:14px;margin:8px;display:flex;justify-content:space-between;gap:20px}.risk span{color:var(--muted);font-size:13px}.risk.normal{background:var(--accent-2)}.risk.inspect{background:var(--warn)}.risk.critical{background:var(--danger)}
footer{padding:55px 0;border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;align-items:end}.footer-brand{font-size:20px}.footer-inner p,.footer-note{color:var(--muted);font-size:13px}
.modal{width:min(760px,calc(100% - 24px));border:0;border-radius:22px;padding:0;box-shadow:0 30px 90px rgba(0,0,0,.25);background:var(--panel);color:var(--text)}.modal::backdrop{background:rgba(5,15,12,.62);backdrop-filter:blur(5px)}.modal-close{position:absolute;right:16px;top:16px;width:38px;height:38px;border:0;border-radius:50%;background:var(--sand);color:var(--text);font-size:22px;cursor:pointer;z-index:2}.modal-head{padding:34px 34px 10px}.modal-head h2{margin:0 0 8px;font-size:36px}.modal-head p{color:var(--muted)}.detail-image{height:330px;background:linear-gradient(140deg,#d7eef7,#78afc8);display:grid;place-items:center;font-size:84px}.detail-body{padding:30px}.detail-top{display:flex;justify-content:space-between;gap:20px}.detail-top h2{font-size:34px;margin:7px 0}.detail-price{font-size:30px;font-weight:800}.detail-desc{line-height:1.7;color:var(--muted);margin:24px 0}.detail-tags{display:flex;gap:8px;flex-wrap:wrap}.tag{padding:8px 11px;border-radius:999px;background:var(--sand);font-size:12px;font-weight:700}.seller-box{margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:16px}.seller-avatar{width:42px;height:42px;border-radius:50%;background:var(--dark);color:white;display:grid;place-items:center;font-weight:800}.seller-info{display:flex;align-items:center;gap:12px}.seller-meta{font-size:12px;color:var(--muted)}.sell-form{padding:20px 34px 34px}.sell-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;margin-bottom:14px}.sell-form input,.sell-form select,.sell-form textarea{color:var(--text);border:1px solid var(--line);border-radius:11px;padding:12px;background:var(--panel);outline:none}.sell-form input:focus,.sell-form textarea:focus,.sell-form select:focus{border-color:var(--accent)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-row{flex-direction:row!important;align-items:flex-start}.check-row input{width:auto;margin-top:2px}
@media(max-width:900px){.desktop-nav{display:none}.hero-grid,.safety-grid{grid-template-columns:1fr}.hero{padding-top:55px}.hero-card{max-width:620px}.listing-grid{grid-template-columns:repeat(2,1fr)}.search-panel{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.steps-grid{grid-template-columns:1fr}.safety-grid{gap:35px}}
@media(max-width:620px){.container{width:min(100% - 22px,1180px)}.header-inner{height:68px}.ghost-btn{display:none}.hero{padding:42px 0}.hero h1{font-size:50px}.hero-copy{font-size:16px}.hero-actions{flex-direction:column}.trust-row{gap:10px;flex-direction:column}.hero-card-image{height:230px}.listing-grid{grid-template-columns:1fr}.search-panel{grid-template-columns:1fr}.search-field{grid-column:auto}.section-heading-row{align-items:start;flex-direction:column}.how,.safety,.marketplace{padding:70px 0}.footer-inner{align-items:start;gap:30px;flex-direction:column}.form-row{grid-template-columns:1fr}.risk{flex-direction:column}.detail-top{flex-direction:column}.detail-image{height:230px}.seller-box{align-items:stretch;flex-direction:column}.theme-toggle{width:40px;height:40px}.header-actions{gap:8px}}

.brand-logo-link{display:flex;align-items:center;padding:0}
.brand-logo{display:block;height:52px;width:auto;border-radius:8px}
.footer-logo{display:block;height:72px;width:auto;border-radius:10px}
html[data-theme="light"] .brand-logo,html[data-theme="light"] .footer-logo{box-shadow:0 6px 18px rgba(10,50,79,.08)}
@media(max-width:620px){.brand-logo{height:44px}.footer-logo{height:64px}}

/* Docklist scalable masthead logo */
.header-inner{height:94px}
.brand-logo-link{display:flex;align-items:center;padding:0;min-width:285px}
.site-logo{display:flex;align-items:center;gap:8px;line-height:1;color:#082f4b}
.site-logo-mark{width:82px;height:64px;overflow:visible;flex:none}
.logo-sail{fill:#082f4b}
.logo-sheet{fill:none;stroke:#082f4b;stroke-width:5;stroke-linejoin:round}
.logo-check,.logo-line{fill:none;stroke:#082f4b;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}
.logo-wave{fill:none;stroke-linecap:round;stroke-width:7}
.wave-one{stroke:#05a8c9}.wave-two{stroke:#176e9b}
.site-logo-type{display:flex;flex-direction:column;align-items:stretch;min-width:0}
.site-logo-word{font-weight:800;font-size:29px;letter-spacing:.035em;line-height:.98;color:#082f4b}
.site-logo-tag{display:flex;align-items:center;gap:7px;margin-top:7px;font-size:7.5px;font-weight:600;letter-spacing:.28em;white-space:nowrap;color:#496b82}
.site-logo-tag i{display:block;width:20px;height:1px;background:#176e9b}
html[data-theme="dark"] .site-logo{color:#eaf7fc}
html[data-theme="dark"] .logo-sail{fill:#eaf7fc}
html[data-theme="dark"] .logo-sheet,html[data-theme="dark"] .logo-check,html[data-theme="dark"] .logo-line{stroke:#eaf7fc}
html[data-theme="dark"] .site-logo-word{color:#eaf7fc}
html[data-theme="dark"] .site-logo-tag{color:#92bdcf}
.footer-site-logo{transform:scale(.9);transform-origin:left center}
.brand-logo,.footer-logo{display:none}
@media(max-width:760px){.brand-logo-link{min-width:auto}.site-logo-mark{width:58px;height:46px}.site-logo-word{font-size:21px}.site-logo-tag{font-size:5.4px;letter-spacing:.19em;gap:4px;margin-top:5px}.site-logo-tag i{width:11px}.header-inner{height:78px}}
@media(max-width:520px){.site-logo-type{display:none}.site-logo-mark{width:64px;height:50px}.header-inner{height:72px}}

/* v6: exact selected Docklist sail + checklist wordmark */
.header-inner{height:100px}
.brand-logo-link{display:flex;align-items:center;min-width:340px;padding:0}
.docklist-wordmark-wrap{display:flex;align-items:center;height:88px}
.docklist-wordmark{display:block;width:auto;height:78px;object-fit:contain}
.logo-dark{display:none}
html[data-theme="dark"] .logo-light{display:none}
html[data-theme="dark"] .logo-dark{display:block}
.footer-wordmark{display:flex;align-items:center;height:78px;margin-bottom:8px}
.footer-wordmark .docklist-wordmark{height:70px}
/* kill previous experimental SVG logo rules */
.site-logo,.site-logo-mark,.site-logo-type{display:none!important}
@media(max-width:760px){
  .header-inner{height:86px}
  .brand-logo-link{min-width:auto}
  .docklist-wordmark-wrap{height:70px}
  .docklist-wordmark{height:60px}
}
@media(max-width:520px){
  .docklist-wordmark{height:52px;max-width:190px}
  .header-inner{height:76px}
}

/* v7 listing photography + upload flow */
.listing-media{height:215px;position:relative;overflow:hidden;background:linear-gradient(140deg,#d9edf7,#8cbfd6)}
.listing-photo{width:100%;height:100%;display:block;object-fit:cover;transition:transform .28s ease}
.listing-card:hover .listing-photo{transform:scale(1.025)}
.listing-image-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);background:linear-gradient(140deg,#d9edf7,#8cbfd6)}
.listing-image-fallback span{font-size:50px}.listing-image-fallback small{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
html[data-theme="dark"] .listing-media,html[data-theme="dark"] .listing-image-fallback{background:linear-gradient(140deg,#16374b,#225f7a)}
.photo-badge{position:absolute;left:12px;bottom:12px;background:rgba(5,29,44,.78);color:#fff;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800;backdrop-filter:blur(8px)}
.photo-field{margin:4px 0 18px}.photo-field-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:10px}.photo-field-head>div{display:flex;flex-direction:column;gap:4px}.photo-field-head strong{font-size:13px}.photo-field-head span{font-size:11px;color:var(--muted);font-weight:600}
.photo-drop{margin:0!important;min-height:92px;border:1.5px dashed var(--line);border-radius:14px;background:var(--sand);display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:13px;padding:18px;cursor:pointer;text-align:left;transition:.2s}.photo-drop:hover{border-color:var(--accent);transform:translateY(-1px)}.photo-drop input{position:absolute;opacity:0;pointer-events:none;width:1px!important;height:1px!important}.photo-drop-icon{width:42px;height:42px;border-radius:12px;background:var(--panel);border:1px solid var(--line);display:grid;place-items:center;font-size:26px;color:var(--accent);flex:none}.photo-drop>span:last-child{display:flex;flex-direction:column;gap:3px}.photo-drop small{color:var(--muted);font-weight:500}
.photo-preview-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.photo-preview{aspect-ratio:1.18;position:relative;border-radius:11px;overflow:hidden;border:1px solid var(--line);background:var(--sand)}.photo-preview img{width:100%;height:100%;object-fit:cover;display:block}.photo-preview.cover{outline:2px solid var(--accent);outline-offset:-2px}.cover-label{position:absolute;left:6px;bottom:6px;background:var(--dark);color:white;border-radius:7px;padding:4px 6px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.remove-photo{position:absolute;right:5px;top:5px;width:26px;height:26px;border:0;border-radius:50%;background:rgba(5,29,44,.82);color:white;font-size:18px;line-height:1;cursor:pointer}
.detail-gallery{background:#081923}.detail-main-wrap{height:430px;display:flex;align-items:center;justify-content:center;overflow:hidden}.detail-main-photo{width:100%;height:100%;object-fit:contain;display:block;background:#081923}.detail-thumbs{display:flex;gap:8px;padding:10px 12px 12px;overflow-x:auto;background:#081923}.detail-thumb{width:76px;height:58px;padding:0;border:2px solid transparent;border-radius:9px;overflow:hidden;background:none;cursor:pointer;opacity:.7;flex:none}.detail-thumb.active{border-color:#65d4f2;opacity:1}.detail-thumb img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:620px){.photo-preview-grid{grid-template-columns:repeat(3,1fr)}.detail-main-wrap{height:280px}.listing-media{height:225px}}


/* v8 safety rating meter */
.safety-meter{margin:18px 0 22px;padding:16px 17px;border:1px solid var(--line);border-radius:14px;background:var(--sand)}
.safety-meter-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.safety-meter-head span{color:var(--muted)}.safety-meter-head strong{font-size:12px;letter-spacing:.02em;text-transform:none}
.safety-track{height:9px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;position:relative}.safety-track i{display:block;border-radius:999px}.safety-track i:nth-child(1){background:#31b86b}.safety-track i:nth-child(2){background:#e5b62f}.safety-track i:nth-child(3){background:#df5555}.safety-track b{position:absolute;top:50%;width:15px;height:15px;border-radius:50%;background:var(--panel);border:3px solid var(--text);transform:translate(-50%,-50%);box-shadow:0 1px 5px rgba(0,0,0,.2)}
.safety-meter[data-level="green"] .safety-track b{left:16.5%}.safety-meter[data-level="yellow"] .safety-track b{left:50%}.safety-meter[data-level="red"] .safety-track b{left:83.5%}
.safety-meter[data-level="green"] .safety-meter-head strong{color:#239857}.safety-meter[data-level="yellow"] .safety-meter-head strong{color:#b98808}.safety-meter[data-level="red"] .safety-meter-head strong{color:#c83c3c}
html[data-theme="dark"] .safety-meter[data-level="green"] .safety-meter-head strong{color:#58d88a}html[data-theme="dark"] .safety-meter[data-level="yellow"] .safety-meter-head strong{color:#f1c955}html[data-theme="dark"] .safety-meter[data-level="red"] .safety-meter-head strong{color:#ff7b7b}
.safety-meter p{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.safety-meter.compact{margin:12px 0 16px;padding:11px 12px}.safety-meter.compact .safety-meter-head{margin-bottom:7px;font-size:10px}.safety-meter.compact .safety-meter-head strong{font-size:10px}.safety-meter.compact .safety-track{height:6px;gap:3px}.safety-meter.compact .safety-track b{width:11px;height:11px;border-width:2px}
.detail-section-label{margin-top:24px;font-size:11px;color:var(--muted);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.detail-desc{margin-top:9px}.field-help{font-size:11px;color:var(--muted);font-weight:500;line-height:1.45}
.text-btn{border:0;background:transparent;color:var(--accent);font-weight:800;cursor:pointer;padding:4px}.account-shell{padding:0 34px 34px}.account-switch{text-align:center;color:var(--muted);font-size:13px;border-top:1px solid var(--line);padding-top:18px}.signed-in-panel{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:14px}.signed-in-panel .secondary-btn{margin-left:auto}.form-status{min-height:20px;color:var(--muted);font-size:13px}.form-status.error{color:#c74a4a}.form-status.success{color:#2f8f62}.inbox-content{padding:0 34px 34px}.conversation-card{border:1px solid var(--line);border-radius:16px;padding:16px;margin:0 0 12px}.conversation-title{font-weight:800;margin-bottom:10px}.message-bubble{padding:10px 12px;border-radius:12px;background:var(--sand);margin:8px 0;font-size:13px;line-height:1.45}.conversation-reply{display:flex;gap:8px;margin-top:12px}.conversation-reply input{flex:1;border:1px solid var(--line);border-radius:10px;padding:11px;background:var(--panel);color:var(--text)}.listing-actions-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.danger-link{border:0;background:transparent;color:#b14a4a;font-weight:700;cursor:pointer}.backend-pill{font-size:11px;font-weight:800;padding:6px 9px;border-radius:999px;background:var(--sand);color:var(--muted)}
@media(max-width:760px){.header-actions .account-btn,.header-actions #inboxBtn{display:none}.signed-in-panel{align-items:flex-start;flex-wrap:wrap}.signed-in-panel .secondary-btn{margin-left:0;width:100%}.conversation-reply{flex-direction:column}}
.search-panel{grid-template-columns:minmax(230px,1.8fr) repeat(4,minmax(130px,.72fr))}.footer-wordmark-wrap{width:230px}.footer-wordmark-wrap .docklist-wordmark{width:230px;max-height:70px;object-fit:contain;object-position:left center}
@media(max-width:1050px){.search-panel{grid-template-columns:1fr 1fr 1fr}.search-field{grid-column:1/-1}}
@media(max-width:620px){.search-panel{grid-template-columns:1fr}.search-field{grid-column:auto}}

.seller-profile-link{color:inherit;text-decoration:none}.seller-profile-link:hover strong{text-decoration:underline}.seller-actions{display:flex;gap:8px;flex-wrap:wrap}
.profile-page{min-height:70vh;padding:56px 0 90px}.profile-shell{display:grid;grid-template-columns:320px 1fr;gap:28px;align-items:start}.profile-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:26px;position:sticky;top:96px}.profile-avatar-large{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:var(--dark);color:#fff;font-weight:800;font-size:34px;margin-bottom:18px}.profile-card h1{margin:0 0 6px;font-size:32px}.profile-location,.profile-joined{color:var(--muted);font-size:13px}.profile-bio{line-height:1.65;margin:22px 0}.profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.profile-main h2{font-size:34px;margin:0 0 22px}.profile-listings{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.profile-listing-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}.profile-listing-card img,.profile-listing-fallback{width:100%;height:180px;object-fit:cover}.profile-listing-fallback{display:grid;place-items:center;background:var(--sand);font-size:40px}.profile-listing-body{padding:16px}.profile-listing-body h3{margin:5px 0 12px}.profile-owner-actions{display:flex;gap:8px;margin-top:14px}.profile-edit-form{display:grid;gap:12px}.profile-edit-form label{display:grid;gap:6px;font-weight:700;font-size:13px}.profile-edit-form input,.profile-edit-form textarea{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:11px;padding:12px}.profile-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0}.profile-topbar .docklist-wordmark{height:62px}.back-link{font-weight:700;color:var(--accent)}
@media(max-width:800px){.profile-shell{grid-template-columns:1fr}.profile-card{position:static}.profile-listings{grid-template-columns:1fr}}

.shipping-advice{margin:22px 0;padding:17px 18px;border:1px solid var(--line);border-left-width:5px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--panel)}
.shipping-advice strong{display:block;font-size:15px;margin:3px 0 4px}.shipping-advice p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.shipping-advice-kicker{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--muted)}
.shipping-advice.ship-green{border-left-color:#2aa56b}.shipping-advice.ship-yellow{border-left-color:#d3a326}.shipping-advice.ship-red{border-left-color:#cc544f}.field-help a{color:var(--accent);font-weight:700}
@media(max-width:620px){.shipping-advice{align-items:stretch;flex-direction:column}.shipping-advice .secondary-btn{text-align:center}}


/* Account deletion */
.danger-link-btn{border:1px solid var(--danger-line,#d98b83);background:transparent;color:#b6423b;border-radius:12px;padding:12px 17px;font-weight:750;cursor:pointer;transition:.2s ease}
.danger-link-btn:hover{background:rgba(190,60,50,.08);transform:translateY(-1px)}
.danger-btn{border:0;border-radius:12px;padding:12px 17px;font-weight:800;cursor:pointer;background:#b8322a;color:#fff;transition:.2s ease}
.danger-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}
.danger-btn:disabled{opacity:.45;cursor:not-allowed}
.danger-eyebrow{color:#c84b43!important}.danger-modal .modal-head p{max-width:620px}.profile-actions{display:flex;gap:10px;flex-wrap:wrap}
html[data-theme="dark"] .danger-link-btn{color:#ff9d96;border-color:#74403e}


/* v5.1 — header alignment / responsive spacing fix */
.site-header .container.header-inner{
  width:min(1440px,calc(100% - 40px));
  display:grid;
  grid-template-columns:minmax(250px,300px) minmax(330px,1fr) auto;
  align-items:center;
  gap:24px;
  height:90px;
}
.site-header .brand-logo-link{
  min-width:0;
  width:100%;
  justify-self:start;
}
.site-header .docklist-wordmark-wrap{
  height:72px;
  width:100%;
  justify-content:flex-start;
}
.site-header .docklist-wordmark{
  height:64px;
  max-width:100%;
  width:auto;
}
.site-header .desktop-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:26px;
  min-width:0;
  white-space:nowrap;
}
.site-header .desktop-nav a{
  display:flex;
  align-items:center;
  min-height:44px;
  white-space:nowrap;
  line-height:1.1;
}
.site-header .header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:nowrap;
  min-width:max-content;
}
.site-header .header-actions button,
.site-header .language-picker,
.site-header .language-picker select{
  flex:none;
  white-space:nowrap;
}
.site-header .ghost-btn{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}
.site-header #savedBtn{
  gap:5px;
}
.site-header #savedCount{
  display:inline;
  line-height:1;
}
.site-header .primary-btn,
.site-header .theme-toggle{
  min-height:44px;
}

@media(max-width:1280px){
  .site-header .container.header-inner{
    width:min(1240px,calc(100% - 28px));
    grid-template-columns:minmax(220px,260px) minmax(290px,1fr) auto;
    gap:16px;
  }
  .site-header .docklist-wordmark{height:56px}
  .site-header .desktop-nav{gap:18px;font-size:13px}
  .site-header .header-actions{gap:5px}
  .site-header .ghost-btn{padding-inline:10px;font-size:13px}
  .site-header .primary-btn{padding-inline:13px;font-size:13px}
  .site-header .language-picker select{max-width:92px;padding-left:9px;font-size:12px}
}

@media(max-width:1080px){
  .site-header .container.header-inner{
    grid-template-columns:minmax(220px,1fr) auto;
  }
  .site-header .desktop-nav{display:none}
}

@media(max-width:760px){
  .site-header .container.header-inner{
    width:min(100% - 20px,1440px);
    height:76px;
    grid-template-columns:minmax(145px,1fr) auto;
    gap:8px;
  }
  .site-header .docklist-wordmark-wrap{height:60px}
  .site-header .docklist-wordmark{height:50px;max-width:190px}
  .site-header .header-actions{gap:6px}
  .site-header .header-actions .account-btn,
  .site-header .header-actions #inboxBtn,
  .site-header .header-actions #savedBtn{display:none}
}

@media(max-width:480px){
  .site-header .container.header-inner{grid-template-columns:minmax(120px,1fr) auto}
  .site-header .docklist-wordmark{height:44px;max-width:160px}
  .site-header .language-picker{display:none}
}


/* v5.3 — mobile header hardening */
@media(max-width:760px){
  .site-header{min-height:72px}
  .site-header .container.header-inner{
    width:calc(100% - 20px);
    height:72px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-inline:auto;
  }
  .site-header .brand-logo-link{
    display:flex !important;
    align-items:center;
    flex:1 1 auto;
    min-width:0;
    width:auto;
    visibility:visible;
    opacity:1;
  }
  .site-header .docklist-wordmark-wrap{
    display:flex !important;
    align-items:center;
    width:auto;
    height:58px;
    min-width:0;
  }
  .site-header .docklist-wordmark{
    display:block;
    width:auto;
    height:48px;
    max-width:178px;
    object-fit:contain;
    object-position:left center;
  }
  .site-header .logo-dark{display:none}
  html[data-theme="dark"] .site-header .logo-light{display:none}
  html[data-theme="dark"] .site-header .logo-dark{display:block}
  .site-header .desktop-nav{display:none !important}
  .site-header .header-actions{
    display:flex !important;
    align-items:center;
    justify-content:flex-end;
    flex:0 0 auto;
    gap:6px;
    min-width:0;
  }
  .site-header .header-actions .account-btn,
  .site-header .header-actions #inboxBtn,
  .site-header .header-actions #savedBtn,
  .site-header .language-picker{display:none !important}
  .site-header .theme-toggle{
    display:inline-grid !important;
    place-items:center;
    width:40px;
    min-width:40px;
    height:40px;
    padding:0;
  }
  .site-header #sellBtn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:10px 13px;
    font-size:13px;
    white-space:nowrap;
  }
}

@media(max-width:380px){
  .site-header .container.header-inner{width:calc(100% - 14px);gap:6px}
  .site-header .docklist-wordmark{height:42px;max-width:145px}
  .site-header #sellBtn{padding-inline:10px;font-size:12px}
  .site-header .theme-toggle{width:38px;min-width:38px;height:38px}
}


/* v5.4 — real mobile navigation */
.mobile-menu-btn{display:none;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;width:44px;height:44px;font-size:22px;line-height:1;cursor:pointer}
.mobile-nav-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:90}
.mobile-nav-drawer{position:fixed;top:0;right:0;bottom:0;width:min(86vw,360px);z-index:100;background:var(--panel);color:var(--text);border-left:1px solid var(--line);box-shadow:-20px 0 60px rgba(0,0,0,.24);padding:20px;transform:translateX(105%);transition:transform .22s ease;overflow-y:auto}
.mobile-nav-drawer.open{transform:translateX(0)}
.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:20px}
.mobile-nav-close{border:1px solid var(--line);background:var(--sand);color:var(--text);border-radius:10px;width:42px;height:42px;font-size:26px;cursor:pointer}
.mobile-nav-links{display:grid;padding:14px 0;border-bottom:1px solid var(--line)}
.mobile-nav-links a{padding:14px 4px;font-weight:800;font-size:17px}
.mobile-nav-section{padding:18px 0;border-bottom:1px solid var(--line)}
.mobile-language-label{display:block;font-size:12px;font-weight:800;color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em}
.mobile-language-select{width:100%;padding:12px;border-radius:11px;border:1px solid var(--line);background:var(--sand);color:var(--text);font:inherit}
.mobile-nav-actions{display:grid;gap:8px;padding-top:18px}
.mobile-nav-actions button{min-height:48px;border:1px solid var(--line);border-radius:12px;background:var(--sand);color:var(--text);font:inherit;font-weight:800;cursor:pointer;text-align:left;padding:0 14px}
.mobile-nav-actions .primary-btn{background:var(--dark);color:#fff;border-color:var(--dark);text-align:center}
body.mobile-nav-open{overflow:hidden}

@media(max-width:760px){
  .site-header .mobile-menu-btn{display:inline-grid;place-items:center;flex:none}
}
@media(max-width:600px){
  .site-header #sellBtn{display:none !important}
  .site-header .docklist-wordmark{max-width:190px}
}
@media(max-width:390px){
  .site-header .docklist-wordmark{max-width:165px;height:44px}
  .site-header .theme-toggle,.site-header .mobile-menu-btn{width:38px;min-width:38px;height:38px}
}





/* v5.8 — clean compact desktop header */
@media(min-width:1081px){
  .site-header .container.header-inner{
    width:min(1460px,calc(100% - 36px));
    height:82px;
    display:grid;
    grid-template-columns:240px minmax(430px,1fr) 540px;
    align-items:center;
    gap:18px;
  }
  .site-header .brand-logo-link{width:240px;min-width:240px}
  .site-header .docklist-wordmark-wrap{width:240px;height:62px}
  .site-header .docklist-wordmark{height:56px;width:auto;max-width:230px}

  .site-header .desktop-nav{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:28px;
    min-width:0;
    white-space:nowrap;
  }
  .site-header .desktop-nav a{
    width:auto;
    min-width:0;
    min-height:44px;
    padding:0 4px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    overflow:visible;
    text-overflow:clip;
    font-size:13px;
    line-height:1.15;
  }

  .site-header .header-actions{
    width:540px;
    min-width:540px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    flex-wrap:nowrap;
  }
  .site-header .language-picker{width:104px!important;min-width:104px!important;flex:0 0 104px!important}
  .site-header .language-picker select{width:104px!important;max-width:104px!important;min-width:104px!important}
  .site-header .theme-toggle{width:44px!important;min-width:44px!important;height:44px!important;flex:0 0 44px!important}

  .site-header #inboxBtn,
  .site-header #savedBtn{
    width:auto!important;
    min-width:auto!important;
    max-width:none!important;
    height:44px!important;
    padding:0 10px!important;
    border:0!important;
    background:transparent!important;
    border-radius:10px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    position:relative;
    flex:0 0 auto!important;
  }
  .site-header .utility-icon-btn .utility-icon{font-size:17px;line-height:1}
  .site-header .utility-icon-btn .utility-label{
    position:static!important;
    width:auto!important;
    height:auto!important;
    overflow:visible!important;
    clip:auto!important;
    white-space:nowrap!important;
    font-size:12px;
    font-weight:700;
  }
  .site-header .saved-badge{
    position:static!important;
    min-width:22px;
    height:20px;
    padding:1px 6px 0;
    border-radius:999px;
    background:var(--accent);
    color:#fff;
    font-size:10px;
    font-weight:900;
    display:inline-grid;
    place-items:center;
    line-height:1;
    border:0;
  }
  .site-header .account-btn{
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
    height:44px;
    padding:0 8px!important;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    flex:0 0 82px!important;
  }
  .site-header #sellBtn{
    width:108px!important;
    min-width:108px!important;
    max-width:108px!important;
    height:44px;
    padding:0 10px!important;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    flex:0 0 108px!important;
  }
}

@media(min-width:1081px) and (max-width:1280px){
  .site-header .container.header-inner{
    width:min(1240px,calc(100% - 24px));
    grid-template-columns:210px minmax(360px,1fr) 500px;
    gap:10px;
  }
  .site-header .brand-logo-link{width:210px;min-width:210px}
  .site-header .docklist-wordmark-wrap{width:210px}
  .site-header .docklist-wordmark{height:50px;max-width:205px}
  .site-header .desktop-nav{gap:18px}
  .site-header .desktop-nav a{font-size:12px}
  .site-header .header-actions{width:500px;min-width:500px;gap:5px}
  .site-header .language-picker{width:92px!important;min-width:92px!important;flex-basis:92px!important}
  .site-header .language-picker select{width:92px!important;min-width:92px!important;max-width:92px!important;font-size:11px}
  .site-header #inboxBtn,.site-header #savedBtn{padding-inline:7px!important}
  .site-header .utility-icon-btn .utility-label{font-size:11px}
  .site-header .account-btn{width:72px!important;min-width:72px!important;max-width:72px!important;flex-basis:72px!important;font-size:11px}
  .site-header #sellBtn{width:96px!important;min-width:96px!important;max-width:96px!important;flex-basis:96px!important;font-size:11px}
}

/* marketplace categories belong under the marketplace heading */
.marketplace .category-strip{padding:0;margin:-4px 0 26px}
.marketplace .categories{display:flex;flex-wrap:wrap;gap:10px;overflow:visible;padding:0}
.marketplace .category-btn{flex:0 0 auto}
@media(max-width:760px){
  .marketplace .category-strip{margin:0 0 22px}
  .marketplace .categories{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}
  .marketplace .categories::-webkit-scrollbar{display:none}
}

.site-header .saved-badge.hidden{display:none!important;}