/* Entire homepage: natural artwork edges, no white compositing band. */
.home-design {
  background:#fff8ef url('../images/home-design/approved-varied-spices-natural-edges.png') center top / 100% 100% no-repeat;
}
.home-promos, .b2b-category-section, .b2b-royal-section,
.b2b-promotions-section, .b2b-brand-section, .b2b-why-section,
.mif-delivery-section, .mif-order-section { background:transparent; }
/* Disable every inherited decorative overlay, on all screen sizes. */
.home-hero:before, .b2b-royal-section:before { content:none; display:none; background:none; }
/* Integrated hero artwork at the left; original source products at the right. */
.hero-art-frame { background:#f8eddb url('../images/home-design/hero-integrated-spices-no-fade.png') center / 100% auto no-repeat; }
.hero-scene { clip-path:inset(0 0 0 43%); }
@media(min-width:901px) {
  .hero-grid { align-items:start; padding-top:clamp(40px,4vw,80px); }
  .hero-copy { margin-left:clamp(30px,9vw,180px); }
}
/* Compact Royal feature, without the previous full-width empty banner. */
.b2b-royal-section { padding-block: 34px; }
.b2b-royal-section:before { content: none; }
.b2b-royal-section > .container {
  width: calc((100% - 224px) * .64);
  max-width: 1120px;
  padding: 24px 30px 12px;
  border: 1px solid #c49b5e;
  border-radius: 10px;
  background: #fff8ef url('../images/home-design/light-royal-background.webp') right center / auto 100% no-repeat;
}
.b2b-royal-section .section-heading { gap:12px; margin-bottom:12px; }
.b2b-royal-section .section-heading h2 { font-size:clamp(22px,2vw,32px); }
.b2b-royal-section .section-heading > a { font-size:12px; }
.b2b-royal-body { grid-template-columns: 1.05fr 1fr; gap:20px; }
.mif-royal-side-copy h2 { font-size:clamp(25px,2.5vw,38px); }
.mif-royal-side-copy > p:not(.poster-kicker) { font-size:14px; }
.b2b-royal-image { height:210px; display:flex; align-items:center; justify-content:center; }
.b2b-royal-image img {
  position:static; width:auto; height:210px; max-width:100%;
  object-fit:contain; clip-path:none; background:transparent;
}
.b2b-royal-footer { margin-top:8px; }
.b2b-royal-footer .poster-arrows button { width:36px; height:36px; flex-basis:36px; }
/* All poster artwork uses its original aspect ratio. */
.promo-art, .old-brand-poster-slide img, .poster-card img { object-fit:contain; }
@media (min-width:901px) and (max-width:1180px) {
  .b2b-royal-section > .container { width:calc(100% - 224px); max-width:850px; }
}

@media(max-width:900px) {
  .home-design { background:#fff8ef; }
  .hero-art-frame { background-size:153.846% auto; background-position:right center; }
  .hero-copy { margin-left:0; }
  .home-promos, .b2b-category-section, .b2b-royal-section,
  .b2b-promotions-section, .b2b-brand-section, .b2b-why-section,
  .mif-delivery-section, .mif-order-section {
    background:#fff8ef url('../images/home-design/approved-varied-spices-natural-edges.png') center var(--spice-position,0%) / 100% auto no-repeat;
  }
  .home-promos { --spice-position:0%; }
  .b2b-category-section { --spice-position:18%; }
  .b2b-royal-section { --spice-position:32%; }
  .b2b-promotions-section { --spice-position:47%; }
  .b2b-brand-section { --spice-position:62%; }
  .b2b-why-section { --spice-position:74%; }
  .mif-delivery-section { --spice-position:86%; }
  .mif-order-section { --spice-position:100%; }
  .b2b-royal-section > .container { width:calc(100% - 32px); max-width:700px; padding:20px 22px 12px; }
}
@media(max-width:600px) {
  .b2b-royal-section > .container { padding:16px 16px 10px; }
  .b2b-royal-section .section-heading { flex-direction:column; align-items:flex-start; }
  .b2b-royal-body { grid-template-columns:1.05fr 1fr; gap:10px; min-height:180px; }
  .mif-royal-side-copy h2 { font-size:25px; }
  .mif-royal-side-copy > p:not(.poster-kicker) { font-size:12px; }
  .b2b-royal-image, .b2b-royal-image img { height:175px; }
}