/* One scoped mobile layout after the desktop/editorial/campaign layers. */
#index .mgm-season-hero {grid-template-columns:minmax(0,44fr) minmax(0,56fr);}
#index .mgm-season-hero__copy {min-width:0;}
/* A stretched picture must not derive a wider column from its aspect ratio on tablets. */
#index .mgm-season-hero__art {width:100%;min-width:0;max-width:100%;}
#index .mgm-mobile-footer-group>summary {list-style:none;pointer-events:none;}
#index .mgm-mobile-footer-group>summary::-webkit-details-marker {display:none;}

@media(max-width:767px) {
  #index #content,#index .mgm-season-hero,#index .mgm-season-hero>* {min-width:0;max-width:100%;}
  #index .mgm-season-hero {grid-template-columns:minmax(0,1fr);}
  #index .mgm-season-hero__art {grid-row:1;width:100%;height:auto;aspect-ratio:3/2;max-height:none;}
  #index .mgm-season-hero__copy {grid-row:2;padding:22px 16px 24px;}
  #index .mgm-season-hero h2 {max-width:none;font-size:clamp(32px,8.8vw,38px);line-height:1.12;letter-spacing:-.8px;margin:0 0 12px;overflow-wrap:normal;}
  #index .mgm-season-hero__copy>p {max-width:none;font-size:14px;line-height:1.55;margin:0 0 18px;}
  #index .mgm-season-hero__actions {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;}
  #index .mgm-season-hero__actions a {min-width:0;font-size:13px;line-height:1.4;}
  #index .mgm-season-hero__button {min-height:48px;width:100%;padding:11px 12px;text-align:center;}
  #index .mgm-season-hero__secondary {min-height:48px;gap:6px;}
  #index .mgm-season-hero__secondary svg {width:18px;height:18px;}
  #index .magmara-campaign img {display:block;width:100%;height:auto;}

  #index .mgm-home-products {--mgm-rail-edge:16px;--mgm-rail-gap:8px;padding:24px 0 26px;}
  #index .mgm-home-products__heading {display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:10px;margin:0 0 16px;padding-inline:16px;}
  #index .mgm-home-products__heading>div:first-child {overflow-wrap:normal;}
  #index .mgm-home-products__heading h2 {font-size:clamp(25px,6.8vw,29px);line-height:1.18;letter-spacing:-.5px;overflow-wrap:normal;text-wrap:balance;}
  #index .mgm-home-products__heading p {font-size:14px;line-height:1.5;margin:7px 0 0;}
  #index .mgm-home-products__navigation {width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;}
  #index .mgm-home-products__all {min-height:44px;font-size:13px;gap:7px;}
  #index .mgm-home-products__controls {gap:8px;}
  #index .mgm-home-products__controls button {width:44px;height:44px;}
  #index .mgm-home-products__track {
    min-width:0;width:100%;padding:0 8px 6px;scroll-padding-inline:8px;gap:8px;
    /* A setting of one card must never create an image wider than the phone. */
    grid-auto-columns:clamp(156px,calc((100% - 24px)/max(1,calc(var(--mgm-home-mobile,2) - .35))),84%);
  }
  #index .mgm-home-products__track>li,#index .mgm-home-products__track .product-miniature {min-width:0;max-width:100%;}
  #index .mgm-home-products__track .product-miniature__image {height:auto;aspect-ratio:7/10;object-fit:contain;}
  /* Card text and size controls share product-cards.css with the catalogue. */
  #index .mgm-home-products__progress {margin:16px 16px 0;}
  #index .mgm-home-products__footer {gap:8px;padding:12px 16px 0;}
  #index .mgm-home-products__hint {font-size:12px;gap:7px;}
  #index .mgm-home-products__hint svg {width:16px;height:16px;}
  #index .mgm-home-products__count {font-size:11px;}
  #index .mgm-archive-banners.container {padding:8px 16px 18px;}
  #index .mgm-archive-banners>div {grid-template-columns:minmax(0,1fr);gap:18px;}
  #index .mgm-season-tile {min-width:0;}
  #index .mgm-season-tile h3 {font-size:24px;line-height:1.2;}
  #index .mgm-season-tile>div {padding:12px 0;}

  #index .mgm-holiday-journal {padding:22px 16px 28px;}
  #index .mgm-holiday-journal__heading {gap:6px;margin-bottom:14px;}
  #index .mgm-holiday-journal h2 {font-size:31px;line-height:1.15;}
  #index .mgm-holiday-journal__heading>a {font-size:13px;min-height:40px;}
  #index .mgm-holiday-journal__grid {gap:0;}
  #index .mgm-holiday-journal article {display:grid;grid-template-columns:108px minmax(0,1fr);column-gap:16px;row-gap:6px;align-content:start;padding:20px 0;border-top:1px solid #e5e5e5;}
  #index .mgm-holiday-journal article>:not(.mgm-holiday-journal__image) {grid-column:2;}
  #index .mgm-holiday-journal__image {grid-column:1;grid-row:1/span 4;aspect-ratio:3/4;align-self:start;}
  #index .mgm-holiday-journal__label {font-size:9px;letter-spacing:.08em;line-height:1.4;margin:0;}
  #index .mgm-holiday-journal h3 {font-size:22px;line-height:1.2;margin:0;}
  #index .mgm-holiday-journal__excerpt {font-size:13px;line-height:1.6;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
  #index .mgm-holiday-journal__read {font-size:13px;min-height:40px;margin:0;}

  #index .mgm-service-strip {gap:12px;padding:24px 16px;}
  #index .mgm-service-strip>a {min-width:0;min-height:104px;padding:12px 8px;border:1px solid #e5e5e5;gap:6px;line-height:1.5;}
  #index .mgm-service-strip strong {font-size:14px;}
  #index .mgm-service-strip>a>span:not(.material-icons) {font-size:12px;}
  #index .mgm-service-strip .material-icons {font-size:25px;margin:0;}
  #index .mgm-newsletter {padding:24px 0;}
  #index .mgm-newsletter .container {padding-inline:16px;}
  #index .mgm-newsletter .row {--bs-gutter-x:0;row-gap:14px;}
  #index .mgm-newsletter p.h3 {font-size:21px;line-height:1.35;margin:0;}
  #index .mgm-newsletter input[type=email] {min-width:0;width:0;min-height:48px;font-size:16px;flex:1 1 auto;}
  #index .mgm-newsletter input[type=submit] {flex:0 0 auto;min-height:48px;padding-inline:14px;font-size:13px;}
  #index .mgm-newsletter form>p {font-size:12px!important;line-height:1.6;}
  #index .mgm-support-strip {padding:22px 0;background:#f7f4f4;color:#333;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
  #index .mgm-support-strip>.container {display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding-inline:16px;font-size:13px;line-height:1.7;}
  #index .mgm-support-strip strong {display:block;font-size:14px;}
  #index .mgm-support-strip a {display:inline-flex;align-items:center;min-height:36px;margin:0 12px 0 0;color:inherit;}
  #index .magmara-footer__grid {grid-template-columns:minmax(0,1fr);gap:0;padding:24px 16px 8px;}
  #index .magmara-footer__brand {min-width:0;padding-bottom:18px;}
  #index .magmara-footer__brand img {width:160px;}
  #index .magmara-footer__grid>nav {min-width:0;border-top:1px solid #ddd;}
  #index .mgm-mobile-footer-group>summary {display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 0;list-style:none;cursor:pointer;pointer-events:auto;}
  #index .mgm-mobile-footer-group>summary h2 {font-size:15px;line-height:1.5;margin:0;}
  #index .mgm-mobile-footer-group>summary::after {content:'';width:8px;height:8px;flex:0 0 8px;margin-right:4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);}
  #index .mgm-mobile-footer-group[open]>summary::after {transform:rotate(225deg);}
  #index .mgm-mobile-footer-group>ul {padding-bottom:18px;}
  #index .mgm-mobile-footer-group li+li {margin-top:2px;}
  #index .mgm-mobile-footer-group li a {display:flex;align-items:center;min-height:40px;font-size:14px;line-height:1.5;}
  #index .mgm-mobile-footer-group>summary:focus-visible {outline:2px solid var(--magmara-action);outline-offset:2px;}
  #index .mgm-footer-brands__items {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;}
  #index .magmara-footer .mgm-footer-logos {padding:22px 16px;}
  #index .magmara-footer__bottom {padding-inline:16px;}
}

@media(max-width:359px) {
  #index .mgm-season-hero__actions a {font-size:12px;}
  #index .mgm-holiday-journal article {grid-template-columns:88px minmax(0,1fr);column-gap:12px;}
  #index .mgm-holiday-journal h3 {font-size:20px;}
  #index .mgm-home-products__hint {font-size:11px;}
}