/* V9.3 — base neutra, dourado discreto e escala tipográfica compartilhada. */
:root {
 --font-ui: Arial, Helvetica, sans-serif;
 --type-caption: .75rem;
 --type-label: .8125rem;
 --type-body: .9375rem;
 --type-card: 1.125rem;
 --type-section: clamp(1.625rem, 2.3vw, 2rem);
 --type-hero: clamp(2rem, 3vw, 2.5rem);
}
body {
 --glass-fill:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.025));
 --glass-line:rgba(255,255,255,.14); --soft-accent:#bda77f;
 background:radial-gradient(ellipse at 7% 6%,#bfa57508,transparent 35%),#141414;
 color:#f1f1f1;
}
body::before { display:none; }
.site-header,.site-header.scrolled { background:rgba(23,23,23,.88); border-bottom:1px solid #ffffff20; backdrop-filter:blur(26px); -webkit-backdrop-filter:blur(26px); box-shadow:inset 0 1px #ffffff15,0 6px 24px #00000026; }
.site-header::after { display:block; inset:auto 8% 0; height:1px; background:linear-gradient(90deg,transparent,#bda77f40,transparent); opacity:.5; }
.header-inner { height:66px; min-height:66px; gap:24px; }
.brand { width:170px; height:44px; }
.official-logo,.brand .official-logo,.footer-brand .official-logo { width:162px; height:40px; overflow:visible; }
.official-logo > img { position:static; width:100%; height:100%; max-width:100%; object-fit:contain; inset:auto; transform:none; filter:none; }
.desktop-nav a { padding-block:10px; font-size:12px; color:#e0d8cc; }
.header-actions { gap:7px; }
.shop-header-button { min-height:32px; height:32px; min-width:34px; padding:6px 9px; gap:7px; border:1px solid #eed8ae33; border-radius:8px; background:linear-gradient(145deg,#ffffff0c,#ffffff03); box-shadow:inset 0 1px #ffffff12; }
.shop-header-button svg { width:15px; height:15px; }
.shop-header-button span { font-size:inherit; }
.shop-count { width:17px; height:17px; background:#ddbb80; color:#302316; }
.icon-button { width:32px; height:32px; } .icon-button svg { width:17px; height:17px; }
.hero { position:relative; padding-top:66px; background:transparent; }
.hero-product-visual { position:absolute; inset:66px 0 0 45%; width:55%; height:calc(100% - 66px); mask-image:linear-gradient(90deg,transparent,#000 18%); -webkit-mask-image:linear-gradient(90deg,transparent,#000 18%); opacity:.8; }
.hero-product-visual img { width:100%; height:100%; object-fit:cover; object-position:80% center; }
.hero-product-visual::after { display:block; content:''; position:absolute; inset:0; background:linear-gradient(0deg,#141414,transparent 40%); }
.hero-content { width:var(--container); position:relative; }
.hero-glass { display:block; width:min(540px,55%); margin:26px 0; padding:23px 27px; border:1px solid var(--glass-line); border-radius:18px; background:linear-gradient(135deg,#ffffff0d,#1c1c1c66); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); box-shadow:inset 0 1px #ffffff20,0 10px 40px #00000033; }
.hero h1 { font-size:clamp(30px,3.1vw,43px); line-height:1.07; margin:0; }
.hero h1 em { color:#bda77f; }
.hero p { margin:12px 0 17px; color:#c7c0b6; font-size:13px; line-height:1.6; }
.hero-actions { gap:18px; }
.button,.hero-actions .button { height:34px; min-height:34px; padding:8px 14px; border-radius:8px; font-size:11px; line-height:1.2; background:linear-gradient(145deg,#f0eeea,#dedbd5); border:1px solid #bda77f55; box-shadow:inset 0 1px #ffffff70,0 3px 12px #0000001f; color:#202020; }
.button:hover { background:#e1d4bd; border-color:#bda77f; }
.button svg { width:15px; height:15px; }
.button-ghost { color:#ecdcc3; background:var(--glass-fill); border-color:var(--glass-line); }
.hero-actions .text-link { font-size:11px; color:#dfd3bf; white-space:nowrap; }
.section,.catalog-section,.custom-section,.about-section,.faq-section { padding-block:27px; background:transparent; }
.section-heading { margin-bottom:16px; gap:24px; align-items:center; }
.section-heading h2,.about-copy h2,.custom-copy h2,.faq-section h2 { font-size:clamp(24px,2.3vw,33px); line-height:1.12; margin-block:8px 0; }
.section-heading h2 br { display:none; }
.section-heading p,.about-copy p,.custom-copy > p { font-size:12px; line-height:1.6; color:#c7c0b6; }
.section-heading p { max-width:460px; }
.kicker { color:#d3b57f; font-size:9px; letter-spacing:.16em; }
.catalog-search,.catalog-sidebar,.product-card,.accordion details,.steps li,.shop-order,.orders-settings { border:1px solid var(--glass-line); background:var(--glass-fill); box-shadow:inset 0 1px #ffffff13,0 7px 28px #21170421; backdrop-filter:blur(15px) saturate(120%); -webkit-backdrop-filter:blur(15px) saturate(120%); }
.catalog-search { min-height:38px; height:38px; border-radius:10px; margin-bottom:13px; }
.catalog-search input { font-size:12px; }
.catalog-browser { grid-template-columns:minmax(0,1fr); grid-template-areas:'sidebar' 'result-header' 'results'; gap:12px; }
.catalog-browser > * { min-width:0; }
.catalog-sidebar { position:static; padding:7px 10px; border-radius:10px; }
.catalog-sidebar > strong { display:none; }
.category-filters { display:flex; width:100%; min-width:0; flex-wrap:wrap; overflow:visible; gap:5px; padding:1px 0; }
.category-filters::before,.category-filters::after { display:none; }
.category-chip { flex:0 0 auto; width:auto; height:29px; min-height:29px; padding:6px 10px; font-size:10px; border-radius:7px; color:#d4cbbb; white-space:nowrap; }
.category-chip.active { color:#f1f1f1; background:#bda77f1c; border-color:#bda77f66; }
.category-chip > span:last-child { display:inline; }
.catalog-result-top { margin:0; min-height:22px; }
.catalog-result-top strong { font-size:11px; }
.empty-state { min-height:125px; padding:20px; border:1px dashed #ffffff26; border-radius:12px; background:#ffffff03; }
.empty-state > span { display:none; }
.empty-state h3 { font-size:16px; margin:0 0 8px; font-weight:500; }
.empty-state p { font-size:12px; margin:5px 0; }
.empty-state small { font-size:11px; color:#bdb19b; }
.catalog-footer { margin-top:12px; }
.catalog-footer:has(button[hidden]) { display:none; }
.custom-grid { grid-template-columns:1fr; gap:0; }
.custom-copy { display:grid; grid-template-columns:1fr 1.2fr; gap:0 36px; align-items:start; }
.custom-copy > .kicker,.custom-copy > h2,.custom-copy > p,.custom-copy > a { grid-column:1; }
.custom-copy > h2 { margin:7px 0 0; }
.custom-copy > p { margin:12px 0 14px; }
.custom-copy > a { justify-self:start; }
.steps { grid-column:2; grid-row:1/6; display:grid; grid-template-columns:1fr; gap:8px; margin:0; align-self:center; }
.steps li { padding:11px 14px; min-height:0; border-radius:10px; gap:12px; }
.steps li > span { color:#dbbd87; font-size:10px; }
.steps strong { font-size:12px; }.steps small { font-size:11px; line-height:1.4; }
.custom-art { display:none; }
.about-grid { grid-template-columns:.65fr 1fr; gap:32px; align-items:center; }
.about-card { height:178px; background:var(--glass-fill); border:1px solid var(--glass-line); filter:none; border-radius:14px; box-shadow:inset 0 1px #ffffff17; }
.about-card strong { font-size:17px; margin:0; }
.layer-lines { top:10px; height:230px; opacity:.55; filter:grayscale(1); }
.about-card::after { opacity:.2; }
.about-copy > p { margin:11px 0; }
.about-points { gap:20px; margin-top:12px; padding-top:10px; }
.about-points strong { font-size:11px; }.about-points small { font-size:10px; }.about-points span { font-size:9px; }
.faq-grid { grid-template-columns:.45fr 1fr; gap:28px; }
.faq-intro { font-size:12px; margin:12px 0 0; }
.accordion { gap:0; }
.accordion details { border-radius:0; border-bottom:0; box-shadow:none; }
.accordion details:first-child { border-radius:10px 10px 0 0; }
.accordion details:last-child { border-radius:0 0 10px 10px; border-bottom:1px solid var(--glass-line); }
.accordion summary { padding:11px 14px; min-height:38px; font-size:12px; }
.accordion details p { padding:0 14px 12px; font-size:12px; margin:0; }
.cta-section { padding:22px 0; background:#ffffff04; border-block:1px solid #ffffff18; }
.cta-section h2 { font-size:24px; line-height:1.15; margin:8px 0 0; }.cta-section h2 br { display:none; }
.cta-inner { gap:22px; }
footer { padding-top:23px; background:#101010; }
.footer-grid { padding-bottom:18px; gap:22px; }
.footer-brand p { margin-top:8px; font-size:11px; }.footer-links a { font-size:11px; }
.footer-bottom { padding-block:13px; font-size:10px; }
/* Remover a altura reservada da renderização tardia que alongava seções vazias. */
#personalizados,#sobre,#faq,.cta-section,footer { content-visibility:visible; contain-intrinsic-size:none; }
.shop-dialog { background:linear-gradient(135deg,#272727f5,#191919f5); border-color:#ffffff26; backdrop-filter:blur(24px); box-shadow:inset 0 1px #ffffff25,0 30px 90px #0008; }
.shop-dialog-head { padding:17px 23px; }.shop-close { width:32px; height:32px; font-size:20px; background:#f4deba14; }
.shop-primary,.shop-secondary,.google-login { min-height:38px; padding:9px 14px; font-size:12px; border-radius:8px; }
.shop-primary,.google-login { background:linear-gradient(145deg,#f0eeea,#dedbd5); border-color:#bda77f55; color:#202020; }
.shop-secondary { background:#f5dca606; border-color:#f5dca625; color:#e9dfce; }
.shop-line,.shop-summary > div:last-child { border-color:#f7dca71c; }
.shop-choice,.shop-field input,.shop-field select,.shop-field textarea { background:#efd5a508; border-color:#eed2a027; }
.shop-primary:disabled { opacity:.45; }
.toast { opacity:0; visibility:hidden; pointer-events:none; }
.toast.show { opacity:1; visibility:visible; }
.custom-site-section { padding-block:26px; }
.custom-site-copy h2 { font-size:clamp(25px,2.4vw,34px); }
.custom-site-copy p { font-size:12px; line-height:1.6; margin-top:12px; }
.custom-site-inner,.custom-site-banner .custom-site-inner { min-height:160px; gap:24px; }
.custom-site-media,.custom-site-media img { min-height:160px; max-height:230px; }
.custom-site-theme-glass { background:var(--glass-fill); border-block:1px solid var(--glass-line); backdrop-filter:blur(18px); }
@media(max-width:700px) {
 .header-inner { height:60px; min-height:60px; padding-inline:16px; gap:7px; }
 .brand { width:auto; margin-right:auto; }.brand .official-logo { width:132px; height:35px; }
 .shop-header-button { height:32px; min-height:32px; padding-inline:7px; }
 .menu-button { height:36px; width:33px; padding:7px 3px; }
 .menu-button span { width:24px; }.mobile-menu { top:100%; }
 .hero { padding-top:60px; }
 .hero-product-visual { inset:60px 0 auto; width:100%; height:100%; opacity:.24; mask-image:linear-gradient(#000,transparent 94%); -webkit-mask-image:linear-gradient(#000,transparent 94%); }
 .hero-product-visual img { height:100%; object-position:85% center; aspect-ratio:auto; }
 .hero-glass { width:100%; margin:16px 0; padding:20px; border-radius:15px; background:linear-gradient(135deg,#ffffff0d,#1c1c1c99); }
 .hero h1 { font-size:29px; margin:0; max-width:300px; }
 .hero p { font-size:12px; margin:12px 0 15px; }
 .hero-actions { gap:13px; }.hero-actions .text-link { font-size:10px; }
 .button,.hero-actions .button { min-height:33px; height:33px; padding:8px 11px; font-size:10px; }
 .section,.catalog-section,.custom-section,.about-section,.faq-section { padding-block:20px; }
 .section-heading { display:block; margin-bottom:13px; }.section-heading h2 { font-size:25px; }
 .section-heading p { margin:9px 0 0; font-size:11px; line-height:1.5; }
 .catalog-browser { gap:8px; }.catalog-sidebar { padding:6px; }
 .category-chip { min-height:31px; height:31px; font-size:10px; }
 .empty-state { min-height:110px; padding:17px 12px; }.empty-state p { font-size:11px; }
 .custom-copy { display:block; }.custom-copy > h2 { font-size:26px; }
 .custom-copy > p { font-size:11px; margin:10px 0 13px; }.steps { margin:12px 0; gap:6px; }
 .steps li { padding:9px 12px; }.steps small { font-size:10px; }
 .about-grid { grid-template-columns:1fr; gap:15px; }.about-card { height:110px; }
 .about-card strong { font-size:16px; }.about-copy h2 { font-size:26px; }
 .about-copy p { font-size:11px; }.about-points { margin-top:10px; }
 .faq-grid { grid-template-columns:1fr; gap:14px; }.faq-section h2 { font-size:25px; }
 .faq-section h2 br { display:none; }.faq-intro { font-size:11px; margin-top:8px; }
 .accordion summary { padding:10px 12px; min-height:38px; font-size:11px; }
 .cta-section { padding-block:19px; }.cta-inner { gap:15px; }.cta-section h2 { font-size:21px; }
 .cta-inner .button { align-self:flex-start; } .footer-grid { gap:18px; }
 .shop-dialog { backdrop-filter:blur(16px); }.shop-dialog-head { padding:16px 18px; }
 .custom-site-section { padding-block:20px; }.custom-site-copy h2 { font-size:26px; }
 .custom-site-inner,.custom-site-banner .custom-site-inner { min-height:0; }
}

/* Uma família e uma escala por função, iguais em todas as seções e telas. */
body, button, input, textarea, select, h1, h2, h3, h4,
.button, .category-chip, .catalog-search input, .admin-logout { font-family:var(--font-ui); }
body { font-size:var(--type-body); line-height:1.6; }
h1,h2,h3,h4 { font-weight:600; letter-spacing:-.025em; }
.hero h1 { font-size:var(--type-hero); font-weight:600; line-height:1.15; letter-spacing:-.035em; max-width:none; }
.section-heading h2,.about-copy h2,.custom-copy h2,.faq-section h2,
.cta-section h2,.custom-site-copy h2,.shop-dialog h2,.modal-content h2 {
 font-size:var(--type-section); font-weight:600; line-height:1.2; letter-spacing:-.025em;
}
.hero > .hero-content p,.section-heading p,.about-copy p,.custom-copy > p,.custom-site-copy p,
.faq-intro,.accordion details p,.empty-state p,.shop-body p,.modal-description {
 font-size:var(--type-body); line-height:1.6; color:#c4c4c4;
}
.empty-state h3,.about-card strong,.shop-empty h3,.shop-order h3 {
 font-size:var(--type-card); line-height:1.4; font-weight:600;
}
.product-info h3,.steps strong,.about-points strong,.accordion summary,
.shop-line h3 { font-size:var(--type-body); line-height:1.45; font-weight:600; }
.product-info strong,.shop-line strong { font-size:var(--type-card); }
.steps small,.about-points small,.empty-state small,.footer-brand p,.footer-links a,
.catalog-result-top strong,.catalog-result-top > span,.shop-field,.shop-check,
.shop-choice,.shop-order ol,.shop-summary > div,.order-note {
 font-size:var(--type-label); line-height:1.55;
}
.kicker,.product-tag,.product-info > div > span,.about-points span,
.footer-bottom,.shop-status,.shop-order time,.shop-dialog-head p {
 font-size:var(--type-caption); line-height:1.5;
}
.kicker,.product-info > div > span { color:#bda77f; letter-spacing:.1em; }
.steps small,.about-points small,.footer-brand p,.footer-links a,.footer-bottom,
.shop-choice small,.shop-order time { color:#bcbcbc; }
.shop-small { font-size:var(--type-caption) !important; line-height:1.6; color:#bcbcbc; }
.desktop-nav a,.mobile-menu a,.hero-actions .text-link,.text-link,
.button,.hero-actions .button,.product-add,.product-whatsapp,
.shop-primary,.shop-secondary,.google-login,.shop-order .shop-secondary,
.shop-header-button .account-label,.category-chip {
 font-size:var(--type-label); line-height:1.4; font-weight:600; letter-spacing:0;
}
.button,.hero-actions .button { height:auto; min-height:36px; padding:8px 13px; gap:12px; }
.hero-actions { gap:14px; flex-wrap:wrap; }
.category-chip { height:auto; min-height:34px; padding:7px 11px; max-width:100%; white-space:normal; text-align:left; }
.category-chip > span:last-child { min-width:0; overflow-wrap:anywhere; }
.catalog-search { min-height:42px; height:auto; }
.catalog-search input,.shop-field input,.shop-field select,.shop-field textarea { font-size:1rem; line-height:1.5; }
.shop-header-button { height:36px; min-height:36px; white-space:nowrap; }
.shop-header-button .shop-count { font-size:var(--type-caption); }
.shop-header-button .account-label { display:inline; }
.shop-header-button .account-provider { font:inherit; }
.google-mark { display:inline-grid; place-items:center; flex-shrink:0; font:700 18px/1 Arial,sans-serif; color:#f4f0e9; }
.shop-header-button .google-mark { font-size:18px; }
.google-login { min-height:40px; background:#fff; color:#292929; border-color:#dedede; }
.google-login .google-mark { color:#4285f4; }
.google-login:disabled { opacity:.65; cursor:not-allowed; }
.shop-secondary { color:#e9dfce; }
.product-add { background:linear-gradient(145deg,#f0eeea,#dedbd5); color:#202020; }
.product-add:hover { background:#e1d4bd; }
.mobile-menu { background:#191919f5; backdrop-filter:blur(20px); }
.steps li { padding:12px 14px; }
.accordion summary { min-height:44px; }
.footer-links strong { font-size:var(--type-label); }
.shop-body .shop-back,.shop-remove { font-size:var(--type-label); }
.admin-auth-card p,.admin-card > p,.admin-card > div > p,.cms-notice p { font-size:var(--type-body); }
.admin-auth-card label,.settings-form label,.editor-fields label,.admin-nav button,
.admin-product-main strong,.admin-category-main strong,.admin-product-price { font-size:var(--type-label); }
.settings-form label small,.editor-fields label small,.admin-product-main span,
.admin-product-category,.admin-category-main span { font-size:var(--type-caption); }
@media(max-width:700px) {
 .header-inner { padding-inline:0; }
 .brand .official-logo { width:112px; height:34px; }
 .header-actions { gap:5px; }
 .header-actions > .search-trigger { display:none; }
 .shop-header-button { padding-inline:8px; gap:5px; }
 .account-provider { display:none; }
 .hero-glass { padding:18px; }
 .hero-actions .text-link { white-space:normal; }
 .section-heading p { display:block; }
 .steps li { padding:11px 12px; }
 .about-card { height:120px; }
 .about-points { gap:16px; }
 .shop-body { padding:20px; }
}

/* Fundo contínuo; a arte se dissolve no grafite sem criar duas colunas visuais. */
.hero {
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center;
 gap:0;
 width:100%;
 height:auto;
 min-height:clamp(460px,32vw,650px);
 margin:0;
 padding:102px 0 36px;
 overflow:hidden;
 isolation:isolate;
 background:#141414;
}
.hero > .hero-content { position:relative; z-index:2; order:0; width:var(--container); min-width:0; margin:0; padding:0; }
.hero .hero-glass { width:min(540px,48%); max-width:none; margin:0; background:linear-gradient(135deg,#ffffff09,#14141426); border-color:#ffffff14; box-shadow:inset 0 1px #ffffff12; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
.hero > .hero-product-visual {
 position:absolute; z-index:0; order:0;
 inset:66px 0 0; width:100%; height:calc(100% - 66px); min-width:0;
 opacity:1; transform:none; overflow:hidden;
 background:radial-gradient(ellipse at 68% 55%,#ffffff08,transparent 55%);
 mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.hero-product-visual picture {
 position:absolute; left:50%; right:auto; top:50%; transform:translate(-50%,-50%);
 width:100%; max-width:1920px; height:100%;
 mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
}
.hero-product-visual img { display:block; width:100%; height:100%; max-height:none; aspect-ratio:auto; object-fit:cover; object-position:var(--site-hero-position,center 25%); }
.hero-product-visual::after { display:block; position:absolute; inset:0; background:linear-gradient(0deg,#141414,transparent 24%,transparent 85%,#141414); }
@media(max-width:900px) {
 .hero { min-height:430px; padding-top:94px; padding-bottom:28px; }
 .hero .hero-glass { width:58%; padding:20px; }
 .hero-product-visual picture { width:120%; max-width:none; left:45%; }
}
@media(max-width:700px) {
 .hero { min-height:0; padding-top:84px; padding-bottom:24px; }
 .hero > .hero-product-visual { top:60px; height:calc(100% - 60px); opacity:.28; }
 .hero-product-visual picture { width:220%; left:25%; }
 .hero .hero-glass { width:100%; padding:18px; background:linear-gradient(135deg,#1b1b1bd9,#14141499); }
}

/* As opções do administrador permanecem funcionais no acabamento novo. */
.hero h1 em,.kicker,.product-info > div > span { color:var(--bronze); }
.hero .button,.product-add,.shop-primary { border-color:rgba(var(--site-accent-rgb),.35); }
.category-chip.active { background:rgba(var(--site-accent-rgb),.11); border-color:rgba(var(--site-accent-rgb),.4); }
@media(min-width:981px) { .product-grid { grid-template-columns:repeat(var(--catalog-columns),minmax(0,1fr)); } }
@media(max-width:1000px) { .mobile-menu.open { display:grid; } }
.orders-page,.orders-page * { box-sizing:border-box; }
.orders-page .shop-fields { min-width:0; }
.orders-page .shop-field { min-width:0; }

/* Painel administrativo: contraste consistente e navegação completa no celular. */
.admin-body { background:#141414; color:#ededed; --gunmetal:#bcbcbc; --line:rgba(255,255,255,.18); }
.admin-body .admin-sidebar { background:#1a1a1a; }
.admin-body .admin-brand img { max-height:48px; object-fit:contain; }
.admin-body .admin-stats div,.admin-body .admin-card,.admin-body .admin-product,
.admin-body .admin-category,.admin-body .site-config-card,.admin-body .site-image-picker,
.admin-body .site-copy-groups details,.admin-body .site-section-item,.admin-body .admin-custom-section,
.admin-body .product-editor { background:#202020; border-color:var(--line); }
.admin-body input,.admin-body select,.admin-body textarea { color:#ededed; background-color:#171717; border-color:var(--line); font-family:var(--font-ui); font-size:var(--type-body); }
.admin-body input::placeholder,.admin-body textarea::placeholder { color:#a5a5a5; }
.admin-body .site-fields label,.admin-body .custom-section-empty strong,
.admin-body .admin-secondary,.admin-body .admin-product-actions button,
.admin-body .admin-category-actions button,.admin-body .admin-custom-section-actions button,
.admin-body .editor-close,.admin-body .site-section-actions button { color:#ededed; }
.admin-body .admin-primary { color:#202020; background:#e8e3da; border-color:#bda77f; }
.admin-body .admin-primary:hover { background:#fff; }
.admin-body .admin-secondary:hover { border-color:#bda77f; }
.admin-body .admin-logout { font-family:var(--font-ui); }
.admin-body .admin-auth-card p,.admin-body .admin-help p,.admin-body .cms-notice p { color:#bcbcbc; }
.admin-body .image-picker:not(.has-image),.admin-body .admin-no-photo { color:#bcbcbc; background:#171717; border-color:var(--line); }
.admin-body .site-fields label,.admin-body .site-copy-groups summary,.admin-body .site-image-picker > strong,
.admin-body .admin-custom-section-main strong,.admin-body .site-section-name input { font-size:var(--type-label); }
.admin-body .site-card-heading p,.admin-body .site-image-picker > small,
.admin-body .site-section-name small,.admin-body .admin-custom-section-main span,
.admin-body .custom-section-empty span { font-size:var(--type-caption); }
.admin-body .admin-nav > a { display:flex; justify-content:flex-start; gap:13px; padding:13px 14px; font-size:var(--type-label); }
.admin-body .admin-nav > a span { width:18px; color:var(--bronze-light); text-align:center; }
.admin-body .admin-nav button { color:#bcbcbc; }
.admin-body .admin-nav button.active { color:#fff; }
.admin-body .admin-primary,.admin-body .admin-secondary,.admin-body .admin-preview,.admin-body .admin-logout { font-size:var(--type-label); }
.admin-body .admin-stats span,.admin-body .admin-list-head > span,.admin-body .admin-help p,.admin-body .site-save-bar > span { font-size:var(--type-caption); }
.admin-body .site-switch input:focus-visible + span { outline:2px solid #fff; outline-offset:3px; }
@media(min-width:621px) and (max-width:900px) {
 .admin-body .admin-layout { grid-template-columns:170px minmax(0,1fr); }
 .admin-body .admin-main { padding:30px 20px 80px; }
 .admin-body .admin-nav button { justify-content:flex-start; padding-inline:8px; }
 .admin-body .admin-product { grid-template-columns:54px minmax(0,1fr) 76px; gap:10px; }
 .admin-body .admin-product-price { display:none; }
}
@media(max-width:620px) {
 .admin-body .admin-sidebar { height:72px; padding:6px 4px; }
 .admin-body .admin-nav { grid-template-columns:repeat(6,minmax(0,1fr)); gap:2px; }
 .admin-body .admin-nav button,.admin-body .admin-nav > a { min-width:0; min-height:56px; flex-direction:column; justify-content:center; gap:3px; padding:4px 1px; font-size:11px; line-height:1.2; border:0; }
 .admin-body .admin-nav button span,.admin-body .admin-nav > a span { font-size:18px; }
 .admin-body .admin-header > div { gap:6px; }
 .admin-body .admin-preview,.admin-body .admin-logout { padding:8px; }
 .admin-body .admin-main { padding-bottom:115px; }
 .admin-body .site-save-bar { bottom:82px; }
 .admin-body .admin-toast { bottom:86px; right:16px; max-width:calc(100% - 32px); }
}
@media(max-width:360px) { .admin-body .admin-nav button,.admin-body .admin-nav > a { font-size:10px; } }