.yawnder-logo-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important}
.yawnder-logo-grid>a{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;min-width:0!important;height:84px!important;padding:6px!important;background:#fff!important;border:1px solid #dce3eb!important;border-radius:8px!important;overflow:hidden!important;text-decoration:none!important}
.yawnder-logo-grid>a>img{position:absolute!important;left:50%!important;top:7px!important;display:block!important;width:calc(100% - 16px)!important;height:42px!important;max-width:120px!important;max-height:none!important;object-fit:contain!important;opacity:1!important;transform:translateX(-50%)!important;filter:none!important}
.yawnder-logo-grid>a:has(>img)::after{content:attr(aria-label);position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:26px;background:#fff;font:600 11px/1.15 Inter,system-ui,sans-serif;color:#132d48;text-align:center;white-space:normal}
.yawnder-logo-grid>a[aria-label="Avocado"]>img,
.yawnder-logo-grid>a[aria-label="DreamCloud"]>img{transform:translateX(-50%) scale(1.9)!important;clip-path:inset(25% 0)}
.yawnder-logo-grid>a[aria-label="Bear"]>img,
.yawnder-logo-grid>a[aria-label="Birch"]>img,
.yawnder-logo-grid>a[aria-label="Mlily"]>img,
.yawnder-logo-grid>a[aria-label="Nectar"]>img,
.yawnder-logo-grid>a[aria-label="Leesa"]>img{transform:translateX(-50%) scale(1.25)!important}
.yawnder-logo-grid>a:hover,.yawnder-logo-grid>a:focus-visible{border-color:#004aad!important;box-shadow:0 0 0 2px #004aad20!important}
.yawnder-logo-grid>a:focus-visible{outline:2px solid #004aad!important;outline-offset:2px!important}
@media(max-width:600px){.yawnder-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
[role="menu"]:has(.yawnder-logo-grid) .col-span-full:has(>.yawnder-featured-grid){display:none!important}

/* Mattress brand category headings:
   keep the actual H1 text in the DOM for semantics/SEO,
   but visually replace it with a large readable brand logo. */
body.tax-product_cat.term-avocado h1.elementor-heading-title,
body.tax-product_cat.term-bear h1.elementor-heading-title,
body.tax-product_cat.term-birch h1.elementor-heading-title,
body.tax-product_cat.term-brooklyn-bedding h1.elementor-heading-title,
body.tax-product_cat.term-diamond h1.elementor-heading-title,
body.tax-product_cat.term-dreamcloud h1.elementor-heading-title,
body.tax-product_cat.term-embrace h1.elementor-heading-title,
body.tax-product_cat.term-helix h1.elementor-heading-title,
body.tax-product_cat.term-leesa h1.elementor-heading-title,
body.tax-product_cat.term-magniflex h1.elementor-heading-title,
body.tax-product_cat.term-millbrook h1.elementor-heading-title,
body.tax-product_cat.term-mlily-mattresses h1.elementor-heading-title,
body.tax-product_cat.term-nautica h1.elementor-heading-title,
body.tax-product_cat.term-nectar-mattresses h1.elementor-heading-title,
body.tax-product_cat.term-nolah h1.elementor-heading-title,
body.tax-product_cat.term-plank h1.elementor-heading-title,
body.tax-product_cat.term-puffy h1.elementor-heading-title,
body.tax-product_cat.term-technogel h1.elementor-heading-title,
body.tax-product_cat.term-titan-mattresses h1.elementor-heading-title,
body.tax-product_cat.term-winkbeds h1.elementor-heading-title,
body.tax-product_cat.term-yawnder-mattress h1.elementor-heading-title{
  display:block!important;
  position:relative!important;
  width:min(430px,100%)!important;
  height:112px!important;
  margin:0 0 12px 0!important;
  overflow:visible!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  background:none!important;
}

body.tax-product_cat h1.elementor-heading-title::before{
  content:"";
  display:none;
}

body.tax-product_cat.term-avocado h1.elementor-heading-title::before,
body.tax-product_cat.term-bear h1.elementor-heading-title::before,
body.tax-product_cat.term-birch h1.elementor-heading-title::before,
body.tax-product_cat.term-brooklyn-bedding h1.elementor-heading-title::before,
body.tax-product_cat.term-diamond h1.elementor-heading-title::before,
body.tax-product_cat.term-dreamcloud h1.elementor-heading-title::before,
body.tax-product_cat.term-embrace h1.elementor-heading-title::before,
body.tax-product_cat.term-helix h1.elementor-heading-title::before,
body.tax-product_cat.term-leesa h1.elementor-heading-title::before,
body.tax-product_cat.term-magniflex h1.elementor-heading-title::before,
body.tax-product_cat.term-millbrook h1.elementor-heading-title::before,
body.tax-product_cat.term-mlily-mattresses h1.elementor-heading-title::before,
body.tax-product_cat.term-nautica h1.elementor-heading-title::before,
body.tax-product_cat.term-nectar-mattresses h1.elementor-heading-title::before,
body.tax-product_cat.term-nolah h1.elementor-heading-title::before,
body.tax-product_cat.term-plank h1.elementor-heading-title::before,
body.tax-product_cat.term-puffy h1.elementor-heading-title::before,
body.tax-product_cat.term-technogel h1.elementor-heading-title::before,
body.tax-product_cat.term-titan-mattresses h1.elementor-heading-title::before,
body.tax-product_cat.term-winkbeds h1.elementor-heading-title::before,
body.tax-product_cat.term-yawnder-mattress h1.elementor-heading-title::before{
  content:""!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  pointer-events:none!important;
  background-repeat:no-repeat!important;
  background-position:left center!important;
  background-size:82% auto!important;
}

/* Brooklyn Bedding's source logo is a square file with lots of whitespace,
   so zoom it substantially inside the fixed heading viewport. */
body.tax-product_cat.term-brooklyn-bedding h1.elementor-heading-title{
  width:min(500px,100%)!important;
  height:120px!important;
}
body.tax-product_cat.term-brooklyn-bedding h1.elementor-heading-title::before{
  background-size:100% auto!important;
}

/* Other square/padded logo assets benefit from a modest extra zoom. */
body.tax-product_cat.term-bear h1.elementor-heading-title::before,
body.tax-product_cat.term-dreamcloud h1.elementor-heading-title::before,
body.tax-product_cat.term-helix h1.elementor-heading-title::before,
body.tax-product_cat.term-leesa h1.elementor-heading-title::before,
body.tax-product_cat.term-mlily-mattresses h1.elementor-heading-title::before,
body.tax-product_cat.term-nolah h1.elementor-heading-title::before,
body.tax-product_cat.term-puffy h1.elementor-heading-title::before,
body.tax-product_cat.term-titan-mattresses h1.elementor-heading-title::before,
body.tax-product_cat.term-winkbeds h1.elementor-heading-title::before{
  background-size:92% auto!important;
}

body.tax-product_cat.term-avocado h1.elementor-heading-title::before{background-image:url("https://yawnder.com/wp-content/uploads/2026/09/Avocado-Green-Mattress-logo-high-resolution.jpg")!important}
body.tax-product_cat.term-bear h1.elementor-heading-title::before{background-image:url("https://yawnder.com/wp-content/uploads/2026/09/Bear-Mattress-current-rounded-logo.png")!important}
body.tax-product_cat.term-birch h1.elementor-heading-title::before{background-image:url("https://yawnder.com/wp-content/uploads/2026/09/Birch-logo-high-resolution.png")!important}
body.tax-product_cat.term-brooklyn-bedding h1.elementor-heading-title::before{background-image:url("https://yawnder.com/wp-content/uploads/2024/04/Brooklyn-Bedding-Logo-3-1000x900.png.webp")!important}
body.tax-product_cat.term-diamond h1.elementor-heading-title::before{background-image:url("https://yawnder.com/wp-content/uploads/2025/10/Diamond-Matresses-Logo.gif")!important}
body.tax-product_cat.term-dreamcloud h1.elementor-heading-title::before{background-image:url("https://yawnder.com/wp-content/uploads/2026/09/DreamCloud-logo-high-resolution.png")!important}
body.tax-product_cat.term-embrace h1.elementor-heading-title::before{background-image:url("https://yawnder.com/wp-content/uploads/2026/09/Embrace-Sleep-logo.jpg")!important}
body.tax-product_cat.term-helix h1.elementor-heading-title::before{background-image:url("https://yawnder.com/wp-content/uploads/2024/04/Helix-Logo-2.png.webp")!important}
body.tax-product_cat.term-leesa h1.elementor-heading-title::before{background-image:url("https://yawnder.com/wp-content/uploads/2017/09/Leesa_logo-1.png")!important}
body.tax-product_cat.term-magniflex h1.elementor-heading-title::before{background-image:url("https://yawnder.com/wp-content/uploads/2026/09/Magniflex-logo-scaled.png")!important}
body.tax-product_cat.term-millbrook h1.elementor-heading-title::before{background-image:url("https://yawnder.com/wp-content/uploads/2026/09/Millbrook-logo-scaled.png")!important}
body.tax-product_cat.term-mlily-mattresses h1.elementor-heading-title::before{background-image:url("https://yawnder.com/wp-content/uploads/2024/04/Mlily-Logo-2.png.webp")!important}
body.tax-product_cat.term-nautica h1.elementor-heading-title::before{background-image:url("https://yawnder.com/wp-content/uploads/2026/09/Nautica-logo.png")!important}
body.tax-product_cat.term-nectar-mattresses h1.elementor-heading-title::before{background-image:url("https://yawnder.com/wp-content/uploads/2019/02/Nectar-logo.jpg")!important}
body.tax-product_cat.term-nolah h1.elementor-heading-title::before{background-image:url("https://yawnder.com/wp-content/uploads/2024/09/Nolah-Logo.png")!important}
body.tax-product_cat.term-plank h1.elementor-heading-title::before{background-image:url("https://yawnder.com/wp-content/uploads/2026/09/Plank-logo.png")!important}
body.tax-product_cat.term-puffy h1.elementor-heading-title::before{background-image:url("https://yawnder.com/wp-content/uploads/2026/09/Puffy-mattress-current-cloud-logo.jpg")!important}
body.tax-product_cat.term-technogel h1.elementor-heading-title::before{background-image:url("https://yawnder.com/wp-content/uploads/2026/09/Technogel-Sleeping-logo-high-resolution.jpg")!important}
body.tax-product_cat.term-titan-mattresses h1.elementor-heading-title::before{background-image:url("https://yawnder.com/wp-content/uploads/2026/09/Titan-Mattress-logo-high-resolution.png")!important}
body.tax-product_cat.term-winkbeds h1.elementor-heading-title::before{background-image:url("https://yawnder.com/wp-content/uploads/2026/09/WinkBeds-logo-high-resolution.webp")!important}
body.tax-product_cat.term-yawnder-mattress h1.elementor-heading-title::before{background-image:url("https://yawnder.com/wp-content/uploads/2026/07/yawnder-logo-transparent.png")!important}

@media(max-width:767px){
  body.tax-product_cat.term-avocado h1.elementor-heading-title,
  body.tax-product_cat.term-bear h1.elementor-heading-title,
  body.tax-product_cat.term-birch h1.elementor-heading-title,
  body.tax-product_cat.term-brooklyn-bedding h1.elementor-heading-title,
  body.tax-product_cat.term-diamond h1.elementor-heading-title,
  body.tax-product_cat.term-dreamcloud h1.elementor-heading-title,
  body.tax-product_cat.term-embrace h1.elementor-heading-title,
  body.tax-product_cat.term-helix h1.elementor-heading-title,
  body.tax-product_cat.term-leesa h1.elementor-heading-title,
  body.tax-product_cat.term-magniflex h1.elementor-heading-title,
  body.tax-product_cat.term-millbrook h1.elementor-heading-title,
  body.tax-product_cat.term-mlily-mattresses h1.elementor-heading-title,
  body.tax-product_cat.term-nautica h1.elementor-heading-title,
  body.tax-product_cat.term-nectar-mattresses h1.elementor-heading-title,
  body.tax-product_cat.term-nolah h1.elementor-heading-title,
  body.tax-product_cat.term-plank h1.elementor-heading-title,
  body.tax-product_cat.term-puffy h1.elementor-heading-title,
  body.tax-product_cat.term-technogel h1.elementor-heading-title,
  body.tax-product_cat.term-titan-mattresses h1.elementor-heading-title,
  body.tax-product_cat.term-winkbeds h1.elementor-heading-title,
  body.tax-product_cat.term-yawnder-mattress h1.elementor-heading-title{
    width:min(300px,100%)!important;
    height:82px!important;
    margin-bottom:8px!important;
  }

  body.tax-product_cat.term-brooklyn-bedding h1.elementor-heading-title{
    width:min(330px,100%)!important;
    height:88px!important;
  }
}


/* FINAL BRAND LOGO FIT OVERRIDES 2026-09-29 */
/* Use height-based sizing for square/tall artwork so complete logos stay visible.
   Wide wordmarks are kept close to native resolution to avoid blur. */
body.tax-product_cat.term-avocado h1.elementor-heading-title::before{background-size:auto 96px!important}
body.tax-product_cat.term-bear h1.elementor-heading-title::before{background-size:auto 96px!important}
body.tax-product_cat.term-birch h1.elementor-heading-title::before{background-size:auto 96px!important}
body.tax-product_cat.term-diamond h1.elementor-heading-title::before{background-size:auto 96px!important}
body.tax-product_cat.term-dreamcloud h1.elementor-heading-title::before{background-size:auto 94px!important}
body.tax-product_cat.term-embrace h1.elementor-heading-title::before{background-size:auto 96px!important}
body.tax-product_cat.term-helix h1.elementor-heading-title::before{background-size:auto 98px!important}
body.tax-product_cat.term-leesa h1.elementor-heading-title::before{background-size:auto 94px!important}
body.tax-product_cat.term-magniflex h1.elementor-heading-title::before{background-size:auto 94px!important}
body.tax-product_cat.term-mlily-mattresses h1.elementor-heading-title::before{background-size:auto 98px!important}
body.tax-product_cat.term-nautica h1.elementor-heading-title::before{background-size:auto 96px!important}
body.tax-product_cat.term-nectar-mattresses h1.elementor-heading-title::before{background-size:auto 98px!important}
body.tax-product_cat.term-nolah h1.elementor-heading-title::before{background-size:auto 98px!important}
body.tax-product_cat.term-puffy h1.elementor-heading-title::before{background-size:auto 96px!important}
body.tax-product_cat.term-technogel h1.elementor-heading-title::before{background-size:auto 96px!important}
body.tax-product_cat.term-winkbeds h1.elementor-heading-title::before{background-size:auto 96px!important}

/* These wordmarks are naturally wide. Keep them readable without upscaling
   them far beyond their source resolution. */
body.tax-product_cat.term-millbrook h1.elementor-heading-title::before{background-size:340px auto!important}
body.tax-product_cat.term-plank h1.elementor-heading-title::before{background-size:250px auto!important}
body.tax-product_cat.term-titan-mattresses h1.elementor-heading-title::before{background-size:240px auto!important}
body.tax-product_cat.term-yawnder-mattress h1.elementor-heading-title::before{background-size:340px auto!important}

/* Brooklyn Bedding uses a high-resolution padded square asset; preserve the
   visually successful zoom already established for this category. */
body.tax-product_cat.term-brooklyn-bedding h1.elementor-heading-title::before{background-size:100% auto!important}

@media(max-width:767px){
  body.tax-product_cat.term-avocado h1.elementor-heading-title::before,
  body.tax-product_cat.term-bear h1.elementor-heading-title::before,
  body.tax-product_cat.term-birch h1.elementor-heading-title::before,
  body.tax-product_cat.term-diamond h1.elementor-heading-title::before,
  body.tax-product_cat.term-dreamcloud h1.elementor-heading-title::before,
  body.tax-product_cat.term-embrace h1.elementor-heading-title::before,
  body.tax-product_cat.term-helix h1.elementor-heading-title::before,
  body.tax-product_cat.term-leesa h1.elementor-heading-title::before,
  body.tax-product_cat.term-magniflex h1.elementor-heading-title::before,
  body.tax-product_cat.term-mlily-mattresses h1.elementor-heading-title::before,
  body.tax-product_cat.term-nautica h1.elementor-heading-title::before,
  body.tax-product_cat.term-nectar-mattresses h1.elementor-heading-title::before,
  body.tax-product_cat.term-nolah h1.elementor-heading-title::before,
  body.tax-product_cat.term-puffy h1.elementor-heading-title::before,
  body.tax-product_cat.term-technogel h1.elementor-heading-title::before,
  body.tax-product_cat.term-winkbeds h1.elementor-heading-title::before{
    background-size:auto 72px!important;
  }
  body.tax-product_cat.term-millbrook h1.elementor-heading-title::before,
  body.tax-product_cat.term-yawnder-mattress h1.elementor-heading-title::before{
    background-size:260px auto!important;
  }
  body.tax-product_cat.term-plank h1.elementor-heading-title::before{
    background-size:220px auto!important;
  }
  body.tax-product_cat.term-titan-mattresses h1.elementor-heading-title::before{
    background-size:210px auto!important;
  }
  body.tax-product_cat.term-brooklyn-bedding h1.elementor-heading-title::before{
    background-size:100% auto!important;
  }
}