/* A shorter storefront: one hero, clear benefits, six family doors. */
.mc7-home{background:var(--mc6-cream,#fff8ee);color:var(--mc6-ink,#35154a)}
.mc7-home .su-hero-photo h1{white-space:normal}
.mc7-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1328px;margin-inline:auto;padding:30px var(--gutter);border-bottom:1px solid #35154a1c;gap:24px;color:#35154a}
.mc7-benefits>div{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:7px;text-align:center}
.mc7-benefits>div+div{border-inline-start:1px solid #35154a26;padding-inline-start:24px}
.mc7-benefits b{font-size:clamp(18px,2.1vw,27px);font-weight:800;line-height:1.25;letter-spacing:-.035em}
.mc7-benefits span{font-size:12px;line-height:1.6;color:#655569}
.mc7-range{padding-block:62px 48px}
.mc7-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}
.su-world .mc7-section-heading h2{font-size:clamp(31px,3.5vw,48px);line-height:1.12;letter-spacing:-.045em;word-spacing:0}
.mc7-section-heading p{max-width:360px;font-size:14px;line-height:1.7;color:#655569}
.mc7-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.mc7-family-card{--family-bg:#f4e5df;--family-accent:#35154a;display:block;min-width:0;border:1px solid #35154a17;border-radius:18px;overflow:hidden;background:#fffdf8;transition:box-shadow .2s ease,border-color .2s ease}
.mc7-family-card[data-range=melty]{--family-bg:#f9dbe5;--family-accent:#983253}
.mc7-family-card[data-range=crunch]{--family-bg:#fbdba6;--family-accent:#984922}
.mc7-family-card[data-range=voltix]{--family-bg:#e7edb6;--family-accent:#584084}
.mc7-family-card[data-range=chocolate]{--family-bg:#e7d9ce;--family-accent:#654133}
.mc7-family-card[data-range=kunafa]{--family-bg:#dce7da;--family-accent:#355b46}
.mc7-family-card[data-range=spread]{--family-bg:#f3d8ba;--family-accent:#844729}
.mc7-family-art{height:256px;background:var(--family-bg);display:flex;align-items:center;justify-content:center;gap:8px;padding:24px 20px;direction:ltr}
.mc7-family-product{display:block;min-width:0;width:31%;height:100%;transition:transform .22s ease}
.mc7-family-product .retail-pack{display:block;width:100%;height:100%;max-height:none;padding:0;object-fit:contain;object-position:center;transform:none;animation:none;filter:none}
.mc7-family-card:is([data-range=melty],[data-range=crunch],[data-range=voltix]) .mc7-family-art{flex-direction:column;gap:3px;padding:17px 20px}
.mc7-family-card:is([data-range=melty],[data-range=crunch],[data-range=voltix]) .mc7-family-product{height:33.333%;width:88%;max-width:300px}
.mc7-family-card[data-range=kunafa] .mc7-family-product{width:39%}
.mc7-family-card[data-range=spread] .mc7-family-product{width:67%;max-width:205px}
.mc7-family-label{position:relative;display:flex;flex-direction:column;gap:8px;min-height:111px;padding:21px 50px 22px 22px}
.su-world .mc7-family-label h3{font-size:27px;line-height:1.15;letter-spacing:-.04em;word-spacing:0;color:var(--family-accent)}
.mc7-family-label span{font-size:12px;line-height:1.55;color:#655569}
.mc7-family-label>svg,.mc7-family-label>.mc7-arrow{position:absolute;inset-inline-end:21px;top:25px;width:20px;height:20px;color:var(--family-accent)}
.mc7-story{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:30px 50px;border-top:1px solid #35154a1c}
.mc7-story p{font-size:16px;line-height:1.8;max-width:790px;color:#655569}
.mc7-story .text-link{flex:none;min-height:44px;font-size:13px;white-space:nowrap}

/* Contact and trade remain one tap away at every width. */
.mc7-header .header-inner{column-gap:24px}
.mc7-header .site-nav{display:flex;gap:clamp(17px,2vw,29px);font-size:12px;min-width:0}
.mc7-header .site-nav>a{display:inline-flex;align-items:center;min-height:44px;padding-block:12px}
.mc7-header .site-nav .mc7-contact-link,.mc7-header .site-nav .mc7-partner-link{font-weight:800}
.mc7-header .nav-actions{gap:4px;flex:none}
.mc7-header .language-switch{min-height:44px;min-width:44px;padding-inline:8px}
.mc7-header .icon-button{width:44px;height:44px;padding:10px}
.mc7-header .menu-toggle{display:none}
.mc7-mobile-shortcuts{display:none}
.mc7-header .mobile-nav a{min-height:48px;display:flex;align-items:center;justify-content:space-between}

html[dir=rtl] .mc7-benefits b,html[dir=rtl] .mc7-home .mc7-section-heading h2,html[dir=rtl] .mc7-home .mc7-family-label h3{letter-spacing:0;line-height:1.4}
html[dir=rtl] .mc7-family-label{padding-right:22px;padding-left:50px}
html[dir=rtl] .mc7-family-label>svg,html[dir=rtl] .mc7-family-label>.mc7-arrow{transform:scaleX(-1)}

@media(hover:hover){
  .mc7-family-card:hover{border-color:#35154a42;box-shadow:0 8px 22px #35154a0d}
  .mc7-family-card:hover .mc7-family-product{transform:translateY(-3px)}
}
@media(max-width:1100px){
  .mc7-family-grid{gap:18px}
  .mc7-family-art{height:228px;padding:20px 16px}
  .mc7-family-label{padding:20px 42px 20px 18px}
  .su-world .mc7-family-label h3{font-size:24px}
  .mc7-family-label>svg,.mc7-family-label>.mc7-arrow{inset-inline-end:17px}
  .mc7-header .header-inner{column-gap:17px}
  .mc7-header .site-nav{gap:17px;font-size:11px}
}
@media(max-width:900px){
  html:has(.mc7-header){scroll-padding-top:140px}
  .mc7-header .site-nav{display:none}
  .mc7-header .menu-toggle{display:inline-flex}
  .mc7-header .nav-actions{margin-inline-start:auto}
  .mc7-mobile-shortcuts{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0;border-top:1px solid #35154a12;padding-inline:var(--gutter);background:#fff8ee}
  .mc7-mobile-shortcuts a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;font-size:12px;line-height:1.6;font-weight:750;text-align:center}
  .mc7-mobile-shortcuts a+a{border-inline-start:1px solid #35154a1f}
  .mc7-family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .mc7-family-art{height:245px}
  .mc7-section-heading{align-items:start}
  .mc7-section-heading p{max-width:270px;font-size:13px}
  .mc7-story{align-items:start}
  .mc7-story p{font-size:14px}
}
@media(max-width:600px){
  .mc7-benefits{padding:23px 18px;gap:12px}
  .mc7-benefits>div{gap:6px;justify-content:start}
  .mc7-benefits>div+div{padding-inline-start:12px}
  .mc7-benefits b{font-size:17px;line-height:1.25}
  .mc7-benefits span{font-size:10px;line-height:1.65}
  .mc7-range{padding-block:38px 30px}
  .mc7-section-heading{display:block;margin-bottom:22px}
  .su-world .mc7-section-heading h2{font-size:33px;line-height:1.15}
  .mc7-section-heading p{max-width:340px;margin-top:10px;font-size:13px}
  .mc7-family-grid{gap:14px 12px}
  .mc7-family-card{border-radius:13px}
  .mc7-family-art{height:179px;padding:17px 9px;gap:3px}
  .mc7-family-card:is([data-range=melty],[data-range=crunch],[data-range=voltix]) .mc7-family-art{padding:13px 7px;gap:1px}
  .mc7-family-card:is([data-range=melty],[data-range=crunch],[data-range=voltix]) .mc7-family-product{width:97%}
  .mc7-family-card[data-range=spread] .mc7-family-product{width:77%}
  .mc7-family-label{padding:15px 27px 17px 13px;gap:6px;min-height:101px}
  .su-world .mc7-family-label h3{font-size:19px;letter-spacing:-.035em;line-height:1.2}
  .mc7-family-label span{font-size:11px;line-height:1.5}
  .mc7-family-label>svg,.mc7-family-label>.mc7-arrow{width:14px;height:14px;inset-inline-end:10px;top:18px}
  .mc7-story{display:block;padding-block:24px 35px}
  .mc7-story p{font-size:14px;line-height:1.8}
  .mc7-story .text-link{margin-top:13px;font-size:12px}
  .mc7-header .header-inner{column-gap:8px}
  .mc7-header .nav-actions{gap:0}
  .mc7-header .language-switch{padding-inline:6px;font-size:10px}
  .mc7-mobile-shortcuts a{font-size:11px;padding-inline:8px}
  html[dir=rtl] .mc7-family-label{padding-right:13px;padding-left:27px}
  html[dir=rtl] .mc7-benefits b{font-size:16px;line-height:1.5}
}
@media(max-width:360px){
  .mc7-header .brand{max-width:min(110px,30vw)}
  .mc7-header .header-inner{width:calc(100% - 28px)}
  .mc7-family-art{height:158px}
  .su-world .mc7-family-label h3{font-size:17px}
  .mc7-benefits{padding-inline:12px;gap:8px}
  .mc7-benefits>div+div{padding-inline-start:8px}
  .mc7-benefits b{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .mc7-family-card,.mc7-family-product{transition:none!important;transform:none!important}
}

/* Readable benefits replace commercial clutter on product cards. */
.product-card .product-meta{font-size:12px;line-height:1.6;flex-wrap:wrap;gap:8px}
.product-card .mc7-card-benefit{font-size:12px;line-height:1.6;color:#355b46;margin-top:8px;font-weight:650}
.mc6-partner-form-section[id]{scroll-margin-top:150px}
/* A definite gallery viewport keeps tall jars and cartons fully inside the frame. */
.gallery-stage>button{position:absolute;inset:0;width:100%;height:100%}
.gallery-stage>button>[data-gallery-main]{width:100%;height:100%;max-height:100%;aspect-ratio:auto;object-fit:contain}