/* Car Diag mobile commerce system. Desktop remains governed by the main readability layer. */
@media (max-width:767px){
  :root{
    --cd-m-bg:#f4f7fb;
    --cd-m-surface:#ffffff;
    --cd-m-soft:#f8fafc;
    --cd-m-border:#cbd7e5;
    --cd-m-heading:#0b1f3a;
    --cd-m-text:#172033;
    --cd-m-muted:#526173;
    --cd-m-action:#b45309;
    --cd-m-action-hover:#8f3f00;
    --cd-m-link:#005ea8;
    --cd-m-sale:#b42318;
    --cd-m-radius:7px;
    --cd-m-shadow:0 8px 22px rgba(15,35,58,.08);
  }

  html{background:var(--cd-m-bg)!important;scroll-padding-top:12px}
  html body:not(.wp-admin){
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    background:var(--cd-m-bg)!important;
    color:var(--cd-m-text)!important;
    font-size:15px!important;
    line-height:1.55!important;
    overflow-x:clip!important;
    -webkit-text-size-adjust:100%;
  }
  html body :is(*,::before,::after){box-sizing:border-box}
  html body :is(img,video,iframe,svg,canvas){max-width:100%}
  html body :is(p,li,dd,dt,figcaption){overflow-wrap:break-word;word-break:normal}
  html body :is(h1,h2,h3,h4,h5,h6){
    color:var(--cd-m-heading)!important;
    letter-spacing:0!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    text-wrap:balance;
  }
  html body h1{font-size:clamp(28px,8.4vw,36px)!important;line-height:1.12!important}
  html body h2{font-size:clamp(23px,6.8vw,30px)!important;line-height:1.18!important}
  html body h3{font-size:clamp(18px,5.2vw,22px)!important;line-height:1.25!important}

  /* Compact mobile header with the same Car Diag identity. */
  html body .cd-global-tools{
    padding:0 12px 12px!important;
    background:#07111f!important;
    border-bottom:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 5px 15px rgba(7,17,31,.18)!important;
  }
  html body .cd-global-tools-inner{gap:9px!important}
  html body .cd-site-menu{
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    min-height:0!important;
    gap:10px!important;
    align-items:center!important;
    padding:10px 0!important;
  }
  html body .cd-site-brand{
    display:block!important;
    width:54px!important;
    min-width:54px!important;
    justify-self:start!important;
  }
  html body .cd-site-brand img{
    display:block!important;
    width:54px!important;
    height:54px!important;
    margin:0!important;
    object-fit:contain!important;
  }
  html body .cd-site-brand span{display:none!important}
  html body .cd-main-nav{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;
    min-width:0!important;
    gap:4px!important;
    justify-content:stretch!important;
  }
  html body .cd-main-nav :is(a,.cd-menu-toggle){
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:40px!important;
    padding:6px 4px!important;
    border:1px solid transparent!important;
    border-radius:5px!important;
    background:transparent!important;
    color:#f8fafc!important;
    -webkit-text-fill-color:#f8fafc!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.16!important;
    text-align:center!important;
    text-decoration:none!important;
  }
  html body .cd-main-nav :is(a,.cd-menu-toggle):is(:hover,:focus-visible){
    border-color:#ffb45b!important;
    background:#17304a!important;
    color:#ffffff!important;
  }
  html body .cd-menu-toggle::after{margin-left:6px!important}
  html body .cd-menu-panel{
    left:50%!important;
    right:auto!important;
    width:min(286px,calc(100vw - 28px))!important;
    min-width:0!important;
    transform:translateX(-50%)!important;
  }
  html body .cd-global-top{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 104px!important;
    width:100%!important;
    gap:8px!important;
    align-items:stretch!important;
  }
  html body .cd-global-tools-label{display:none!important}
  html body .cd-global-search{
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:44px!important;
    border:1px solid #9fb2c6!important;
    border-radius:6px!important;
    overflow:hidden!important;
  }
  html body .cd-global-search input[type="search"]{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    padding:9px 10px!important;
    border:0!important;
    background:#ffffff!important;
    color:#172033!important;
    font-size:13px!important;
  }
  html body .cd-global-search button{
    flex:0 0 auto!important;
    min-width:58px!important;
    min-height:44px!important;
    padding:8px 10px!important;
    border:0!important;
    border-radius:0 5px 5px 0!important;
    background:var(--cd-m-action)!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    font-size:13px!important;
    font-weight:850!important;
  }
  html body .cd-lang-dropdown{
    grid-column:2!important;
    width:104px!important;
    min-width:0!important;
    margin:0!important;
  }
  html body .cd-lang-toggle{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    padding:8px 6px!important;
    border:1px solid #ffb45b!important;
    border-radius:6px!important;
    background:#17304a!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    font-size:12px!important;
    font-weight:850!important;
  }
  html body .cd-lang-menu{right:0!important;left:auto!important;min-width:178px!important}
  html body .cd-global-cats{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    min-width:0!important;
    gap:6px!important;
    padding:9px 0 0!important;
  }
  html body .cd-global-cats a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:39px!important;
    padding:6px 5px!important;
    border:1px solid rgba(255,255,255,.25)!important;
    border-radius:5px!important;
    background:#122236!important;
    color:#f8fafc!important;
    -webkit-text-fill-color:#f8fafc!important;
    font-size:11px!important;
    font-weight:850!important;
    line-height:1.15!important;
    text-align:center!important;
    white-space:normal!important;
  }

  /* Mobile content rhythm and consistent surfaces. */
  html body :is(main#content,main#main,.site-main,.page-content){min-width:0!important;max-width:100%!important}
  html body .page-content{padding-inline:0!important}
  html body :is(.cd-hero,.cd-knowledge-hero,.cd-knowledge-group,.cd-knowledge-contact,.cd-events-home,.cd-events-page,.cd-brand-guide-inner,.cd-home-buyer-guides__inner,.cd-home-search-faq-inner,.cd-home-guide-hub-inner,.cd-home-knowledge-bridge){
    border-radius:var(--cd-m-radius)!important;
  }
  html body :is(.cd-hero,.cd-knowledge-hero){padding:20px 16px!important}
  html body :is(.cd-lead,.cd-knowledge-hero>p,.cd-section-intro){
    color:var(--cd-m-muted)!important;
    -webkit-text-fill-color:var(--cd-m-muted)!important;
    font-size:15px!important;
    line-height:1.58!important;
  }
  html body .woocommerce-breadcrumb{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-height:40px!important;
    margin:0 0 12px!important;
    padding:10px 12px!important;
    overflow:visible!important;
    color:var(--cd-m-muted)!important;
    font-size:12px!important;
    line-height:1.45!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  /* Primary and secondary actions share one readable mobile language. */
  html body :is(
    a.cd-btn-primary,a.cd-event-button,a.cd-home-premium-button,a.cd-topdon-premium-button,
    .cd-strip-actions>a,.cd-auth-actions>a,.cd-knowledge-card em,.cd-knowledge-contact>a,
    .cd-home-knowledge-button,.woocommerce a.button,.woocommerce button.button,
    .woocommerce input.button,.woocommerce #respond input#submit,
    button.single_add_to_cart_button,.wc-block-components-button
  ):not(.pswp__button):not(.woocommerce-product-gallery__trigger){
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:44px!important;
    max-width:100%!important;
    padding:9px 12px!important;
    border:1px solid var(--cd-m-action)!important;
    border-radius:6px!important;
    background:var(--cd-m-action)!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    font-size:13px!important;
    font-weight:850!important;
    line-height:1.2!important;
    text-align:center!important;
    text-decoration:none!important;
    text-shadow:none!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    box-shadow:0 7px 16px rgba(180,83,9,.18)!important;
  }
  html body :is(
    a.cd-btn-primary,a.cd-event-button,a.cd-home-premium-button,a.cd-topdon-premium-button,
    .cd-strip-actions>a,.cd-auth-actions>a,.cd-knowledge-card em,.cd-knowledge-contact>a,
    .cd-home-knowledge-button,.woocommerce a.button,.woocommerce button.button,
    .woocommerce input.button,.woocommerce #respond input#submit,
    button.single_add_to_cart_button,.wc-block-components-button
  ):not(.pswp__button):not(.woocommerce-product-gallery__trigger):is(:hover,:focus-visible){
    border-color:var(--cd-m-action-hover)!important;
    background:var(--cd-m-action-hover)!important;
    color:#ffffff!important;
  }
  html body :is(.cd-btn-secondary,.cd-event-button--ghost,.cd-auth-actions>a.secondary){
    border-color:#8aa3bd!important;
    background:#ffffff!important;
    color:var(--cd-m-link)!important;
    -webkit-text-fill-color:var(--cd-m-link)!important;
    box-shadow:none!important;
  }
  html body :is(a,button,input,select,textarea):focus-visible{
    outline:3px solid rgba(0,94,168,.34)!important;
    outline-offset:2px!important;
  }

  /* Catalog cards remain two columns, with fixed visual proportions and no text spill. */
  html body:not(.single-product) :is(.woocommerce,.woocommerce-page) ul.products,
  html body:not(.single-product) ul.products,
  html body:is(.home,.cd-home-route) .cd-home-premium-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:10px!important;
    margin-inline:0!important;
  }
  html body:not(.single-product) ul.products>li.product,
  html body:is(.home,.cd-home-route) .cd-home-premium-card{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:9px!important;
    border:1px solid var(--cd-m-border)!important;
    border-radius:var(--cd-m-radius)!important;
    background:#ffffff!important;
    color:var(--cd-m-text)!important;
    box-shadow:var(--cd-m-shadow)!important;
    overflow:hidden!important;
  }
  html body:not(.single-product) ul.products>li.product>a.woocommerce-loop-product__link,
  html body:not(.single-product) ul.products>li.product>a.woocommerce-LoopProduct-link{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
  }
  html body:not(.single-product) ul.products>li.product a img,
  html body:is(.home,.cd-home-route) :is(.cd-home-premium-image,.cd-topdon-premium-image){
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    margin:0 0 9px!important;
    padding:5px!important;
    border-radius:5px!important;
    background:var(--cd-m-soft)!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  html body:not(.single-product) ul.products>li.product :is(.woocommerce-loop-product__title,h2,h3),
  html body:is(.home,.cd-home-route) :is(.cd-home-premium-title,.cd-topdon-premium-title){
    display:-webkit-box!important;
    min-height:5.25em!important;
    margin:0 0 7px!important;
    color:var(--cd-m-heading)!important;
    -webkit-text-fill-color:var(--cd-m-heading)!important;
    font-size:13px!important;
    font-weight:750!important;
    line-height:1.32!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:4!important;
    overflow:hidden!important;
  }
  html body:not(.single-product) ul.products>li.product .price,
  html body:is(.home,.cd-home-route) :is(.cd-home-premium-price,.cd-topdon-premium-price){
    min-height:3em!important;
    margin:auto 0 8px!important;
    color:var(--cd-m-sale)!important;
    -webkit-text-fill-color:var(--cd-m-sale)!important;
    font-size:14px!important;
    font-weight:850!important;
    line-height:1.3!important;
  }
  html body:not(.single-product) ul.products>li.product :is(.button,.added_to_cart),
  html body:is(.home,.cd-home-route) .cd-home-premium-card :is(.cd-home-premium-button,.cd-topdon-premium-button){
    width:100%!important;
    min-height:44px!important;
    margin-top:auto!important;
    padding:8px 5px!important;
    font-size:12px!important;
  }
  html body .woocommerce-result-count{
    width:100%!important;
    margin:0 0 7px!important;
    color:var(--cd-m-muted)!important;
    font-size:13px!important;
  }
  html body .woocommerce-ordering{
    width:100%!important;
    margin:0 0 14px!important;
  }
  html body .woocommerce-ordering select{
    width:100%!important;
    min-height:44px!important;
    border:1px solid #9fb2c6!important;
    border-radius:6px!important;
    background:#ffffff!important;
    color:var(--cd-m-text)!important;
  }

  /* Homepage: compact secondary information while keeping the offer immediately visible. */
  html body:is(.home,.cd-home-route) :is(.cd-home-container,.cd-section-inner,.cd-home-shell){
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    margin-inline:auto!important;
  }
  html body:is(.home,.cd-home-route) .cd-strip-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  html body:is(.home,.cd-home-route) :is(.cd-brand-guide-grid,.cd-home-buyer-guides__grid,.cd-home-guide-hub-grid){
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  html body:is(.home,.cd-home-route) :is(.cd-brand-guide-card,.cd-home-buyer-guides__card,.cd-home-guide-hub-card){
    min-width:0!important;
    min-height:0!important;
    padding:13px!important;
    border:1px solid var(--cd-m-border)!important;
    border-radius:var(--cd-m-radius)!important;
    background:#ffffff!important;
    color:var(--cd-m-text)!important;
    box-shadow:none!important;
  }
  html body:is(.home,.cd-home-route) :is(.cd-brand-guide-card,.cd-home-buyer-guides__card,.cd-home-guide-hub-card) strong{
    color:var(--cd-m-heading)!important;
    -webkit-text-fill-color:var(--cd-m-heading)!important;
    font-size:14px!important;
    line-height:1.3!important;
  }
  html body:is(.home,.cd-home-route) :is(.cd-brand-guide-card,.cd-home-buyer-guides__card,.cd-home-guide-hub-card) span{
    display:-webkit-box!important;
    margin-top:7px!important;
    color:var(--cd-m-muted)!important;
    -webkit-text-fill-color:var(--cd-m-muted)!important;
    font-size:12px!important;
    line-height:1.45!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
  }
  html body:is(.home,.cd-home-route) .cd-home-search-faq-grid{grid-template-columns:1fr!important}
  html body:is(.home,.cd-home-route) .cd-home-search-faq-card{min-height:0!important}

  /* Knowledge center shelves expose the next card and keep every action inside its card. */
  html body .cd-knowledge-center{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin-inline:auto!important}
  html body .cd-knowledge-center .cd-knowledge-group{padding:16px!important;overflow:hidden!important}
  html body .cd-knowledge-center .cd-knowledge-grid{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    gap:12px!important;
    padding:2px 22px 10px 2px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-padding-inline:2px!important;
    scroll-snap-type:x mandatory!important;
    overscroll-behavior-inline:contain!important;
    scrollbar-width:none!important;
  }
  html body .cd-knowledge-center .cd-knowledge-grid::-webkit-scrollbar{display:none!important}
  html body .cd-knowledge-center .cd-knowledge-card{
    flex:0 0 min(78vw,286px)!important;
    width:min(78vw,286px)!important;
    min-width:min(78vw,286px)!important;
    min-height:218px!important;
    padding:16px!important;
    border:1px solid var(--cd-m-border)!important;
    border-radius:var(--cd-m-radius)!important;
    background:#ffffff!important;
    box-shadow:none!important;
    scroll-snap-align:start!important;
  }
  html body .cd-knowledge-center .cd-knowledge-card :is(strong,h3){color:var(--cd-m-heading)!important}
  html body .cd-knowledge-center .cd-knowledge-card span{color:var(--cd-m-muted)!important}
  html body .cd-knowledge-center .cd-knowledge-contact{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:18px!important;
  }
  html body .cd-knowledge-center .cd-knowledge-contact>a{width:100%!important;margin:0!important}

  /* Product page: complete square hero, horizontal thumbnails and an easy purchase flow. */
  html body.single-product .site-main{padding-inline:12px!important}
  html body.single-product div.product.type-product,
  html body.single-product .woocommerce div.product{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-inline:auto!important;
  }
  html body.single-product .woocommerce-product-gallery,
  html body.single-product .summary.entry-summary{
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 16px!important;
  }
  html body.single-product .woocommerce-product-gallery .flex-viewport{
    width:100%!important;
    aspect-ratio:1/1!important;
    height:auto!important;
    min-height:0!important;
    border:1px solid var(--cd-m-border)!important;
    border-radius:var(--cd-m-radius)!important;
    background:#ffffff!important;
    overflow:hidden!important;
  }
  html body.single-product .woocommerce-product-gallery__image>a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    padding:9px!important;
    background:#ffffff!important;
  }
  html body.single-product .woocommerce-product-gallery__image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  html body.single-product .woocommerce-product-gallery .flex-control-thumbs{
    display:flex!important;
    width:100%!important;
    gap:8px!important;
    margin:10px 0 0!important;
    padding:0 0 5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:thin!important;
  }
  html body.single-product .woocommerce-product-gallery .flex-control-thumbs li{
    flex:0 0 68px!important;
    width:68px!important;
    min-width:68px!important;
    height:68px!important;
    aspect-ratio:1/1!important;
    scroll-snap-align:start!important;
  }
  html body.single-product .summary.entry-summary{
    padding:16px!important;
    border:1px solid var(--cd-m-border)!important;
    border-radius:var(--cd-m-radius)!important;
    background:#ffffff!important;
    box-shadow:var(--cd-m-shadow)!important;
  }
  html body.single-product .summary.entry-summary .price{
    color:var(--cd-m-sale)!important;
    -webkit-text-fill-color:var(--cd-m-sale)!important;
    font-size:24px!important;
    line-height:1.2!important;
  }
  html body.single-product form.cart{
    display:grid!important;
    grid-template-columns:72px minmax(0,1fr)!important;
    width:100%!important;
    gap:8px!important;
    padding:12px!important;
    border:1px solid var(--cd-m-border)!important;
    border-radius:var(--cd-m-radius)!important;
    background:var(--cd-m-soft)!important;
  }
  html body.single-product form.cart .quantity{width:72px!important;margin:0!important}
  html body.single-product form.cart .quantity input.qty{width:72px!important;min-height:46px!important}
  html body.single-product form.cart .single_add_to_cart_button{width:100%!important;min-width:0!important;margin:0!important}
  html body.single-product form.variations_form.cart{display:block!important}
  html body.single-product form.variations_form.cart .variations{width:100%!important}
  html body.single-product form.variations_form.cart :is(select,input){max-width:100%!important}
  html body.single-product .woocommerce-tabs ul.tabs{
    display:flex!important;
    width:100%!important;
    gap:6px!important;
    margin:0 0 14px!important;
    padding:0 0 5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    scrollbar-width:none!important;
  }
  html body.single-product .woocommerce-tabs ul.tabs::-webkit-scrollbar{display:none!important}
  html body.single-product .woocommerce-tabs ul.tabs li{flex:0 0 auto!important;margin:0!important}
  html body.single-product .woocommerce-tabs ul.tabs li a{min-height:42px!important;padding:9px 12px!important}
  html body.single-product :is(.related.products,.upsells.products){padding:14px!important}
  html body.single-product :is(.related.products,.upsells.products)>ul.products{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  html body.single-product :is(.related.products,.upsells.products)>ul.products>li.product{padding:9px!important}
  html body.single-product :is(.related.products,.upsells.products)>ul.products>li.product :is(.woocommerce-loop-product__title,h2,h3){
    min-height:5.25em!important;
    font-size:13px!important;
    line-height:1.32!important;
  }
  html body.single-product :is(.related.products,.upsells.products)>ul.products>li.product :is(.button,.added_to_cart){width:100%!important;padding:8px 5px!important;font-size:12px!important}

  /* Keep the homepage offer close to the top: show the primary shopping paths in a compact grid. */
  html body:is(.home,.cd-home-route) .cd-brand-strip{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    margin:12px 0 4px!important;
  }
  html body:is(.home,.cd-home-route) .cd-brand-strip br{display:none!important}
  html body:is(.home,.cd-home-route) .cd-brand-strip .cd-brand{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:42px!important;
    margin:0!important;
    padding:8px 6px!important;
    border:1px solid var(--cd-m-border)!important;
    border-radius:6px!important;
    background:#ffffff!important;
    color:var(--cd-m-heading)!important;
    -webkit-text-fill-color:var(--cd-m-heading)!important;
    box-shadow:0 4px 12px rgba(11,31,58,.06)!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.2!important;
    text-align:center!important;
    text-decoration:none!important;
  }
  html body:is(.home,.cd-home-route) .cd-brand-strip .cd-brand:is(:hover,:focus-visible){
    border-color:var(--cd-m-action)!important;
    background:#fff7ed!important;
    color:var(--cd-m-heading)!important;
  }
  html body:is(.home,.cd-home-route) .cd-brand-strip .cd-brand:is(
    :nth-of-type(2),:nth-of-type(3),:nth-of-type(5),:nth-of-type(6),:nth-of-type(7),
    :nth-of-type(9),:nth-of-type(10),:nth-of-type(11),:nth-of-type(12),:nth-of-type(13)
  ){display:none!important}

  /* Forms, pagination and footer remain touch-friendly without oversized decoration. */
  html body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){max-width:100%!important;min-height:44px!important}
  html body :is(.woocommerce-pagination,.pagination,.nav-links) :is(a,span){min-width:44px!important;min-height:44px!important}
  html body .cd-global-footer{padding-inline:12px!important}
  html body .cd-footer-links{gap:6px!important}
  html body .cd-footer-links a{min-height:40px!important;padding:7px 8px!important;font-size:12px!important}
}

@media (max-width:350px){
  html body .cd-site-menu{grid-template-columns:48px minmax(0,1fr)!important}
  html body .cd-site-brand,
  html body .cd-site-brand img{width:46px!important;height:46px!important;min-width:46px!important}
  html body .cd-main-nav :is(a,.cd-menu-toggle){font-size:11px!important;padding-inline:2px!important}
  html body .cd-global-top{grid-template-columns:minmax(0,1fr) 92px!important}
  html body .cd-lang-dropdown{width:92px!important}
  html body:not(.single-product) ul.products>li.product,
  html body:is(.home,.cd-home-route) .cd-home-premium-card{padding:7px!important}
  html body:not(.single-product) ul.products>li.product :is(.woocommerce-loop-product__title,h2,h3),
  html body:is(.home,.cd-home-route) :is(.cd-home-premium-title,.cd-topdon-premium-title){font-size:12px!important}
}

@media (prefers-reduced-motion:reduce){
  html body *,html body *::before,html body *::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}