/* Milka Storefront image-clarity and responsive-header upgrade.
   Isolated overrides loaded after the reference theme's desktop/mobile styles. */
:root { --mmc-header-violet:#7762ad; --mmc-hero-plum:#7155a3; }
.mmc-header { background:#7966ad; box-shadow:0 2px 14px rgba(46,21,83,.13); }
.mmc-header-inner { max-width:1380px; }
.mmc-header-actions .mmc-icon-button { color:#fff; }
.mmc-header-actions .mmc-search-toggle { background:#92dff4; color:#442071; border:0; }
.mmc-header-actions .mmc-search-toggle:hover { background:#c9f2ff; color:#35155c; }
.mmc-logo .mmc-image-wordmark img { display:block; width:auto; height:auto; max-height:65px; max-width:180px; object-fit:contain; }
.mmc-header a:focus-visible,.mmc-header button:focus-visible {outline:3px solid #ffdc8f;outline-offset:3px;}
/* Sharp, real HTML copy: no stretched low-resolution text baked into a full-width image. */
@media (min-width:1025px) {
  .mmc-header-inner {height:86px;display:grid;grid-template-columns:minmax(162px,210px) minmax(0,1fr) minmax(146px,172px);gap:12px;}
  .mmc-desktop-nav {justify-content:center;gap:0;}
  .mmc-desktop-nav .mmc-nav-item > a {padding:0 clamp(9px,1.1vw,18px);font-size:clamp(.84rem,1vw,.98rem);font-weight:850;}
  .mmc-header-actions {gap:6px;}
  .mmc-header-actions .mmc-icon-button {display:inline-flex;width:44px;height:44px;border-radius:50%;}
  .mmc-reference-hero {height:clamp(500px,43vw,610px);background:var(--mmc-hero-plum);}
  .mmc-reference-slide {background:radial-gradient(circle at 80% 20%,rgba(190,169,231,.46),transparent 48%),linear-gradient(112deg,#654a98,#8b74bc);}
  .mmc-reference-slide-desktop {display:grid;width:100%;height:100%;grid-template-columns:46% 54%;align-items:stretch;}
  .mmc-sharp-hero-copy {position:relative;z-index:4;align-self:center;padding:0 2vw 104px clamp(34px,4vw,74px);color:#fff;}
  .mmc-sharp-hero-eyebrow {margin:0 0 16px;font-weight:900;font-size:.98rem;letter-spacing:.13em;text-transform:uppercase;color:#d6f4ff;}
  .mmc-sharp-hero-copy h2 {margin:0 0 16px;max-width:600px;color:#fff;font-size:clamp(2.55rem,4.1vw,4.7rem);line-height:1.03;letter-spacing:-.025em;text-wrap:balance;}
  .mmc-sharp-hero-copy > p:last-child {max-width:520px;color:#fff;font-size:clamp(1rem,1.2vw,1.2rem);line-height:1.52;}
  .mmc-sharp-hero-visual {position:relative;display:grid;place-items:center;overflow:hidden;padding:26px 26px 65px 0;}
  .mmc-sharp-hero-visual::before {content:"";position:absolute;inset:9% 6% 12% 1%;border-radius:52% 42% 47% 53%;background:rgba(236,220,255,.13);}
  .mmc-sharp-hero-visual .mmc-reference-slide-image {position:relative;display:block;width:100%;height:100%;max-height:500px;object-fit:contain;object-position:center;filter:drop-shadow(0 18px 24px rgba(33,17,65,.12));}
  .mmc-reference-cta {left:clamp(34px,4vw,74px);top:auto!important;bottom:17%;min-height:52px;}
  .mmc-reference-controls {bottom:3%;height:52px;}
  .mmc-campaign-carousel {height:590px;min-height:590px;}
  .mmc-campaign-visual {left:44%;right:0;display:flex;justify-content:center;align-items:center;padding:24px 34px 54px 0;overflow:hidden;}
  .mmc-campaign-visual::after {display:none;}
  .mmc-campaign-visual img {position:relative;display:block;width:100%;height:100%;max-width:880px;max-height:510px;object-fit:contain;object-position:center;filter:drop-shadow(0 12px 20px rgba(35,17,69,.12));}
  .mmc-campaign-copy {width:min(40vw,550px);padding-bottom:62px;}
}
@media (min-width:1025px) and (max-width:1140px) {
  .mmc-header-inner {grid-template-columns:152px minmax(0,1fr) 145px;gap:6px;}
  .mmc-logo .mmc-image-wordmark img {max-width:148px;}
  .mmc-desktop-nav .mmc-nav-item > a {padding:0 8px;font-size:.82rem;}
  .mmc-header-actions .mmc-icon-button {width:39px;height:39px;}
}
@media (max-width:1024px) {
  .mmc-header {position:sticky;top:0;z-index:9000;}
  .mmc-header-inner,.home .mmc-header-inner {display:grid!important;grid-template-columns:46px minmax(0,1fr) 100px!important;gap:6px!important;height:72px!important;width:calc(100% - 22px)!important;align-items:center;}
  .mmc-desktop-nav {display:none!important;}
  .mmc-menu-toggle {display:inline-flex!important;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:50%;background:#92dff4;color:#402065;}
  .mmc-header-inner > .mmc-logo {justify-content:center;min-width:0;}
  .mmc-header-inner .mmc-image-wordmark img {max-width:min(33vw,165px);max-height:56px;object-fit:contain;}
  .mmc-header-actions {display:flex!important;align-items:center;justify-content:flex-end;gap:6px!important;min-width:0;}
  .mmc-header-actions .mmc-search-toggle,.mmc-header-actions .mmc-cart-link {display:inline-flex!important;flex:0 0 44px;width:44px!important;height:44px!important;justify-content:center;align-items:center;border:0;background:#92dff4;color:#402065;border-radius:50%;}
  .mmc-header-actions .mmc-account-link {display:none!important;}
  .mmc-header-actions .mmc-cart-count {right:-3px;top:-6px;}
  .mmc-mobile-menu {position:fixed;inset:0;z-index:10000;overflow:hidden;height:100dvh;}
  .mmc-mobile-menu-head,.mmc-mobile-menu nav {width:min(88vw,410px)!important;max-width:410px;}
  .mmc-mobile-menu-head {height:72px!important;padding:10px 18px;}
  .mmc-mobile-menu nav {height:calc(100dvh - 72px)!important;overflow-y:auto;overscroll-behavior:contain;padding:12px 18px calc(35px + env(safe-area-inset-bottom))!important;}
  .mmc-mobile-menu nav>a,.mmc-mobile-menu nav details>summary {min-height:53px;display:flex;align-items:center;gap:8px;font-size:1.04rem;line-height:1.25;}
  .mmc-mobile-menu nav details>a {display:flex;align-items:center;min-height:46px;padding:10px 16px 10px 22px;font-weight:650;}
  .mmc-mobile-menu nav details {border-bottom:1px solid #eadff0;}
  .mmc-reference-slide-mobile {background:linear-gradient(145deg,#71559f,#8d75b8);}
  .mmc-reference-mobile-copy {background:transparent;padding:34px 22px 20px;}
  .mmc-reference-slide-mobile>img {display:block!important;width:100%;height:min(39vh,340px)!important;min-height:210px;max-height:340px;object-fit:contain!important;object-position:center!important;margin-top:auto;margin-bottom:90px;background:transparent;}
  .mmc-reference-mobile-copy h1 {font-size:clamp(2.1rem,7vw,3.6rem);text-wrap:balance;line-height:1.05;}
  .mmc-reference-hero {height:clamp(630px,88svh,775px)!important;min-height:630px!important;}
  .mmc-campaign-visual img {width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;}
  .mmc-campaign-visual {background:transparent;}
  .mmc-campaign-copy {background:#765fa8!important;}
  .mmc-campaign-controls {bottom:12px!important;}
}
@media(max-width:420px) {
  .mmc-header-inner,.home .mmc-header-inner {grid-template-columns:42px minmax(0,1fr) 88px!important;width:calc(100% - 14px)!important;gap:3px!important;height:66px!important;}
  .mmc-menu-toggle {width:40px;height:40px;min-width:40px;}
  .mmc-header-inner .mmc-image-wordmark img {max-width:135px;max-height:48px;}
  .mmc-header-actions {gap:4px!important;}
  .mmc-header-actions .mmc-search-toggle,.mmc-header-actions .mmc-cart-link {flex-basis:40px;width:40px!important;height:40px!important;}
  .mmc-reference-mobile-copy {padding:25px 18px 12px;}
  .mmc-reference-mobile-copy h1 {font-size:clamp(2rem,9vw,2.8rem);}
  .mmc-reference-slide-mobile>img {height:255px!important;min-height:210px;}
  .mmc-mobile-menu-head {height:66px!important;}
  .mmc-mobile-menu nav {height:calc(100dvh - 66px)!important;}
}
/* v1.7.1 – reference-banner correction after rejected product-thumbnail treatment. */
@media (min-width:1025px) {
  .mmc-reference-hero {height:clamp(460px,37vw,560px);min-height:460px;}
  .mmc-reference-slide-desktop {grid-template-columns:47% 53%;position:relative;isolation:isolate;}
  .mmc-sharp-hero-copy {align-self:center;padding:0 25px 108px clamp(28px,4vw,70px);}
  .mmc-sharp-hero-copy h2 {font-size:clamp(2.4rem,3.8vw,4.2rem);line-height:1.03;letter-spacing:-.018em;text-transform:uppercase;}
  .mmc-sharp-hero-copy>p:last-child {font-size:clamp(1rem,1.18vw,1.2rem);max-width:570px;}
  .mmc-sharp-hero-visual {height:100%;padding:0;overflow:hidden;}
  .mmc-sharp-hero-visual::before {display:none;}
  .mmc-sharp-hero-visual .mmc-reference-slide-image {width:100%;height:100%;max-height:none;max-width:none;object-fit:cover;object-position:100% center;filter:none;}
  .mmc-reference-slide-golden .mmc-sharp-hero-visual .mmc-reference-slide-image {object-position:79% center;}
  .mmc-reference-slide-about .mmc-sharp-hero-visual .mmc-reference-slide-image,
  .mmc-reference-slide-biscoff .mmc-sharp-hero-visual .mmc-reference-slide-image,
  .mmc-reference-slide-extra .mmc-sharp-hero-visual .mmc-reference-slide-image {object-position:100% 42%;}
  .mmc-sharp-hero-visual::after {content:"";position:absolute;left:0;right:0;bottom:0;height:50px;background:linear-gradient(0deg,#7862a8 0%,transparent 100%);pointer-events:none;}
  .mmc-reference-cta {bottom:13%!important;top:auto!important;}
  .mmc-reference-controls {bottom:2.5%;z-index:20;}
  /* Official reference presentation uses native-size portrait teaser cards, not a stretched miniature. */
  .mmc-campaign-carousel {height:590px;min-height:590px;}
  .mmc-campaign-card-deck {position:absolute;z-index:2;left:45%;right:-27%;top:28px;bottom:50px;display:flex;gap:22px;align-items:stretch;margin:0;padding:0;}
  .mmc-campaign-card {flex:0 0 clamp(278px,26.4vw,348px);height:100%;aspect-ratio:345/518;min-width:0;overflow:hidden;border-radius:24px;box-shadow:0 16px 28px rgba(36,19,62,.23);}
  .mmc-campaign-card img {width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:auto;}
  .mmc-campaign-card-current {opacity:1;}
  .mmc-campaign-card-next {opacity:.36;}
  .mmc-campaign-card-third {opacity:.22;}
  .mmc-campaign-copy {left:clamp(30px,5vw,78px);top:50%;transform:translateY(-50%);width:min(38vw,540px);padding:0 0 55px;}
  .mmc-campaign-controls {bottom:18px;}
}
@media (max-width:1024px) {
  .mmc-reference-slide-mobile>img {object-fit:contain!important;object-position:center center!important;max-width:100%;filter:none;}
  .mmc-reference-slide-golden .mmc-reference-slide-mobile>img {object-fit:cover!important;object-position:72% center!important;}
  .mmc-campaign-card-deck {position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;height:min(45vh,450px)!important;min-height:340px;margin-top:auto!important;padding:8px 14px 18px!important;}
  .mmc-campaign-card {flex:0 0 auto!important;width:min(68vw,285px)!important;max-width:285px;max-height:100%;height:100%!important;aspect-ratio:345/518;border-radius:19px;overflow:hidden;}
  .mmc-campaign-card img {display:block;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}
  .mmc-campaign-card-next,.mmc-campaign-card-third {display:none!important;}
  .mmc-campaign-carousel {height:850px!important;min-height:850px!important;}
  .mmc-campaign-slide {padding-bottom:75px!important;}
  .mmc-campaign-controls {bottom:10px!important;max-width:calc(100% - 24px);}
}
@media (max-width:520px) {
  .mmc-campaign-carousel {height:800px!important;min-height:800px!important;}
  .mmc-campaign-card-deck {height:365px!important;min-height:330px;padding:6px 12px 15px!important;}
  .mmc-campaign-card {width:min(65vw,260px)!important;max-width:260px;}
  .mmc-campaign-copy h2 {font-size:clamp(2rem,9vw,2.5rem)!important;line-height:1!important;}
  .mmc-campaign-description {font-size:.92rem!important;line-height:1.4!important;}
  .mmc-reference-slide-mobile>img {margin-bottom:92px!important;}
}
/* Finish hero typography, full-resolution crop, and restore desktop purchase links. */
@media (min-width:1025px) {
  .mmc-sharp-hero-eyebrow {display:none;}
  .mmc-sharp-hero-copy h2 {font-family:"Arial Black","Trebuchet MS",system-ui,sans-serif;font-weight:950;font-size:clamp(2.7rem,3.65vw,4.15rem);letter-spacing:-.045em;line-height:1.05;}
  .mmc-reference-slide-golden .mmc-sharp-hero-visual .mmc-reference-slide-image {object-position:100% center;}
  .mmc-header-actions .mmc-account-link,.mmc-header-actions .mmc-cart-link {display:inline-flex!important;visibility:visible!important;opacity:1!important;}
  .mmc-header-actions {min-width:152px;}
}
/* v1.7.2: reference full-width banner, single uninterrupted artboard with overlay copy. */
@media (min-width:1025px) {
  .mmc-reference-hero{height:clamp(480px,40vw,620px)!important;min-height:480px!important;}
  .mmc-reference-slide-desktop{position:relative!important;display:block!important;width:100%!important;height:100%!important;isolation:isolate;}
  .mmc-sharp-hero-visual{position:absolute!important;z-index:0!important;inset:0!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;overflow:hidden!important;}
  .mmc-sharp-hero-visual::before,.mmc-sharp-hero-visual::after{display:none!important;}
  .mmc-sharp-hero-visual .mmc-reference-slide-image,
  .mmc-reference-slide-golden .mmc-sharp-hero-visual .mmc-reference-slide-image,
  .mmc-reference-slide-about .mmc-sharp-hero-visual .mmc-reference-slide-image,
  .mmc-reference-slide-biscoff .mmc-sharp-hero-visual .mmc-reference-slide-image,
  .mmc-reference-slide-extra .mmc-sharp-hero-visual .mmc-reference-slide-image {
    display:block!important;position:relative!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
    object-fit:cover!important;object-position:center center!important;filter:none!important;}
  .mmc-sharp-hero-copy{position:absolute!important;z-index:2!important;inset:0 auto 0 0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;width:51%!important;max-width:680px!important;padding:30px 15px 96px clamp(24px,2.1vw,44px)!important;}
  .mmc-sharp-hero-copy h2{font-size:clamp(2.4rem,3.5vw,3.55rem)!important;line-height:1.1!important;max-width:650px!important;margin:0 0 20px!important;text-transform:uppercase!important;letter-spacing:-.018em!important;}
  .mmc-sharp-hero-copy>p:last-child{font-size:clamp(1rem,1.32vw,1.23rem)!important;line-height:1.45!important;max-width:565px!important;}
  .mmc-reference-cta {left:clamp(24px,2.1vw,44px)!important;bottom:12%!important;top:auto!important;}
  .mmc-reference-controls{bottom:3%!important;}
}
@media(prefers-reduced-motion:reduce) { .mmc-reference-slide,.mmc-campaign-slide {transition:none;} }

/* Navigation and copyright layout, October 2026. */
@media(min-width:1025px){
.mmc-header-inner{position:relative;grid-template-columns:140px minmax(0,1fr) 152px;gap:8px}
.mmc-desktop-nav .mmc-nav-item>a{padding-inline:clamp(5px,.65vw,11px);font-size:clamp(.77rem,.92vw,.94rem)}
.mmc-nav-products{position:static}
.mmc-nav-products>.mmc-mega-menu{left:50%;width:min(1180px,calc(100vw - 32px));max-width:calc(100vw - 32px);grid-template-columns:1.15fr 1fr 1fr 1fr;gap:24px;padding:28px;max-height:calc(100dvh - 120px);overflow-y:auto}
.mmc-mega-menu>*{min-width:0}
.mmc-mega-intro h2{font-size:clamp(1.35rem,2vw,2rem)}
.mmc-mega-menu a{overflow-wrap:anywhere}
}
.mmc-footer.mmc-copyright-footer{padding:24px 16px;background:#7966ad;text-align:center}
.mmc-copyright-footer p{margin:0;color:#fff;font-size:.875rem}
.mmc-restored-footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;max-width:1100px;margin:0 auto 22px;padding:0 0 22px;border-bottom:1px solid rgba(255,255,255,.25)}
.mmc-restored-footer-nav a{display:inline-flex;align-items:center;min-height:44px;color:#fff;font-size:15px;font-weight:650;text-decoration:none}
.mmc-restored-footer-nav a:hover{text-decoration:underline;text-underline-offset:4px}
.mmc-restored-footer-nav a:focus-visible{outline:3px solid #ffdc8f;outline-offset:4px}
@media(max-width:600px){.mmc-restored-footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;text-align:left}.mmc-restored-footer-nav a{font-size:14px;overflow-wrap:anywhere}}