/* LEVEL RED — visual overrides for SellAuth Pro; palette uses builder variables. */
:root { --bs-body-color:var(--level-text); }
html { scroll-behavior:smooth; scroll-padding-top:110px; }
body { -webkit-font-smoothing:antialiased; color:var(--level-text); background-color:var(--cl-background-primary); }
::selection { background:var(--cl-accent); color:var(--level-on-accent); }
a,button { touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:2px solid var(--cl-accent)!important; outline-offset:5px; }
.skip-link { position:fixed; top:-100px; left:20px; z-index:2000; padding:12px 20px; color:var(--level-on-accent); background:var(--cl-accent); border-radius:8px; }
.skip-link:focus { top:12px; }
.container { max-width:1240px; }
.py-20 { padding-block:4rem; }
h1,h2,h3,h4,h5 { letter-spacing:-.035em; }
.text-muted,.section-subtitle,.card-text { color:var(--level-muted)!important; }
.btn { border-radius:10px; font-weight:600; font-size:.875rem; padding:.8rem 1.25rem; transition:background-color .2s,border-color .2s,transform .2s,box-shadow .2s; }
.btn-primary { --bs-btn-color:var(--level-on-accent); --bs-btn-hover-color:var(--level-on-accent); --bs-btn-active-color:var(--level-on-accent); --bs-btn-disabled-color:var(--level-on-accent); color:var(--level-on-accent); }
.btn-primary:hover { box-shadow:0 0 28px rgba(var(--cl-accent-rgb),.15); transform:translateY(-1px); }
.btn-outline-primary { --bs-btn-color:var(--level-text); --bs-btn-border-color:var(--cl-border); --bs-btn-hover-bg:rgba(var(--cl-accent-rgb),.1); --bs-btn-hover-color:var(--cl-accent); --bs-btn-hover-border-color:var(--cl-accent); --bs-btn-active-color:var(--level-on-accent); }
.btn-sm { padding:.5rem .8rem; font-size:.8rem; }
header.sticky-top { background:rgba(var(--cl-background-primary-rgb),.92); backdrop-filter:blur(20px); border-bottom:1px solid var(--cl-border); }
.navbar { background:transparent; border:0; min-height:86px; }
.navbar .navbar-brand { gap:.7rem; font-size:1.25rem; letter-spacing:-.045em; max-width:38%; }
.navbar .navbar-brand > span:not(.brand-mark) { overflow-wrap:anywhere; white-space:normal; }
.brand-mark { width:36px; height:36px; display:inline-grid; place-items:center; background:var(--cl-accent); color:var(--level-on-accent); border-radius:10px; font-size:1.8rem; line-height:1; flex:0 0 auto; }
.navbar .nav-link { color:var(--level-muted); font-size:.83rem; font-weight:500; }
.navbar .nav-link:hover,.navbar .nav-link.active { color:var(--level-text); }
.navbar .navbar-collapse { margin-left:2.5rem; }
.navbar .user .btn,.navbar .cart .btn { padding:.65rem .85rem; min-height:44px; min-width:44px; }
.navbar .cart .btn .count { color:var(--level-on-accent); }
.navbar .navbar-toggler { min-height:44px; min-width:44px; }
.announcement { background:rgba(var(--cl-accent-rgb),.09); color:var(--cl-accent); font-size:.78rem; padding:.6rem 0; }
.announcement a { color:inherit; }
.hero.level-hero { min-height:0; background-color:var(--cl-background-primary); border-bottom:1px solid var(--cl-border); }
.level-hero > .bg-overlay { position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse at 76% 30%,rgba(var(--cl-accent-rgb),.055),transparent 64%); }
.hero.level-hero > .container { position:relative; padding:5rem 12px; display:grid; grid-template-columns:1.1fr 1fr; gap:4rem; align-items:center; }
.hero.level-hero .content { min-width:0; max-width:100%; margin:0; text-align:left; position:relative; }
.hero-eyebrow { display:flex; align-items:center; gap:.65rem; color:var(--cl-accent); font-size:.66rem; font-weight:600; letter-spacing:.16em; margin-bottom:1.5rem; }
.eyebrow-mark { width:7px; height:7px; background:var(--cl-accent); box-shadow:0 0 16px rgba(var(--cl-accent-rgb),.35); border-radius:2px; }
.hero.level-hero .content h1 { font-size:clamp(2.7rem,5.1vw,4.5rem); font-weight:600; line-height:1.04; letter-spacing:-.065em; margin-bottom:1.5rem; }
.hero-accent { display:block; color:var(--cl-accent); }
.hero.level-hero .content > p { max-width:460px; color:var(--level-muted); font-size:1rem; line-height:1.8; margin-bottom:1.65rem; }
.hero-search { display:flex; align-items:center; gap:.8rem; padding:.95rem 1rem; border:1px solid var(--cl-border); border-radius:10px; width:100%; max-width:440px; color:var(--level-muted); background:rgba(var(--cl-background-secondary-rgb),.75); font-size:.85rem; text-align:left; margin-bottom:1.15rem; transition:border-color .2s; }
.hero-search:hover { border-color:var(--cl-accent); }
.hero-search svg { flex:0 0 auto; }
.hero-search .search-arrow { margin-left:auto; opacity:.5; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:1.5rem; }
.hero.level-hero .content .hero-actions a { margin:0; }
.hero-actions .btn { display:inline-flex; align-items:center; gap:1.5rem; min-height:50px; }
.hero-status-link { display:inline-flex; align-items:center; gap:.5rem; color:var(--level-muted); font-size:.8rem; text-decoration:none; padding:.8rem 0; }
.hero-status-link:hover { color:var(--cl-accent); }
.hero.level-hero .content .stats { background:transparent; padding:1.8rem 0 0; margin-top:1.8rem; border-top:1px solid var(--cl-border); border-radius:0; gap:2rem; justify-content:flex-start; }
.hero.level-hero .content .stats > div { align-items:flex-start; }
.hero.level-hero .content .stats .value { font-size:1.35rem; }
.level-art { min-width:0; position:relative; isolation:isolate; aspect-ratio:1.08; border:1px solid var(--cl-border); border-radius:22px; padding:1.5rem; overflow:hidden; background:radial-gradient(ellipse at 50% 38%,rgba(var(--cl-accent-rgb),.18),transparent 64%),linear-gradient(145deg,var(--cl-background-secondary),var(--cl-background-primary) 70%); color:var(--cl-accent); box-shadow:0 25px 75px #0003; }
.hero.level-hero .image img { border-radius:20px; width:100%; }
.hero.level-hero.alignment-center > .container { grid-template-columns:1fr; max-width:850px; }
.hero.level-hero.alignment-center .content { text-align:center; }
.hero.level-hero.alignment-center .hero-eyebrow,.hero.level-hero.alignment-center .hero-actions { justify-content:center; }
.hero.level-hero.alignment-center .content > p,.hero.level-hero.alignment-center .hero-search { margin-left:auto; margin-right:auto; }

.hero.level-hero.alignment-right .content { order:1; }
.section-title { margin-bottom:1.1rem; }
.section-title h1,.section-title h2 { font-size:clamp(1.7rem,2.6vw,2.15rem); font-weight:600; letter-spacing:-.045em; }
.section-subtitle { margin:-.4rem 0 1.7rem; font-size:.875rem; }
.section-subtitle p { margin-bottom:0; line-height:1.7; }
.categories .card { background:var(--cl-background-secondary); border:1px solid var(--cl-border); border-radius:14px; overflow:hidden; transition:border-color .2s,transform .2s; }
.categories .card:hover { border-color:rgba(var(--cl-accent-rgb),.6); transform:translateY(-3px); }
.categories .card .card-img-top { height:120px; object-fit:cover; }
.categories .card .card-img-top svg { width:3rem!important; height:3rem!important; color:var(--cl-accent); }
.categories .card .card-body { padding:1.2rem; }
.categories .card-title { font-size:1.1rem; letter-spacing:-.02em; }
.categories .card-text { font-size:.8rem; }
.categories .btn { border:0; padding:.3rem 0; color:var(--cl-accent); background:transparent; }
.level-catalog { position:relative; }
.catalog-toplink { display:flex; justify-content:flex-end; margin:-.4rem 0 1.4rem; }
.catalog-toplink a { display:flex; gap:.8rem; color:var(--level-muted); font-size:.8rem; text-decoration:none; }
.catalog-toplink a:hover { color:var(--cl-accent); }
.products .level-product-card { background:var(--cl-background-secondary); border:1px solid var(--cl-border); border-radius:16px; overflow:hidden; height:100%; color:var(--level-text); transition:transform .22s,border-color .22s,box-shadow .22s; }
.products .level-product-card:hover { border-color:rgba(var(--cl-accent-rgb),.5); transform:translateY(-5px); box-shadow:0 18px 35px #0003; }
.products .level-product-card .card-img-top { border-radius:0; overflow:hidden; border-bottom:1px solid var(--cl-border); }
.products .level-product-card .card-img-top img { width:100%; transition:transform .4s; }
.products .level-product-card:hover .card-img-top img { transform:scale(1.04); }
.products .level-product-card .product-img-placeholder { background:radial-gradient(ellipse at 50% 20%,rgba(var(--cl-accent-rgb),.13),transparent 70%),repeating-linear-gradient(135deg,transparent 0 24px,#ffffff03 24px 25px); }
.products .level-product-card .product-img-placeholder svg { width:52px; opacity:.7; }
.products .level-product-card .card-body { padding:1.25rem; display:flex; flex-direction:column; }
.products .level-product-card .card-title { font-size:1rem; margin-bottom:.9rem; line-height:1.45; overflow-wrap:anywhere; }
.products .level-product-card .info { flex-wrap:wrap; white-space:normal; gap:.5rem; font-size:.72rem; align-items:center; margin-bottom:1.2rem; }
.products .level-product-card .info .price { font-size:.98rem; font-weight:600; color:var(--level-text); white-space:normal; overflow:visible; }
.products .level-product-card .info .price s { font-size:.75rem; font-weight:400; }
.products .level-product-card .card-action { display:flex; justify-content:space-between; align-items:center; padding-top:.9rem; margin-top:auto; border-top:1px solid var(--cl-border); font-size:.72rem; color:var(--level-muted); }
.products .level-product-card .card-action > span:last-child { font-size:1.2rem; color:var(--cl-accent); }
.products .level-product-card:hover .card-action { color:var(--cl-accent); }
.products .level-product-card .card-img-top .overlay { display:none; }
.card,.modal-content,.accordion-item { border-color:var(--cl-border); border-radius:14px; }
.modal-content { background:var(--cl-background-secondary); box-shadow:0 25px 100px #0008; }
.modal-header,.modal-footer { border-color:var(--cl-border); }
.form-control,.form-select,.choices__inner { border-radius:9px; border-color:var(--cl-border); background-color:var(--cl-background-primary); min-height:44px; }
.form-control::placeholder { color:var(--level-muted); }
.form-control:focus,.form-select:focus { background-color:var(--cl-background-primary); }
.product-wrapper .py-5-nav { padding-top:1rem; }
.product-wrapper .display-6 { font-size:clamp(1.9rem,3.5vw,3rem); letter-spacing:-.05em; }
.product-wrapper [x-data="productForm"] { padding:1.5rem; background:var(--cl-background-secondary); border:1px solid var(--cl-border); border-radius:18px; }
.product-wrapper .variants .variant { padding:1rem; border-radius:10px; background:var(--cl-background-primary); }
.product-wrapper .variants .variant.active { border-color:var(--cl-accent); box-shadow:0 0 0 1px rgba(var(--cl-accent-rgb),.2); }
.product-wrapper .buy-buttons .btn { min-height:50px; }
.product-tabs .content { color:var(--level-muted); line-height:1.8; }
.socials { border-block:1px solid var(--cl-border); background:linear-gradient(120deg,rgba(var(--cl-accent-rgb),.045),transparent),var(--cl-background-secondary); padding:4rem 0; }
.socials .list .social { border:1px solid var(--cl-border); border-radius:12px; padding:1.25rem; }
.socials .list .social .left svg { color:var(--level-on-accent); border-radius:10px; }
.features .list .feature,.testimonial { border:1px solid var(--cl-border); border-radius:14px; }
footer.footer { background:var(--cl-background-primary); }
.footer .row { row-gap:2rem; }
.footer h5 { font-size:.65rem; letter-spacing:.1em; color:var(--level-text); }
.footer .nav li a { font-size:.8rem; color:var(--level-muted); line-height:1.7; }
/* Dots stay behind controls; masks keep edges soft. */
[data-dot-field] { position:relative; }
.dot-field { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0; border-radius:inherit; }
.dot-field-reveal { position:absolute; inset:0; background-image:radial-gradient(circle,rgba(var(--cl-accent-rgb),.85) .75px,transparent 1px); background-size:26px 26px; background-position:12px 12px; }
.dot-field-reveal { opacity:0; transition:opacity .35s; -webkit-mask-image:radial-gradient(170px circle at var(--dot-x,-200px) var(--dot-y,-200px),#000 0%,#0009 32%,transparent 100%); mask-image:radial-gradient(170px circle at var(--dot-x,-200px) var(--dot-y,-200px),#000 0%,#0009 32%,transparent 100%); }
[data-dot-field].dots-active > .dot-field > .dot-field-reveal { opacity:.85; }
.level-catalog > :not(.dot-field),.socials > :not(.dot-field) { position:relative; z-index:1; }
@media (min-width:992px) { .navbar .navbar-collapse .navbar-nav { gap:1rem; } }
@media (max-width:1199.98px) {
 .container { width:calc(100% - 48px); }
 .hero.level-hero > .container { gap:2rem; padding-block:4rem; }
 .navbar .navbar-collapse { margin-left:1rem; }
 .navbar .navbar-collapse .navbar-nav { gap:.6rem; }
}
@media (max-width:991.98px) {
 .navbar .navbar-brand { max-width:68%; }
 .navbar .navbar-collapse { margin-left:0; padding:1rem 0; }
 .navbar .navbar-collapse .navbar-nav { gap:.5rem; }
 .hero.level-hero > .container { gap:1.5rem; }
 .hero.level-hero .content h1 { font-size:3.2rem; }
 .hero.level-hero .content > p { font-size:.9rem; }
 .level-art { aspect-ratio:.84; }
}
@media (max-width:767.98px) {
 html { scroll-padding-top:85px; }
 .container { width:calc(100% - 24px); }
 .navbar { min-height:74px; }
 .hero.level-hero > .container { grid-template-columns:1fr; gap:2.3rem; padding:2.75rem 12px; }
 .hero.level-hero .content h1 { font-size:clamp(2.65rem,9vw,4rem); }
 .hero.level-hero .content > p { max-width:36rem; }
 .hero.level-hero.alignment-right .content { order:0; }
 .hero-eyebrow { font-size:.6rem; margin-bottom:1.25rem; }
 .hero-actions { gap:1.2rem; }
 .level-art { aspect-ratio:1.5; max-height:350px; }
 .py-20 { padding-block:2.5rem; }
 .section-title h1,.section-title h2 { font-size:1.6rem; }
 .categories .row { --bs-gutter-x:.8rem; }
 .categories .row > div { width:50%; }
 .categories .card .card-img-top { height:96px; }
 .categories .card .card-body { padding:.9rem; }
 .categories .card-title { font-size:.95rem; }
 .categories .card-text { font-size:.75rem; }
 .product-wrapper .container { width:100%; }
 .product-wrapper .py-5-nav > .container { padding-inline:1.25rem!important; }
 .product-wrapper [x-data="productForm"] { padding:1.15rem; }
 .socials { padding:2.5rem 0; }
 .modal-dialog { margin:.75rem; }
}
@media (hover:none),(pointer:coarse) { .dot-field-reveal { display:none; } }
@media (prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}
/* Editor-aware artwork, spacing, and optional effects. */
:root {
 --level-art-dark: color-mix(in srgb,var(--cl-accent) 12%,var(--cl-background-primary));
 --level-art-light: color-mix(in srgb,var(--cl-accent) 32%,var(--cl-background-secondary));
 --level-art-line: color-mix(in srgb,var(--cl-accent) 52%,var(--cl-background-secondary));
}
.dot-field { display:var(--level-dot-display,block); }
[data-dots-enabled="false"] > .dot-field { display:none; }
.hero.level-hero.height-short > .container { padding-block:2.5rem; }
.hero.level-hero.height-medium > .container { padding-block:5rem; }
.hero.level-hero.height-tall { min-height:85vh; }
.hero.level-hero.height-tall > .container { padding-block:7rem; }
.hero.level-hero.alignment-center .level-art { width:min(100%,500px); margin-inline:auto; }
.hero.level-hero.hero-no-visual > .container { grid-template-columns:1fr; }
.hero.level-hero.hero-no-visual .content { width:100%; }
.hero.level-hero.alignment-right .content { text-align:right; }
.hero.level-hero.alignment-right .hero-eyebrow,.hero.level-hero.alignment-right .hero-actions,.hero.level-hero.alignment-right .content .stats { justify-content:flex-end; }
.hero.level-hero.alignment-right .content > p,.hero.level-hero.alignment-right .hero-search { margin-left:auto; }
.hero.level-hero.alignment-center .content .stats { justify-content:center; }
/* Navigation: generous pill-shaped controls with a soft accent highlight. */
.navbar { --nav-radius:999px; }
.navbar.corners-rounded { --nav-radius:12px; }
.navbar .navbar-collapse .navbar-nav { gap:.5rem; align-items:center; flex-wrap:wrap; }
.navbar .navbar-collapse { gap:1rem; min-width:0; }
.navbar .navbar-nav .nav-link { padding:.68rem 1rem; transition:background-color .2s,color .2s,box-shadow .2s; }
.navbar.links-pills .navbar-nav .nav-link { border-radius:var(--nav-radius); background:rgba(var(--cl-background-secondary-rgb),.88); border:1px solid var(--cl-border); box-shadow:inset 0 1px 0 #ffffff06; }
.navbar.links-pills .navbar-nav .nav-link:hover,.navbar.links-pills .navbar-nav .nav-link.active { color:var(--cl-accent); border-color:rgba(var(--cl-accent-rgb),.35); background:rgba(var(--cl-accent-rgb),.09); box-shadow:0 3px 16px rgba(var(--cl-accent-rgb),.08),inset 0 1px 0 #ffffff09; }
.navbar .btn,.navbar .navbar-toggler,.navbar .choices__inner { border-radius:var(--nav-radius); }
.navbar .user .btn { padding:.72rem 1.3rem; color:var(--level-on-accent); background:var(--cl-accent); border-color:var(--cl-accent); box-shadow:inset 0 2px 0 #ffffff22,0 4px 20px rgba(var(--cl-accent-rgb),.12); }
.navbar .user .btn:hover { box-shadow:inset 0 2px 0 #ffffff22,0 5px 25px rgba(var(--cl-accent-rgb),.25); }
.navbar .cart .btn,.navbar .navbar-toggler { background:var(--cl-background-secondary); border:1px solid var(--cl-border); padding:.65rem; }
.navbar .navbar-brand { margin-right:.5rem; padding-right:0; flex-shrink:0; }
/* Inset footer panel, editable headline and CTA, compact link grid. */
footer.level-footer { background:transparent; border-top:0; padding:2.5rem 0; }
.footer-panel { padding:3rem; border:1px solid var(--cl-border); border-radius:28px; background:radial-gradient(ellipse at 0 0,rgba(var(--cl-accent-rgb),.09),transparent 62%),var(--cl-background-secondary); }
.footer-main,.footer-bottom { position:relative; z-index:1; }
.footer-main { display:grid; grid-template-columns:1.25fr 1fr; gap:3.5rem; align-items:center; }
.footer-main-solo { grid-template-columns:1fr; }
.footer-brand { display:inline-flex; align-items:center; gap:.75rem; text-decoration:none; color:var(--level-muted); font-weight:600; font-size:.88rem; margin-bottom:1.35rem; }
.footer-brand img { max-width:140px; max-height:40px; object-fit:contain; }
.footer-brand span { overflow-wrap:anywhere; }
.footer-headline { font-size:clamp(2rem,3.2vw,2.8rem); font-weight:600; letter-spacing:-.06em; line-height:1.12; white-space:pre-line; overflow-wrap:anywhere; margin-bottom:1rem; }
.footer-description { color:var(--level-muted); font-size:.875rem; line-height:1.75; margin-bottom:1.3rem; max-width:460px; }
.footer-cta { border-radius:999px; display:inline-flex; align-items:center; gap:2rem; }
.footer-label { display:block; font-size:.65rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--level-muted); margin:0 0 1rem; }
.footer-link-grid { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:1fr 1fr; gap:.7rem; }
.footer-link-grid a { display:flex; justify-content:space-between; align-items:center; gap:.75rem; padding:.9rem 1rem; border:1px solid var(--cl-border); border-radius:14px; color:var(--level-text); background:rgba(var(--cl-background-primary-rgb),.45); text-decoration:none; font-size:.83rem; overflow-wrap:anywhere; transition:border-color .2s,background-color .2s; }
.footer-link-grid a span { color:var(--level-muted); }
.footer-link-grid a:hover { border-color:rgba(var(--cl-accent-rgb),.4); background:rgba(var(--cl-accent-rgb),.06); }
.footer-link-grid a:hover span { color:var(--cl-accent); }
.footer-bottom { margin-top:2.5rem; padding-top:1.5rem; border-top:1px solid var(--cl-border); display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; gap:1.5rem; }
.footer-community,.footer-legal { min-width:0; }
.footer-bottom .footer-label { font-size:.6rem; margin-bottom:.75rem; }
.footer-social-pills,.footer-legal ul { display:flex; flex-wrap:wrap; gap:.6rem; list-style:none; margin:0; padding:0; }
.footer-social-pills a { display:inline-flex; gap:1.4rem; align-items:center; border:1px solid var(--cl-border); background:var(--cl-background-primary); color:var(--level-text); border-radius:999px; padding:.65rem 1rem; font-size:.75rem; text-decoration:none; }
.footer-social-pills a span { color:var(--cl-accent); }
.footer-social-pills a:hover { border-color:var(--cl-accent); }
.footer-legal ul { gap:.5rem 1.2rem; }
.footer-legal a { color:var(--level-muted); font-size:.75rem; text-decoration:none; line-height:2; }
.footer-legal a:hover { color:var(--cl-accent); }
@media (max-width:1199.98px) {
 .navbar .navbar-collapse { margin-left:1rem; }
 .navbar .navbar-nav .nav-link { padding:.6rem .75rem; }
 .footer-panel { padding:2rem; }
}
@media (max-width:991.98px) {
 .navbar .navbar-collapse { margin-left:0; }
 .navbar .navbar-collapse .navbar-nav { flex-direction:row; justify-content:flex-start; gap:.65rem; }
 .navbar .navbar-collapse > .navbar-nav:last-child { margin-top:1rem; }
 .footer-main { gap:2rem; grid-template-columns:1fr 1fr; }
 .footer-main-solo { grid-template-columns:1fr; }
 .footer-link-grid { grid-template-columns:1fr; }
}
@media (max-width:767.98px) {
 .hero.level-hero.height-short > .container { padding-block:1.8rem; }
 .hero.level-hero.height-medium > .container { padding-block:2.75rem; }
 .hero.level-hero.height-tall > .container { padding-block:4rem; }
 .hero.level-hero.alignment-center .level-art { display:block; }
 footer.level-footer { padding:1.25rem 0; }
 .footer-panel { padding:1.5rem; border-radius:22px; }
 .footer-main { grid-template-columns:1fr; gap:2rem; }
 .footer-link-grid { grid-template-columns:1fr 1fr; }
 .footer-link-grid a { padding:.85rem .75rem; font-size:.78rem; }
 .footer-headline { font-size:2.2rem; }
 .footer-bottom { margin-top:1.8rem; }
}

/* Consistent icon scale and button footprint across desktop and mobile. */
.navbar .user .btn { min-height:44px; height:44px; padding:.65rem 1.25rem; display:inline-flex; align-items:center; justify-content:center; }
.navbar .cart .btn,.navbar .navbar-toggler { width:44px; height:44px; min-width:44px; min-height:44px; padding:0; display:inline-flex; align-items:center; justify-content:center; }
.navbar .cart .btn .icon,.navbar .cart .btn.btn-outline-primary .icon,.navbar .cart .btn:not(.btn-outline-primary) .icon { width:20px; height:20px; flex:none; }
.navbar .navbar-toggler .navbar-toggler-icon { width:22px; height:22px; }
.navbar .cart .btn .count { top:-4px; right:-4px; width:16px; height:16px; font-size:9px; }
/* Decorative, non-interactive interface preview. All copy/options use editor fields. */
.level-art.cheat-preview { aspect-ratio:auto; max-height:none; padding:0; border-radius:18px; width:100%; background:var(--cl-background-secondary); box-shadow:0 24px 80px #0005,0 0 60px rgba(var(--cl-accent-rgb),.045); color:var(--level-text); }
.menu-window-header { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding:18px 20px; border-bottom:1px solid var(--cl-border); background:linear-gradient(100deg,rgba(var(--cl-accent-rgb),.075),transparent 65%); }
.menu-window-brand { display:flex; align-items:center; gap:10px; font-size:13px; font-weight:600; min-width:0; }
.menu-window-brand > span:last-child { overflow-wrap:anywhere; }
.menu-logo { display:grid; place-items:center; width:27px; height:27px; border-radius:8px; background:rgba(var(--cl-accent-rgb),.13); color:var(--cl-accent); font-size:19px; flex:none; }
.menu-preview-badge { color:var(--level-muted); border:1px solid var(--cl-border); border-radius:5px; font:9px/1.4 ui-monospace,monospace; letter-spacing:.1em; padding:4px 6px; }
.menu-workspace { display:grid; grid-template-columns:110px minmax(0,1fr); }
.menu-no-sidebar { grid-template-columns:1fr; }
.menu-sidebar { padding:18px 9px; border-right:1px solid var(--cl-border); background:rgba(var(--cl-background-primary-rgb),.45); }
.menu-tab { display:flex; align-items:center; gap:7px; padding:10px 9px; margin-bottom:5px; border-radius:7px; font-size:10px; color:var(--level-muted); overflow-wrap:anywhere; }
.menu-tab.is-active { background:rgba(var(--cl-accent-rgb),.1); color:var(--cl-accent); box-shadow:inset 2px 0 var(--cl-accent); }
.menu-tab-glyph { font-size:15px; width:14px; text-align:center; flex:none; }
.menu-settings { padding:18px; min-width:0; display:flex; flex-direction:column; gap:15px; }
.menu-option-group { border:1px solid var(--cl-border); border-radius:10px; padding:3px 12px 6px; background:rgba(var(--cl-background-primary-rgb),.35); }
.menu-group-title { display:flex; align-items:center; gap:7px; font-size:11px; font-weight:600; border-bottom:1px solid var(--cl-border); padding:10px 0; margin-bottom:3px; overflow-wrap:anywhere; }
.menu-section-icon { font-size:15px; color:var(--cl-accent); }
.menu-option { display:flex; align-items:center; justify-content:space-between; gap:9px; min-height:34px; padding:5px 0; font-size:10px; color:var(--level-muted); }
.menu-option > span:first-child { overflow-wrap:anywhere; min-width:0; }
.menu-toggle { display:inline-flex; align-items:center; width:27px; height:15px; border-radius:99px; padding:3px; background:var(--cl-border); flex:none; }
.menu-toggle > span { width:9px; height:9px; border-radius:50%; background:var(--level-muted); }
.menu-toggle.is-on { background:var(--cl-accent); justify-content:flex-end; }
.menu-toggle.is-on > span { background:var(--level-on-accent); }
.menu-value { font:10px/1.2 ui-monospace,monospace; padding:4px 8px; color:var(--level-text); background:var(--cl-background-secondary); border:1px solid var(--cl-border); border-radius:5px; text-align:center; min-width:35px; overflow-wrap:anywhere; }
.menu-window-footer { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:8px; padding:14px 18px; border-top:1px solid var(--cl-border); color:var(--level-muted); font-size:10px; }
.menu-window-footer > span:last-child { font:8px/1.5 ui-monospace,monospace; letter-spacing:.08em; color:var(--cl-accent); }
@media (max-width:991.98px) and (min-width:768px) {
 .menu-workspace { grid-template-columns:88px minmax(0,1fr); }
 .menu-tab { padding:8px 5px; gap:5px; font-size:9px; }
 .menu-settings { padding:10px; }
 .menu-option-group { padding-inline:9px; }
}
@media (max-width:479.98px) {
 .menu-window-header { padding:14px; }
 .menu-window-brand { font-size:12px; }
 .menu-workspace { grid-template-columns:88px minmax(0,1fr); }
 .menu-sidebar { padding:12px 6px; }
 .menu-tab { font-size:9px; gap:5px; padding:9px 5px; }
 .menu-settings { padding:10px; gap:10px; }
 .menu-option-group { padding-inline:9px; }
 .menu-option { font-size:9px; }
 .menu-window-footer { padding:12px 14px; }
}
.menu-workspace.menu-no-sidebar { grid-template-columns:minmax(0,1fr); }

.menu-tab-glyph svg,.menu-section-icon svg { display:block; width:14px; height:14px; }
.menu-tab { font-size:11px; }
.menu-group-title { font-size:12px; }
.menu-option { font-size:11px; }
@media (max-width:991.98px) { .menu-tab,.menu-option { font-size:10px; } }
@media (min-width:992px) { .navbar.navbar-expand-lg .navbar-toggler { display:none; } }


/* Compact status layout; retain group headings and existing card styling. */
.level-status-page .status-cards {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
.level-status-page .status-group { grid-column:1 / -1; min-width:0; }
.level-status-page .status-card { min-width:0; gap:1rem; flex-wrap:wrap; }
.level-status-page .status-card h3 { min-width:0; margin-bottom:0; overflow-wrap:anywhere; }
.level-status-page .status { min-width:0; gap:.65rem; }
.level-status-page .status .indicator { flex-shrink:0; }
.level-status-page .status .label { overflow-wrap:anywhere; }
@media (max-width:575.98px) {
  .level-status-page .status-cards { grid-template-columns:minmax(0,1fr); }
}

/* Shared return-to-top control, using the shop's configured accent colors. */
.level-back-to-top {
  position:fixed;
  right:max(1.25rem,env(safe-area-inset-right));
  bottom:max(1.25rem,env(safe-area-inset-bottom));
  z-index:1020;
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  padding:0;
  border:1px solid var(--cl-accent);
  border-radius:14px;
  background:var(--cl-accent);
  color:var(--level-on-accent);
  box-shadow:0 4px 20px rgba(var(--cl-accent-rgb),.25);
  cursor:pointer;
  transition:transform .2s,box-shadow .2s;
}
.level-back-to-top[hidden] { display:none; }
.level-back-to-top:hover { transform:translateY(-3px); box-shadow:0 6px 26px rgba(var(--cl-accent-rgb),.4); }
.level-back-to-top svg { width:22px; height:22px; }
@media (prefers-reduced-motion:reduce) {
  .level-back-to-top { transition:none; }
}