:root{--bg:#f5f7f9;--surface:#fff;--soft:#edf2f6;--ink:#122235;--text:#455769;--muted:#718193;--line:#d9e1e8;--blue:#1558a6;--blue2:#0e478b;--red:#c23e42;--green:#18775b;--gold:#c58a24;--shadow:0 14px 40px rgba(17,35,53,.09);--radius:7px;--max:1320px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}html[data-theme=dark]{--bg:#0d1722;--surface:#142230;--soft:#1a2a39;--ink:#f2f6f9;--text:#c0ccd7;--muted:#8fa0ae;--line:#2b3d4d;--blue:#65a5ed;--blue2:#8abcf2;--shadow:0 16px 42px rgba(0,0,0,.24)}*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:999;background:#fff;color:#111;padding:.7rem}.topbar{height:34px;background:#10243b;color:#c6d2dc;display:flex;align-items:center;justify-content:space-between;padding:0 max(1rem,calc((100% - var(--max))/2));font-size:.72rem}.topbar a{color:#fff;font-weight:700}.header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 97%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{width:min(var(--max),calc(100% - 2rem));height:70px;margin:auto;display:flex;align-items:center;gap:1.6rem}.logo{display:flex;align-items:center;gap:.55rem;font-size:1.2rem;font-weight:700;letter-spacing:-.03em}.logo img{width:38px;height:38px}.logo strong{color:var(--red)}.navlinks{display:flex;gap:.25rem;margin-left:auto}.navlinks a{padding:.55rem .65rem;color:var(--text);font-size:.87rem;font-weight:600}.navlinks a:hover{color:var(--blue)}.actions{display:flex;align-items:center;gap:.65rem;font-size:.85rem}.actions form{margin:0}.theme,.menu,.linkbtn{border:0;background:transparent;color:var(--ink);cursor:pointer}.theme{width:38px;height:38px;border:1px solid var(--line);border-radius:4px}.menu{display:none;font-size:1.2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem 1rem;border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:4px;font-weight:700;cursor:pointer}.button:hover{background:var(--blue2)}.button.small{min-height:38px;padding:.5rem .75rem;font-size:.8rem}.button.secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.button.wide{width:100%}.messages{position:fixed;top:115px;right:1rem;z-index:60;display:grid;gap:.5rem}.message{padding:.8rem 1rem;background:var(--surface);border-left:4px solid var(--blue);box-shadow:var(--shadow);max-width:420px}.message.error{border-color:var(--red)}.section{width:min(var(--max),calc(100% - 2rem));margin:auto;padding:4.7rem 0}.section.soft{width:100%;padding-inline:max(1rem,calc((100% - var(--max))/2));background:var(--soft);border-block:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}.section-head h2{margin:.25rem 0 0;font-size:clamp(1.7rem,3vw,2.45rem)}.section-head>a{color:var(--blue);font-weight:700}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:.09em;font-size:.72rem;font-weight:800}.hero{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;color:var(--ink);overflow:hidden}
.hero-bg-slider{position:absolute;inset:0;z-index:0}
.hero-bg-slide{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transform:scale(1.05);transition:opacity 1.2s ease,transform 8s ease;will-change:opacity,transform}
.hero-bg-slide.active{opacity:1;transform:scale(1)}
.hero-bg-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(18,34,53,.75),rgba(18,34,53,.55));z-index:1}
.hero-inner{position:relative;z-index:2;width:min(var(--max),calc(100% - 3rem));margin:0 auto;text-align:center}
.hero-copy{display:flex;flex-direction:column;align-items:center;gap:1.5rem}
.hero h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.05;letter-spacing:-.03em;max-width:900px;font-weight:800}
.hero .eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--red);margin-bottom:.5rem}
.hero-sub{color:rgba(255,255,255,.9);font-size:clamp(1rem,2vw,1.2rem);line-height:1.7;max-width:700px}
.hero-search{display:flex;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.3);max-width:720px;width:100%;border-radius:10px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.25);backdrop-filter:blur(8px)}
.hero-search input{flex:1;border:0;padding:1.15rem 1.5rem;font-size:1.05rem;color:var(--ink);background:transparent}
.hero-search input::placeholder{color:var(--muted)}
.hero-search input:focus{outline:none}
.hero-search button{border:0;background:var(--red);color:#fff;padding:0 2rem;font-weight:700;font-size:1rem;cursor:pointer;transition:background .15s}
.hero-search button:hover{filter:brightness(1.08)}
.trust-badges{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}
.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem .9rem;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:8px;font-size:.8rem;font-weight:600;color:#fff;backdrop-filter:blur(4px)}
.badge svg{flex-shrink:0;color:var(--gold);width:18px;height:18px}
.hero-cta-group{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.5rem}
.button--primary{background:var(--red);color:#fff;border:0}
.button--primary:hover{filter:brightness(1.08)}
.button--secondary{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.3)}
.button--secondary:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.5)}
.button--ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}
.button--ghost:hover{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.1)}
.visual-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.visual-card-header{display:flex;justify-content:space-between;align-items:center;padding:1.15rem 1.5rem;border-bottom:1px solid var(--line);background:var(--soft)}
.visual-tag{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.visual-status{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.3rem .75rem;border-radius:999px;background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green)}
.visual-image{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--soft)}
.visual-image svg{width:100%;height:100%;max-width:100%}
.visual-meta{display:flex;gap:2rem;padding:1.15rem 1.5rem;border-top:1px solid var(--line)}
.meta-row{display:flex;flex-direction:column;gap:.25rem}
.meta-label{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.meta-value{font-size:1.05rem;font-weight:600;color:var(--ink)}
.visual-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2rem;padding:0 .5rem}
.stat{text-align:center;padding:1.25rem 1rem;background:var(--soft);border:1px solid var(--line);border-radius:10px;transition:transform .15s,box-shadow .15s}
.stat:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.stat strong{display:block;font-size:2.25rem;font-weight:800;color:var(--ink);line-height:1.15}
.stat span{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.hero:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cg fill='none' stroke='%23486e92' stroke-opacity='.22'%3E%3Cpath d='M0 38h38V0M112 0v38h38M38 75h74M75 38v74M0 112h38v38M112 150v-38h38'/%3E%3C/g%3E%3Cg fill='%2365a5ed' fill-opacity='.4'%3E%3Ccircle cx='38' cy='38' r='2'/%3E%3Ccircle cx='112' cy='38' r='2'/%3E%3Ccircle cx='75' cy='75' r='3'/%3E%3C/g%3E%3C/svg%3E");opacity:.55}.hero-copy,.hero-visual{position:relative}.hero h1{font-size:clamp(2.7rem,5vw,5rem);line-height:1.02;letter-spacing:-.045em;max-width:850px;margin:.65rem 0 1rem}.hero p{color:#c9d4de;font-size:1.08rem;max-width:700px}.hero-search{display:flex;background:#fff;padding:.4rem;max-width:720px;margin-top:2rem;border-radius:5px}.hero-search input{flex:1;border:0;padding:.85rem 1rem;font-size:1rem}.hero-search button{border:0;background:var(--red);color:#fff;padding:0 1.35rem;border-radius:3px;font-weight:800}.trust-points{display:flex;gap:1.2rem;flex-wrap:wrap;color:#9fb1c0;font-size:.78rem;margin-top:1.5rem}.market-map{height:380px;position:relative;border:1px solid #35516b;background:#0c1c2d}.market-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#29435b 1px,transparent 1px),linear-gradient(90deg,#29435b 1px,transparent 1px);background-size:42px 42px;opacity:.45}.market-map strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:82px;height:82px;display:grid;place-items:center;border-radius:50%;background:var(--red);font-size:1.4rem}.market-map span{position:absolute;padding:.45rem .7rem;border:1px solid #4e708e;background:#10243b;color:#d6e1ea;font-size:.75rem}.market-map span:nth-child(1){left:10%;top:18%}.market-map span:nth-child(2){right:8%;top:22%}.market-map span:nth-child(3){right:12%;bottom:18%}.market-map span:nth-child(4){left:13%;bottom:22%}.market-map span:nth-child(5){left:45%;top:7%}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}
.category-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem;background:var(--surface);border:1px solid var(--line);border-radius:10px;transition:transform .15s,box-shadow .15s,border-color .15s;text-decoration:none;color:inherit}
.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--blue)}
.category-icon{width:56px;height:56px;display:grid;place-items:center;margin-bottom:.75rem;border-radius:12px;transition:transform .2s,box-shadow .2s}
.category-card:hover .category-icon{transform:scale(1.05)}
.category-icon svg{width:28px;height:28px}
.category-card strong{font-size:.95rem;font-weight:700;color:var(--ink);margin-bottom:.25rem}
.category-count{font-size:.75rem;color:var(--muted);font-weight:500}.listing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.listing-grid.compact{grid-template-columns:repeat(3,1fr)}.listing-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .15s,box-shadow .15s}.listing-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.photo{position:relative;display:block;height:210px;background:var(--soft)}.photo img{width:100%;height:100%;object-fit:cover}.no-photo{width:100%;height:100%;display:grid;place-items:center;font-size:2rem;font-weight:800;color:var(--blue)}.condition,.featured{position:absolute;top:.7rem;padding:.3rem .5rem;background:var(--surface);font-size:.68rem;font-weight:700}.condition{left:.7rem}.featured{right:.7rem;color:var(--gold)}.listing-body{padding:1rem}.category{color:var(--blue);font-size:.7rem;text-transform:uppercase;font-weight:800;margin:0}.listing-body h3{font-size:1rem;min-height:2.6em;margin:.45rem 0}.price{font-size:1.15rem}.location{color:var(--muted);font-size:.78rem}.how{background:#10243b;color:#fff;padding:4.7rem max(1rem,calc((100% - var(--max))/2))}.section-head.light h2{color:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #35516b}.steps>div{padding:1.5rem;border-right:1px solid #35516b}.steps>div:last-child{border:0}.steps b{color:#70aef0}.steps h3{font-size:1rem}.page-head{padding:4rem max(1rem,calc((100% - var(--max))/2));background:#10243b;color:#fff}.page-head.compact{background:transparent;color:var(--ink);padding:0 0 2rem}.page-head h1{font-size:clamp(2.5rem,5vw,4.4rem);margin:.4rem 0}.page-head p{color:#b9c8d4}.browse-layout{width:min(var(--max),calc(100% - 2rem));margin:auto;display:grid;grid-template-columns:260px 1fr;gap:2rem;padding:3rem 0}.filters{background:var(--surface);border:1px solid var(--line);padding:1rem;align-self:start;position:sticky;top:120px}.filters h2{font-size:1.1rem}.filters form,.form-card,.listing-form{display:grid;gap:1rem}.filters label,label{display:grid;gap:.35rem;font-size:.78rem;font-weight:700}.filters input,.filters select,input,select,textarea{width:100%;padding:.7rem;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:3px}.field-row,.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.result-meta{margin-bottom:1rem}.pagination{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.detail{width:min(var(--max),calc(100% - 2rem));margin:3rem auto;display:grid;grid-template-columns:1.15fr .85fr;gap:3rem}.main-photo{height:520px;background:var(--soft);display:grid;place-items:center}.main-photo img{width:100%;height:100%;object-fit:contain}.main-photo>span{font-size:4rem;color:var(--blue);font-weight:800}.thumbs{display:flex;gap:.5rem;margin-top:.5rem;overflow:auto}.thumbs img{width:90px;height:70px;object-fit:cover}.detail-summary h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.1}.detail-price{font-size:2rem}.facts{display:flex;gap:.75rem;flex-wrap:wrap;color:var(--muted);font-size:.8rem;margin:1rem 0}.privacy-box{padding:1rem;border-left:4px solid var(--blue);background:var(--soft);margin:1.5rem 0}.privacy-box p{font-size:.8rem}.detail-summary form{margin-top:.7rem}.detail-content{width:min(var(--max),calc(100% - 2rem));margin:auto;display:grid;grid-template-columns:1fr 260px;gap:3rem;padding-bottom:4rem}.specs{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.specs>div{display:flex;justify-content:space-between;padding:.8rem;border-bottom:1px solid var(--line)}.report{border:1px solid var(--line);background:transparent;color:var(--text);padding:.6rem;cursor:pointer}.danger{border-color:color-mix(in srgb,var(--red) 45%,var(--line))}.auth-shell{min-height:650px;display:grid;grid-template-columns:1fr 1fr;background:var(--surface)}.auth-copy{background:#10243b;color:#fff;padding:6rem max(2rem,calc((100vw - var(--max))/2));padding-right:3rem}.auth-copy h1{font-size:3.2rem}.auth-copy p{color:#b9c8d4}.form-card{width:min(560px,calc(100% - 2rem));margin:auto;padding:2rem;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.form-card p{display:grid;gap:.35rem;margin:0}.form-card ul,.errorlist{color:var(--red);font-size:.78rem}.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-page{width:min(960px,calc(100% - 2rem));margin:3rem auto}.listing-form{padding:2rem;background:var(--surface);border:1px solid var(--line)}.step-panel{display:none;grid-template-columns:1fr 1fr;gap:1rem}.step-panel.active{display:grid}.step-panel h2{grid-column:1/-1}.step-panel>div:has(textarea),.step-panel>div:has(#id_custom_data){grid-column:1/-1}.dropzone{grid-column:1/-1;min-height:150px;border:2px dashed var(--line);display:grid;place-items:center;padding:2rem}.previews{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.preview{position:relative;border:1px solid var(--line);background:var(--soft);cursor:grab}.preview img{height:110px;width:100%;object-fit:cover}.preview span{position:absolute;left:.3rem;bottom:.3rem;background:#10243b;color:#fff;padding:.2rem .35rem;font-size:.65rem}.preview button{position:absolute;right:.3rem;top:.3rem;border:0;background:var(--red);color:#fff;width:26px;height:26px}.dynamic-fields{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;background:var(--soft);border:1px solid var(--line)}.dynamic-fields h3{grid-column:1/-1}.form-nav{display:flex;gap:.7rem;margin-top:1rem}.submit-review{margin-top:1rem}.dashboard{width:min(var(--max),calc(100% - 2rem));margin:2rem auto;display:grid;grid-template-columns:220px 1fr;gap:2rem}.dash-nav{background:#10243b;padding:1.2rem;align-self:start;position:sticky;top:120px;color:#fff}.dash-nav a{display:block;padding:.65rem 0;color:#b9c8d4;border-bottom:1px solid #29435b}.dash-nav a.active{color:#fff;font-weight:800}.dash-head,.panel-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.dash-head h1{font-size:2.5rem}.kpis{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0}.kpis.grid{display:grid;grid-template-columns:repeat(5,1fr)}.kpis>div{min-width:130px;flex:1;background:var(--surface);border:1px solid var(--line);padding:1rem}.kpis span{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase}.kpis strong{font-size:1.6rem}.panel{background:var(--surface);border:1px solid var(--line);padding:1.2rem;margin-bottom:1rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.82rem}th,td{text-align:left;padding:.75rem;border-bottom:1px solid var(--line)}.status{padding:.25rem .4rem;background:var(--soft);font-size:.7rem}.status.published,.status.completed{color:var(--green)}.activity{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--line)}.activity span{color:var(--muted);font-size:.78rem}.activity.link:hover{color:var(--blue)}.row-actions{display:flex;gap:.4rem}.row-actions button{border:0;background:var(--blue);color:#fff;padding:.4rem}.crm{width:min(var(--max),calc(100% - 2rem));margin:3rem auto}.crm-head{display:flex;justify-content:space-between}.crm-grid{display:grid;grid-template-columns:1fr 320px;gap:1rem;margin-top:2rem}.message-row{padding:.8rem;border-left:3px solid var(--blue);background:var(--soft);margin:.5rem 0}.message-row.seller{border-color:var(--gold)}.message-row.buyer{border-color:var(--green)}.message-row span{font-size:.7rem;color:var(--muted)}.form-card.compact{width:100%;box-shadow:none;margin-top:1rem}.legal{width:min(800px,calc(100% - 2rem));min-height:500px;margin:4rem auto}.legal h1{font-size:3rem}.legal p{font-size:1.05rem;color:var(--text)}.empty{grid-column:1/-1;padding:3rem;text-align:center;background:var(--surface);border:1px solid var(--line)}footer{background:#10243b;color:#fff;margin-top:3rem}.footer-grid{width:min(var(--max),calc(100% - 2rem));margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;padding:3.5rem 0}.logo.foot{color:#fff}.footer-grid p,.footer-grid a{color:#aebdca}.footer-grid a{display:block;margin:.35rem 0;font-size:.82rem}.commission{font-size:.78rem;border-left:3px solid var(--red);padding-left:.7rem}.copyright{width:min(var(--max),calc(100% - 2rem));margin:auto;border-top:1px solid #29435b;padding:1rem 0;color:#71889b;font-size:.72rem}@media(max-width:1050px){.navlinks{display:none}.menu{display:block;margin-left:auto}.navlinks.open{display:flex;position:fixed;top:104px;left:0;right:0;background:var(--surface);padding:1rem;flex-direction:column;box-shadow:var(--shadow)}.actions>a:not(.button),.actions form{display:none}.hero{min-height:500px}.listing-grid{grid-template-columns:repeat(3,1fr)}.kpis.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.topbar span{display:none}.nav{height:62px}.logo{font-size:1rem}.logo img{width:34px;height:34px}.actions .button{display:none}.navlinks.open{top:96px}.hero{min-height:480px;padding-block:3.5rem}.hero h1{font-size:2.5rem}.hero-search{display:grid}.hero-search button{padding:1rem}.trust-badges{gap:.5rem}.badge{padding:.5rem .7rem}.section{padding:3rem 0}.section.soft{padding-inline:1rem}.section-head{align-items:start}.listing-grid,.listing-grid.compact{grid-template-columns:repeat(2,1fr)}.photo{height:170px}.steps{grid-template-columns:repeat(2,1fr)}.steps>div:nth-child(2){border-right:0}.browse-layout{grid-template-columns:1fr}.filters{position:static}.detail,.detail-content,.auth-shell,.dashboard,.crm-grid{grid-template-columns:1fr}.main-photo{height:420px}.detail-content aside{order:-1}.auth-copyy{padding:3rem 1rem}.form-card{margin:2rem auto}.dash-nav{position:static;display:flex;gap:1rem;overflow:auto}.dash-nav h2{display:none}.dash-nav a{white-space:nowrap}.step-panel.active{grid-template-columns:1fr}.step-panel>div{grid-column:1/-1}.kpis.grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:450px){.listing-grid,.listing-grid.compact{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.photo{height:230px}.field-row,.form-row{grid-template-columns:1fr}.main-photo{height:320px}.specs{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.steps>div{border-right:0;border-bottom:1px solid #35516b}.form-nav{display:grid}.form-nav .button{width:100%}.kpis.grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}


/* DevanKatedral visual lock v2026-08-21: hero + categories */
.hero--marketplace.hero{position:relative;min-height:clamp(560px,72vh,820px);display:flex;align-items:center;justify-content:center;padding:6rem 0;color:#fff;overflow:hidden;background:#10243b;isolation:isolate}
.hero--marketplace .hero-bg-slider{position:absolute;inset:0;z-index:0}
.hero--marketplace .hero-bg-slide{position:absolute;inset:0;opacity:0;background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.04);transition:opacity 1.2s ease,transform 8s ease;will-change:opacity,transform}
.hero--marketplace .hero-bg-slide.active,.hero--marketplace .hero-bg-slide:first-child{opacity:1;transform:scale(1)}
.hero--marketplace .hero-bg-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(7,18,31,.62),rgba(7,18,31,.76)),linear-gradient(90deg,rgba(7,18,31,.58),rgba(7,18,31,.26),rgba(7,18,31,.58))}
.hero--marketplace .hero-inner{position:relative;z-index:2;width:min(1120px,calc(100% - 2rem));margin:0 auto;text-align:center}
.hero--marketplace .hero-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.15rem;max-width:920px;margin:0 auto;text-align:center}
.hero--marketplace .eyebrow{color:#ffd08a;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:.46rem .72rem;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0}
.hero--marketplace h1{margin:.15rem auto 0;max-width:920px;color:#fff;font-size:clamp(2.35rem,5.2vw,5.3rem);line-height:1.01;letter-spacing:-.055em;font-weight:850;text-wrap:balance;text-shadow:0 3px 22px rgba(0,0,0,.32)}
.hero--marketplace .hero-sub{margin:0 auto;max-width:760px;color:rgba(255,255,255,.91);font-size:clamp(1rem,1.45vw,1.25rem);line-height:1.68;text-wrap:balance}
.hero--marketplace .hero-search{display:flex;align-items:center;width:min(760px,100%);max-width:760px;margin:.45rem auto 0;background:#fff;border:1px solid rgba(255,255,255,.38);border-radius:12px;box-shadow:0 22px 55px rgba(0,0,0,.32);overflow:hidden;padding:.36rem}
.hero--marketplace .hero-search input{min-width:0;flex:1;border:0;background:transparent;color:#122235;padding:1rem 1.1rem;font-size:1.02rem;outline:0}
.hero--marketplace .hero-search button{flex:0 0 auto;border:0;border-radius:8px;background:#c23e42;color:#fff;padding:1rem 1.45rem;font-weight:800;white-space:nowrap}
.hero--marketplace .trust-badges,.hero--marketplace .hero-cta-group{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.7rem;margin:0 auto}
.hero--marketplace .badge{display:inline-flex;align-items:center;gap:.45rem;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:.55rem .85rem;font-size:.84rem;font-weight:750;backdrop-filter:blur(8px)}
.hero--marketplace .button--secondary,.hero--marketplace .button--ghost{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:.78rem 1.05rem;font-weight:800}
.hero--marketplace .button--secondary{background:#fff;color:#10243b;border:1px solid #fff}.hero--marketplace .button--ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.35)}
.category-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:1rem!important;align-items:stretch}.category-card--color.category-card{position:relative;display:flex;min-height:166px;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.48rem;padding:1.35rem 1rem;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--ink);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;overflow:hidden}.category-card--color.category-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--icon-color) 10%,transparent),transparent 62%);opacity:.85;pointer-events:none}.category-card--color:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(17,35,53,.13);border-color:var(--icon-color)}.category-icon--solid.category-icon{position:relative;width:72px;height:72px;margin:0 0 .3rem;display:grid;place-items:center;border-radius:18px;background:color-mix(in srgb,var(--icon-color) 14%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--icon-color) 28%,transparent),0 10px 26px color-mix(in srgb,var(--icon-color) 18%,transparent);color:var(--icon-color)!important}.category-icon--solid span{font-size:2.55rem;line-height:1;color:var(--icon-color)!important;text-shadow:0 1px 0 rgba(255,255,255,.18)}.category-card--color strong{position:relative;font-size:1rem;font-weight:850;color:var(--ink)}.category-card--color .category-count{position:relative;font-size:.78rem;color:var(--muted);font-weight:650}
.link-more{font-weight:800;color:var(--blue)}.section-header{align-items:end}.condition{text-transform:none}.filters input,.filters select,.filters textarea{width:100%}.filters label{display:grid;gap:.35rem;margin:.7rem 0}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
@media(max-width:900px){.hero--marketplace.hero{min-height:auto;padding:5rem 0}.hero--marketplace .hero-search{flex-direction:column;align-items:stretch;padding:.45rem}.hero--marketplace .hero-search button{width:100%}.listing-grid,.listing-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.browse-layout{grid-template-columns:1fr}.filters{position:relative;top:auto}.nav{height:auto;min-height:66px;flex-wrap:wrap;padding:.65rem 0}.navlinks{order:3;width:100%;justify-content:center;flex-wrap:wrap;margin-left:0}.actions{margin-left:auto}}
@media(max-width:560px){.hero--marketplace.hero{padding:4.2rem 0}.hero--marketplace h1{font-size:clamp(2.05rem,12vw,3.1rem)}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important}.category-card--color.category-card{min-height:145px;padding:1rem .65rem}.category-icon--solid.category-icon{width:62px;height:62px;border-radius:16px}.category-icon--solid span{font-size:2.15rem}.listing-grid,.listing-grid.compact{grid-template-columns:1fr}.field-row{grid-template-columns:1fr}.topbar{height:auto;min-height:34px;gap:.75rem;padding:.45rem 1rem}.hero--marketplace .trust-badges{gap:.5rem}.hero--marketplace .badge{font-size:.76rem;padding:.48rem .65rem}}
html[data-theme=dark] .category-card--color.category-card{background:#142230;border-color:#2b3d4d}html[data-theme=dark] .category-icon--solid.category-icon{background:color-mix(in srgb,var(--icon-color) 18%,#142230)}


.category-icon--solid svg{width:38px;height:38px;color:var(--icon-color)!important;fill:none!important;stroke:currentColor!important;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;display:block}.category-icon--solid svg *{vector-effect:non-scaling-stroke}.category-icon--solid span{display:none}



/* DevanKatedral dashboard redesign v2026-08-21 */
.role-dashboard{width:min(1560px,calc(100% - 2rem));margin:2rem auto 4rem;display:grid;grid-template-columns:260px minmax(0,1fr);gap:1.25rem;align-items:start}.role-nav{position:sticky;top:96px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1rem;box-shadow:0 10px 30px rgba(18,34,53,.06)}.role-nav h2{font-size:1rem;margin:.15rem .35rem .85rem;color:var(--ink)}.role-nav a{display:flex;align-items:center;gap:.55rem;padding:.72rem .78rem;border-radius:9px;color:var(--muted);font-size:.92rem;font-weight:760;text-decoration:none}.role-nav a:hover,.role-nav a.active{background:var(--soft);color:var(--ink)}.role-main{min-width:0;display:grid;gap:1rem}.dash-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#10243b;color:#fff;border-radius:18px;padding:1.55rem 1.7rem;box-shadow:0 20px 60px rgba(17,35,53,.13)}.dash-hero h1{margin:.25rem 0 .35rem;font-size:clamp(1.85rem,3.2vw,3.2rem);line-height:1.04;letter-spacing:-.04em;color:#fff}.dash-hero p{margin:0;max-width:780px;color:#d5e0ea;line-height:1.55}.dash-hero .eyebrow{color:#ffd08a}.dash-actions{display:flex;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}.dash-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.dash-stat{position:relative;min-height:128px;display:flex;flex-direction:column;justify-content:space-between;gap:.6rem;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1rem;color:var(--ink);text-decoration:none;box-shadow:0 10px 30px rgba(18,34,53,.055);overflow:hidden}.dash-stat:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--stat-color) 13%,transparent),transparent 58%);pointer-events:none}.dash-stat span{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--stat-color) 13%,var(--surface));color:var(--stat-color);font-size:1.05rem;font-weight:900}.dash-stat small,.dash-stat strong{position:relative}.dash-stat small{color:var(--muted);font-size:.76rem;font-weight:850;text-transform:uppercase;letter-spacing:.045em}.dash-stat strong{font-size:clamp(1.35rem,2.6vw,2.1rem);line-height:1;color:var(--ink);word-break:break-word}.dash-stat.red{--stat-color:#c23e42}.dash-stat.blue{--stat-color:#2f78d4}.dash-stat.green{--stat-color:#188a58}.dash-stat.gold{--stat-color:#d88418}.dash-stat.purple{--stat-color:#8057c8}.dash-stat.slate{--stat-color:#41556b}.dash-panel{border-radius:14px;border:1px solid var(--line);background:var(--surface);box-shadow:0 10px 30px rgba(18,34,53,.045);padding:1rem}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.panel-head h2{font-size:1.08rem;margin:0;color:var(--ink)}.panel-head span{min-width:34px;height:28px;display:inline-grid;place-items:center;border-radius:999px;background:var(--soft);color:var(--muted);font-weight:850}.dash-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.dash-table{width:100%;border-collapse:separate;border-spacing:0}.dash-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:850;text-align:left;background:var(--soft)}.dash-table th,.dash-table td{padding:.82rem .9rem;border-bottom:1px solid var(--line);vertical-align:middle}.dash-table tr:last-child td{border-bottom:0}.dash-table td strong{display:block;color:var(--ink);font-size:.92rem}.dash-table td small{display:block;margin-top:.18rem;color:var(--muted);font-size:.76rem}.status{display:inline-flex;align-items:center;gap:.35rem;padding:.34rem .55rem;border-radius:999px;font-size:.75rem;font-weight:850;background:var(--soft);color:var(--ink);white-space:nowrap}.status:before{content:"";width:.44rem;height:.44rem;border-radius:50%;background:currentColor}.status.published,.status.approved,.status.completed,.status.accepted,.status.payment_received{background:#e8f7ef;color:#167548}.status.submitted,.status.under_review,.status.pending,.status.payment_pending{background:#fff5df;color:#94600c}.status.rejected,.status.suspended,.status.cancelled,.status.refunded{background:#fdeceb;color:#ad2e31}.status.sold,.status.reserved,.status.seller_payout_pending{background:#ecf1ff;color:#315bb8}.activity{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--line);color:inherit}.activity:last-child{border-bottom:0}.activity strong{color:var(--ink);font-size:.92rem}.activity span{color:var(--muted);font-size:.82rem;text-align:right}.activity.link{text-decoration:none}.activity.link:hover strong,.text-action{color:var(--blue)}.row-actions{display:flex;gap:.45rem;flex-wrap:wrap}.row-actions form{margin:0}.row-actions button,.text-action{border:0;background:var(--ink);color:#fff;border-radius:8px;padding:.48rem .7rem;font-size:.78rem;font-weight:850;text-decoration:none;cursor:pointer}.text-action{display:inline-flex;background:var(--soft);color:var(--blue)}.empty,.empty-cell{color:var(--muted);font-weight:650}.muted{color:var(--muted);font-size:.8rem}html[data-theme=dark] .role-nav,html[data-theme=dark] .dash-stat,html[data-theme=dark] .dash-panel{background:#142230;border-color:#2b3d4d}html[data-theme=dark] .dash-table th{background:#102033}html[data-theme=dark] .status.published,html[data-theme=dark] .status.approved,html[data-theme=dark] .status.completed,html[data-theme=dark] .status.accepted,html[data-theme=dark] .status.payment_received{background:#123827;color:#77d49f}html[data-theme=dark] .status.submitted,html[data-theme=dark] .status.under_review,html[data-theme=dark] .status.pending,html[data-theme=dark] .status.payment_pending{background:#392a10;color:#f2c36b}html[data-theme=dark] .status.rejected,html[data-theme=dark] .status.suspended,html[data-theme=dark] .status.cancelled,html[data-theme=dark] .status.refunded{background:#3b181b;color:#ff8b91}html[data-theme=dark] .status.sold,html[data-theme=dark] .status.reserved,html[data-theme=dark] .status.seller_payout_pending{background:#16294d;color:#95b8ff}@media(max-width:1100px){.role-dashboard{grid-template-columns:1fr}.role-nav{position:relative;top:auto;display:flex;align-items:center;gap:.4rem;overflow-x:auto}.role-nav h2{flex:0 0 auto;margin:0 .6rem 0 0}.role-nav a{white-space:nowrap;flex:0 0 auto}.dash-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.role-dashboard{width:min(100% - 1rem,1560px);margin:1rem auto 3rem}.dash-hero{flex-direction:column;align-items:flex-start;padding:1.2rem;border-radius:14px}.dash-actions{width:100%;justify-content:stretch}.dash-actions .button{flex:1;justify-content:center}.dash-stats{grid-template-columns:1fr}.dash-grid-2{grid-template-columns:1fr}.dash-panel{padding:.85rem}.table-wrap{overflow-x:auto}.dash-table{min-width:720px}.activity{flex-direction:column;gap:.25rem}.activity span{text-align:left}.role-nav{border-radius:12px}}


/* DevanKatedral dashboard mobile overflow fix v2026-08-21 */
.role-dashboard,.role-main,.dash-panel,.dash-grid-2{min-width:0;max-width:100%}.dash-panel{overflow:hidden}.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.dash-table{max-width:100%}@media(max-width:720px){.dash-table{min-width:640px}.role-dashboard{overflow:hidden}.dash-hero,.dash-stat,.dash-panel{max-width:100%;box-sizing:border-box}}


/* DevanKatedral dashboard mobile polish v2026-08-21 */
@media(max-width:720px){.role-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:.45rem}.role-nav h2{grid-column:1/-1;margin:.1rem 0 .25rem}.role-nav a{white-space:normal;min-height:44px;justify-content:flex-start}.dash-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.dash-stat{min-height:108px;padding:.85rem}.dash-stat span{width:38px;height:38px;border-radius:10px}.dash-stat small{font-size:.68rem}.dash-stat strong{font-size:1.25rem}.dash-stat strong:has(+ *){font-size:1.1rem}.dash-hero{gap:.85rem}.dash-hero h1{font-size:clamp(1.75rem,8vw,2.25rem)}.dash-hero p{font-size:.98rem}.dash-actions .button{min-height:52px}.panel-head h2{font-size:1rem}}
@media(max-width:430px){.dash-stat strong{font-size:1.15rem}.dash-stat.purple strong,.dash-stat.green strong{font-size:1rem;line-height:1.15}.dash-table{min-width:580px}}


/* DevanKatedral dashboard mobile table fit v2026-08-21 */
@media(max-width:430px){.dash-table th,.dash-table td{padding:.65rem .5rem}.dash-table td strong{font-size:.86rem}.dash-table td small{font-size:.72rem}.status{font-size:.68rem;padding:.3rem .42rem}.dashboard-seller #listings .dash-table{min-width:0;width:100%;table-layout:auto}.dashboard-seller #listings .dash-table th:nth-child(4),.dashboard-seller #listings .dash-table td:nth-child(4),.dashboard-seller #listings .dash-table th:nth-child(5),.dashboard-seller #listings .dash-table td:nth-child(5){display:none}.dashboard-seller #listings .dash-table th:nth-child(1),.dashboard-seller #listings .dash-table td:nth-child(1){width:48%}.dashboard-seller #listings .dash-table th:nth-child(2),.dashboard-seller #listings .dash-table td:nth-child(2){width:32%}.dashboard-seller #listings .dash-table th:nth-child(3),.dashboard-seller #listings .dash-table td:nth-child(3){width:20%}.dashboard-seller #listings .dash-table td:nth-child(2){font-size:.75rem}.dashboard-seller #listings .status{white-space:normal}}


/* DevanKatedral standardized forms v2026-08-21 */
.modern-form{display:grid;gap:1rem}.form-card.modern-form{border-radius:14px;border:1px solid var(--line);background:var(--surface);box-shadow:0 16px 44px rgba(18,34,53,.08);padding:1.2rem}.form-section{display:grid;gap:.9rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,var(--soft))}.form-section h2{margin:0;color:var(--ink);font-size:1.05rem}.form-section>p,.form-intro p{color:var(--muted);line-height:1.6;max-width:900px}.form-grid{display:grid;gap:.9rem}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.textarea-grid{align-items:start}.field{display:grid;gap:.38rem;min-width:0}.field label{font-size:.82rem;font-weight:850;color:var(--ink);letter-spacing:.01em}.field.required label .required-mark{color:#c23e42;margin-left:0}.control{min-width:0}.form-control,.field input,.field select,.field textarea,.modern-form input,.modern-form select,.modern-form textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);min-height:44px;padding:.72rem .82rem;font:inherit;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.field textarea,.modern-form textarea{min-height:132px;resize:vertical;line-height:1.55}.field input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:#c23e42}.field:has(input[type=checkbox]){grid-template-columns:auto 1fr;align-items:center}.field:has(input[type=checkbox]) label{grid-column:2;grid-row:1}.field:has(input[type=checkbox]) .control{grid-column:1;grid-row:1}.form-control:focus,.field input:focus,.field select:focus,.field textarea:focus,.modern-form input:focus,.modern-form select:focus,.modern-form textarea:focus{border-color:#2f78d4;box-shadow:0 0 0 3px rgba(47,120,212,.18)}.help{margin:0;color:var(--muted);font-size:.78rem;line-height:1.45}.field-errors,.form-errors,.step-errors{border:1px solid #f1b8b8;background:#fff0f0;color:#9b2226;border-radius:10px;padding:.72rem .85rem;font-size:.84rem;font-weight:650}.field-errors p{margin:.2rem 0}.has-error input,.has-error select,.has-error textarea{border-color:#c23e42}.form-links{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.form-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.sticky-actions{position:sticky;bottom:0;z-index:5;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line);border-radius:14px;padding:.75rem;backdrop-filter:blur(10px)}.button.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}button.is-loading{opacity:.72;cursor:wait}.form-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.form-steps button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:10px;padding:.75rem .6rem;font-weight:850;text-align:left}.form-steps button.active{background:#10243b;color:#fff;border-color:#10243b}.step-panel{display:none}.step-panel.active{display:block}.listing-form-page{width:min(1180px,calc(100% - 2rem));margin:0 auto 4rem}.listing-form{display:grid;gap:1rem}.dropzone{display:grid!important;place-items:center;text-align:center;gap:.35rem;min-height:170px;border:2px dashed color-mix(in srgb,#2f78d4 45%,var(--line));border-radius:16px;background:color-mix(in srgb,#2f78d4 6%,var(--surface));cursor:pointer;padding:1.3rem;color:var(--ink)}.dropzone span{font-weight:900}.dropzone small{color:var(--muted)}.dropzone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.dropzone.dragging{border-color:#c23e42;background:color-mix(in srgb,#c23e42 8%,var(--surface))}.previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.8rem}.preview{position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--soft);min-height:130px;cursor:grab}.preview img{width:100%;height:130px;object-fit:cover;display:block}.preview span{position:absolute;left:.45rem;top:.45rem;background:rgba(16,36,59,.88);color:#fff;border-radius:999px;padding:.28rem .48rem;font-size:.72rem;font-weight:850}.preview button{position:absolute;right:.45rem;top:.45rem;border:0;border-radius:999px;width:30px;height:30px;background:#c23e42;color:#fff;font-weight:900}.dynamic-fields{display:grid;gap:.8rem;margin-top:1rem}.dynamic-fields h3{margin:0;color:var(--ink)}.auth-form-page .auth-copy p{line-height:1.6;color:#d5e0ea}.hp{position:absolute!important;left:-9999px!important}.searchable-select{background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-size:5px 5px;background-repeat:no-repeat}html[data-theme=dark] .form-card.modern-form,html[data-theme=dark] .form-section,html[data-theme=dark] .form-control,html[data-theme=dark] .modern-form input,html[data-theme=dark] .modern-form select,html[data-theme=dark] .modern-form textarea{background:#142230;border-color:#2b3d4d;color:#f5f8fb}html[data-theme=dark] .dropzone{background:#102033;border-color:#456a91}html[data-theme=dark] .field-errors,html[data-theme=dark] .form-errors,html[data-theme=dark] .step-errors{background:#3b181b;border-color:#7d3035;color:#ffb3b8}@media(max-width:900px){.form-grid.two,.form-grid.three{grid-template-columns:1fr}.form-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-form-page{width:min(100% - 1rem,1180px)}.sticky-actions{position:relative}.form-actions .button{flex:1;justify-content:center}.previews{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.form-card.modern-form,.form-section{padding:.9rem;border-radius:12px}.form-steps button{font-size:.8rem}.dropzone{min-height:145px}.preview img{height:115px}.auth-shell{padding-left:.75rem;padding-right:.75rem}}


/* DevanKatedral premium auth pages v2026-08-21 */
.auth-premium{width:min(1180px,calc(100% - 2rem));margin:2rem auto 4rem;min-height:calc(100vh - 260px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.8fr);gap:1.25rem;align-items:stretch}.auth-brand-panel{position:relative;overflow:hidden;border-radius:20px;background:#10243b;color:#fff;min-height:560px;display:flex;align-items:flex-end;box-shadow:0 24px 70px rgba(16,36,59,.18)}.auth-brand-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,36,59,.25),rgba(16,36,59,.92)),url('https://images.unsplash.com/photo-1556742502-ec7c0e9f34b1?auto=format&fit=crop&w=1400&q=80');background-size:cover;background-position:center;transform:scale(1.02)}.auth-brand-panel:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.18),transparent 28%),linear-gradient(135deg,rgba(194,62,66,.32),transparent 45%)}.auth-brand-card{position:relative;z-index:1;padding:2rem;max-width:680px}.auth-brand-card .eyebrow{color:#ffd08a;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.45rem .7rem}.auth-brand-card h1{margin:.8rem 0 .7rem;color:#fff;font-size:clamp(2.35rem,4.8vw,4.3rem);line-height:1.02;letter-spacing:-.055em}.auth-brand-card p{margin:0;max-width:620px;color:#e2eaf1;line-height:1.65;font-size:1.06rem}.auth-trust-list{display:grid;gap:.7rem;margin-top:1.35rem}.auth-trust-list span{display:flex;align-items:center;gap:.65rem;color:#fff;font-weight:760}.auth-trust-list strong{width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.16);color:#ffd08a}.auth-form-panel{display:flex;align-items:center;justify-content:center;min-width:0}.auth-form-panel.centered{grid-column:1/-1}.auth-card{width:min(100%,470px);padding:1.55rem!important;border-radius:18px!important;box-shadow:0 22px 70px rgba(18,34,53,.12)!important}.auth-card-head{display:grid;gap:.35rem;margin-bottom:.35rem}.auth-kicker{color:#c23e42;font-size:.76rem;text-transform:uppercase;letter-spacing:.09em;font-weight:900}.auth-card h2,.auth-card h1{margin:0;color:var(--ink);font-size:clamp(1.55rem,3vw,2.15rem);letter-spacing:-.035em}.auth-card p{margin:0;color:var(--muted);line-height:1.55}.auth-submit{min-height:52px;font-size:1rem}.auth-links-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:.9rem}.auth-links-row.single{justify-content:center}.auth-links-row a{font-weight:850;color:var(--blue);text-decoration:none}.auth-links-row a:hover{text-decoration:underline}.auth-message{text-align:center;place-items:center}.auth-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:#e8f7ef;color:#167548;font-size:1.55rem;font-weight:900}.auth-message-page{grid-template-columns:1fr}.auth-message-page .auth-card{max-width:560px}.auth-card .field label{font-size:.86rem}.auth-card .form-control,.auth-card input{min-height:48px}.auth-card .field:has(input[type=checkbox]){grid-template-columns:auto 1fr}.auth-card .form-errors ul{margin:.25rem 0;padding-left:1.1rem}html[data-theme=dark] .auth-card{background:#142230!important;border-color:#2b3d4d!important}html[data-theme=dark] .auth-icon{background:#123827;color:#77d49f}@media(max-width:980px){.auth-premium{grid-template-columns:1fr;gap:1rem}.auth-brand-panel{min-height:360px;align-items:center}.auth-brand-card{padding:1.4rem}.auth-card{width:100%}}@media(max-width:560px){.auth-premium{width:min(100% - 1rem,1180px);margin:1rem auto 3rem}.auth-brand-panel{min-height:280px;border-radius:16px}.auth-brand-card h1{font-size:2.25rem}.auth-brand-card p{font-size:.98rem}.auth-trust-list{gap:.55rem}.auth-trust-list span{font-size:.88rem}.auth-card{padding:1rem!important;border-radius:16px!important}.auth-links-row{align-items:flex-start;flex-direction:column}.auth-form-panel{align-items:flex-start}.auth-message-page .auth-form-panel{align-items:center}}


/* DevanKatedral minimal authentication and account system v2026-08-21 */
.auth-minimal{width:min(100% - 2rem,760px);margin:2.25rem auto 4rem;min-height:calc(100vh - 280px);display:flex;align-items:flex-start;justify-content:center}.auth-minimal-card{width:min(100%,460px);background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 45px rgba(18,34,53,.08);padding:1.35rem}.auth-minimal-card.wide{width:min(100%,720px)}.auth-minimal-card.message{text-align:center;display:grid;gap:1rem;place-items:center}.auth-minimal-head{display:grid;gap:.45rem;margin-bottom:1rem;text-align:center}.auth-logo-mark{margin-inline:auto;width:42px;height:42px;border-radius:10px;background:#10243b;color:#fff;display:grid;place-items:center;font-weight:900;letter-spacing:-.04em}.auth-minimal-head .eyebrow{color:#c23e42;font-size:.74rem;letter-spacing:.08em}.auth-minimal-head h1{margin:0;color:var(--ink);font-size:clamp(1.65rem,3.2vw,2.15rem);line-height:1.08;letter-spacing:-.035em}.auth-minimal-head p{margin:0 auto;color:var(--muted);line-height:1.55;max-width:560px}.auth-form{gap:.85rem}.auth-form .form-section,.auth-section{padding:.9rem;border-radius:12px;background:color-mix(in srgb,var(--surface) 96%,var(--soft));border-color:var(--line)}.auth-section h2,.account-card h2,.account-panel h2{font-size:1rem;margin:0;color:var(--ink)}.auth-section p,.password-guidance{margin:.15rem 0;color:var(--muted);font-size:.92rem;line-height:1.55}.auth-minimal-links{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:.85rem}.auth-minimal-links.single{justify-content:center}.auth-minimal-links a{font-weight:850;color:var(--blue);text-decoration:none}.auth-minimal-links a:hover{text-decoration:underline}.auth-submit{min-height:50px}.auth-status-icon{width:54px;height:54px;border-radius:14px;background:#e8f7ef;color:#167548;display:grid;place-items:center;font-weight:900;font-size:1.4rem}.auth-status-icon.warning{background:#fff5db;color:#9a5a00}.password-control{position:relative}.password-control input{padding-right:5.8rem}.password-toggle{position:absolute;right:.45rem;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--blue);font-weight:850;font-size:.78rem;padding:.35rem;border-radius:8px;cursor:pointer}.password-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.password-meter{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.6rem;margin-top:.4rem}.password-meter:before{content:"";grid-column:1;grid-row:1;height:6px;background:var(--soft);border-radius:999px}.password-meter span{grid-column:1;grid-row:1;height:6px;border-radius:999px;background:#c23e42;transition:width .2s ease}.password-meter[data-score=medium] span{background:#c27803}.password-meter[data-score=strong] span{background:#167548}.password-meter small{color:var(--muted);font-weight:800}.account-minimal{width:min(1180px,calc(100% - 2rem));margin:2rem auto 4rem}.account-minimal-head{text-align:left;margin-bottom:1.25rem}.account-minimal-head h1{margin:.25rem 0;color:var(--ink);font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.04em}.account-minimal-head p{margin:0;color:var(--muted);line-height:1.55;max-width:760px}.account-minimal-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1rem;align-items:start}.account-card{border-radius:14px!important;padding:1.15rem!important}.account-side{display:grid;gap:1rem}.account-panel{border-radius:14px!important}.account-panel p{color:var(--muted);line-height:1.55}.account-panel .ok{color:#167548}.account-panel .pending{color:#9a5a00}.link-danger{border:0;background:transparent;color:#b4232a;font-weight:850;cursor:pointer;padding:.25rem 0}.link-danger:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.form-actions.split{display:flex;justify-content:space-between;gap:.85rem;flex-wrap:wrap}.form-actions.split .button{flex:1 1 180px}html[data-theme=dark] .auth-minimal-card,html[data-theme=dark] .account-card{background:#142230;border-color:#2b3d4d}html[data-theme=dark] .auth-section{background:#16293a}@media(max-width:860px){.account-minimal-grid{grid-template-columns:1fr}.auth-minimal-card.wide{width:100%}}@media(max-width:560px){.auth-minimal,.account-minimal{width:min(100% - 1rem,1180px);margin:1rem auto 3rem}.auth-minimal-card{padding:1rem;border-radius:12px}.auth-minimal-links{flex-direction:column;align-items:flex-start}.password-control input{padding-right:5.4rem}.password-toggle{font-size:.72rem}.form-grid.two{grid-template-columns:1fr}.account-minimal-head{text-align:left}.account-card{padding:1rem!important}}


/* DevanKatedral mobile hero fit v2026-08-22 */
@media(max-width:560px){
  .hero--marketplace.hero{min-height:auto;padding:2.65rem 0 2.35rem;align-items:center}
  .hero--marketplace .hero-bg-slide{background-position:center center}
  .hero--marketplace .hero-bg-overlay{background:linear-gradient(180deg,rgba(7,18,31,.68),rgba(7,18,31,.82))}
  .hero--marketplace .hero-inner{width:min(100% - 1rem,520px)}
  .hero--marketplace .hero-copy{gap:.8rem;max-width:100%}
  .hero--marketplace .eyebrow{font-size:.62rem;letter-spacing:.08em;padding:.34rem .55rem;max-width:100%;white-space:normal;line-height:1.25}
  .hero--marketplace h1{font-size:clamp(1.9rem,9vw,2.55rem);line-height:1.04;letter-spacing:-.045em;max-width:360px;text-wrap:balance;text-shadow:0 2px 16px rgba(0,0,0,.35)}
  .hero--marketplace .hero-sub{font-size:.88rem;line-height:1.48;max-width:340px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .hero--marketplace .hero-search{margin:.15rem auto 0;width:min(100%,360px);border-radius:10px;padding:.32rem;box-shadow:0 16px 34px rgba(0,0,0,.28)}
  .hero--marketplace .hero-search input{padding:.78rem .85rem;font-size:.92rem;min-height:42px}
  .hero--marketplace .hero-search button{padding:.8rem 1rem;min-height:42px;font-size:.88rem;border-radius:7px}
  .hero--marketplace .trust-badges{gap:.38rem;width:min(100%,360px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero--marketplace .badge{justify-content:center;min-width:0;border-radius:8px;padding:.42rem .35rem;font-size:.68rem;line-height:1.18;white-space:normal;text-align:center;backdrop-filter:none}
  .hero--marketplace .hero-cta-group{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:min(100%,360px);margin-top:.05rem}
  .hero--marketplace .button--secondary,.hero--marketplace .button--ghost{width:100%;min-height:42px;border-radius:8px;padding:.68rem .55rem;font-size:.82rem;line-height:1.18;text-align:center}
}
@media(max-width:340px){
  .hero--marketplace.hero{padding:2.1rem 0 2rem}
  .hero--marketplace h1{font-size:1.78rem;max-width:300px}
  .hero--marketplace .hero-sub{font-size:.82rem;-webkit-line-clamp:2}
  .hero--marketplace .trust-badges{grid-template-columns:1fr;gap:.32rem}
  .hero--marketplace .badge{font-size:.72rem;padding:.36rem .5rem}
}


/* DevanKatedral required-field marker alignment v2026-08-22 */
.field label,.modern-form label,.auth-form label,.account-card label,.listing-form label{line-height:1.35;overflow-wrap:anywhere}
.field label .label-text,.modern-form label .label-text,.auth-form label .label-text,.account-card label .label-text,.listing-form label .label-text{display:inline}
.field label .required-mark,.modern-form label .required-mark,.auth-form label .required-mark,.account-card label .required-mark,.listing-form label .required-mark{display:inline-block;white-space:nowrap;color:#c23e42;font-weight:900;line-height:1;vertical-align:baseline}
.field.required>label,.modern-form .field.required>label,.auth-form .field.required>label,.account-card .field.required>label,.listing-form .field.required>label{display:block;max-width:100%}
@media(max-width:560px){.field label,.modern-form label,.auth-form label,.account-card label,.listing-form label{font-size:.9rem;line-height:1.32}}


/* DevanKatedral dynamic required-marker visual lock v2026-08-22 */
.required-mark{display:inline-block!important;white-space:nowrap!important;color:#c23e42;font-weight:900;line-height:1!important;vertical-align:baseline!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;float:none!important;position:static!important}
label .required-mark{display:inline-block!important}


/* DevanKatedral password visibility eye controls v2026-08-22 */
.password-control{position:relative;display:grid;align-items:center}
.password-control input[type="password"],.password-control input[type="text"]{padding-right:3.25rem!important}
.password-toggle{position:absolute;right:.55rem;top:50%;transform:translateY(-50%);width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--muted);border-radius:999px;cursor:pointer;padding:0;z-index:2}
.password-toggle:hover{color:var(--ink);background:color-mix(in srgb,var(--soft) 82%,transparent)}
.password-toggle:focus-visible{outline:2px solid #2f78d4;outline-offset:2px;color:var(--ink)}
.password-toggle .icon-eye{width:1.2rem;height:1.2rem;display:block;pointer-events:none}
@media(max-width:560px){.password-control input[type="password"],.password-control input[type="text"]{padding-right:3rem!important}.password-toggle{right:.45rem;width:2.15rem;height:2.15rem}}


/* DevanKatedral footer vendor link v2026-08-22 */
.copyright a{color:color-mix(in srgb,currentColor 88%,transparent);text-decoration:none;text-underline-offset:3px;font-weight:500}
.copyright a:hover,.copyright a:focus-visible{color:inherit;text-decoration:underline}


/* DevanKatedral localized hero tagline typography v2026-08-22 */
.hero--marketplace h1{font-size:clamp(2.2rem,4.15vw,4.25rem);line-height:1.06;letter-spacing:-.045em;max-width:min(980px,100%)}
@media(max-width:900px){.hero--marketplace h1{font-size:clamp(2rem,6.2vw,2.75rem);line-height:1.07;max-width:min(720px,100%)}}
@media(max-width:560px){.hero--marketplace h1{font-size:clamp(1.9rem,8.6vw,2.35rem);line-height:1.06;max-width:360px}}
@media(max-width:340px){.hero--marketplace h1{font-size:1.72rem;max-width:300px}}


/* DevanKatedral localized hero tagline width balance v2026-08-22 */
@media(min-width:901px){.hero--marketplace .hero-copy{max-width:min(1180px,100%)}.hero--marketplace h1{max-width:min(1120px,100%);font-size:clamp(2.2rem,3.8vw,4rem)}}
@media(min-width:1600px){.hero--marketplace h1{max-width:1180px;font-size:4rem}}


/* DevanKatedral Haiti-focused hero image slider v2026-08-22 */
.hero--marketplace .hero-bg-slide{overflow:hidden;background-image:none!important;background-color:#10243b;transition:opacity 1.15s ease,transform 9s ease;transform:scale(1.018)}
.hero--marketplace .hero-bg-slide picture,.hero--marketplace .hero-bg-slide img{display:block;width:100%;height:100%}
.hero--marketplace .hero-bg-slide img{object-fit:cover;object-position:center center;filter:saturate(1.08) contrast(1.03);transform:scale(1.01);transition:transform 9s ease}
.hero--marketplace .hero-bg-slide.active img,.hero--marketplace .hero-bg-slide:first-child img{transform:scale(1)}
.hero--marketplace .hero-bg-overlay{background:linear-gradient(180deg,rgba(7,18,31,.64),rgba(7,18,31,.78)),linear-gradient(90deg,rgba(7,18,31,.62),rgba(7,18,31,.32),rgba(7,18,31,.62))}
@media(max-width:560px){.hero--marketplace .hero-bg-slide img{object-position:center center}.hero--marketplace .hero-bg-overlay{background:linear-gradient(180deg,rgba(7,18,31,.72),rgba(7,18,31,.84))}}
@media(prefers-reduced-motion:reduce){.hero--marketplace .hero-bg-slide,.hero--marketplace .hero-bg-slide img{transition:none!important;transform:none!important}}


/* DevanKatedral Haiti hero welcoming overlay balance v2026-08-22 */
.hero--marketplace .hero-bg-overlay{background:linear-gradient(180deg,rgba(7,18,31,.58),rgba(7,18,31,.72)),linear-gradient(90deg,rgba(7,18,31,.54),rgba(7,18,31,.24),rgba(7,18,31,.58))}
@media(max-width:560px){.hero--marketplace .hero-bg-overlay{background:linear-gradient(180deg,rgba(7,18,31,.66),rgba(7,18,31,.78))}}


/* DevanKatedral payment/subscription management v2026-08-22 */
.payment-dashboard,.receipt,.staff-payments{width:min(1180px,calc(100% - 2rem));margin:2rem auto 4rem}.payment-card,.payment-row{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px rgba(18,34,53,.06);padding:1.25rem}.detail-list{display:grid;gap:.8rem;margin:1rem 0}.detail-list div{display:grid;grid-template-columns:minmax(150px,240px) 1fr;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:.7rem}.detail-list dt{font-weight:700;color:var(--muted)}.detail-list dd{margin:0;font-weight:650}.payment-methods{display:flex;flex-wrap:wrap;gap:.55rem;padding:0;margin:.75rem 0 1rem;list-style:none}.payment-methods li{border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:.45rem .7rem;font-weight:650}.filterbar{display:flex;gap:.75rem;align-items:end;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1rem;margin:1rem 0}.filterbar label{display:grid;gap:.35rem;flex:1;font-weight:700}.filterbar input,.payment-row input{min-height:42px;border:1px solid var(--line);border-radius:10px;padding:.55rem .75rem;background:var(--surface);color:var(--ink)}.card-list{display:grid;gap:1rem}.payment-row form{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;margin:.5rem 0}.danger{color:#b42318!important}@media(max-width:700px){.detail-list div{grid-template-columns:1fr}.filterbar{display:grid}.payment-row form{display:grid}.payment-row input{width:100%}}


/* DevanKatedral payment desktop layout correction v2026-08-22 */
.staff-payments .page-head,.payment-dashboard .page-head{background:transparent;color:var(--ink);border:0;box-shadow:none;padding:0;margin:0 0 1rem;min-height:auto}.staff-payments .page-head h1,.payment-dashboard .page-head h1{font-size:clamp(2rem,4vw,3.25rem);line-height:1.05;margin:.2rem 0;color:var(--ink);max-width:none}.staff-payments .page-head .eyebrow,.payment-dashboard .page-head .eyebrow{color:var(--primary)}.receipt .payment-card{width:min(760px,100%);max-width:760px;margin:0 auto}.receipt .detail-list div{grid-template-columns:minmax(180px,240px) minmax(0,1fr)}.receipt .detail-list dd,.payment-row code{overflow-wrap:anywhere;word-break:normal}.staff-payments .card-list{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start}.staff-payments .payment-row{min-width:0}.staff-payments .payment-row h2{font-size:1.1rem;line-height:1.35}.staff-payments .payment-row form{max-width:100%}@media(max-width:700px){.receipt .payment-card{margin:0}.receipt .detail-list div{grid-template-columns:1fr}.staff-payments .card-list{grid-template-columns:1fr}}


/* DevanKatedral header favicon readability v2026-08-22 */
:root{--bk-header-logo-size:57px}
.nav{height:auto;min-height:calc(var(--bk-header-logo-size) + 1.6rem);padding:.8rem 0}
.nav .logo{gap:.85rem;flex:0 0 auto}
.nav .logo img{width:var(--bk-header-logo-size);height:var(--bk-header-logo-size);object-fit:contain;flex:0 0 var(--bk-header-logo-size)}
.nav .logo span{font-size:1.35rem;line-height:1.05}
@media(max-width:900px){.nav{min-height:calc(var(--bk-header-logo-size) + 1.25rem);align-items:center}.nav .logo img{width:var(--bk-header-logo-size);height:var(--bk-header-logo-size)}}
@media(max-width:560px){:root{--bk-header-logo-size:48px}.nav{width:min(100% - 1rem,var(--max));gap:.75rem;padding:.65rem 0}.nav .logo{gap:.65rem}.nav .logo span{font-size:1.05rem}.actions{gap:.45rem}.actions .button.small{padding:.55rem .7rem}}
@media(max-width:380px){:root{--bk-header-logo-size:42px}.nav .logo span{font-size:1rem}}


/* DevanKatedral topbar contact links v2026-08-22 */
.topbar-contact{display:flex;align-items:center;gap:1rem;min-width:0}
.topbar-contact-item{display:inline-flex;align-items:center;gap:.38rem;color:#e7eef5!important;font-weight:700;white-space:nowrap;line-height:1}
.topbar-contact-item svg{width:15px;height:15px;fill:currentColor;opacity:.9;flex:0 0 15px}
.topbar-contact-item:hover,.topbar-contact-item:focus-visible{color:#fff!important;text-decoration:underline;text-underline-offset:3px}
.topbar-label{color:#9fb2c4;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:.66rem}
.topbar-value{color:#fff;font-weight:800}
.topbar-language{margin-left:auto;white-space:nowrap;color:#fff!important;font-weight:800}
@media(max-width:720px){.topbar{height:auto;min-height:40px;gap:.65rem;padding:.45rem 1rem;align-items:flex-start}.topbar-contact{flex-direction:column;align-items:flex-start;gap:.35rem}.topbar-contact-item{font-size:.72rem}.topbar-label{font-size:.62rem}.topbar-language{padding-top:.05rem}}
@media(max-width:420px){.topbar{padding:.45rem .75rem}.topbar-contact-item{font-size:.68rem}.topbar-contact-item svg{width:14px;height:14px;flex-basis:14px}.topbar-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.topbar-value{font-size:.7rem}}


/* DevanKatedral topbar contact mobile visibility lock v2026-08-22 */
@media(max-width:720px){
  .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:.75rem;row-gap:.25rem;align-items:start;min-height:48px;height:auto}
  .topbar-contact{min-width:0;width:100%;max-width:calc(100vw - 6.5rem)}
  .topbar-contact-item{display:grid;grid-template-columns:14px minmax(0,auto) minmax(0,1fr);width:100%;max-width:100%;gap:.34rem;align-items:center;overflow:visible;white-space:nowrap}
  .topbar-value{display:inline-block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#fff!important}
  .topbar-language{justify-self:end;align-self:start}
}
@media(max-width:420px){
  .topbar{grid-template-columns:minmax(0,1fr) auto;min-height:46px}
  .topbar-contact{max-width:calc(100vw - 5.75rem)}
  .topbar-contact-item{grid-template-columns:14px minmax(0,1fr);gap:.38rem;font-size:.7rem;line-height:1.1}
  .topbar-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
  .topbar-value{font-size:.7rem;color:#fff!important}
}


/* DevanKatedral topbar contact visible values override v2026-08-22 */
.topbar .topbar-contact .topbar-value{display:inline-block!important;visibility:visible!important;opacity:1!important}
@media(max-width:420px){.topbar .topbar-contact .topbar-value{display:inline-block!important}}


/* DevanKatedral topbar translated labels visible on mobile v2026-08-22 */
@media(max-width:420px){
  .topbar .topbar-contact .topbar-contact-item{grid-template-columns:14px auto minmax(0,1fr)!important}
  .topbar .topbar-contact .topbar-label{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;display:inline-block!important;white-space:nowrap!important;color:#9fb2c4!important}
  .topbar .topbar-contact .topbar-value{display:inline-block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
}


/* DevanKatedral compact language/theme controls v2026-08-22 */
.actions{align-items:center}
.header-control{width:38px;height:38px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:.18rem;padding:0;line-height:1;font-weight:850;letter-spacing:.02em;cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .15s}
.theme.header-control{font-size:1rem}
.language-toggle.header-control{font-size:.72rem;text-transform:uppercase}
.language-toggle svg{width:14px;height:14px;fill:currentColor;flex:0 0 14px;opacity:.86}
.language-code{font-size:.68rem;font-weight:900;letter-spacing:.03em}
.header-control:hover,.header-control:focus-visible{border-color:var(--blue);color:var(--blue);background:color-mix(in srgb,var(--blue) 8%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 16%,transparent);outline:0}
.header-control:active{transform:translateY(1px);background:color-mix(in srgb,var(--blue) 12%,var(--surface))}
.language-toggle[aria-label*="FR"],.language-toggle[aria-label*="HT"]{position:relative}
.topbar{justify-content:flex-start}
.topbar-contact{flex:1}
@media(max-width:900px){.actions{gap:.5rem}.header-control{width:38px;height:38px;flex:0 0 38px}.language-toggle svg{width:13px;height:13px;flex-basis:13px}.language-code{font-size:.66rem}}
@media(max-width:720px){.topbar{display:flex;grid-template-columns:none}.topbar-contact{max-width:100%;width:100%}.actions{margin-left:auto}.header-control{width:38px;height:38px}}
@media(max-width:560px){.actions{gap:.42rem}.header-control{width:38px;height:38px}.language-toggle.header-control{font-size:.68rem}.language-code{font-size:.64rem}}
@media(max-width:380px){.actions{gap:.35rem}.header-control{width:36px;height:36px;flex-basis:36px}.language-toggle svg{width:12px;height:12px;flex-basis:12px}.language-code{font-size:.61rem}}


/* DevanKatedral language switcher responsive visibility lock v2026-08-22 */
.actions .language-toggle.header-control{display:inline-flex!important;visibility:visible!important;opacity:1!important}
@media(max-width:900px){.actions .language-toggle.header-control{display:inline-flex!important}}
@media(max-width:560px){.actions .language-toggle.header-control{display:inline-flex!important}}


/* DevanKatedral language switcher code-only lock v2026-08-22 */
.language-toggle.header-control{gap:0!important;text-align:center}
.language-toggle.header-control svg{display:none!important}
.language-toggle.header-control .language-code{font-size:.72rem!important;font-weight:950!important;letter-spacing:.04em!important;line-height:1!important}
@media(max-width:380px){.language-toggle.header-control .language-code{font-size:.68rem!important}}


/* DevanKatedral theme switcher inactive-icon lock v2026-08-22 */
.theme.header-control .theme-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;font-weight:900;line-height:1;transform:translateY(-.5px)}
@media(max-width:380px){.theme.header-control .theme-icon{font-size:1rem}}