/* ==========================================================================
   Meson Direct UI layer (site-wide) — v1, 2026-09-23
   Switch off: disable wp-content/novamira-sandbox/meson-ui.php
   ========================================================================== */

/* ---------- 1. Tokens + WoodMart variable overrides ---------- */
html:root{
  --m-navy:#0C2548; --m-navy-2:#163A6B; --m-orange:#F26721; --m-orange-ink:#C94E14; --m-orange-ink-2:#A8400F;
  --m-ground:#EEF2F8; --m-soft:#F3F5F9; --m-line:#D5DCE8; --m-line-2:#E6EAF2; --m-ink:#14213D; --m-body:#3C4760; --m-muted:#5B6478;
  --m-green:#11734F; --m-green-soft:#E6F4EC; --m-peach:#FFE8DA; --m-yellow:#F5C518; --m-black:#0B0B0C;
  --m-shadow:0 1px 2px rgba(12,37,72,.06),0 10px 30px -18px rgba(12,37,72,.28);
  --m-shadow-hover:0 2px 6px rgba(12,37,72,.08),0 30px 60px -24px rgba(12,37,72,.45);
  --m-ease:cubic-bezier(.2,.8,.2,1);
  --m-display:"Sora","Cabin",Arial,sans-serif;

  --wd-primary-color:#F26721;
  --wd-text-color:#3C4760;
  --wd-title-font:"Sora","Cabin",Arial,sans-serif; --wd-title-font-weight:700; --wd-title-color:#0C2548;
  --wd-entities-title-font:"Cabin",Arial,sans-serif; --wd-entities-title-font-weight:700; --wd-entities-title-color:#0C2548; --wd-entities-title-color-hover:#C94E14;
  --wd-widget-title-font:"Sora","Cabin",Arial,sans-serif; --wd-widget-title-font-weight:700; --wd-widget-title-transform:none; --wd-widget-title-color:#0C2548; --wd-widget-title-font-size:17px;
  --wd-link-color:#0C2548; --wd-link-color-hover:#C94E14;
  --wd-header-el-font:"Cabin",Arial,sans-serif; --wd-header-el-transform:none; --wd-header-el-font-size:15px; --wd-header-el-font-weight:600;
  --wd-brd-radius:16px;
  --wd-form-height:48px; --wd-form-brd-radius:12px; --wd-form-brd-width:1.5px; --wd-form-brd-color:#D5DCE8; --wd-form-brd-color-focus:#F26721; --wd-form-bg:#fff; --wd-form-color:#14213D;
  --btn-height:46px; --btn-transform:none; --btn-font-weight:700;
  --btn-accented-bgcolor:#C94E14; --btn-accented-bgcolor-hover:#A8400F; --btn-accented-color:#fff; --btn-accented-color-hover:#fff; --btn-accented-brd-radius:12px;
  --btn-default-bgcolor:#fff; --btn-default-bgcolor-hover:#fff; --btn-default-color:#0C2548; --btn-default-color-hover:#0C2548; --btn-default-brd-radius:12px;
  /* proportional layout: same look on every screen (gutter ~72px @1440, ~150px @1920), capped for ultra-wide */
  --wd-container-w:min(2200px, calc(var(--m-vw, 100vw) - 2 * clamp(20px, 16.25vw - 162px, 420px)));
}
@media (min-width:2200px){.wd-grid-g{--wd-col-lg:5}}
/* wider layout: fill wide screens, keep comfortable side gutters */
@media (min-width:1025px){
  .container,.whb-row .container{max-width:var(--wd-container-w)}
  body .e-con{--container-max-width:var(--wd-container-w)}
  body .e-con-boxed>.e-con-inner{max-width:calc(var(--wd-container-w) - 30px)}
  .whb-general-header .whb-general-header-inner{padding-left:10px;padding-right:10px}
}

/* ---------- 2. Base ---------- */
body,.website-wrapper,.main-page-wrapper{background-color:var(--m-ground)}
body{color:var(--m-body);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.title,.woodmart-title-container,.product_title,.page-title .entry-title,.widget-title,.wd-entities-title{letter-spacing:-.01em}
h1,h2,.woodmart-title-container,.page-title .entry-title,.product_title{font-family:var(--m-display)}
::selection{background:var(--m-orange);color:var(--m-navy)}

/* ---------- 3. Header ---------- */
.whb-top-bar .meson-tb{display:flex;align-items:center;gap:22px;font-size:13px;color:#C9D2E3;font-family:"Cabin",Arial,sans-serif;font-weight:400;white-space:nowrap}
.whb-top-bar .meson-tb span,.whb-top-bar .meson-tb a{display:inline-flex;align-items:center;gap:8px;color:#C9D2E3}
.whb-top-bar .meson-tb a:hover{color:#fff}
.whb-top-bar .meson-tb a.m-wa{color:#fff;font-weight:600}
.whb-top-bar .meson-tb svg{flex-shrink:0}
.whb-top-bar .wd-social-icons .wd-social-icon{color:#C9D2E3!important}
.whb-top-bar .wd-social-icons .wd-social-icon:hover{color:#fff!important}

/* search pill */
.whb-general-header .wd-header-search-form .searchform{position:relative}
.whb-general-header .wd-header-search-form .searchform input.s{height:54px;border-radius:16px;background:var(--m-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%235B6478' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 18px 50%;border:1.5px solid #E1E6EF;padding:0 130px 0 50px;font-size:16px;color:var(--m-ink);transition:border-color .2s,box-shadow .2s,background-color .2s}
.whb-general-header .wd-header-search-form .searchform input.s:focus{border-color:var(--m-orange);box-shadow:0 0 0 4px rgba(242,103,33,.15);background-color:#fff}
.whb-general-header .wd-header-search-form .searchform .searchsubmit{position:absolute;top:6px;bottom:6px;right:6px;width:auto;height:auto;min-width:0;padding:0 22px;border-radius:12px;background:var(--m-orange-ink);color:#fff;font-size:15px;font-weight:700;font-family:"Cabin",Arial,sans-serif;transition:background .2s,box-shadow .25s}
.whb-general-header .wd-header-search-form .searchform .searchsubmit:hover{background:var(--m-orange-ink-2);box-shadow:0 10px 24px -10px rgba(201,78,20,.8)}
.whb-general-header .wd-header-search-form .searchform .searchsubmit:before,.whb-general-header .wd-header-search-form .searchform .searchsubmit:after{display:none!important}
.whb-general-header .wd-header-search-form .searchform .searchsubmit span{display:inline!important;position:static!important;font-size:15px!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important;color:#fff}
.whb-general-header .search-results-wrapper .wd-dropdown-results{border-radius:16px;box-shadow:var(--m-shadow-hover);overflow:hidden}

/* header tools */
.whb-general-header .whb-col-right .wd-tools-element>a{height:46px;min-width:46px;border-radius:12px;border:1.5px solid var(--m-line);padding:0 12px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--m-navy);transition:all .2s}
.whb-general-header .whb-col-right .wd-tools-element>a:hover{background:var(--m-navy);border-color:var(--m-navy);color:#fff}
.whb-general-header .whb-col-right .wd-tools-element>a:hover .wd-tools-icon,.whb-general-header .whb-col-right .wd-tools-element>a:hover .wd-tools-text{color:#fff}
.whb-general-header .whb-col-right .wd-tools-element{margin-left:12px}
.whb-general-header .whb-col-right .wd-header-my-account .wd-tools-text,.whb-general-header .whb-col-right .wd-header-wishlist .wd-tools-text,.whb-general-header .whb-col-right .wd-header-compare .wd-tools-text{display:none}
.whb-general-header .whb-col-right .wd-header-compare .wd-tools-count{background:var(--m-orange);color:var(--m-navy);font-weight:800}
.whb-general-header .whb-col-right .wd-header-cart>a{background:var(--m-navy);border-color:var(--m-navy);color:#fff;padding:0 16px 0 14px;gap:10px}
.whb-general-header .whb-col-right .wd-header-cart>a:hover{background:var(--m-navy-2);border-color:var(--m-navy-2)}
.whb-general-header .whb-col-right .wd-header-cart .wd-tools-icon,.whb-general-header .whb-col-right .wd-header-cart .wd-tools-text,.whb-general-header .whb-col-right .wd-header-cart .amount{color:#fff!important;font-weight:700}
.whb-general-header .wd-header-cart .wd-cart-number,.whb-general-header .wd-header-cart .wd-tools-count{background:var(--m-orange)!important;color:var(--m-navy)!important;font-weight:800}

/* bottom nav row */
.whb-header-bottom{border-top:1px solid #EEF1F6}
.whb-header-bottom .wd-header-cats .menu-opener{border-radius:12px;height:42px;padding:0 18px;color:var(--m-navy)!important;font-family:"Cabin",Arial,sans-serif;font-weight:700;font-size:15px;text-transform:none;letter-spacing:0;border:0!important;transition:background .2s,box-shadow .25s}
.whb-header-bottom .wd-header-cats .menu-opener:hover{background:#FF7A36!important;box-shadow:0 12px 26px -12px rgba(242,103,33,.9)}
.whb-header-bottom .wd-header-cats .menu-opener .menu-opener-icon,.whb-header-bottom .wd-header-cats .menu-opener .menu-open-label{color:var(--m-navy)!important}
.whb-header-bottom .wd-header-cats .wd-dropdown-cats{border-radius:0 0 16px 16px;box-shadow:var(--m-shadow-hover);overflow:hidden}
.whb-header-bottom .wd-nav-main>li>a{color:var(--m-ink)!important;font-weight:600;font-size:15px;text-transform:none;position:relative}
.whb-header-bottom .wd-nav-main>li>a .nav-link-text{position:relative;padding:6px 0}
.whb-header-bottom .wd-nav-main>li>a .nav-link-text:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--m-orange);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--m-ease)}
.whb-header-bottom .wd-nav-main>li:hover>a,.whb-header-bottom .wd-nav-main>li.current-menu-item>a{color:var(--m-orange-ink)!important}
.whb-header-bottom .wd-nav-main>li:hover>a .nav-link-text:after,.whb-header-bottom .wd-nav-main>li.current-menu-item>a .nav-link-text:after{transform:scaleX(1)}
.whb-header-bottom .meson-ship{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--m-muted);font-weight:600;white-space:nowrap}
.wd-dropdown,.wd-dropdown-menu{border-radius:16px}
.whb-sticked .whb-header-bottom,.whb-sticky-row.whb-sticked{box-shadow:0 10px 30px -18px rgba(12,37,72,.35)}

/* ---------- 4. Page title band ---------- */
.page-title{max-width:var(--wd-container-w);margin:24px auto 0!important;border-radius:28px;overflow:hidden;background-color:var(--m-navy)!important;position:relative}
.page-title:after{content:"";position:absolute;right:-140px;top:-180px;width:520px;height:520px;border-radius:50%;border:90px solid rgba(242,103,33,.10);pointer-events:none}
.page-title .entry-title,.page-title .title{font-weight:800;letter-spacing:-.02em}
@media (max-width:1360px){.page-title{margin-left:15px!important;margin-right:15px!important}}

/* ---------- 5. Buttons + forms ---------- */
.button,.btn,button.button,input[type=submit],.wd-btn{transition:background .2s,transform .15s,box-shadow .25s,color .2s,border-color .2s}
.btn-color-primary:hover,.button.alt:hover,.single_add_to_cart_button:hover,.checkout-button:hover,#place_order:hover,.add_to_cart_button:hover{box-shadow:0 10px 24px -10px rgba(201,78,20,.8);transform:translateY(-1px)}
.button:active,.btn:active,.add_to_cart_button:active{transform:scale(.96)}
.button.added,.add_to_cart_button.added{background:var(--m-green)!important;color:#fff!important}
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=search],textarea,select,.select2-container .select2-selection--single{border-radius:12px}
input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=number]:focus,input[type=password]:focus,textarea:focus,select:focus{box-shadow:0 0 0 4px rgba(242,103,33,.15)}

/* ---------- 6. Section titles ---------- */
.title-wrapper .woodmart-title-container{color:var(--m-navy);font-weight:700;text-transform:none;letter-spacing:-.02em}
.wd-title-style-underlined .liner-continer{border-bottom:0!important}
.wd-title-style-underlined .liner-continer .title:after{content:"";display:block;width:56px;height:3px;border-radius:3px;background:var(--m-orange);margin-top:10px}

/* ---------- 7. Product cards ---------- */
.wd-product .product-wrapper{background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--m-shadow);transition:transform .45s var(--m-ease),box-shadow .45s var(--m-ease);height:100%;display:flex;flex-direction:column;padding:0!important}
.wd-product:hover .product-wrapper{transform:translateY(-8px);box-shadow:var(--m-shadow-hover)}
.wd-product .product-element-top{background:var(--m-soft);margin:0!important;border-radius:0!important;overflow:hidden}
.wd-product .product-element-top img{transition:transform .7s var(--m-ease)}
.wd-product:hover .product-element-top .product-image-link img{transform:scale(1.07)}
.wd-product .product-element-bottom{padding:16px 18px 18px!important;display:flex;flex-direction:column;gap:6px;flex-grow:1;text-align:left!important;align-items:stretch!important}
.wd-product .wd-entities-title{font-size:16px;line-height:1.3;margin:0!important}
.wd-product .wd-entities-title a{color:var(--m-navy)}
.wd-product .wd-entities-title a:hover{color:var(--m-orange-ink)}
.wd-product .meson-spec{font-size:13.5px;line-height:1.45;color:var(--m-muted);margin:0}
.wd-product .wd-product-cats,.wd-product .wd-product-brands-links{font-size:12px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--m-muted);order:-1;margin:0!important}
.wd-product .wd-product-cats a,.wd-product .wd-product-brands-links a{color:var(--m-muted)}
.wd-product .price,.wd-product .wrap-price .price{display:flex!important;align-items:baseline;gap:10px;flex-wrap:wrap;margin:4px 0 0!important;justify-content:flex-start}
.wd-product .price ins,.wd-product .price>.amount,.wd-product .price>.woocommerce-Price-amount{order:1;font-family:var(--m-display);font-size:21px;font-weight:700;color:var(--m-navy);text-decoration:none}
.wd-product .price del{order:2;font-size:14px;color:var(--m-muted);font-weight:400;opacity:1}
.wd-product .price del .amount{color:var(--m-muted)}
.wd-product .wrap-price{margin:0!important}
.wd-product .wd-add-btn{position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;display:flex!important;gap:8px;margin-top:auto!important;padding-top:10px;width:100%}
.wd-product .wd-add-btn>a.button,.wd-product .wd-add-btn>.add_to_cart_button{flex-grow:1;height:46px;border-radius:12px!important;display:flex!important;align-items:center;justify-content:center;font-size:15px!important;padding:0 14px!important;width:auto!important}
.wd-product .wd-add-btn>a.button:before{display:none}
.wd-product .wd-add-btn>a.button span{position:static!important;opacity:1!important;transform:none!important}
.wd-product .wd-add-btn .added_to_cart{display:none!important}
.wd-product .meson-wa{width:46px;height:46px;flex-shrink:0;border-radius:12px;border:1.5px solid var(--m-line);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--m-green);transition:all .2s}
.wd-product .meson-wa:hover{background:var(--m-green);border-color:var(--m-green);color:#fff}
.wd-product .fade-in-block,.wd-product .wd-more-desc,.wd-product .content-product-imagin{display:none!important}
.wd-product .product-labels{inset:14px auto auto 14px!important;left:14px!important;top:14px!important}
.wd-product .product-label{border-radius:8px!important;font-family:"Cabin",Arial,sans-serif;font-size:12px!important;font-weight:800!important;padding:6px 10px!important;min-width:0!important;min-height:0!important;line-height:1.2!important;text-transform:none!important;letter-spacing:.02em}
.product-label.onsale{background:var(--m-navy)!important;color:#fff!important}
.product-label.out-of-stock{background:#5B6478!important;color:#fff!important;text-transform:uppercase!important;letter-spacing:.06em}
.product-label.new,.product-label.featured{background:var(--m-orange)!important;color:var(--m-navy)!important}
.wd-product.outofstock .product-element-top img{filter:grayscale(1) opacity(.6)}
.wd-product.outofstock .price ins,.wd-product.outofstock .price>.amount{color:var(--m-muted)}
.wd-product .meson-real{position:absolute;left:14px;bottom:14px;z-index:3;display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.95);color:var(--m-navy);font-size:12px;font-weight:700;padding:6px 10px;border-radius:8px;pointer-events:none}
.wd-product .meson-real i{width:8px;height:8px;border-radius:50%;background:var(--m-green);position:relative}
.wd-product .meson-real i:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--m-green);animation:m-ping 1.8s cubic-bezier(0,0,.2,1) infinite}
.wd-product .wd-buttons{background:transparent!important;box-shadow:none!important;gap:8px;display:flex;flex-direction:column;top:14px!important;right:14px!important}
.wd-product .wd-buttons .wd-action-btn>a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;color:var(--m-navy);box-shadow:0 6px 16px -8px rgba(12,37,72,.45);transition:transform .2s,color .2s}
.wd-product .wd-buttons .wd-action-btn>a:hover{transform:scale(1.1);color:var(--m-orange-ink)}

/* product grids breathing room */
.wd-products .wd-product,.products .wd-product{margin-bottom:0}

/* ---------- 8. Shop sidebar + toolbar ---------- */
.sidebar-container .widget,.wd-sidebar .widget{background:#fff;border-radius:20px;padding:22px!important;box-shadow:var(--m-shadow);margin-bottom:18px}
.sidebar-container .widget-title,.wd-sidebar .widget-title{font-size:17px;text-transform:none}
.shop-loop-head,.wd-shop-tools{align-items:center}
.woocommerce-breadcrumb,.wd-breadcrumbs{font-size:14px}

/* ---------- 9. Single product basics ---------- */
.single-product-page .woocommerce-product-gallery .wd-carousel-inner,.single-product-page .woocommerce-product-gallery__image,.single-product-page .product-image-wrap{border-radius:24px;overflow:hidden}
.single-product-page .product_title{font-size:40px;font-weight:800;line-height:1.08;color:var(--m-navy);letter-spacing:-.02em}
.single-product-page .summary-inner>.price{font-family:var(--m-display);font-weight:800;font-size:34px;color:var(--m-navy);display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.single-product-page .summary-inner>.price del{font-size:18px;color:var(--m-muted);font-weight:400;font-family:"Cabin",Arial,sans-serif}
.single-product-page .summary-inner>.price ins{text-decoration:none;order:1}
.single-product-page .summary-inner>.price del{order:2}
.single-product-page .summary-inner>.price ins .amount,.single-product-page .summary-inner>.price>.amount,.single-product-page .summary-inner>.price ins bdi{color:var(--m-navy)!important}
.single-product-page .summary-inner>.price del .amount{color:var(--m-muted)!important}
.single-product-page .single_add_to_cart_button{height:58px;border-radius:14px!important;font-size:17px!important;padding:0 32px!important}
.single-product-page .quantity input.qty{height:58px;border-radius:14px}
.single-product-page .woocommerce-tabs,.single-product-page .wd-single-tabs{background:#fff;border-radius:28px;box-shadow:var(--m-shadow);padding:10px 40px 30px}
.single-product-page .wd-nav-tabs>li>a,.single-product-page .wc-tabs>li>a{font-size:17px;font-weight:700;text-transform:none;color:var(--m-muted)}
.single-product-page .wd-nav-tabs>li.active>a,.single-product-page .wc-tabs>li.active>a{color:var(--m-navy)}
.single-product-page .wd-nav-tabs .nav-link-text:after,.single-product-page .wc-tabs li a:after{background:var(--m-orange)!important}

/* ---------- 10. Cart + checkout basics ---------- */
.woocommerce-cart-form,.cart_totals,.cart-totals-inner,.woocommerce-checkout-review-order,#customer_details,.checkout-order-review,.woocommerce-form-login,.woocommerce-form-register,.woocommerce-MyAccount-content{background:#fff;border-radius:24px;box-shadow:var(--m-shadow);padding:26px!important}
.cart_totals h2,#order_review_heading,.woocommerce-billing-fields>h3,.woocommerce-additional-fields>h3{font-family:var(--m-display);color:var(--m-navy);text-transform:none;font-weight:700}
.checkout-order-review .woocommerce-checkout-review-order,#order_review .woocommerce-checkout-review-order{box-shadow:none!important;padding:0!important;background:transparent!important}
.checkout-button,#place_order{height:58px!important;border-radius:14px!important;font-size:17px!important}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:14px}

/* ---------- 11. Mobile toolbar ---------- */
@media (max-width:1024px){
  .wd-toolbar{left:12px!important;right:12px!important;bottom:14px!important;width:auto!important;border-radius:22px;box-shadow:0 12px 40px -10px rgba(12,37,72,.45);overflow:hidden}
  .wd-product .product-element-bottom{padding:12px!important}
  .wd-product .wd-entities-title{font-size:14px}
  .wd-product .price ins,.wd-product .price>.amount{font-size:17px}
  .wd-product .meson-spec{font-size:12px}
  .wd-product .wd-add-btn>a.button{height:40px;font-size:13px!important}
  .wd-product .meson-wa{display:none}
  .page-title{border-radius:22px}
  .ht-ctc,.ht-ctc-chat,.ht_ctc_style{bottom:100px!important}
  .wd-product .product-label{font-size:11px!important;padding:5px 8px!important;white-space:nowrap}
  .wd-product .meson-real{font-size:11px;padding:5px 8px;left:10px;bottom:10px}
}

/* ---------- 11b. Fixes after first live check ---------- */
html body,html body .website-wrapper,html body .main-page-wrapper{background-color:var(--m-ground)!important}
.wd-product.wd-product .wd-add-btn>a.button,.wd-product.wd-product .wd-add-btn>a.add_to_cart_button{flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;font-size:15px!important;color:#fff!important;background:var(--m-orange-ink)!important;border-radius:12px!important;height:46px!important;padding:0 14px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:none}
.wd-product.wd-product .wd-add-btn>a.button:hover{background:var(--m-orange-ink-2)!important;box-shadow:0 10px 24px -10px rgba(201,78,20,.8)!important}
.wd-product.wd-product .wd-add-btn>a.button.added,.wd-product.wd-product .wd-add-btn>a.button.loading{background:var(--m-green)!important}
.wd-product.wd-product .wd-add-btn>a.button:before,.wd-product.wd-product .wd-add-btn>a.button:after{display:none!important}
.wd-product.wd-product .wd-add-btn>a.button span{display:inline!important;position:static!important;font-size:15px!important;font-weight:700!important;opacity:1!important;transform:none!important;color:#fff!important;width:auto!important;height:auto!important}
.wd-product.wd-product .wd-add-btn>a.button.loading span{opacity:.4!important}
.wd-product.wd-product .wd-add-btn>a.button.added span{font-size:0!important}
.wd-product.wd-product .wd-add-btn>a.button.added span:after{content:"Added \2713";font-size:15px}
.wd-product .meson-wa-wrap{display:flex;flex-shrink:0}
.wd-product .wd-product-sku,.wd-product .product-sku,.wd-product .sku_wrapper{display:none!important}
.wd-product.wd-product .wd-add-btn{width:100%!important;display:flex!important;flex-wrap:nowrap!important;justify-content:stretch!important}
.wd-products>.wd-product,.products>.wd-product,.wd-grid-g>.wd-product{align-self:stretch;height:auto}
.wd-product .product-wrapper{min-height:100%}
.wd-product.outofstock .product-label.onsale{display:none!important}
.wd-product.wd-product.outofstock .wd-add-btn>a.button{background:#fff!important;border:1.5px solid var(--m-line)!important;}
.wd-product.wd-product.outofstock .wd-add-btn>a.button span{color:var(--m-navy)!important}
.wd-product.wd-product.outofstock .wd-add-btn>a.button:hover{border-color:var(--m-navy)!important;box-shadow:none!important}
.wd-product .price ins .amount,.wd-product .price ins bdi,.wd-product .price>.amount,.wd-product .price>.amount bdi{color:var(--m-navy)!important}
.wd-product.outofstock .price ins .amount,.wd-product.outofstock .price>.amount{color:var(--m-muted)!important}
.whb-general-header .wd-header-my-account .wd-tools-icon{display:inline-flex!important}
.whb-general-header .whb-col-right .wd-header-cart .wd-cart-subtotal{display:none}
.whb-general-header .whb-col-right .wd-header-cart .wd-tools-text:after{content:"Cart";font-size:15px;font-weight:700;color:#fff}

/* ---------- 12. Motion ---------- */
@keyframes m-rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes m-ping{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.8);opacity:0}}
@supports (animation-timeline: view()){
  body:not(.elementor-editor-active) .wd-products .wd-product,body:not(.elementor-editor-active) .products .wd-product{animation:m-rise linear both;animation-timeline:view();animation-range:entry 0% entry 30%}
  body:not(.elementor-editor-active) .elementor .e-con.e-parent:not(:first-child){animation:m-rise linear both;animation-timeline:view();animation-range:entry 0% entry 22%}
}
@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Page-title banner (2026 refresh, attachment 17667). Overrides WoodMart's compiled title-background (old image 16785). */
.page-title-default{background-color:#0C2548!important;background-image:url(https://www.mesondirect.com/wp-content/uploads/2026/09/meson-page-title-banner-2026.webp)!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}