/* Orvyn Supply production v7 — compressed page system, brand-first QR landing, mobile/desktop specific UI */
:root{
  --bg:#f7f7f3;
  --surface:#fff;
  --surface-soft:#fbfbf8;
  --warm:#efeee8;
  --text:#070707;
  --muted:#62666d;
  --muted-2:#8b8f94;
  --line:#deded7;
  --line-strong:#c8c8c0;
  --black:#070707;
  --white:#ffffff;
  --vinted:#078d96;
  --vinted-dark:#04757d;
  --green:#067144;
  --green-bg:#ddf7e8;
  --blue:#255c78;
  --blue-bg:#e7f3f8;
  --shadow-sm:0 1px 0 rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.045);
  --shadow:0 20px 54px rgba(0,0,0,.085);
  --radius:16px;
  --radius-lg:22px;
  --radius-xl:34px;
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.42}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{max-width:100%;display:block}
.container{width:min(var(--container),calc(100% - 28px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.header-inner{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.wordmark{font-size:clamp(1.34rem,3vw,2.45rem);font-weight:950;letter-spacing:-.075em;line-height:.95;white-space:nowrap}
.nav-links{display:flex;align-items:center;gap:24px;font-weight:880}
.nav-links a{color:#171717}
.nav-links a:hover{text-decoration:underline;text-underline-offset:5px}
.menu-btn{display:none;width:44px;height:44px;border:0;background:transparent;align-items:center;justify-content:center;border-radius:12px}
.menu-icon,.menu-icon::before,.menu-icon::after{display:block;width:25px;height:2px;background:#111;content:"";border-radius:999px}
.menu-icon{position:relative}.menu-icon::before{position:absolute;top:-8px}.menu-icon::after{position:absolute;top:8px}
.mobile-menu{display:none;border-top:1px solid var(--line);background:#fff}.mobile-menu.open{display:block}
.mobile-menu-panel{padding:10px 0 14px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.mobile-menu a{display:block;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fff;font-weight:850}
.mobile-menu a strong{display:block;font-size:.96rem}.mobile-menu a span{display:block;margin-top:2px;color:var(--muted);font-size:.78rem;font-weight:650}
.mobile-tabbar{display:none}
h1,h2,h3,p{margin-top:0}p{margin-bottom:12px}
h1{font-size:clamp(2.45rem,5.5vw,4.9rem);line-height:.94;letter-spacing:-.075em;margin-bottom:12px}
h2{font-size:clamp(1.85rem,3.6vw,3rem);line-height:1;letter-spacing:-.06em;margin-bottom:14px}
h3{font-size:1.08rem;line-height:1.1;letter-spacing:-.025em;margin-bottom:6px}
.lead{color:var(--muted);font-size:clamp(1rem,1.55vw,1.18rem);max-width:690px;margin-bottom:18px}.small{font-size:.9rem;color:var(--muted)}.muted{color:var(--muted)}.price{font-weight:950;letter-spacing:-.015em}
.eyebrow{width:max-content;display:inline-flex;border:1px solid var(--line);background:#fff;color:#4c5055;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:900;letter-spacing:.04em;margin-bottom:14px}
.btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;border:1px solid var(--line-strong);padding:10px 15px;font-weight:900;background:#fff!important;color:#080808!important;line-height:1.05;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-primary{background:#080808!important;color:#fff!important;border-color:#080808!important}.btn-vinted{background:var(--vinted)!important;color:#fff!important;border-color:var(--vinted)!important}.btn-vinted:hover{background:var(--vinted-dark)!important;border-color:var(--vinted-dark)!important}.btn-outline{background:#fff!important;color:#080808!important;border-color:var(--line-strong)!important}.btn-soft{background:#f5f5f0!important;color:#080808!important;border-color:var(--line)!important}.btn-small{min-height:36px;padding:8px 11px;font-size:.88rem;border-radius:10px}.btn-full{width:100%}.button-row{display:flex;flex-wrap:wrap;gap:10px}
.page{padding:24px 0 52px}.section{padding:26px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px}.section-head p{color:var(--muted);margin:0;max-width:620px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:none}.card-pad{padding:18px}.page-intro{margin-bottom:18px}.split-intro{display:grid;grid-template-columns:1fr minmax(250px,360px);gap:18px;align-items:end}.trust-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}.trust-card strong{display:block;font-size:1.18rem;letter-spacing:-.025em}.trust-card span{display:block;color:var(--muted);margin-top:4px}
/* Homepage */
.brand-hero{padding:28px 0 30px}.hero-shell{position:relative;min-height:calc(100vh - 126px);max-height:760px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,.72fr);grid-template-rows:1fr auto;gap:18px 28px;align-items:stretch;padding:54px;background:#fff;border:1px solid var(--line);border-radius:34px;overflow:hidden;box-shadow:var(--shadow)}
.brand-copy{position:relative;z-index:3;grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center;padding:0}.brand-copy h1{max-width:790px}.brand-copy .lead{max-width:580px}.hero-actions{margin-top:2px}.hero-proof{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 16px}.hero-proof span,.footer-proof span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);color:#121212;font-size:.84rem;font-weight:850}.mobile-proof{display:none}
.brand-visual{position:relative;grid-column:2;grid-row:1 / 3;margin:-54px -54px -54px 0;overflow:hidden;background:#e5e2da}.brand-visual img{width:100%;height:100%;min-height:calc(100vh - 126px);object-fit:cover;object-position:center}.brand-visual::before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.94) 8%,rgba(255,255,255,.45) 32%,rgba(255,255,255,0) 62%),linear-gradient(180deg,rgba(255,255,255,0) 52%,rgba(0,0,0,.2) 100%);pointer-events:none}.visual-overlay{position:absolute;z-index:3;right:22px;bottom:22px;max-width:330px;padding:13px 15px;border:1px solid rgba(255,255,255,.24);border-radius:16px;background:rgba(0,0,0,.3);backdrop-filter:blur(10px);color:#fff}.visual-overlay strong{display:block;font-size:1.05rem}.visual-overlay span{display:block;color:rgba(255,255,255,.82);font-size:.9rem;margin-top:3px}
.brand-panel{position:relative;z-index:3;grid-column:1;grid-row:2;display:grid;gap:12px;align-self:end}.panel-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.panel-stat-row div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.panel-stat-row strong{display:block;font-size:1.3rem;letter-spacing:-.04em}.panel-stat-row span{display:block;color:var(--muted);font-size:.84rem}.keep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.keep-card{min-height:160px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.keep-card p{color:var(--muted);margin-bottom:0}.home-section #latest-slot{display:grid;gap:12px}
/* Status/card system */
.status{display:inline-flex;align-items:center;border-radius:9px;padding:6px 9px;font-size:.8rem;font-weight:950;color:#0c0c0c;background:#ecece8}.status.available{background:var(--green-bg);color:#066b41}.status.preview{background:var(--blue-bg);color:#255b75}.status.sold{background:#0b0b0b;color:#fff}.badge-overlay{position:absolute;top:10px;left:10px;z-index:3}.inline-status{display:none}
.listing-card{display:grid;grid-template-columns:154px 1fr minmax(205px,230px);gap:12px;padding:10px;align-items:center}.listing-card.compact{grid-template-columns:145px 1fr minmax(205px,230px)}.listing-card .image-wrap{position:relative;border-radius:12px;overflow:hidden;background:#eee;aspect-ratio:1/1}.listing-card .image-wrap img{width:100%;height:100%;object-fit:cover;object-position:center}.listing-body{padding:2px 0;min-width:0}.listing-body h3{font-size:clamp(1.05rem,1.8vw,1.28rem);margin-bottom:6px}.listing-body p{margin-bottom:6px}.listing-body .muted{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.listing-card .product-actions{display:grid;grid-template-columns:1fr;margin-top:0}.listing-card .product-actions .btn{width:100%}
.grid-products{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.product-tile{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.product-tile .tile-img{aspect-ratio:1/1;position:relative;overflow:hidden;background:#eee}.product-tile img{width:100%;height:100%;object-fit:cover}.tile-body{padding:11px}.tile-title{font-weight:950;letter-spacing:-.025em;line-height:1.13;margin-bottom:6px}.empty-state{background:#fff;border:1px dashed var(--line-strong);border-radius:var(--radius);padding:24px;text-align:center}.sold-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.sold-card{display:grid;grid-template-columns:142px 1fr;min-height:155px}.sold-card .image-wrap{position:relative;overflow:hidden;background:#eee;aspect-ratio:auto}.sold-card img{width:100%;height:100%;object-fit:cover;object-position:center}.sold-info{padding:13px;display:flex;flex-direction:column;gap:6px}.sold-info h3{font-size:1rem}
/* Drop alerts */
.alert-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px;display:grid;grid-template-columns:1fr minmax(310px,430px);gap:18px;align-items:center}.alert-box h3{font-size:1.32rem}.form-inline{display:flex;gap:9px;align-items:center}.consent-note{font-size:.78rem;color:var(--muted);margin:4px 0 0}input,select,textarea{width:100%;min-height:42px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;padding:10px 12px;color:#111;outline:none}input:focus,select:focus,textarea:focus{border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.08)}textarea{min-height:112px;resize:vertical}
/* Drops page */
.filters{display:grid;grid-template-columns:1fr 155px 155px;gap:10px;margin:14px 0 18px}.tabs{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.tab{min-height:40px;border:1px solid var(--line-strong);background:#fff;color:#111;border-radius:12px;padding:9px 13px;font-weight:900;white-space:nowrap}.tab.active{background:#111;color:#fff;border-color:#111}.load-more-wrap{margin-top:18px;display:flex;justify-content:center}.drop-help{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;justify-content:space-between;gap:12px;align-items:center}
/* Product detail */
.detail-grid{display:grid;grid-template-columns:minmax(0,710px) minmax(315px,1fr);gap:24px;align-items:start}.detail-main{min-width:0}.gallery-main{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);background:#ecece8;box-shadow:var(--shadow-sm);height:min(58vh,560px);min-height:360px}.gallery-main img{width:100%;height:100%;object-fit:contain;object-position:center;background:#ecece8}.gallery-count{position:absolute;right:14px;bottom:14px;background:rgba(0,0,0,.82);color:#fff;padding:8px 12px;border-radius:10px;font-weight:950}.thumbs{display:flex;gap:10px;margin-top:10px;overflow-x:auto;padding-bottom:5px}.thumb{width:72px;height:72px;border:1px solid var(--line);border-radius:11px;overflow:hidden;flex:0 0 auto;background:#fff;padding:0}.thumb.active{border:3px solid #111}.thumb img{width:100%;height:100%;object-fit:cover}.detail-main h1{margin-top:20px;font-size:clamp(2.05rem,4vw,3.35rem)}.detail-mobile-actions{display:none}.condition-card{display:grid;grid-template-columns:52px 1fr;gap:13px;align-items:center;padding:16px;margin-top:12px}.check-circle{width:44px;height:44px;border:3px solid #00a85a;border-radius:50%;display:grid;place-items:center;color:#00a85a;font-size:1.35rem}.info-row{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin-top:14px;overflow:hidden}.info-row div{padding:15px 10px;border-right:1px solid var(--line)}.info-row div:last-child{border-right:0}.side-card{position:sticky;top:86px;padding:18px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.side-card h2{font-size:1.88rem;letter-spacing:-.055em}.side-card .product-actions{display:grid!important;grid-template-columns:1fr!important}.side-card .product-actions .btn{width:100%}.side-facts{display:grid;gap:0;margin:12px 0;border-top:1px solid var(--line)}.side-fact{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.94rem}.side-fact span:first-child{color:var(--muted)}.side-helper{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.quick{display:grid;grid-template-columns:1fr 1fr;gap:8px}.desktop-only{display:block}
/* Contact */
.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:start}.contact-card{padding:15px;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center}.contact-icon{width:42px;height:42px;border-radius:14px;background:#f1f1ed;display:grid;place-items:center;font-weight:900}.primary-contact{border-color:#111;box-shadow:var(--shadow-sm)}.form-grid{display:grid;gap:12px}.form-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-form-wide{grid-column:1 / -1}.contact-form-actions{display:flex;gap:10px;flex-wrap:wrap}.clean-list{margin:0;padding-left:18px}.clean-list li{margin:8px 0;color:var(--muted)}
/* Footer */
.footer{margin-top:34px;border-top:1px solid var(--line);background:#fff}.footer-grid{padding:26px 0;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px;align-items:start}.footer h3{margin-bottom:10px}.footer a{color:#111;font-weight:780}.footer-list{display:grid;gap:8px}.footer-bottom{border-top:1px solid var(--line);padding:14px 0;color:var(--muted);font-size:.9rem}.footer-wordmark{font-size:1.9rem;font-weight:950;letter-spacing:-.075em;line-height:1}.footer-proof{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:#111;color:#fff;padding:12px 16px;border-radius:999px;opacity:0;pointer-events:none;z-index:100;transition:.2s ease}.toast.show{opacity:1;transform:translateX(-50%) translateY(-4px)}
/* Admin */
.admin-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background:#f5f5f2}.admin-sidebar{background:#111;color:#fff;padding:22px;position:sticky;top:0;height:100vh}.admin-sidebar .wordmark{color:#fff;font-size:2rem;margin-bottom:24px}.admin-nav{display:grid;gap:6px}.admin-nav button{text-align:left;background:transparent;border:0;color:#d8d8d8;padding:12px;border-radius:12px;font-weight:850}.admin-nav button.active,.admin-nav button:hover{background:#2a2a2a;color:#fff}.admin-content{padding:24px}.admin-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.stat span{display:block;color:var(--muted);font-size:.9rem;font-weight:750}.stat strong{font-size:2rem;letter-spacing:-.04em}.admin-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:16px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--line);padding:10px;vertical-align:middle}.admin-table th{font-size:.86rem;color:var(--muted)}.admin-thumb{width:64px;height:64px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.admin-actions{display:flex;gap:6px;flex-wrap:wrap}.admin-form{display:grid;gap:12px}.admin-form .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.image-manager{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.image-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.image-card img{width:100%;aspect-ratio:1/1;object-fit:cover}.image-card .admin-actions{padding:8px}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eee;font-weight:850;font-size:.78rem}.badge.available{background:var(--green-bg);color:var(--green)}.badge.preview{background:var(--blue-bg);color:var(--blue)}.badge.sold{background:#111;color:#fff}.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:980px){.hero-shell{grid-template-columns:1fr;grid-template-rows:auto;min-height:auto;max-height:none;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.brand-copy{grid-column:1;grid-row:2;padding:0}.brand-panel{grid-column:1;grid-row:3}.brand-visual{grid-column:1;grid-row:1;margin:0;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-sm);min-height:380px}.brand-visual img{min-height:380px;height:100%;object-fit:cover}.brand-visual::before{display:none}.visual-overlay{display:none}.mobile-proof{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.mobile-proof span{display:inline-flex;min-height:26px;padding:5px 8px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.76rem;font-weight:850}.panel-stat-row{display:none}.keep-grid,.mini-info-grid,.detail-grid,.contact-grid,.admin-grid-2{grid-template-columns:1fr}.grid-products{grid-template-columns:repeat(3,1fr)}.desktop-only{display:none!important}.detail-mobile-actions{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto}.admin-nav{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){body{padding-bottom:78px}.container{width:min(100% - 20px,var(--container))}.header-inner{min-height:56px}.wordmark{font-size:1.18rem;letter-spacing:-.055em}.nav-links{display:none}.menu-btn{display:flex}.mobile-menu-panel{grid-template-columns:1fr}.mobile-tabbar{position:fixed;z-index:70;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:7px;border:1px solid rgba(0,0,0,.12);border-radius:22px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);box-shadow:0 16px 42px rgba(0,0,0,.18)}.mobile-tabbar a{min-height:50px;display:grid;place-items:center;align-content:center;gap:2px;border-radius:16px;color:#202020;font-size:.7rem;font-weight:850}.mobile-tabbar a span{font-size:1rem;line-height:1}.mobile-tabbar a.active{background:#111;color:#fff}.page{padding:18px 0 42px}.brand-hero{padding:10px 0 18px}.brand-visual{min-height:auto;aspect-ratio:1.08/1;border-radius:20px}.brand-visual img{min-height:0;height:100%}.eyebrow{display:none}h1{font-size:2.12rem;line-height:.94;margin-bottom:9px}h2{font-size:1.72rem;margin-bottom:10px}.lead{font-size:.95rem;margin-bottom:12px}.hero-proof{display:none}.hero-actions{display:grid;grid-template-columns:1fr;gap:8px}.btn{width:100%;min-height:40px;padding:9px 12px;font-size:.88rem;border-radius:10px}.btn-small{min-height:34px;font-size:.8rem}.section{padding:20px 0}.section-head{align-items:center;margin-bottom:10px}.section-head .btn{display:none}.section-head p{font-size:.84rem}.keep-grid{gap:8px}.keep-card{min-height:auto;padding:14px}.listing-card,.listing-card.compact{grid-template-columns:92px 1fr;gap:10px;padding:8px;border-radius:13px}.listing-card .image-wrap{border-radius:10px}.listing-card .badge-overlay{display:none}.inline-status{display:block;margin-bottom:4px}.inline-status .status{font-size:.62rem;padding:3px 6px;border-radius:7px}.listing-body{padding:2px 2px 2px 0;display:block}.listing-body h3{font-size:.98rem;margin-bottom:5px}.listing-body p{font-size:.78rem;margin-bottom:4px}.listing-body .muted{display:none}.listing-card .product-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr;min-width:0;margin-top:4px}.grid-products{grid-template-columns:repeat(2,1fr);gap:9px}.tile-body{padding:9px}.tile-title{font-size:.9rem}.product-tile .badge-overlay,.sold-card .badge-overlay{top:6px;left:6px}.product-tile .badge-overlay .status,.sold-card .badge-overlay .status{font-size:.58rem;padding:3px 6px;border-radius:7px}.sold-grid{grid-template-columns:1fr 1fr;gap:8px}.sold-card{grid-template-columns:1fr;min-height:0;border-radius:13px}.sold-card .image-wrap{aspect-ratio:1/1}.sold-info{padding:9px;gap:4px}.sold-info h3{font-size:.78rem;line-height:1.16}.sold-info p{font-size:.74rem;margin:0}.alert-box{grid-template-columns:1fr;padding:14px;gap:9px}.form-inline{display:grid;grid-template-columns:1fr}.filters{grid-template-columns:1fr;gap:8px}.tabs{margin-bottom:8px}.tab{font-size:.84rem;min-height:37px}.drop-help{display:grid;grid-template-columns:1fr}.gallery-main{border-radius:15px;height:auto;min-height:0;aspect-ratio:1/1;background:#ecece8}.gallery-main img{height:100%;object-fit:contain}.thumb{width:60px;height:60px}.detail-main h1{font-size:2rem;margin-top:16px}.condition-card{grid-template-columns:42px 1fr;padding:13px}.check-circle{width:36px;height:36px;font-size:1.1rem}.info-row{grid-template-columns:1fr;margin-top:10px;text-align:left}.info-row div{border-right:0;border-bottom:1px solid var(--line);padding:12px}.info-row div:last-child{border-bottom:0}.contact-card{grid-template-columns:38px 1fr;align-items:start}.contact-card>strong,.contact-card>.btn{grid-column:1 / -1}.form-2{grid-template-columns:1fr}.contact-form-actions{display:grid;grid-template-columns:1fr}.split-intro{grid-template-columns:1fr}.trust-card{display:none}.footer{margin-top:22px}.footer-grid{grid-template-columns:1fr;gap:16px;padding:22px 0}.footer-list{grid-template-columns:repeat(2,1fr);gap:8px}.footer-list a{padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:#fafaf7;font-size:.86rem}.footer-wordmark{font-size:1.4rem}.footer-proof span{font-size:.72rem;min-height:26px}.admin-content{padding:14px}.admin-top{display:block}.admin-nav{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.admin-table{display:block;overflow-x:auto;white-space:nowrap}.admin-form .row,.image-manager{grid-template-columns:1fr}}
@media(max-width:390px){h1{font-size:1.98rem}.footer-list{grid-template-columns:1fr}}


/* =========================
   v8 full rebuild overrides
   Page system: Home / Drops / Alerts / Contact / Item
   ========================= */

:root{
  --v8-card:#ffffff;
  --v8-ink:#080808;
  --v8-sub:#61646b;
  --v8-line:#deded7;
  --v8-soft:#f3f3ee;
}
body{background:#f7f7f3}
.nav-links a[href="alerts.html"]{font-weight:950}
.btn{white-space:normal;text-align:center}
.btn-primary{background:#080808!important;color:#fff!important;border-color:#080808!important}
.btn-outline{background:#fff!important;color:#080808!important;border-color:var(--line-strong)!important}
.btn-soft{background:#f5f5f0!important;color:#080808!important;border-color:var(--line)!important}

/* Mobile menu names are clear; platform clutter removed */
.mobile-menu-panel{grid-template-columns:repeat(2,1fr)}
.mobile-menu-panel a span{font-size:.78rem}

/* Home */
.home-hero{padding:26px 0 30px}
.home-hero-shell{
  min-height:calc(100vh - 128px);
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(390px,.82fr);
  gap:0;
  align-items:stretch;
  background:#fff;
  border:1px solid var(--v8-line);
  border-radius:36px;
  overflow:hidden;
  box-shadow:0 22px 62px rgba(0,0,0,.09);
}
.home-copy{
  position:relative;
  z-index:2;
  padding:58px 42px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.home-copy h1{
  max-width:740px;
}
.home-copy .lead{
  max-width:570px;
}
.home-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:4px;
}
.home-visual{
  position:relative;
  min-height:520px;
  background:#e8e4dc;
  overflow:hidden;
}
.home-visual img{
  width:100%;
  height:100%;
  min-height:520px;
  object-fit:cover;
  object-position:center;
}
.home-visual::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:
    linear-gradient(90deg, #fff 0%, rgba(255,255,255,.92) 8%, rgba(255,255,255,.32) 30%, rgba(255,255,255,0) 58%),
    linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.2) 100%);
  pointer-events:none;
}
.visual-overlay{
  position:absolute;
  z-index:3;
  right:20px;
  bottom:20px;
  max-width:310px;
  padding:13px 14px;
  border-radius:16px;
  background:rgba(0,0,0,.36);
  color:#fff;
  border:1px solid rgba(255,255,255,.24);
  backdrop-filter:blur(12px);
}
.visual-overlay strong{display:block;font-size:1.02rem}
.visual-overlay span{display:block;color:rgba(255,255,255,.78);font-size:.88rem;margin-top:2px}
.mobile-trust-row{
  display:none;
}
.home-route-section{
  padding-top:28px;
}
.route-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.route-card{
  min-height:260px;
  padding:22px;
  background:#fff;
  border:1px solid var(--v8-line);
  border-radius:24px;
  box-shadow:var(--shadow-sm);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.route-card span{
  width:38px;height:38px;border-radius:13px;background:#111;color:#fff;
  display:grid;place-items:center;font-weight:950;font-size:.86rem
}
.route-card h3{font-size:1.45rem;margin-top:18px}
.route-card p{color:var(--muted);max-width:310px}
.route-card strong{margin-top:auto}
.trust-section{
  padding-top:30px;
}
.trust-grid{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(360px,.72fr);
  gap:22px;
  align-items:start;
  padding:34px;
  background:#fff;
  border:1px solid var(--v8-line);
  border-radius:30px;
}
.trust-list{
  display:grid;
  gap:10px;
}
.trust-list div{
  padding:16px;
  border:1px solid var(--v8-line);
  border-radius:16px;
  background:#fafaf7;
}
.trust-list strong{display:block;font-size:1.05rem}
.trust-list span{display:block;color:var(--muted);margin-top:4px}
.home-feature-card{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:14px;
}
.home-feature-card .listing-card{
  margin:0;
}
.home-feature-card > .btn{
  min-width:150px;
}

/* Catalogue / Drops */
.catalogue-intro{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(250px,360px);
  gap:18px;
  align-items:end;
}
.catalogue-note{
  background:#fff;
  border:1px solid var(--v8-line);
  border-radius:18px;
  padding:16px;
}
.catalogue-note strong{display:block;font-size:1.08rem}
.catalogue-note span{display:block;color:var(--muted);margin-top:4px}
.catalogue-toolbar{
  display:grid;
  gap:10px;
}
.result-summary{
  color:var(--muted);
  font-weight:850;
  margin:2px 0 14px;
}
.drop-help{display:none!important}

/* Alerts page */
.alerts-page{
  display:grid;
  gap:22px;
}
.alerts-hero{
  min-height:420px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,.62fr);
  gap:24px;
  align-items:center;
  padding:38px;
  background:#fff;
  border:1px solid var(--v8-line);
  border-radius:32px;
  box-shadow:var(--shadow-sm);
}
.alerts-hero h1{
  max-width:760px;
}
.alerts-hero .alert-box{
  border-radius:24px;
  align-self:stretch;
  align-content:center;
  grid-template-columns:1fr;
  padding:24px;
  box-shadow:none;
}
.alerts-hero .form-inline{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
.alerts-hero .btn{
  width:100%;
}
.alerts-info-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

/* Contact page only has contact content */
.contact-intro{
  max-width:820px;
}
.contact-grid-clean{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  align-items:stretch;
}
.contact-method{
  display:flex;
  min-height:220px;
  flex-direction:column;
  justify-content:space-between;
  padding:20px;
  border:1px solid var(--v8-line);
  border-radius:22px;
  background:#fff;
  box-shadow:var(--shadow-sm);
}
.contact-method span{
  color:var(--muted);
  font-weight:900;
}
.contact-method h2{
  font-size:1.65rem;
  margin:10px 0 8px;
}
.contact-method p{
  color:var(--muted);
  margin-bottom:18px;
}
.primary-contact{
  background:#0b0b0b;
  color:#fff;
  border-color:#0b0b0b;
}
.primary-contact p,
.primary-contact span{color:rgba(255,255,255,.76)}
.contact-form{
  grid-column:1/-1;
  display:grid;
  gap:12px;
}
.form-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

/* Listing cards: cleaner for few items and hundreds */
.listing-card{
  grid-template-columns:140px minmax(0,1fr) minmax(175px,220px);
  max-width:none;
}
.listing-card .product-actions{
  min-width:0;
}
.listing-card .badge-overlay{
  top:8px;
  left:8px;
}
.inline-status{display:none}
.grid-products{
  grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
}
.sold-grid{
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
}

/* Footer compressed: no duplicate contact/shop details */
.footer-grid{
  grid-template-columns:minmax(0,1.25fr) .8fr .9fr;
}
.footer-list{
  gap:7px;
}

/* Mobile: fundamentally different, no staggered CTA rows */
@media (max-width:720px){
  body{padding-bottom:76px}
  .home-hero{padding:10px 0 18px}
  .home-hero-shell{
    min-height:auto;
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
  }
  .home-visual{
    order:-1;
    min-height:auto;
    aspect-ratio:1.08/1;
    border-radius:20px;
    border:1px solid var(--v8-line);
  }
  .home-visual img{
    min-height:0;
    height:100%;
    object-fit:cover;
  }
  .home-visual::before,
  .visual-overlay{
    display:none;
  }
  .home-copy{
    padding:0;
  }
  .home-copy h1{
    font-size:2.25rem;
    line-height:.93;
  }
  .home-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }
  .home-actions .btn{
    width:100%;
  }
  .mobile-trust-row{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:6px;
    margin-top:4px;
  }
  .mobile-trust-row span{
    min-height:34px;
    display:grid;
    place-items:center;
    padding:6px;
    border:1px solid var(--v8-line);
    border-radius:10px;
    background:#fff;
    font-size:.72rem;
    font-weight:900;
    text-align:center;
  }
  .route-grid,
  .trust-grid,
  .alerts-hero,
  .alerts-info-grid,
  .contact-grid-clean,
  .catalogue-intro{
    grid-template-columns:1fr;
  }
  .route-card{
    min-height:150px;
    padding:16px;
  }
  .route-card h3{
    margin-top:12px;
    font-size:1.18rem;
  }
  .trust-grid{
    padding:18px;
    border-radius:22px;
  }
  .home-feature-card{
    grid-template-columns:1fr;
  }
  .home-feature-card > .btn{
    width:100%;
  }
  .alerts-hero{
    min-height:auto;
    padding:18px;
    border-radius:22px;
  }
  .alerts-hero h1{
    font-size:2.05rem;
  }
  .contact-method{
    min-height:145px;
    padding:16px;
  }
  .contact-method h2{
    font-size:1.35rem;
  }
  .form-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .catalogue-note{
    display:none;
  }
  .listing-card,
  .listing-card.compact{
    grid-template-columns:86px minmax(0,1fr);
    gap:9px;
    padding:8px;
  }
  .listing-card .image-wrap{
    border-radius:10px;
  }
  .listing-card .badge-overlay{
    display:none;
  }
  .inline-status{
    display:block;
    margin-bottom:4px;
  }
  .inline-status .status{
    font-size:.6rem;
    padding:3px 6px;
    border-radius:7px;
  }
  .listing-body h3{
    font-size:.96rem;
    margin-bottom:4px;
  }
  .listing-body p{
    font-size:.76rem;
    margin-bottom:3px;
  }
  .listing-body .muted{
    display:none;
  }
  .listing-card .product-actions{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
  }
  .listing-card .product-actions .btn{
    width:100%;
  }
  .grid-products{
    grid-template-columns:repeat(2,1fr);
    gap:9px;
  }
  .sold-grid{
    grid-template-columns:repeat(2,1fr);
    gap:8px;
  }
  .sold-card{
    grid-template-columns:1fr;
  }
  .sold-card .image-wrap{
    aspect-ratio:1/1;
  }
  .sold-info h3{
    font-size:.78rem;
  }
  .footer-grid{
    grid-template-columns:1fr;
  }
  .footer-list{
    grid-template-columns:repeat(2,1fr);
  }
  .mobile-tabbar a[data-tab="alerts"].active{
    background:#111;
    color:#fff;
  }
}


/* v9: latest sections, normalized details, admin lifecycle */
.desktop-hero-proof{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:10px;
  margin-top:18px;
  max-width:740px;
}
.desktop-hero-proof div{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px;
}
.desktop-hero-proof strong{
  display:block;
  font-size:.98rem;
}
.desktop-hero-proof span{
  display:block;
  color:var(--muted);
  font-size:.8rem;
  margin-top:3px;
}
.latest-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-items:start;
}
.latest-subhead{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:14px;
  margin-bottom:10px;
}
.latest-subhead h3{
  font-size:1.35rem;
  margin:0;
}
.latest-subhead a{
  color:var(--muted);
  font-weight:900;
  font-size:.9rem;
}
.mini-product-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
  gap:10px;
}
.mini-product-grid .product-tile{
  min-width:0;
}
.compact-empty{
  min-height:160px;
  display:grid;
  align-content:center;
}
.standard-details{
  padding:24px 0 4px;
}
.standard-detail-grid{
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:8px;
}
.standard-detail-grid div{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px;
}
.standard-detail-grid span{
  display:block;
  color:var(--muted);
  font-size:.8rem;
  font-weight:850;
}
.standard-detail-grid strong{
  display:block;
  margin-top:3px;
  font-size:.92rem;
}
.form-section{
  border:1px solid var(--line);
  border-radius:16px;
  padding:16px;
  background:#fff;
}
.form-section legend{
  padding:0 8px;
  font-weight:950;
  letter-spacing:-.02em;
}
.admin-form .row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.mini-btn.danger{
  background:#fff0f0;
  color:#8f1111;
  border-color:#f1c7c7;
}
.admin-actions{
  align-items:center;
}
.admin-actions .mini-btn{
  white-space:nowrap;
}
@media (max-width: 980px){
  .latest-split{
    grid-template-columns:1fr;
  }
  .standard-detail-grid{
    grid-template-columns:repeat(2, 1fr);
  }
  .desktop-hero-proof{
    display:none;
  }
}
@media (max-width:720px){
  .latest-subhead{
    align-items:center;
  }
  .mini-product-grid{
    grid-template-columns:repeat(2, 1fr);
  }
  .standard-detail-grid{
    grid-template-columns:1fr 1fr;
  }
  .admin-form .row{
    grid-template-columns:1fr;
  }
  .form-section{
    padding:12px;
  }
}


/* v10: fix homepage latest available/preview UI so cards do not stretch */
.latest-split{
  align-items:start;
}
.latest-split > section{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:16px;
  min-width:0;
}
.latest-card-list{
  display:grid;
  gap:10px;
}
.latest-card{
  display:grid;
  grid-template-columns:88px minmax(0,1fr) 34px;
  gap:12px;
  align-items:center;
  min-height:104px;
  padding:8px;
  background:#fafaf7;
  border:1px solid var(--line);
  border-radius:16px;
}
.latest-card-img{
  width:88px;
  height:88px;
  border-radius:12px;
  overflow:hidden;
  background:#ecece8;
}
.latest-card-img img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.latest-card-body{
  min-width:0;
}
.latest-card-top{
  margin-bottom:5px;
}
.latest-card-top .status{
  font-size:.66rem;
  padding:4px 7px;
  border-radius:7px;
}
.latest-card h4{
  margin:0 0 4px;
  font-size:.98rem;
  line-height:1.12;
  letter-spacing:-.02em;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.latest-card p{
  margin:0;
}
.latest-card .meta-line{
  font-size:.82rem;
  margin-bottom:3px;
}
.latest-card .price{
  font-size:.86rem;
}
.latest-card-link{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#fff;
  border:1px solid var(--line);
  font-weight:950;
}
.home-feature-section .product-tile{
  max-width:none;
}
@media (min-width:981px){
  .latest-split{
    grid-template-columns:1fr 1fr;
  }
  .latest-card-list{
    grid-template-columns:1fr;
  }
}
@media (max-width:720px){
  .latest-split > section{
    padding:12px;
    border-radius:18px;
  }
  .latest-card{
    grid-template-columns:76px minmax(0,1fr);
    min-height:92px;
    gap:10px;
  }
  .latest-card-img{
    width:76px;
    height:76px;
  }
  .latest-card-link{
    display:none;
  }
  .latest-card h4{
    font-size:.9rem;
  }
  .latest-card-top .status{
    font-size:.58rem;
    padding:3px 6px;
  }
}


/* v11 admin polish + site editor + PWA mobile safe area */
body[data-page="admin"]{
  background:#f3f3ee;
}
.admin-login-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:24px;
  background:
    radial-gradient(circle at 12% 16%, rgba(255,255,255,.95), rgba(255,255,255,0) 28%),
    linear-gradient(135deg,#f7f7f3,#e9e8df);
}
.admin-login-shell{
  width:min(1060px,100%);
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.72fr);
  background:#fff;
  border:1px solid var(--line);
  border-radius:34px;
  overflow:hidden;
  box-shadow:0 24px 80px rgba(0,0,0,.12);
}
.admin-login-brand{
  padding:48px;
  min-height:560px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:#0b0b0b;
  color:#fff;
}
.admin-login-brand .eyebrow{
  background:rgba(255,255,255,.08);
  color:#fff;
  border-color:rgba(255,255,255,.2);
}
.login-wordmark{
  font-size:clamp(2rem,4vw,4rem);
  font-weight:950;
  letter-spacing:-.085em;
  line-height:.9;
  margin-bottom:28px;
}
.admin-login-brand h1{
  color:#fff;
  max-width:620px;
}
.admin-login-brand p{
  color:rgba(255,255,255,.72);
  max-width:520px;
}
.login-proof-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
  margin-top:22px;
  max-width:420px;
}
.login-proof-grid span{
  padding:13px 14px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:14px;
  background:rgba(255,255,255,.06);
  font-weight:900;
}
.login-card{
  border:0;
  border-radius:0;
  box-shadow:none;
  padding:42px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.login-card h2{
  font-size:2rem;
}
.btn-full{
  width:100%;
}
.quick-admin-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}
.quick-admin-grid .btn{
  width:100%;
}
.editor-workbench{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);
  gap:16px;
  align-items:start;
}
.sticky-preview{
  position:sticky;
  top:20px;
}
.preview-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
}
.preview-head span{
  padding:6px 10px;
  background:#f2f2ed;
  border:1px solid var(--line);
  border-radius:999px;
  font-weight:900;
  color:var(--muted);
}
.site-preview{
  background:#f7f7f3;
  border:1px solid var(--line);
  border-radius:22px;
  overflow:hidden;
  padding:12px;
}
.preview-shell{
  display:grid;
  grid-template-columns:1fr .8fr;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  min-height:330px;
}
.preview-copy{
  padding:22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.preview-copy h1{
  font-size:2.2rem;
  line-height:.95;
}
.preview-copy p:not(.eyebrow){
  color:var(--muted);
}
.preview-image{
  position:relative;
  min-height:330px;
  overflow:hidden;
  background:#e7e4dc;
}
.preview-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.preview-image > div{
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  padding:10px;
  border-radius:12px;
  background:rgba(0,0,0,.38);
  color:#fff;
  backdrop-filter:blur(10px);
}
.preview-image strong,
.preview-image span{
  display:block;
}
.preview-image span{
  color:rgba(255,255,255,.78);
  font-size:.82rem;
}
.preview-trust{
  margin-top:12px;
  padding:16px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
}
.preview-trust h2{
  font-size:1.45rem;
}
.preview-trust p{
  color:var(--muted);
}
.preview-trust-cards{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
}
.preview-trust-cards span{
  padding:10px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fafaf7;
  color:var(--muted);
  font-size:.78rem;
}
.preview-trust-cards strong{
  display:block;
  color:#111;
  margin-bottom:3px;
  font-size:.85rem;
}
.site-preview.mobile-preview{
  max-width:330px;
  margin-inline:auto;
}
.site-preview.mobile-preview .preview-shell{
  grid-template-columns:1fr;
}
.site-preview.mobile-preview .preview-image{
  order:-1;
  min-height:250px;
}
.site-preview.mobile-preview .preview-copy h1{
  font-size:1.7rem;
}
.site-preview.mobile-preview .preview-trust-cards{
  grid-template-columns:1fr;
}
.image-upload-panel{
  background:#fafaf7;
  border:1px dashed var(--line-strong);
  border-radius:16px;
  padding:14px;
}

/* keep mobile bottom nav away from Safari home indicator/url bar where possible */
@media (max-width:720px){
  body{
    padding-bottom:calc(86px + env(safe-area-inset-bottom));
  }
  .mobile-tabbar{
    bottom:calc(10px + env(safe-area-inset-bottom));
    left:calc(10px + env(safe-area-inset-left));
    right:calc(10px + env(safe-area-inset-right));
  }
  @supports (height: 100dvh){
    .admin-login-page{
      min-height:100dvh;
    }
  }
  .admin-login-page{
    padding:12px;
  }
  .admin-login-shell{
    grid-template-columns:1fr;
    border-radius:24px;
  }
  .admin-login-brand{
    min-height:auto;
    padding:24px;
  }
  .login-wordmark{
    font-size:2rem;
    margin-bottom:16px;
  }
  .admin-login-brand h1{
    font-size:2.1rem;
  }
  .login-proof-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .login-card{
    padding:24px;
  }
  .editor-workbench{
    grid-template-columns:1fr;
  }
  .sticky-preview{
    position:static;
  }
  .preview-shell{
    grid-template-columns:1fr;
  }
  .preview-image{
    order:-1;
    min-height:240px;
  }
  .preview-trust-cards{
    grid-template-columns:1fr;
  }
  .quick-admin-grid{
    grid-template-columns:1fr;
  }
}
@media (display-mode: standalone){
  .mobile-tabbar{
    bottom:calc(8px + env(safe-area-inset-bottom));
  }
  body{
    padding-bottom:calc(82px + env(safe-area-inset-bottom));
  }
}


/* v12: rebuild homepage latest available/preview cards + cleaner mobile type */
.latest-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-items:start;
}
.latest-split > section{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:16px;
  min-width:0;
}
.latest-card-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.latest-card{
  min-width:0;
  background:#ecece8;
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  box-shadow:var(--shadow-sm);
}
.latest-card-img{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:1 / 1;
  overflow:hidden;
  background:#ecece8;
}
.latest-card-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .18s ease;
}
.latest-card:hover .latest-card-img img{
  transform:scale(1.025);
}
.latest-card-status{
  position:absolute;
  top:9px;
  left:9px;
  z-index:3;
}
.latest-card-status .status{
  font-size:.64rem;
  padding:4px 7px;
  border-radius:8px;
  box-shadow:0 6px 16px rgba(0,0,0,.16);
}
.latest-card-overlay{
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:0;
  display:block;
  padding:32px 10px 10px;
  color:#fff;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.78));
}
.latest-card-overlay strong{
  display:block;
  font-size:.88rem;
  line-height:1.08;
  letter-spacing:-.01em;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.latest-card-overlay em{
  display:block;
  margin-top:4px;
  font-style:normal;
  color:rgba(255,255,255,.82);
  font-size:.72rem;
  font-weight:800;
  line-height:1.2;
}
.latest-card-body,
.latest-card-link,
.latest-card-top{
  display:none!important;
}

/* make hero image positioning controls more useful visually */
.home-visual img,
.preview-image img{
  transform-origin:center;
}

/* reduce cramped/cursive feel on mobile text */
@media (max-width:720px){
  body{
    letter-spacing:0;
  }
  h1,h2,h3,
  .wordmark,
  .footer-wordmark,
  .login-wordmark{
    letter-spacing:-.035em!important;
  }
  h1{
    line-height:1.02!important;
  }
  h2{
    line-height:1.06!important;
  }
  h3{
    line-height:1.12!important;
  }
  .home-copy h1{
    font-size:2.08rem;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
  }
  .lead{
    line-height:1.5;
  }
  .route-card h3,
  .latest-subhead h3,
  .tile-title,
  .listing-body h3{
    letter-spacing:-.015em!important;
  }

  .latest-split{
    grid-template-columns:1fr;
    gap:12px;
  }
  .latest-split > section{
    padding:12px;
    border-radius:18px;
  }
  .latest-card-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .latest-card-img{
    aspect-ratio:1 / 1;
  }
  .latest-card-overlay{
    padding:28px 8px 8px;
  }
  .latest-card-overlay strong{
    font-size:.76rem;
    line-height:1.12;
  }
  .latest-card-overlay em{
    font-size:.65rem;
  }
  .latest-card-status{
    top:6px;
    left:6px;
  }
  .latest-card-status .status{
    font-size:.56rem;
    padding:3px 6px;
    border-radius:7px;
  }
}


/* v13 UI audit: final hard overrides for homepage latest cards, editor page and mobile readability */

/* Latest sections: no stretched row remnants from earlier versions */
.home-feature-section .latest-split{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:start!important;
}
.home-feature-section .latest-split > section{
  min-width:0!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:24px!important;
  padding:16px!important;
  box-shadow:0 12px 34px rgba(0,0,0,.035)!important;
}
.home-feature-section .latest-card-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.home-feature-section .latest-card{
  display:block!important;
  grid-template-columns:none!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  background:#ecece8!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
.home-feature-section .latest-card-img{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:#ecece8!important;
}
.home-feature-section .latest-card-img img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.home-feature-section .latest-card-body,
.home-feature-section .latest-card-link,
.home-feature-section .latest-card-top{
  display:none!important;
}
.home-feature-section .latest-card-status{
  position:absolute!important;
  top:9px!important;
  left:9px!important;
  z-index:3!important;
}
.home-feature-section .latest-card-overlay{
  position:absolute!important;
  z-index:2!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  display:block!important;
  padding:34px 10px 10px!important;
  color:#fff!important;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.78))!important;
}
.home-feature-section .latest-card-overlay strong{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  font-size:.88rem!important;
  line-height:1.1!important;
  letter-spacing:-.005em!important;
}
.home-feature-section .latest-card-overlay em{
  display:block!important;
  margin-top:4px!important;
  color:rgba(255,255,255,.84)!important;
  font-style:normal!important;
  font-size:.72rem!important;
  font-weight:850!important;
}
.home-feature-section .compact-empty{
  min-height:190px!important;
}

/* Desktop hero gets a cleaner, less misty fade */
@media (min-width:981px){
  .home-visual::before{
    background:
      linear-gradient(90deg, #fff 0%, rgba(255,255,255,.82) 9%, rgba(255,255,255,.22) 32%, rgba(255,255,255,0) 58%),
      linear-gradient(180deg, rgba(0,0,0,0) 62%, rgba(0,0,0,.18) 100%)!important;
  }
  .home-visual img{
    filter:saturate(1.02) contrast(1.02)!important;
  }
}

/* Full editor page gets wider preview space */
body[data-admin-start="siteEditor"] .admin-shell{
  grid-template-columns:220px minmax(0,1fr)!important;
}
body[data-admin-start="siteEditor"] .admin-content{
  max-width:none!important;
}
body[data-admin-start="siteEditor"] .editor-workbench{
  grid-template-columns:minmax(360px,.58fr) minmax(520px,1fr)!important;
}
body[data-admin-start="siteEditor"] .sticky-preview{
  top:14px!important;
}
body[data-admin-start="siteEditor"] .site-preview:not(.mobile-preview){
  max-width:920px!important;
}

/* Admin editor inputs are easier to scan */
.editor-workbench input[type="range"]{
  width:100%;
  accent-color:#111;
}
.editor-workbench textarea{
  min-height:92px;
}

/* Mobile type cleanup */
@media (max-width:720px){
  .home-feature-section .latest-split{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .home-feature-section .latest-split > section{
    padding:12px!important;
    border-radius:18px!important;
  }
  .home-feature-section .latest-card-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .home-feature-section .latest-card-overlay{
    padding:30px 8px 8px!important;
  }
  .home-feature-section .latest-card-overlay strong{
    font-size:.76rem!important;
    line-height:1.14!important;
    letter-spacing:0!important;
  }
  .home-feature-section .latest-card-overlay em{
    font-size:.65rem!important;
  }
  .home-feature-section .latest-card-status{
    top:6px!important;
    left:6px!important;
  }
  .home-feature-section .latest-card-status .status{
    font-size:.56rem!important;
    padding:3px 6px!important;
  }
  body{
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }
  .wordmark{
    letter-spacing:-.03em!important;
  }
  h1{
    letter-spacing:-.03em!important;
    line-height:1.02!important;
  }
  h2{
    letter-spacing:-.025em!important;
    line-height:1.08!important;
  }
  h3{
    letter-spacing:-.01em!important;
    line-height:1.16!important;
  }
  .lead,p{
    line-height:1.5!important;
  }
  body[data-admin-start="siteEditor"] .admin-shell{
    grid-template-columns:1fr!important;
  }
  body[data-admin-start="siteEditor"] .editor-workbench{
    grid-template-columns:1fr!important;
  }
}


/* v14 hard rebuild: homepage latest tiles use isolated os-* classes to avoid legacy card conflicts */
.home-feature-section .latest-split{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:start!important;
}
.home-feature-section .latest-split > section{
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:24px!important;
  padding:16px!important;
  box-shadow:0 12px 34px rgba(0,0,0,.035)!important;
  min-width:0!important;
}
.os-latest-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
}
.os-latest-tile{
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:1/1!important;
  min-height:0!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#e9e8e1!important;
  box-shadow:0 10px 24px rgba(0,0,0,.055)!important;
  color:#fff!important;
}
.os-latest-tile img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
  filter:saturate(1.02) contrast(1.02)!important;
}
.os-latest-badge{
  position:absolute!important;
  z-index:4!important;
  top:9px!important;
  left:9px!important;
}
.os-latest-badge .status{
  font-size:.64rem!important;
  line-height:1!important;
  padding:5px 7px!important;
  border-radius:8px!important;
  box-shadow:0 6px 16px rgba(0,0,0,.18)!important;
}
.os-latest-fade{
  position:absolute!important;
  z-index:2!important;
  inset:35% 0 0 0!important;
  display:block!important;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.82))!important;
}
.os-latest-copy{
  position:absolute!important;
  z-index:3!important;
  left:10px!important;
  right:10px!important;
  bottom:10px!important;
  display:block!important;
}
.os-latest-copy strong{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  font-size:.9rem!important;
  line-height:1.1!important;
  letter-spacing:-.006em!important;
  color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.32)!important;
}
.os-latest-copy em{
  display:block!important;
  margin-top:4px!important;
  font-style:normal!important;
  color:rgba(255,255,255,.86)!important;
  font-size:.72rem!important;
  line-height:1.18!important;
  font-weight:850!important;
}
.os-latest-tile:hover img{
  transform:scale(1.025)!important;
}
.home-feature-section .compact-empty{
  min-height:180px!important;
}
@media (max-width:720px){
  .home-feature-section .latest-split{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .home-feature-section .latest-split > section{
    padding:12px!important;
    border-radius:18px!important;
  }
  .os-latest-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .os-latest-copy{
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
  }
  .os-latest-copy strong{
    font-size:.76rem!important;
    line-height:1.15!important;
    letter-spacing:0!important;
  }
  .os-latest-copy em{
    font-size:.65rem!important;
  }
  .os-latest-badge{
    top:6px!important;
    left:6px!important;
  }
  .os-latest-badge .status{
    font-size:.56rem!important;
    padding:4px 6px!important;
  }
}


/* v15: announcement banner + install suggestion */
.site-announcement{
  display:block;
  width:100%;
  overflow:hidden;
  border-bottom:1px solid var(--line);
  background:#0b0b0b;
  color:#fff;
  font-weight:900;
  text-align:center;
  min-height:38px;
  line-height:38px;
  letter-spacing:-.005em;
}
.site-announcement.static{
  padding:0 16px;
}
.site-announcement.moving .announcement-track{
  display:inline-block;
  white-space:nowrap;
  padding-left:100%;
  animation:orvynMarquee 17s linear infinite;
}
.site-announcement .announcement-static{
  display:inline-block;
  padding:0 14px;
}
.site-announcement:hover{
  text-decoration:underline;
  text-underline-offset:4px;
}
@keyframes orvynMarquee{
  from{transform:translateX(0)}
  to{transform:translateX(-100%)}
}
.preview-banner{
  margin-bottom:10px;
  padding:9px 12px;
  border-radius:12px;
  background:#111;
  color:#fff;
  font-weight:900;
  text-align:center;
}
.install-suggestion{
  position:fixed;
  z-index:120;
  inset:0;
  display:grid;
  place-items:end center;
  padding:18px;
  background:rgba(0,0,0,.28);
  backdrop-filter:blur(4px);
}
.install-card{
  position:relative;
  width:min(460px,100%);
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:22px;
  box-shadow:0 24px 70px rgba(0,0,0,.24);
}
.install-card h2{
  font-size:1.65rem;
  margin-bottom:8px;
}
.install-card p{
  color:var(--muted);
}
.install-card ol{
  margin:8px 0 14px;
  padding-left:20px;
  color:var(--muted);
}
.install-card li{
  margin:5px 0;
}
.install-close{
  position:absolute;
  top:10px;
  right:10px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  font-size:1.25rem;
  line-height:1;
}
@media (max-width:720px){
  .site-announcement{
    min-height:34px;
    line-height:34px;
    font-size:.82rem;
  }
  .install-suggestion{
    place-items:end center;
    padding:12px 12px calc(92px + env(safe-area-inset-bottom));
  }
  .install-card{
    border-radius:20px;
    padding:18px;
  }
  .install-card h2{
    font-size:1.35rem;
  }
  .install-card .button-row{
    display:grid;
    grid-template-columns:1fr;
  }
}


/* v17: cleaner mobile tab icons and no hero image flicker */
.mobile-tabbar a span{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
}
.mobile-tabbar svg{
  width:21px;
  height:21px;
  display:block;
  fill:currentColor;
}
.mobile-tabbar a strong{
  line-height:1;
}
.home-visual{
  isolation:isolate;
}
.home-visual img{
  will-change:transform;
  backface-visibility:hidden;
}
@media (max-width:720px){
  .mobile-tabbar a{
    gap:4px!important;
  }
  .mobile-tabbar a span{
    width:21px;
    height:21px;
  }
  .mobile-tabbar svg{
    width:20px;
    height:20px;
  }
  .mobile-tabbar a strong{
    font-size:.68rem;
  }
}


/* v18: premium no-jump loading states + navigation layer hardening */
:root{
  --nav-z: 500;
  --overlay-z: 1000;
}
.site-header{
  z-index:400!important;
}
.mobile-tabbar{
  z-index:var(--nav-z)!important;
  transform:translateZ(0);
  contain:layout paint;
}
.mobile-menu{
  z-index:450!important;
  position:relative;
}
.toast,
.install-suggestion{
  z-index:var(--overlay-z)!important;
}
.stable-load-zone{
  width:100%;
  min-width:0;
}
.drops-loading-zone{
  min-height:720px;
}
.item-loading-zone{
  min-height:680px;
}
.alerts-loading-zone{
  min-height:280px;
}
.mini-loading-zone{
  min-height:330px;
}
.loading-panel{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:18px;
  box-shadow:0 12px 34px rgba(0,0,0,.035);
}
.loading-panel.compact{
  min-height:190px;
  display:grid;
  align-content:center;
  gap:5px;
}
.loading-copy{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:14px;
  margin-bottom:14px;
}
.loading-copy strong,
.loading-panel strong{
  display:block;
  font-size:1.12rem;
  letter-spacing:-.02em;
}
.loading-copy span,
.loading-panel span{
  color:var(--muted);
  font-size:.92rem;
}
.skeleton-toolbar{
  height:46px;
  border-radius:14px;
  background:linear-gradient(90deg,#eeeeea,#f7f7f3,#eeeeea);
  background-size:240% 100%;
  animation:orvynSkeleton 1.2s ease-in-out infinite;
  margin-bottom:14px;
}
.skeleton-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.skeleton-grid.small{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.skeleton-grid span,
.skeleton-hero,
.skeleton-line{
  display:block;
  border-radius:16px;
  background:linear-gradient(90deg,#eeeeea,#f7f7f3,#eeeeea);
  background-size:240% 100%;
  animation:orvynSkeleton 1.2s ease-in-out infinite;
}
.skeleton-grid span{
  aspect-ratio:1/1;
}
.skeleton-hero{
  min-height:460px;
  border-radius:24px;
}
.skeleton-line{
  height:18px;
  margin-top:14px;
  width:62%;
}
.skeleton-line.wide{
  width:86%;
}
.loading-detail{
  min-height:680px;
}
@keyframes orvynSkeleton{
  0%{background-position:100% 0}
  100%{background-position:-100% 0}
}
@media (max-width:720px){
  .mobile-tabbar{
    z-index:700!important;
    box-shadow:0 12px 38px rgba(0,0,0,.22)!important;
  }
  .site-header{
    z-index:520!important;
  }
  .mobile-menu{
    z-index:540!important;
  }
  .drops-loading-zone{
    min-height:620px;
  }
  .mini-loading-zone{
    min-height:310px;
  }
  .item-loading-zone{
    min-height:620px;
  }
  .loading-panel{
    padding:14px;
    border-radius:18px;
  }
  .loading-copy{
    display:block;
  }
  .loading-copy span{
    display:block;
    margin-top:4px;
  }
  .skeleton-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .skeleton-hero{
    min-height:320px;
    border-radius:18px;
  }
}
@media (prefers-reduced-motion: reduce){
  .skeleton-grid span,
  .skeleton-hero,
  .skeleton-line,
  .skeleton-toolbar{
    animation:none;
  }
}


/* v18: premium CTA icons and mobile nav scroll behaviour */
.btn-with-icon{
  gap:9px!important;
}
.btn-icon{
  width:18px;
  height:18px;
  display:block;
  flex:0 0 auto;
  fill:currentColor;
}
.home-actions .btn{
  min-height:46px;
}
.home-actions .btn-primary{
  box-shadow:0 12px 26px rgba(0,0,0,.16);
}
.btn-instagram{
  position:relative;
  overflow:hidden;
  border-color:#111!important;
  background:linear-gradient(135deg,#fff,#f7f7f3)!important;
}
.btn-instagram::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(255,214,0,.18),rgba(255,48,108,.15),rgba(131,58,180,.14));
  pointer-events:none;
}
.btn-instagram > *{
  position:relative;
  z-index:1;
}
.mobile-tabbar{
  transition:transform .24s ease, opacity .2s ease;
}
.mobile-nav-hidden .mobile-tabbar{
  transform:translateY(calc(86px + env(safe-area-inset-bottom))) translateZ(0);
  opacity:.2;
  pointer-events:none;
}
@media (max-width:720px){
  .home-actions .btn{
    min-height:44px;
  }
  .btn-icon{
    width:17px;
    height:17px;
  }
}


/* v19: faster alert page + earlier mobile nav hide */
.alerts-ready-zone{
  min-height:0;
}
.mobile-tabbar{
  transition:transform .18s cubic-bezier(.22,.8,.22,1), opacity .16s ease!important;
}
.mobile-nav-hidden .mobile-tabbar{
  transform:translateY(calc(74px + env(safe-area-inset-bottom))) translateZ(0)!important;
  opacity:0!important;
}
@media (max-width:720px){
  .alerts-ready-zone .alert-box{
    margin-top:0;
  }
}


/* v20: mobile nav top-bounce stability + upgraded footer/admin polish */
.mobile-nav-pinned .mobile-tabbar{
  transform:translateY(0) translateZ(0)!important;
  opacity:1!important;
  pointer-events:auto!important;
}
@supports (bottom: max(10px, env(safe-area-inset-bottom))){
  .mobile-tabbar{
    bottom:max(10px, env(safe-area-inset-bottom))!important;
  }
}
@media (max-width:720px){
  html, body{
    overscroll-behavior-y:contain;
  }
}

/* Footer refinement */
.site-footer{
  background:#0b0b0b!important;
  color:#fff!important;
  border-top:0!important;
  margin-top:42px;
}
.footer-grid{
  gap:24px!important;
}
.footer-wordmark{
  color:#fff!important;
}
.site-footer p,
.site-footer .muted,
.site-footer a{
  color:rgba(255,255,255,.72)!important;
}
.site-footer a:hover{
  color:#fff!important;
}
.footer-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px!important;
}
.footer-links a{
  border:1px solid rgba(255,255,255,.14);
  padding:8px 10px;
  border-radius:999px;
  text-decoration:none;
}
.footer-links a:hover{
  border-color:rgba(255,255,255,.34);
  background:rgba(255,255,255,.06);
}
.site-footer::before{
  content:"";
  display:block;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);
}

/* Admin UI polish */
body[data-page="admin"]{
  background:#f4f4ef!important;
}
.admin-shell{
  background:#f4f4ef;
}
.admin-sidebar{
  background:#0b0b0b!important;
  color:#fff!important;
  border-right:0!important;
  box-shadow:12px 0 40px rgba(0,0,0,.08);
}
.admin-sidebar .wordmark{
  color:#fff!important;
}
.admin-nav button,
.admin-nav a{
  border-radius:14px!important;
  min-height:42px;
  font-weight:850;
}
.admin-nav button:not(.active),
.admin-nav a{
  color:rgba(255,255,255,.75)!important;
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.04)!important;
}
.admin-nav button.active{
  background:#fff!important;
  color:#111!important;
}
.admin-content{
  padding:28px!important;
}
.admin-top{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:18px;
  box-shadow:0 12px 34px rgba(0,0,0,.035);
  margin-bottom:16px;
}
.admin-top h1{
  margin-bottom:4px;
}
.admin-panel{
  border-radius:24px!important;
  box-shadow:0 12px 34px rgba(0,0,0,.035)!important;
}
.stats{
  gap:12px!important;
}
.stat{
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 10px 26px rgba(0,0,0,.035);
}
.admin-table{
  border-collapse:separate!important;
  border-spacing:0 8px!important;
}
.admin-table thead th{
  background:transparent!important;
  color:var(--muted);
  font-size:.74rem;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.admin-table tbody tr{
  background:#fff;
  box-shadow:0 8px 20px rgba(0,0,0,.035);
}
.admin-table td{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.admin-table td:first-child{
  border-left:1px solid var(--line);
  border-radius:16px 0 0 16px;
}
.admin-table td:last-child{
  border-right:1px solid var(--line);
  border-radius:0 16px 16px 0;
}
.admin-thumb{
  border-radius:12px!important;
}
.form-section{
  background:#fbfbf7!important;
  border:1px solid var(--line)!important;
  border-radius:20px!important;
  padding:16px!important;
}
.form-section legend{
  padding:0 8px;
  font-weight:950;
  letter-spacing:-.02em;
}
.admin-form input,
.admin-form select,
.admin-form textarea,
.filters input,
.filters select{
  border-radius:14px!important;
  min-height:44px;
}
.admin-form input:focus,
.admin-form select:focus,
.admin-form textarea:focus,
.filters input:focus,
.filters select:focus{
  outline:2px solid rgba(0,0,0,.12);
  border-color:#111!important;
}
.image-admin-list{
  gap:12px!important;
}
.admin-image-card{
  border-radius:18px!important;
  overflow:hidden;
  box-shadow:0 10px 26px rgba(0,0,0,.04);
}
@media (max-width:820px){
  .admin-content{
    padding:14px!important;
  }
  .admin-top{
    border-radius:20px;
  }
  .admin-shell{
    grid-template-columns:1fr!important;
  }
  .admin-sidebar{
    position:static!important;
    border-radius:0 0 24px 24px;
  }
  .admin-nav{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
}


.admin-intro-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.admin-intro-panel h2{
  margin:0 0 4px;
}
.listing-flow-guide{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  padding:12px!important;
}
.listing-flow-guide div{
  background:#f6f6f0;
  border:1px solid var(--line);
  border-radius:16px;
  padding:12px;
}
.listing-flow-guide strong,
.listing-flow-guide span{
  display:block;
}
.listing-flow-guide span{
  color:var(--muted);
  font-size:.82rem;
  margin-top:3px;
}
@media (max-width:820px){
  .admin-intro-panel{
    display:block;
  }
  .listing-flow-guide{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:520px){
  .listing-flow-guide{
    grid-template-columns:1fr;
  }
}


/* v22: desktop hero CTA alignment */
@media (min-width:721px){
  .home-actions{
    display:grid!important;
    grid-template-columns:repeat(2,max-content);
    gap:10px 12px!important;
    align-items:center;
    justify-content:start;
  }
  .home-actions .btn-instagram{
    grid-column:1 / -1;
    width:100%;
    justify-content:center;
  }
}

/* v22: footer rebuild */
.footer{
  background:#080808!important;
  color:#fff!important;
  margin-top:56px!important;
  padding-top:0!important;
}
.footer-grid{
  display:grid!important;
  grid-template-columns:minmax(260px,1.4fr) minmax(160px,.8fr) minmax(180px,.9fr) minmax(220px,1fr)!important;
  gap:22px!important;
  align-items:start!important;
  padding-top:34px!important;
  padding-bottom:28px!important;
}
.footer-brand-card{
  padding:18px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
}
.footer-wordmark{
  font-size:1.65rem!important;
  margin-bottom:10px!important;
}
.footer h3{
  color:#fff!important;
  font-size:.82rem!important;
  text-transform:uppercase;
  letter-spacing:.08em!important;
  margin-bottom:10px!important;
}
.footer-list{
  display:grid!important;
  gap:8px!important;
}
.footer-list a{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:38px;
  padding:9px 11px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  color:rgba(255,255,255,.76)!important;
  text-decoration:none!important;
  background:rgba(255,255,255,.035);
}
.footer-list a::after{
  content:"›";
  opacity:.55;
}
.footer-list a:hover{
  color:#fff!important;
  border-color:rgba(255,255,255,.28);
  background:rgba(255,255,255,.08);
}
.footer-contact-card{
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.12);
}
.footer-contact-card p{
  margin:0 0 12px;
}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.12)!important;
  background:#050505!important;
}
.footer-bottom .container{
  display:flex;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  color:rgba(255,255,255,.58)!important;
}
.footer-mini-links{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.footer-mini-links a{
  color:rgba(255,255,255,.58)!important;
  text-decoration:none;
}
.footer-mini-links a:hover{
  color:#fff!important;
}
@media (max-width:900px){
  .footer-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .footer-brand-card{
    grid-column:1 / -1;
  }
}
@media (max-width:620px){
  .footer{
    margin-top:38px!important;
    padding-bottom:calc(92px + env(safe-area-inset-bottom));
  }
  .footer-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding-top:24px!important;
  }
  .footer-wordmark{
    font-size:1.38rem!important;
  }
  .footer-bottom .container{
    display:block;
  }
  .footer-mini-links{
    margin-top:8px;
  }
}

/* =========================
   v24 production polish
   Mobile-first deployment-ready clean URL release
   ========================= */
:root{
  --os-bg:#f6f5ef;
  --os-paper:#fffefa;
  --os-ink:#070707;
  --os-muted:#646464;
  --os-line:#ddd9cf;
  --os-shadow:0 22px 70px rgba(0,0,0,.08);
}
html{scroll-behavior:smooth;background:var(--os-bg)}
body{background:radial-gradient(circle at 30% -10%, rgba(255,255,255,.95), rgba(246,245,239,1) 42%), var(--os-bg);}
.site-header{box-shadow:0 1px 0 rgba(0,0,0,.03)}
.wordmark{font-size:clamp(1.15rem,2vw,1.95rem);text-decoration:none;color:#050505;letter-spacing:-.08em}
.nav-links a{border-radius:999px;padding:9px 11px;text-decoration:none;color:#111;transition:background .18s ease, transform .18s ease}
.nav-links a:hover{background:#f0efe9;transform:translateY(-1px)}
.home-hero{padding:18px 0 28px}
.home-hero-shell{min-height:auto;grid-template-columns:minmax(0,1fr) minmax(360px,.88fr);border-radius:34px;background:linear-gradient(135deg,#fff 0%,#fffdf8 58%,#f3f0e7 100%);box-shadow:var(--os-shadow)}
.home-copy{padding:clamp(34px,5vw,64px) clamp(22px,4vw,48px)}
.home-copy h1{font-size:clamp(2.65rem,6.1vw,5.35rem);max-width:720px;letter-spacing:-.085em;text-wrap:balance}
.home-copy .lead{font-size:clamp(1rem,1.55vw,1.2rem);line-height:1.42;color:#5b5d61}
.home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px;gap:10px;margin-top:8px}
.home-actions .btn-instagram{grid-column:1/-1}
.btn{min-height:46px;border-radius:13px;font-weight:900;letter-spacing:-.015em}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(8,8,8,.28);outline-offset:3px}
.home-visual{min-height:500px;border-left:1px solid rgba(0,0,0,.045)}
.home-visual img{min-height:500px;filter:saturate(.96) contrast(1.02)}
.home-visual::before{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.76) 12%,rgba(255,255,255,.18) 34%,rgba(255,255,255,0) 60%),linear-gradient(180deg,rgba(0,0,0,0) 52%,rgba(0,0,0,.22) 100%)}
.visual-overlay{background:rgba(0,0,0,.52)}
.desktop-hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;max-width:610px}
.desktop-hero-proof div{min-height:78px;border-radius:16px;background:rgba(255,255,255,.82);border:1px solid var(--os-line);padding:13px 12px;box-shadow:0 8px 26px rgba(0,0,0,.035)}
.desktop-hero-proof strong{display:block;font-size:.98rem;line-height:1.1}
.desktop-hero-proof span{display:block;margin-top:6px;color:var(--os-muted);font-size:.86rem;line-height:1.25}
.route-grid,.trust-list,.alerts-info-grid{align-items:stretch}
.route-card,.card,.catalogue-note,.alert-box,.trust-grid,.contact-card{box-shadow:0 10px 36px rgba(0,0,0,.055)}
.route-card{min-height:220px}
.catalogue-intro{align-items:end}
.catalogue-intro h1,.alerts-hero h1{font-size:clamp(2.55rem,6vw,5rem)}
.catalogue-note{background:#111;color:#fff;border-color:#111}
.catalogue-note span{color:rgba(255,255,255,.76)}
.drops-loading-zone{min-height:420px}
.filters,.tabs{position:relative;z-index:2}
.tab{border-radius:999px}
.grid-products{align-items:stretch}
.product-tile,.listing-card,.sold-card{transition:transform .18s ease, box-shadow .18s ease,border-color .18s ease}
.product-tile:hover,.listing-card:hover,.sold-card:hover{transform:translateY(-2px);box-shadow:0 16px 46px rgba(0,0,0,.09);border-color:#c8c3b8}
.image-wrap img,.tile-img img{background:#eeede7}
.price{font-variant-numeric:tabular-nums}
.alerts-hero{gap:20px;align-items:stretch}
.alert-box{background:linear-gradient(135deg,#111,#2c2a25);color:#fff;border-color:#111}
.alert-box .muted,.alert-box .consent-note{color:rgba(255,255,255,.72)}
.alert-box input{min-height:48px;border-radius:13px;border:1px solid rgba(255,255,255,.18)}
.alert-box .btn-primary{background:#fff!important;color:#111!important;border-color:#fff!important}
.contact-card .btn,.contact-form-actions .btn{min-width:0}
.footer{background:#fbfaf5;border-top:1px solid var(--os-line)}
.footer-bottom{background:#f0eee6}
.mobile-tabbar{transform:translateZ(0)}
body.mobile-nav-hidden .mobile-tabbar{transform:translateY(115%)}
.mobile-tabbar{transition:transform .22s ease}

@media (min-width:1200px){
  .home-hero-shell{max-height:760px}
  .home-copy h1{font-size:5.15rem}
}
@media (max-width:980px){
  .home-hero-shell{grid-template-columns:1fr;border-radius:28px}
  .home-visual{order:-1;min-height:0;aspect-ratio:1.7/1;border-left:0;border-bottom:1px solid rgba(0,0,0,.045)}
  .home-visual img{min-height:0;height:100%}
  .home-visual::before{background:linear-gradient(180deg,rgba(0,0,0,0) 44%,rgba(0,0,0,.34) 100%)}
  .home-copy{padding:26px 22px 24px}
  .desktop-hero-proof{display:none}
  .mobile-trust-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
  .mobile-trust-row span{display:inline-flex;min-height:28px;align-items:center;padding:5px 9px;border-radius:999px;border:1px solid var(--os-line);background:#fff;font-size:.75rem;font-weight:900;color:#181818}
  .route-grid{grid-template-columns:1fr}
  .trust-grid{grid-template-columns:1fr;padding:22px}
}
@media (max-width:720px){
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  .container{width:min(100% - 22px,1180px)}
  .site-header{background:rgba(255,255,255,.96)}
  .header-inner{min-height:58px}
  .wordmark{font-size:1.2rem;letter-spacing:-.062em}
  .menu-btn{width:40px;height:40px;border-radius:14px;background:#111;color:#fff;border:0}
  .mobile-menu.open{border-bottom:1px solid var(--os-line)}
  .mobile-menu-panel{grid-template-columns:1fr!important;padding-bottom:12px}
  .mobile-menu-panel a{border-radius:16px;background:#fff;border:1px solid var(--os-line)}
  .home-hero{padding:10px 0 18px}
  .home-hero-shell{border-radius:24px;overflow:hidden}
  .home-visual{aspect-ratio:1.1/1;min-height:0}
  .home-visual img{object-position:50% 48%}
  .visual-overlay{left:12px;right:12px;bottom:12px;max-width:none;padding:10px 12px;border-radius:14px}
  .visual-overlay strong{font-size:.92rem}.visual-overlay span{font-size:.78rem}
  .home-copy{padding:22px 18px 20px}
  .home-copy h1{font-size:clamp(2.35rem,12.5vw,3.55rem);line-height:.88;margin-bottom:10px;letter-spacing:-.086em}
  .home-copy .lead{font-size:.98rem;line-height:1.38;margin-bottom:12px}
  .home-actions{grid-template-columns:1fr;max-width:none;gap:8px}.home-actions .btn-instagram{grid-column:auto}
  .btn{min-height:44px;border-radius:12px;padding:10px 12px;font-size:.9rem}
  .desktop-hero-proof{display:none!important}.mobile-trust-row{display:flex!important}
  .home-route-section,.trust-section{padding-top:18px}
  .route-card{min-height:auto;padding:17px;border-radius:18px}.route-card h3{font-size:1.18rem;margin-top:14px}.route-card p{font-size:.9rem}
  .trust-grid{padding:18px;border-radius:20px}.trust-list{gap:9px}.trust-list div{padding:14px;border-radius:15px}
  .page{padding-top:14px}.page-intro{padding-top:6px}.catalogue-intro{display:grid;gap:12px}
  .catalogue-intro h1,.alerts-hero h1{font-size:clamp(2.35rem,13vw,3.35rem);line-height:.88;letter-spacing:-.08em}
  .catalogue-note{border-radius:16px;padding:14px}
  .tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:transparent;border:0;padding:0}.tab{border:1px solid var(--os-line);background:#fff}.tab.active{background:#111;color:#fff;border-color:#111}
  .filters{display:grid;grid-template-columns:1fr;gap:8px}.filters input,.filters select{min-height:42px;border-radius:12px}
  .grid-products{grid-template-columns:1fr;gap:11px}.product-tile{display:grid;grid-template-columns:112px 1fr;gap:10px;padding:9px;border-radius:16px}.product-tile .tile-img{height:100%;min-height:136px;border-radius:12px}.tile-body{padding:2px 0}.tile-title{font-size:1.02rem}.product-tile .product-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr;gap:7px}.sold-grid{grid-template-columns:1fr}.sold-card{grid-template-columns:96px 1fr}.sold-card .image-wrap{height:100%;aspect-ratio:auto}.alert-box{border-radius:20px}.form-inline{grid-template-columns:1fr!important}.alerts-info-grid{grid-template-columns:1fr;gap:10px}.contact-options{grid-template-columns:1fr}.contact-card{border-radius:18px}.footer-grid{padding-bottom:94px}.mobile-tabbar{left:calc(9px + env(safe-area-inset-left));right:calc(9px + env(safe-area-inset-right));bottom:calc(9px + env(safe-area-inset-bottom));border-radius:20px}.mobile-tabbar a{min-height:48px;border-radius:14px}.mobile-tabbar strong{font-size:.68rem}
}
@media (max-width:380px){
  .home-copy h1{font-size:2.22rem}.product-tile{grid-template-columns:96px 1fr}.btn{font-size:.84rem}.wordmark{font-size:1.05rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}
}

/* v28 SEO admin preview */
.seo-preview-card{display:grid;gap:6px;padding:14px;border:1px solid rgba(0,0,0,.12);border-radius:16px;background:#fff}
.seo-preview-card strong{font-size:1rem;line-height:1.25;color:#101010}
.seo-preview-card span{font-size:.9rem;line-height:1.45;color:#4c4c4c}
.seo-preview-card small{font-size:.78rem;line-height:1.35;color:#6a6a6a;word-break:break-word}

/* v29 mobile-only hero refinement — desktop >=721px intentionally unchanged */
@media (max-width:720px){
  .home-hero{padding:8px 0 14px;}
  .home-hero-shell{
    display:flex;
    flex-direction:column;
    border-radius:24px;
    background:#fffef9;
    min-height:0;
    overflow:hidden;
  }
  .home-copy{
    order:1;
    padding:24px 18px 14px;
  }
  .home-visual{
    order:2;
    width:auto;
    margin:0 18px 18px;
    aspect-ratio:1.62/1;
    min-height:0;
    border:1px solid rgba(0,0,0,.08);
    border-radius:20px;
    overflow:hidden;
    background:#eee9df;
  }
  .home-visual img{
    height:100%;
    min-height:0;
    object-fit:cover;
    object-position:50% 48%;
  }
  .home-visual::before{
    display:none;
  }
  .visual-overlay{
    display:none;
  }
  .home-copy .eyebrow{
    display:inline-flex;
    margin-bottom:10px;
    font-size:.68rem;
    padding:6px 9px;
  }
  .home-copy h1{
    font-size:clamp(2.15rem,10.7vw,3.05rem);
    line-height:.92;
    letter-spacing:-.078em;
    margin:0 0 10px;
    max-width:10.5ch;
  }
  .home-copy .lead{
    font-size:.98rem;
    line-height:1.42;
    margin:0 0 14px;
    color:#555a60;
    max-width:31ch;
  }
  .home-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    margin-top:0;
  }
  .home-actions .btn{
    min-height:48px;
    border-radius:14px;
    font-size:.92rem;
  }
  .home-actions .btn-instagram{
    min-height:46px;
  }
  .mobile-trust-row{
    margin-top:12px;
    gap:7px;
  }
  .mobile-trust-row span{
    min-height:30px;
    padding:6px 10px;
    font-size:.76rem;
    background:#fff;
  }
  .about-seo-section{
    padding-top:8px;
  }
  .about-seo-section .rich-text-card{
    border-radius:18px;
    padding:16px;
  }
  .about-seo-section h2{
    font-size:1.65rem;
    line-height:1.02;
    letter-spacing:-.055em;
  }
}
@media (max-width:380px){
  .home-copy{padding:22px 16px 12px;}
  .home-visual{margin:0 16px 16px;aspect-ratio:1.5/1;}
  .home-copy h1{font-size:2.05rem;}
  .home-actions .btn{min-height:46px;}
}


/* v31: friendly about section rebuild — keeps desktop hero unchanged */
.about-seo-section{
  padding-top:36px;
  padding-bottom:24px;
}
.about-split-card{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);
  gap:18px;
  align-items:stretch;
  background:linear-gradient(135deg,#fffefa 0%,#ffffff 55%,#f2efe5 100%);
  border:1px solid var(--os-line);
  border-radius:28px;
  padding:22px;
  box-shadow:0 14px 44px rgba(0,0,0,.055);
  overflow:hidden;
}
.about-main-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:8px 8px 8px 4px;
}
.about-main-copy .eyebrow{
  display:inline-flex;
  width:max-content;
  margin-bottom:12px;
}
.about-main-copy h2{
  max-width:11.2ch;
  font-size:clamp(2.35rem,4.6vw,4.25rem);
  line-height:.92;
  letter-spacing:-.08em;
  margin-bottom:14px;
  text-wrap:balance;
}
.about-lead{
  max-width:660px;
  color:#555a60;
  font-size:clamp(.98rem,1.25vw,1.08rem);
  line-height:1.5;
  margin:0;
}
.about-pill-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.about-pill-row span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 11px;
  border:1px solid var(--os-line);
  border-radius:999px;
  background:#fff;
  color:#111;
  font-size:.82rem;
  font-weight:900;
  line-height:1;
}
.about-mini-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  min-width:0;
}
.about-mini-card{
  display:grid;
  grid-template-columns:44px 1fr;
  column-gap:12px;
  align-items:start;
  padding:14px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  background:rgba(255,255,255,.78);
}
.about-mini-card span{
  grid-row:1 / span 2;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#080808;
  color:#fff;
  font-size:.78rem;
  font-weight:950;
  letter-spacing:-.03em;
}
.about-mini-card strong{
  display:block;
  font-size:1.04rem;
  line-height:1.12;
  letter-spacing:-.035em;
  margin:0 0 4px;
}
.about-mini-card p{
  margin:0;
  color:#666;
  font-size:.9rem;
  line-height:1.34;
}
@media (max-width:900px){
  .about-split-card{
    grid-template-columns:1fr;
  }
  .about-main-copy h2{
    max-width:13ch;
  }
  .about-mini-grid{
    grid-template-columns:repeat(3,1fr);
  }
  .about-mini-card{
    grid-template-columns:1fr;
  }
  .about-mini-card span{
    grid-row:auto;
    margin-bottom:10px;
  }
}
@media (max-width:720px){
  .about-seo-section{
    padding-top:14px;
    padding-bottom:14px;
  }
  .about-split-card{
    display:block;
    border-radius:22px;
    padding:16px;
    background:#fffefa;
    box-shadow:0 10px 32px rgba(0,0,0,.055);
  }
  .about-main-copy{
    padding:0;
  }
  .about-main-copy .eyebrow{
    display:inline-flex;
    margin-bottom:10px;
    font-size:.66rem;
    padding:6px 9px;
  }
  .about-main-copy h2{
    max-width:12ch;
    font-size:2rem;
    line-height:.96;
    letter-spacing:-.07em;
    margin-bottom:10px;
  }
  .about-lead{
    font-size:.95rem;
    line-height:1.43;
    max-width:34ch;
  }
  .about-pill-row{
    gap:7px;
    margin-top:12px;
  }
  .about-pill-row span{
    min-height:30px;
    padding:6px 9px;
    font-size:.74rem;
  }
  .about-mini-grid{
    grid-template-columns:1fr;
    gap:8px;
    margin-top:14px;
  }
  .about-mini-card{
    grid-template-columns:34px 1fr;
    gap:10px;
    padding:12px;
    border-radius:16px;
  }
  .about-mini-card span{
    grid-row:1 / span 2;
    width:32px;
    height:32px;
    border-radius:11px;
    margin:0;
    font-size:.68rem;
  }
  .about-mini-card strong{
    font-size:.98rem;
    margin-bottom:3px;
  }
  .about-mini-card p{
    font-size:.84rem;
    line-height:1.3;
  }
}

/* v31: mobile footer whitespace cleanup
   Removes the extra body/footer stacking space that created a blank area below the footer.
   Desktop is intentionally untouched. */
@media (max-width:720px){
  html, body{
    min-height:100%;
  }
  body{
    padding-bottom:0!important;
  }
  .page{
    padding-bottom:24px!important;
  }
  .footer{
    margin-bottom:0!important;
    padding-bottom:calc(72px + env(safe-area-inset-bottom))!important;
  }
  .footer-grid{
    padding-bottom:18px!important;
  }
  .footer-bottom{
    padding-bottom:0!important;
    margin-bottom:0!important;
  }
  .footer-bottom .container{
    padding-bottom:12px!important;
  }
  .mobile-tabbar{
    bottom:calc(9px + env(safe-area-inset-bottom))!important;
  }
}