/* KROMAX 3D · estrutura visual; acabamento e tipografia em refinements.css. */
:root { color-scheme: dark; --graphite:#141414; --graphite-2:#202020; --bronze:#bda77f; --bronze-light:#cebea0; --site-accent-rgb:189,167,127; --neutral:#f1f1f1; --container:min(1280px, calc(100% - 64px)); }
body { font-family:Arial, Helvetica, sans-serif; background:#0b0b0c; color:#efefef; }
h1,h2,h3,.button { font-family:Arial, Helvetica, sans-serif; }
button,a,input,select,textarea { touch-action:manipulation; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:2px solid #fff; outline-offset:4px; }
[hidden] { display:none !important; }
.site-header,.site-header.scrolled { background:rgba(10,10,11,.9); border-bottom:1px solid #ffffff19; box-shadow:none; }
.site-header::before,.site-header::after { display:none; }
.header-inner { max-width:1440px; min-height:86px; gap:28px; }
.desktop-nav a { font-size:13px; font-weight:500; }
.header-actions { gap:10px; }
.header-actions > .whatsapp-link { display:none; }
.official-logo,.brand .official-logo,.footer-brand .official-logo { width:176px; height:48px; }
.official-logo > img { position:absolute; width:136%; height:auto; max-width:none; left:-18%; top:50%; transform:translateY(-50%); }
.brand { height:54px; }
.hero { padding:86px 0 0; margin-top:0; height:auto; min-height:0; display:flex; flex-direction:column; overflow:hidden; background:#090909; }
.hero-grid,.hero::before,.hero::after { display:none; }
.hero-product-visual { position:relative; inset:auto; width:100%; height:auto; opacity:1; transform:none; order:0; mask-image:none; -webkit-mask-image:none; flex-shrink:0; }
.hero-product-visual::before,.hero-product-visual::after { display:none; }
.hero-product-visual picture { display:block; }
.hero-product-visual img { width:100%; height:clamp(350px,43vw,610px); object-fit:cover; object-position:center; filter:none; opacity:1; }
.hero-content { position:relative; padding:0; margin-top:0; order:1; width:var(--container); }
.hero-glass { display:grid; grid-template-columns:1fr 1fr; align-items:center; column-gap:64px; width:100%; max-width:none; margin:0; padding:42px 0 48px; border:0; border-bottom:1px solid #ffffff24; border-radius:0; background:none; box-shadow:none; backdrop-filter:none; }
.hero-glass::before,.hero-glass::after { display:none; }
.hero h1 { grid-row:span 2; font-size:clamp(32px,3.7vw,54px); font-weight:500; letter-spacing:-.045em; line-height:1.08; margin:0; }
.hero h1 em { color:#a6a6aa; font-style:normal; }
.hero p { font-size:15px; line-height:1.65; color:#a7a7ac; max-width:500px; margin:0 0 22px; }
.hero-actions { margin:0; gap:26px; }
.button { background:#eeeeef; color:#111; border:1px solid #eeeeef; border-radius:6px; box-shadow:none; font-size:13px; font-weight:600; letter-spacing:0; }
.button:hover { color:#111; background:#fff; border-color:#fff; box-shadow:0 5px 25px #ffffff15; }
.text-link { color:#e2e2e4; }
.section { padding-block:64px; }
.section-heading { margin-bottom:30px; }
.section-heading h2,.about-section h2,.custom-section h2,.faq-section h2,.cta-section h2 { font-weight:500; letter-spacing:-.04em; line-height:1.12; }
.kicker { font-size:10px; letter-spacing:.2em; color:#a4a4aa; }
.section-heading p { font-size:14px; line-height:1.7; color:#9b9ba1; }
.catalog-section { background:#0b0b0c; }
.catalog-search,.catalog-sidebar { background:#141415; border:1px solid #ffffff16; box-shadow:none; border-radius:8px; }
.catalog-search input { font-size:14px; }
.category-chip { min-height:36px; font-family:inherit; font-size:12px; color:#b9b9bd; }
.category-chip.active { background:#ededee; color:#111; border-color:#ededee; }
.product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.product-card { border:1px solid #ffffff16; background:#171718; border-radius:12px; padding:7px 7px 12px; box-shadow:none; }
.product-card:hover { transform:translateY(-3px); border-color:#ffffff45; box-shadow:none; }
.product-image { height:auto; aspect-ratio:1.2; border-radius:7px; background:#222; }
.product-image img { width:100%; height:100%; object-fit:cover; }
.product-image::before { display:none; }
.product-tag { top:10px; left:10px; border:1px solid #ffffff30; background:#171718d9; color:#fff; font-size:9px; }
.product-info { padding:16px 7px 14px; gap:12px; }
.product-info > div > span { color:#99999e; font-size:9px; letter-spacing:.15em; }
.product-info h3 { font-size:14px; line-height:1.4; font-weight:500; margin-top:7px; }
.product-info strong { color:#fff; font-size:15px; font-weight:600; }
.product-whatsapp { background:transparent; color:#d5d5d8; border-color:#ffffff25; border-radius:5px; min-height:37px; margin:0 6px; font-size:11px; }
.product-add { display:flex; justify-content:space-between; align-items:center; width:calc(100% - 12px); margin:0 6px 7px; padding:12px; background:#e9e9eb; color:#101010; border:0; border-radius:5px; font-size:12px; font-weight:600; cursor:pointer; }
.product-add:hover { background:#fff; }
.product-placeholder,.no-photo { background:#1d1d1f !important; }
.placeholder-spectrum { background:#777; }
.modal-card { background:#161617; border:1px solid #ffffff20; }
.modal-category { color:#ababaf; }
.modal-content { padding:36px; }
.modal-content h2 { font-weight:500; letter-spacing:-.045em; }
.modal-bottom { flex-wrap:wrap; gap:16px; }
.modal-bottom .product-add { width:100%; margin:0; }
.modal-whatsapp { background:transparent; color:#eee; border-color:#555; }
.custom-section,.about-section,.faq-section,.cta-section { background:#101011; }
.custom-visual,.about-card { background:linear-gradient(140deg,#272729,#111); border-color:#ffffff22; }
.about-card,.custom-art { filter:grayscale(1); }
.custom-section em,.steps span,.about-card span,.faq-question span { color:#dedee1; }
.steps li,.faq-item { border-color:#ffffff22; }
.site-footer,footer { background:#090909; }
.mobile-menu { background:#111; }
.order-note { font-size:11px; color:#919197; margin:8px 6px; }
@media(min-width:1100px) { .catalog-layout { grid-template-columns:210px minmax(0,1fr); } }
@media(max-width:1000px) { .desktop-nav { display:none; } .menu-button { display:block; } .header-inner { gap:16px; } .product-grid { gap:12px; } }
@media(max-width:700px) {
 :root { --container:calc(100% - 32px); }
 .header-inner { min-height:70px; padding-inline:16px; gap:8px; }
 .hero { padding-top:70px; }
 .brand { width:auto; margin-right:auto; }
 .official-logo,.brand .official-logo { width:124px; height:38px; }
 .header-actions { gap:3px; } .header-actions .search-trigger { display:none; }
 .hero-product-visual img { height:auto; aspect-ratio:1.55; object-fit:cover; }
 .hero-glass { display:block; padding:28px 0 32px; }
 .hero h1 { font-size:34px; margin-bottom:18px; }
 .hero h1 br { display:none; } .hero h1 em::before { content:' '; }
 .hero p { font-size:14px; } .hero-actions { gap:20px; flex-wrap:wrap; }
 .section { padding-block:38px; }
 .catalog-sidebar { padding:9px; } .catalog-sidebar > strong { display:none; }
 .category-filters { display:flex; overflow-x:auto; gap:6px; padding:3px; }
 .category-chip { flex:0 0 auto; white-space:nowrap; min-height:38px; padding:9px 13px; }
 .category-chip > span:last-child { display:none; }
 .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .product-info { display:block; padding:12px 4px; } .product-info h3 { font-size:12px; } .product-info strong { display:block; margin-top:10px; }
 .product-add { font-size:11px; padding:11px 8px; } .product-whatsapp { font-size:10px; }
 .product-whatsapp svg { display:none; } .modal-content { padding:24px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; } }