/*
Theme Name: Brand Electronics Landing
Template: twentytwentyfive
Version: 1.0.0
Text Domain: brand-electronics-landing
*/
:root{--ink:#0d0f12;--paper:#f7f7f5;--blue:#3b6fff;--line:#e1e3e7;--muted:#626873}body{background:var(--paper);color:var(--ink)}.brand-landing{overflow:hidden}.brand-announcement{background:var(--ink);color:#fff;font-size:.78rem;letter-spacing:.04em;padding:.8rem 1rem;text-align:center}.brand-header{align-items:center;background:rgba(247,247,245,.96);border-bottom:1px solid var(--line);display:flex;gap:1.5rem;justify-content:space-between;padding:1.15rem clamp(1rem,6vw,6rem);position:sticky;top:0;z-index:30}.brand-header .wp-block-site-title{font-size:1rem;font-weight:800;letter-spacing:.08em;margin:0}.brand-nav{display:flex;gap:1rem}.brand-nav a{color:var(--ink);font-size:.86rem;text-decoration:none}.brand-nav a:hover,.brand-nav a:focus-visible{color:var(--blue)}.brand-hero{align-items:center;display:grid;gap:3rem;grid-template-columns:1fr .9fr;min-height:680px;padding:clamp(4rem,8vw,8rem) clamp(1rem,7vw,7rem)}.brand-eyebrow{color:var(--blue);font-size:.78rem;font-weight:800;letter-spacing:.12em;margin:0 0 1rem;text-transform:uppercase}.brand-hero h1,.brand-section h2,.brand-showcase h2{letter-spacing:-.07em;line-height:.91}.brand-hero h1{font-size:clamp(3.4rem,7vw,7rem);margin:0}.brand-hero-copy{font-size:1.1rem;line-height:1.65;max-width:480px}.brand-hero-media,.brand-product-visual{background:linear-gradient(145deg,#e9edf5,#fff 55%,#d6e1fb);border-radius:1.4rem;min-height:500px;position:relative}.brand-hero-media:after,.brand-product-visual:after{background:url('assets/earbuds-placeholder.svg') center/78% no-repeat;content:'';inset:0;position:absolute}.brand-benefits{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:0 clamp(1rem,7vw,7rem)}.brand-benefit{border-left:1px solid var(--line);padding:1.4rem}.brand-benefit:first-child{border:0}.brand-benefit h3{font-size:.92rem;margin:0 0 .35rem}.brand-benefit p,.brand-section-intro,.brand-tech-card p{color:var(--muted);font-size:.9rem;line-height:1.55;margin:0}.brand-section{padding:clamp(4rem,8vw,8rem) clamp(1rem,7vw,7rem)}.brand-section h2{font-size:clamp(2.5rem,5vw,5.2rem);margin:.5rem 0 1rem;max-width:670px}.brand-section-intro{max-width:620px}.brand-categories,.brand-technology{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-top:2.5rem}.brand-category,.brand-tech-card{background:#fff;border:1px solid var(--line);min-height:230px;padding:1.5rem}.brand-category:nth-child(2){background:#dfe8ff}.brand-category:nth-child(3){background:#ebeae5}.brand-category:nth-child(4){background:#dce8ec}.brand-category h3{font-size:1.25rem;margin-top:6rem}.brand-category p{color:var(--muted);font-size:.9rem}.brand-showcase{background:var(--ink);color:#fff;display:grid;gap:5rem;grid-template-columns:1.1fr .8fr;padding:clamp(4rem,8vw,8rem) clamp(1rem,7vw,7rem)}.brand-product-visual{background:radial-gradient(circle at 50% 45%,#344870,#12151b 66%)}.brand-showcase h2{font-size:clamp(3rem,5vw,5.7rem);margin:.5rem 0 1.5rem}.brand-showcase p{color:#c4c8d0;line-height:1.65}.brand-points{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:2rem}.brand-points div{border-top:1px solid #424650;padding-top:.8rem}.brand-points strong{display:block;font-size:.9rem}.brand-points span{color:#b5bbc5;font-size:.8rem}.brand-technology{grid-template-columns:1fr 1fr}.brand-tech-card{min-height:0}.brand-tech-card h3{font-size:1.25rem;margin:.35rem 0 .7rem}.brand-email{background:var(--blue);color:#fff;padding:clamp(4rem,7vw,7rem) 1rem;text-align:center}.brand-email h2{font-size:clamp(2.7rem,5vw,5.5rem);letter-spacing:-.07em;line-height:.92;margin:0}.brand-email p{margin:1rem auto 1.5rem;max-width:540px}.brand-email a{color:#fff;font-weight:800}.brand-footer{background:#121419;color:#c6cad2;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:2rem clamp(1rem,7vw,7rem)}.brand-footer p{font-size:.83rem;margin:0}.brand-footer a{color:#fff;text-decoration:none}@media(max-width:780px){.brand-header{align-items:flex-start;flex-direction:column;gap:.7rem}.brand-nav{flex-wrap:wrap}.brand-hero,.brand-showcase{grid-template-columns:1fr;min-height:0}.brand-hero{padding-top:4rem}.brand-hero-media,.brand-product-visual{min-height:360px}.brand-benefits{grid-template-columns:1fr 1fr;padding:0}.brand-benefit{border-bottom:1px solid var(--line);border-left:0}.brand-categories{grid-template-columns:1fr 1fr}.brand-category{min-height:180px}.brand-category h3{margin-top:3.3rem}.brand-technology{grid-template-columns:1fr}.brand-points{gap:.8rem}}/* Visual QA override: keeps the full hero conversion area above the fold. */
.brand-header{padding:1rem clamp(1.5rem,4.2vw,4rem)}
.brand-hero{grid-template-columns:minmax(0,.96fr) minmax(360px,1.04fr);min-height:460px;padding:2.5rem clamp(2rem,6vw,6rem)}
.brand-hero h1{font-size:clamp(3.35rem,5vw,5.2rem);white-space:nowrap}
.brand-hero-media{min-height:390px}
.brand-hero-media:after{background-size:82%;filter:contrast(1.2) saturate(.92) drop-shadow(0 24px 18px rgba(30,52,110,.25))}
@media(max-width:780px){.brand-header{padding:1rem 1.5rem}.brand-hero{display:block;min-height:0;padding:3rem 1.65rem 0}.brand-hero h1{font-size:clamp(3.05rem,14.5vw,4.05rem);white-space:normal}.brand-hero-media{min-height:350px}}`n/* Desktop navigation alignment */`n@media(min-width:801px){.brand-header,.shop-header{position:relative}.brand-header .brand-nav,.shop-header .shop-nav{left:50%!important;margin:0!important;position:absolute!important;transform:translateX(-50%);width:max-content}}`n`n/* Accessible fixed mobile navigation drawer */
.mobile-menu-backdrop{display:none}@media(max-width:800px){body.mobile-menu-open{overflow:hidden!important}.shop-header,.brand-header{position:relative!important;z-index:1002!important}.shop-header .shop-nav,.brand-header .brand-nav{background:#fff!important;box-shadow:18px 0 45px rgba(7,20,48,.14)!important;display:flex!important;flex-direction:column!important;gap:0!important;inset:0 auto 0 0!important;justify-content:flex-start!important;margin:0!important;max-width:340px!important;padding:calc(119px + 1rem) 1.5rem 2rem!important;position:fixed!important;transform:translateX(-105%)!important;transition:transform .24s ease!important;width:86vw!important;z-index:1003!important}.shop-header.is-open .shop-nav,.brand-header.is-open .brand-nav{transform:translateX(0)!important}.shop-header .shop-nav a,.brand-header .brand-nav a{border-bottom:1px solid #e8ebf0!important;color:#071a42!important;display:block!important;font-size:1rem!important;font-weight:700!important;padding:1.05rem 0!important;text-decoration:none!important;width:100%!important}.shop-header .shop-nav a:hover,.shop-header .shop-nav a:focus-visible,.brand-header .brand-nav a:hover,.brand-header .brand-nav a:focus-visible{color:#0758da!important}.mobile-menu-backdrop{background:rgba(5,14,33,.42)!important;display:block!important;inset:0!important;opacity:0!important;pointer-events:none!important;position:fixed!important;transition:opacity .24s ease!important;z-index:1001!important}.shop-header.is-open~.mobile-menu-backdrop,.brand-header.is-open~.mobile-menu-backdrop{opacity:1!important;pointer-events:auto!important}.shop-menu-toggle,.brand-menu-toggle{align-items:center!important;background:transparent!important;border:0!important;color:#071a42!important;display:flex!important;font-size:1.55rem!important;height:42px!important;justify-content:center!important;line-height:1!important;padding:0!important;width:42px!important;z-index:1004!important}.shop-header.is-open .shop-menu-toggle,.brand-header.is-open .brand-menu-toggle{font-size:2rem!important}.shop-header .shop-tools,.brand-header .brand-utilities{align-items:center!important;display:flex!important;z-index:1004!important}.shop-header .shop-wordmark,.brand-header .velora-wordmark{display:block!important;z-index:1004!important}}`n@media(max-width:800px){.shop-header .shop-nav,.brand-header .brand-nav{inset:131px auto 0 0!important;padding:1rem 1.5rem 2rem!important}.shop-header .shop-nav a,.brand-header .brand-nav a{padding:1.05rem 0!important}}`n@media(max-width:800px){
  .shop-header .shop-nav,.brand-header .brand-nav{inset:131px auto 0 0!important;padding:1rem 1.5rem 2rem!important}
  .shop-header .shop-nav a,.brand-header .brand-nav a{padding:1.05rem 0!important}
}

/* MADWI STORE black + lavender re-skin. Visual overrides only. */
:root {
  --madwi-black: #0b0b0d;
  --madwi-dark: #151218;
  --madwi-lavender: #c38af4;
  --madwi-lavender-hover: #d4a5ff;
  --madwi-lavender-light: #f3e9ff;
  --madwi-white: #ffffff;
  --madwi-ink: #0b0b0d;
  --madwi-muted: #625c68;
  --madwi-border: #e3cff7;
  --madwi-shadow: 0 12px 32px rgba(69, 34, 89, 0.10);
}

html,
body {
  background: var(--madwi-white) !important;
  color: var(--madwi-ink) !important;
}

body,
button,
input,
select,
textarea {
  accent-color: var(--madwi-lavender) !important;
}

a {
  text-decoration-color: var(--madwi-lavender) !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(195, 138, 244, 0.55) !important;
  outline-offset: 3px !important;
}

/* Announcement and global navigation */
body .velora-ticker,
body .shop-announcement,
body .brand-announcement {
  background: var(--madwi-lavender) !important;
  color: var(--madwi-black) !important;
}

body .velora-ticker *,
body .shop-announcement *,
body .brand-announcement * {
  color: var(--madwi-black) !important;
}

body .velora-header,
body .shop-header,
body .brand-header,
body .wp-block-template-part header,
body .site-header {
  background: var(--madwi-black) !important;
  border-color: #2b2530 !important;
}

body .velora-logo,
body .shop-wordmark,
body .brand-wordmark,
body .velora-nav a,
body .shop-nav a,
body .brand-nav a,
body .velora-action,
body .shop-action,
body .brand-action,
body .velora-menu-toggle,
body .shop-menu-toggle,
body .brand-menu-toggle {
  color: var(--madwi-white) !important;
}

body .velora-nav a:hover,
body .velora-nav a:focus-visible,
body .velora-nav a.is-current,
body .shop-nav a:hover,
body .shop-nav a.is-current,
body .brand-nav a:hover,
body .brand-nav a.is-current {
  color: var(--madwi-lavender) !important;
  border-color: var(--madwi-lavender) !important;
}

body .velora-cart span,
body .shop-cart span,
body .brand-cart span,
body .wc-block-mini-cart__badge {
  background: var(--madwi-lavender) !important;
  color: var(--madwi-black) !important;
}

body .velora-shop-now,
body .shop-shop-now,
body .brand-shop-now,
body .wp-element-button,
body .wp-block-button__link,
body button[type="submit"],
body .button,
body .added_to_cart,
body .wc-block-components-button:not(.is-link) {
  background: var(--madwi-lavender) !important;
  border-color: var(--madwi-lavender) !important;
  color: var(--madwi-black) !important;
  box-shadow: none !important;
}

body .velora-shop-now:hover,
body .shop-shop-now:hover,
body .brand-shop-now:hover,
body .wp-element-button:hover,
body .wp-block-button__link:hover,
body button[type="submit"]:hover,
body .button:hover,
body .added_to_cart:hover,
body .wc-block-components-button:not(.is-link):hover {
  background: var(--madwi-lavender-hover) !important;
  border-color: var(--madwi-lavender-hover) !important;
  color: var(--madwi-black) !important;
}

/* Homepage hero */
body.home .velora-hero,
body.home .shop-hero,
body.home .brand-hero {
  background: var(--madwi-black) !important;
  color: var(--madwi-white) !important;
}

body.home .velora-hero-copy,
body.home .shop-hero-copy,
body.home .brand-hero-copy {
  background: var(--madwi-black) !important;
  color: var(--madwi-white) !important;
}

body.home .velora-hero-copy h1,
body.home .shop-hero-copy h1,
body.home .brand-hero-copy h1,
body.home .velora-hero-copy p,
body.home .shop-hero-copy p,
body.home .brand-hero-copy p {
  color: var(--madwi-white) !important;
}

body.home .velora-hero-copy h1 strong,
body.home .shop-hero-copy h1 strong,
body.home .brand-hero-copy h1 strong,
body.home .brand-eyebrow,
body.home .shop-eyebrow {
  color: var(--madwi-lavender) !important;
}

body.home .velora-hero-media,
body.home .shop-hero-media,
body.home .brand-hero-media {
  background: var(--madwi-dark) !important;
}

body.home .velora-hero-media img,
body.home .shop-hero-media img,
body.home .brand-hero-media img {
  display: block !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  width: 100% !important;
}

/* Alternating section surfaces */
body.home .shop-finder,
body.home .shop-selection,
body.home .velora-finder,
body.home .velora-selection,
body .woocommerce-shop .site-main {
  background: var(--madwi-white) !important;
}

body.home .shop-support,
body.home .velora-benefits,
body.home .shop-benefits,
body .wc-block-components-sidebar-layout {
  background: var(--madwi-lavender-light) !important;
}

body .brand-band,
body .shop-promo,
body .velora-promo,
body .newsletter-band {
  background: var(--madwi-black) !important;
  color: var(--madwi-white) !important;
}

/* Product cards and product media */
body .shop-card,
body .velora-product-card,
body .wc-block-grid__product,
body .wc-block-product,
body li.product,
body .product-card {
  background: var(--madwi-white) !important;
  border: 1px solid var(--madwi-border) !important;
  box-shadow: var(--madwi-shadow) !important;
  color: var(--madwi-black) !important;
}

body .shop-card:hover,
body .velora-product-card:hover,
body .wc-block-grid__product:hover,
body li.product:hover {
  border-color: var(--madwi-lavender) !important;
  box-shadow: 0 16px 38px rgba(87, 42, 113, 0.16) !important;
}

body .shop-card h2,
body .shop-card h3,
body .velora-product-card h2,
body .velora-product-card h3,
body .wc-block-grid__product-title,
body .wc-block-components-product-name,
body .woocommerce-loop-product__title,
body .product_title,
body .price,
body .woocommerce-Price-amount {
  color: var(--madwi-black) !important;
}

body .star-rating,
body .wc-block-components-product-rating-stars,
body .shop-card .rating,
body .velora-product-card .rating {
  color: var(--madwi-lavender) !important;
}

body .shop-card img,
body .velora-product-card img,
body .wc-block-grid__product-image img,
body .wc-block-components-product-image img,
body li.product img,
body .woocommerce-product-gallery img,
body .wp-block-woocommerce-product-image-gallery img {
  height: auto !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  width: 100% !important;
}

body .velora-free-shipping,
body .shop-badge,
body .product-badge,
body .onsale {
  background: var(--madwi-lavender-light) !important;
  color: var(--madwi-black) !important;
}

/* Links, icons, form controls and state colors */
body main a:not(.wp-element-button):not(.wp-block-button__link):not(.button),
body .woocommerce a:not(.button),
body .wc-block-components-totals-coupon-link,
body .wc-block-components-checkout-return-to-cart-button {
  color: #8f4bc7 !important;
}

body main a:hover,
body .woocommerce a:hover,
body footer a:hover {
  color: var(--madwi-lavender) !important;
}

body input,
body select,
body textarea,
body .wc-block-components-text-input input,
body .wc-block-components-combobox .wc-block-components-combobox-control input {
  background: var(--madwi-white) !important;
  border-color: #d7c7e5 !important;
  color: var(--madwi-black) !important;
}

body input:focus,
body select:focus,
body textarea:focus {
  border-color: var(--madwi-lavender) !important;
  box-shadow: 0 0 0 3px rgba(195, 138, 244, 0.22) !important;
}

body input[type="checkbox"]:checked,
body input[type="radio"]:checked,
body .is-active,
body [aria-selected="true"] {
  border-color: var(--madwi-lavender) !important;
}

/* Cart, checkout, account and tables */
body .woocommerce-cart-form,
body .cart_totals,
body .woocommerce-checkout-review-order,
body .wc-block-cart,
body .wc-block-checkout,
body .woocommerce-MyAccount-content,
body .woocommerce-MyAccount-navigation,
body table.shop_table {
  background: var(--madwi-white) !important;
  border-color: var(--madwi-border) !important;
  color: var(--madwi-black) !important;
}

body table.shop_table thead,
body .wc-block-cart-items__header,
body .wc-block-components-order-summary__button-text {
  background: var(--madwi-lavender-light) !important;
  color: var(--madwi-black) !important;
}

body .wc-block-components-totals-wrapper,
body .wc-block-components-order-summary-item,
body table.shop_table td,
body table.shop_table th {
  border-color: #eadcf6 !important;
}

body .woocommerce-info,
body .woocommerce-message,
body .woocommerce-error,
body .wc-block-components-notice-banner {
  background: var(--madwi-lavender-light) !important;
  border-color: var(--madwi-lavender) !important;
  color: var(--madwi-black) !important;
}

/* Inner editorial pages */
body:not(.home) main,
body:not(.home) .wp-site-blocks {
  --wp--preset--color--contrast: var(--madwi-black);
  --wp--preset--color--base: var(--madwi-white);
}

body .technology-hero,
body .story-hero,
body .support-hero,
body .brand-hero-inner,
body .product-hero {
  background-color: var(--madwi-black) !important;
  color: var(--madwi-white) !important;
}

body .technology-feature,
body .story-principles,
body .support-bottom,
body .policy-content {
  border-color: var(--madwi-border) !important;
}

/* Footer */
body .shop-footer,
body .brand-footer,
body .velora-footer-legal,
body .velora-template-footer,
body footer.wp-block-template-part,
body .site-footer {
  background: var(--madwi-black) !important;
  border-color: #2b2530 !important;
  color: var(--madwi-white) !important;
}

body .shop-footer *,
body .brand-footer *,
body .velora-footer-legal *,
body .velora-template-footer *,
body footer.wp-block-template-part * {
  color: var(--madwi-white) !important;
}

body .shop-footer a:hover,
body .brand-footer a:hover,
body .velora-footer-legal a:hover,
body .velora-template-footer a:hover,
body footer.wp-block-template-part a:hover {
  color: var(--madwi-lavender) !important;
}

body .shop-footer button,
body .brand-footer button,
body .velora-footer-legal button,
body .velora-template-footer button {
  background: var(--madwi-lavender) !important;
  color: var(--madwi-black) !important;
}

/* Remove legacy blue from decorative surfaces and inherited custom properties. */
body {
  --velora-blue: var(--madwi-lavender) !important;
  --velora-ink: var(--madwi-black) !important;
  --velora-soft: var(--madwi-lavender-light) !important;
  --brand-blue: var(--madwi-lavender) !important;
  --brand-ink: var(--madwi-black) !important;
  --wp--preset--color--primary: var(--madwi-lavender) !important;
}

@media (max-width: 1023px) {
  body .velora-nav,
  body .shop-nav,
  body .brand-nav {
    background: var(--madwi-black) !important;
    border-color: #2b2530 !important;
  }

  body .velora-header-backdrop,
  body .mobile-menu-backdrop {
    background: rgba(11, 11, 13, 0.72) !important;
  }

  body.home .velora-hero,
  body.home .shop-hero,
  body.home .brand-hero {
    min-height: 0 !important;
  }

  body.home .velora-hero-media img,
  body.home .shop-hero-media img,
  body.home .brand-hero-media img {
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
  }
}

@media (max-width: 480px) {
  body .velora-header-inner,
  body .shop-header-inner,
  body .brand-header-inner {
    width: min(100% - 24px, 100%) !important;
  }

  body .velora-logo,
  body .shop-wordmark,
  body .brand-wordmark {
    font-size: 0.88rem !important;
    letter-spacing: 0.22em !important;
  }

  body .shop-grid,
  body .products,
  body .wc-block-grid__products {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body .wp-element-button,
  body .wp-block-button__link,
  body .button,
  body button[type="submit"] {
    min-height: 44px !important;
  }
}

/* Legacy storefront controls use selector-specific blue declarations. */
body.home main > .wp-block-group:first-child a[href="#shop-selection"],
body .velora-shop-product,
body .velora-quick-add,
body .velora-new-quick-add,
body [role="tab"][aria-selected="true"],
body .velora-tabs button[aria-selected="true"] {
  background: var(--madwi-lavender) !important;
  border-color: var(--madwi-lavender) !important;
  color: var(--madwi-black) !important;
}

body .velora-quick-add:hover,
body .velora-new-quick-add:hover,
body .velora-shop-product:hover,
body.home main > .wp-block-group:first-child a[href="#shop-selection"]:hover {
  background: var(--madwi-lavender-hover) !important;
  border-color: var(--madwi-lavender-hover) !important;
  color: var(--madwi-black) !important;
}

body [role="tab"]:not([aria-selected="true"]) {
  background: #f3f0f6 !important;
  border-color: transparent !important;
  color: var(--madwi-black) !important;
}

body .velora-product-card input[type="checkbox"],
body .velora-product-card input[type="radio"] {
  accent-color: var(--madwi-lavender) !important;
}

html body .shop-hero .shop-hero-copy > a,
html body .velora-product-actions .velora-shop-product,
html body .velora-product-actions .velora-quick-add,
html body .velora-product-actions .velora-new-quick-add,
html body .velora-global-card-actions .add_to_cart_button,
html body .velora-global-card-actions .wp-block-button__link {
  background: var(--madwi-lavender) !important;
  border-color: var(--madwi-lavender) !important;
  color: var(--madwi-black) !important;
}

html body .shop-hero .shop-hero-copy > a:hover,
html body .velora-product-actions .velora-shop-product:hover,
html body .velora-product-actions .velora-quick-add:hover,
html body .velora-product-actions .velora-new-quick-add:hover,
html body .velora-global-card-actions .add_to_cart_button:hover,
html body .velora-global-card-actions .wp-block-button__link:hover {
  background: var(--madwi-lavender-hover) !important;
  border-color: var(--madwi-lavender-hover) !important;
  color: var(--madwi-black) !important;
  box-shadow: 0 9px 20px rgba(195, 138, 244, 0.24) !important;
}

/* Native WooCommerce templates use the global block header. */
html body header.wp-block-template-part > .wp-block-group {
  background: var(--madwi-black) !important;
  border-bottom: 1px solid #2b2530 !important;
  color: var(--madwi-white) !important;
}

html body header.wp-block-template-part a,
html body header.wp-block-template-part button,
html body header.wp-block-template-part svg {
  color: var(--madwi-white) !important;
  fill: currentColor !important;
}

html body header.wp-block-template-part a:hover,
html body header.wp-block-template-part .is-current {
  color: var(--madwi-lavender) !important;
}

html body header.wp-block-template-part .wp-block-site-title,
html body header.wp-block-template-part .wp-block-site-title a {
  white-space: nowrap !important;
}

html body .wc-block-mini-cart__badge,
html body .wc-block-mini-cart__quantity-badge {
  background: var(--madwi-lavender) !important;
  color: var(--madwi-black) !important;
}

html body .wc-block-grid__product-title,
html body .woocommerce-loop-product__title,
html body .velora-product-card h2,
html body .velora-product-card h3 {
  color: var(--madwi-black) !important;
}

/* Existing editorial pages, re-skinned without changing their structure. */
html body .tech-hero,
html body .story-hero,
html body .support-hero {
  background: var(--madwi-black) !important;
  color: var(--madwi-white) !important;
}

html body .tech-hero h1,
html body .tech-hero h2,
html body .story-hero h1,
html body .story-hero h2,
html body .support-hero h1,
html body .support-hero h2 {
  color: var(--madwi-white) !important;
}

html body .tech-hero .brand-eyebrow,
html body .story-hero .brand-eyebrow,
html body .story-line,
html body .support-eyebrow {
  color: var(--madwi-lavender) !important;
}

html body .tech-hero p,
html body .story-hero-copy > p:not(.brand-eyebrow),
html body .support-copy > p:not(.support-eyebrow) {
  color: #e5e0e9 !important;
}

html body .tech-intro,
html body .tech-principles,
html body .story-statement,
html body .story-principles,
html body .support-main {
  background: var(--madwi-white) !important;
}

html body .tech-cta,
html body .story-close,
html body .support-bottom,
html body .support-topics {
  background: var(--madwi-lavender-light) !important;
}

html body .tech-dark,
html body .support-aside {
  background: var(--madwi-dark) !important;
  color: var(--madwi-white) !important;
}

html body .support-topic,
html body .support-faq,
html body .support-contact {
  border-color: var(--madwi-border) !important;
}

html body .support-topic a,
html body .support-topic svg,
html body .support-faq a {
  color: #8f4bc7 !important;
}

html body .velora-single-shipping-badge,
html body .velora-free-shipping {
  background: var(--madwi-lavender-light) !important;
  border-color: var(--madwi-lavender) !important;
  color: var(--madwi-black) !important;
}

/* The legacy footer normalizer injects its old wordmark at runtime. */
html body .velora-normalized-footer__brand,
html body .velora-normalized-footer__bottom > span:first-child {
  font-size: 0 !important;
}

html body .velora-normalized-footer__brand::after {
  content: "MADWI STORE";
  color: var(--madwi-white);
  font-size: 1.1rem;
  font-weight: 800;
  letter-spacing: 0.24em;
}

html body .velora-normalized-footer__bottom > span:first-child::after {
  content: "\00a9  2026 MADWI STORE. All rights reserved.";
  color: #d6d0da;
  font-size: 0.75rem;
}

/* Dedicated WooCommerce checkout shell. */
html body .vc-header {
  background: var(--madwi-black) !important;
  border-color: #2b2530 !important;
}

html body .vc-brand {
  font-size: 0 !important;
}

html body .vc-brand::after {
  content: "MADWI STORE";
  color: var(--madwi-white);
  font-size: 1.1rem;
  font-weight: 800;
  letter-spacing: 0.24em;
}

html body .vc-cart span {
  background: var(--madwi-lavender) !important;
  color: var(--madwi-black) !important;
}

html body #place_order,
html body .woocommerce-checkout .button.alt {
  background: var(--madwi-lavender) !important;
  border-color: var(--madwi-lavender) !important;
  color: var(--madwi-black) !important;
}

html body #place_order:hover,
html body .woocommerce-checkout .button.alt:hover {
  background: var(--madwi-lavender-hover) !important;
  border-color: var(--madwi-lavender-hover) !important;
}

html body.vc-checkout.woocommerce-checkout #place_order,
html body.vc-checkout.woocommerce-checkout button#place_order {
  background: var(--madwi-lavender) !important;
  border-color: var(--madwi-lavender) !important;
  color: var(--madwi-black) !important;
}

html body.vc-checkout.woocommerce-checkout #place_order:hover,
html body.vc-checkout.woocommerce-checkout #place_order:focus-visible {
  background: var(--madwi-lavender-hover) !important;
  border-color: var(--madwi-lavender-hover) !important;
}

html body .velora-compare-launch {
  background: var(--madwi-lavender) !important;
  border-color: var(--madwi-lavender) !important;
  color: var(--madwi-black) !important;
}

html body .velora-compare-count {
  background: var(--madwi-black) !important;
  border-color: var(--madwi-black) !important;
  color: var(--madwi-white) !important;
}

html body .velora-color-swatch,
html body [class*="color-swatch"],
html body [aria-label^="Color"] {
  border-color: var(--madwi-lavender) !important;
  box-shadow: none !important;
}

html body .velora-account-hero,
html body .velora-page-hero {
  background: var(--madwi-lavender-light) !important;
  border-color: var(--madwi-border) !important;
}

html body .velora-account-hero h1,
html body .velora-account-hero h2,
html body .velora-page-hero h1,
html body .velora-page-hero h2 {
  color: var(--madwi-black) !important;
}

html body .velora-account-hero [class*="eyebrow"],
html body .velora-page-hero [class*="eyebrow"] {
  color: #8f4bc7 !important;
}

html body .policy-content h1,
html body .policy-content h2,
html body .policy-content h3,
html body .velora-policy h1,
html body .velora-policy h2,
html body .velora-policy h3 {
  color: var(--madwi-black) !important;
}

/* Keep the two homepage product cards compact on wide screens. */
html body.home .velora-product-card > img {
  width: calc(100% - 28px) !important;
  height: clamp(300px, 28vw, 400px) !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center !important;
}

html body.home .velora-product-card > div:not(.velora-card-wishlist) {
  padding: 20px !important;
}

html body .velora-product-actions .velora-shop-product,
html body .velora-product-actions .velora-shop-product:link,
html body .velora-product-actions .velora-shop-product:visited,
html body .velora-product-actions .velora-shop-product:hover,
html body .velora-product-actions .velora-shop-product:focus-visible {
  color: var(--madwi-black) !important;
}

html body.home .velora-shop .shop-grid article.velora-product-card .velora-product-actions > a.velora-shop-product,
html body.home .velora-shop .shop-grid article.velora-product-card .velora-product-actions > a.velora-shop-product:link,
html body.home .velora-shop .shop-grid article.velora-product-card .velora-product-actions > a.velora-shop-product:visited,
html body.home .velora-shop .shop-grid article.velora-product-card .velora-product-actions > a.velora-shop-product:hover,
html body.home .velora-shop .shop-grid article.velora-product-card .velora-product-actions > a.velora-shop-product:focus-visible {
  color: #0b0b0d !important;
}

html body.home .velora-product-card .velora-product-live-data::after {
  content: "IN THE BOX: Earbuds \00b7  Charging case \00b7  USB-C cable \00b7  Manual \00b7  Ear tips";
  display: block;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--madwi-border);
  color: #4d4654;
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  html body.home .velora-product-card > img {
    height: min(78vw, 340px) !important;
  }
}

html body .shop-hero-copy > p,
html body .shop-hero-copy > div,
html body .shop-hero-copy > span {
  color: #e5e0e9 !important;
}

html body .shop-hero-copy > a,
html body .shop-hero-copy > a * {
  color: var(--madwi-black) !important;
}

html body.home .shop-hero .shop-hero-copy > a,
html body.home .shop-hero .shop-hero-copy > a:link,
html body.home .shop-hero .shop-hero-copy > a:visited,
html body.home .shop-hero .shop-hero-copy > a * {
  color: var(--madwi-black) !important;
}

@media (max-width: 1023px) {
  html body header.wp-block-template-part .wp-block-site-title {
    font-size: 0.86rem !important;
    letter-spacing: 0.08em !important;
  }

  html body .shop-hero {
    display: flex !important;
    flex-direction: column !important;
  }

  html body .shop-hero-copy {
    order: 1 !important;
  }

  html body .shop-hero-media,
  html body .shop-hero > figure {
    order: 2 !important;
  }
}

@media (max-width: 1023px) {
  body .velora-nav,
  body .shop-nav,
  body .brand-nav {
    background: var(--madwi-black) !important;
    border-color: #2b2530 !important;
  }

  body .velora-header-backdrop,
  body .mobile-menu-backdrop {
    background: rgba(11, 11, 13, 0.72) !important;
  }

  body.home .velora-hero,
  body.home .shop-hero,
  body.home .brand-hero {
    min-height: 0 !important;
  }

  body.home .velora-hero-media img,
  body.home .shop-hero-media img,
  body.home .brand-hero-media img {
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
  }
}

@media (max-width: 480px) {
  body .velora-header-inner,
  body .shop-header-inner,
  body .brand-header-inner {
    width: min(100% - 24px, 100%) !important;
  }

  body .velora-logo,
  body .shop-wordmark,
  body .brand-wordmark {
    font-size: 0.88rem !important;
    letter-spacing: 0.22em !important;
  }

  body .shop-grid,
  body .products,
  body .wc-block-grid__products {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body .wp-element-button,
  body .wp-block-button__link,
  body .button,
  body button[type="submit"] {
    min-height: 44px !important;
  }
}


/* Shop product-card actions: keep the two commands legible and distinct. */
html body.woocommerce-shop li.wc-block-product.velora-elevated-product-card .velora-global-card-actions > .velora-global-shop-now {
  background: var(--madwi-lavender) !important;
  border-color: var(--madwi-lavender) !important;
  color: var(--madwi-black) !important;
}

html body.woocommerce-shop li.wc-block-product.velora-elevated-product-card .velora-global-card-actions > .velora-global-shop-now:hover,
html body.woocommerce-shop li.wc-block-product.velora-elevated-product-card .velora-global-card-actions > .velora-global-shop-now:focus-visible {
  background: var(--madwi-lavender-hover) !important;
  border-color: var(--madwi-lavender-hover) !important;
  color: var(--madwi-black) !important;
}

html body.woocommerce-shop li.wc-block-product.velora-elevated-product-card .velora-global-card-actions > button.add_to_cart_button.wp-block-button__link {
  background: #fff !important;
  border-color: var(--madwi-lavender) !important;
  color: var(--madwi-black) !important;
}

html body.woocommerce-shop li.wc-block-product.velora-elevated-product-card .velora-global-card-actions > button.add_to_cart_button.wp-block-button__link:hover,
html body.woocommerce-shop li.wc-block-product.velora-elevated-product-card .velora-global-card-actions > button.add_to_cart_button.wp-block-button__link:focus-visible {
  background: var(--madwi-lavender-light) !important;
  border-color: var(--madwi-lavender) !important;
  color: var(--madwi-black) !important;
}

html body .policy-content h1,
html body .policy-content h2,
html body .policy-content h3,
html body .velora-policy h1,
html body .velora-policy h2,
html body .velora-policy h3 {
  color: var(--madwi-black) !important;
}

/* Keep the two homepage product cards compact on wide screens. */
html body.home .velora-product-card > img {
  width: calc(100% - 28px) !important;
  height: clamp(300px, 28vw, 400px) !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center !important;
}

html body.home .velora-product-card > div:not(.velora-card-wishlist) {
  padding: 20px !important;
}

html body .velora-product-actions .velora-shop-product,
html body .velora-product-actions .velora-shop-product:link,
html body .velora-product-actions .velora-shop-product:visited,
html body .velora-product-actions .velora-shop-product:hover,
html body .velora-product-actions .velora-shop-product:focus-visible {
  color: var(--madwi-black) !important;
}

html body.home .velora-shop .shop-grid article.velora-product-card .velora-product-actions > a.velora-shop-product,
html body.home .velora-shop .shop-grid article.velora-product-card .velora-product-actions > a.velora-shop-product:link,
html body.home .velora-shop .shop-grid article.velora-product-card .velora-product-actions > a.velora-shop-product:visited,
html body.home .velora-shop .shop-grid article.velora-product-card .velora-product-actions > a.velora-shop-product:hover,
html body.home .velora-shop .shop-grid article.velora-product-card .velora-product-actions > a.velora-shop-product:focus-visible {
  color: #0b0b0d !important;
}

html body.home .velora-product-card .velora-product-live-data::after {
  content: "IN THE BOX: Earbuds \00b7  Charging case \00b7  USB-C cable \00b7  Manual \00b7  Ear tips";
  display: block;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--madwi-border);
  color: #4d4654;
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  html body.home .velora-product-card > img {
    height: min(78vw, 340px) !important;
  }
}

html body .shop-hero-copy > p,
html body .shop-hero-copy > div,
html body .shop-hero-copy > span {
  color: #e5e0e9 !important;
}

html body .shop-hero-copy > a,
html body .shop-hero-copy > a * {
  color: var(--madwi-black) !important;
}

html body.home .shop-hero .shop-hero-copy > a,
html body.home .shop-hero .shop-hero-copy > a:link,
html body.home .shop-hero .shop-hero-copy > a:visited,
html body.home .shop-hero .shop-hero-copy > a * {
  color: var(--madwi-black) !important;
}

@media (max-width: 1023px) {
  html body header.wp-block-template-part .wp-block-site-title {
    font-size: 0.86rem !important;
    letter-spacing: 0.08em !important;
  }

  html body .shop-hero {
    display: flex !important;
    flex-direction: column !important;
  }

  html body .shop-hero-copy {
    order: 1 !important;
  }

  html body .shop-hero-media,
  html body .shop-hero > figure {
    order: 2 !important;
  }
}

@media (max-width: 1023px) {
  body .velora-nav,
  body .shop-nav,
  body .brand-nav {
    background: var(--madwi-black) !important;
    border-color: #2b2530 !important;
  }

  body .velora-header-backdrop,
  body .mobile-menu-backdrop {
    background: rgba(11, 11, 13, 0.72) !important;
  }

  body.home .velora-hero,
  body.home .shop-hero,
  body.home .brand-hero {
    min-height: 0 !important;
  }

  body.home .velora-hero-media img,
  body.home .shop-hero-media img,
  body.home .brand-hero-media img {
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
  }
}

@media (max-width: 480px) {
  body .velora-header-inner,
  body .shop-header-inner,
  body .brand-header-inner {
    width: min(100% - 24px, 100%) !important;
  }

  body .velora-logo,
  body .shop-wordmark,
  body .brand-wordmark {
    font-size: 0.88rem !important;
    letter-spacing: 0.22em !important;
  }

  body .shop-grid,
  body .products,
  body .wc-block-grid__products {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body .wp-element-button,
  body .wp-block-button__link,
  body .button,
  body button[type="submit"] {
    min-height: 44px !important;
  }
}

/* Keep the desktop action grid inside the card's side margins. */
@media (min-width: 768px) {
  html body.woocommerce-shop li.wc-block-product.velora-elevated-product-card .velora-global-card-actions {
    width: calc(100% - 28px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

html body .policy-content h1,
html body .policy-content h2,
html body .policy-content h3,
html body .velora-policy h1,
html body .velora-policy h2,
html body .velora-policy h3 {
  color: var(--madwi-black) !important;
}

/* Keep the two homepage product cards compact on wide screens. */
html body.home .velora-product-card > img {
  width: calc(100% - 28px) !important;
  height: clamp(300px, 28vw, 400px) !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center !important;
}

html body.home .velora-product-card > div:not(.velora-card-wishlist) {
  padding: 20px !important;
}

html body .velora-product-actions .velora-shop-product,
html body .velora-product-actions .velora-shop-product:link,
html body .velora-product-actions .velora-shop-product:visited,
html body .velora-product-actions .velora-shop-product:hover,
html body .velora-product-actions .velora-shop-product:focus-visible {
  color: var(--madwi-black) !important;
}

html body.home .velora-shop .shop-grid article.velora-product-card .velora-product-actions > a.velora-shop-product,
html body.home .velora-shop .shop-grid article.velora-product-card .velora-product-actions > a.velora-shop-product:link,
html body.home .velora-shop .shop-grid article.velora-product-card .velora-product-actions > a.velora-shop-product:visited,
html body.home .velora-shop .shop-grid article.velora-product-card .velora-product-actions > a.velora-shop-product:hover,
html body.home .velora-shop .shop-grid article.velora-product-card .velora-product-actions > a.velora-shop-product:focus-visible {
  color: #0b0b0d !important;
}

html body.home .velora-product-card .velora-product-live-data::after {
  content: "IN THE BOX: Earbuds \00b7  Charging case \00b7  USB-C cable \00b7  Manual \00b7  Ear tips";
  display: block;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--madwi-border);
  color: #4d4654;
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  html body.home .velora-product-card > img {
    height: min(78vw, 340px) !important;
  }
}

html body .shop-hero-copy > p,
html body .shop-hero-copy > div,
html body .shop-hero-copy > span {
  color: #e5e0e9 !important;
}

html body .shop-hero-copy > a,
html body .shop-hero-copy > a * {
  color: var(--madwi-black) !important;
}

html body.home .shop-hero .shop-hero-copy > a,
html body.home .shop-hero .shop-hero-copy > a:link,
html body.home .shop-hero .shop-hero-copy > a:visited,
html body.home .shop-hero .shop-hero-copy > a * {
  color: var(--madwi-black) !important;
}

@media (max-width: 1023px) {
  html body header.wp-block-template-part .wp-block-site-title {
    font-size: 0.86rem !important;
    letter-spacing: 0.08em !important;
  }

  html body .shop-hero {
    display: flex !important;
    flex-direction: column !important;
  }

  html body .shop-hero-copy {
    order: 1 !important;
  }

  html body .shop-hero-media,
  html body .shop-hero > figure {
    order: 2 !important;
  }
}

@media (max-width: 1023px) {
  body .velora-nav,
  body .shop-nav,
  body .brand-nav {
    background: var(--madwi-black) !important;
    border-color: #2b2530 !important;
  }

  body .velora-header-backdrop,
  body .mobile-menu-backdrop {
    background: rgba(11, 11, 13, 0.72) !important;
  }

  body.home .velora-hero,
  body.home .shop-hero,
  body.home .brand-hero {
    min-height: 0 !important;
  }

  body.home .velora-hero-media img,
  body.home .shop-hero-media img,
  body.home .brand-hero-media img {
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
  }
}

@media (max-width: 480px) {
  body .velora-header-inner,
  body .shop-header-inner,
  body .brand-header-inner {
    width: min(100% - 24px, 100%) !important;
  }

  body .velora-logo,
  body .shop-wordmark,
  body .brand-wordmark {
    font-size: 0.88rem !important;
    letter-spacing: 0.22em !important;
  }

  body .shop-grid,
  body .products,
  body .wc-block-grid__products {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body .wp-element-button,
  body .wp-block-button__link,
  body .button,
  body button[type="submit"] {
    min-height: 44px !important;
  }
}