/* Almeers Living Blinds Catalogue — isolated styles, namespaced with .bl- */
.bl-wrap{width:min(1160px,calc(100% - 40px));margin-inline:auto}.bl-hero{background:#f5f1eb;padding:76px 0 72px}.bl-hero-compact{padding:42px 0 50px}.bl-eyebrow{font-size:.72rem;letter-spacing:.18em;font-weight:700;color:#98754e;margin:0 0 14px;text-transform:uppercase}.bl-hero h1,.bl-detail-copy h1{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.025em;font-size:clamp(2.35rem,5vw,4.25rem);line-height:1.06;max-width:850px;margin:0 0 22px;color:#25231f}.bl-lead{font-size:1.08rem;line-height:1.8;color:#5e5b55;max-width:790px;margin:0 0 28px}.bl-btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:14px 21px;min-height:50px;text-decoration:none;font-size:.88rem;font-weight:650;transition:transform .2s ease,background .2s ease;border-radius:2px}.bl-btn:hover{transform:translateY(-2px)}.bl-btn-primary{background:#292720;color:#fff}.bl-btn-primary:hover{background:#98754e;color:#fff}.bl-btn-light{background:#f8f4ed;color:#25231f;white-space:nowrap}.bl-section{padding:70px 0}.bl-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.bl-section-heading h2,.bl-cta h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(1.8rem,3.5vw,2.7rem);line-height:1.2;margin:0;color:#25231f}.bl-section-heading>p{max-width:390px;font-size:.9rem;line-height:1.7;color:#716d65;margin:0}.bl-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.bl-category-card{border:1px solid #e9e4dc;background:#fff;color:inherit;text-decoration:none;display:flex;flex-direction:column;min-width:0;transition:transform .25s ease,box-shadow .25s ease}.bl-category-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #28251e12}.bl-card-art{height:170px;background:linear-gradient(135deg,#ece5da,#f8f6f1);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.bl-card-art:before,.bl-card-art:after{content:"";position:absolute;top:0;bottom:0;width:22%;background:repeating-linear-gradient(90deg,#b9a78f 0 2px,#e4d8c7 2px 8px);opacity:.52;transform:skewY(-5deg)}.bl-card-art:before{left:12%}.bl-card-art:after{right:12%;opacity:.3}.bl-card-art>span{font-family:'Playfair Display',Georgia,serif;font-size:3.1rem;color:#8e795d;z-index:1}.bl-card-art small{position:absolute;right:12px;bottom:12px;background:#fffdf9d9;padding:5px 8px;font-size:.68rem;color:#5e594f;z-index:2}.bl-card-content{padding:23px;display:flex;flex:1;flex-direction:column;align-items:flex-start}.bl-card-content h3{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:1.45rem;line-height:1.25;margin:0 0 12px}.bl-card-content p,.bl-product-body>p:not(.bl-product-kicker){font-size:.88rem;line-height:1.75;color:#6b675f;margin:0 0 18px}.bl-text-link{color:#8b6842;font-size:.84rem;font-weight:700;text-decoration:none;display:inline-flex;gap:10px;align-items:center;margin-top:auto}.bl-text-link:hover{text-decoration:underline}.bl-cta{background:#292720;color:#f8f4ed;padding:55px 0}.bl-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.bl-cta h2{color:#fff;margin-bottom:12px}.bl-cta p:not(.bl-eyebrow){color:#d0ccc4;max-width:680px;line-height:1.8;margin:0}.bl-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:.78rem;color:#777168;margin:0 0 30px}.bl-breadcrumb a{color:#71644f;text-decoration:none}.bl-breadcrumb a:hover{text-decoration:underline}.bl-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.bl-product-card{border:1px solid #e9e4dc;background:white;display:flex;flex-direction:column;min-width:0}.bl-product-art{height:175px;background:linear-gradient(135deg,#eee8de,#f9f7f3);display:flex;align-items:center;justify-content:center;position:relative;text-decoration:none;overflow:hidden}.bl-product-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 21px,#d6c8b5 22px 24px,transparent 25px 36px);opacity:.55}.bl-art-mark{font-family:'Playfair Display',Georgia,serif;color:#8c7659;font-size:2.5rem;z-index:1}.bl-art-type{position:absolute;bottom:12px;left:12px;background:#fffdf9e8;color:#5b554b;font-size:.68rem;padding:5px 8px;z-index:1}.bl-product-body{padding:22px;display:flex;flex-direction:column;flex:1;align-items:flex-start}.bl-product-kicker{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#9a7a54;margin:0 0 10px}.bl-product-body h2{font-family:'Playfair Display',Georgia,serif;font-size:1.4rem;font-weight:500;line-height:1.25;margin:0 0 12px}.bl-product-body h2 a{color:#282620;text-decoration:none}.bl-product-body h2 a:hover{color:#8b6842}.bl-back-row{padding-top:35px}.bl-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:start}.bl-detail-visual{position:sticky;top:30px}.bl-visual-placeholder{min-height:430px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;background:linear-gradient(135deg,#eee8de,#f9f7f3);color:#8c7659}.bl-visual-placeholder span{font-family:'Playfair Display',Georgia,serif;font-size:5rem}.bl-visual-placeholder small{font-size:.75rem;color:#81786c}.bl-detail-copy h1{font-size:clamp(2rem,4vw,3.2rem)}.bl-detail-lead{font-size:1.02rem;line-height:1.85;color:#625e56}.bl-spec-note{border-left:3px solid #b89a73;background:#f7f4ef;padding:18px 20px;margin:25px 0}.bl-spec-note strong{display:block;margin-bottom:8px}.bl-spec-note p,.bl-detail-copy>p:not(.bl-detail-lead){font-size:.88rem;line-height:1.75;color:#6b675f}.bl-detail-copy h2{font-family:'Playfair Display',Georgia,serif;font-size:1.55rem;font-weight:500}.bl-small-note{font-size:.75rem!important;margin-top:12px}.bl-related{background:#faf8f4}.bl-related-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px;margin:0 0 30px}.bl-related-list a{padding:16px 0;border-bottom:1px solid #e4ded4;display:flex;justify-content:space-between;gap:12px;color:#38352e;text-decoration:none;font-size:.9rem}.bl-related-list a:hover{color:#98754e}.bl-related-list span{color:#98754e}@media(max-width:900px){.bl-category-grid,.bl-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-detail-grid{gap:30px}.bl-cta-inner{align-items:flex-start;flex-direction:column}.bl-section-heading{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.bl-wrap{width:min(100% - 30px,1160px)}.bl-hero{padding:52px 0}.bl-hero-compact{padding:28px 0 36px}.bl-section{padding:46px 0}.bl-category-grid,.bl-products-grid,.bl-related-list{grid-template-columns:1fr}.bl-card-art,.bl-product-art{height:155px}.bl-card-content,.bl-product-body{padding:19px}.bl-detail-grid{grid-template-columns:1fr;gap:28px}.bl-detail-visual{position:static}.bl-visual-placeholder{min-height:260px}.bl-section-heading{gap:12px}.bl-cta{padding:42px 0}}

/* Public price estimate and currency selector — Blinds catalogue only */
.bl-price-panel{margin:1.25rem 0;padding:1.1rem 1.2rem;border:1px solid #e5ded5;background:#faf7f2;border-radius:12px;display:grid;gap:.55rem}.bl-price-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:#786b5d}.bl-price-value{font-size:1.65rem;line-height:1.2;color:#7c5738}.bl-price-panel small{color:#6b625a;line-height:1.55}.bl-currency-form{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.35rem}.bl-currency-form label{font-size:.9rem;font-weight:600}.bl-currency-form select{min-width:190px;padding:.65rem .8rem;border:1px solid #d7cec3;border-radius:7px;background:#fff;color:#29251f;font:inherit}

/* Currency selector and indicative-pricing strip — Blinds catalogue only */
.bl-currency-strip{background:#f5f1eb;border-bottom:1px solid #e5ded4;color:#65594e;font-size:.82rem}
.bl-currency-strip>.bl-wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.55rem;padding-bottom:.55rem}
.bl-currency-form{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-top:.75rem}
.bl-currency-strip .bl-currency-form{margin:0}
.bl-currency-form label{font-size:.8rem;color:#65594e}
.bl-currency-form select{max-width:100%;padding:.55rem .75rem;border:1px solid #d5c9bc;border-radius:6px;background:#fff;color:#29241f;font:inherit}
.bl-price-panel small{display:block;margin-top:.45rem;line-height:1.55;color:#6f675f}
@media(max-width:640px){.bl-currency-strip>.bl-wrap{align-items:flex-start;flex-direction:column;gap:.4rem}.bl-currency-strip .bl-currency-form{width:100%}.bl-currency-form select{width:100%}}


/* ALMEERS LIVING — refined catalogue motion system */
.blinds-catalog-motion-ready .bl-hero,
.blinds-catalog-motion-ready .bl-section,
.blinds-catalog-motion-ready .bl-currency-strip,
.blinds-catalog-motion-ready .bl-cta {
  animation: bl-page-enter .72s cubic-bezier(.2,.72,.22,1) both;
}
.bl-motion-hero .bl-breadcrumb { animation: bl-text-rise .62s .04s cubic-bezier(.2,.72,.22,1) both; }
.bl-motion-hero .bl-eyebrow { animation: bl-text-rise .68s .10s cubic-bezier(.2,.72,.22,1) both; }
.bl-motion-hero h1 { animation: bl-text-rise .78s .16s cubic-bezier(.2,.72,.22,1) both; }
.bl-motion-hero .bl-lead { animation: bl-text-rise .78s .23s cubic-bezier(.2,.72,.22,1) both; }
.bl-motion-card {
  transform-style: preserve-3d;
  backface-visibility: hidden;
  animation: bl-card-arrive .78s cubic-bezier(.18,.72,.2,1) both;
  transition: transform .48s cubic-bezier(.2,.72,.2,1), box-shadow .48s ease, border-color .35s ease;
}
.bl-motion-card:nth-child(1){animation-delay:.05s}
.bl-motion-card:nth-child(2){animation-delay:.11s}
.bl-motion-card:nth-child(3){animation-delay:.17s}
.bl-motion-card:nth-child(4){animation-delay:.23s}
.bl-motion-card:nth-child(5){animation-delay:.29s}
.bl-motion-card:nth-child(6){animation-delay:.35s}
.bl-motion-card:nth-child(n+7){animation-delay:.4s}
.bl-product-art {
  transform: translateZ(0);
  transition: transform .65s cubic-bezier(.2,.72,.2,1), filter .65s ease;
}
.bl-product-art:before {
  transition: opacity .55s ease, transform .8s cubic-bezier(.2,.72,.2,1);
}
.bl-motion-card:hover,
.bl-motion-card:focus-within {
  transform: perspective(1100px) translateY(-7px) rotateX(1.1deg) rotateY(-1deg);
  box-shadow: 0 24px 55px rgba(36,31,24,.12), 0 4px 14px rgba(36,31,24,.05);
  border-color: #d9c8b4;
}
.bl-motion-card:hover .bl-product-art,
.bl-motion-card:focus-within .bl-product-art {
  transform: scale(1.025) translateZ(12px);
  filter: saturate(1.04);
}
.bl-motion-card:hover .bl-product-art:before,
.bl-motion-card:focus-within .bl-product-art:before {
  transform: scale(1.06);
  opacity: .32;
}
.bl-motion-card .bl-product-body h2 a,
.bl-motion-card .bl-text-link { transition: color .28s ease, transform .28s ease; }
.bl-motion-card:hover .bl-text-link { transform: translateX(3px); }
.bl-breadcrumb a { transition: color .25s ease; }
.bl-btn, .bl-related-list a { transition: transform .3s ease, color .3s ease, background .3s ease; }
@keyframes bl-page-enter {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes bl-text-rise {
  from { opacity: 0; transform: translateY(18px); filter: blur(3px); }
  to { opacity: 1; transform: translateY(0); filter: blur(0); }
}
@keyframes bl-card-arrive {
  from { opacity: 0; transform: perspective(1000px) translateY(24px) rotateX(4deg) scale(.985); }
  to { opacity: 1; transform: perspective(1000px) translateY(0) rotateX(0) scale(1); }
}
@media (prefers-reduced-motion: reduce) {
  .blinds-catalog-motion-ready .bl-hero,
  .blinds-catalog-motion-ready .bl-section,
  .blinds-catalog-motion-ready .bl-currency-strip,
  .blinds-catalog-motion-ready .bl-cta,
  .bl-motion-hero .bl-breadcrumb,
  .bl-motion-hero .bl-eyebrow,
  .bl-motion-hero h1,
  .bl-motion-hero .bl-lead,
  .bl-motion-card { animation: none !important; }
  .bl-motion-card, .bl-product-art, .bl-product-art:before,
  .bl-btn, .bl-related-list a { transition: none !important; }
  .bl-motion-card:hover, .bl-motion-card:focus-within { transform: none; }
}

/* Homepage category imagery and motion */
.bl-hero{position:relative;isolation:isolate;overflow:hidden}
.bl-hero-media{position:absolute;inset:0;z-index:-1;overflow:hidden}
.bl-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,241,235,.97) 0%,rgba(245,241,235,.91) 48%,rgba(245,241,235,.48) 100%)}
.bl-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 55%;display:block;transform:scale(1.035);animation:bl-hero-image-in 1.4s cubic-bezier(.2,.72,.22,1) both}
.bl-hero-content{position:relative}
.bl-category-card{overflow:hidden;transform-style:preserve-3d;transition:transform .48s cubic-bezier(.2,.72,.2,1),box-shadow .48s ease,border-color .35s ease}
.bl-card-art{height:220px;background:#e9e1d6}
.bl-card-art:before,.bl-card-art:after{pointer-events:none;z-index:1}
.bl-card-art>img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .8s cubic-bezier(.2,.72,.2,1),filter .7s ease}
.bl-card-art>span{display:none}
.bl-category-card:hover,.bl-category-card:focus-visible{transform:perspective(1100px) translateY(-7px) rotateX(1deg) rotateY(-.8deg);box-shadow:0 24px 55px rgba(36,31,24,.13);border-color:#d9c8b4}
.bl-category-card:hover .bl-card-art>img,.bl-category-card:focus-visible .bl-card-art>img{transform:scale(1.055);filter:saturate(1.06)}
.bl-card-art small{backdrop-filter:blur(8px)}
.bl-motion-section{animation:bl-page-enter .72s cubic-bezier(.2,.72,.22,1) both}
.bl-motion-hero .bl-eyebrow,.bl-motion-hero h1,.bl-motion-hero .bl-lead,.bl-motion-hero .bl-btn{animation:bl-text-rise .72s cubic-bezier(.2,.72,.22,1) both}
.bl-motion-hero h1{animation-delay:.12s}.bl-motion-hero .bl-lead{animation-delay:.2s}.bl-motion-hero .bl-btn{animation-delay:.28s}
.bl-category-card.bl-motion-card{animation:bl-card-arrive .78s cubic-bezier(.18,.72,.2,1) both}
.bl-category-card.bl-motion-card:nth-child(1){animation-delay:.04s}.bl-category-card.bl-motion-card:nth-child(2){animation-delay:.1s}.bl-category-card.bl-motion-card:nth-child(3){animation-delay:.16s}.bl-category-card.bl-motion-card:nth-child(4){animation-delay:.22s}.bl-category-card.bl-motion-card:nth-child(5){animation-delay:.28s}.bl-category-card.bl-motion-card:nth-child(6){animation-delay:.34s}.bl-category-card.bl-motion-card:nth-child(7){animation-delay:.4s}.bl-category-card.bl-motion-card:nth-child(8){animation-delay:.46s}
@keyframes bl-hero-image-in{from{opacity:.45;transform:scale(1.09)}to{opacity:1;transform:scale(1.035)}}
@media(max-width:700px){.bl-hero-media:after{background:rgba(245,241,235,.88)}.bl-card-art{height:190px}}
@media(prefers-reduced-motion:reduce){.bl-hero-media img,.bl-motion-section,.bl-motion-hero .bl-eyebrow,.bl-motion-hero h1,.bl-motion-hero .bl-lead,.bl-motion-hero .bl-btn,.bl-category-card.bl-motion-card{animation:none!important;transition:none!important}.bl-category-card:hover,.bl-category-card:focus-visible{transform:none}}


/* FIX: remove decorative curtain-stripe overlays from homepage category photos.
   The original .bl-card-art::before/::after patterns were covering the images. */
.bl-category-card .bl-card-art::before,
.bl-category-card .bl-card-art::after {
  content: none !important;
  display: none !important;
}



/* ==========================================================
   ALMEERS LIVING — DETAIL + HOME HERO REFINEMENT
   2026-11-08 | Append-only compatibility layer
   ========================================================== */
:root{
  --bl-ink:#292720;
  --bl-muted:#6d685f;
  --bl-gold:#b98e61;
  --bl-motion-ease:cubic-bezier(.2,.72,.22,1);
}

/* DETAIL: breadcrumb is a separate light strip, with readable dark links.
   Keep the shared global navigation untouched. */
.bl-hero.bl-hero-compact{
  background:#f4f0e9!important;
  padding:clamp(18px,2.2vw,28px) 0!important;
  min-height:0!important;
}
.bl-hero-compact .bl-breadcrumb{
  display:flex!important;
  flex-wrap:wrap;
  align-items:center;
  gap:7px 11px;
  width:100%;
  margin:0!important;
  padding:0!important;
  color:#756d62!important;
  font-size:clamp(.69rem,.8vw,.78rem)!important;
  line-height:1.55;
  letter-spacing:0;
}
.bl-hero-compact .bl-breadcrumb a{
  color:#756044!important;
  text-decoration:none;
  opacity:1!important;
}
.bl-hero-compact .bl-breadcrumb a:hover{color:#292720!important;text-decoration:underline}
.bl-hero-compact .bl-breadcrumb span{color:#9a9185!important}
.bl-hero-compact .bl-breadcrumb [aria-current=page]{color:#39352f!important;font-weight:600}

/* Detail content: reduce excessive width and keep the image/text balanced. */
.bl-detail-section{padding:clamp(42px,5vw,68px) 0!important}
.bl-detail-section>.bl-wrap,
.bl-detail-grid{
  width:min(1240px,calc(100% - 64px))!important;
  max-width:1240px!important;
  margin-inline:auto!important;
}
.bl-detail-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr)!important;
  gap:clamp(28px,3.5vw,52px)!important;
  align-items:start!important;
}
.bl-detail-visual{
  position:sticky;
  top:28px;
  min-width:0;
  overflow:hidden;
  border-radius:3px;
  background:#eee8de;
}
.bl-detail-visual>img,
.bl-detail-visual picture>img,
.bl-detail-visual .bl-main-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:3px;
}
.bl-detail-copy{min-width:0;max-width:620px}
.bl-detail-copy h1{
  font-size:clamp(2.15rem,4.1vw,3.7rem)!important;
  line-height:1.06!important;
  letter-spacing:-.035em;
  text-wrap:balance;
  margin-bottom:18px;
}
.bl-detail-copy .bl-detail-lead{
  font-size:clamp(.94rem,1.1vw,1.04rem);
  line-height:1.82;
  color:#625e56;
  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
}
.bl-detail-copy>p:not(.bl-detail-lead),
.bl-detail-copy li{
  line-height:1.8;
}
.bl-detail-copy .bl-eyebrow{color:#98754e!important}

/* Keep all global navigation links readable; do not inherit hero text colours. */
header nav a,
.site-header nav a,
.main-navigation a,
#main-navigation a{
  color:inherit;
}

/* HOME: distinctive full-bleed image hero, with text overlay.
   Main image is a 16:9 WebP; blurred duplicate fills the canvas.
   Foreground image uses contain to prevent image cropping. */
.bl-home-hero{
  position:relative!important;
  isolation:isolate;
  display:flex;
  align-items:center;
  min-height:clamp(470px,48vw,650px)!important;
  padding:clamp(58px,7vw,92px) 0!important;
  overflow:hidden;
  background:#39352e!important;
}
.bl-home-hero .bl-hero-media{
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  overflow:hidden;
  background:#39352e;
}
.bl-home-hero .bl-hero-media:before{
  content:"";
  position:absolute;
  inset:-24px;
  background-image:url('/blinds-catalog/images/categories/catalog-hero.webp');
  background-size:cover;
  background-position:center;
  filter:blur(18px) brightness(.55);
  transform:scale(1.06);
}
.bl-home-hero .bl-hero-media:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(24,23,20,.78) 0%,rgba(24,23,20,.54) 48%,rgba(24,23,20,.18) 100%),
             linear-gradient(0deg,rgba(24,23,20,.22),transparent 60%);
}
.bl-home-hero .bl-hero-media img{
  position:relative;
  z-index:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  animation:bl-home-image-reveal 1.1s var(--bl-motion-ease) both;
}
.bl-home-hero .bl-wrap.bl-hero-content{
  position:relative;
  z-index:2;
  width:min(1240px,calc(100% - 64px));
  margin-inline:auto;
}
.bl-home-hero .bl-eyebrow{color:#e7c49c!important}
.bl-home-hero h1{
  max-width:850px;
  color:#fff!important;
  font-size:clamp(2.8rem,7vw,6.2rem)!important;
  line-height:.99!important;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.bl-home-hero .bl-lead{
  max-width:680px;
  color:rgba(255,255,255,.9)!important;
  font-size:clamp(.98rem,1.25vw,1.12rem);
  line-height:1.8;
}
.bl-home-hero .bl-btn-primary{
  background:#d9ae7f!important;
  color:#292720!important;
}
.bl-home-hero .bl-btn-primary:hover{background:#efcda8!important}
@keyframes bl-home-image-reveal{
  from{opacity:.6;transform:scale(1.02)}
  to{opacity:1;transform:scale(1)}
}

/* Product cards: true 16:9 image window, no decorative pseudo-lines or blank bands. */
.bl-product-art{
  height:auto!important;
  aspect-ratio:16/9!important;
  display:block!important;
  position:relative!important;
  overflow:hidden!important;
  background:#e9e2d8!important;
}
.bl-product-art:before,
.bl-product-art:after{content:none!important;display:none!important}
.bl-product-art>img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.bl-product-art .bl-art-mark{display:none!important}
.bl-product-art .bl-art-type{z-index:2}

/* Mobile and tablet: compact breadcrumb, stacked detail layout, full-width hero. */
@media(max-width:900px){
  .bl-detail-section>.bl-wrap,.bl-detail-grid{width:calc(100% - 40px)!important}
  .bl-detail-grid{grid-template-columns:minmax(0,1fr)!important;gap:25px!important}
  .bl-detail-visual{position:relative!important;top:auto!important}
  .bl-detail-visual>img,.bl-detail-visual picture>img,.bl-detail-visual .bl-main-image{
    aspect-ratio:16/9!important;
  }
  .bl-detail-copy{max-width:760px}
  .bl-home-hero{min-height:520px!important}
  .bl-home-hero .bl-wrap.bl-hero-content{width:calc(100% - 40px)}
}
@media(max-width:600px){
  .bl-hero.bl-hero-compact{padding:13px 0!important}
  .bl-hero-compact .bl-breadcrumb{gap:5px 7px;font-size:.68rem!important}
  .bl-detail-section{padding:30px 0 42px!important}
  .bl-detail-section>.bl-wrap,.bl-detail-grid{width:calc(100% - 32px)!important}
  .bl-detail-grid{gap:20px!important}
  .bl-detail-visual{border-radius:2px}
  .bl-detail-visual>img,.bl-detail-visual picture>img,.bl-detail-visual .bl-main-image{
    aspect-ratio:16/9!important;
    object-fit:cover!important;
  }
  .bl-detail-copy h1{font-size:clamp(2.15rem,9.5vw,3rem)!important}
  .bl-detail-copy .bl-detail-lead{text-align:left!important;hyphens:auto}
  .bl-home-hero{
    min-height:520px!important;
    padding:48px 0!important;
  }
  .bl-home-hero .bl-wrap.bl-hero-content{width:calc(100% - 32px)}
  .bl-home-hero .bl-hero-media:after{
    background:linear-gradient(90deg,rgba(24,23,20,.68),rgba(24,23,20,.42)),
               linear-gradient(0deg,rgba(24,23,20,.32),rgba(24,23,20,.08));
  }
  .bl-home-hero h1{font-size:clamp(2.5rem,11vw,3.7rem)!important;max-width:12ch}
  .bl-home-hero .bl-lead{font-size:.92rem;line-height:1.72}
  .bl-product-art{aspect-ratio:16/9!important}
}
@media(prefers-reduced-motion:reduce){
  .bl-home-hero .bl-hero-media img{animation:none!important}
}

/* ==========================================================
   ALMEERS LIVING — CATEGORY ALIGNMENT + BLACK OVERLAY FIX
   Built on the supplied live stylesheet. No :has() selectors.
   ========================================================== */

/* Category hero foreground: centered container and consistent side gutters.
   This also works when .bl-hero-content is not nested inside .bl-wrap. */
.bl-hero.bl-category-hero,
.bl-category-hero.bl-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  box-sizing:border-box;
}
.bl-category-hero .bl-hero-content{
  box-sizing:border-box!important;
  width:min(1240px,100%)!important;
  max-width:1240px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:clamp(24px,5vw,76px)!important;
  padding-right:clamp(24px,5vw,76px)!important;
}
.bl-category-hero .bl-breadcrumb{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding:0!important;
  color:rgba(255,255,255,.9)!important;
}
.bl-category-hero .bl-breadcrumb a{
  color:rgba(255,255,255,.94)!important;
}
.bl-category-hero .bl-breadcrumb [aria-current="page"]{
  color:#fff!important;
}
.bl-category-hero h1{
  max-width:14ch;
  margin-left:0!important;
  margin-right:0!important;
}
.bl-category-hero .bl-lead{
  max-width:760px!important;
  margin-left:0!important;
  margin-right:0!important;
  line-height:1.78;
}
.bl-category-hero .bl-hero-cta{margin-left:0!important}

/* Revert category photo overlay to translucent black, not pale beige.
   Preserve the original photo visibly underneath the overlay. */
.bl-category-hero .bl-hero-media{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
}
.bl-category-hero .bl-hero-media:before{
  content:"";
  position:absolute;
  inset:-16px;
  z-index:0;
  background-image:var(--bl-hero-image);
  background-position:center;
  background-size:cover;
  filter:blur(15px) brightness(.42) saturate(.85);
  opacity:.7;
  transform:scale(1.05);
}
.bl-category-hero .bl-hero-media:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(0,0,0,.60) 0%,
      rgba(0,0,0,.43) 52%,
      rgba(0,0,0,.20) 100%),
    linear-gradient(0deg,
      rgba(0,0,0,.25) 0%,
      rgba(0,0,0,.04) 70%,
      rgba(0,0,0,.12) 100%)!important;
}
.bl-category-hero .bl-hero-media img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.bl-category-hero .bl-hero-content{position:relative;z-index:3}

/* Keep the category product grid inside a centered content width. */
.bl-category-hero + .bl-section .bl-wrap,
.bl-category-hero ~ .bl-section .bl-wrap{
  width:min(1240px,calc(100% - 64px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.bl-products-grid{
  width:100%;
  min-width:0;
}
.bl-product-card{min-width:0}

/* Tablet */
@media(max-width:900px){
  .bl-category-hero .bl-hero-content{
    width:100%!important;
    padding-left:28px!important;
    padding-right:28px!important;
  }
  .bl-category-hero .bl-lead{max-width:650px!important}
  .bl-category-hero .bl-hero-media:after{
    background:
      linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.36)),
      linear-gradient(0deg,rgba(0,0,0,.25),rgba(0,0,0,.08))!important;
  }
}

/* Mobile */
@media(max-width:600px){
  .bl-category-hero .bl-hero-content{
    width:100%!important;
    padding-left:20px!important;
    padding-right:20px!important;
  }
  .bl-category-hero h1{
    max-width:12ch;
    font-size:clamp(2.35rem,10.5vw,3.5rem)!important;
  }
  .bl-category-hero .bl-lead{
    max-width:100%!important;
    font-size:.92rem;
    line-height:1.68;
  }
  .bl-category-hero .bl-hero-media:after{
    background:
      linear-gradient(90deg,rgba(0,0,0,.60),rgba(0,0,0,.40)),
      linear-gradient(0deg,rgba(0,0,0,.30),rgba(0,0,0,.10))!important;
  }
  .bl-category-hero + .bl-section .bl-wrap,
  .bl-category-hero ~ .bl-section .bl-wrap{
    width:calc(100% - 32px)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .bl-category-hero .bl-hero-media img,
  .bl-category-hero .bl-hero-content>*{
    animation:none!important;
    transition:none!important;
  }
}

/* ==========================================================
   FINAL FIX — CATEGORY HERO TEXT CONTRAST
   The black overlay is intentional; all foreground copy must
   therefore use light colors. This targets category hero only.
   ========================================================== */
.bl-category-hero,
.bl-hero.bl-category-hero{
  color:#fff!important;
}
.bl-category-hero .bl-hero-content,
.bl-category-hero .bl-hero-content p,
.bl-category-hero .bl-hero-content h1,
.bl-category-hero .bl-hero-content h2,
.bl-category-hero .bl-hero-content .bl-lead,
.bl-category-hero .bl-hero-content .bl-eyebrow,
.bl-category-hero .bl-hero-content .bl-breadcrumb,
.bl-category-hero .bl-hero-content .bl-breadcrumb a,
.bl-category-hero .bl-hero-content .bl-breadcrumb span{
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.42);
}
.bl-category-hero .bl-hero-content .bl-eyebrow{
  color:#e3bd8d!important;
  text-shadow:0 1px 3px rgba(0,0,0,.55);
}
.bl-category-hero .bl-hero-content h1{
  color:#fff!important;
}
.bl-category-hero .bl-hero-content .bl-lead{
  color:rgba(255,255,255,.92)!important;
}
.bl-category-hero .bl-hero-content .bl-breadcrumb a{
  color:rgba(255,255,255,.94)!important;
}
.bl-category-hero .bl-hero-content .bl-btn,
.bl-category-hero .bl-hero-content .bl-btn-primary{
  color:#fff!important;
  text-shadow:none!important;
}
.bl-category-hero .bl-hero-content .bl-btn-primary{
  background:#292720!important;
  border-color:#292720!important;
}
.bl-category-hero .bl-hero-content .bl-btn-primary:hover{
  background:#98754e!important;
  border-color:#98754e!important;
}
