/* Brascorp: un sistema de superficies y contrastes para las dos apariencias.
   La geometría del encabezado y el pie sigue en sus hojas respectivas. */
:root {
  color-scheme:light;
  --ui-bg:#f8f9fd; --ui-panel:#fff; --ui-raised:#f0eff9;
  --ui-ink:#223149; --ui-muted:#53627a; --ui-line:#d9deeb;
  --ui-link:#4933c7; --ui-button:#4933c7; --ui-button-ink:#fff;
  --ui-hover:#eae5fc; --ui-focus:#6250c9; --ui-error:#ad302d;
}
html[data-theme=dark] {
  color-scheme:dark;
  --ui-bg:#0e1220; --ui-panel:#171e2d; --ui-raised:#20283a;
  --ui-ink:#f1f3f9; --ui-muted:#b7c1d4; --ui-line:#344159;
  --ui-link:#c5b5ff; --ui-button:#c3b3ff; --ui-button-ink:#21183e;
  --ui-hover:#2b3048; --ui-focus:#d9cfff; --ui-error:#ffb4ae;
  /* Solo las variables se imponen a los valores inline del CMS en modo oscuro. */
  --navy:#f1f3f9 !important; --navy-deep:#0b0e19 !important;
  --blue:var(--ui-link) !important; --teal:#8bdfce !important;
  --ink:var(--ui-ink) !important; --muted:var(--ui-muted) !important;
  --white:var(--ui-panel) !important; --soft:#121a2a !important;
  --line:var(--ui-line) !important; --on-primary:var(--ui-button-ink) !important;
  --bc-heading:var(--ui-ink) !important; --bc-wash:#1e233a !important;
  --bc-wash-strong:#333052 !important; --bc-mint:#192d30 !important;
  --bc-mint-strong:#294549 !important; --bc-primary-hover:#d6caff !important;
}
/* Tema: control consistente de 44 px, sin caracteres dependientes del sistema. */
.theme-toggle { flex:none; border:1px solid var(--ui-line); background:var(--ui-panel); color:var(--ui-ink); }
.theme-toggle:hover { background:var(--ui-hover); }
.theme-toggle-icon { display:grid; place-items:center; }
.theme-toggle-label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
:focus-visible { outline:3px solid var(--ui-focus); outline-offset:4px; }
/* Inicio mantiene los tonos luminosos, sin grandes franjas totalmente blancas. */
.home-shortcuts { background:linear-gradient(#edf3ff,#f4f6ff); }
.home-intro { background:linear-gradient(130deg,#faf8ff,#eee8fc); }
.home-lines { background:linear-gradient(135deg,#eef4ff,#e6edf9); }
.home-paths { background:linear-gradient(135deg,#f8f9ff,#eaf6f4); }
.home-contact { background:#f5f7fc; }
.shortcuts-grid, .path-preview, .brand-card, .product-card { box-shadow:0 12px 30px #243c7810; }
/* Un solo portafolio de marcas. */
.brands-hero { padding-bottom:46px; }
.brands-hero-heading { max-width:820px; }
.brands-cta-row { margin-top:26px; display:flex; justify-content:center; }
.brands-hero .brands-down { margin:0; background:#4933c7; color:#fff; padding:12px 19px; border-radius:8px; }
/* Nosotros: bloque de identidad en una única retícula, sin traslapes ni B inventada. */
.about-hero-grid { grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); gap:clamp(32px,4vw,64px); align-items:center; }
.about-identity.about-art {
 width:100%; max-width:520px; min-height:0; padding:30px; margin:0 0 0 auto;
 display:grid; gap:32px; border:1px solid #ded8ce; border-radius:16px;
 background:#fffcf6; box-shadow:0 20px 50px #4f351d0b;
}
.identity-top { display:flex; align-items:center; gap:20px; }
.identity-top .art-label { margin:0; max-width:none; font-size:.76rem; color:#6a5433; font-weight:650; letter-spacing:.12em; }
.identity-rule { flex:1; height:1px; background:#e5dcd0; }
.about-identity.has-uploaded-image { display:block; min-height:0; height:400px; padding:0; }
/* Encabezado, elementos compartidos y página base. */
html[data-theme=dark], html[data-theme=dark] body { background:var(--ui-bg); color:var(--ui-ink); }
html[data-theme=dark] .site-header { background:#0e1220f7; border-color:#30364b; }
html[data-theme=dark] .header-actions, html[data-theme=dark] .desktop-nav a { color:#c2cbdd; }
html[data-theme=dark] .desktop-nav a.active, html[data-theme=dark] .desktop-nav a:hover { color:#f5f1ff; }
html[data-theme=dark] .desktop-nav a.active::after { background:#bdacff; }
html[data-theme=dark] .cart-count { background:#29243f; color:#e7ddff; }
html[data-theme=dark] .mobile-nav { background:#131927; border-color:var(--ui-line); }
html[data-theme=dark] .mobile-nav a.active { color:#e5daff; background:#28243b; }
html[data-theme=dark] .announcement-marquee { background:#1c2034; color:#c5cbe0; }
html[data-theme=dark] .announcement-marquee::before { background:linear-gradient(90deg,#1c2034,transparent); }
html[data-theme=dark] .announcement-marquee::after { background:linear-gradient(-90deg,#1c2034,transparent); }
html[data-theme=dark] .announcement-item::after { color:#b5a4f5; }
html[data-theme=dark] .skip-link { background:#282b44; color:#fff; }
html[data-theme=dark] .button-primary, html[data-theme=dark] .button-lime { background:var(--ui-button); color:var(--ui-button-ink); }
html[data-theme=dark] .button-primary:hover, html[data-theme=dark] .button-lime:hover { background:#d6caff; color:#21183e; }
html[data-theme=dark] .button-outline { border-color:#67758f; color:#e3e5f1; background:transparent; }
html[data-theme=dark] .button-outline:hover { background:#292e43; }
html[data-theme=dark] .button-white { color:#241b42; background:#eee8ff; }
html[data-theme=dark] .button-white:hover { color:#241b42; background:#fff; }
html[data-theme=dark] .eyebrow, html[data-theme=dark] .text-link { color:var(--ui-link); }
html[data-theme=dark] .heading-accent { color:#a9dccf; }
/* Las etiquetas de producto mantienen los colores originales (tone/tone-dark).
   Cada tono tiene una tinta clara y una superficie oscura separadas. */
html[data-theme=dark] .tone-blue { --night-tint:#9ac8ff; --night-bg:#172d45; --night-edge:#375979; }
html[data-theme=dark] .tone-cyan { --night-tint:#91e1d4; --night-bg:#153430; --night-edge:#33615a; }
html[data-theme=dark] .tone-orange { --night-tint:#f2c488; --night-bg:#332b24; --night-edge:#66513b; }
html[data-theme=dark] .tone-pink { --night-tint:#f1bbd7; --night-bg:#342338; --night-edge:#634561; }
html[data-theme=dark] .tone-green { --night-tint:#bddda4; --night-bg:#263424; --night-edge:#4e6545; }
html[data-theme=dark] .tone-slate { --night-tint:#cdbbff; --night-bg:#2a2442; --night-edge:#584a7e; }
html[data-theme=dark] .home-hero { background:#151d2e; }
html[data-theme=dark] .hero-slide:not(.hero-has-photo) { background:radial-gradient(ellipse at 85% 30%,var(--night-bg),transparent 67%),linear-gradient(110deg,#141a2b,#172238); color:#f3f4fb; }
html[data-theme=dark] .hero-slide:not(.hero-has-photo) .hero-copy h1 { color:#f3f4fb; }
html[data-theme=dark] .hero-slide:not(.hero-has-photo) .hero-brand,
html[data-theme=dark] .hero-slide:not(.hero-has-photo) .hero-eyebrow { color:var(--night-tint); }
html[data-theme=dark] .hero-slide:not(.hero-has-photo) .hero-description { color:#c6cddd; }
html[data-theme=dark] .hero-slide:not(.hero-has-photo) .hero-eyebrow > span { background:var(--night-tint); }
html[data-theme=dark] .hero-slide:not(.hero-has-photo) .button-white { background:var(--night-tint); color:#152131; }
html[data-theme=dark] .hero-slide:not(.hero-has-photo) .button-transparent { color:#f1f3f9; border-color:#8191aa; background:#ffffff08; }
html[data-theme=dark] .hero-slide:not(.hero-has-photo) .button-transparent:hover { background:#ffffff14; }
html[data-theme=dark] .hero-slide:not(.hero-has-photo) .orbit { border-color:var(--night-tint); opacity:.12; }
html[data-theme=dark] .hero-slide:not(.hero-has-photo) .brand-watermark { color:var(--night-tint); opacity:.1; }
html[data-theme=dark] .hero-slide:not(.hero-has-photo) .visual-spark { background:#ffffff08; border-color:#ffffff26; color:var(--night-tint); }
html[data-theme=dark] .hero-slide:not(.hero-has-photo) .hero-plinth { background:linear-gradient(150deg,#465976,#27364d); box-shadow:0 18px 30px #05081340; }
/* No se invierten fotografías, logos, envases ni portadas solo-imagen. */
html[data-theme=dark] .hero-has-photo .hero-copy h1 { color:#fff; }
html[data-theme=dark] .home-shortcuts { background:#151b2a; }
html[data-theme=dark] .shortcuts-grid { box-shadow:none; border-color:#303b52; }
html[data-theme=dark] .shortcuts-grid > a { color:#f1f3f9; border-color:#303b52; }
html[data-theme=dark] .shortcuts-grid > a:hover { background:#20283b; }
html[data-theme=dark] .shortcuts-grid small { color:#b9c5d9; }
html[data-theme=dark] .shortcut-icon { background:#272741; color:#c6b5ff; }
html[data-theme=dark] .shortcuts-grid > a > .icon { color:#b8b1d4; }
html[data-theme=dark] .home-intro { background:linear-gradient(125deg,#191c30,#171e2c); }
html[data-theme=dark] .home-lines { background:#121927; border-color:var(--ui-line); }
html[data-theme=dark] .home-paths { background:linear-gradient(135deg,#111722,#152526); }
html[data-theme=dark] .home-contact { background:#131c27; }
html[data-theme=dark] .intro-copy, html[data-theme=dark] .home-section-heading p { color:var(--ui-muted); }
html[data-theme=dark] .line-preview { background:var(--night-bg); border:1px solid var(--night-edge); border-radius:16px; color:#f1f3f9; box-shadow:none; }
html[data-theme=dark] .line-preview::after { border-color:var(--night-edge); opacity:.35; }
html[data-theme=dark] .line-preview-index { color:var(--night-tint); opacity:1; }
html[data-theme=dark] .line-preview-type { color:var(--night-tint); }
html[data-theme=dark] .line-preview h3 { color:#f1f3f9; }
html[data-theme=dark] .line-preview p { color:#c2cbda; }
html[data-theme=dark] .line-preview-icon { background:#ffffff0b; color:var(--night-tint); border-color:var(--night-edge); }
html[data-theme=dark] .line-preview-bottom { color:#e6e9f1; border-color:var(--night-edge); }
html[data-theme=dark] .line-preview-action { color:var(--night-tint); background:#ffffff10; border:1px solid var(--night-edge); }
html[data-theme=dark] .path-preview { color:#eef2f8; background:var(--ui-panel); border-color:var(--ui-line); border-radius:12px; box-shadow:none; }
html[data-theme=dark] .path-preview p { color:var(--ui-muted); }
html[data-theme=dark] .path-preview:hover { background:#212d39; border-color:#50617b; }
html[data-theme=dark] .path-preview-number { color:#a8e1d2; background:none; }
/* CTA de Inicio: tinta clara sobre violeta, botón claro con texto oscuro. */
html[data-theme=dark] .contact-strip { background:linear-gradient(120deg,#302751,#263b51); border:1px solid #5b5181; color:#fff; border-radius:14px; }
html[data-theme=dark] .contact-strip h2 { color:#fff; }
html[data-theme=dark] .contact-strip p, html[data-theme=dark] .contact-strip .eyebrow { color:#d4d7ed; opacity:1; }
html[data-theme=dark] .contact-strip .button-white { background:#eee8ff; color:#2a2042; }
/* Portadas interiores: cinco tratamientos independientes, no un solo azul. */
html[data-theme=dark] .interior-copy > p, html[data-theme=dark] .brands-hero-heading > p { opacity:1; color:#c4cdde; }
html[data-theme=dark] .interior-hero .breadcrumb { opacity:1; color:#b6c3d8; }
html[data-theme=dark] .about-hero { background:linear-gradient(130deg,#211f29,#212536); color:#f4f3f7; }
html[data-theme=dark] .about-hero::before { border-color:#aaa0b515; }
html[data-theme=dark] .about-hero .eyebrow { color:#e6c99c; }
html[data-theme=dark] .hero-story-link { color:#dacdff; border-color:#8670bb; }
html[data-theme=dark] .about-identity.about-art { background:#191e2a; border-color:#4a4051; box-shadow:0 18px 38px #090b1620; }
html[data-theme=dark] .identity-top .art-label { color:#e3c89f; }
html[data-theme=dark] .identity-rule { background:#494151; }
html[data-theme=dark] .brands-hero { background:linear-gradient(130deg,#242039,#191e30); color:#f1f3f9; }
html[data-theme=dark] .brands-hero::before { border-color:#3b30563b; }
html[data-theme=dark] .brands-hero .eyebrow { color:#c6b2ff; }
html[data-theme=dark] .brands-hero .brands-down { background:#c3b3ff; color:#21183e; }
html[data-theme=dark] .products-hero { background:linear-gradient(135deg,#152d32,#172437); color:#f1f3f9; }
html[data-theme=dark] .products-hero::before { background:radial-gradient(ellipse at 88% 50%,#385e632f,transparent 60%); }
html[data-theme=dark] .products-hero h1 { color:#f1f3f9; }
html[data-theme=dark] .products-hero .eyebrow, html[data-theme=dark] .products-hero .catalogue-search > label { color:#a8e1d7; }
html[data-theme=dark] .products-hero .search-input-wrap { background:#111e2d; box-shadow:none; border:1px solid #597188; }
html[data-theme=dark] .stage-caption { color:#b9cddd; }
html[data-theme=dark] .product-stage-ring { border-color:#7dc9c539; box-shadow:0 0 0 32px #87c8c509,0 0 0 66px #87c8c507; }
html[data-theme=dark] .stage-base { background:linear-gradient(120deg,#4c6e70,#234955); }
html[data-theme=dark] .stage-star { color:#d9c09a; }
html[data-theme=dark] .sellers-hero { background:linear-gradient(125deg,#30223b,#1e2033); color:#f1f3f9; }
html[data-theme=dark] .sellers-hero h1 { color:#f1f3f9; }
html[data-theme=dark] .sellers-hero .eyebrow { color:#e5bada; }
html[data-theme=dark] .opportunity-card.card-brands { background:#493574; color:#fff; border-color:#a595c3; }
html[data-theme=dark] .opportunity-card.card-brands > strong { color:#fff; }
html[data-theme=dark] .opportunity-card.card-you { background:#3a302a; color:#ffe4b5; border-color:#b28d66; }
html[data-theme=dark] .card-you p { color:#e7d3b8; }
html[data-theme=dark] .opportunity-star, html[data-theme=dark] .opportunity-connection { color:#dec5e9; border-color:#8b729b; }
html[data-theme=dark] .opportunity-orbit { border-color:#735b7c; }
html[data-theme=dark] .sellers-process { background:#121725; }
html[data-theme=dark] .seller-application { background:#191a29; }
html[data-theme=dark] .seller-application .application-aside .eyebrow { color:#d7c8ff; }
html[data-theme=dark] .seller-application .application-aside p { color:#cbd3e5; }
html[data-theme=dark] .step-number { background:#332944; color:#e2c8fa; }
html[data-theme=dark] .contact-hero { background:linear-gradient(130deg,#172c3c,#1c2840); color:#f1f3f9; }
html[data-theme=dark] .contact-hero::before { background:#33516a36; }
html[data-theme=dark] .contact-hero .eyebrow { color:#add4f4; }
html[data-theme=dark] .contact-art { background:#182536; border:1px solid #44536e; box-shadow:10px 10px 0 #283e51; }
html[data-theme=dark] .conversation-title { color:#c7dbea; border-color:#48647b; }
html[data-theme=dark] .conversation-bubble { background:#274748; color:#e1f5ef; }
html[data-theme=dark] .contact-intents a { color:#d4e1ef; background:#24344b; border-color:#576a83; }
html[data-theme=dark] .contact-intents a:hover { background:#32445b; }
/* Catálogo, fichas, cesta y cotización. */
html[data-theme=dark] .brand-card, html[data-theme=dark] .product-card { background:var(--ui-panel); color:var(--ui-ink); border-color:var(--ui-line); box-shadow:none; }
html[data-theme=dark] .brand-card-visual { background:var(--night-bg); color:var(--night-tint); }
html[data-theme=dark] .brand-card-number, html[data-theme=dark] .brand-card-glyph { color:var(--night-tint); opacity:1; }
html[data-theme=dark] .brand-card-visual-logo { background:#fff; color:var(--tone-dark); }
html[data-theme=dark] .brand-card-visual-logo .brand-card-number, html[data-theme=dark] .brand-card-visual-logo .brand-card-glyph { color:var(--tone-dark); opacity:.72; }
html[data-theme=dark] .brand-card-copy .eyebrow, html[data-theme=dark] .product-brand { color:var(--night-tint); }
html[data-theme=dark] .brand-card-copy p { color:var(--ui-muted); }
html[data-theme=dark] .brand-detail-hero { background:linear-gradient(120deg,#151d2b,var(--night-bg)); color:var(--ui-ink); border-color:var(--ui-line); }
html[data-theme=dark] .brand-detail-layout h1 { color:var(--night-tint); }
html[data-theme=dark] .brand-detail-layout p { color:#c6cede; }
html[data-theme=dark] .detail-wordmark { background:var(--night-bg); color:var(--night-tint); border-color:var(--night-edge); }
html[data-theme=dark] .brand-logo-image, html[data-theme=dark] .detail-brand-logo { background:#fff; padding:12px; border-radius:6px; }
html[data-theme=dark] .brand-card-visual-logo .brand-logo-image { padding:0; border-radius:0; }
html[data-theme=dark] .filter-panel, html[data-theme=dark] .order-summary, html[data-theme=dark] .page-hero, html[data-theme=dark] .content-card { background:var(--ui-panel); color:var(--ui-ink); border-color:var(--ui-line); }
html[data-theme=dark] .product-visual { background:var(--night-bg); }
html[data-theme=dark] .product-visual > small { color:var(--night-tint); opacity:1; }
html[data-theme=dark] .product-tag { color:#e7eaf3; background:#222c40; border:1px solid #5e6b82; }
html[data-theme=dark] .product-price.pending { color:var(--ui-link); }
html[data-theme=dark] .product-price.is-offer, html[data-theme=dark] .product-offer-saving,
html[data-theme=dark] .cart-offer-saving, html[data-theme=dark] .summary-offer-saving strong { color:#ff9db2; }
html[data-theme=dark] .product-offer-badge { background:#ff6f91; color:#2a0711; }
html[data-theme=dark] .product-regular-price, html[data-theme=dark] .cart-offer-reference del,
html[data-theme=dark] .cart-regular-line, html[data-theme=dark] .summary-regular-price del { color:var(--ui-muted); }
html[data-theme=dark] .cms-product-image { background:transparent; border-radius:0; }
html[data-theme=dark] .cart-thumb { background:#283346; color:#f1f3f9; }
html[data-theme=dark] .cart-item, html[data-theme=dark] .order-line { border-color:var(--ui-line); }
html[data-theme=dark] .quantity-control, html[data-theme=dark] .qty-control { border-color:#5d6d87; background:#1c2839; color:#f2f3f9; }
html[data-theme=dark] .quantity-control button:hover, html[data-theme=dark] .qty-control button:hover { background:#39465d; }
html[data-theme=dark] .summary-note, html[data-theme=dark] .quantity-note, html[data-theme=dark] .empty-state { color:var(--ui-muted); }
.page-hero .breadcrumb, .page-hero .breadcrumb a, .brand-detail-hero .breadcrumb, .brand-detail-hero .breadcrumb a { color:#566079; }
html[data-theme=dark] .brand-detail-hero .breadcrumb, html[data-theme=dark] .brand-detail-hero .breadcrumb a { color:#bdc8dc; }
html[data-theme=dark] .page-hero .breadcrumb, html[data-theme=dark] .page-hero .breadcrumb a { color:#bdc8dc; }
html[data-theme=dark] .products-hero .breadcrumb [aria-current] { color:#c9dce9; }
html[data-theme=dark] .filter-panel > label, html[data-theme=dark] .variant-label { color:#c0cadc; }
html[data-theme=dark] .qty-controls { background:#182638; border-color:#697b96; color:#f1f3fa; }
html[data-theme=dark] .qty-controls button { background:#28364b; color:#f3f4fa; }
html[data-theme=dark] .qty-controls button:hover { background:#405270; }
html[data-theme=dark] .remove-item { color:#f2babb; }
html[data-theme=dark] .add-button { background:var(--ui-button); color:var(--ui-button-ink); }
html[data-theme=dark] .add-button:hover { background:#d6caff; color:#21183e; }
html[data-theme=dark] .add-button:disabled { background:#37455b; color:#c3cbd8; }
/* Formularios y estados: el texto de cada superficie tiene su propio color. */
html[data-theme=dark] .contact-form { background:var(--ui-panel); color:var(--ui-ink); border-color:var(--ui-line); box-shadow:none; }
html[data-theme=dark] input:not([type=checkbox]):not([type=radio]), html[data-theme=dark] textarea, html[data-theme=dark] select { background:#111827; color:#eef2fa; border-color:#66758d; caret-color:#d3c3ff; }
html[data-theme=dark] .search-input-wrap input { background:transparent; }
html[data-theme=dark] input::placeholder, html[data-theme=dark] textarea::placeholder { color:#a6b2c8; opacity:1; }
html[data-theme=dark] input[type=checkbox], html[data-theme=dark] input[type=radio] { accent-color:#c3b3ff; }
html[data-theme=dark] .contact-form label > span[aria-hidden] { color:#becbdc; }
html[data-theme=dark] .brand-interests label { border-color:#6a6182; background:#24283b; color:#e7e6f4; }
html[data-theme=dark] .brand-interests label:has(input:checked) { background:#453963; border-color:#bca1ef; color:#fff; }
html[data-theme=dark] .form-status { color:#cfdaed; }
html[data-theme=dark] .form-status.is-error, html[data-theme=dark] .form-error, html[data-theme=dark] .field-error { color:var(--ui-error); }
html[data-theme=dark] .form-result { background:#173a33; border-color:#4b8c79; color:#ecfcf4; }
html[data-theme=dark] .form-result p, html[data-theme=dark] .form-result h3 { color:#ddf1e7; }
html[data-theme=dark] .success-icon { background:#2d584a; color:#aff1d0; }
html[data-theme=dark] .buyer-checklist > span { color:#becbda; }
html[data-theme=dark] .buyer-checklist .icon { color:#94dcca; }
/* Búsqueda y avisos se prueban abiertos, no solo la página en reposo. */
html[data-theme=dark] dialog { background:#182031; color:#f1f3f9; border-color:#5a657c; }
html[data-theme=dark] dialog::backdrop { background:#030713ba; }
html[data-theme=dark] .search-result { background:#182031; color:#eef0f9; border-color:#42506a; }
html[data-theme=dark] .search-result:hover { background:#2d354b; }
html[data-theme=dark] .search-result small { color:#b7c7da; }
html[data-theme=dark] .toast { background:#29314a; color:#f1f3fa; border-color:#726992; }
html[data-theme=dark] .toast .text-link { color:#d4c3ff; }
/* Pie conserva sus medidas; la firma oscura no lleva una caja blanca. */
html[data-theme=dark] .site-footer { background:#0b0f1a; color:#bec6d8; }
html[data-theme=dark] .site-footer .footer-intro > p { color:#bec6d8; }
html[data-theme=dark] .site-footer .footer-grid h2 { color:#f3f1fa; }
html[data-theme=dark] .site-footer .footer-grid > div > a:not(.logo), html[data-theme=dark] .site-footer .footer-button { color:#c0c9dc; }
html[data-theme=dark] .site-footer .footer-grid a:hover, html[data-theme=dark] .site-footer .footer-button:hover { color:#e1d7ff; }
html[data-theme=dark] .site-footer .footer-bottom { color:#aab9cf; border-color:#343f56; }
/* Espacio suficiente para logo, búsqueda, tema, carrito y menú en teléfonos. */
@media(max-width:720px){
 .about-hero-grid { grid-template-columns:1fr; gap:28px; }
 .about-identity.about-art { max-width:100%; padding:24px; gap:26px; margin:0; }
}
@media(max-width:550px){
 .site-header .header-inner { gap:10px; }
 .site-header .header-actions { gap:2px; }
 .site-header .header-actions .icon-button { width:40px; min-width:40px; height:44px; }
 .site-header .cart-link { padding-inline:4px; gap:4px; }
 .site-header .logo.logo-has-image { flex:1 1 170px; width:170px; }
 .site-header .logo .site-logo-image { max-height:54px; }
}
@media(max-width:370px){
 .site-header .header-inner { flex-wrap:wrap; height:auto; min-height:100px; padding-block:10px; row-gap:8px; }
 .site-header .logo.logo-has-image { flex:0 1 180px; margin-inline:auto; }
 .site-header .header-actions { width:100%; justify-content:space-between; }
 .site-header .header-actions .icon-button { width:44px; }
 .about-identity.about-art { padding:20px; gap:24px; }
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after { scroll-behavior:auto!important; }
 .button,.path-preview,.brand-card,.product-card { transition:none; }
}