/* Elyra unified site repair v2 */
html,body{max-width:100%;overflow-x:clip}
body.elyra-unified-repair-on img{height:auto}
body.elyra-unified-repair-on .elementor-sticky__spacer{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
body.elyra-unified-repair-on .elementor-sticky__spacer *{pointer-events:none!important}

/* One image-swatch presentation. No solid fallback circles are shown. */
body.elyra-unified-repair-on .wm-color-swatches.elyra-bpi-loop-colors,
body.elyra-unified-repair-on .elyra-bpi-colors{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important}
body.elyra-unified-repair-on .wm-color-swatches.elyra-bpi-loop-colors{justify-content:center!important;min-height:25px!important;margin:8px 0 4px!important}
body.elyra-unified-repair-on :is(.elyra-bpi-loop-color,.elyra-bpi-color){position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;border-radius:50%!important;background:#fff!important;overflow:hidden!important;padding:0!important}
body.elyra-unified-repair-on .elyra-bpi-loop-color{width:27px!important;height:27px!important;min-width:27px!important;border:2px solid #fff!important;box-shadow:0 0 0 1px rgba(0,0,0,.2)!important}
body.elyra-unified-repair-on .elyra-bpi-color{width:42px!important;height:42px!important;min-width:42px!important;border:2px solid #fff!important;box-shadow:0 0 0 1px rgba(0,0,0,.2)!important}
body.elyra-unified-repair-on :is(.elyra-bpi-loop-color,.elyra-bpi-color)>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:inherit!important;opacity:1!important;visibility:visible!important}
body.elyra-unified-repair-on :is(.elyra-bpi-loop-color,.elyra-bpi-color).is-selected{box-shadow:0 0 0 2px #111!important}
body.elyra-unified-repair-on :is(.elyra-bpi-loop-color,.elyra-bpi-color).elyra-no-image,
body.elyra-unified-repair-on :is(.elyra-bpi-loop-color,.elyra-bpi-color):not(.has-image):not(:has(img)){display:none!important}
body.elyra-unified-repair-on .wd-swatches-product,
body.elyra-unified-repair-on .wd-swatches-single,
body.elyra-unified-repair-on .wd-swatches-in-loop{display:none!important}

/* Product card consistency. Original images stay uncropped. */
body.elyra-unified-repair-on .wd-product{min-width:0}
body.elyra-unified-repair-on .wd-product .product-element-top{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:14px;background:#f6f6f7}
body.elyra-unified-repair-on .wd-product .product-element-top :is(a,picture){display:block;width:100%;height:100%}
body.elyra-unified-repair-on .wd-product .product-element-top img{display:block;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important}
body.elyra-unified-repair-on .wd-product .wd-entities-title{min-height:2.7em;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.elyra-unified-repair-on .wd-product .price{min-height:1.5em}

/* Single product controls. */
body.elyra-unified-repair-on.single-product form.variations_form .elyra-bpi-option-block{position:relative!important;float:none!important;clear:both!important;width:100%!important;margin:14px 0!important;z-index:1!important}
body.elyra-unified-repair-on.single-product .elyra-bpi-size-options{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
body.elyra-unified-repair-on.single-product .elyra-bpi-size{min-width:52px!important;min-height:44px!important;padding:8px 13px!important;border:1px solid #e0e0e0!important;background:#f7f7f7!important;color:#111!important}
body.elyra-unified-repair-on.single-product .elyra-bpi-size.is-selected{background:#111!important;color:#fff!important;border-color:#111!important}

/* Mobile category strip injected by JS. */
.elyra-mobile-category-strip{display:none}

@media(max-width:767px){
  html{overflow-x:hidden}
  body.elyra-unified-repair-on{overflow-x:hidden!important;background:#f7f7f9}
  body.elyra-unified-repair-on .whb-header-placeholder,
  body.elyra-unified-repair-on .whb-sticky-header-placeholder,
  body.elyra-unified-repair-on .wd-header-placeholder,
  body.elyra-unified-repair-on .header-spacing,
  body.elyra-unified-repair-on .whb-clone{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important}
  body.elyra-unified-repair-on .whb-header{background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.08)}
  body.elyra-unified-repair-on .whb-header .whb-general-header{min-height:82px!important;height:auto!important}
  body.elyra-unified-repair-on .whb-header .wd-logo img{max-height:68px!important;width:auto!important}
  body.elyra-unified-repair-on .whb-header .elyra-original-category-nav{display:none!important}

  .elyra-mobile-category-strip{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px 13px;background:#fff;border-top:1px solid #f2f2f2;border-bottom:1px solid #ededed;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:relative;z-index:35}
  .elyra-mobile-category-strip::-webkit-scrollbar{display:none}
  .elyra-mobile-category-strip a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:42px;padding:8px 18px;border:1px solid rgba(237,28,36,.28);border-radius:999px;background:#fff;color:#161616!important;font-size:14px;font-weight:700;line-height:1;text-decoration:none!important;white-space:nowrap}
  .elyra-mobile-category-strip a.is-current{background:var(--elyra-repair-accent,#ed1c24);border-color:var(--elyra-repair-accent,#ed1c24);color:#fff!important}

  body.elyra-unified-repair-on .main-page-wrapper{padding-top:0!important}
  body.elyra-unified-repair-on.home .elyra-v2-hero-frame{width:calc(100% - 24px)!important;max-width:680px!important;margin:18px auto 24px!important;aspect-ratio:4/5!important;overflow:hidden!important;border-radius:20px!important;background-color:#eee!important}
  body.elyra-unified-repair-on.home .elyra-v2-hero-frame img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 25%!important;border-radius:inherit!important}
  body.elyra-unified-repair-on.home .elementor-heading-title{max-width:92%;margin-inline:auto;overflow-wrap:anywhere}

  /* Product carousels stay carousels. Do not force grids or slide widths. */
  body.elyra-unified-repair-on :is(.swiper,.wd-carousel,.wd-carousel-inner,.swiper-wrapper){max-width:100%!important}
  body.elyra-unified-repair-on .wd-products-element{overflow:hidden}
  body.elyra-unified-repair-on .wd-product .product-element-top{border-radius:16px}
  body.elyra-unified-repair-on .wd-product .wd-entities-title{font-size:13px!important;line-height:1.35;text-align:center;margin-top:10px!important}
  body.elyra-unified-repair-on .wd-product .price{font-size:13px!important;text-align:center}
  body.elyra-unified-repair-on .wd-product .wd-add-btn{transform:scale(.82);transform-origin:left bottom}
  body.elyra-unified-repair-on .wd-product .wd-wishlist-btn{transform:scale(.82);transform-origin:right top}
  body.elyra-unified-repair-on .wm-color-swatches.elyra-bpi-loop-colors{flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;max-width:100%!important;padding:2px!important;scrollbar-width:none}
  body.elyra-unified-repair-on .wm-color-swatches.elyra-bpi-loop-colors::-webkit-scrollbar{display:none}
  body.elyra-unified-repair-on .elyra-bpi-loop-color{width:25px!important;height:25px!important;min-width:25px!important}

  /* Product archives: stable two-column cards. */
  body.elyra-unified-repair-on.woocommerce-shop .products,
  body.elyra-unified-repair-on.tax-product_cat .products,
  body.elyra-unified-repair-on.tax-product_tag .products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  body.elyra-unified-repair-on.woocommerce-shop .products>.product,
  body.elyra-unified-repair-on.tax-product_cat .products>.product,
  body.elyra-unified-repair-on.tax-product_tag .products>.product{width:auto!important;max-width:none!important;margin:0!important}

  /* Product page stacks cleanly. */
  body.elyra-unified-repair-on.single-product .single-product-page{display:block!important;overflow:visible!important}
  body.elyra-unified-repair-on.single-product :is(.product-image-summary-wrap,.product-image-summary-inner){display:block!important;width:100%!important}
  body.elyra-unified-repair-on.single-product :is(.product-images,.summary-inner,.product-summary,.summary){width:100%!important;max-width:none!important;float:none!important;margin:0!important}
  body.elyra-unified-repair-on.single-product .summary-inner{padding:20px 16px!important;background:#fff}
  body.elyra-unified-repair-on.single-product .woocommerce-product-gallery{width:100%!important;overflow:hidden!important}
  body.elyra-unified-repair-on.single-product .woocommerce-product-gallery__image{aspect-ratio:3/4;background:#f6f6f7}
  body.elyra-unified-repair-on.single-product .woocommerce-product-gallery__image img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important}
  body.elyra-unified-repair-on.single-product .product_title{font-size:25px!important;line-height:1.2!important}
  body.elyra-unified-repair-on.single-product .price{font-size:23px!important}
  body.elyra-unified-repair-on.single-product .elyra-bpi-color{width:38px!important;height:38px!important;min-width:38px!important}
  body.elyra-unified-repair-on.single-product form.cart{width:100%!important}
  body.elyra-unified-repair-on.single-product form.cart :is(.single_add_to_cart_button,.wd-buy-now-btn){min-height:48px!important;border-radius:999px!important;font-size:13px!important}
  body.elyra-unified-repair-on.single-product :is(.elyra-size-chart-trigger,.elyra-size-chart-button){min-height:43px!important;padding:10px 17px!important;border-radius:999px!important;background:var(--elyra-repair-accent,#ed1c24)!important;color:#fff!important;border:0!important}

  body.elyra-unified-repair-on footer{overflow:hidden;padding-inline:16px}
  body.elyra-unified-repair-on footer .wd-logo img{max-width:145px!important}
}

@media(max-width:390px){
  .elyra-mobile-category-strip a{padding-inline:15px;font-size:13px}
  body.elyra-unified-repair-on.woocommerce-shop .products,
  body.elyra-unified-repair-on.tax-product_cat .products,
  body.elyra-unified-repair-on.tax-product_tag .products{gap:9px!important}
  body.elyra-unified-repair-on .wd-product .wd-entities-title{font-size:12px!important}
}

/* =========================================================
   v2.0.5 — DETERMINISTIC MOBILE HEADER + FIVE-CATEGORY GRID
   This block intentionally overrides all earlier mobile header rules.
========================================================= */
@media (max-width:782px){
  html{margin-top:0!important}
  body.admin-bar{margin-top:0!important}
  #wpadminbar{display:none!important}
}

@media (max-width:767px){
  body.elyra-unified-repair-on .whb-header,
  body.elyra-unified-repair-on .whb-main-header{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    background:#fff!important;
  }

  /* Remove Woodmart's duplicate mobile category row completely. */
  body.elyra-unified-repair-on .whb-header-bottom,
  body.elyra-unified-repair-on .whb-header .whb-header-bottom,
  body.elyra-unified-repair-on .whb-header .elyra-original-category-nav{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  /* Compact top announcement bar. */
  body.elyra-unified-repair-on .whb-top-bar,
  body.elyra-unified-repair-on .whb-top-bar > .container,
  body.elyra-unified-repair-on .whb-top-bar .whb-flex-row,
  body.elyra-unified-repair-on .whb-top-bar .whb-column{
    min-height:34px!important;
    height:34px!important;
    max-height:34px!important;
  }
  body.elyra-unified-repair-on .whb-top-bar{
    overflow:hidden!important;
  }
  body.elyra-unified-repair-on .whb-top-bar :is(.wd-marquee,.wd-marquee-content,.wd-marquee-item){
    line-height:34px!important;
    min-height:34px!important;
    height:34px!important;
    white-space:nowrap!important;
  }

  /* Rebuild the real Woodmart mobile header row as a strict 3-column grid. */
  body.elyra-unified-repair-on .whb-general-header,
  body.elyra-unified-repair-on .whb-general-header > .container,
  body.elyra-unified-repair-on .whb-general-header .whb-flex-row{
    height:82px!important;
    min-height:82px!important;
    max-height:82px!important;
    margin:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  body.elyra-unified-repair-on .whb-general-header > .container{
    width:100%!important;
    max-width:none!important;
    padding-inline:14px!important;
  }
  body.elyra-unified-repair-on .whb-general-header .whb-flex-row{
    display:grid!important;
    grid-template-columns:minmax(84px,1fr) auto minmax(84px,1fr)!important;
    align-items:center!important;
    column-gap:8px!important;
    width:100%!important;
  }
  body.elyra-unified-repair-on .whb-general-header .whb-visible-lg{
    display:none!important;
  }
  body.elyra-unified-repair-on .whb-general-header :is(.whb-mobile-left,.whb-mobile-center,.whb-mobile-right){
    display:flex!important;
    align-items:center!important;
    height:82px!important;
    min-height:82px!important;
    width:auto!important;
    max-width:none!important;
    flex:none!important;
    margin:0!important;
    padding:0!important;
  }
  body.elyra-unified-repair-on .whb-general-header .whb-mobile-left{
    grid-column:1!important;
    justify-content:flex-start!important;
    gap:10px!important;
  }
  body.elyra-unified-repair-on .whb-general-header .whb-mobile-center{
    grid-column:2!important;
    justify-content:center!important;
  }
  body.elyra-unified-repair-on .whb-general-header .whb-mobile-right{
    grid-column:3!important;
    justify-content:flex-end!important;
    gap:10px!important;
  }
  body.elyra-unified-repair-on .whb-general-header .site-logo,
  body.elyra-unified-repair-on .whb-general-header .site-logo a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    height:70px!important;
    margin:0!important;
    padding:0!important;
  }
  body.elyra-unified-repair-on .whb-general-header .site-logo img,
  body.elyra-unified-repair-on .whb-general-header .wd-logo img{
    display:block!important;
    width:auto!important;
    max-width:132px!important;
    height:auto!important;
    max-height:66px!important;
    object-fit:contain!important;
    margin:0 auto!important;
  }
  body.elyra-unified-repair-on .whb-general-header .wd-tools-element{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:38px!important;
    min-width:38px!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
  }
  body.elyra-unified-repair-on .whb-general-header .wd-tools-element > a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:38px!important;
    min-width:38px!important;
    height:44px!important;
    padding:0!important;
  }
  body.elyra-unified-repair-on .whb-general-header .wd-tools-icon{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    margin:0!important;
  }
  body.elyra-unified-repair-on .whb-general-header .wd-tools-text{
    display:none!important;
  }

  /* One server-rendered category grid: 3 on row one, 2 centered on row two. */
  body.elyra-unified-repair-on .elyra-mobile-category-strip{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:10px 12px 12px!important;
    overflow:visible!important;
    background:#fff!important;
    border-top:1px solid #f1f1f1!important;
    border-bottom:1px solid #ededed!important;
    box-shadow:0 4px 14px rgba(0,0,0,.035)!important;
    position:relative!important;
    z-index:31!important;
  }
  body.elyra-unified-repair-on .elyra-mobile-category-strip > a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:40px!important;
    margin:0!important;
    padding:7px 5px!important;
    border:1px solid rgba(237,28,36,.32)!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#181818!important;
    font-family:inherit!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:1.15!important;
    letter-spacing:0!important;
    text-align:center!important;
    text-decoration:none!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    box-shadow:0 1px 0 rgba(0,0,0,.02)!important;
    transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease!important;
  }
  body.elyra-unified-repair-on .elyra-mobile-category-strip > a:nth-child(1){grid-column:1 / span 2!important}
  body.elyra-unified-repair-on .elyra-mobile-category-strip > a:nth-child(2){grid-column:3 / span 2!important}
  body.elyra-unified-repair-on .elyra-mobile-category-strip > a:nth-child(3){grid-column:5 / span 2!important}
  body.elyra-unified-repair-on .elyra-mobile-category-strip > a:nth-child(4){grid-column:2 / span 2!important}
  body.elyra-unified-repair-on .elyra-mobile-category-strip > a:nth-child(5){grid-column:4 / span 2!important}
  body.elyra-unified-repair-on .elyra-mobile-category-strip > a:is(:hover,:focus-visible),
  body.elyra-unified-repair-on .elyra-mobile-category-strip > a.is-current{
    background:var(--elyra-repair-accent,#ed1c24)!important;
    border-color:var(--elyra-repair-accent,#ed1c24)!important;
    color:#fff!important;
  }
  body.elyra-unified-repair-on .elyra-mobile-category-strip > a:active{
    transform:scale(.98)!important;
  }

  body.elyra-unified-repair-on .main-page-wrapper{
    margin-top:0!important;
    padding-top:0!important;
  }
}

@media (max-width:360px){
  body.elyra-unified-repair-on .whb-general-header > .container{padding-inline:9px!important}
  body.elyra-unified-repair-on .whb-general-header .whb-flex-row{grid-template-columns:minmax(78px,1fr) auto minmax(78px,1fr)!important;column-gap:4px!important}
  body.elyra-unified-repair-on .whb-general-header .site-logo img,
  body.elyra-unified-repair-on .whb-general-header .wd-logo img{max-width:116px!important}
  body.elyra-unified-repair-on .elyra-mobile-category-strip{gap:6px!important;padding-inline:8px!important}
  body.elyra-unified-repair-on .elyra-mobile-category-strip > a{font-size:11px!important;padding-inline:3px!important}
}

/* v2.1.2 final mobile sticky reset: Woodmart writes header height after scroll. */
@media (max-width:767px){
  body.elyra-unified-repair-on .whb-header,
  body.elyra-unified-repair-on .whb-header.whb-sticky-prepared,
  body.elyra-unified-repair-on .whb-header.whb-sticky-real,
  body.elyra-unified-repair-on .whb-header.whb-scroll-stick,
  body.elyra-unified-repair-on .whb-header > .whb-main-header{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    transition:none!important;
  }
  body.elyra-unified-repair-on .whb-sticky-header.whb-clone,
  body.elyra-unified-repair-on .whb-main-header.whb-clone{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    overflow:hidden!important;
  }
}


/* =========================================================
   v2.1.4 — MOBILE LATEST-COLLECTION CAROUSEL HARD FIX
   Scope is intentionally limited to Elementor widget 6ad6b41.
   Keeps Elyra + markers, removes the old Woodmart red markers,
   makes every slide/image frame identical and removes side offset.
========================================================= */
@media (max-width:767px){
  body.elyra-unified-repair-on.home [data-id="edee895"],
  body.elyra-unified-repair-on.home [data-id="edee895"] > .e-con-inner,
  body.elyra-unified-repair-on.home [data-id="6ad6b41"],
  body.elyra-unified-repair-on.home [data-id="6ad6b41"] > .elementor-widget-container,
  body.elyra-unified-repair-on.home [data-id="6ad6b41"] .e-n-carousel{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }

  body.elyra-unified-repair-on.home [data-id="edee895"]{
    overflow:hidden!important;
  }
  body.elyra-unified-repair-on.home [data-id="edee895"] > .e-con-inner{
    padding-inline:0!important;
  }
  body.elyra-unified-repair-on.home [data-id="6ad6b41"] .e-n-carousel{
    overflow:hidden!important;
    --e-n-carousel-swiper-offset-size:0px!important;
  }
  body.elyra-unified-repair-on.home [data-id="6ad6b41"] .swiper-wrapper{
    align-items:stretch!important;
    margin:0!important;
  }
  body.elyra-unified-repair-on.home [data-id="6ad6b41"] .swiper-slide{
    box-sizing:border-box!important;
    height:auto!important;
    min-height:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding:0 14px!important;
  }
  body.elyra-unified-repair-on.home [data-id="6ad6b41"] .swiper-slide > .e-con,
  body.elyra-unified-repair-on.home [data-id="6ad6b41"] .swiper-slide > .elementor-element,
  body.elyra-unified-repair-on.home [data-id="6ad6b41"] .swiper-slide > .e-con > .e-con-inner{
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  /* Equal frame for all three fashion images. */
  body.elyra-unified-repair-on.home [data-id="6ad6b41"] .elyra-hotspot-host{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:3 / 4!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:20px!important;
    background:#fff!important;
    box-sizing:border-box!important;
  }
  body.elyra-unified-repair-on.home [data-id="6ad6b41"] .elementor-widget-wd_image_hotspot,
  body.elyra-unified-repair-on.home [data-id="6ad6b41"] .elementor-widget-wd_image_hotspot > .elementor-widget-container,
  body.elyra-unified-repair-on.home [data-id="6ad6b41"] .elementor-widget-wd_image_hotspot .wd-spots,
  body.elyra-unified-repair-on.home [data-id="6ad6b41"] .elementor-widget-wd_image_hotspot .wd-image-hotspot-hotspots{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:0!important;
    border-radius:inherit!important;
    overflow:hidden!important;
    background:#fff!important;
    box-sizing:border-box!important;
  }
  body.elyra-unified-repair-on.home [data-id="6ad6b41"] .elementor-widget-wd_image_hotspot .wd-image-hotspot-img,
  body.elyra-unified-repair-on.home [data-id="6ad6b41"] .elementor-widget-wd_image_hotspot img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center bottom!important;
    border-radius:inherit!important;
    background:#fff!important;
  }

  /* Do not let the generic hero rule resize a carousel slide. */
  body.elyra-unified-repair-on.home [data-id="6ad6b41"] .elyra-v2-hero-frame{
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:0!important;
    border-radius:inherit!important;
  }

  /* Remove only Woodmart's old red dot markers. Elyra + markers are separate. */
  body.elyra-unified-repair-on.home [data-id="6ad6b41"] .elementor-widget-wd_image_hotspot :is(
    .wd-spot,
    .wd-hotspot,
    .wd-hotspot-btn,
    .hotspot-btn,
    .wd-image-hotspot-hotspot,
    .wd-image-hotspot-icon,
    [class*="hotspot-point"]
  ){
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  body.elyra-unified-repair-on.home [data-id="6ad6b41"] .elementor-widget-wd_image_hotspot .wd-spots::before,
  body.elyra-unified-repair-on.home [data-id="6ad6b41"] .elementor-widget-wd_image_hotspot .wd-spots::after,
  body.elyra-unified-repair-on.home [data-id="6ad6b41"] .elementor-widget-wd_image_hotspot .wd-image-hotspot-hotspots::before,
  body.elyra-unified-repair-on.home [data-id="6ad6b41"] .elementor-widget-wd_image_hotspot .wd-image-hotspot-hotspots::after{
    content:none!important;
    display:none!important;
  }

  /* Preserve and align only the Elyra plus overlay. */
  body.elyra-unified-repair-on.home [data-id="6ad6b41"] .elementor-widget-elyra_product_hotspots,
  body.elyra-unified-repair-on.home [data-id="6ad6b41"] .elyra-hotspot-canvas--overlay,
  body.elyra-unified-repair-on.home [data-id="6ad6b41"] .elyra-hotspot-layer{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body.elyra-unified-repair-on.home [data-id="6ad6b41"] .swiper-pagination{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    margin:12px 0 0!important;
    padding:0!important;
  }
}


/* =========================================================
   v2.1.5 — MOBILE HERO TRUE FULL-BLEED
   The homepage hero breaks out of Elementor's boxed container,
   fills the physical viewport, and keeps a stable fashion ratio.
========================================================= */
@media (max-width:767px){
  body.elyra-unified-repair-on.home .elyra-v2-hero-shell,
  body.elyra-unified-repair-on.home .elementor-element:has(.elyra-v2-hero-frame){
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    overflow:visible!important;
  }

  body.elyra-unified-repair-on.home .elyra-v2-hero-frame{
    display:block!important;
    position:relative!important;
    left:50%!important;
    right:auto!important;
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4 / 5!important;
    margin:0 0 24px!important;
    padding:0!important;
    transform:translateX(-50%)!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background-color:#e8e8e8!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }

  body.elyra-unified-repair-on.home .elyra-v2-hero-frame > .elementor-widget-container,
  body.elyra-unified-repair-on.home .elyra-v2-hero-frame :is(.promo-banner,.banner-image,.wd-slide,.wd-slide-bg,.elementor-image,.elementor-widget-container){
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
    overflow:hidden!important;
  }

  body.elyra-unified-repair-on.home .elyra-v2-hero-frame img,
  body.elyra-unified-repair-on.home .elyra-v2-hero-frame picture,
  body.elyra-unified-repair-on.home .elyra-v2-hero-frame picture img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    margin:0!important;
    padding:0!important;
    object-fit:cover!important;
    object-position:58% 42%!important;
    border-radius:0!important;
  }

  body.elyra-unified-repair-on.home .elyra-v2-hero-frame :is(.banner-content,.content-banner,.wd-slide-content,.info-box-content){
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
  }
}

@media (max-width:390px){
  body.elyra-unified-repair-on.home .elyra-v2-hero-frame{
    aspect-ratio:4 / 5.15!important;
  }
}


/* =========================================================
   v2.1.6 — EXACT MOBILE HERO FULL-BLEED FIX
   The mobile hero is Elementor container data-id 5f11883 and
   uses a CSS background. Break that exact container out of the
   boxed page width; do not touch the Latest Collection carousel.
========================================================= */
@media (max-width:767px){
  body.elyra-unified-repair-on.home :is(
    .wd-page-content,
    .main-page-wrapper,
    #main-content,
    .wd-content-area,
    article.entry-content,
    .elementor-17
  ){
    overflow-x:clip!important;
    overflow-y:visible!important;
  }

  body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"]{
    display:flex!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:82vw!important;
    min-height:360px!important;
    max-height:620px!important;
    aspect-ratio:auto!important;
    margin-top:0!important;
    margin-bottom:22px!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding:0!important;
    transform:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:58% 44%!important;
  }

  body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"] > .e-con-inner{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    margin:0!important;
    padding:0 20px!important;
    border-radius:0!important;
    box-sizing:border-box!important;
  }

  /* Never let the generic hero marker leak into the product-look carousel. */
  body.elyra-unified-repair-on.home [data-id="6ad6b41"] .elyra-v2-hero-frame{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    transform:none!important;
  }
}

@supports (width:100dvw){
  @media (max-width:767px){
    body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"]{
      width:100dvw!important;
      min-width:100dvw!important;
      max-width:100dvw!important;
      margin-left:calc(50% - 50dvw)!important;
      margin-right:calc(50% - 50dvw)!important;
      height:82dvw!important;
    }
  }
}


/* =========================================================
   v2.1.7 — PRESERVE ELEMENTOR MOBILE HERO BACKGROUND IMAGE
   Previous full-bleed rules used the background shorthand, which
   reset Elementor's background-image to none. Keep only a fallback
   background color and allow Elementor's original image to render.
========================================================= */
@media (max-width:767px){
  body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"],
  body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"].elyra-v2-hero-frame{
    background-color:#e8e8e8!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:58% 44%!important;
  }
}


/* =========================================================
   v2.1.8 — MOBILE HERO: FULL IMAGE + TRUE EDGE-TO-EDGE
   The source artwork is square. Use a square viewport and render
   the entire background without cover-cropping. Only the page root
   clips horizontal overflow; hero ancestors must allow full bleed.
========================================================= */
@media (max-width:767px){
  html,
  body{
    overflow-x:clip!important;
  }

  body.elyra-unified-repair-on.home :is(
    .wd-page-content,
    .main-page-wrapper,
    #main-content,
    .wd-content-area,
    article.entry-content,
    .elementor-17,
    .elyra-v2-hero-shell
  ){
    overflow:visible!important;
  }

  body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"],
  body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"].elyra-v2-hero-frame{
    position:relative!important;
    left:0!important;
    right:auto!important;
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:100vw!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1 / 1!important;
    margin-top:0!important;
    margin-right:0!important;
    margin-bottom:22px!important;
    margin-left:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    background-size:100% 100%!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
  }

  body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"] > .e-con-inner{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    margin:0!important;
    padding:0 20px!important;
    box-sizing:border-box!important;
  }
}

@supports (width:100dvw){
  @media (max-width:767px){
    body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"],
    body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"].elyra-v2-hero-frame{
      width:100dvw!important;
      min-width:100dvw!important;
      max-width:100dvw!important;
      height:100dvw!important;
    }
  }
}

/* =========================================================
   v2.1.9 — MOBILE HERO REAL-IMAGE RENDERING
   Render the Elementor background as a real intrinsic-ratio image.
   This is intentionally scoped to the single mobile homepage hero.
========================================================= */
@media (max-width:767px){
  body.elyra-unified-repair-on.home .elyra-v2-hero-shell,
  body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"],
  body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"]::before,
  body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"]::after,
  body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"] > .e-con-inner,
  body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"] > .e-con-inner::before,
  body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"] > .e-con-inner::after{
    border-radius:0!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
  }

  body.elyra-unified-repair-on.home .elyra-v2-hero-shell{
    overflow:visible!important;
  }

  body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"],
  body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"].elyra-v2-hero-frame{
    display:block!important;
    position:relative!important;
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    margin-top:0!important;
    margin-right:0!important;
    margin-bottom:22px!important;
    margin-left:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"] > img.elyra-v2-hero-media{
    display:block!important;
    position:relative!important;
    z-index:1!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    transform:none!important;
  }

  body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"] > .e-con-inner{
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0 20px!important;
    overflow:visible!important;
  }
}


/* =========================================================
   v2.2.0 — FINAL MOBILE HERO RESET
   Source of truth: Elementor container 5f11883 with the original full-size
   Group-1 artwork. No cloned image, no cover zoom, no rounded clipping.
========================================================= */
@media (max-width:767px){
  html,
  body{
    overflow-x:clip!important;
  }

  body.elyra-unified-repair-on.home :is(
    .wd-page-content,
    .main-page-wrapper,
    #main-content,
    .wd-content-area,
    article.entry-content,
    .elementor-17
  ){
    overflow-x:visible!important;
  }

  body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"],
  body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"].elyra-mobile-hero-final{
    display:flex!important;
    position:relative!important;
    left:50%!important;
    right:auto!important;
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16 / 9!important;
    margin:0 0 24px!important;
    padding:0!important;
    transform:translateX(-50%)!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
    background-size:contain!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-color:#d9d9d9!important;
  }

  body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"]::before,
  body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"]::after{
    border-radius:0!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
  }

  body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"] > img.elyra-v2-hero-media{
    display:none!important;
  }

  body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"] > .e-con-inner{
    display:flex!important;
    position:relative!important;
    inset:auto!important;
    z-index:2!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0 18px!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    justify-content:center!important;
    align-items:center!important;
    flex-direction:column!important;
  }

  body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"] .elementor-widget-heading{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 18px!important;
    text-align:center!important;
  }
  body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"] .elementor-heading-title{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    color:#fff!important;
    font-size:18px!important;
    line-height:1.15!important;
    letter-spacing:.22em!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"] .elementor-widget-button{
    width:auto!important;
    max-width:100%!important;
    margin:0!important;
  }
  body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"] .elementor-button{
    min-height:48px!important;
    padding:13px 22px!important;
    border:0!important;
    border-radius:0!important;
    background:#d91428!important;
    color:#fff!important;
    font-size:18px!important;
    line-height:1.2!important;
  }
}

@supports (width:100dvw){
  @media (max-width:767px){
    body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"],
    body.elyra-unified-repair-on.home .elementor-element[data-id="5f11883"].elyra-mobile-hero-final{
      width:100dvw!important;
      min-width:100dvw!important;
      max-width:100dvw!important;
    }
  }
}


/* =========================================================
   v2.2.1 — REMOVE MOBILE GAP ABOVE THE HOMEPAGE HERO
   Final high-specificity fallback. Runtime measurement in the late footer
   script handles any remaining generated spacing without changing the hero.
========================================================= */
@media (max-width:767px){
  body.elyra-unified-repair-on.home .elyra-mobile-category-strip{margin-bottom:0!important}
  body.elyra-unified-repair-on.home :is(
    .wd-page-content.main-page-wrapper,
    #main-content,
    .wd-content-area.site-content,
    article.entry-content,
    .elementor.elementor-17
  ){margin-top:0!important;padding-top:0!important;border-top:0!important}
  body.elyra-unified-repair-on.home .elementor.elementor-17{gap:0!important;row-gap:0!important}
  body.elyra-unified-repair-on.home .elementor.elementor-17 > [data-id="052843d"]{display:none!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
  body.elyra-unified-repair-on.home .elementor.elementor-17 > [data-id="5f11883"]{margin-block-start:0!important}
}