html{box-sizing:border-box;scroll-behavior:smooth}*,*::before,*::after{box-sizing:inherit}body{margin:0;background:var(--color-neutral-paper);color:var(--color-text-default);font-family:var(--font-mono);font-size:var(--size-body);font-weight:var(--weight-light);line-height:var(--lh-relaxed);-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;height:auto}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden}.magnna-container{width:min(var(--max-width),calc(100% - var(--page-padding) * 2));margin-inline:auto}.bg-chevron-soft{background-image:url('../img/magnna-chevron-pattern.svg');background-size:160px 80px;background-repeat:repeat;background-color:var(--color-neutral-cool)}.site-header{position:sticky;top:0;z-index:var(--z-nav);background:rgba(240,242,245,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-rule-medium);transition:background var(--duration-default) var(--easing-standard),min-height var(--duration-default) var(--easing-standard)}.site-header.is-scrolled{background:rgba(240,242,245,.96)}.site-header__inner{display:flex;align-items:center;gap:30px;min-height:82px}.site-header.is-scrolled .site-header__inner{min-height:68px}.magnna-logo{display:inline-flex;align-items:center;text-decoration:none;flex:0 0 auto}.magnna-logo img{width:auto;height:var(--magnna-logo-height,34px);display:block}.site-navigation{margin-left:auto}.site-navigation ul,.site-b2b-navigation ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}.site-navigation a,.site-b2b-navigation a,.magnna-header-link,.magnna-cart-link{font-family:var(--font-mono);font-size:var(--size-caption);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);text-decoration:none;position:relative;font-weight:var(--weight-medium)}.site-navigation a::after,.site-b2b-navigation a::after,.magnna-header-link::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:1px;background:var(--color-brand-primary);transition:width var(--duration-default) var(--easing-standard)}.site-navigation a:hover,.site-b2b-navigation a:hover,.magnna-header-link:hover,.magnna-cart-link:hover{color:var(--color-brand-primary)}.site-navigation a:hover::after,.site-b2b-navigation a:hover::after,.magnna-header-link:hover::after{width:100%}.site-header__actions{display:flex;align-items:center;gap:18px}.magnna-cart-count{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:6px;background:var(--color-brand-deep);color:var(--color-neutral-paper);font-size:10px}.site-nav-toggle{display:none;background:var(--color-brand-deep);color:var(--color-neutral-paper);border:0;padding:10px 14px;font:inherit;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.magnna-hero{padding:96px 0 72px;border-bottom:1px solid var(--color-rule-medium)}.magnna-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:64px;align-items:stretch}.magnna-eyebrow{font-size:var(--size-eyebrow);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-brand-primary);font-weight:var(--weight-medium);margin:0 0 18px}.magnna-hero h1{font-family:var(--font-display);font-size:clamp(54px,8vw,118px);line-height:.9;letter-spacing:var(--tracking-tight);font-weight:var(--weight-regular);color:var(--color-brand-deep);margin:0 0 28px;max-width:10ch}.magnna-hero h1 em{display:block;font-family:var(--font-italic);font-style:italic;color:var(--color-brand-primary);font-weight:var(--weight-regular);letter-spacing:-.01em}.magnna-lead{font-family:var(--font-italic);font-size:clamp(20px,3vw,30px);line-height:1.35;color:var(--color-text-soft);max-width:760px;margin:0 0 32px}.magnna-actions{display:flex;gap:14px;flex-wrap:wrap}.magnna-button,.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.single_add_to_cart_button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border:1px solid var(--color-brand-primary);background:var(--color-brand-primary);color:var(--color-neutral-paper)!important;text-decoration:none;font-family:var(--font-mono);font-size:var(--size-caption);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:var(--weight-medium);border-radius:var(--radius-0);transition:all var(--duration-default) var(--easing-standard);cursor:pointer}.magnna-button:hover,.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.single_add_to_cart_button:hover{background:var(--color-brand-deep);border-color:var(--color-brand-deep)}.magnna-button--ghost{background:transparent!important;color:var(--color-brand-primary)!important}.magnna-button--ghost:hover{background:var(--color-brand-primary)!important;color:var(--color-neutral-paper)!important}.magnna-hero__panel{min-height:440px;border:1px solid var(--color-rule-strong);display:flex;align-items:flex-end;padding:32px}.magnna-hero__panel span{font-family:var(--font-display);font-size:44px;line-height:1;letter-spacing:var(--tracking-snug);color:var(--color-brand-deep);max-width:8ch}.magnna-section{padding:82px 0;border-bottom:1px solid var(--color-rule-medium)}.magnna-section__header{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:34px}.magnna-section h2,.page-title,.entry-title{font-family:var(--font-display);font-size:clamp(34px,5vw,64px);line-height:1;letter-spacing:var(--tracking-tight);font-weight:var(--weight-regular);color:var(--color-brand-deep);margin:0}.magnna-house-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.magnna-house-grid article{background:var(--color-neutral-bright);border:1px solid var(--color-rule-medium);padding:32px;position:relative}.magnna-house-grid article::before{content:"";position:absolute;top:0;left:0;width:42px;height:2px;background:var(--color-brand-primary);transition:width var(--duration-medium) var(--easing-standard)}.magnna-house-grid article:hover::before{width:100%}.magnna-house-grid span{font-family:var(--font-mono);font-size:var(--size-micro);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-brand-primary);font-weight:var(--weight-medium)}.magnna-house-grid h3{font-family:var(--font-display);font-size:24px;margin:12px 0 10px;letter-spacing:var(--tracking-snug);color:var(--color-brand-deep)}.magnna-house-grid p{margin:0;color:var(--color-text-soft)}.magnna-breadcrumb{font-size:var(--size-micro);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);margin:28px 0}.magnna-breadcrumb a{text-decoration:none;color:var(--color-brand-primary)}.magnna-breadcrumb .sep{margin:0 8px}.magnna-shop-main{padding-bottom:80px}.magnna-shop-header{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:end;margin:30px 0 42px;padding-bottom:28px;border-bottom:1px solid var(--color-rule-strong)}.term-description{max-width:760px;color:var(--color-text-soft)}.magnna-account-context{background:var(--color-brand-deep);color:var(--color-neutral-paper);padding:24px;border:1px solid rgba(240,242,245,.18)}.magnna-account-context span{display:block;font-size:var(--size-micro);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:rgba(240,242,245,.58);font-weight:var(--weight-medium)}.magnna-account-context strong{display:block;font-family:var(--font-display);font-size:24px;letter-spacing:var(--tracking-snug);margin:8px 0 4px}.magnna-account-context em{display:block;font-style:normal;color:rgba(240,242,245,.72);font-size:var(--size-caption)}.magnna-shop-layout{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:32px}.magnna-shop-layout:not(:has(.magnna-shop-sidebar)){grid-template-columns:1fr}.magnna-shop-sidebar{position:sticky;top:100px;align-self:start}.magnna-widget{background:var(--color-neutral-bright);border:1px solid var(--color-rule-medium);padding:22px;margin-bottom:18px}.magnna-widget__title,.magnna-widget h2{font-family:var(--font-display);font-size:18px;letter-spacing:var(--tracking-snug);margin:0 0 16px;color:var(--color-brand-deep)}.woocommerce-result-count,.woocommerce-ordering{font-size:var(--size-caption);color:var(--color-text-muted);letter-spacing:.05em}.woocommerce-ordering select,.input-text,input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],textarea,select{width:100%;border:1px solid var(--color-rule-medium);background:var(--color-neutral-bright);color:var(--color-brand-ink);font-family:var(--font-mono);font-size:14px;padding:13px 15px;border-radius:var(--radius-sm);outline:none}.woocommerce-ordering select:focus,.input-text:focus,input:focus,textarea:focus,select:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 2px rgba(31,78,111,.15)}.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;list-style:none;margin:28px 0!important;padding:0!important}.products::before,.products::after{display:none!important}.magnna-product-card{float:none!important;width:auto!important;margin:0!important;background:var(--color-neutral-bright);border:1px solid var(--color-rule-medium);position:relative;overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--duration-medium) var(--easing-standard),transform var(--duration-medium) var(--easing-standard),box-shadow var(--duration-medium) var(--easing-standard)}.magnna-product-card::before{content:"";position:absolute;top:0;left:0;width:42px;height:2px;background:var(--color-brand-primary);z-index:2;transition:width var(--duration-medium) var(--easing-standard)}.magnna-product-card:hover{border-color:var(--color-brand-primary);transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.magnna-product-card:hover::before{width:100%}.magnna-product-card a{text-decoration:none}.magnna-product-card .woocommerce-LoopProduct-link{display:block;position:relative}.magnna-product-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:var(--color-neutral-cool);padding:20px}.magnna-product-badges{position:absolute;top:12px;right:12px;z-index:3}.magnna-badge{display:inline-block;font-size:var(--size-micro);letter-spacing:var(--tracking-wider);text-transform:uppercase;font-weight:var(--weight-medium);padding:5px 9px;background:var(--color-neutral-cool);border:1px solid var(--color-rule-medium);color:var(--color-brand-primary)}.magnna-badge.in-stock{color:var(--color-success);background:rgba(31,111,63,.06);border-color:rgba(31,111,63,.3)}.magnna-badge.out-of-stock{color:var(--color-error);background:rgba(193,59,59,.06);border-color:rgba(193,59,59,.3)}.magnna-house-tag{display:none!important;position:absolute;left:12px;bottom:12px;z-index:3;font-size:var(--size-micro);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-muted);background:var(--color-neutral-bright);border:1px solid var(--color-rule);padding:5px 8px}.magnna-product-info{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex-grow:1}.magnna-product-brand{font-size:var(--size-eyebrow);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-brand-primary);font-weight:var(--weight-medium);min-height:1em}.woocommerce-loop-product__title{font-family:var(--font-display);font-size:19px!important;line-height:1.22!important;letter-spacing:var(--tracking-snug);font-weight:var(--weight-medium);color:var(--color-brand-deep);padding:0!important;margin:0!important}.magnna-product-sku{font-size:var(--size-eyebrow);color:var(--color-text-muted);letter-spacing:.1em}.magnna-product-meta{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding-top:14px;margin-top:8px;border-top:1px solid var(--color-rule)}.magnna-product-price{font-family:var(--font-display);font-size:22px;font-weight:var(--weight-medium);letter-spacing:var(--tracking-snug);color:var(--color-brand-deep)}.magnna-product-price del{display:none}.magnna-product-moq{font-size:var(--size-micro);letter-spacing:.05em;color:var(--color-text-muted);text-align:right}.magnna-product-actions{margin-top:16px}.magnna-product-actions .button{width:100%;min-height:42px}.magnna-single-product{margin:32px 0 80px}.magnna-pdp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:56px;align-items:start}.magnna-pdp-gallery{background:var(--color-neutral-bright);border:1px solid var(--color-rule-medium);padding:26px}.magnna-pdp-gallery .woocommerce-product-gallery{float:none!important;width:100%!important;margin:0!important}.magnna-pdp-summary{background:var(--color-neutral-bright);border:1px solid var(--color-rule-medium);padding:34px}.magnna-pdp-summary .product_title{font-family:var(--font-display);font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:var(--tracking-tight);font-weight:var(--weight-medium);color:var(--color-brand-deep);margin:0 0 12px}.magnna-pdp-summary .price{font-family:var(--font-display);font-size:36px;color:var(--color-brand-primary);letter-spacing:var(--tracking-snug);border-top:1px solid var(--color-rule-medium);border-bottom:1px solid var(--color-rule-medium);padding:20px 0;margin:24px 0}.magnna-pdp-summary .woocommerce-product-details__short-description{color:var(--color-text-soft);line-height:var(--lh-relaxed)}.magnna-pdp-summary form.cart{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:24px 0}.quantity input.qty{width:72px;text-align:center}.magnna-manager-card{display:flex;gap:14px;align-items:center;background:var(--color-neutral-cool);border-left:3px solid var(--color-brand-primary);padding:15px 18px;margin-top:24px}.magnna-manager-card strong{display:block;font-family:var(--font-display);font-size:15px;color:var(--color-brand-deep)}.magnna-manager-card span{display:block;font-size:var(--size-caption);color:var(--color-text-soft)}.magnna-pdp-details{margin-top:48px;background:var(--color-neutral-bright);border:1px solid var(--color-rule-medium);padding:34px}.woocommerce-tabs ul.tabs{display:flex;gap:18px;list-style:none;margin:0 0 28px!important;padding:0!important;border-bottom:1px solid var(--color-rule-medium)}.woocommerce-tabs ul.tabs li{margin:0!important;padding:0!important;background:transparent!important;border:0!important}.woocommerce-tabs ul.tabs li a{display:block;text-decoration:none;font-size:var(--size-caption);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);padding:0 0 12px}.woocommerce-tabs ul.tabs li.active a{color:var(--color-brand-primary);border-bottom:2px solid var(--color-brand-primary)}.magnna-cart-lines{display:grid;gap:14px}.magnna-cart-line{display:grid;grid-template-columns:86px minmax(0,1fr) 120px 110px 120px 40px;gap:18px;align-items:center;background:var(--color-neutral-bright);border:1px solid var(--color-rule-medium);padding:18px}.magnna-cart-thumb img{width:86px;height:86px;object-fit:contain;background:var(--color-neutral-cool)}.magnna-cart-details h3{font-family:var(--font-display);font-size:18px;letter-spacing:var(--tracking-snug);margin:4px 0;color:var(--color-brand-deep)}.magnna-cart-details a{text-decoration:none}.magnna-cart-price span{display:block;font-size:var(--size-micro);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted)}.magnna-cart-total{font-family:var(--font-display);font-size:20px;color:var(--color-brand-deep);text-align:right}.magnna-cart-remove{text-align:right}.magnna-cart-remove .remove{text-decoration:none;color:var(--color-error);font-size:24px}.magnna-cart-actions{display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:24px 0}.magnna-cart-actions .coupon{display:flex;gap:10px;align-items:center}.magnna-cart-collaterals{display:grid;justify-content:end}.cart_totals{background:var(--color-brand-deep);color:var(--color-neutral-paper);padding:30px;min-width:min(100%,440px)}.cart_totals h2{font-family:var(--font-display);font-size:30px;margin:0 0 18px}.cart_totals table{width:100%;border-collapse:collapse}.cart_totals th,.cart_totals td{border-bottom:1px solid rgba(240,242,245,.16);padding:12px 0;text-align:left}.cart_totals td{text-align:right}.wc-proceed-to-checkout .button{width:100%;margin-top:16px;background:var(--color-neutral-paper)!important;color:var(--color-brand-deep)!important;border-color:var(--color-neutral-paper)!important}.magnna-checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,440px);gap:34px;align-items:start}.magnna-checkout-fields,.magnna-checkout-review{background:var(--color-neutral-bright);border:1px solid var(--color-rule-medium);padding:30px}.magnna-checkout-review{position:sticky;top:100px;background:var(--color-brand-deep);color:var(--color-neutral-paper)}.magnna-checkout-review h3,.woocommerce-billing-fields h3,.woocommerce-shipping-fields h3,.woocommerce-additional-fields h3{font-family:var(--font-display);font-size:28px;letter-spacing:var(--tracking-snug);margin:0 0 20px;color:inherit}.magnna-checkout-review table{width:100%;border-collapse:collapse}.magnna-checkout-review th,.magnna-checkout-review td{border-bottom:1px solid rgba(240,242,245,.16);padding:12px 0}.magnna-checkout-review td{text-align:right}.woocommerce-MyAccount-navigation ul{list-style:none;margin:0 0 28px;padding:0;display:flex;gap:10px;flex-wrap:wrap}.woocommerce-MyAccount-navigation a{display:block;text-decoration:none;border:1px solid var(--color-rule-medium);background:var(--color-neutral-bright);padding:10px 14px;font-size:var(--size-caption);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted)}.woocommerce-MyAccount-navigation .is-active a,.woocommerce-MyAccount-navigation a:hover{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--color-neutral-paper)}.magnna-account-dashboard{display:grid;gap:24px}.magnna-account-welcome,.magnna-account-cards a{background:var(--color-neutral-bright);border:1px solid var(--color-rule-medium);padding:28px}.magnna-account-welcome h2{font-family:var(--font-display);font-size:42px;margin:0 0 8px;color:var(--color-brand-deep)}.magnna-account-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.magnna-account-cards a{text-decoration:none;position:relative}.magnna-account-cards a::before{content:"";position:absolute;top:0;left:0;width:36px;height:2px;background:var(--color-brand-primary);transition:width var(--duration-medium) var(--easing-standard)}.magnna-account-cards a:hover::before{width:100%}.magnna-account-cards span{font-size:var(--size-micro);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-brand-primary)}.magnna-account-cards strong{display:block;font-family:var(--font-display);font-size:22px;letter-spacing:var(--tracking-snug);color:var(--color-brand-deep);margin-top:10px}.woocommerce-message,.woocommerce-info,.woocommerce-error{list-style:none;background:var(--color-neutral-bright);border:1px solid var(--color-rule-medium);border-left:3px solid var(--color-brand-primary);padding:16px 20px;margin:20px 0;color:var(--color-brand-ink)}.woocommerce-error{border-left-color:var(--color-error)}.woocommerce-info{border-left-color:var(--color-warning)}.site-footer{background:var(--color-brand-deep);color:var(--color-neutral-paper);padding:54px 0;margin-top:80px}.site-footer__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:start}.site-footer__claim{font-family:var(--font-italic);font-size:26px;color:rgba(240,242,245,.7);margin:22px 0 0}.site-footer__nav ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.site-footer__nav a{text-decoration:none;color:rgba(240,242,245,.72);font-size:var(--size-caption);letter-spacing:var(--tracking-wide);text-transform:uppercase}.site-footer__nav a:hover{color:var(--color-neutral-paper)}.site-footer__meta{font-size:var(--size-caption);letter-spacing:.1em;text-transform:uppercase;color:rgba(240,242,245,.52)}.site-footer__meta p{margin:0 0 8px}@media(max-width:1100px){:root{--page-padding:24px}.site-header__inner{min-height:72px}.site-nav-toggle{display:inline-flex;margin-left:auto}.site-navigation{position:fixed;top:72px;left:0;right:0;background:var(--color-brand-deep);padding:24px;display:none}.site-navigation.is-open{display:block}.site-navigation ul{display:grid;gap:16px}.site-navigation a{color:var(--color-neutral-paper)}.site-header__actions{gap:12px}.site-b2b-navigation{display:none}.magnna-hero__grid,.magnna-pdp-grid,.magnna-checkout-grid{grid-template-columns:1fr}.products{grid-template-columns:repeat(3,minmax(0,1fr))}.magnna-shop-layout{grid-template-columns:1fr}.magnna-shop-sidebar,.magnna-checkout-review{position:static}.magnna-shop-header{grid-template-columns:1fr}.magnna-cart-line{grid-template-columns:70px minmax(0,1fr) 90px;gap:12px}.magnna-cart-price,.magnna-cart-remove{display:none}.magnna-cart-total{text-align:left}.site-footer__grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){:root{--page-padding:18px}.site-header__actions .magnna-header-link{display:none}.magnna-logo img{height:28px}.magnna-hero{padding:56px 0}.magnna-hero__panel{min-height:260px}.magnna-section{padding:54px 0}.magnna-section__header{display:block}.magnna-house-grid,.products,.magnna-account-cards{grid-template-columns:1fr}.magnna-pdp-summary,.magnna-pdp-gallery,.magnna-pdp-details,.magnna-checkout-fields,.magnna-checkout-review{padding:22px}.magnna-cart-line{grid-template-columns:64px minmax(0,1fr);align-items:start}.magnna-cart-qty,.magnna-cart-total{grid-column:2}.magnna-cart-actions,.magnna-cart-actions .coupon{display:grid;width:100%}.site-footer__grid{grid-template-columns:1fr}.woocommerce-tabs ul.tabs{overflow-x:auto;white-space:nowrap}}@supports not selector(:has(*)){.magnna-shop-layout{grid-template-columns:1fr}.magnna-shop-sidebar{display:none}}
/* v1.2.1 · Header logo + hierarchical navigation fixes */
.site-header{overflow:visible}.site-header__inner{position:relative}.magnna-logo{min-width:132px;max-width:220px}.magnna-logo img{display:block;width:auto;max-width:190px;height:36px;object-fit:contain}.site-navigation{margin-left:auto;overflow:visible}.site-navigation .magnna-primary-menu,.site-navigation>ul.menu{display:flex;align-items:center;justify-content:flex-end;gap:30px;list-style:none;margin:0;padding:0;flex-wrap:nowrap}.site-navigation .magnna-primary-menu>li,.site-navigation>ul.menu>li{position:relative;display:flex;align-items:center;min-height:82px}.site-navigation .magnna-primary-menu>li>a,.site-navigation>ul.menu>li>a{display:inline-flex;align-items:center;min-height:42px;white-space:nowrap}.site-navigation .menu-item-has-children>a::before{content:'⌄';position:absolute;right:-14px;top:50%;transform:translateY(-54%);font-size:10px;opacity:.55}.site-navigation .sub-menu{position:absolute;top:100%;left:0;z-index:999;display:grid!important;grid-template-columns:1fr;gap:0;min-width:230px;max-width:300px;margin:0;padding:10px 0;list-style:none;background:rgba(247,248,250,.98);border:1px solid var(--color-rule-medium);box-shadow:0 18px 42px rgba(14,42,61,.10);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--duration-default) var(--easing-standard),transform var(--duration-default) var(--easing-standard),visibility var(--duration-default) var(--easing-standard)}.site-navigation li:hover>.sub-menu,.site-navigation li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}.site-navigation .sub-menu li{position:relative;display:block;min-height:0;border-bottom:1px solid var(--color-rule)}.site-navigation .sub-menu li:last-child{border-bottom:0}.site-navigation .sub-menu a{display:block;padding:11px 18px;font-size:10px;line-height:1.45;letter-spacing:.20em;white-space:normal;color:var(--color-text-muted)}.site-navigation .sub-menu a:hover{background:var(--color-neutral-cool);color:var(--color-brand-primary)}.site-navigation .sub-menu a::after{display:none}.site-navigation .sub-menu .sub-menu{top:-11px;left:100%;transform:translateX(8px)}.site-header__actions{flex:0 0 auto}.admin-bar .site-header{top:32px}@media(max-width:782px){.admin-bar .site-header{top:46px}}@media(max-width:1320px){.site-navigation .magnna-primary-menu,.site-navigation>ul.menu{gap:20px}.site-navigation a,.site-b2b-navigation a,.magnna-header-link,.magnna-cart-link{font-size:9px;letter-spacing:.18em}.site-header__actions{gap:12px}}@media(max-width:1180px){.site-nav-toggle{display:inline-flex}.site-navigation{position:absolute;top:100%;left:var(--page-padding);right:var(--page-padding);display:none;margin:0;background:var(--color-neutral-bright);border:1px solid var(--color-rule-medium);box-shadow:0 18px 42px rgba(14,42,61,.10)}.site-navigation.is-open{display:block}.site-navigation .magnna-primary-menu,.site-navigation>ul.menu{display:grid;grid-template-columns:1fr;gap:0;align-items:stretch;justify-content:stretch}.site-navigation .magnna-primary-menu>li,.site-navigation>ul.menu>li{display:block;min-height:0;border-bottom:1px solid var(--color-rule)}.site-navigation .magnna-primary-menu>li>a,.site-navigation>ul.menu>li>a{display:block;min-height:0;padding:16px 18px}.site-navigation .menu-item-has-children>a::before{right:18px}.site-navigation .sub-menu,.site-navigation .sub-menu .sub-menu{position:static;display:grid!important;min-width:0;max-width:none;padding:0 0 8px 18px;border:0;box-shadow:none;background:transparent;opacity:1;visibility:visible;transform:none}.site-navigation .sub-menu li{border:0}.site-navigation .sub-menu a{padding:9px 18px}.site-header__actions{margin-left:auto}.site-b2b-navigation{display:none}}@media(max-width:640px){.magnna-logo img{max-width:190px;height:var(--magnna-logo-height,34px)}.site-header__actions .magnna-header-link{display:none}.magnna-cart-link{font-size:0}.magnna-cart-link .magnna-cart-count{font-size:10px;margin-left:0}.site-header__inner{gap:14px}}
/* v1.2.2 · WooCommerce / WordPress pagination visual system */
.woocommerce nav.woocommerce-pagination,
.woocommerce-pagination,
.navigation.pagination,
.magnna-pagination{
clear:both;
width:100%;
margin:42px 0 8px;
padding:24px 0 0;
border-top:1px solid var(--color-rule-medium);
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce-pagination ul.page-numbers,
.navigation.pagination .nav-links,
.magnna-pagination .nav-links{
display:flex!important;
align-items:center;
justify-content:center;
gap:8px;
flex-wrap:wrap;
list-style:none!important;
margin:0!important;
padding:0!important;
border:0!important;
}
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce-pagination ul.page-numbers li{
list-style:none!important;
margin:0!important;
padding:0!important;
border:0!important;
float:none!important;
display:block!important;
}
.woocommerce nav.woocommerce-pagination ul li::marker,
.woocommerce-pagination ul.page-numbers li::marker{content:""}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-pagination .page-numbers,
.navigation.pagination .page-numbers,
.magnna-pagination .page-numbers{
min-width:42px;
height:42px;
padding:0 13px;
display:inline-flex!important;
align-items:center;
justify-content:center;
border:1px solid var(--color-rule-medium)!important;
background:var(--color-neutral-bright)!important;
color:var(--color-text-muted)!important;
text-decoration:none!important;
font-family:var(--font-mono);
font-size:10px;
line-height:1;
letter-spacing:var(--tracking-wide);
text-transform:uppercase;
font-weight:var(--weight-medium);
transition:background var(--duration-default) var(--easing-standard),color var(--duration-default) var(--easing-standard),border-color var(--duration-default) var(--easing-standard),transform var(--duration-default) var(--easing-standard);
}
.woocommerce-pagination .page-numbers:hover,
.navigation.pagination .page-numbers:hover,
.magnna-pagination .page-numbers:hover,
.woocommerce nav.woocommerce-pagination ul li a:hover{
background:var(--color-neutral-cool)!important;
border-color:var(--color-brand-primary)!important;
color:var(--color-brand-primary)!important;
transform:translateY(-1px);
}
.woocommerce-pagination .page-numbers.current,
.navigation.pagination .page-numbers.current,
.magnna-pagination .page-numbers.current,
.woocommerce nav.woocommerce-pagination ul li span.current{
background:var(--color-brand-primary)!important;
border-color:var(--color-brand-primary)!important;
color:var(--color-neutral-paper)!important;
}
.woocommerce-pagination .page-numbers.prev,
.woocommerce-pagination .page-numbers.next,
.navigation.pagination .page-numbers.prev,
.navigation.pagination .page-numbers.next,
.magnna-pagination .page-numbers.prev,
.magnna-pagination .page-numbers.next{
min-width:54px;
padding-inline:16px;
background:transparent!important;
border-color:var(--color-brand-primary)!important;
color:var(--color-brand-primary)!important;
}
.woocommerce-pagination .page-numbers.prev:hover,
.woocommerce-pagination .page-numbers.next:hover,
.navigation.pagination .page-numbers.prev:hover,
.navigation.pagination .page-numbers.next:hover,
.magnna-pagination .page-numbers.prev:hover,
.magnna-pagination .page-numbers.next:hover{
background:var(--color-brand-primary)!important;
color:var(--color-neutral-paper)!important;
}
.woocommerce-pagination .page-numbers.dots,
.navigation.pagination .page-numbers.dots,
.magnna-pagination .page-numbers.dots{
border-color:transparent!important;
background:transparent!important;
color:var(--color-text-muted)!important;
transform:none!important;
}
@media(max-width:640px){
.woocommerce nav.woocommerce-pagination,
.woocommerce-pagination,
.navigation.pagination,
.magnna-pagination{margin-top:30px;padding-top:18px}
.woocommerce-pagination ul.page-numbers,
.navigation.pagination .nav-links,
.magnna-pagination .nav-links{justify-content:flex-start;gap:6px}
.woocommerce-pagination .page-numbers,
.navigation.pagination .page-numbers,
.magnna-pagination .page-numbers,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{min-width:38px;height:38px;padding-inline:11px}
}
/* v1.2.4 · Visual fixes */
.woocommerce nav.woocommerce-pagination,
.woocommerce-pagination,
.navigation.pagination,
.magnna-pagination{
background:transparent!important;
box-shadow:none!important;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce-pagination ul.page-numbers{
background:transparent!important;
box-shadow:none!important;
outline:0!important;
}
.woocommerce nav.woocommerce-pagination::before,
.woocommerce nav.woocommerce-pagination::after,
.woocommerce-pagination::before,
.woocommerce-pagination::after{
display:none!important;
}
.woocommerce .woocommerce-breadcrumb:not(.magnna-breadcrumb){
display:none!important;
}
.magnna-product-card .magnna-house-tag{
display:none!important;
}
.magnna-product-card .magnna-product-meta{
margin-top:auto;
}
/* Magnna v1.2.5 · Related products and WooCommerce product grid hardening */
.related.products,
.upsells.products,
.cross-sells.products{
display:block!important;
grid-template-columns:none!important;
gap:0!important;
width:100%!important;
margin-top:56px!important;
padding:0!important;
clear:both;
}
.related.products>h2,
.upsells.products>h2,
.cross-sells.products>h2{
font-family:var(--font-display);
font-size:clamp(26px,3vw,38px);
line-height:1.1;
letter-spacing:var(--tracking-snug);
color:var(--color-brand-deep);
margin:0 0 24px;
}
.woocommerce .related.products ul.products,
.woocommerce .upsells.products ul.products,
.woocommerce .cross-sells.products ul.products,
ul.products{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:22px!important;
width:100%!important;
max-width:100%!important;
list-style:none!important;
margin:28px 0!important;
padding:0!important;
}
.woocommerce .related.products ul.products::before,
.woocommerce .related.products ul.products::after,
.woocommerce .upsells.products ul.products::before,
.woocommerce .upsells.products ul.products::after,
ul.products::before,
ul.products::after{display:none!important;content:none!important}
.woocommerce .related.products ul.products li.product,
.woocommerce .upsells.products ul.products li.product,
.woocommerce .cross-sells.products ul.products li.product,
ul.products li.product,
.magnna-product-card{
float:none!important;
width:auto!important;
max-width:none!important;
min-width:0!important;
margin:0!important;
}
.related.products .magnna-product-card,
.upsells.products .magnna-product-card,
.cross-sells.products .magnna-product-card{
min-height:520px;
display:flex!important;
flex-direction:column!important;
}
.related.products .magnna-product-image,
.upsells.products .magnna-product-image,
.cross-sells.products .magnna-product-image{
min-height:190px;
}
.related.products .magnna-product-info,
.upsells.products .magnna-product-info,
.cross-sells.products .magnna-product-info{
flex:1 1 auto;
display:flex;
flex-direction:column;
}
.related.products .magnna-product-info .woocommerce-loop-product__title,
.upsells.products .magnna-product-info .woocommerce-loop-product__title,
.cross-sells.products .magnna-product-info .woocommerce-loop-product__title{
min-height:3.75em;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
}
.related.products .magnna-product-meta,
.upsells.products .magnna-product-meta,
.cross-sells.products .magnna-product-meta{
margin-top:auto;
}
.related.products .magnna-product-actions,
.upsells.products .magnna-product-actions,
.cross-sells.products .magnna-product-actions{
margin-top:16px;
}
@media(max-width:1100px){
.woocommerce .related.products ul.products,
.woocommerce .upsells.products ul.products,
.woocommerce .cross-sells.products ul.products,
ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:768px){
.woocommerce .related.products ul.products,
.woocommerce .upsells.products ul.products,
.woocommerce .cross-sells.products ul.products,
ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.related.products .magnna-product-card,
.upsells.products .magnna-product-card,
.cross-sells.products .magnna-product-card{min-height:480px}
}
@media(max-width:520px){
.woocommerce .related.products ul.products,
.woocommerce .upsells.products ul.products,
.woocommerce .cross-sells.products ul.products,
ul.products{grid-template-columns:1fr!important}
}
/* Home programmed v1.2.7 */
.magnna-home-coded{overflow:hidden}.magnna-home-hero{padding:104px 0 90px;border-bottom:1px solid var(--color-rule-medium)}.magnna-home-hero__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:72px;align-items:stretch}.magnna-home-hero__content{align-self:center}.magnna-home-hero__title{font-family:var(--font-display);font-size:clamp(58px,8.8vw,124px);line-height:.9;letter-spacing:var(--tracking-tight);font-weight:var(--weight-regular);color:var(--color-brand-deep);margin:0 0 30px;max-width:10ch}.magnna-home-hero__title em{display:block;font-family:var(--font-italic);font-style:italic;font-weight:var(--weight-regular);color:var(--color-brand-primary);letter-spacing:-.01em}.magnna-home-hero__lead{font-family:var(--font-italic);font-size:clamp(21px,3vw,30px);line-height:1.35;color:var(--color-text-soft);max-width:760px;margin:0 0 34px}.magnna-home-hero__panel{min-height:500px;border:1px solid var(--color-rule-strong);display:flex;align-items:flex-end;padding:36px}.magnna-home-hero__panel span{font-family:var(--font-display);font-size:clamp(36px,4vw,58px);line-height:1;letter-spacing:var(--tracking-snug);color:var(--color-brand-deep);max-width:8ch}.magnna-home-section{padding:88px 0;border-bottom:1px solid var(--color-rule-medium)}.magnna-home-section__header{margin-bottom:38px;max-width:920px}.magnna-home-section__header--split{display:flex;justify-content:space-between;align-items:end;gap:32px;max-width:none}.magnna-home-section__header h2,.magnna-home-cta h2{font-family:var(--font-display);font-size:clamp(36px,5vw,70px);font-weight:var(--weight-regular);line-height:1;letter-spacing:var(--tracking-tight);color:var(--color-brand-deep);margin:0}.magnna-home-section__text{max-width:720px;margin:20px 0 0;color:var(--color-text-soft);font-size:16px}.magnna-home-link{font-family:var(--font-mono);font-size:var(--size-caption);letter-spacing:var(--tracking-wide);text-transform:uppercase;text-decoration:none;color:var(--color-brand-primary);font-weight:var(--weight-medium);white-space:nowrap}.magnna-home-promise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.magnna-home-principle{background:var(--color-neutral-bright);border:1px solid var(--color-rule-medium);padding:34px 30px;position:relative}.magnna-home-principle::before{content:"";position:absolute;left:0;top:0;width:42px;height:2px;background:var(--color-brand-primary);transition:width var(--duration-medium) var(--easing-standard)}.magnna-home-principle:hover::before{width:100%}.magnna-home-principle__num{font-family:var(--font-italic);font-size:52px;line-height:1;color:var(--color-brand-primary);display:block;margin-bottom:22px}.magnna-home-principle h3{font-family:var(--font-display);font-size:24px;line-height:1.15;letter-spacing:var(--tracking-snug);color:var(--color-brand-deep);margin:0 0 12px}.magnna-home-principle p{margin:0;color:var(--color-text-soft)}.magnna-home-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.magnna-home-category-card{min-height:178px;background:var(--color-neutral-bright);border:1px solid var(--color-rule-medium);padding:26px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;position:relative;transition:transform var(--duration-medium) var(--easing-standard),border-color var(--duration-medium) var(--easing-standard),box-shadow var(--duration-medium) var(--easing-standard)}.magnna-home-category-card::before{content:"";position:absolute;left:0;top:0;width:42px;height:2px;background:var(--color-brand-primary);transition:width var(--duration-medium) var(--easing-standard)}.magnna-home-category-card:hover{transform:translateY(-3px);border-color:var(--color-brand-primary);box-shadow:var(--shadow-card-hover)}.magnna-home-category-card:hover::before{width:100%}.magnna-home-category-card span{font-family:var(--font-display);font-size:26px;line-height:1.1;color:var(--color-brand-deep);letter-spacing:var(--tracking-snug)}.magnna-home-category-card em{font-family:var(--font-mono);font-style:normal;font-size:var(--size-caption);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-brand-primary)}.magnna-house-grid--home{grid-template-columns:repeat(4,minmax(0,1fr))}.magnna-house-grid--home article{min-height:220px}.magnna-house-grid--home article p{margin-top:18px}.magnna-home-products .products{margin-bottom:0!important}.magnna-home-cta{background:var(--color-brand-deep);color:var(--color-neutral-paper);padding:86px 0}.magnna-home-cta__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:center}.magnna-home-cta .magnna-eyebrow{color:rgba(240,242,245,.62)}.magnna-home-cta h2{color:var(--color-neutral-paper);max-width:900px}.magnna-home-cta p{max-width:720px;color:rgba(240,242,245,.72);margin:22px 0 0}.magnna-button--light{background:var(--color-neutral-paper)!important;border-color:var(--color-neutral-paper)!important;color:var(--color-brand-deep)!important}.magnna-button--light:hover{background:var(--color-neutral-cool)!important;border-color:var(--color-neutral-cool)!important}.magnna-button--light-ghost{background:transparent!important;border-color:rgba(240,242,245,.45)!important;color:var(--color-neutral-paper)!important}.magnna-button--light-ghost:hover{background:rgba(240,242,245,.12)!important;border-color:var(--color-neutral-paper)!important}.magnna-home-section--editable{background:var(--color-neutral-bright)}@media(max-width:1100px){.magnna-home-hero__grid{grid-template-columns:1fr;gap:44px}.magnna-home-hero__panel{min-height:320px}.magnna-home-promise-grid,.magnna-home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.magnna-house-grid--home{grid-template-columns:repeat(2,minmax(0,1fr))}.magnna-home-cta__inner{grid-template-columns:1fr}}@media(max-width:700px){.magnna-home-hero{padding:72px 0 56px}.magnna-home-section{padding:62px 0}.magnna-home-section__header--split{display:block}.magnna-home-link{display:inline-flex;margin-top:18px}.magnna-home-promise-grid,.magnna-home-category-grid,.magnna-house-grid--home{grid-template-columns:1fr}.magnna-home-hero__panel{min-height:260px;padding:26px}.magnna-home-cta{padding:64px 0}.magnna-home-cta .magnna-actions{display:grid;grid-template-columns:1fr}}
/* Magnna v1.2.8 · Real editable header logo size + theme preview polish */
.magnna-logo{
min-width:0!important;
max-width:var(--magnna-logo-max-width,280px)!important;
width:auto!important;
flex:0 0 auto!important;
}
.magnna-logo img{
height:var(--magnna-logo-height,80px)!important;
max-height:none!important;
max-width:var(--magnna-logo-max-width,280px)!important;
width:auto!important;
object-fit:contain!important;
}
.site-header__inner{
min-height:calc(var(--magnna-logo-height,80px) + 34px);
}
.site-header.is-scrolled .site-header__inner{
min-height:calc(var(--magnna-logo-height,80px) + 24px);
}
@media(max-width:768px){
.magnna-logo img{
height:min(var(--magnna-logo-height,80px),64px)!important;
max-width:min(var(--magnna-logo-max-width,280px),240px)!important;
}
}
/* Magnna v1.2.9 · Visual B2B login page */
.magnna-login-page{background:var(--color-neutral-paper)}
.magnna-login-hero{padding:92px 0 88px;border-bottom:1px solid var(--color-rule-medium)}
.magnna-login-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);gap:72px;align-items:center}
.magnna-login-copy h1{font-family:var(--font-display);font-size:clamp(56px,8vw,112px);font-weight:var(--weight-regular);line-height:.9;letter-spacing:var(--tracking-tight);color:var(--color-brand-deep);margin:0 0 30px;max-width:9ch}
.magnna-login-copy h1 em{display:block;font-family:var(--font-italic);font-style:italic;font-weight:var(--weight-regular);color:var(--color-brand-primary);letter-spacing:-.01em}
.magnna-login-lead{font-family:var(--font-italic);font-size:clamp(20px,2.7vw,29px);line-height:1.35;color:var(--color-text-soft);max-width:760px;margin:0 0 34px}
.magnna-login-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:780px}
.magnna-login-proof span{display:flex;align-items:center;min-height:54px;padding:12px 14px;border:1px solid var(--color-rule-medium);background:var(--color-neutral-bright);font-family:var(--font-mono);font-size:var(--size-caption);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted)}
.magnna-login-card{position:relative;background:var(--color-neutral-bright);border:1px solid var(--color-rule-strong);padding:34px 34px 30px;box-shadow:0 18px 42px rgba(14,42,61,.06)}
.magnna-login-card::before{content:"";position:absolute;top:0;left:0;width:46px;height:2px;background:var(--color-brand-primary);transition:width var(--duration-medium) var(--easing-standard)}
.magnna-login-card:hover::before{width:100%}
.magnna-login-card__header{padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid var(--color-rule-medium)}
.magnna-login-card__header span{display:block;font-family:var(--font-mono);font-size:var(--size-micro);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-brand-primary);font-weight:var(--weight-medium);margin-bottom:10px}
.magnna-login-card__header strong{display:block;font-family:var(--font-display);font-size:34px;line-height:1;color:var(--color-brand-deep);font-weight:var(--weight-regular);letter-spacing:var(--tracking-snug)}
.magnna-login-card form{display:grid;gap:16px;margin:0}.magnna-login-card form p{margin:0}.magnna-login-card label{display:block;font-family:var(--font-mono);font-size:var(--size-caption);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);font-weight:var(--weight-medium);margin-bottom:8px}
.magnna-login-card input[type="text"],.magnna-login-card input[type="email"],.magnna-login-card input[type="password"]{width:100%;min-height:48px;border:1px solid var(--color-rule-medium);background:var(--color-neutral-paper);color:var(--color-brand-deep);font-family:var(--font-mono);font-size:14px;padding:12px 15px;border-radius:0;outline:0;transition:border-color var(--duration-default) var(--easing-standard),box-shadow var(--duration-default) var(--easing-standard)}
.magnna-login-card input:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 2px rgba(31,78,111,.14)}
.magnna-login-card .woocommerce-form-login__rememberme{display:flex;align-items:center;gap:8px;margin-top:2px!important}.magnna-login-card .woocommerce-form-login__rememberme span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}
.magnna-login-card .woocommerce-button,.magnna-login-card button[type="submit"],.magnna-login-card input[type="submit"]{width:100%;margin-top:6px;min-height:52px;background:var(--color-brand-primary)!important;border:1px solid var(--color-brand-primary)!important;color:var(--color-neutral-paper)!important;font-family:var(--font-mono)!important;font-size:var(--size-caption)!important;letter-spacing:var(--tracking-wide)!important;text-transform:uppercase!important;border-radius:0!important}.magnna-login-card .woocommerce-button:hover,.magnna-login-card button[type="submit"]:hover,.magnna-login-card input[type="submit"]:hover{background:var(--color-brand-deep)!important;border-color:var(--color-brand-deep)!important}
.magnna-login-card .lost_password{padding-top:4px}.magnna-login-card .lost_password a,.magnna-login-card__footer a{font-family:var(--font-mono);font-size:var(--size-caption);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-brand-primary);text-decoration:none;font-weight:var(--weight-medium)}
.magnna-login-card__footer{margin-top:24px;padding-top:20px;border-top:1px solid var(--color-rule-medium)}.magnna-login-card__footer p{margin:0 0 10px;color:var(--color-text-muted);font-size:12px}.magnna-login-status{display:grid;gap:18px}.magnna-login-status p{margin:0;color:var(--color-text-soft)}
.magnna-login-editable{padding:64px 0}.magnna-login-editable:empty{display:none}
@media(max-width:1024px){.magnna-login-grid{grid-template-columns:1fr;gap:42px}.magnna-login-card{max-width:560px}.magnna-login-proof{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.magnna-login-hero{padding:64px 0}.magnna-login-proof{grid-template-columns:1fr}.magnna-login-card{padding:26px 22px}.magnna-login-card__header strong{font-size:28px}}
/* ─────────────────────────────────────────────────────────────
Magnna visual fidelity pass v1.3.1
Source: Brand Bible v1.3.0 + Website Design reference.
Visual-only directives: square system, text-link motion, filter bar,
product House tag on image, B2B gate component refinement.
───────────────────────────────────────────────────────────── */
.magnna-logo img{
height:var(--magnna-logo-height,80px)!important;
max-width:var(--magnna-logo-max-width,280px)!important;
width:auto!important;
object-fit:contain;
}
/* No rounded corners except form fields, per §12 / §13. */
.magnna-button,
.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.single_add_to_cart_button,
.magnna-product-card,
.magnna-home-category-card,
.magnna-home-principle,
.magnna-house-grid article,
.magnna-login-card,
.magnna-filter-bar,
.magnna-filter-pill,
.magnna-badge,
.magnna-house-tag,
.magnna-account-context,
.magnna-widget{
border-radius:0!important;
}
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],textarea,select,.input-text,.woocommerce-ordering select{
border-radius:2px!important;
}
/* Text links: 1px underline animates left-to-right in 250ms. */
.magnna-home-link,
.magnna-login-card__footer a,
.magnna-login-card .lost_password a,
.woocommerce-MyAccount-navigation a,
.woocommerce-privacy-policy-text a,
.woocommerce-terms-and-conditions-checkbox-text a,
.entry-content a:not(.button):not(.magnna-button){
position:relative;
text-decoration:none!important;
}
.magnna-home-link::after,
.magnna-login-card__footer a::after,
.magnna-login-card .lost_password a::after,
.woocommerce-MyAccount-navigation a::after,
.woocommerce-privacy-policy-text a::after,
.woocommerce-terms-and-conditions-checkbox-text a::after,
.entry-content a:not(.button):not(.magnna-button)::after{
content:"";
position:absolute;
left:0;
bottom:-3px;
width:0;
height:1px;
background:currentColor;
transition:width 250ms var(--easing-standard);
}
.magnna-home-link:hover::after,
.magnna-login-card__footer a:hover::after,
.magnna-login-card .lost_password a:hover::after,
.woocommerce-MyAccount-navigation a:hover::after,
.woocommerce-privacy-policy-text a:hover::after,
.woocommerce-terms-and-conditions-checkbox-text a:hover::after,
.entry-content a:not(.button):not(.magnna-button):hover::after{
width:100%;
}
/* Buttons: outline default and solid primary, 200ms hover. */
.magnna-button,
.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.single_add_to_cart_button{
transition:background 200ms var(--easing-standard), color 200ms var(--easing-standard), border-color 200ms var(--easing-standard), transform 200ms var(--easing-standard)!important;
}
.magnna-button--ghost,
.woocommerce .button.product_type_simple:not(.add_to_cart_button){
background:transparent!important;
color:var(--color-brand-primary)!important;
border-color:var(--color-brand-primary)!important;
}
.magnna-button--ghost:hover,
.woocommerce .button.product_type_simple:not(.add_to_cart_button):hover{
background:var(--color-brand-primary)!important;
color:var(--color-neutral-paper)!important;
}
/* Filter bar: Dark Ink strip with pills + count. */
.magnna-filter-bar{
background:var(--color-brand-deep);
color:var(--color-neutral-paper);
padding:18px 24px;
margin:0 0 28px;
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
flex-wrap:wrap;
border:1px solid rgba(240,242,245,.12);
}
.magnna-filter-bar__pills{
display:flex;
gap:10px;
flex-wrap:wrap;
align-items:center;
}
.magnna-filter-pill{
display:inline-flex;
align-items:center;
min-height:34px;
padding:8px 13px;
border:1px solid rgba(240,242,245,.30);
color:rgba(240,242,245,.84);
background:transparent;
text-decoration:none;
font-family:var(--font-mono);
font-size:var(--size-micro);
letter-spacing:var(--tracking-wide);
text-transform:uppercase;
font-weight:var(--weight-medium);
transition:background 150ms var(--easing-standard), color 150ms var(--easing-standard), border-color 150ms var(--easing-standard);
}
.magnna-filter-pill:hover,
.magnna-filter-pill.active{
background:var(--color-neutral-paper);
color:var(--color-brand-deep);
border-color:var(--color-neutral-paper);
}
.magnna-filter-bar__count{
font-family:var(--font-mono);
font-size:var(--size-micro);
letter-spacing:var(--tracking-wide);
text-transform:uppercase;
color:rgba(240,242,245,.55);
white-space:nowrap;
}
/* Product card from §13a: House badge bottom-left over image, not near price. */
.magnna-product-card .woocommerce-LoopProduct-link{
position:relative;
}
.magnna-house-tag{
display:inline-block!important;
position:absolute;
left:12px;
top:calc(100vw / 4 - 42px);
z-index:4;
font-family:var(--font-mono);
font-size:var(--size-micro);
letter-spacing:var(--tracking-wider);
text-transform:uppercase;
color:var(--color-text-muted);
background:var(--color-neutral-bright);
border:1px solid var(--color-rule);
padding:4px 8px;
pointer-events:none;
}
.products.columns-4 .magnna-house-tag,
.products .magnna-house-tag{
top:auto;
bottom:calc(100% - 100% + 12px);
}
.magnna-product-card .magnna-house-tag{
top:auto;
bottom:calc(100% - 100% + 12px);
}
.magnna-product-card .woocommerce-LoopProduct-link > .magnna-house-tag{
bottom:12px;
}
/* Fallback when WooCommerce hook places tag as a direct card child. */
.magnna-product-card > .magnna-house-tag{
top:calc(min(340px, 100%) - 42px);
bottom:auto;
}
.magnna-product-card img{
padding:24px;
}
.magnna-product-info{
min-height:178px;
}
.magnna-product-actions{
margin-top:auto;
}
/* Access gate refinement: two paths, split editorial layout. */
.magnna-login-grid{
align-items:stretch;
}
.magnna-login-copy{
padding:36px 0;
}
.magnna-login-card{
align-self:center;
}
.magnna-login-card__footer a{
display:inline-flex;
color:var(--color-brand-primary);
}
@media(max-width:1200px){
.magnna-filter-bar{align-items:flex-start;}
.magnna-filter-bar__count{width:100%;}
.magnna-product-card > .magnna-house-tag{top:calc(50vw - 54px);}
}
@media(max-width:700px){
.magnna-filter-bar{padding:16px 18px;}
.magnna-filter-pill{font-size:9px;}
.magnna-product-card > .magnna-house-tag{top:calc(100vw - 74px);}
}
/* Product House tag final positioning: inside image link, bottom-left. */
.magnna-product-card .woocommerce-LoopProduct-link{position:relative!important;display:block!important;}
.magnna-product-card .woocommerce-LoopProduct-link > .magnna-house-tag{
top:auto!important;
right:auto!important;
bottom:12px!important;
left:12px!important;
}
.magnna-product-card > .magnna-house-tag{display:none!important;}
/* v1.3.3 · Cart reference and checkout CTA refinement */
.magnna-cart-sku{
display:inline-flex;
align-items:center;
width:max-content;
margin-top:8px;
padding:5px 9px;
border:1px solid var(--color-rule-medium);
background:var(--color-neutral-cool);
color:var(--color-text-muted);
font-family:var(--font-mono);
font-size:var(--size-micro);
letter-spacing:var(--tracking-wide);
text-transform:uppercase;
}
.wc-proceed-to-checkout{
margin-top:22px;
}
.wc-proceed-to-checkout a.checkout-button,
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
display:inline-flex!important;
align-items:center;
justify-content:center;
width:100%;
min-height:52px;
padding:14px 22px!important;
border:1px solid var(--color-brand-primary)!important;
background:var(--color-brand-primary)!important;
color:var(--color-neutral-paper)!important;
font-family:var(--font-mono)!important;
font-size:var(--size-caption)!important;
font-weight:var(--weight-medium)!important;
letter-spacing:var(--tracking-wide)!important;
text-transform:uppercase!important;
text-decoration:none!important;
line-height:1.2!important;
transition:all var(--duration-default) var(--easing-standard)!important;
}
.wc-proceed-to-checkout a.checkout-button::after,
.woocommerce .wc-proceed-to-checkout a.checkout-button::after{
content:' →';
display:inline-block;
margin-left:8px;
transition:transform var(--duration-default) var(--easing-standard);
}
.wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover{
background:var(--color-brand-deep)!important;
border-color:var(--color-brand-deep)!important;
}
.wc-proceed-to-checkout a.checkout-button:hover::after,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover::after{
transform:translateX(4px);
}
/* v1.3.3 · Robust product image output */
.magnna-product-image{
display:flex;
align-items:center;
justify-content:center;
width:100%;
aspect-ratio:1/1;
background:var(--color-neutral-cool);
overflow:hidden;
}
.magnna-product-card .magnna-product-image img{
display:block!important;
width:100%!important;
height:100%!important;
object-fit:contain!important;
padding:24px!important;
background:transparent!important;
opacity:1!important;
visibility:visible!important;
}
.magnna-product-card .woocommerce-placeholder{
opacity:.42;
}
/* v1.3.6 · Branded cart page shell */
.magnna-cart-page{
padding:42px 0 92px;
}
.magnna-cart-page__header{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:32px;
align-items:end;
margin:20px 0 34px;
padding-bottom:28px;
border-bottom:1px solid var(--color-rule-strong);
}
.magnna-cart-page__header h1{
font-family:var(--font-display);
font-size:clamp(42px,6vw,76px);
line-height:1;
letter-spacing:var(--tracking-tight);
font-weight:var(--weight-regular);
color:var(--color-brand-deep);
margin:0;
}
.magnna-cart-page__lead{
margin:18px 0 0;
max-width:620px;
color:var(--color-text-soft);
font-family:var(--font-italic);
font-size:clamp(18px,2vw,24px);
line-height:1.35;
}
.magnna-cart-page__summary-note{
background:var(--color-brand-deep);
color:var(--color-neutral-paper);
border:1px solid rgba(240,242,245,.16);
padding:26px 28px;
}
.magnna-cart-page__summary-note span{
display:block;
font-family:var(--font-mono);
font-size:var(--size-micro);
letter-spacing:var(--tracking-wider);
text-transform:uppercase;
color:rgba(240,242,245,.58);
margin-bottom:8px;
}
.magnna-cart-page__summary-note strong{
display:block;
font-family:var(--font-display);
font-size:24px;
font-weight:var(--weight-medium);
letter-spacing:var(--tracking-snug);
}
.magnna-cart-page__body{
background:transparent!important;
border:0!important;
}
.magnna-cart-page__body .woocommerce{
display:block;
}
.magnna-cart-page__body .woocommerce-notices-wrapper{
margin-bottom:18px;
}
.magnna-cart{
margin:0;
}
.magnna-cart-lines{
display:grid;
gap:14px;
}
.magnna-cart-line{
position:relative;
display:grid;
grid-template-columns:96px minmax(0,1fr) 120px 112px 124px 40px;
gap:20px;
align-items:center;
background:var(--color-neutral-bright)!important;
border:1px solid var(--color-rule-medium)!important;
padding:18px 20px!important;
box-shadow:none!important;
}
.magnna-cart-line::before{
content:"";
position:absolute;
top:0;
left:0;
width:42px;
height:2px;
background:var(--color-brand-primary);
transition:width var(--duration-medium) var(--easing-standard);
}
.magnna-cart-line:hover::before{
width:100%;
}
.magnna-cart-thumb{
width:96px;
height:96px;
background:var(--color-neutral-cool);
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}
.magnna-cart-thumb img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
mix-blend-mode:multiply;
background:transparent!important;
}
.magnna-cart-details .magnna-product-brand{
display:block;
min-height:1em;
font-family:var(--font-mono);
font-size:var(--size-micro);
letter-spacing:var(--tracking-wider);
text-transform:uppercase;
color:var(--color-brand-primary);
font-weight:var(--weight-medium);
margin-bottom:6px;
}
.magnna-cart-details h3{
margin:0 0 8px!important;
font-family:var(--font-display)!important;
font-size:19px!important;
line-height:1.18!important;
letter-spacing:var(--tracking-snug)!important;
color:var(--color-brand-deep)!important;
font-weight:var(--weight-medium)!important;
}
.magnna-cart-details h3 a{
color:inherit!important;
text-decoration:none!important;
}
.magnna-cart-price,
.magnna-cart-total{
text-align:right;
}
.magnna-cart-price span{
display:block;
margin-bottom:4px;
font-family:var(--font-mono);
font-size:var(--size-micro);
letter-spacing:var(--tracking-wide);
text-transform:uppercase;
color:var(--color-text-muted);
}
.magnna-cart-price .woocommerce-Price-amount,
.magnna-cart-total .woocommerce-Price-amount{
font-family:var(--font-display);
font-size:20px;
color:var(--color-brand-deep);
letter-spacing:var(--tracking-snug);
}
.magnna-cart-qty .quantity input.qty{
min-width:76px;
text-align:center;
}
.magnna-cart-remove .remove{
display:inline-flex!important;
align-items:center;
justify-content:center;
width:34px;
height:34px;
border:1px solid var(--color-rule-medium);
background:transparent!important;
color:var(--color-error)!important;
font-size:22px!important;
text-decoration:none!important;
line-height:1!important;
}
.magnna-cart-actions{
display:flex;
gap:14px;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
margin:24px 0 0!important;
padding:18px 0 0;
border-top:1px solid var(--color-rule-medium);
}
.magnna-cart-actions .coupon{
display:flex;
gap:10px;
align-items:center;
flex-wrap:wrap;
}
.magnna-cart-collaterals{
display:grid!important;
grid-template-columns:minmax(320px,480px);
justify-content:end;
margin-top:34px;
}
.magnna-cart-collaterals .cart_totals{
width:100%!important;
float:none!important;
background:var(--color-brand-deep)!important;
color:var(--color-neutral-paper)!important;
padding:30px 34px!important;
border:1px solid rgba(240,242,245,.16)!important;
}
.magnna-cart-collaterals .cart_totals h2{
font-family:var(--font-mono)!important;
font-size:var(--size-micro)!important;
letter-spacing:var(--tracking-wider)!important;
text-transform:uppercase!important;
color:rgba(240,242,245,.58)!important;
margin:0 0 16px!important;
}
.magnna-cart-collaterals .cart_totals table,
.magnna-cart-collaterals .cart_totals tr,
.magnna-cart-collaterals .cart_totals th,
.magnna-cart-collaterals .cart_totals td{
border-color:rgba(240,242,245,.18)!important;
color:var(--color-neutral-paper)!important;
}
.magnna-cart-collaterals .cart_totals .order-total .amount{
font-family:var(--font-display)!important;
font-size:36px!important;
letter-spacing:var(--tracking-tight);
}
.magnna-cart-collaterals .wc-proceed-to-checkout a.checkout-button{
background:var(--color-neutral-paper)!important;
color:var(--color-brand-deep)!important;
border-color:var(--color-neutral-paper)!important;
}
.magnna-cart-collaterals .wc-proceed-to-checkout a.checkout-button:hover{
background:var(--color-brand-primary)!important;
color:var(--color-neutral-paper)!important;
border-color:var(--color-brand-primary)!important;
}
.woocommerce-cart .magnna-entry > h1{
display:none;
}
@media(max-width:980px){
.magnna-cart-page__header{grid-template-columns:1fr;}
.magnna-cart-page__summary-note{max-width:420px;}
.magnna-cart-line{grid-template-columns:82px minmax(0,1fr) 104px;gap:14px;}
.magnna-cart-price,.magnna-cart-remove{display:none;}
.magnna-cart-qty,.magnna-cart-total{grid-column:auto;}
.magnna-cart-total{text-align:right;}
}
@media(max-width:640px){
.magnna-cart-page{padding:28px 0 72px;}
.magnna-cart-line{grid-template-columns:72px minmax(0,1fr);align-items:start;padding:14px!important;}
.magnna-cart-thumb{width:72px;height:72px;}
.magnna-cart-qty,.magnna-cart-total{grid-column:2;}
.magnna-cart-total{text-align:left;}
.magnna-cart-collaterals{grid-template-columns:1fr;}
.magnna-cart-collaterals .cart_totals{padding:24px 22px!important;}
.magnna-cart-actions,.magnna-cart-actions .coupon{display:grid;width:100%;}
}
/* v1.3.7 · Cart totals readability refinement
The totals panel is now a light brand card so WooCommerce shipping rows,
addresses, taxes and amounts remain fully legible. */
.woocommerce-cart .magnna-cart-collaterals .cart_totals,
.magnna-cart-collaterals .cart_totals{
background:var(--color-neutral-bright)!important;
color:var(--color-brand-deep)!important;
border:1px solid var(--color-rule-medium)!important;
box-shadow:0 18px 50px rgba(14,42,61,.06)!important;
}
.woocommerce-cart .magnna-cart-collaterals .cart_totals h2,
.magnna-cart-collaterals .cart_totals h2{
color:var(--color-brand-primary)!important;
border-bottom:1px solid var(--color-rule-medium)!important;
padding-bottom:14px!important;
margin-bottom:18px!important;
}
.woocommerce-cart .magnna-cart-collaterals .cart_totals table,
.woocommerce-cart .magnna-cart-collaterals .cart_totals tbody,
.woocommerce-cart .magnna-cart-collaterals .cart_totals tr,
.woocommerce-cart .magnna-cart-collaterals .cart_totals th,
.woocommerce-cart .magnna-cart-collaterals .cart_totals td,
.magnna-cart-collaterals .cart_totals table,
.magnna-cart-collaterals .cart_totals tbody,
.magnna-cart-collaterals .cart_totals tr,
.magnna-cart-collaterals .cart_totals th,
.magnna-cart-collaterals .cart_totals td{
background:transparent!important;
color:var(--color-brand-deep)!important;
border-color:var(--color-rule-medium)!important;
}
.woocommerce-cart .magnna-cart-collaterals .cart_totals th,
.magnna-cart-collaterals .cart_totals th{
color:var(--color-text-muted)!important;
font-family:var(--font-mono)!important;
font-size:var(--size-micro)!important;
letter-spacing:var(--tracking-wide)!important;
text-transform:uppercase!important;
font-weight:var(--weight-medium)!important;
}
.woocommerce-cart .magnna-cart-collaterals .cart_totals td,
.woocommerce-cart .magnna-cart-collaterals .cart_totals td p,
.woocommerce-cart .magnna-cart-collaterals .cart_totals td small,
.woocommerce-cart .magnna-cart-collaterals .cart_totals .woocommerce-shipping-destination,
.woocommerce-cart .magnna-cart-collaterals .cart_totals .woocommerce-shipping-methods,
.woocommerce-cart .magnna-cart-collaterals .cart_totals .woocommerce-shipping-methods label,
.woocommerce-cart .magnna-cart-collaterals .cart_totals .shipping-calculator-button,
.magnna-cart-collaterals .cart_totals td,
.magnna-cart-collaterals .cart_totals td p,
.magnna-cart-collaterals .cart_totals td small,
.magnna-cart-collaterals .cart_totals .woocommerce-shipping-destination,
.magnna-cart-collaterals .cart_totals .woocommerce-shipping-methods,
.magnna-cart-collaterals .cart_totals .woocommerce-shipping-methods label,
.magnna-cart-collaterals .cart_totals .shipping-calculator-button{
color:var(--color-brand-deep)!important;
opacity:1!important;
}
.woocommerce-cart .magnna-cart-collaterals .cart_totals .amount,
.magnna-cart-collaterals .cart_totals .amount{
color:var(--color-brand-deep)!important;
font-weight:var(--weight-medium)!important;
}
.woocommerce-cart .magnna-cart-collaterals .cart_totals .order-total .amount,
.magnna-cart-collaterals .cart_totals .order-total .amount{
color:var(--color-brand-primary)!important;
}
.woocommerce-cart .magnna-cart-collaterals .wc-proceed-to-checkout a.checkout-button,
.magnna-cart-collaterals .wc-proceed-to-checkout a.checkout-button{
background:var(--color-brand-primary)!important;
color:var(--color-neutral-paper)!important;
border-color:var(--color-brand-primary)!important;
}
.woocommerce-cart .magnna-cart-collaterals .wc-proceed-to-checkout a.checkout-button:hover,
.magnna-cart-collaterals .wc-proceed-to-checkout a.checkout-button:hover{
background:var(--color-brand-deep)!important;
border-color:var(--color-brand-deep)!important;
}
/* v1.3.8 · Brand Bible visual refinements: header, loaders, cards, filters, checkout review, PDP gallery */
.site-header{
position:sticky;
top:0;
z-index:var(--z-nav);
background:rgba(240,242,245,.92)!important;
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
border-bottom:1px solid var(--color-rule-medium);
}
.site-navigation a::after,
.site-b2b-navigation a::after,
.magnna-header-link::after{
width:0;
transition:width 250ms var(--easing-standard);
}
.site-navigation a:hover::after,
.site-b2b-navigation a:hover::after,
.magnna-header-link:hover::after,
.site-navigation .current-menu-item > a::after,
.site-navigation .current-menu-ancestor > a::after,
.site-b2b-navigation .current-menu-item > a::after{
width:100%;
}
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a,
.site-b2b-navigation .current-menu-item > a{
color:var(--color-brand-primary);
}
.magnna-loader-dots,
.magnna-loader-overlay .magnna-loader-dots,
.woocommerce .blockUI.blockOverlay::before,
.woocommerce .blockUI.blockOverlay::after{
pointer-events:none;
}
.magnna-loader-dots{
display:inline-flex;
gap:8px;
align-items:center;
}
.magnna-loader-dots span{
width:8px;
height:8px;
display:block;
background:var(--color-brand-primary);
animation:magnna-pulse-dot 1.4s var(--easing-standard) infinite;
}
.magnna-loader-dots span:nth-child(2){animation-delay:.2s;}
.magnna-loader-dots span:nth-child(3){animation-delay:.4s;}
@keyframes magnna-pulse-dot{
0%,100%{opacity:.3;transform:scale(.92)}
50%{opacity:1;transform:scale(1.04)}
}
.magnna-loader-overlay{
position:fixed;
inset:0;
z-index:99999;
display:none;
place-items:center;
background:rgba(240,242,245,.72);
backdrop-filter:blur(4px);
-webkit-backdrop-filter:blur(4px);
}
body.magnna-is-loading .magnna-loader-overlay{display:grid;}
.woocommerce .blockUI.blockOverlay{
background:rgba(240,242,245,.66)!important;
opacity:1!important;
}
.woocommerce .blockUI.blockOverlay::before{
content:""!important;
position:absolute!important;
top:50%!important;
left:50%!important;
width:8px!important;
height:8px!important;
margin:-4px 0 0 -4px!important;
border:0!important;
border-radius:0!important;
background:var(--color-brand-primary)!important;
box-shadow:-16px 0 0 var(--color-brand-primary),16px 0 0 var(--color-brand-primary)!important;
animation:magnna-pulse-dot 1.4s var(--easing-standard) infinite!important;
}
.products .magnna-product-card,
.magnna-product-card{
max-width:340px;
width:100%;
transition:border-color 250ms var(--easing-standard),transform 250ms var(--easing-standard),box-shadow 250ms var(--easing-standard);
}
.products{align-items:stretch;}
.magnna-product-card::before{
width:40px;
transition:width 250ms var(--easing-standard);
}
.magnna-product-card:hover{
border-color:var(--color-brand-primary)!important;
transform:translateY(-3px);
}
.magnna-product-card:hover::before{width:100%;}
.magnna-product-card .magnna-product-image{
aspect-ratio:1/1;
position:relative;
}
.magnna-product-card .magnna-product-badges{
position:absolute;
top:12px;
right:12px;
z-index:3;
}
.magnna-product-card .magnna-house-tag,
.magnna-product-card .woocommerce-LoopProduct-link > .magnna-house-tag{
position:absolute!important;
left:12px!important;
right:auto!important;
bottom:12px!important;
top:auto!important;
z-index:3!important;
display:inline-flex!important;
max-width:calc(100% - 24px);
}
.magnna-product-card .magnna-product-info{flex:1 1 auto;}
.magnna-product-card .magnna-product-meta{
margin-top:auto;
}
.magnna-filter-bar{
background:var(--color-brand-deep)!important;
color:var(--color-neutral-paper);
padding:18px 30px;
display:flex;
gap:12px;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
}
.magnna-filter-pill{
border:1px solid rgba(240,242,245,.32)!important;
background:transparent!important;
color:rgba(240,242,245,.86)!important;
transition:border-color 150ms var(--easing-standard),color 150ms var(--easing-standard),background 150ms var(--easing-standard);
}
.magnna-filter-pill:hover{
border-color:var(--color-neutral-paper)!important;
color:var(--color-neutral-paper)!important;
}
.magnna-filter-pill.active,
.magnna-filter-pill[aria-current="true"]{
background:var(--color-neutral-paper)!important;
border-color:var(--color-neutral-paper)!important;
color:var(--color-brand-deep)!important;
}
.magnna-filter-bar__count{
color:rgba(240,242,245,.55)!important;
}
.magnna-checkout-review{
background:var(--color-brand-deep)!important;
color:var(--color-neutral-paper)!important;
padding:30px 36px!important;
}
.magnna-checkout-review h3{
color:rgba(240,242,245,.55)!important;
font-family:var(--font-mono);
font-size:10px;
letter-spacing:var(--tracking-wider);
text-transform:uppercase;
margin:0 0 18px;
}
.magnna-order-review-summary__meta{
margin:0 0 8px;
font-family:var(--font-mono);
font-size:10px;
letter-spacing:var(--tracking-wider);
text-transform:uppercase;
color:rgba(240,242,245,.55);
font-weight:var(--weight-medium);
}
.magnna-order-review-summary__total .order-total,
.magnna-order-review-summary__total strong,
.magnna-order-review-summary__total .woocommerce-Price-amount,
.magnna-order-review-summary__total{
color:var(--color-neutral-paper)!important;
font-family:var(--font-display);
font-size:clamp(38px,5vw,54px);
line-height:1;
letter-spacing:var(--tracking-tight);
font-weight:var(--weight-medium);
}
.magnna-order-review-summary__total th{display:none!important;}
.magnna-order-review-summary__total td{border:0!important;padding:0!important;display:block!important;}
.magnna-order-review-summary__note{
margin:14px 0 0;
color:rgba(240,242,245,.66);
font-size:12px;
letter-spacing:.04em;
}
.magnna-order-review-lines{
margin:24px 0;
border-top:1px solid rgba(240,242,245,.16);
}
.magnna-order-review-line{
display:flex;
justify-content:space-between;
gap:18px;
padding:12px 0;
border-bottom:1px solid rgba(240,242,245,.12);
color:rgba(240,242,245,.72);
font-size:12px;
}
.magnna-order-review-line strong{color:var(--color-neutral-paper);white-space:nowrap;}
.magnna-checkout-review .woocommerce-checkout-payment,
.magnna-checkout-review #payment{
background:transparent!important;
color:var(--color-neutral-paper)!important;
border:0!important;
padding:0!important;
}
.magnna-checkout-review #payment ul.payment_methods{
border:0!important;
padding:0!important;
color:rgba(240,242,245,.72)!important;
}
.magnna-checkout-review #payment .place-order{padding:0!important;margin:22px 0 0!important;}
.magnna-checkout-review #place_order{
width:100%;
min-height:50px;
background:var(--color-neutral-paper)!important;
color:var(--color-brand-deep)!important;
border-color:var(--color-neutral-paper)!important;
}
.magnna-checkout-review #place_order:hover{
background:var(--color-neutral-bright)!important;
color:var(--color-brand-primary)!important;
}
.magnna-pdp-gallery{position:relative;overflow:hidden;}
.woocommerce-product-gallery{position:relative;}
.woocommerce-product-gallery__wrapper{margin:0!important;}
.woocommerce-product-gallery .flex-direction-nav{
position:absolute;
inset:0;
margin:0;
padding:0;
list-style:none;
pointer-events:none;
}
.woocommerce-product-gallery .flex-direction-nav a{
position:absolute;
top:50%;
transform:translateY(-50%);
width:42px;
height:42px;
display:grid;
place-items:center;
background:rgba(240,242,245,.92);
border:1px solid var(--color-rule-medium);
color:var(--color-brand-primary);
text-indent:-9999px;
overflow:hidden;
pointer-events:auto;
}
.woocommerce-product-gallery .flex-direction-nav a::before{
text-indent:0;
font-family:var(--font-mono);
font-size:16px;
line-height:1;
}
.woocommerce-product-gallery .flex-direction-nav .flex-prev{left:16px;}
.woocommerce-product-gallery .flex-direction-nav .flex-next{right:16px;}
.woocommerce-product-gallery .flex-direction-nav .flex-prev::before{content:'←';}
.woocommerce-product-gallery .flex-direction-nav .flex-next::before{content:'→';}
.woocommerce-product-gallery .flex-control-nav{
position:absolute;
left:16px;
bottom:16px;
z-index:4;
display:flex;
gap:8px;
margin:0!important;
padding:0!important;
list-style:none;
}
.woocommerce-product-gallery .flex-control-nav li{margin:0!important;}
.woocommerce-product-gallery .flex-control-nav a,
.woocommerce-product-gallery .flex-control-nav img{
width:8px!important;
height:8px!important;
display:block!important;
border-radius:0!important;
background:rgba(31,78,111,.26)!important;
opacity:1!important;
overflow:hidden;
text-indent:-9999px;
object-fit:cover;
border:0!important;
}
.woocommerce-product-gallery .flex-control-nav .flex-active,
.woocommerce-product-gallery .flex-control-nav img.flex-active{
background:var(--color-brand-primary)!important;
opacity:1!important;
}
/* v1.3.9 · Header strictly aligned to Brand Bible reference */
.site-header{
position:sticky;
top:0;
z-index:var(--z-nav);
background:rgba(240,242,245,.92)!important;
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
border-bottom:1px solid var(--color-rule-medium);
}
.site-header__inner{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:34px!important;
min-height:76px;
}
.magnna-logo{
flex:0 0 auto;
}
.site-navigation{
flex:1 1 auto!important;
margin-left:0!important;
margin-right:0!important;
}
.site-navigation .magnna-primary-menu,
.site-navigation>ul.menu{
justify-content:flex-start!important;
gap:30px!important;
}
.site-header__actions{
margin-left:auto!important;
flex:0 0 auto;
display:flex;
align-items:center;
gap:18px;
}
.magnna-header-link{
display:inline-flex!important;
align-items:center;
justify-content:center;
min-height:38px;
padding:10px 16px;
border:1px solid var(--color-brand-primary);
color:var(--color-brand-primary)!important;
background:transparent;
line-height:1;
}
.magnna-header-link::after{
display:none!important;
}
.magnna-header-link:hover{
background:var(--color-brand-primary);
color:var(--color-neutral-paper)!important;
}
.site-navigation .current-menu-item>a::after,
.site-navigation .current_page_item>a::after,
.site-navigation .current-menu-ancestor>a::after{
width:100%;
}
/* v1.3.9 · Cart line price/currency and remove action */
.magnna-cart-price,
.magnna-cart-total{
text-align:right;
white-space:nowrap;
}
.magnna-cart-price .magnna-cart-price-label{
display:block;
margin-bottom:4px;
font-family:var(--font-mono);
font-size:var(--size-micro);
letter-spacing:var(--tracking-wide);
text-transform:uppercase;
color:var(--color-text-muted);
}
.magnna-cart-price span:not(.magnna-cart-price-label),
.magnna-cart-total span,
.magnna-cart-price bdi,
.magnna-cart-total bdi,
.magnna-cart-price .woocommerce-Price-currencySymbol,
.magnna-cart-total .woocommerce-Price-currencySymbol{
display:inline!important;
}
.magnna-cart-price .woocommerce-Price-amount,
.magnna-cart-total .woocommerce-Price-amount{
display:inline-flex!important;
align-items:baseline;
gap:0;
white-space:nowrap;
font-family:var(--font-display);
font-size:20px;
color:var(--color-brand-deep);
letter-spacing:var(--tracking-snug);
}
.magnna-cart-remove .remove{
display:inline-flex!important;
align-items:center;
justify-content:center;
width:34px;
height:34px;
border:1px solid var(--color-rule-medium)!important;
background:transparent!important;
color:var(--color-brand-primary)!important;
font-family:var(--font-mono)!important;
font-size:20px!important;
font-weight:var(--weight-regular)!important;
text-decoration:none!important;
line-height:1!important;
transition:all var(--duration-default) var(--easing-standard);
}
.magnna-cart-remove .remove:hover,
.magnna-cart-remove .remove:focus{
border-color:var(--color-brand-primary)!important;
background:var(--color-brand-primary)!important;
color:var(--color-neutral-paper)!important;
}
@media(max-width:1180px){
.site-navigation{
flex:none!important;
}
.site-header__actions{
margin-left:auto!important;
}
}
/* v1.3.11: product cards without House badge and product sheet without assigned manager card. */
.magnna-product-card .magnna-house-tag{display:none!important;}
.single-product .magnna-manager-card{display:none!important;}
/* v1.3.12 · PDP gallery dots: Brand Ink active, Cool Inset inactive, no thumbnails */
.woocommerce-product-gallery .flex-control-nav{
left:16px!important;
bottom:16px!important;
gap:8px!important;
}
.woocommerce-product-gallery .flex-control-nav li{
width:8px!important;
height:8px!important;
margin:0!important;
position:relative!important;
display:block!important;
}
.woocommerce-product-gallery .flex-control-nav li::before{
content:"";
position:absolute;
inset:0;
width:8px;
height:8px;
background:var(--color-neutral-cool, #E7EAEF);
border:0;
border-radius:0;
z-index:1;
transition:background var(--duration-default, 250ms) var(--easing-standard, cubic-bezier(0.4,0,0.2,1)), opacity var(--duration-default, 250ms) var(--easing-standard, cubic-bezier(0.4,0,0.2,1));
}
.woocommerce-product-gallery .flex-control-nav li.magnna-dot-active::before,
.woocommerce-product-gallery .flex-control-nav li:has(.flex-active)::before{
background:var(--color-brand-ink, #163A53);
}
.woocommerce-product-gallery .flex-control-nav a,
.woocommerce-product-gallery .flex-control-nav img{
width:8px!important;
height:8px!important;
display:block!important;
opacity:0!important;
visibility:visible!important;
border:0!important;
padding:0!important;
margin:0!important;
background:transparent!important;
object-fit:cover!important;
position:relative!important;
z-index:2!important;
cursor:pointer!important;
}
/* v1.3.13 · PDP gallery dots strict: no thumbnail rendering, only Brand Ink active + Cool Inset inactive */
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs,
.woocommerce-product-gallery .flex-control-nav{
position:absolute!important;
left:16px!important;
bottom:16px!important;
z-index:5!important;
display:flex!important;
gap:8px!important;
margin:0!important;
padding:0!important;
list-style:none!important;
}
.woocommerce-product-gallery .flex-control-nav li{
width:8px!important;
height:8px!important;
min-width:8px!important;
min-height:8px!important;
max-width:8px!important;
max-height:8px!important;
margin:0!important;
padding:0!important;
position:relative!important;
display:block!important;
overflow:hidden!important;
cursor:pointer!important;
background:transparent!important;
border:0!important;
font-size:0!important;
line-height:0!important;
}
.woocommerce-product-gallery .flex-control-nav li::before{
content:""!important;
position:absolute!important;
inset:0!important;
width:8px!important;
height:8px!important;
display:block!important;
background:var(--color-neutral-cool, #E7EAEF)!important;
border:0!important;
border-radius:0!important;
opacity:1!important;
z-index:2!important;
pointer-events:none!important;
}
.woocommerce-product-gallery .flex-control-nav li.magnna-dot-active::before,
.woocommerce-product-gallery .flex-control-nav li:has(.flex-active)::before{
background:var(--color-brand-ink, #163A53)!important;
}
.woocommerce-product-gallery .flex-control-nav a,
.woocommerce-product-gallery .flex-control-nav img{
width:8px!important;
height:8px!important;
min-width:8px!important;
min-height:8px!important;
max-width:8px!important;
max-height:8px!important;
display:block!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
border:0!important;
padding:0!important;
margin:0!important;
background:transparent!important;
box-shadow:none!important;
outline:0!important;
object-fit:cover!important;
transform:none!important;
filter:none!important;
}
/* Magnna v1.3.14 · Brands directory */
.magnna-page-brands{background:var(--color-neutral-paper)}
.magnna-brands-hero{padding:86px 0 58px;border-bottom:1px solid var(--color-rule-medium)}
.magnna-brands-hero__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:56px;align-items:stretch}
.magnna-brands-hero h1{font-family:var(--font-display);font-size:clamp(52px,7vw,104px);font-weight:var(--weight-regular);line-height:.92;letter-spacing:var(--tracking-tight);color:var(--color-brand-deep);margin:0 0 24px;max-width:9ch}
.magnna-brands-hero__panel{min-height:260px;border:1px solid var(--color-rule-strong);display:flex;align-items:flex-end;padding:30px;background-color:var(--color-neutral-cool)}
.magnna-brands-hero__panel span{font-family:var(--font-display);font-size:clamp(34px,4vw,52px);line-height:1;letter-spacing:var(--tracking-snug);color:var(--color-brand-deep);max-width:8ch}
.magnna-brands-section{padding-top:56px}
.magnna-brands-toolbar{background:var(--color-brand-deep);color:var(--color-neutral-paper);padding:18px 30px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(240,242,245,.14)}
.magnna-brands-toolbar__label{font-family:var(--font-mono);font-size:var(--size-micro);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:rgba(240,242,245,.82);font-weight:var(--weight-medium)}
.magnna-brands-toolbar__count{font-family:var(--font-mono);font-size:var(--size-micro);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:rgba(240,242,245,.58)}
.magnna-brands-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.magnna-brand-card{background:var(--color-neutral-bright);border:1px solid var(--color-rule-medium);color:inherit;text-decoration:none;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:340px;transition:border-color var(--duration-medium) var(--easing-standard),transform var(--duration-medium) var(--easing-standard),box-shadow var(--duration-medium) var(--easing-standard)}
.magnna-brand-card:hover{border-color:var(--color-brand-primary);transform:translateY(-3px);box-shadow:0 8px 24px rgba(22,58,83,.08)}
.magnna-brand-card__rule{position:absolute;top:0;left:0;width:40px;height:2px;background:var(--color-brand-primary);z-index:2;transition:width var(--duration-medium) var(--easing-standard)}
.magnna-brand-card:hover .magnna-brand-card__rule{width:100%}
.magnna-brand-card__media{aspect-ratio:1/1;background:var(--color-neutral-cool);display:flex;align-items:center;justify-content:center;padding:34px;position:relative;overflow:hidden}
.magnna-brand-card__image{width:100%;height:100%;object-fit:contain;display:block;filter:saturate(.95)}
.magnna-brand-card__monogram{width:84px;height:84px;display:grid;place-items:center;background:var(--color-brand-primary);color:var(--color-neutral-paper);font-family:var(--font-display);font-size:28px;font-weight:var(--weight-medium);letter-spacing:var(--tracking-snug)}
.magnna-brand-card__body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.magnna-brand-card__label{font-family:var(--font-mono);font-size:var(--size-micro);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-brand-primary);font-weight:var(--weight-medium)}
.magnna-brand-card h2{font-family:var(--font-display);font-size:22px;line-height:1.12;font-weight:var(--weight-medium);letter-spacing:var(--tracking-snug);color:var(--color-brand-deep);margin:0}
.magnna-brand-card p{font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--color-text-soft);margin:0}
.magnna-brand-card__meta{margin-top:auto;padding-top:14px;border-top:1px solid var(--color-rule);font-family:var(--font-mono);font-size:var(--size-micro);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted)}
.magnna-empty-state{background:var(--color-neutral-bright);border:1px solid var(--color-rule-medium);padding:34px;max-width:720px}
.magnna-empty-state strong{display:block;font-family:var(--font-display);font-size:26px;line-height:1.1;color:var(--color-brand-deep);margin-bottom:10px}
.magnna-empty-state p{margin:0;color:var(--color-text-soft)}
@media (max-width:1180px){.magnna-brands-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.magnna-brands-hero__grid{grid-template-columns:1fr}.magnna-brands-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.magnna-brands-hero{padding:58px 0 40px}.magnna-brands-toolbar{align-items:flex-start;flex-direction:column}.magnna-brands-grid{grid-template-columns:1fr}.magnna-brand-card{min-height:auto}}
/* v1.3.19 · Guest product cards: separator only, no restricted price copy */
body:not(.logged-in) .magnna-product-card .magnna-product-meta,
body:not(.logged-in) ul.products li.product .magnna-product-meta {
min-height: 0;
padding-top: 14px;
margin-top: 6px;
border-top: 1px solid var(--rule, rgba(22, 58, 83, 0.10));
display: block;
}
body:not(.logged-in) .magnna-product-card .magnna-product-price--restricted,
body:not(.logged-in) .magnna-product-card .magnna-product-moq,
body:not(.logged-in) ul.products li.product .magnna-product-price--restricted,
body:not(.logged-in) ul.products li.product .magnna-product-moq {
display: none !important;
}
/* v1.3.21 · Guest product cards without CTA/price: compact, no empty footer space */
body:not(.logged-in) ul.products,
body:not(.logged-in) .woocommerce ul.products{
align-items:start!important;
}
body:not(.logged-in) .magnna-product-card,
body:not(.logged-in) ul.products li.product.magnna-product-card,
body:not(.logged-in) .related.products .magnna-product-card,
body:not(.logged-in) .upsells.products .magnna-product-card,
body:not(.logged-in) .cross-sells.products .magnna-product-card,
.magnna-product-card--guest{
min-height:0!important;
height:auto!important;
align-self:start!important;
}
body:not(.logged-in) .magnna-product-card .magnna-product-info,
body:not(.logged-in) .related.products .magnna-product-info,
body:not(.logged-in) .upsells.products .magnna-product-info,
body:not(.logged-in) .cross-sells.products .magnna-product-info,
.magnna-product-card--guest .magnna-product-info{
flex:0 0 auto!important;
min-height:0!important;
display:flex!important;
flex-direction:column!important;
padding-bottom:28px!important;
}
body:not(.logged-in) .magnna-product-card .woocommerce-loop-product__title,
.magnna-product-card--guest .woocommerce-loop-product__title{
min-height:0!important;
}
body:not(.logged-in) .magnna-product-card .magnna-product-meta,
body:not(.logged-in) ul.products li.product .magnna-product-meta,
.magnna-product-card--guest .magnna-product-meta{
flex:0 0 auto!important;
margin-top:18px!important;
padding-top:18px!important;
min-height:0!important;
height:auto!important;
border-top:1px solid var(--color-rule, rgba(22,58,83,.10));
}
body:not(.logged-in) .magnna-product-card .magnna-product-actions,
body:not(.logged-in) .magnna-product-card .add_to_cart_button,
.magnna-product-card--guest .magnna-product-actions,
.magnna-product-card--guest .add_to_cart_button{
display:none!important;
}
/* v1.3.22 · Guest product cards: no separator, equal visual height */
body:not(.logged-in) ul.products,
body:not(.logged-in) .woocommerce ul.products{
align-items:stretch!important;
}
body:not(.logged-in) .magnna-product-card,
body:not(.logged-in) ul.products li.product.magnna-product-card,
body:not(.logged-in) .related.products .magnna-product-card,
body:not(.logged-in) .upsells.products .magnna-product-card,
body:not(.logged-in) .cross-sells.products .magnna-product-card,
.magnna-product-card--guest{
height:100%!important;
min-height:430px!important;
align-self:stretch!important;
}
body:not(.logged-in) .magnna-product-card .magnna-product-info,
body:not(.logged-in) .related.products .magnna-product-info,
body:not(.logged-in) .upsells.products .magnna-product-info,
body:not(.logged-in) .cross-sells.products .magnna-product-info,
.magnna-product-card--guest .magnna-product-info{
flex:1 1 auto!important;
min-height:210px!important;
display:flex!important;
flex-direction:column!important;
padding-bottom:28px!important;
}
body:not(.logged-in) .magnna-product-card .magnna-product-brand,
.magnna-product-card--guest .magnna-product-brand{
min-height:1.35em!important;
}
body:not(.logged-in) .magnna-product-card .woocommerce-loop-product__title,
.magnna-product-card--guest .woocommerce-loop-product__title{
min-height:calc(1.18em * 3)!important;
max-height:calc(1.18em * 3)!important;
overflow:hidden!important;
display:-webkit-box!important;
-webkit-line-clamp:3!important;
-webkit-box-orient:vertical!important;
}
body:not(.logged-in) .magnna-product-card .magnna-product-sku,
.magnna-product-card--guest .magnna-product-sku{
min-height:1.35em!important;
margin-top:10px!important;
}
body:not(.logged-in) .magnna-product-card .magnna-product-meta,
body:not(.logged-in) ul.products li.product .magnna-product-meta,
.magnna-product-card--guest .magnna-product-meta{
display:none!important;
border-top:0!important;
margin:0!important;
padding:0!important;
min-height:0!important;
height:0!important;
}
@media(max-width:1100px){
body:not(.logged-in) .magnna-product-card,
body:not(.logged-in) ul.products li.product.magnna-product-card{
min-height:410px!important;
}
}
@media(max-width:768px){
body:not(.logged-in) .magnna-product-card,
body:not(.logged-in) ul.products li.product.magnna-product-card{
min-height:auto!important;
}
}
/* v1.3.23 · Product image compatibility/fallback */
.magnna-product-card .magnna-product-image picture,
.magnna-product-card .magnna-product-image a{
display:flex;
width:100%;
height:100%;
align-items:center;
justify-content:center;
}
.magnna-product-card .magnna-product-image .magnna-product-img,
.magnna-product-card .magnna-product-image img.wp-post-image{
display:block!important;
width:100%!important;
height:100%!important;
max-width:none!important;
object-fit:contain!important;
padding:24px!important;
}
.magnna-product-img--fallback{
object-fit:cover!important;
padding:0!important;
}
/* v1.3.27 · Header minicart */
.site-header__actions{
overflow:visible!important;
}
.site-header,
.site-header__inner{
overflow:visible!important;
}
.magnna-cart-wrap{
position:relative;
display:inline-flex;
align-items:center;
z-index:1200;
}
.magnna-cart-link{
display:inline-flex!important;
align-items:center;
gap:8px;
white-space:nowrap;
}
.magnna-cart-count{
min-width:22px;
height:22px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:0 6px;
border:1px solid var(--brand-rule-medium, rgba(22,58,83,.2));
background:var(--brand-paper-cool, #E7EAEF);
color:var(--brand-ink-darker, #0E2A3D);
font-size:10px;
line-height:1;
}
.magnna-mini-cart{
position:absolute;
top:calc(100% + 16px);
right:0;
width:min(390px, calc(100vw - 32px));
background:var(--brand-paper-bright, #FCFCFD);
border:1px solid var(--brand-rule-medium, rgba(22,58,83,.2));
box-shadow:0 24px 60px rgba(14,42,61,.16);
color:var(--brand-ink-deep, #163A53);
opacity:0;
visibility:hidden;
transform:translateY(8px);
pointer-events:none;
transition:opacity 250ms cubic-bezier(.4,0,.2,1), transform 250ms cubic-bezier(.4,0,.2,1), visibility 250ms cubic-bezier(.4,0,.2,1);
z-index:9999;
}
.magnna-cart-wrap:hover .magnna-mini-cart,
.magnna-cart-wrap:focus-within .magnna-mini-cart,
.magnna-cart-wrap.is-open .magnna-mini-cart{
opacity:1;
visibility:visible;
transform:translateY(0);
pointer-events:auto;
}
.magnna-mini-cart::before{
content:'';
position:absolute;
top:-18px;
right:0;
width:100%;
height:18px;
}
.magnna-mini-cart__head{
display:flex;
justify-content:space-between;
align-items:center;
gap:16px;
padding:18px 22px;
background:var(--brand-ink-darker, #0E2A3D);
color:var(--brand-paper, #F0F2F5);
font-family:var(--brand-mono, 'JetBrains Mono', monospace);
font-size:10px;
letter-spacing:.22em;
text-transform:uppercase;
}
.magnna-mini-cart__head strong{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:24px;
height:24px;
padding:0 7px;
background:var(--brand-paper, #F0F2F5);
color:var(--brand-ink-darker, #0E2A3D);
font-size:11px;
}
.magnna-mini-cart__body{
max-height:370px;
overflow:auto;
}
.magnna-mini-cart .woocommerce-mini-cart{
list-style:none!important;
margin:0!important;
padding:0!important;
}
.magnna-mini-cart .woocommerce-mini-cart-item,
.magnna-mini-cart li.woocommerce-mini-cart-item{
display:grid!important;
grid-template-columns:64px 1fr auto;
gap:14px;
align-items:center;
padding:16px 20px!important;
border-bottom:1px solid var(--brand-rule, rgba(22,58,83,.1));
position:relative;
}
.magnna-mini-cart .woocommerce-mini-cart-item a:not(.remove){
display:grid;
grid-template-columns:64px 1fr;
gap:14px;
align-items:center;
grid-column:1 / 3;
color:var(--brand-ink-darker, #0E2A3D)!important;
text-decoration:none!important;
font-family:var(--brand-display, 'Space Grotesk', sans-serif);
font-size:14px;
font-weight:500;
letter-spacing:-.01em;
line-height:1.25;
}
.magnna-mini-cart .woocommerce-mini-cart-item img{
width:64px!important;
height:64px!important;
object-fit:contain!important;
background:var(--brand-paper-cool, #E7EAEF);
margin:0!important;
padding:6px!important;
float:none!important;
}
.magnna-mini-cart .quantity{
grid-column:2 / 3;
margin-top:-18px;
color:var(--brand-ink-mute, rgba(22,58,83,.55));
font-family:var(--brand-mono, 'JetBrains Mono', monospace);
font-size:11px;
}
.magnna-mini-cart a.remove,
.magnna-mini-cart .remove_from_cart_button{
grid-column:3 / 4;
grid-row:1 / 3;
display:inline-flex!important;
align-items:center;
justify-content:center;
width:28px!important;
height:28px!important;
border:1px solid var(--brand-rule-medium, rgba(22,58,83,.2));
color:var(--brand-ink, #1F4E6F)!important;
background:transparent!important;
font-size:18px!important;
line-height:1!important;
text-decoration:none!important;
transition:all 150ms cubic-bezier(.4,0,.2,1);
}
.magnna-mini-cart a.remove:hover,
.magnna-mini-cart .remove_from_cart_button:hover{
background:var(--brand-ink, #1F4E6F)!important;
border-color:var(--brand-ink, #1F4E6F)!important;
color:var(--brand-paper, #F0F2F5)!important;
}
.magnna-mini-cart .woocommerce-mini-cart__total,
.magnna-mini-cart .woocommerce-mini-cart__buttons{
display:none!important;
}
.magnna-mini-cart__empty{
margin:0;
padding:28px 22px;
font-family:var(--brand-mono, 'JetBrains Mono', monospace);
font-size:12px;
color:var(--brand-ink-mute, rgba(22,58,83,.55));
}
.magnna-mini-cart__foot{
padding:18px 22px 22px;
border-top:1px solid var(--brand-rule-medium, rgba(22,58,83,.2));
background:var(--brand-paper, #F0F2F5);
}
.magnna-mini-cart__subtotal{
display:flex;
justify-content:space-between;
align-items:baseline;
gap:20px;
margin-bottom:16px;
font-family:var(--brand-mono, 'JetBrains Mono', monospace);
font-size:10px;
letter-spacing:.18em;
text-transform:uppercase;
color:var(--brand-ink-mute, rgba(22,58,83,.55));
}
.magnna-mini-cart__subtotal strong{
font-family:var(--brand-display, 'Space Grotesk', sans-serif);
font-size:24px;
letter-spacing:-.02em;
text-transform:none;
color:var(--brand-ink-darker, #0E2A3D);
}
.magnna-mini-cart__cta{
width:100%;
justify-content:center;
text-align:center;
}
@media(max-width:900px){
.magnna-mini-cart{display:none!important;}
}
/* v1.3.28 · Minicart thumbnails compactos */
.magnna-mini-cart .woocommerce-mini-cart-item img,
.magnna-mini-cart li.woocommerce-mini-cart-item img,
.magnna-mini-cart .mini_cart_item img,
.magnna-mini-cart img.attachment-woocommerce_thumbnail,
.magnna-mini-cart img.woocommerce-placeholder{
width:72px!important;
height:72px!important;
max-width:100px!important;
max-height:100px!important;
min-width:0!important;
object-fit:contain!important;
object-position:center!important;
float:none!important;
display:block!important;
margin:0!important;
padding:6px!important;
background:var(--brand-paper-cool, #E7EAEF)!important;
border:1px solid var(--brand-rule, rgba(22,58,83,.10));
box-sizing:border-box!important;
}
.magnna-mini-cart .woocommerce-mini-cart-item,
.magnna-mini-cart li.woocommerce-mini-cart-item,
.magnna-mini-cart .mini_cart_item{
grid-template-columns:72px 1fr auto!important;
}
.magnna-mini-cart .woocommerce-mini-cart-item a:not(.remove),
.magnna-mini-cart li.woocommerce-mini-cart-item a:not(.remove),
.magnna-mini-cart .mini_cart_item a:not(.remove){
grid-template-columns:72px 1fr!important;
}
@media (max-width:480px){
.magnna-mini-cart .woocommerce-mini-cart-item img,
.magnna-mini-cart li.woocommerce-mini-cart-item img,
.magnna-mini-cart .mini_cart_item img{
width:56px!important;
height:56px!important;
}
.magnna-mini-cart .woocommerce-mini-cart-item,
.magnna-mini-cart li.woocommerce-mini-cart-item,
.magnna-mini-cart .mini_cart_item{
grid-template-columns:56px 1fr auto!important;
}
.magnna-mini-cart .woocommerce-mini-cart-item a:not(.remove),
.magnna-mini-cart li.woocommerce-mini-cart-item a:not(.remove),
.magnna-mini-cart .mini_cart_item a:not(.remove){
grid-template-columns:56px 1fr!important;
}
}
/* v1.3.29 · Minicart compacto en lista Magnna */
.magnna-mini-cart{
width:min(430px, calc(100vw - 32px));
overflow:hidden;
}
.magnna-mini-cart__body{
max-height:520px;
overflow-y:auto;
overflow-x:hidden;
background:var(--brand-paper-bright, #FCFCFD);
scrollbar-color:rgba(14,42,61,.36) transparent;
scrollbar-width:thin;
}
.magnna-mini-cart__body::-webkit-scrollbar{width:6px;}
.magnna-mini-cart__body::-webkit-scrollbar-track{background:transparent;}
.magnna-mini-cart__body::-webkit-scrollbar-thumb{background:rgba(14,42,61,.36);}
.magnna-mini-cart-list,
.magnna-mini-cart .magnna-mini-cart-list{
list-style:none!important;
margin:0!important;
padding:0!important;
}
.magnna-mini-cart-list__item,
.magnna-mini-cart .magnna-mini-cart-list__item,
.magnna-mini-cart li.magnna-mini-cart-list__item{
display:grid!important;
grid-template-columns:76px minmax(0,1fr) auto!important;
gap:14px!important;
align-items:center!important;
padding:16px 20px!important;
min-height:106px!important;
border-bottom:1px solid var(--brand-rule, rgba(22,58,83,.10));
background:var(--brand-paper-bright, #FCFCFD);
position:relative;
}
.magnna-mini-cart-list__thumb,
.magnna-mini-cart-list__thumb a{
display:block!important;
width:76px!important;
height:76px!important;
max-width:100px!important;
max-height:100px!important;
}
.magnna-mini-cart-list__thumb img,
.magnna-mini-cart .magnna-mini-cart-list__thumb img,
.magnna-mini-cart-list__img{
width:76px!important;
height:76px!important;
max-width:100px!important;
max-height:100px!important;
object-fit:contain!important;
object-position:center!important;
float:none!important;
display:block!important;
margin:0!important;
padding:8px!important;
background:var(--brand-paper-cool, #E7EAEF)!important;
border:1px solid var(--brand-rule, rgba(22,58,83,.10));
box-sizing:border-box!important;
}
.magnna-mini-cart-list__content{
min-width:0;
display:flex;
flex-direction:column;
gap:8px;
}
.magnna-mini-cart-list__title,
.magnna-mini-cart .magnna-mini-cart-list__title,
.magnna-mini-cart .magnna-mini-cart-list__title:visited{
display:-webkit-box!important;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
color:var(--brand-ink-darker, #0E2A3D)!important;
text-decoration:none!important;
font-family:var(--brand-display, 'Space Grotesk', sans-serif)!important;
font-size:14px!important;
font-weight:600!important;
line-height:1.2!important;
letter-spacing:.01em!important;
text-transform:uppercase!important;
}
.magnna-mini-cart-list__title:hover{color:var(--brand-ink, #1F4E6F)!important;}
.magnna-mini-cart-list__meta,
.magnna-mini-cart .magnna-mini-cart-list__meta{
display:block!important;
color:var(--brand-ink-mute, rgba(22,58,83,.55))!important;
font-family:var(--brand-mono, 'JetBrains Mono', monospace)!important;
font-size:11px!important;
line-height:1.3!important;
letter-spacing:.04em!important;
white-space:nowrap;
}
.magnna-mini-cart-list__side{
display:grid;
grid-template-rows:auto 1fr;
align-self:stretch;
justify-items:end;
align-items:start;
min-width:82px;
}
.magnna-mini-cart-list__remove,
.magnna-mini-cart a.magnna-mini-cart-list__remove,
.magnna-mini-cart .magnna-mini-cart-list__remove.remove{
grid-row:1;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:26px!important;
height:26px!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
color:var(--brand-ink-mute, rgba(22,58,83,.55))!important;
font-family:var(--brand-mono, 'JetBrains Mono', monospace)!important;
font-size:24px!important;
font-weight:300!important;
line-height:1!important;
text-decoration:none!important;
transition:color 150ms cubic-bezier(.4,0,.2,1), transform 150ms cubic-bezier(.4,0,.2,1)!important;
}
.magnna-mini-cart-list__remove:hover,
.magnna-mini-cart a.magnna-mini-cart-list__remove:hover{
color:var(--brand-ink, #1F4E6F)!important;
background:transparent!important;
transform:scale(1.08);
}
.magnna-mini-cart-list__total,
.magnna-mini-cart .magnna-mini-cart-list__total{
grid-row:2;
align-self:end;
display:block!important;
color:var(--brand-ink-darker, #0E2A3D)!important;
font-family:var(--brand-display, 'Space Grotesk', sans-serif)!important;
font-size:18px!important;
font-weight:600!important;
line-height:1!important;
letter-spacing:-.01em!important;
white-space:nowrap!important;
}
.magnna-mini-cart__foot{
background:var(--brand-paper, #F0F2F5)!important;
padding:20px 22px 22px!important;
}
.magnna-mini-cart__subtotal{
margin-bottom:18px!important;
}
.magnna-mini-cart__cta{
min-height:46px;
display:flex!important;
align-items:center;
justify-content:center;
background:var(--brand-ink, #1F4E6F)!important;
color:var(--brand-paper, #F0F2F5)!important;
border-color:var(--brand-ink, #1F4E6F)!important;
}
.magnna-mini-cart__cta:hover{
background:var(--brand-ink-darker, #0E2A3D)!important;
border-color:var(--brand-ink-darker, #0E2A3D)!important;
}
@media(max-width:480px){
.magnna-mini-cart-list__item,
.magnna-mini-cart .magnna-mini-cart-list__item,
.magnna-mini-cart li.magnna-mini-cart-list__item{
grid-template-columns:64px minmax(0,1fr) auto!important;
gap:12px!important;
padding:14px 16px!important;
}
.magnna-mini-cart-list__thumb,
.magnna-mini-cart-list__thumb a,
.magnna-mini-cart-list__thumb img,
.magnna-mini-cart .magnna-mini-cart-list__thumb img,
.magnna-mini-cart-list__img{
width:64px!important;
height:64px!important;
}
.magnna-mini-cart-list__title{font-size:13px!important;}
.magnna-mini-cart-list__total{font-size:16px!important;}
}
/* v1.3.30 · Minicart visual exacto: lista compacta propia, sin markup widget heredado */
.site-header .magnna-cart-wrap{position:relative;}
.site-header .magnna-mini-cart{
width:min(430px, calc(100vw - 32px))!important;
right:0!important;
left:auto!important;
overflow:hidden!important;
background:var(--brand-paper-bright,#FCFCFD)!important;
border:1px solid var(--brand-rule-medium,rgba(22,58,83,.20))!important;
box-shadow:0 20px 60px rgba(14,42,61,.18)!important;
}
.site-header .magnna-mini-cart__head{
height:60px!important;
padding:0 22px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
background:var(--brand-ink-darker,#0E2A3D)!important;
color:var(--brand-paper,#F0F2F5)!important;
}
.site-header .magnna-mini-cart__head span{
font-family:var(--brand-mono,'JetBrains Mono',monospace)!important;
font-size:11px!important;
letter-spacing:.32em!important;
text-transform:uppercase!important;
font-weight:600!important;
}
.site-header .magnna-mini-cart__head strong{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-width:32px!important;
height:32px!important;
padding:0 8px!important;
background:var(--brand-paper-bright,#FCFCFD)!important;
color:var(--brand-ink-darker,#0E2A3D)!important;
font-family:var(--brand-mono,'JetBrains Mono',monospace)!important;
font-size:13px!important;
}
.site-header .magnna-mini-cart__body{
max-height:430px!important;
overflow-y:auto!important;
overflow-x:hidden!important;
background:var(--brand-paper-bright,#FCFCFD)!important;
}
.site-header .magnna-mini-cart-list{
list-style:none!important;
margin:0!important;
padding:0!important;
display:block!important;
}
.site-header .magnna-mini-cart-list__item{
display:grid!important;
grid-template-columns:76px minmax(0,1fr) 92px!important;
gap:14px!important;
align-items:center!important;
width:100%!important;
min-height:108px!important;
padding:16px 20px!important;
margin:0!important;
border-bottom:1px solid var(--brand-rule,rgba(22,58,83,.10))!important;
background:var(--brand-paper-bright,#FCFCFD)!important;
box-sizing:border-box!important;
}
.site-header .magnna-mini-cart-list__thumb,
.site-header .magnna-mini-cart-list__thumb a{
width:76px!important;
height:76px!important;
max-width:100px!important;
max-height:100px!important;
display:block!important;
flex:none!important;
}
.site-header .magnna-mini-cart-list__thumb img,
.site-header .magnna-mini-cart-list__img{
width:76px!important;
height:76px!important;
max-width:100px!important;
max-height:100px!important;
object-fit:contain!important;
object-position:center!important;
display:block!important;
float:none!important;
margin:0!important;
padding:8px!important;
border:1px solid var(--brand-rule,rgba(22,58,83,.10))!important;
background:var(--brand-paper-cool,#E7EAEF)!important;
box-sizing:border-box!important;
}
.site-header .magnna-mini-cart-list__content{
min-width:0!important;
display:flex!important;
flex-direction:column!important;
gap:8px!important;
}
.site-header .magnna-mini-cart-list__title,
.site-header .magnna-mini-cart-list__title:visited{
display:-webkit-box!important;
-webkit-line-clamp:2!important;
-webkit-box-orient:vertical!important;
overflow:hidden!important;
margin:0!important;
color:var(--brand-ink-darker,#0E2A3D)!important;
text-decoration:none!important;
font-family:var(--brand-display,'Space Grotesk',sans-serif)!important;
font-size:14px!important;
font-weight:600!important;
line-height:1.18!important;
letter-spacing:.01em!important;
text-transform:uppercase!important;
}
.site-header .magnna-mini-cart-list__meta{
display:block!important;
color:var(--brand-ink-mute,rgba(22,58,83,.55))!important;
font-family:var(--brand-mono,'JetBrains Mono',monospace)!important;
font-size:11px!important;
line-height:1.3!important;
letter-spacing:.04em!important;
white-space:nowrap!important;
}
.site-header .magnna-mini-cart-list__side{
min-width:82px!important;
align-self:stretch!important;
display:grid!important;
grid-template-rows:auto 1fr!important;
justify-items:end!important;
align-items:start!important;
}
.site-header .magnna-mini-cart-list__remove,
.site-header .magnna-mini-cart-list__remove.remove{
grid-row:1!important;
width:26px!important;
height:26px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
border:0!important;
background:transparent!important;
color:var(--brand-ink-mute,rgba(22,58,83,.55))!important;
font-family:var(--brand-mono,'JetBrains Mono',monospace)!important;
font-size:24px!important;
line-height:1!important;
font-weight:300!important;
text-decoration:none!important;
}
.site-header .magnna-mini-cart-list__remove:hover{color:var(--brand-ink,#1F4E6F)!important;}
.site-header .magnna-mini-cart-list__total{
grid-row:2!important;
align-self:end!important;
display:block!important;
color:var(--brand-ink-darker,#0E2A3D)!important;
font-family:var(--brand-display,'Space Grotesk',sans-serif)!important;
font-size:18px!important;
font-weight:600!important;
line-height:1!important;
white-space:nowrap!important;
}
.site-header .magnna-mini-cart__foot{
background:var(--brand-paper,#F0F2F5)!important;
border-top:1px solid var(--brand-rule-medium,rgba(22,58,83,.20))!important;
padding:20px 22px 22px!important;
}
.site-header .magnna-mini-cart__subtotal{
display:flex!important;
align-items:baseline!important;
justify-content:space-between!important;
gap:18px!important;
margin-bottom:18px!important;
}
.site-header .magnna-mini-cart__subtotal span{
color:var(--brand-ink-mute,rgba(22,58,83,.55))!important;
font-family:var(--brand-mono,'JetBrains Mono',monospace)!important;
font-size:10px!important;
letter-spacing:.25em!important;
text-transform:uppercase!important;
}
.site-header .magnna-mini-cart__subtotal strong{
color:var(--brand-ink-darker,#0E2A3D)!important;
font-family:var(--brand-display,'Space Grotesk',sans-serif)!important;
font-size:28px!important;
line-height:1!important;
}
.site-header .magnna-mini-cart__cta{
min-height:46px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
background:var(--brand-ink,#1F4E6F)!important;
color:var(--brand-paper,#F0F2F5)!important;
border-color:var(--brand-ink,#1F4E6F)!important;
text-decoration:none!important;
}
/* v1.3.31 · Minicart hover persistence bridge */
.magnna-cart-wrap{
position:relative!important;
padding-block:10px!important;
margin-block:-10px!important;
}
.magnna-cart-wrap::after{
content:'';
position:absolute;
top:100%;
right:0;
width:min(430px, calc(100vw - 32px));
height:26px;
display:block;
pointer-events:auto;
background:transparent;
z-index:9998;
}
.magnna-mini-cart{
top:calc(100% + 10px)!important;
}
.magnna-cart-wrap:hover .magnna-mini-cart,
.magnna-cart-wrap:focus-within .magnna-mini-cart,
.magnna-cart-wrap.is-open .magnna-mini-cart{
opacity:1!important;
visibility:visible!important;
transform:translateY(0)!important;
pointer-events:auto!important;
}
.magnna-mini-cart:hover{
opacity:1!important;
visibility:visible!important;
transform:translateY(0)!important;
pointer-events:auto!important;
}
@media(max-width:768px){
.magnna-cart-wrap::after{display:none!important;}
}
/* Magnna 1.3.33 · Account/contact pages and checkout cleanup */
.magnna-page-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:40px;align-items:stretch;margin:34px 0 46px;padding-bottom:34px;border-bottom:1px solid var(--color-rule-strong)}
.magnna-page-hero h1{font-family:var(--font-display);font-size:clamp(42px,6vw,82px);line-height:.94;letter-spacing:var(--tracking-tight);font-weight:var(--weight-regular);color:var(--color-brand-deep);margin:0 0 20px;max-width:11ch}
.magnna-page-hero__lead{font-family:var(--font-italic);font-size:clamp(19px,2.6vw,28px);line-height:1.35;color:var(--color-text-soft);max-width:760px;margin:0}
.magnna-page-hero__panel{background:var(--color-brand-deep);color:var(--color-neutral-paper);border:1px solid rgba(240,242,245,.16);padding:30px;display:flex;flex-direction:column;justify-content:flex-end;min-height:240px}
.magnna-page-hero__panel span{font-family:var(--font-mono);font-size:var(--size-micro);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:rgba(240,242,245,.58);font-weight:var(--weight-medium)}
.magnna-page-hero__panel strong{display:block;font-family:var(--font-display);font-size:30px;line-height:1;letter-spacing:var(--tracking-snug);color:var(--color-neutral-paper);margin-top:12px;font-weight:var(--weight-medium)}
.magnna-account-page__content,.magnna-contact-content{background:var(--color-neutral-bright);border:1px solid var(--color-rule-medium);padding:34px;margin-bottom:80px}
.magnna-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 26px}
.magnna-contact-card{position:relative;background:var(--color-neutral-bright);border:1px solid var(--color-rule-medium);padding:28px;overflow:hidden;transition:border-color var(--duration-medium) var(--easing-standard),transform var(--duration-medium) var(--easing-standard)}
.magnna-contact-card::before{content:"";position:absolute;top:0;left:0;width:42px;height:2px;background:var(--color-brand-primary);transition:width var(--duration-medium) var(--easing-standard)}
.magnna-contact-card:hover{border-color:var(--color-brand-primary);transform:translateY(-3px)}
.magnna-contact-card:hover::before{width:100%}
.magnna-contact-card span{font-family:var(--font-italic);font-size:34px;color:var(--color-brand-primary);line-height:1}
.magnna-contact-card h2{font-family:var(--font-display);font-size:23px;letter-spacing:var(--tracking-snug);color:var(--color-brand-deep);margin:18px 0 10px}
.magnna-contact-card p{margin:0 0 18px;color:var(--color-text-soft)}
.magnna-contact-card a{text-decoration:none;font-family:var(--font-mono);font-size:var(--size-caption);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-brand-primary);font-weight:var(--weight-medium)}
.magnna-checkout-review .variation,.magnna-checkout-review .wc-item-meta,.magnna-checkout-review .product-name dl,.magnna-checkout-review .product-name p,.magnna-checkout-review .product-total p{display:none!important}
.magnna-header-link--account{white-space:nowrap}
@media(max-width:900px){.magnna-page-hero,.magnna-contact-grid{grid-template-columns:1fr}.magnna-page-hero__panel{min-height:190px}.magnna-account-page__content,.magnna-contact-content{padding:24px}}
/* v1.3.34 · Checkout order review must not show product excerpts, variations or metadata under item prices. */
.magnna-checkout-review .variation,
.magnna-checkout-review .wc-item-meta,
.magnna-checkout-review .product-name small,
.magnna-checkout-review .product-total small,
.magnna-checkout-review .woocommerce-checkout-review-order .variation,
.magnna-checkout-review .woocommerce-checkout-review-order .wc-item-meta,
.woocommerce-checkout-review-order .magnna-order-review-line .variation,
.woocommerce-checkout-review-order .magnna-order-review-line .wc-item-meta {
display: none !important;
}
/* v1.3.35 · WooCommerce Blocks checkout cleanup.
The order summary must show only image, quantity, product name and price.
No excerpts, product metadata, variation lists or plugin injected product data. */
.wc-block-components-order-summary-item__description .wc-block-components-product-metadata,
.wc-block-components-order-summary-item__description .wc-block-components-product-metadata__description,
.wc-block-components-order-summary-item__description .wc-block-components-product-details,
.wc-block-components-order-summary-item__description .wc-block-components-product-details__name,
.wc-block-components-order-summary-item__description .wc-block-components-product-details__value,
.wc-block-components-order-summary-item__description p:not(.wc-block-components-product-name),
.wc-block-components-order-summary-item__description small,
.wc-block-components-order-summary-item__description dl,
.wc-block-components-order-summary-item__description ul,
.wc-block-components-order-summary-item__description .variation,
.wc-block-components-order-summary-item__description .wc-item-meta,
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-product-metadata,
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-product-metadata__description,
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-product-details,
.wp-block-woocommerce-checkout-order-summary-block .variation,
.wp-block-woocommerce-checkout-order-summary-block .wc-item-meta,
.wp-block-woocommerce-cart-order-summary-block .wc-block-components-product-metadata,
.wp-block-woocommerce-cart-order-summary-block .wc-block-components-product-metadata__description,
.wp-block-woocommerce-cart-order-summary-block .wc-block-components-product-details,
.wp-block-woocommerce-cart-order-summary-block .variation,
.wp-block-woocommerce-cart-order-summary-block .wc-item-meta {
display: none !important;
}
.wc-block-components-order-summary-item__description {
display: grid !important;
gap: 6px !important;
align-content: start !important;
}
.wc-block-components-order-summary-item__description .wc-block-components-product-name {
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
color: var(--color-brand-deep, #0E2A3D) !important;
font-family: var(--font-mono, 'JetBrains Mono', monospace) !important;
font-weight: 500 !important;
line-height: 1.35 !important;
}
/* v1.3.36 · Checkout Blocks quantity position.
No quantity badge on product image. Quantity must live with unit price under the product name: e.g. 2 × 44,00 €. */
.wc-block-components-order-summary-item__quantity,
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary-item__quantity,
.wp-block-woocommerce-cart-order-summary-block .wc-block-components-order-summary-item__quantity {
display: none !important;
}
.wc-block-components-order-summary-item__image,
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary-item__image {
position: relative !important;
}
.wc-block-components-order-summary-item__description .wc-block-components-product-price,
.wc-block-components-order-summary-item__description .magnna-checkout-unit-line {
display: block !important;
margin-top: 2px !important;
color: var(--color-brand-soft, rgba(22,58,83,.72)) !important;
font-family: var(--font-mono, 'JetBrains Mono', monospace) !important;
font-size: 11px !important;
font-weight: 400 !important;
letter-spacing: .04em !important;
line-height: 1.45 !important;
}
.wc-block-components-order-summary-item__total-price {
color: var(--color-brand-deep, #0E2A3D) !important;
font-family: var(--font-mono, 'JetBrains Mono', monospace) !important;
font-weight: 500 !important;
white-space: nowrap !important;
}
/* v1.3.37 · Checkout summary quantity line hardening.
Quantity badge stays hidden on the image, but quantity is shown next to unit price under the name. */
.wc-block-components-order-summary-item__description .magnna-checkout-unit-line {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
margin-top: 3px !important;
color: var(--color-text-soft, rgba(22,58,83,.72)) !important;
font-family: var(--font-mono, 'JetBrains Mono', monospace) !important;
font-size: 12px !important;
font-weight: 400 !important;
letter-spacing: .03em !important;
line-height: 1.45 !important;
white-space: nowrap !important;
}
.wc-block-components-order-summary-item__description > .wc-block-components-product-price,
.wc-block-components-order-summary-item__description > .wc-block-components-product-price__value {
display: none !important;
}
/* v1.3.38 · Checkout summary stability and quantity placement.
Quantity lives under the product name as: 2 × 44,00 €. No JS infinite loading. */
.magnna-order-review-line__name{
display:grid;
gap:4px;
min-width:0;
}
.magnna-order-review-line__name em{
display:block;
font-style:normal;
font-family:var(--font-mono, 'JetBrains Mono', monospace);
font-size:11px;
line-height:1.4;
letter-spacing:.04em;
color:rgba(240,242,245,.58);
}
.wc-block-components-order-summary-item__description > .wc-block-components-product-price,
.wc-block-components-order-summary-item__description > .wc-block-components-product-price__value{
display:none!important;
}
/* v1.3.39 · Checkout summary duplicate native price cleanup.
Only the custom line "qty × unit price" should appear under the product name.
The line total remains in the right column. */
.wc-block-components-order-summary-item__description .wc-block-components-product-price,
.wc-block-components-order-summary-item__description .wc-block-components-product-price__value,
.wc-block-components-order-summary-item__description [class*="product-price"]:not(.magnna-checkout-unit-line) {
display: none !important;
visibility: hidden !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
.wc-block-components-order-summary-item__description .magnna-checkout-unit-line {
display: block !important;
visibility: visible !important;
height: auto !important;
margin-top: 3px !important;
padding: 0 !important;
overflow: visible !important;
}
/* v1.3.41 · Mobile header, nested navigation and bottom bar */
@media (max-width: 980px){
html{scroll-padding-top:76px;}
body{padding-bottom:76px;}
.site-header{position:sticky;top:0;background:rgba(240,242,245,.92)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:visible;z-index:1000;}
.admin-bar .site-header{top:46px;}
.site-header__inner{min-height:66px!important;gap:12px;justify-content:space-between;}
.site-header.is-scrolled .site-header__inner{min-height:62px!important;}
.magnna-logo{min-width:0!important;max-width:168px!important;}
.magnna-logo img{height:42px!important;max-height:42px!important;max-width:152px!important;width:auto!important;object-fit:contain!important;}
.site-header__actions{display:none!important;}
.site-nav-toggle{display:inline-flex!important;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:44px;height:44px;margin-left:auto;padding:0;background:transparent!important;color:var(--color-brand-deep,#0E2A3D)!important;border:1px solid rgba(22,58,83,.18)!important;position:relative;z-index:1002;}
.site-nav-toggle span{display:block;width:20px;height:2px;background:var(--color-brand-deep,#0E2A3D);transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1);}
.site-nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.site-nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.site-nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.site-navigation{position:fixed!important;top:66px!important;left:0!important;right:0!important;bottom:auto!important;display:block!important;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-8px);margin:0!important;padding:0!important;background:rgba(247,248,250,.98)!important;border:0!important;border-top:1px solid rgba(22,58,83,.14)!important;border-bottom:1px solid rgba(22,58,83,.18)!important;box-shadow:0 24px 56px rgba(14,42,61,.14)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1);z-index:1001;max-height:calc(100vh - 140px);overflow:auto;}
.admin-bar .site-navigation{top:112px!important;max-height:calc(100vh - 186px);}
.site-navigation.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);}
.site-navigation .magnna-primary-menu,
.site-navigation>ul.menu{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:0!important;padding:10px 20px 14px!important;align-items:stretch!important;}
.site-navigation .magnna-primary-menu>li,
.site-navigation>ul.menu>li{display:block!important;min-height:0!important;border-bottom:1px solid rgba(22,58,83,.10)!important;}
.site-navigation .magnna-primary-menu>li:last-child,
.site-navigation>ul.menu>li:last-child{border-bottom:0!important;}
.site-navigation .magnna-primary-menu>li>a,
.site-navigation>ul.menu>li>a{display:flex!important;align-items:center;justify-content:space-between;min-height:0!important;padding:16px 4px!important;color:var(--color-brand-deep,#0E2A3D)!important;font-size:11px!important;letter-spacing:.22em!important;line-height:1.35!important;}
.site-navigation a::after{display:none!important;}
.site-navigation .menu-item-has-children>a::before{content:'+'!important;position:static!important;right:auto!important;top:auto!important;transform:none!important;font-size:16px!important;line-height:1!important;color:var(--color-brand-primary,#1F4E6F)!important;opacity:1!important;margin-left:18px;}
.site-navigation .menu-item-has-children.is-submenu-open>a::before{content:'−'!important;}
.site-navigation .sub-menu,
.site-navigation .sub-menu .sub-menu{position:static!important;display:none!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0 0 12px 14px!important;border:0!important;box-shadow:none!important;background:transparent!important;opacity:1!important;visibility:visible!important;transform:none!important;}
.site-navigation .is-submenu-open > .sub-menu{display:grid!important;}
.site-navigation .sub-menu li{border:0!important;}
.site-navigation .sub-menu a{display:block!important;padding:9px 4px!important;color:rgba(22,58,83,.72)!important;font-size:10px!important;letter-spacing:.18em!important;line-height:1.45!important;white-space:normal!important;}
.site-navigation .sub-menu a:hover{background:transparent!important;color:var(--color-brand-primary,#1F4E6F)!important;}
}
@media (max-width: 480px){
.magnna-logo img{height:36px!important;max-height:36px!important;max-width:132px!important;}
.site-header__inner{min-height:60px!important;}
.site-navigation{top:60px!important;}
.admin-bar .site-navigation{top:106px!important;}
}
.magnna-mobile-bottom{display:none;}
.magnna-mobile-search{display:none;}
@media (max-width: 980px){
.magnna-mobile-bottom{position:fixed;left:14px;right:14px;bottom:12px;z-index:1003;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:58px;background:rgba(247,248,250,.96);border:1px solid rgba(22,58,83,.18);box-shadow:0 18px 48px rgba(14,42,61,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.magnna-mobile-bottom__item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;padding:7px 6px;color:var(--color-brand-deep,#0E2A3D);text-decoration:none;border:0;background:transparent;font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;cursor:pointer;}
.magnna-mobile-bottom__item:not(:last-child){border-right:1px solid rgba(22,58,83,.10);}
.magnna-mobile-bottom__icon{display:grid;place-items:center;width:22px;height:22px;color:var(--color-brand-primary,#1F4E6F);}
.magnna-mobile-bottom__icon svg{display:block;width:22px;height:22px;fill:currentColor;}
.magnna-mobile-bottom__count{position:absolute;top:7px;right:calc(50% - 26px);display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;background:var(--color-brand-deep,#0E2A3D);color:var(--color-neutral-paper,#F0F2F5);font-size:9px;letter-spacing:0;border:1px solid rgba(240,242,245,.8);}
.magnna-mobile-bottom__cart--disabled{opacity:.18;pointer-events:none;}
.magnna-mobile-search{position:fixed;inset:0;z-index:1004;display:grid;place-items:center;padding:24px;background:rgba(14,42,61,.52);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1);}
.magnna-mobile-search.is-open{opacity:1;visibility:visible;pointer-events:auto;}
.magnna-mobile-search__form{width:min(560px,100%);display:grid;grid-template-columns:1fr auto;gap:0;background:var(--color-neutral-bright,#FCFCFD);border:1px solid rgba(240,242,245,.36);box-shadow:0 28px 72px rgba(14,42,61,.28);}
.magnna-mobile-search__form input[type="search"]{min-height:62px;border:0;background:transparent;padding:0 20px;color:var(--color-brand-deep,#0E2A3D);font-family:var(--font-display);font-size:22px;outline:none;}
.magnna-mobile-search__form input[type="search"]::placeholder{color:rgba(22,58,83,.45);}
.magnna-mobile-search__form button[type="submit"]{min-height:62px;border:0;border-left:1px solid rgba(22,58,83,.14);background:var(--color-brand-primary,#1F4E6F);color:var(--color-neutral-paper,#F0F2F5);padding:0 22px;font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;}
.magnna-mobile-search__close{position:absolute;top:22px;right:22px;width:44px;height:44px;border:1px solid rgba(240,242,245,.26);background:rgba(14,42,61,.76);color:var(--color-neutral-paper,#F0F2F5);font-size:28px;line-height:1;cursor:pointer;}
body.magnna-search-open{overflow:hidden;}
}
/* v1.3.42 · Mobile header/menu/search/cart refinements following Brand Bible visual directives */
@media (max-width: 980px){
html{scroll-padding-top:80px!important;}
body{padding-bottom:68px!important;}
.site-header{
position:sticky!important;
top:0!important;
left:0!important;
right:0!important;
margin:0!important;
width:100%!important;
z-index:1100!important;
background:rgba(240,242,245,.92)!important;
backdrop-filter:blur(12px)!important;
-webkit-backdrop-filter:blur(12px)!important;
border-bottom:1px solid var(--color-rule-medium, rgba(22,58,83,.20))!important;
}
.admin-bar .site-header{top:46px!important;}
.site-header__inner{
min-height:80px!important;
height:80px!important;
gap:14px!important;
justify-content:space-between!important;
}
.site-header.is-scrolled .site-header__inner{min-height:80px!important;height:80px!important;}
.magnna-logo{
min-width:0!important;
max-width:min(280px, calc(100vw - 96px))!important;
flex:0 1 auto!important;
}
.magnna-logo img{
height:var(--magnna-logo-height, 80px)!important;
max-height:80px!important;
max-width:min(var(--magnna-logo-width, 280px), calc(100vw - 104px))!important;
width:auto!important;
object-fit:contain!important;
}
.site-nav-toggle{
width:46px!important;
height:46px!important;
flex:0 0 46px!important;
margin-left:auto!important;
}
.site-navigation{
top:80px!important;
left:0!important;
right:0!important;
text-align:left!important;
}
.admin-bar .site-navigation{top:126px!important;}
.site-navigation .magnna-primary-menu,
.site-navigation>ul.menu{
padding:12px 24px 18px!important;
text-align:left!important;
}
.site-navigation .magnna-primary-menu>li>a,
.site-navigation>ul.menu>li>a{
justify-content:flex-start!important;
text-align:left!important;
padding:16px 0!important;
gap:14px!important;
width:100%!important;
}
.site-navigation .menu-item-has-children>a::before{
content:'›'!important;
position:absolute!important;
right:0!important;
top:50%!important;
transform:translateY(-50%) rotate(0deg)!important;
margin-left:0!important;
font-size:18px!important;
line-height:1!important;
color:var(--color-brand-primary,#1F4E6F)!important;
opacity:1!important;
transition:transform 250ms cubic-bezier(.4,0,.2,1)!important;
}
.site-navigation .menu-item-has-children.is-submenu-open>a::before{
content:'›'!important;
transform:translateY(-50%) rotate(90deg)!important;
}
.site-navigation .sub-menu,
.site-navigation .sub-menu .sub-menu{
padding:0 0 12px 18px!important;
text-align:left!important;
}
.site-navigation .sub-menu a{
text-align:left!important;
padding:9px 0!important;
}
.magnna-mobile-bottom{
position:fixed!important;
left:0!important;
right:0!important;
bottom:0!important;
margin:0!important;
width:100%!important;
min-height:64px!important;
border-left:0!important;
border-right:0!important;
border-bottom:0!important;
z-index:1200!important;
border-radius:0!important;
box-shadow:0 -10px 34px rgba(14,42,61,.10)!important;
}
.magnna-mobile-bottom__item{min-height:64px!important;}
.magnna-mobile-search{
inset:0!important;
padding:24px!important;
align-items:center!important;
justify-items:center!important;
}
.magnna-mobile-search__form{
width:min(520px, calc(100vw - 36px))!important;
max-width:calc(100vw - 36px)!important;
grid-template-columns:minmax(0,1fr) 58px!important;
margin:auto!important;
overflow:hidden!important;
}
.magnna-mobile-search__form input[type="search"]{
min-width:0!important;
width:100%!important;
font-size:clamp(17px,5vw,22px)!important;
padding:0 18px!important;
}
.magnna-mobile-search__form button[type="submit"]{
width:58px!important;
min-width:58px!important;
padding:0!important;
display:grid!important;
place-items:center!important;
font-size:0!important;
}
.magnna-mobile-search__form button[type="submit"] svg{
display:block!important;
width:22px!important;
height:22px!important;
fill:currentColor!important;
}
body.magnna-mobile-cart-open,
body.magnna-search-open,
body.magnna-nav-open{overflow:hidden!important;}
.magnna-mobile-cart-overlay{
position:fixed!important;
inset:0!important;
z-index:1190!important;
display:flex!important;
align-items:stretch!important;
justify-content:center!important;
padding:80px 0 64px!important;
background:rgba(14,42,61,.52)!important;
backdrop-filter:blur(12px)!important;
-webkit-backdrop-filter:blur(12px)!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
transition:opacity 250ms cubic-bezier(.4,0,.2,1), visibility 250ms cubic-bezier(.4,0,.2,1)!important;
}
.admin-bar .magnna-mobile-cart-overlay{padding-top:126px!important;}
.magnna-mobile-cart-overlay.is-open{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
}
.magnna-mobile-cart-overlay__panel{
width:100%!important;
max-width:100%!important;
height:100%!important;
display:grid!important;
grid-template-rows:auto minmax(0,1fr) auto!important;
background:var(--color-neutral-bright,#FCFCFD)!important;
border-top:1px solid rgba(22,58,83,.14)!important;
box-shadow:0 -18px 54px rgba(14,42,61,.18)!important;
}
.magnna-mobile-cart-overlay__head{
min-height:62px!important;
padding:0 22px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
background:var(--color-brand-deep,#0E2A3D)!important;
color:var(--color-neutral-paper,#F0F2F5)!important;
}
.magnna-mobile-cart-overlay__head span{
font-family:var(--font-mono,'JetBrains Mono',monospace)!important;
font-size:10px!important;
letter-spacing:.28em!important;
text-transform:uppercase!important;
font-weight:600!important;
}
.magnna-mobile-cart-overlay__close{
width:42px!important;
height:42px!important;
border:1px solid rgba(240,242,245,.24)!important;
background:transparent!important;
color:var(--color-neutral-paper,#F0F2F5)!important;
font-size:28px!important;
line-height:1!important;
cursor:pointer!important;
}
.magnna-mobile-cart-overlay__body{
min-height:0!important;
overflow:auto!important;
background:var(--color-neutral-bright,#FCFCFD)!important;
}
.magnna-mobile-cart-overlay .magnna-mini-cart-list__item{
grid-template-columns:68px minmax(0,1fr) 78px!important;
gap:12px!important;
min-height:94px!important;
padding:14px 18px!important;
}
.magnna-mobile-cart-overlay .magnna-mini-cart-list__thumb,
.magnna-mobile-cart-overlay .magnna-mini-cart-list__thumb a,
.magnna-mobile-cart-overlay .magnna-mini-cart-list__thumb img,
.magnna-mobile-cart-overlay .magnna-mini-cart-list__img{
width:68px!important;
height:68px!important;
}
.magnna-mobile-cart-overlay__foot{
padding:18px 20px 22px!important;
background:var(--color-neutral-paper,#F0F2F5)!important;
border-top:1px solid rgba(22,58,83,.16)!important;
}
.magnna-mobile-cart-overlay__subtotal{
display:flex!important;
align-items:baseline!important;
justify-content:space-between!important;
gap:16px!important;
margin-bottom:16px!important;
}
.magnna-mobile-cart-overlay__subtotal span{
font-family:var(--font-mono,'JetBrains Mono',monospace)!important;
font-size:10px!important;
letter-spacing:.25em!important;
text-transform:uppercase!important;
color:rgba(22,58,83,.55)!important;
}
.magnna-mobile-cart-overlay__subtotal strong{
font-family:var(--font-display,'Space Grotesk',sans-serif)!important;
font-size:28px!important;
line-height:1!important;
color:var(--color-brand-deep,#0E2A3D)!important;
}
.magnna-mobile-cart-overlay__cta{width:100%!important;min-height:48px!important;}
}
@media (max-width: 480px){
.site-header__inner{min-height:78px!important;height:78px!important;}
.site-header.is-scrolled .site-header__inner{min-height:78px!important;height:78px!important;}
.magnna-logo img{height:var(--magnna-logo-height, 80px)!important;max-height:78px!important;max-width:min(var(--magnna-logo-width, 280px), calc(100vw - 104px))!important;}
.site-navigation{top:78px!important;}
.admin-bar .site-navigation{top:124px!important;}
.magnna-mobile-cart-overlay{padding-top:78px!important;}
.admin-bar .magnna-mobile-cart-overlay{padding-top:124px!important;}
}
/* v1.3.43 · Mobile header flush to viewport top.
Removes mobile top gap caused by admin bar/html margin and keeps header sticky at 0. */
@media (max-width: 980px){
html,
html.wp-toolbar{
margin-top:0!important;
padding-top:0!important;
}
body,
body.admin-bar{
margin-top:0!important;
padding-top:0!important;
}
#wpadminbar{
display:none!important;
}
.site-header,
body.admin-bar .site-header,
.admin-bar .site-header{
position:sticky!important;
top:0!important;
margin-top:0!important;
padding-top:0!important;
left:0!important;
right:0!important;
width:100%!important;
}
.site-header__inner{
margin-top:0!important;
}
.site-navigation,
body.admin-bar .site-navigation,
.admin-bar .site-navigation{
top:78px!important;
}
}
@media (max-width: 480px){
.site-navigation,
body.admin-bar .site-navigation,
.admin-bar .site-navigation{
top:78px!important;
}
}
/* v1.3.44 · Responsive state guard.
The mobile-only overlays are hidden by default so they cannot remain visible
when resizing from mobile to desktop while opened. */
.magnna-mobile-cart-overlay,
.magnna-mobile-search{
display:none!important;
}
@media (max-width: 980px){
.magnna-mobile-cart-overlay{
display:flex!important;
}
.magnna-mobile-search{
display:flex!important;
}
}
@media (min-width: 981px){
body.magnna-mobile-cart-open,
body.magnna-search-open,
body.magnna-nav-open{
overflow:auto!important;
}
.magnna-mobile-cart-overlay,
.magnna-mobile-cart-overlay.is-open,
.magnna-mobile-search,
.magnna-mobile-search.is-open,
.magnna-mobile-bottom{
display:none!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
}
.site-navigation{
visibility:visible!important;
opacity:1!important;
pointer-events:auto!important;
transform:none!important;
}
}
/* v1.3.45 · Desktop/mobile AJAX search overlay aligned with Brand Bible visual system */
.magnna-header-search{
width:42px;
height:42px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid var(--color-rule-medium,rgba(22,58,83,.20));
background:transparent;
color:var(--color-brand-primary,#1F4E6F);
cursor:pointer;
transition:background .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1);
}
.magnna-header-search svg{width:17px;height:17px;fill:currentColor;display:block;}
.magnna-header-search:hover,.magnna-header-search:focus-visible{background:var(--color-brand-primary,#1F4E6F);border-color:var(--color-brand-primary,#1F4E6F);color:var(--color-neutral-paper,#F0F2F5);outline:0;}
.magnna-mobile-search.magnna-search-overlay,
.magnna-mobile-search{
position:fixed!important;
inset:0!important;
z-index:10040!important;
display:grid!important;
place-items:center!important;
padding:24px!important;
background:rgba(14,42,61,.52)!important;
backdrop-filter:blur(12px)!important;
-webkit-backdrop-filter:blur(12px)!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1)!important;
}
.magnna-mobile-search.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
.magnna-mobile-search__form{
width:min(680px,calc(100vw - 32px))!important;
max-height:min(760px,calc(100vh - 64px));
display:grid!important;
grid-template-columns:1fr 64px!important;
align-items:stretch!important;
gap:0!important;
background:var(--color-neutral-bright,#FCFCFD)!important;
border:1px solid rgba(240,242,245,.36)!important;
box-shadow:0 28px 72px rgba(14,42,61,.28)!important;
overflow:hidden!important;
}
.magnna-mobile-search__form input[type="search"]{
min-width:0!important;
min-height:68px!important;
border:0!important;
background:transparent!important;
padding:0 24px!important;
color:var(--color-brand-deep,#0E2A3D)!important;
font-family:var(--font-display,'Space Grotesk',sans-serif)!important;
font-size:clamp(20px,3vw,30px)!important;
font-weight:500!important;
letter-spacing:-.025em!important;
outline:none!important;
}
.magnna-mobile-search__form input[type="search"]::placeholder{color:rgba(22,58,83,.45)!important;}
.magnna-mobile-search__form button[type="submit"]{
min-height:68px!important;
border:0!important;
border-left:1px solid rgba(22,58,83,.14)!important;
background:var(--color-brand-primary,#1F4E6F)!important;
color:var(--color-neutral-paper,#F0F2F5)!important;
padding:0!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
cursor:pointer!important;
}
.magnna-mobile-search__form button[type="submit"] svg{width:22px!important;height:22px!important;fill:currentColor!important;}
.magnna-mobile-search__close{position:absolute!important;top:22px!important;right:22px!important;width:44px!important;height:44px!important;border:1px solid rgba(240,242,245,.26)!important;background:rgba(14,42,61,.76)!important;color:var(--color-neutral-paper,#F0F2F5)!important;font-size:28px!important;line-height:1!important;cursor:pointer!important;z-index:2!important;}
.magnna-ajax-search{
grid-column:1 / -1;
max-height:min(520px,calc(100vh - 180px));
overflow:auto;
border-top:1px solid rgba(22,58,83,.12);
background:var(--color-neutral-bright,#FCFCFD);
}
.magnna-ajax-search:not(.is-visible){display:none;}
.magnna-ajax-search__list{display:grid;gap:0;}
.magnna-ajax-search__item{
display:grid;
grid-template-columns:64px minmax(0,1fr) auto;
gap:16px;
align-items:center;
padding:14px 18px;
text-decoration:none;
color:var(--color-brand-deep,#0E2A3D);
border-bottom:1px solid rgba(22,58,83,.08);
transition:background .25s cubic-bezier(.4,0,.2,1);
}
.magnna-ajax-search__item:hover,.magnna-ajax-search__item:focus-visible{background:var(--color-neutral-cool,#E7EAEF);outline:0;}
.magnna-ajax-search__thumb{width:64px;height:64px;background:var(--color-neutral-paper,#F0F2F5);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.magnna-ajax-search__thumb-img{width:100%;height:100%;object-fit:cover;display:block;}
.magnna-ajax-search__brand-placeholder{font-family:var(--font-display,'Space Grotesk',sans-serif);font-size:24px;font-weight:500;color:var(--color-brand-primary,#1F4E6F);}
.magnna-ajax-search__content{min-width:0;display:grid;gap:3px;}
.magnna-ajax-search__brand{font-family:var(--font-mono,'JetBrains Mono',monospace);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--color-brand-primary,#1F4E6F);font-weight:500;}
.magnna-ajax-search__title{font-family:var(--font-display,'Space Grotesk',sans-serif);font-size:16px;line-height:1.18;font-weight:500;letter-spacing:-.015em;color:var(--color-brand-deep,#0E2A3D);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.magnna-ajax-search__meta{font-family:var(--font-mono,'JetBrains Mono',monospace);font-size:10px;letter-spacing:.08em;color:rgba(22,58,83,.55);text-transform:uppercase;}
.magnna-ajax-search__price{font-family:var(--font-display,'Space Grotesk',sans-serif);font-size:17px;font-weight:500;color:var(--color-brand-deep,#0E2A3D);white-space:nowrap;text-align:right;}
.magnna-ajax-search__notice{margin:0;padding:18px 22px;font-family:var(--font-mono,'JetBrains Mono',monospace);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(22,58,83,.62);}
.magnna-ajax-search__loader{display:flex;gap:8px;align-items:center;padding:18px 22px;}
.magnna-ajax-search__loader span{width:8px;height:8px;background:var(--color-brand-primary,#1F4E6F);animation:pulse-dot 1.4s cubic-bezier(.4,0,.2,1) infinite;}
.magnna-ajax-search__loader span:nth-child(2){animation-delay:.2s;}
.magnna-ajax-search__loader span:nth-child(3){animation-delay:.4s;}
body.magnna-search-open{overflow:hidden!important;}
@media(max-width:980px){
.magnna-header-search{display:none!important;}
.magnna-mobile-search__form{width:min(560px,calc(100vw - 28px))!important;grid-template-columns:1fr 58px!important;}
.magnna-mobile-search__form input[type="search"]{min-height:62px!important;font-size:22px!important;padding:0 18px!important;}
.magnna-mobile-search__form button[type="submit"]{min-height:62px!important;}
.magnna-ajax-search__item{grid-template-columns:54px minmax(0,1fr);gap:12px;padding:12px 14px;}
.magnna-ajax-search__thumb{width:54px;height:54px;}
.magnna-ajax-search__price{grid-column:2;font-size:14px;text-align:left;}
}
/* v1.3.46 · Header cart icon, search control and editable team block */
.magnna-header-search{
width:40px!important;
height:40px!important;
border:0!important;
background:transparent!important;
color:var(--color-brand-primary,#1F4E6F)!important;
padding:0!important;
box-shadow:none!important;
}
.magnna-header-search svg{
width:20px!important;
height:20px!important;
}
.magnna-header-search:hover,
.magnna-header-search:focus-visible{
background:transparent!important;
color:var(--color-brand-deep,#0E2A3D)!important;
outline:0!important;
box-shadow:none!important;
}
.magnna-cart-link--icon{
width:42px!important;
height:42px!important;
position:relative!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
padding:0!important;
color:var(--color-brand-primary,#1F4E6F)!important;
text-decoration:none!important;
}
.magnna-cart-link--icon::after{display:none!important;}
.magnna-cart-icon,
.magnna-cart-icon svg{
display:block!important;
width:21px!important;
height:21px!important;
}
.magnna-cart-icon svg{fill:currentColor!important;}
.magnna-cart-link--icon:hover{color:var(--color-brand-deep,#0E2A3D)!important;}
.magnna-cart-link--icon .magnna-cart-count{
position:absolute!important;
top:1px!important;
right:0!important;
min-width:17px!important;
height:17px!important;
padding:0 4px!important;
margin:0!important;
border:1px solid var(--color-neutral-paper,#F0F2F5)!important;
background:var(--color-brand-deep,#0E2A3D)!important;
color:var(--color-neutral-paper,#F0F2F5)!important;
font-size:9px!important;
line-height:1!important;
letter-spacing:0!important;
}
.magnna-mini-cart__head strong{letter-spacing:0!important;}
.magnna-team-section{background:var(--color-neutral-paper,#F0F2F5);}
.magnna-team-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:20px;
}
.magnna-team-card{
background:var(--color-neutral-bright,#FCFCFD);
border:1px solid var(--color-rule-medium,rgba(22,58,83,.2));
position:relative;
overflow:hidden;
transition:border-color 250ms cubic-bezier(.4,0,.2,1),transform 250ms cubic-bezier(.4,0,.2,1),box-shadow 250ms cubic-bezier(.4,0,.2,1);
}
.magnna-team-card::before{
content:'';
position:absolute;
top:0;
left:0;
width:40px;
height:2px;
background:var(--color-brand-primary,#1F4E6F);
z-index:2;
transition:width 250ms cubic-bezier(.4,0,.2,1);
}
.magnna-team-card:hover{
border-color:var(--color-brand-primary,#1F4E6F);
transform:translateY(-3px);
box-shadow:0 8px 24px rgba(22,58,83,.08);
}
.magnna-team-card:hover::before{width:100%;}
.magnna-team-card__media{
aspect-ratio:1/1;
background:var(--color-neutral-cool,#E7EAEF);
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}
.magnna-team-card__media img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.magnna-team-card__media span{
font-family:var(--font-display,'Space Grotesk',sans-serif);
font-size:42px;
font-weight:500;
color:rgba(22,58,83,.55);
}
.magnna-team-card__body{padding:20px 22px 24px;}
.magnna-team-card__role{
display:block;
margin-bottom:8px;
font-family:var(--font-mono,'JetBrains Mono',monospace);
font-size:9px;
letter-spacing:.22em;
text-transform:uppercase;
color:var(--color-brand-primary,#1F4E6F);
font-weight:500;
}
.magnna-team-card h3{
margin:0 0 10px;
font-family:var(--font-display,'Space Grotesk',sans-serif);
font-size:20px;
line-height:1.15;
font-weight:500;
letter-spacing:-.015em;
color:var(--color-brand-deep,#0E2A3D);
}
.magnna-team-card p{
margin:0;
font-size:12px;
line-height:1.65;
color:var(--color-text-soft,rgba(22,58,83,.72));
}
.magnna-team-page .magnna-team-section{border-bottom:1px solid var(--color-rule-medium,rgba(22,58,83,.2));}
@media(max-width:1180px){.magnna-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){
.magnna-team-grid{grid-template-columns:1fr;}
.magnna-header-search{display:none!important;}
}
/* v1.3.47 · Header desktop icon refinements and stale fragment guard styles */
@media (min-width: 981px){
.site-header__actions{gap:14px!important;}
.site-header__actions .magnna-header-icon-link,
.site-header__actions .magnna-header-search,
.site-header__actions .magnna-cart-link--icon{
width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
display:inline-flex!important;align-items:center!important;justify-content:center!important;
padding:0!important;margin:0!important;border:0!important;outline:0!important;box-shadow:none!important;
background:transparent!important;color:var(--color-brand-primary,#1F4E6F)!important;text-decoration:none!important;
line-height:1!important;font-size:0!important;letter-spacing:0!important;text-transform:none!important;
}
.site-header__actions .magnna-header-icon-link::after,
.site-header__actions .magnna-header-search::after,
.site-header__actions .magnna-cart-link--icon::after{display:none!important;content:none!important;}
.site-header__actions .magnna-header-icon-link svg,
.site-header__actions .magnna-header-search svg,
.site-header__actions .magnna-cart-link--icon svg{width:23px!important;height:23px!important;display:block!important;fill:currentColor!important;}
.site-header__actions .magnna-header-search svg{width:24px!important;height:24px!important;}
.site-header__actions .magnna-header-icon-link:hover,
.site-header__actions .magnna-header-icon-link:focus-visible,
.site-header__actions .magnna-header-search:hover,
.site-header__actions .magnna-header-search:focus-visible,
.site-header__actions .magnna-cart-link--icon:hover,
.site-header__actions .magnna-cart-link--icon:focus-visible{color:var(--color-brand-deep,#0E2A3D)!important;background:transparent!important;outline:0!important;box-shadow:none!important;}
.site-header__actions .magnna-cart-link--icon .magnna-cart-count,
.site-header__actions .magnna-cart-count{
position:absolute!important;top:2px!important;right:1px!important;min-width:17px!important;height:17px!important;
display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 4px!important;margin:0!important;
border:1px solid var(--color-neutral-paper,#F0F2F5)!important;background:var(--color-brand-deep,#0E2A3D)!important;color:var(--color-neutral-paper,#F0F2F5)!important;
font-family:var(--font-mono,'JetBrains Mono',monospace)!important;font-size:9px!important;line-height:1!important;letter-spacing:0!important;text-indent:0!important;
}
.site-header__actions .magnna-cart-link:not(.magnna-cart-link--icon){font-size:0!important;letter-spacing:0!important;color:var(--color-brand-primary,#1F4E6F)!important;}
}
/* v1.3.49 · Team section aligned with 02_Website_Design.html */
.magnna-team-section{
background:var(--color-brand-deep,#0E2A3D)!important;
color:var(--color-neutral-paper,#F0F2F5)!important;
position:relative!important;
overflow:hidden!important;
padding:110px 0!important;
}
.magnna-team-section::before{
content:'';
position:absolute;
inset:0;
background-image:
linear-gradient(to right, rgba(255,255,255,.018) 1px, transparent 1px),
linear-gradient(to bottom, rgba(255,255,255,.018) 1px, transparent 1px);
background-size:80px 80px;
pointer-events:none;
}
.magnna-team-section__inner{position:relative;z-index:1;}
.magnna-team-section__header{max-width:780px;margin:0 0 50px!important;}
.magnna-team-section__eyebrow{
margin:0 0 24px!important;
font-family:var(--font-mono,'JetBrains Mono',monospace)!important;
font-size:10px!important;
font-weight:500!important;
letter-spacing:.32em!important;
text-transform:uppercase!important;
color:rgba(240,242,245,.55)!important;
}
.magnna-team-section__title{
margin:0 0 24px!important;
font-family:var(--font-display,'Space Grotesk',sans-serif)!important;
font-size:clamp(42px,5.5vw,76px)!important;
font-weight:400!important;
line-height:1.04!important;
letter-spacing:-.04em!important;
color:var(--color-neutral-paper,#F0F2F5)!important;
}
.magnna-team-section__title em{
font-family:var(--font-italic,'Instrument Serif',serif)!important;
font-style:italic!important;
font-weight:400!important;
color:#B8D4E8!important;
letter-spacing:-.015em!important;
}
.magnna-team-section__lede{
max-width:690px!important;
margin:0!important;
font-family:var(--font-italic,'Instrument Serif',serif)!important;
font-style:italic!important;
font-size:22px!important;
line-height:1.45!important;
color:rgba(240,242,245,.7)!important;
}
.magnna-team-section .magnna-team-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:18px!important;
margin-top:50px!important;
}
.magnna-team-section .magnna-team-card{
background:rgba(240,242,245,.05)!important;
border:1px solid rgba(240,242,245,.16)!important;
padding:32px 28px!important;
min-height:252px!important;
position:relative!important;
overflow:hidden!important;
transition:background .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)!important;
}
.magnna-team-section .magnna-team-card::before{
content:''!important;
position:absolute!important;
top:0!important;
left:0!important;
width:40px!important;
height:2px!important;
background:#B8D4E8!important;
transition:width .3s cubic-bezier(.4,0,.2,1)!important;
}
.magnna-team-section .magnna-team-card:hover{
background:rgba(240,242,245,.08)!important;
border-color:rgba(240,242,245,.32)!important;
transform:translateY(-3px)!important;
box-shadow:none!important;
}
.magnna-team-section .magnna-team-card:hover::before{width:100%!important;}
.magnna-team-card__role-tag{
margin:0 0 16px!important;
padding-bottom:12px!important;
border-bottom:1px solid rgba(240,242,245,.18)!important;
font-family:var(--font-mono,'JetBrains Mono',monospace)!important;
font-size:9.5px!important;
font-weight:500!important;
letter-spacing:.28em!important;
text-transform:uppercase!important;
color:#B8D4E8!important;
}
.magnna-team-card__name{
margin:0 0 4px!important;
font-family:var(--font-display,'Space Grotesk',sans-serif)!important;
font-size:30px!important;
font-weight:500!important;
line-height:1.1!important;
letter-spacing:-.025em!important;
color:var(--color-neutral-paper,#F0F2F5)!important;
}
.magnna-team-card__territory{
margin:0 0 22px!important;
font-family:var(--font-italic,'Instrument Serif',serif)!important;
font-style:italic!important;
font-size:16px!important;
line-height:1.45!important;
color:rgba(240,242,245,.6)!important;
}
.magnna-team-card__lines a{
display:block!important;
margin:0!important;
font-family:var(--font-mono,'JetBrains Mono',monospace)!important;
font-size:12px!important;
line-height:1.9!important;
color:rgba(240,242,245,.85)!important;
text-decoration:none!important;
transition:color .2s cubic-bezier(.4,0,.2,1)!important;
}
.magnna-team-card__lines a:hover{color:var(--color-neutral-paper,#F0F2F5)!important;}
.magnna-team-card__media,.magnna-team-card__body{display:contents!important;}
.magnna-team-card__media img,.magnna-team-card__media span,.magnna-team-card__role,.magnna-team-card h3:not(.magnna-team-card__name),.magnna-team-card p:not(.magnna-team-card__territory){display:none!important;}
.magnna-team-page .magnna-team-section{border-bottom:1px solid rgba(240,242,245,.12)!important;}
@media(max-width:1180px){
.magnna-team-section .magnna-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
.magnna-team-section{padding:76px 0!important;}
.magnna-team-section .magnna-team-grid{grid-template-columns:1fr!important;gap:14px!important;}
.magnna-team-section__title{font-size:clamp(34px,10vw,48px)!important;}
.magnna-team-section__lede{font-size:19px!important;}
}
/* v1.3.50 · Home CTA text hidden for logged users + account commercial hover card */
.magnna-header-account-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;}
.magnna-account-hover{position:absolute;top:calc(100% + 14px);right:-18px;width:280px;padding:22px 24px;background:var(--color-brand-deep);color:var(--color-neutral-paper);border:1px solid rgba(240,242,245,.18);box-shadow:0 20px 60px rgba(14,42,61,.18);opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;transition:opacity var(--duration-default) var(--easing-standard),transform var(--duration-default) var(--easing-standard),visibility var(--duration-default) var(--easing-standard);z-index:10020;}
.magnna-account-hover::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px;}
.magnna-header-account-wrap:hover .magnna-account-hover,.magnna-header-account-wrap:focus-within .magnna-account-hover{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;}
.magnna-account-hover__eyebrow{display:block;font-family:var(--font-mono);font-size:var(--size-micro);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:rgba(240,242,245,.58);font-weight:var(--weight-medium);margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(240,242,245,.15);}
.magnna-account-hover strong{display:block;font-family:var(--font-display);font-size:24px;line-height:1.1;letter-spacing:var(--tracking-snug);color:var(--color-neutral-paper);margin-bottom:6px;}
.magnna-account-hover em{display:block;font-family:var(--font-italic);font-size:15px;line-height:1.35;color:rgba(240,242,245,.72);margin-bottom:14px;}
.magnna-account-hover a{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--color-neutral-paper);text-decoration:none;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.magnna-account-hover a:hover{text-decoration:underline;text-underline-offset:4px;}
@media(max-width:980px){.magnna-account-hover{display:none!important;}}
/* v1.3.51 · shop assigned commercial card below filters */
.magnna-shop-commercial-card{position:relative;background:var(--color-brand-deep);color:var(--color-neutral-paper);border:1px solid rgba(240,242,245,.18);padding:24px 22px;margin-top:18px;overflow:hidden;}
.magnna-shop-commercial-card::before{content:"";position:absolute;top:0;left:0;width:42px;height:2px;background:var(--color-neutral-paper);opacity:.82;transition:width var(--duration-medium) var(--easing-standard);}
.magnna-shop-commercial-card:hover::before{width:100%;}
.magnna-shop-commercial-card__eyebrow{display:block;font-family:var(--font-mono);font-size:var(--size-micro);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:rgba(240,242,245,.58);font-weight:var(--weight-medium);margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(240,242,245,.15);}
.magnna-shop-commercial-card__name{display:block;font-family:var(--font-display);font-size:24px;line-height:1.1;letter-spacing:var(--tracking-snug);color:var(--color-neutral-paper);margin-bottom:6px;}
.magnna-shop-commercial-card__group{display:block;font-family:var(--font-italic);font-size:15px;line-height:1.35;color:rgba(240,242,245,.72);font-style:italic;margin-bottom:14px;}
.magnna-shop-commercial-card__link{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--color-neutral-paper);text-decoration:none;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.magnna-shop-commercial-card__link:hover{text-decoration:underline;text-underline-offset:4px;}
@media(max-width:1100px){.magnna-shop-commercial-card{display:none;}}
/* v1.3.53 · comercial asignado real */
.magnna-header-account-wrap{position:relative!important;overflow:visible!important;z-index:10030!important;}
.site-header,.site-header__inner,.site-header__actions{overflow:visible!important;}
.magnna-header-account-wrap:hover .magnna-account-hover,
.magnna-header-account-wrap:focus-within .magnna-account-hover,
.magnna-header-account-wrap.is-open .magnna-account-hover{opacity:1!important;visibility:visible!important;transform:translateY(0)!important;pointer-events:auto!important;}
.magnna-account-hover{right:-12px!important;top:calc(100% + 12px)!important;}
.magnna-account-hover__phone{font-weight:500;color:var(--color-neutral-paper)!important;}
.magnna-commercial-context span{color:rgba(240,242,245,.62)!important;}
.magnna-commercial-context strong{color:var(--color-neutral-paper)!important;}
.magnna-commercial-context em{font-family:var(--font-mono)!important;font-style:normal!important;color:rgba(240,242,245,.78)!important;}
/* v1.3.54 · comercial real en header y tienda */
.magnna-commercial-card{
position:relative;
background:var(--color-brand-deep);
color:var(--color-neutral-paper);
border:1px solid rgba(240,242,245,.18);
padding:24px 22px;
margin-top:18px;
overflow:hidden;
}
.magnna-commercial-card::before{
content:"";
position:absolute;
top:0;
left:0;
width:42px;
height:2px;
background:var(--color-neutral-paper);
opacity:.82;
transition:width var(--duration-medium) var(--easing-standard);
}
.magnna-commercial-card:hover::before{width:100%;}
.magnna-commercial-card__eyebrow{
display:block;
font-family:var(--font-mono);
font-size:var(--size-micro);
letter-spacing:var(--tracking-wider);
text-transform:uppercase;
color:rgba(240,242,245,.58);
font-weight:var(--weight-medium);
margin-bottom:14px;
padding-bottom:12px;
border-bottom:1px solid rgba(240,242,245,.15);
}
.magnna-commercial-card__name{
display:block;
font-family:var(--font-display);
font-size:24px;
line-height:1.1;
letter-spacing:var(--tracking-snug);
color:var(--color-neutral-paper);
margin-bottom:10px;
}
.magnna-commercial-card__phone,
.magnna-commercial-card__email{
display:block;
font-family:var(--font-mono);
font-size:11px;
letter-spacing:.08em;
color:var(--color-neutral-paper);
text-decoration:none;
margin-top:7px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.magnna-commercial-card__phone:hover,
.magnna-commercial-card__email:hover{text-decoration:underline;text-underline-offset:4px;}
.magnna-commercial-card--context{margin-top:0;}
.magnna-commercial-card--shop{margin-top:18px;}
.magnna-shop-header .magnna-commercial-card{display:none!important;}
.magnna-header-account-wrap{position:relative!important;overflow:visible!important;z-index:10050!important;}
.site-header,.site-header__inner,.site-header__actions{overflow:visible!important;}
.magnna-account-hover{display:block!important;right:-12px!important;top:calc(100% + 12px)!important;z-index:10080!important;}
.magnna-header-account-wrap:hover .magnna-account-hover,
.magnna-header-account-wrap:focus-within .magnna-account-hover,
.magnna-header-account-wrap.is-open .magnna-account-hover{opacity:1!important;visibility:visible!important;transform:translateY(0)!important;pointer-events:auto!important;}
@media(max-width:1100px){.magnna-commercial-card--shop{display:none!important;}}
@media(max-width:980px){.magnna-account-hover{display:none!important;}}
/* v1.3.55 · Commercial card visibility reinforcement */
.magnna-header-account-wrap{position:relative!important;display:inline-flex;align-items:center;}
.magnna-header-account-wrap .magnna-account-hover{
display:block;
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translateY(8px);
transition:opacity .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1),visibility .18s;
}
.magnna-header-account-wrap:hover .magnna-account-hover,
.magnna-header-account-wrap:focus-within .magnna-account-hover,
.magnna-header-account-wrap.is-open .magnna-account-hover{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:translateY(0)!important;
}
.magnna-commercial-card--shop-inline{margin:0 0 24px 0;}
.magnna-shop-content>.magnna-commercial-card--shop-inline{max-width:360px;}
@media(min-width:1101px){
.magnna-shop-layout>.magnna-commercial-card--shop,
.magnna-shop-layout>.magnna-commercial-card--shop-inline{align-self:start;}
}
/* v1.3.56 · Commercial cards iconography + tighter product card vertical rhythm */
.magnna-commercial-card__phone,
.magnna-commercial-card__email,
.magnna-account-hover__phone,
.magnna-account-hover__email{
display:inline-flex!important;
align-items:center!important;
gap:8px!important;
}
.magnna-commercial-icon{
width:15px!important;
height:15px!important;
flex:0 0 15px!important;
color:currentColor!important;
}
.magnna-account-hover .magnna-commercial-icon{
width:14px!important;
height:14px!important;
flex-basis:14px!important;
}
.magnna-product-card .magnna-product-info{
gap:7px!important;
}
.magnna-product-card .magnna-product-sku{
margin-top:4px!important;
}
.magnna-product-card .magnna-product-meta{
margin-top:12px!important;
padding-top:12px!important;
}
body.logged-in .magnna-product-card .magnna-product-meta,
.logged-in .magnna-product-card .magnna-product-meta{
margin-top:12px!important;
padding-top:12px!important;
}
body:not(.logged-in) .magnna-product-card .magnna-product-sku,
.magnna-product-card--guest .magnna-product-sku{
margin-top:4px!important;
}
/* v1.3.57 · product-card spacing, compact add button and account dropdown */
.magnna-product-card .magnna-product-sku{
margin-top:2px!important;
margin-bottom:0!important;
}
.magnna-product-card .magnna-product-meta{
margin-top:6px!important;
padding-top:8px!important;
}
body.logged-in .magnna-product-card .magnna-product-meta,
.logged-in .magnna-product-card .magnna-product-meta{
margin-top:6px!important;
padding-top:8px!important;
}
.magnna-product-card .magnna-product-actions .button,
.magnna-product-card .add_to_cart_button{
min-width:132px!important;
justify-content:center!important;
text-align:center!important;
}
.magnna-account-dropdown{
width:260px!important;
padding:18px 0!important;
background:var(--color-neutral-bright)!important;
color:var(--color-brand-deep)!important;
border:1px solid var(--color-rule-medium)!important;
box-shadow:0 22px 60px rgba(14,42,61,.14)!important;
}
.magnna-account-dropdown::after{content:none!important;}
.magnna-account-dropdown__name{
display:block!important;
padding:0 20px 14px!important;
margin:0 0 8px!important;
border-bottom:1px solid var(--color-rule-medium)!important;
font-family:var(--font-display)!important;
font-size:18px!important;
line-height:1.15!important;
letter-spacing:var(--tracking-snug)!important;
color:var(--color-brand-deep)!important;
}
.magnna-account-dropdown__links{display:grid!important;}
.magnna-account-dropdown__links a{
display:block!important;
padding:10px 20px!important;
margin:0!important;
color:var(--color-text-muted)!important;
font-family:var(--font-mono)!important;
font-size:11px!important;
letter-spacing:var(--tracking-wide)!important;
text-transform:uppercase!important;
text-decoration:none!important;
white-space:nowrap!important;
transition:background var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard)!important;
}
.magnna-account-dropdown__links a:hover{
background:var(--color-neutral-cool)!important;
color:var(--color-brand-primary)!important;
text-decoration:none!important;
}
@media(max-width:980px){.magnna-account-dropdown{display:none!important;}}
/* v1.3.58 · Account dropdown aligned to Magnna visual system */
.magnna-account-dropdown{
width:270px!important;
padding:0!important;
overflow:hidden!important;
background:var(--color-neutral-bright)!important;
color:var(--color-brand-deep)!important;
border:1px solid var(--color-rule-medium)!important;
box-shadow:0 22px 60px rgba(14,42,61,.14)!important;
}
.magnna-account-dropdown__name{
display:block!important;
padding:16px 18px!important;
margin:0!important;
background:var(--color-brand-primary)!important;
color:var(--color-neutral-paper)!important;
border-bottom:0!important;
font-family:var(--font-display)!important;
font-size:18px!important;
line-height:1.1!important;
letter-spacing:var(--tracking-snug)!important;
}
.magnna-account-dropdown__links{
display:grid!important;
padding:8px 0!important;
gap:0!important;
}
.magnna-account-dropdown__links a{
display:flex!important;
align-items:center!important;
min-height:34px!important;
padding:7px 18px!important;
margin:0!important;
color:var(--color-text-muted)!important;
font-family:var(--font-mono)!important;
font-size:10.5px!important;
line-height:1.2!important;
letter-spacing:var(--tracking-wide)!important;
text-transform:uppercase!important;
text-decoration:none!important;
white-space:nowrap!important;
border-left:2px solid transparent!important;
transition:background var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard)!important;
}
.magnna-account-dropdown__links a:hover{
background:var(--color-neutral-cool)!important;
color:var(--color-brand-primary)!important;
border-left-color:var(--color-brand-primary)!important;
text-decoration:none!important;
}
/* v1.3.60 · Product card compact action and account/cart hover isolation */
.magnna-product-card .magnna-product-meta{margin-top:2px!important;padding-top:6px!important;}
body.logged-in .magnna-product-card .magnna-product-meta,.logged-in .magnna-product-card .magnna-product-meta{margin-top:2px!important;padding-top:6px!important;}
.magnna-product-card .magnna-product-price,.magnna-product-card .price{margin-bottom:0!important;}
.magnna-product-card .magnna-product-actions{margin-top:4px!important;padding-top:0!important;}
.magnna-product-card .magnna-product-actions .button,.magnna-product-card .add_to_cart_button{min-height:30px!important;height:30px!important;padding:6px 18px!important;line-height:1!important;min-width:132px!important;}
.site-header__actions{position:relative!important;}
.magnna-header-account-wrap{position:relative!important;z-index:10090!important;}
.magnna-header-account-wrap .magnna-account-dropdown{right:0!important;left:auto!important;top:calc(100% + 10px)!important;z-index:10120!important;}
body.magnna-account-dropdown-active .site-header .magnna-cart-wrap .magnna-mini-cart,body.magnna-account-dropdown-active .site-header .magnna-cart-wrap:hover .magnna-mini-cart,body.magnna-account-dropdown-active .site-header .magnna-cart-wrap:focus-within .magnna-mini-cart{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(8px)!important;}
body.magnna-account-dropdown-active .site-header .magnna-cart-wrap::after{pointer-events:none!important;}
@supports selector(:has(*)){.site-header__actions:has(.magnna-header-account-wrap:hover) .magnna-cart-wrap .magnna-mini-cart,.site-header__actions:has(.magnna-header-account-wrap:focus-within) .magnna-cart-wrap .magnna-mini-cart{opacity:0!important;visibility:hidden!important;pointer-events:none!important;}}
/* v1.3.61 · Ultra compact product CTA and stable account dropdown */
body.logged-in .magnna-product-card .magnna-product-meta,
.logged-in .magnna-product-card .magnna-product-meta,
.magnna-product-card .magnna-product-meta{
margin-top:0!important;
padding-top:4px!important;
min-height:44px!important;
}
.magnna-product-card .magnna-product-price,
.magnna-product-card .price{
margin:0!important;
line-height:1!important;
}
.magnna-product-card .magnna-product-actions{
margin-top:0!important;
padding-top:0!important;
}
.magnna-product-card .magnna-product-actions .button,
.magnna-product-card .add_to_cart_button{
min-height:26px!important;
height:26px!important;
padding:4px 18px!important;
line-height:1!important;
min-width:132px!important;
}
.magnna-header-account-wrap{
position:relative!important;
z-index:10150!important;
padding-block:10px!important;
margin-block:-10px!important;
}
.magnna-header-account-wrap::after{
content:""!important;
position:absolute!important;
left:-18px!important;
right:-18px!important;
top:100%!important;
height:18px!important;
display:block!important;
background:transparent!important;
pointer-events:auto!important;
}
.magnna-header-account-wrap .magnna-account-dropdown,
.magnna-header-account-wrap .magnna-account-hover{
top:calc(100% + 2px)!important;
right:0!important;
left:auto!important;
z-index:10200!important;
pointer-events:auto!important;
}
.magnna-header-account-wrap:hover .magnna-account-dropdown,
.magnna-header-account-wrap:focus-within .magnna-account-dropdown,
.magnna-header-account-wrap.is-open .magnna-account-dropdown,
body.magnna-account-dropdown-active .magnna-header-account-wrap .magnna-account-dropdown{
opacity:1!important;
visibility:visible!important;
transform:translateY(0)!important;
pointer-events:auto!important;
}
body.magnna-account-dropdown-active .site-header .magnna-cart-wrap .magnna-mini-cart,
body.magnna-account-dropdown-active .site-header .magnna-cart-wrap:hover .magnna-mini-cart,
body.magnna-account-dropdown-active .site-header .magnna-cart-wrap:focus-within .magnna-mini-cart{
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
transform:translateY(8px)!important;
}
/* v1.3.62 · Product cards: remove blank gap between price and Add button.
Keep the CTA readable while preventing flex/min-height rules from pushing it down. */
.products .magnna-product-card{
min-height:0!important;
height:auto!important;
}
.magnna-product-card .magnna-product-info{
flex:0 0 auto!important;
min-height:0!important;
padding-bottom:0!important;
}
.magnna-product-card .magnna-product-brand{
min-height:0!important;
}
.magnna-product-card .woocommerce-loop-product__title{
min-height:calc(1.22em * 3)!important;
max-height:calc(1.22em * 3)!important;
margin-bottom:8px!important;
}
.magnna-product-card .magnna-product-sku{
margin-bottom:0!important;
min-height:0!important;
}
body.logged-in .magnna-product-card .magnna-product-meta,
.logged-in .magnna-product-card .magnna-product-meta,
.magnna-product-card .magnna-product-meta{
margin-top:4px!important;
padding-top:6px!important;
min-height:0!important;
align-items:center!important;
}
.magnna-product-card .magnna-product-price,
.magnna-product-card .price{
margin:0!important;
line-height:1.05!important;
}
.magnna-product-card .magnna-product-moq{
margin:0!important;
line-height:1.05!important;
}
.magnna-product-card .magnna-product-actions{
margin-top:8px!important;
padding:0 42px 24px!important;
}
.magnna-product-card .magnna-product-actions .button,
.magnna-product-card .add_to_cart_button{
min-height:36px!important;
height:36px!important;
padding:8px 18px!important;
line-height:1!important;
min-width:132px!important;
}
@media (max-width: 768px){
.magnna-product-card .magnna-product-actions{
padding:0 22px 22px!important;
}
}
/* v1.3.63 · Product cards: small controlled breathing room between price row and Add button. */
.magnna-product-card .magnna-product-actions{
margin-top:12px!important;
padding-top:0!important;
}
.magnna-product-card .magnna-product-actions .button,
.magnna-product-card .add_to_cart_button{
min-height:36px!important;
height:36px!important;
}
@media (max-width: 768px){
.magnna-product-card .magnna-product-actions{
margin-top:10px!important;
}
}
/* v1.3.64 · Product cards: +10px between separator/price and price/button. */
body.logged-in .magnna-product-card .magnna-product-meta,
.logged-in .magnna-product-card .magnna-product-meta,
.magnna-product-card .magnna-product-meta{
margin-top:14px!important;
padding-top:6px!important;
}
.magnna-product-card .magnna-product-actions{
margin-top:22px!important;
padding-top:0!important;
}
@media (max-width: 768px){
body.logged-in .magnna-product-card .magnna-product-meta,
.logged-in .magnna-product-card .magnna-product-meta,
.magnna-product-card .magnna-product-meta{
margin-top:12px!important;
}
.magnna-product-card .magnna-product-actions{
margin-top:20px!important;
}
}
/* v1.3.65 · Product cards: +5px additional spacing between separator and price. */
body.logged-in .magnna-product-card .magnna-product-meta,
.logged-in .magnna-product-card .magnna-product-meta,
.magnna-product-card .magnna-product-meta{
padding-top:11px!important;
}
@media (max-width: 768px){
body.logged-in .magnna-product-card .magnna-product-meta,
.logged-in .magnna-product-card .magnna-product-meta,
.magnna-product-card .magnna-product-meta{
padding-top:11px!important;
}
}
/* v1.3.66 · Shop, footer and visual refinements */
.magnna-account-dropdown__name{background:var(--color-brand-deep)!important;color:var(--color-neutral-paper)!important;}
body.woocommerce-shop .magnna-breadcrumb{display:none!important;}
body.woocommerce-shop .magnna-shop-header{margin-top:20px!important;}
.magnna-product-card .magnna-product-image{padding:6px!important;}
.magnna-product-card .magnna-product-image img,
.magnna-product-card img.magnna-product-img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;}
.magnna-product-card .magnna-product-image .magnna-product-img--fallback{padding:20px!important;}
.magnna-brand-filter-list{list-style:none;margin:0;padding:0;display:grid;gap:2px;}
.magnna-brand-filter-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dotted var(--color-rule-medium);text-decoration:none;color:var(--color-text-soft);font-size:var(--size-caption);letter-spacing:.04em;transition:color var(--duration-default) var(--easing-standard),padding-left var(--duration-default) var(--easing-standard);}
.magnna-brand-filter-list a:hover,.magnna-brand-filter-list a.is-active{color:var(--color-brand-primary);padding-left:6px;}
.magnna-brand-filter-list em{font-style:normal;font-size:10px;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);}
.site-footer{padding:64px 0 26px!important;}
.site-footer__grid--blocks{grid-template-columns:1.35fr repeat(3,minmax(140px,1fr))!important;gap:42px!important;align-items:start;}
.site-footer__brand .magnna-logo img{max-height:54px;}
.site-footer__text{margin:14px 0 0;color:rgba(240,242,245,.62);font-size:12px;line-height:1.6;max-width:32ch;}
.site-footer__block h3{margin:0 0 16px;font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:rgba(240,242,245,.45);font-weight:var(--weight-medium);}
.site-footer__block ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.site-footer__block a{color:rgba(240,242,245,.72);text-decoration:none;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;transition:color var(--duration-default) var(--easing-standard);}
.site-footer__block a:hover{color:var(--color-neutral-paper);}
.site-footer__bottom{display:flex;justify-content:space-between;gap:24px;margin-top:42px;padding-top:22px;border-top:1px solid rgba(240,242,245,.14);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:rgba(240,242,245,.42);}
.site-footer__bottom p{margin:0;}
@media(max-width:900px){.site-footer__grid--blocks{grid-template-columns:1fr 1fr!important}.site-footer__brand{grid-column:1/-1}.site-footer__bottom{display:grid;}}
@media(max-width:560px){.site-footer__grid--blocks{grid-template-columns:1fr!important}}