/* MoScale "moto" design layer: restyles the existing WooCommerce block theme (TT5) + new homepage sections.
   Everything is scoped to body.moto-design so removing the plugin restores the original look. */
body.moto-design{
  --md-red:#e10f18; --md-red-dark:#a80a10; --md-ink:#0d0d0e; --md-ink2:#1a1a1d; --md-muted:#4a4d53;
  --md-page:#f5f6f8; --md-line:#e3e5e9;
  background:var(--md-page); color:#141416; overflow-x:clip;
  /* same frame as the mockup: everything (header, sections, product grid, pagination) 1180px wide */
  --wp--style--global--wide-size:1180px; --wp--style--global--content-size:1180px;
  font-size:16px; letter-spacing:normal; line-height:1.5;
}
body.moto-design main{padding-left:16px!important; padding-right:16px!important}
body.moto-design:not(.post-type-archive-product) main{padding-top:36px!important}
@media (max-width:900px){body.moto-design:not(.post-type-archive-product) main{padding-top:20px!important}}
body.moto-design header .wp-block-group.alignwide,
body.moto-design main .alignwide,
body.moto-design .wp-block-woocommerce-product-collection,
body.moto-design .wp-block-query-pagination{max-width:1180px!important; margin-left:auto!important; margin-right:auto!important}
body.moto-design .wc-block-product-template{display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:24px!important}
body.moto-design .wc-block-product-template > li{width:auto!important; max-width:none!important; margin:0!important}
@media (max-width:900px){body.moto-design .wc-block-product-template{grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important}}
/* header order like the mockup: logo, menu next to it, then currency, language, account, cart on the right */
body.moto-design header .wp-block-group.alignwide{gap:22px}
body.moto-design header .wp-block-group.alignwide > .is-content-justification-right{flex:1; justify-content:flex-end; gap:8px}
body.moto-design header .wp-block-group.alignwide > .is-content-justification-right > .wp-block-navigation{order:-1; margin-right:auto; margin-left:12px}
body.moto-design header .wp-block-navigation .wp-block-navigation__container{gap:26px}
body.moto-design header [class*="lazyblock-selector"]{margin:0!important; padding:0!important}
body.moto-design header .wp-block-woocommerce-customer-account,body.moto-design header .wc-block-customer-account{margin-left:10px; padding-left:14px; border-left:1px solid rgba(255,255,255,.18)}

/* ---------- Header: black racing bar ---------- */
/* the whole header sticks; it slides up by the ticker height so only the black bar stays visible */
body.moto-design header.wp-block-template-part{position:sticky; top:calc(-1 * var(--md-tick, 46px)); z-index:60}
body.admin-bar.moto-design header.wp-block-template-part{top:calc(32px - var(--md-tick, 46px))}
body.moto-design header.wp-block-template-part > .wp-block-group.alignfull{
  position:relative; z-index:50; background:var(--md-ink); color:#fff; border-bottom:3px solid var(--md-red);
  background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 2px,transparent 2px 6px);
}
body.moto-design header.wp-block-template-part > .wp-block-group.alignfull::after{
  content:""; position:absolute; top:0; bottom:0; right:0; width:300px; pointer-events:none; z-index:0;
  background:linear-gradient(105deg,transparent 0 22%,var(--md-red) 22% 34%,transparent 34% 40%,var(--md-red) 40% 46%,transparent 46% 51%,rgba(225,15,24,.55) 51% 54%,transparent 54%);
}
body.moto-design header .wp-block-group.alignwide{position:relative; z-index:1; min-height:70px}
body.moto-design header .custom-logo{filter:brightness(0) invert(1); height:30px; width:auto}
body.moto-design header .wp-block-navigation{color:#fff}
body.moto-design header .wp-block-navigation .wp-block-navigation-item__content{
  font-size:15px; font-weight:600; text-transform:uppercase; letter-spacing:.6px; color:#e6e7ea; padding:8px 4px; position:relative}
body.moto-design header .wp-block-navigation .wp-block-navigation-item__content:hover{color:#fff}
body.moto-design header .wp-block-navigation .wp-block-navigation-item__content::after{
  content:""; position:absolute; left:4px; right:4px; bottom:0; height:3px; background:var(--md-red); transform:scaleX(0); transform-origin:left; transition:transform .2s}
body.moto-design header .wp-block-navigation .wp-block-navigation-item__content:hover::after,
body.moto-design header .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content::after{transform:scaleX(1)}
/* account + mini cart as square buttons */
body.moto-design header .wc-block-customer-account a,
body.moto-design header .wp-block-woocommerce-customer-account a,
body.moto-design header .wc-block-mini-cart__button{
  display:grid; place-items:center; width:44px; height:44px; padding:0; border-radius:4px; color:#fff;
  background:#26262a; border:1px solid rgba(255,255,255,.14)}
body.moto-design header .wc-block-mini-cart__button{background:var(--md-red); border-color:var(--md-red)}
body.moto-design header .wc-block-mini-cart__button:hover{background:var(--md-red-dark)}
body.moto-design header .wc-block-customer-account svg,
body.moto-design header .wp-block-woocommerce-customer-account svg,
body.moto-design header .wc-block-mini-cart__icon{width:22px; height:22px; color:#fff; fill:currentColor}
body.moto-design header .wc-block-mini-cart__badge{background:#fff; color:var(--md-red); font-weight:800}
/* currency + language selectors (existing lazy blocks) */
body.moto-design header .sw-trigger{background:rgba(255,255,255,.07)!important; color:#fff!important;
  border:1px solid rgba(255,255,255,.22)!important; border-radius:4px!important; font-size:14px!important; font-weight:700!important; min-height:40px}
body.moto-design header .sw-trigger svg{stroke:#fff; color:#fff}
/* dropdown menus like the mockup: white, compact rows, right-aligned under the button */
body.moto-design header .ultimate-currency-switcher,
body.moto-design header .ml-lang-switcher{position:relative}
body.moto-design header .sw-dropdown{top:calc(100% + 10px)!important; right:0!important; left:auto!important; min-width:250px!important;
  background:#fff!important; border:0!important; border-radius:6px!important; border-top:4px solid var(--md-red)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.28)!important; overflow:hidden; padding:0 0 6px!important}
body.moto-design .sw-dropdown .sw-header{padding:12px 16px 8px!important; font-size:12px!important; font-weight:800!important;
  letter-spacing:1.2px!important; text-transform:uppercase; color:var(--md-muted)!important; border-bottom:0!important}
body.moto-design .sw-dropdown ul{margin:0!important; padding:0!important}
body.moto-design .sw-dropdown li{border:0!important; margin:0!important}
body.moto-design .sw-dropdown li a{display:flex!important; align-items:center; gap:12px!important; min-height:50px!important; padding:0 16px!important;
  line-height:1.2!important; font-size:16px!important; color:var(--md-ink)!important; border-left:4px solid transparent; border-bottom:0!important}
body.moto-design .sw-dropdown li a:hover{background:#f3f4f6!important}
body.moto-design .sw-dropdown .c-code{min-width:46px!important; font-weight:800!important; color:var(--md-ink)}
body.moto-design .sw-dropdown .c-name{flex:1; color:#3c3f45}
body.moto-design .sw-dropdown li.active{background:transparent!important}
body.moto-design .sw-dropdown li.active a{background:#fdecec!important; border-left-color:var(--md-red)}
body.moto-design .sw-dropdown li.active .c-code{color:var(--md-red)!important}
body.moto-design .sw-dropdown li.active a::after{content:"\2713"; color:var(--md-red); font-weight:900; font-size:18px}
/* open button: white, so it is clear which menu is open */
body.moto-design header .sw-trigger[aria-expanded="true"],
body.moto-design header .md-open > .sw-trigger{background:rgba(255,255,255,.14)!important; color:#fff!important; border-color:#fff!important}
/* cart counter: white on the red button */
body.moto-design header .wc-block-mini-cart__button{position:relative}
body.moto-design header .wc-block-mini-cart__quantity-badge{position:static!important}
body.moto-design header .wc-block-mini-cart__badge{position:absolute!important; top:-7px!important; right:-7px!important; left:auto!important;
  min-width:19px!important; height:19px!important; padding:0 5px!important; border-radius:10px!important; border:0!important;
  background:#fff!important; color:var(--md-red)!important; font-size:11px!important; font-weight:800!important; line-height:19px!important;
  display:grid!important; place-items:center; transform:none!important; box-shadow:0 1px 3px rgba(0,0,0,.35)}
/* mobile menu button */
body.moto-design header .wp-block-navigation__responsive-container-open{
  width:44px; height:44px; place-items:center; color:#fff; background:#26262a; border:1px solid rgba(255,255,255,.14); border-radius:4px}

/* ---------- Product grid ---------- */
body.moto-design .mi-tarjeta-producto{border-radius:8px!important; box-shadow:0 2px 14px rgba(0,0,0,.05)}
body.moto-design .wc-block-product .wp-block-post-title,
body.moto-design .wc-block-product .wp-block-post-title a{font-size:18px!important; font-weight:700; line-height:1.3; color:#141416}
body.moto-design .wc-block-product .wc-block-components-product-price{font-size:17px!important; font-weight:600}
body.moto-design .wc-block-product .wc-block-components-product-price del{color:#5b5e64; font-weight:500}
body.moto-design .wc-block-product .wp-block-button__link,
body.moto-design .wc-block-product .add_to_cart_button{font-size:16px!important; font-weight:700; border-radius:6px!important; padding:14px 12px!important}
body.moto-design .wc-block-components-product-image{position:relative}
.moto-flags{position:absolute; right:8px; bottom:8px; justify-content:flex-end; display:flex; gap:5px; z-index:2; pointer-events:none}
.moto-flag{font-family:inherit; font-size:12.5px; font-weight:800; text-transform:uppercase; letter-spacing:.5px; padding:4px 8px; border-radius:2px;
  color:#fff; background:var(--md-red); display:inline-flex; align-items:center; gap:4px; white-space:nowrap; line-height:1}
.moto-flag.dark{background:var(--md-ink)}
/* pagination as buttons (like the mockup), with hover/press/loading feedback */
body.moto-design .wp-block-query-pagination{gap:10px!important; margin-top:30px!important; margin-bottom:50px!important; align-items:center}
body.moto-design .wp-block-query-pagination-numbers{display:flex; gap:10px}
body.moto-design .wp-block-query-pagination .page-numbers,
body.moto-design .wp-block-query-pagination-next,
body.moto-design .wp-block-query-pagination-previous{
  display:inline-grid; place-items:center; box-sizing:border-box; min-width:52px; height:52px; padding:0 18px; border-radius:6px; background:#fff;
  border:2px solid var(--md-ink); color:var(--md-ink); font-weight:800; font-size:17px; line-height:1; text-decoration:none!important;
  transition:background .15s,color .15s,transform .1s,box-shadow .15s; cursor:pointer}
body.moto-design .wp-block-query-pagination .page-numbers{width:52px; padding:0}
body.moto-design .wp-block-query-pagination a.page-numbers:hover{background:var(--md-ink); color:#fff; box-shadow:0 4px 14px rgba(0,0,0,.18)}
body.moto-design .wp-block-query-pagination .page-numbers.current{background:var(--md-ink); color:#fff; cursor:default; box-shadow:inset 0 -4px 0 var(--md-red)}
body.moto-design .wp-block-query-pagination-next,
body.moto-design .wp-block-query-pagination-previous{background:var(--md-red); border-color:var(--md-red); color:#fff!important; padding:0 22px}
body.moto-design .wp-block-query-pagination-next::after{content:" \2192"; white-space:pre}
body.moto-design .wp-block-query-pagination-previous::before{content:"\2190  "; white-space:pre}
body.moto-design .wp-block-query-pagination-next:hover,
body.moto-design .wp-block-query-pagination-previous:hover{background:var(--md-red-dark); border-color:var(--md-red-dark); box-shadow:0 4px 14px rgba(225,15,24,.35)}
body.moto-design .wp-block-query-pagination a:active{transform:translateY(2px) scale(.97)}
body.moto-design .wp-block-query-pagination a:focus-visible{outline:3px solid #f5a623; outline-offset:2px}
body.moto-design .md-loading{position:relative}
body.moto-design .md-loading .wc-block-product-template{opacity:.35; transition:opacity .15s; pointer-events:none}
body.moto-design .md-loading::after{content:""; position:absolute; left:50%; top:120px; width:44px; height:44px; margin-left:-22px; border-radius:50%;
  border:4px solid rgba(13,13,14,.15); border-top-color:var(--md-red); animation:mdspin .7s linear infinite; z-index:5}
@keyframes mdspin{to{transform:rotate(360deg)}}

/* ---------- Icons ---------- */
.md-ic{width:1.25em; height:1.25em; flex:none; vertical-align:-.25em; fill:currentColor}
.md-ic.md-flame{transform:scaleX(1.4); margin:0 .22em}
.wp-block-lazyblock-barra-de-anuncios{--acc:#0d0d0e}
.wp-block-lazyblock-barra-de-anuncios .md-ic{width:1.15em; height:1.15em; color:#fff}

/* ---------- New sections ---------- */
.md{font-family:inherit; color:#141416; max-width:1180px; margin:0 auto}
.md *{box-sizing:border-box}
.md h1,.md h2,.md h3,.md p,.md-slide .txt > *,.md-band h3,.md-band p,.md-faq h3,.md-final h3,.md-final p{margin-block-start:0; margin-block-end:0}
.md-slide .txt > * + *{margin-top:0}
.md-hook{display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin:22px 0 14px}
.md-hook h1{font-size:35px; line-height:1; font-weight:900; font-style:italic; text-transform:uppercase; letter-spacing:-1px; margin:0}
.md-hook h1 em{color:var(--md-red)}
.md-hook .sub{margin:8px 0 0; font-size:17px; color:#2b2d31}
.md-proof{display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end}
.md-chip{display:inline-flex; align-items:center; gap:6px; background:var(--md-ink); color:#fff; font-size:14px; font-weight:700; padding:8px 12px; border-radius:3px; white-space:nowrap}
.md-chip.red{background:var(--md-red); --acc:#0d0d0e}

.md-slider{position:relative; overflow:hidden; background:var(--md-ink); color:#fff; height:350px; border-radius:6px 6px 0 0; touch-action:pan-y}
.md-slide{position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .7s ease,visibility .7s}
.md-slide.on{opacity:1; visibility:visible}
.md-slide .bg{position:absolute; inset:0; background:radial-gradient(120% 90% at 0% 100%,rgba(225,15,24,.28),transparent 55%),repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 2px,transparent 2px 7px),var(--md-ink)}
.md-slide .pic{position:absolute; top:0; bottom:0; right:0; width:58%; clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}
.md-slide .pic img{width:100%; height:100%; object-fit:cover; object-position:center 60%; transform:scale(1.08); transition:transform 6s linear}
.md-slide.on .pic img{transform:scale(1)}
.md-slide .slash{position:absolute; top:0; bottom:0; left:calc(42% - 22px); width:46px; background:var(--md-red); clip-path:polygon(60% 0,100% 0,40% 100%,0 100%)}
.md-slide .txt{position:relative; z-index:1; height:100%; display:flex; flex-direction:column; justify-content:center; padding:0 0 46px 48px; max-width:46%}
.md-tag{align-self:flex-start; font-size:13px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; color:#fff; background:var(--md-red); padding:5px 12px 5px 10px; clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}
.md-slide .txt h2{font-size:54px; line-height:.95; font-weight:900; font-style:italic; margin:14px 0 4px; letter-spacing:-1.5px; text-transform:uppercase; color:#fff}
.md-slide .brand{font-size:15px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:#c9cbd0}
.md-slide .txt p{margin:12px 0 18px; color:rgba(255,255,255,.9); font-size:16px; line-height:1.5; min-height:3em}
.md-cta{display:flex; flex-direction:column; align-items:flex-start; gap:12px}
.md-price{font-size:15px; color:rgba(255,255,255,.75); white-space:nowrap; min-height:32px; display:flex; align-items:baseline; gap:8px}
.md-price del{opacity:.75}
.md-price ins{text-decoration:none; color:#fff; font-size:24px; font-weight:900}
.md-save{font-size:12px; font-weight:800; color:var(--md-ink); background:#fff; padding:2px 6px}
.md-btn{display:inline-flex; align-items:center; gap:10px; background:var(--md-red); color:#fff!important; font-weight:800; font-size:16px; letter-spacing:.8px; text-transform:uppercase;
  padding:15px 28px 15px 24px; clip-path:polygon(0 0,100% 0,93% 100%,0 100%); text-decoration:none!important; white-space:nowrap}
.md-btn:hover{background:var(--md-red-dark)}
.md-slide .txt>*{opacity:0; transform:translateX(-16px); transition:opacity .5s,transform .5s}
.md-slide.on .txt>*{opacity:1; transform:none}
.md-arrow{position:absolute; bottom:18px; z-index:3; width:40px; height:40px; border:0; cursor:pointer; background:rgba(13,13,14,.7); color:#fff; display:grid; place-items:center}
.md-arrow:hover{background:var(--md-red)}
.md-arrow.prev{right:64px}.md-arrow.next{right:18px}
.md-arrow svg{width:16px; height:16px}
.md-dots{position:absolute; left:48px; bottom:22px; z-index:3; display:flex; gap:8px; align-items:center}
.md-dot{width:30px; height:6px; background:rgba(255,255,255,.25); overflow:hidden; border:0; cursor:pointer; padding:0; border-radius:3px;
  transition:width .25s,background .25s}
.md-dot:hover{background:rgba(255,255,255,.5)}
.md-dot.on{width:56px; background:#fff}
.md-dot i{display:block; height:100%; width:0; background:var(--md-red)}
.md-dot.on i{animation:mdfill 5s linear forwards}
.md-slider.paused .md-dot.on i{animation-play-state:paused}
@keyframes mdfill{to{width:100%}}

.md-trust{display:grid; grid-template-columns:repeat(var(--md-cols,4),minmax(0,1fr)); background:#fff; border:1px solid var(--md-line); border-top:0; border-radius:0 0 6px 6px; margin-bottom:28px}
.md-trust > div{display:flex; align-items:center; gap:10px; padding:14px 16px; font-size:14px; line-height:1.3; color:#2b2d31}
.md-trust > div + div{border-left:1px solid var(--md-line)}
.md-trust b{display:block; color:var(--md-ink); font-size:15px}
.md-trust .md-ic{width:34px; height:34px; color:var(--md-ink)}

.md-scales{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:34px}
.md-scale{position:relative; display:flex; align-items:center; gap:14px; background:var(--md-ink); color:#fff!important; border-radius:6px; overflow:hidden; padding:12px 16px 12px 12px; text-decoration:none!important}
.md-scale::after{content:""; position:absolute; right:-20px; top:0; bottom:0; width:70px; background:var(--md-red); transform:skewX(-18deg)}
.md-scale img{width:74px; height:74px; object-fit:cover; border-radius:4px; flex:none}
.md-scale .n{font-size:26px; font-weight:900; font-style:italic; line-height:1}
.md-scale .l{font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:#d4d6da; margin-top:3px}
.md-scale .p{font-size:15px; margin-top:5px}
.md-scale .p b{font-size:17px; white-space:nowrap}
.md-scale .go{position:relative; z-index:1; margin-left:auto; font-size:22px; font-weight:900}
.md-sec-t{display:flex; align-items:center; gap:10px; font-size:22px; font-weight:900; font-style:italic; text-transform:uppercase; margin:0 0 16px}
.md-sec-t::before{content:""; width:6px; height:22px; background:var(--md-red); transform:skewX(-15deg)}

.md-band{background:var(--md-ink); color:#fff; padding:46px 16px; margin-top:20px; background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 2px,transparent 2px 7px)}
.md-band h3{font-size:30px; font-weight:900; font-style:italic; text-transform:uppercase; text-align:center; margin:0; color:#fff}
.md-band h3 em{color:var(--md-red)}
.md-band .lead{text-align:center; color:#d4d6da; margin:8px auto 30px!important; max-width:620px; font-size:16px}
.md-why{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; max-width:1180px; margin:0 auto}
.md-why > div{background:#18181b; border:1px solid #2a2a2f; border-top:3px solid var(--md-red); padding:20px 18px; border-radius:4px}
.md-why .i{display:inline-grid; place-items:center; width:52px; height:52px; background:#0d0d0e; border:2px solid var(--md-red); transform:skewX(-8deg)}
.md-why .i .md-ic{width:32px; height:32px; color:#fff; transform:skewX(8deg); --bgc:#0d0d0e}
.md-why b{display:block; font-size:17px; margin:10px 0 6px}
.md-why p{font-size:15px; color:#d4d6da; line-height:1.5; margin:0}

.md-faq{max-width:780px; margin:0 auto; padding:40px 16px 30px}
.md-faq h3{font-size:26px; font-weight:900; font-style:italic; text-transform:uppercase; text-align:center; margin:0 0 18px}
.md-faq details{background:#fff; border:1px solid var(--md-line); border-left:4px solid var(--md-red); border-radius:4px; margin-bottom:10px}
.md-faq summary{cursor:pointer; list-style:none; padding:18px 20px; font-weight:700; font-size:17px; display:flex; justify-content:space-between; gap:10px}
.md-faq summary::-webkit-details-marker{display:none}
.md-faq summary::after{content:"+"; font-size:22px; color:var(--md-red); line-height:1}
.md-faq details[open] summary::after{content:"–"}
.md-faq details p{padding:0 20px 18px; margin:0; color:#2b2d31; font-size:16px; line-height:1.6}

.md-final{position:relative; color:#fff; text-align:center; padding:46px 16px 54px; overflow:hidden;
  background:
    repeating-linear-gradient(115deg,transparent 0 26px,rgba(0,0,0,.07) 26px 40px),
    radial-gradient(120% 140% at 50% 0%,#ec1a22 0%,#e10f18 45%,#9e0a10 100%)}
/* racing stripes on both sides + checkered strip, so the red block is not a flat panel */
.md-final::before,.md-final::after{content:""; position:absolute; top:0; bottom:0; width:220px; pointer-events:none;
  background:linear-gradient(105deg,transparent 0 30%,rgba(13,13,14,.85) 30% 44%,transparent 44% 52%,rgba(13,13,14,.55) 52% 58%,transparent 58%)}
.md-final::before{left:-40px}
.md-final::after{right:-40px; transform:scaleX(-1)}
.md-final > *{position:relative; z-index:1}
.md-final .md-checker{position:absolute; left:0; right:0; top:0; height:10px; z-index:1;
  background:conic-gradient(#0d0d0e 25%,transparent 0 50%,#0d0d0e 0 75%,transparent 0) 0 0/20px 20px; opacity:.9}
.md-final h3{font-size:30px; font-weight:900; font-style:italic; text-transform:uppercase; margin:0; color:#fff; text-shadow:0 2px 0 rgba(0,0,0,.18)}
.md-final p{margin:6px 0 18px!important; font-size:16px}
/* the footer waves start right under the red block and rise from red into black */
body.moto-design:has(.md-final) .wp-block-lazyblock-separador-ondas-animado{background:#9e0a10; margin-top:0!important}
body.moto-design .md-final{margin-bottom:0}
body.moto-design:has(.md-final) footer.wp-block-template-part{margin-block-start:0!important}
.md-final a{display:inline-block; background:var(--md-ink); color:#fff!important; font-weight:800; text-transform:uppercase; letter-spacing:.8px; padding:15px 32px; clip-path:polygon(0 0,100% 0,94% 100%,0 100%); text-decoration:none!important}

/* sticky buy bar (all widths): appears after the poster, shows the bike on the poster */
.md-sticky{display:flex; position:fixed; left:0; right:0; bottom:0; z-index:60; align-items:center; gap:10px; padding:10px max(12px, calc((100vw - 1180px) / 2)); background:var(--md-ink); color:#fff;
  border-top:3px solid var(--md-red); transform:translateY(110%); transition:transform .3s}
.md-sticky.show{transform:none}
.md-sticky img{width:42px; height:42px; object-fit:cover; border-radius:3px}
.md-sticky .t{font-size:14px; line-height:1.3; flex:1; min-width:0}
.md-sticky .t b{display:block; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.md-sticky .t > span{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.md-sticky .t > span span{display:inline}
.md-sticky .t del{opacity:.7; font-size:.85em}
.md-sticky .t ins{text-decoration:none}
.md-sticky a{flex:none; background:var(--md-red); color:#fff!important; font-weight:800; font-size:14px; text-transform:uppercase; padding:13px 16px;
  clip-path:polygon(0 0,100% 0,92% 100%,0 100%); text-decoration:none!important; white-space:nowrap}
.md-sticky a{margin-left:auto}
@media (min-width:901px){.md-sticky{gap:16px}.md-sticky img{width:52px; height:52px}.md-sticky .t{font-size:15px; max-width:640px}.md-sticky .t b{font-size:17px}.md-sticky a{font-size:15px; padding:14px 28px}}

/* ---------- Mobile ---------- */
@media (max-width:900px){
  body.moto-design header .wp-block-group.alignwide{min-height:60px}
  body.moto-design header.wp-block-template-part > .wp-block-group.alignfull::after{width:180px}
  body.moto-design header .custom-logo{height:24px}
  body.moto-design header .wc-block-customer-account a,
body.moto-design header .wp-block-woocommerce-customer-account a, body.moto-design header .wc-block-mini-cart__button{width:42px; height:42px}
  .md-hook{flex-direction:column; align-items:flex-start; gap:8px; margin:14px 0 10px}
  .md-hook h1{font-size:27px; letter-spacing:-.6px}
  .md-hook .sub{font-size:15px}
  .md-proof{justify-content:flex-start; gap:6px}
  .md-chip{font-size:13px; padding:7px 10px}
  .md-slider{height:270px; border-radius:4px 4px 0 0}
  .md-slide .pic{width:62%}
  .md-slide .slash{left:calc(38% - 16px); width:30px}
  .md-slide .txt{max-width:56%; padding:0 0 16px 14px}
  .md-tag{font-size:10.5px; white-space:nowrap; padding:4px 9px 4px 7px}
  .md-slide .txt h2{font-size:25px; margin:8px 0 2px}
  .md-slide .brand{font-size:12px; letter-spacing:2px}
  .md-slide .txt p{display:none}
  .md-cta{gap:8px; margin-top:6px}
  .md-price{flex-direction:column; align-items:flex-start; gap:0; height:40px; justify-content:flex-end; font-size:12px}
  .md-price ins{font-size:19px; white-space:nowrap}
  .md-price-html{display:flex; flex-direction:column; align-items:flex-start; line-height:1.15}
  .md-save{display:none}
  .md-btn{font-size:12.5px; padding:11px 14px 11px 12px}
  .md-arrow{display:none}
  .md-dots{left:auto; right:24px; top:22px; bottom:auto}
  .md-dot{width:18px; height:5px}
  .md-dot.on{width:34px}
  .md-trust{grid-template-columns:1fr 1fr; margin-bottom:20px}
  .md-trust > div{padding:12px 10px; font-size:13px; gap:7px; min-width:0}
  .md-trust > div + div{border-left:0}
  .md-trust > div:nth-child(even){border-left:1px solid var(--md-line)}
  .md-trust > div:nth-child(n+3){border-top:1px solid var(--md-line)}
  .md-trust b{font-size:14px}
  .md-trust .md-ic{width:26px; height:26px}
  .md-trust span{min-width:0; hyphens:auto; -webkit-hyphens:auto}
  .md-scales{display:flex; overflow-x:auto; gap:10px; margin:0 -16px 24px; padding:0 16px; scroll-snap-type:x mandatory}
  .md-scale{flex:0 0 74%; scroll-snap-align:start}
  .md-scale img{width:58px; height:58px}
  .md-scale .n{font-size:22px}
  .md-band{padding:34px 16px}
  .md-band h3,.md-faq h3{font-size:21px}
  .md-why{grid-template-columns:1fr 1fr; gap:10px}
  .md-why > div{padding:14px 12px}
  .md-why .i{width:44px; height:44px}.md-why .i .md-ic{width:26px; height:26px}
  .md-why b{font-size:16px}.md-why p{font-size:14px}
  .md-faq summary{font-size:16px; padding:16px}
  .md-faq details p{font-size:15px; padding:0 16px 16px}
  .md-final h3{font-size:22px}
  body.moto-design .wc-block-product .wp-block-post-title, body.moto-design .wc-block-product .wp-block-post-title a{font-size:15.5px!important}
  body.moto-design .wc-block-product .wc-block-components-product-price{font-size:15.5px!important}
  body.moto-design .wc-block-product .wp-block-button__link, body.moto-design .wc-block-product .add_to_cart_button{font-size:14.5px!important; padding:13px 6px!important}
  .moto-flag{font-size:11.5px}
  body.md-sticky-on .ultimate-currency-switcher{bottom:84px!important}
}