.summer-preview-body{background:#eef8f4;margin:0}.summer-lp{--summer-ink:#07292d;--summer-deep:#0b3a3f;--summer-sea:#008c9a;--summer-mint:#dff8e8;--summer-foam:#f6fff9;--summer-sun:#ffe067;--summer-coral:#ff734f;--summer-line:rgba(7,41,45,.14);--summer-white:#fff;background:linear-gradient(180deg,rgba(231,252,245,.92),rgba(246,255,249,.98) 34%,rgba(235,249,247,.96));color:var(--summer-ink);font-family:Arial,"Helvetica Neue",sans-serif;letter-spacing:0;line-height:1.65;overflow:hidden;position:relative;isolation:isolate}.summer-lp *,.summer-lp *:before,.summer-lp *:after{box-sizing:border-box;letter-spacing:0}.summer-lp:before{animation:summerAmbientFlow 36s ease-in-out infinite alternate;background:linear-gradient(115deg,transparent 0 18%,rgba(0,140,154,.12) 26%,rgba(255,224,103,.18) 36%,transparent 46% 100%),linear-gradient(145deg,transparent 0 38%,rgba(68,191,143,.14) 48%,rgba(255,115,79,.12) 58%,transparent 68% 100%),repeating-linear-gradient(102deg,rgba(255,255,255,.32) 0 1px,transparent 1px 34px);background-position:0 0,100% 40%,0 0;background-size:180% 150%,165% 150%,100% 100%;content:"";inset:0;opacity:.72;pointer-events:none;position:absolute;z-index:-1}@keyframes summerAmbientFlow{0%{background-position:0 0,100% 42%,0 0}50%{background-position:44% 9%,58% 50%,18px 0}100%{background-position:88% 3%,20% 36%,36px 0}}.summer-lp img{display:block;height:auto;max-width:100%}.summer-lp a{color:inherit;text-decoration:none}.summer-shop-topbar,.summer-hero,.summer-benefits,.summer-promo-bar,.summer-section,.summer-final-cta,.summer-service{margin-inline:auto;max-width:1220px;width:min(100% - 32px,1220px)}.summer-shop-topbar{align-items:center;display:flex;gap:18px;justify-content:space-between;padding:20px 0 10px}.summer-shop-brand{align-items:center;display:inline-flex;height:36px}.summer-shop-brand img{max-height:32px;width:auto}.summer-shop-name{align-items:center;background:rgba(255,255,255,.74);border:1px solid rgba(7,41,45,.12);border-radius:6px;color:var(--summer-deep);display:inline-flex;font-size:14px;font-weight:800;min-height:38px;padding:8px 14px;white-space:nowrap}.summer-hero{align-items:center;display:grid;gap:34px;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);min-height:640px;padding:28px 0 46px;position:relative}.summer-hero:after{animation:summerWave 26s ease-in-out infinite alternate;background:linear-gradient(96deg,rgba(255,255,255,0),rgba(255,255,255,.42),rgba(255,255,255,0)),linear-gradient(118deg,rgba(0,140,154,0),rgba(0,140,154,.16),rgba(255,224,103,.2),rgba(0,140,154,0));border-radius:8px;content:"";height:70%;left:40%;pointer-events:none;position:absolute;top:12%;transform:skewY(-7deg);width:68%;z-index:-1}@keyframes summerWave{0%{transform:translateX(-4%) skewY(-7deg);opacity:.62}100%{transform:translateX(5%) skewY(-4deg);opacity:.86}}.summer-hero__copy{background:linear-gradient(90deg,rgba(7,41,45,.86),rgba(7,41,45,.54) 68%,rgba(7,41,45,0));border-left:6px solid var(--summer-sun);color:var(--summer-white);padding:34px 34px 34px 28px;position:relative;z-index:1}.summer-kicker,.summer-eyebrow,.summer-product-meta{color:var(--summer-coral);font-size:13px;font-weight:900;margin:0 0 10px;text-transform:uppercase}.summer-hero h1,.summer-section h2,.summer-final-cta h2,.summer-service h2,.summer-lp h3,.summer-lp p{margin-top:0}.summer-hero h1{font-size:64px;font-weight:900;line-height:1.05;margin-bottom:18px}.summer-hero h1 span{display:block;white-space:nowrap}.summer-lead{color:rgba(255,255,255,.92);font-size:20px;font-weight:800;line-height:1.75;margin-bottom:0;max-width:560px}.summer-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.summer-btn,.summer-product-button,.summer-more-button,.summer-promo-bar a{align-items:center;border-radius:6px;display:inline-flex;font-size:15px;font-weight:900;justify-content:center;min-height:46px;padding:11px 22px;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease;white-space:nowrap}.summer-btn--primary,.summer-product-button,.summer-more-button{background:linear-gradient(135deg,var(--summer-sun),#fff5a8 42%,#22b89a);border:1px solid rgba(7,41,45,.12);box-shadow:0 16px 36px rgba(0,140,154,.2);color:#063236}.summer-btn--ghost,.summer-promo-bar a{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.36);color:var(--summer-white)}.summer-btn:hover,.summer-product-button:hover,.summer-more-button:hover,.summer-promo-bar a:hover{box-shadow:0 18px 42px rgba(0,140,154,.26);transform:translateY(-2px)}.summer-hero__visual{display:grid;gap:14px;grid-template-columns:1.05fr .95fr;grid-template-rows:260px 230px;min-width:0}.summer-hero-tile{background:rgba(255,255,255,.84);border:1px solid rgba(7,41,45,.12);border-radius:8px;box-shadow:0 22px 55px rgba(0,72,82,.15);display:block;min-width:0;overflow:hidden;position:relative}.summer-hero-tile:before{background:linear-gradient(135deg,rgba(0,140,154,.12),rgba(255,224,103,.22));content:"";inset:0;pointer-events:none;position:absolute}.summer-hero-tile img{height:100%;object-fit:contain;padding:20px;position:relative;width:100%}.summer-hero-tile span{background:rgba(7,41,45,.86);border-radius:6px;bottom:12px;color:var(--summer-white);font-size:13px;font-weight:900;left:12px;padding:6px 10px;position:absolute}.summer-hero-tile--1{grid-row:span 2}.summer-benefits{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.summer-benefits div,.summer-scene-card,.summer-lineup-card,.summer-feature-product,.summer-mini-product,.summer-category-button,.summer-final-cta,.summer-service-grid a{border:1px solid var(--summer-line);border-radius:8px}.summer-benefits div{background:rgba(255,255,255,.76);color:var(--summer-deep);padding:16px}.summer-benefits strong,.summer-benefits span{display:block}.summer-benefits strong{font-size:17px}.summer-benefits span{color:rgba(7,41,45,.68);font-size:13px;font-weight:700}.summer-promo-bar{align-items:center;background:linear-gradient(135deg,rgba(7,41,45,.94),rgba(0,140,154,.9));border-radius:8px;color:var(--summer-white);display:flex;gap:18px;justify-content:space-between;margin-bottom:58px;padding:18px 20px}.summer-promo-bar p{margin:0}.summer-promo-bar strong{color:var(--summer-sun)}.summer-section,.summer-final-cta,.summer-service{padding:56px 0}.summer-section-head{margin-bottom:24px;max-width:760px}.summer-section-head h2,.summer-final-cta h2,.summer-service h2{color:var(--summer-ink);font-size:36px;font-weight:900;line-height:1.22;margin-bottom:10px}.summer-section-head p:not(.summer-eyebrow),.summer-final-cta p:not(.summer-eyebrow){color:rgba(7,41,45,.72);font-weight:700;margin-bottom:0}.summer-scene-grid,.summer-lineup-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.summer-scene-card{background:rgba(255,255,255,.7);min-height:210px;overflow:hidden;padding:22px;position:relative}.summer-scene-card:after{background:linear-gradient(135deg,rgba(0,140,154,.14),rgba(255,224,103,.18));content:"";height:88px;inset:auto 0 0;position:absolute}.summer-scene-card span,.summer-scene-card h3,.summer-scene-card p{position:relative;z-index:1}.summer-scene-card span{color:var(--summer-sea);display:block;font-size:12px;font-weight:900;margin-bottom:34px}.summer-scene-card h3{font-size:22px;line-height:1.35;margin-bottom:10px}.summer-scene-card p{color:rgba(7,41,45,.7);font-size:14px;font-weight:700;margin-bottom:0}.summer-lineup-card{background:rgba(255,255,255,.78);display:flex;flex-direction:column;min-height:100%;overflow:hidden}.summer-lineup-card__no{color:var(--summer-coral);font-size:12px;font-weight:900;margin:16px 16px 0}.summer-lineup-card__image{align-items:center;aspect-ratio:1.2/1;display:flex;justify-content:center;padding:14px}.summer-lineup-card__image img{max-height:210px;object-fit:contain}.summer-lineup-card__body{border-top:1px solid var(--summer-line);padding:18px}.summer-lineup-card__body p{color:var(--summer-sea);font-size:13px;font-weight:900;margin-bottom:6px}.summer-lineup-card h3{font-size:20px;line-height:1.35;margin-bottom:12px}.summer-lineup-card strong,.summer-mini-product__price,.summer-product-price{color:var(--summer-ink);display:block;font-weight:900}.summer-lineup-card em,.summer-mini-product__price em,.summer-product-price em{color:var(--summer-coral);display:block;font-size:12px;font-style:normal;font-weight:900;margin-top:2px}.summer-lineup-card__body div,.summer-product-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.summer-lineup-card__body div span,.summer-product-tags span{background:rgba(0,140,154,.1);border:1px solid rgba(0,140,154,.18);border-radius:6px;color:var(--summer-deep);font-size:12px;font-weight:800;padding:4px 8px}.summer-lineup-card__body a{color:var(--summer-sea);display:inline-flex;font-size:14px;font-weight:900;margin-top:14px}.summer-tab-input{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}.summer-tab-buttons{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:20px}.summer-category-button{background:rgba(255,255,255,.78);color:var(--summer-deep);cursor:pointer;display:grid;gap:3px;min-height:76px;padding:12px 14px;transition:background .2s ease,box-shadow .2s ease,transform .2s ease,border-color .2s ease}.summer-category-button span,.summer-category-button small{font-size:12px;font-weight:900}.summer-category-button strong{font-size:17px;line-height:1.25;white-space:nowrap}.summer-category-button small{color:rgba(7,41,45,.58)}.summer-tab-panels{min-height:560px}.summer-product-panel{display:none}#summer-tab-cooling:checked~.summer-tab-buttons label[for=summer-tab-cooling],#summer-tab-power:checked~.summer-tab-buttons label[for=summer-tab-power],#summer-tab-water:checked~.summer-tab-buttons label[for=summer-tab-water],#summer-tab-drive:checked~.summer-tab-buttons label[for=summer-tab-drive],#summer-tab-desk:checked~.summer-tab-buttons label[for=summer-tab-desk]{background:linear-gradient(135deg,var(--summer-sun),#fff2a0 45%,#22b89a);border-color:rgba(7,41,45,.34);box-shadow:0 14px 30px rgba(0,140,154,.24);color:#05282c;transform:translateY(-2px)}#summer-tab-cooling:checked~.summer-tab-buttons label[for=summer-tab-cooling] small,#summer-tab-power:checked~.summer-tab-buttons label[for=summer-tab-power] small,#summer-tab-water:checked~.summer-tab-buttons label[for=summer-tab-water] small,#summer-tab-drive:checked~.summer-tab-buttons label[for=summer-tab-drive] small,#summer-tab-desk:checked~.summer-tab-buttons label[for=summer-tab-desk] small{color:rgba(5,40,44,.76)}#summer-tab-cooling:checked~.summer-tab-panels .summer-panel--cooling,#summer-tab-power:checked~.summer-tab-panels .summer-panel--power,#summer-tab-water:checked~.summer-tab-panels .summer-panel--water,#summer-tab-drive:checked~.summer-tab-panels .summer-panel--drive,#summer-tab-desk:checked~.summer-tab-panels .summer-panel--desk{display:block}.summer-product-panel__head{background:linear-gradient(135deg,rgba(7,41,45,.93),rgba(0,140,154,.88));border-radius:8px;color:var(--summer-white);margin-bottom:14px;padding:24px}.summer-product-panel__head h2{color:var(--summer-white);font-size:34px;line-height:1.25;margin-bottom:8px}.summer-product-panel__head p:not(.summer-eyebrow){color:rgba(255,255,255,.82);font-weight:700;margin-bottom:0}.summer-product-layout{display:grid;gap:14px;grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr)}.summer-feature-product{background:rgba(255,255,255,.82);display:grid;grid-template-rows:auto 1fr;overflow:hidden}.summer-feature-product__image{align-items:center;aspect-ratio:1.25/1;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(223,248,232,.92));display:flex;justify-content:center;padding:24px;position:relative}.summer-feature-product__image img{max-height:320px;object-fit:contain}.summer-feature-product__body{border-top:1px solid var(--summer-line);padding:24px}.summer-feature-product h3{font-size:28px;line-height:1.32;margin-bottom:10px}.summer-product-note{color:rgba(7,41,45,.72);font-weight:700;margin-bottom:18px}.summer-product-price{font-size:24px;margin-bottom:14px}.summer-product-price span{color:rgba(7,41,45,.62);font-size:12px;margin-left:4px}.summer-product-button{margin-top:18px;min-width:180px}.summer-mini-products{display:flex;gap:12px;grid-column:2;overflow-x:auto;overscroll-behavior-inline:contain;padding:0 0 12px;scrollbar-color:var(--summer-sea) rgba(0,140,154,.1);scrollbar-width:thin}.summer-mini-products::-webkit-scrollbar{height:10px}.summer-mini-products::-webkit-scrollbar-track{background:rgba(0,140,154,.1);border-radius:8px}.summer-mini-products::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--summer-sea),#22b89a);border-radius:8px}.summer-mini-product{background:rgba(255,255,255,.82);color:var(--summer-ink);display:flex;flex:0 0 218px;flex-direction:column;min-height:420px;overflow:hidden;padding:12px;position:relative}.summer-mini-product__image{align-items:center;aspect-ratio:1.18/1;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(231,252,245,.98));border-radius:6px;display:flex;justify-content:center;margin-bottom:12px;padding:12px}.summer-mini-product__image img{max-height:150px;object-fit:contain}.summer-mini-product strong{font-size:16px;line-height:1.35;margin-bottom:8px}.summer-mini-product p{color:rgba(7,41,45,.68);font-size:13px;font-weight:700;line-height:1.55;margin-bottom:12px}.summer-mini-product__price{font-size:18px;margin-top:auto}.summer-mini-product__cta{align-items:center;background:var(--summer-ink);border-radius:6px;color:var(--summer-white);display:inline-flex;font-size:13px;font-weight:900;justify-content:center;margin-top:12px;min-height:36px;padding:7px 10px;white-space:nowrap}.summer-point-badge,.summer-soft-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:900;left:12px;min-height:28px;padding:5px 9px;position:absolute;top:12px;z-index:2}.summer-point-badge{background:var(--summer-sun);border:1px solid rgba(7,41,45,.2);box-shadow:0 10px 22px rgba(255,224,103,.28);color:#08282d}.summer-soft-badge{background:rgba(7,41,45,.86);color:var(--summer-white)}.summer-more-button{grid-column:2;justify-self:center;min-width:210px}.summer-final-cta{align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(223,248,232,.86));display:flex;gap:24px;justify-content:space-between;margin-bottom:20px;padding:34px}.summer-final-cta p:last-child{margin-bottom:0}.summer-service__head{margin-bottom:18px}.summer-service-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.summer-service-grid a{background:rgba(255,255,255,.78);display:block;overflow:hidden}.summer-service-grid img{width:100%}@media(max-width:1020px){.summer-hero{grid-template-columns:1fr;min-height:0}.summer-hero:after{left:2%;width:96%}.summer-hero__visual{grid-template-rows:220px 190px}.summer-benefits,.summer-scene-grid,.summer-lineup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summer-tab-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.summer-product-layout{grid-template-columns:1fr}.summer-mini-products,.summer-more-button{grid-column:auto}}@media(max-width:680px){.summer-shop-topbar,.summer-hero,.summer-benefits,.summer-promo-bar,.summer-section,.summer-final-cta,.summer-service{width:min(100% - 24px,1220px)}.summer-shop-topbar{gap:10px}.summer-shop-name{font-size:12px;min-height:34px;padding:7px 9px}.summer-hero{gap:22px;padding:18px 0 32px}.summer-hero__copy{background:linear-gradient(90deg,rgba(7,41,45,.9),rgba(7,41,45,.68));padding:24px 20px}.summer-hero h1{font-size:42px}.summer-lead{font-size:16px}.summer-hero__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.summer-btn,.summer-product-button,.summer-more-button,.summer-promo-bar a{font-size:13px;min-height:42px;padding:9px 12px}.summer-hero__visual{gap:10px;grid-template-rows:190px 160px}.summer-hero-tile img{padding:14px}.summer-benefits,.summer-scene-grid,.summer-lineup-grid,.summer-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summer-benefits div{padding:12px}.summer-benefits strong{font-size:14px}.summer-promo-bar,.summer-final-cta{align-items:stretch;flex-direction:column}.summer-section,.summer-final-cta,.summer-service{padding:40px 0}.summer-section-head h2,.summer-final-cta h2,.summer-service h2{font-size:28px}.summer-scene-card{min-height:190px;padding:16px}.summer-scene-card span{margin-bottom:20px}.summer-scene-card h3{font-size:18px}.summer-lineup-card__body{padding:14px}.summer-lineup-card h3{font-size:17px}.summer-tab-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.summer-category-button{min-height:66px;padding:10px}.summer-category-button strong{font-size:15px}.summer-category-button small,.summer-category-button span{font-size:11px}.summer-product-panel__head{padding:20px}.summer-product-panel__head h2{font-size:26px}.summer-feature-product h3{font-size:22px}.summer-feature-product__body{padding:20px}.summer-mini-product{flex-basis:196px;min-height:408px}.summer-final-cta{padding:24px}}@media(max-width:420px){.summer-hero h1{font-size:36px}.summer-hero__actions{gap:8px}.summer-hero__visual{grid-template-columns:1fr 1fr;grid-template-rows:150px 132px}.summer-hero-tile span{font-size:11px;left:8px;padding:5px 7px}.summer-benefits,.summer-scene-grid,.summer-lineup-grid,.summer-service-grid{gap:10px}.summer-benefits span,.summer-scene-card p,.summer-mini-product p{font-size:12px}.summer-scene-card h3{font-size:16px}.summer-tab-buttons{gap:8px}.summer-category-button strong{font-size:14px}.summer-mini-product{flex-basis:184px}}@media(prefers-reduced-motion:reduce){.summer-lp:before,.summer-hero:after{animation:none}.summer-btn,.summer-product-button,.summer-more-button,.summer-promo-bar a,.summer-category-button{transition:none}}

.summer-product-layout,
.summer-feature-product,
.summer-feature-product__image,
.summer-feature-product__body {
  max-width: 100%;
  min-width: 0;
}

.summer-feature-product__image,
.summer-feature-product__body {
  width: 100%;
}

/* Refined layout pass: full shop strip, integrated hero marquee, and cleaner product cards. */
.summer-lp .summer-shop-topbar {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.94), rgba(231, 252, 245, 0.94)),
    linear-gradient(90deg, rgba(0, 140, 154, 0.12), rgba(255, 224, 103, 0.10));
  border-bottom: 1px solid rgba(7, 41, 45, 0.12);
  box-shadow: 0 10px 26px rgba(0, 72, 82, 0.08);
  max-width: none;
  padding: 14px max(16px, calc((100% - 1220px) / 2));
  width: 100%;
}

.summer-lp .summer-shop-name {
  background: transparent;
  border: 0;
  color: var(--summer-deep);
  font-size: 15px;
  min-height: 0;
  padding: 0;
}

.summer-lp .summer-shop-name::before {
  background: linear-gradient(135deg, var(--summer-sun), #22b89a);
  border-radius: 99px;
  content: "";
  height: 10px;
  margin-right: 10px;
  width: 10px;
}

.summer-lp .summer-hero {
  background:
    radial-gradient(circle at 88% 14%, rgba(255, 224, 103, 0.28), transparent 22rem),
    radial-gradient(circle at 58% 88%, rgba(34, 184, 154, 0.28), transparent 24rem),
    linear-gradient(135deg, rgba(7, 41, 45, 0.95), rgba(0, 112, 124, 0.86) 54%, rgba(223, 248, 232, 0.92));
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 8px;
  box-shadow: 0 28px 70px rgba(0, 72, 82, 0.18);
  gap: 0;
  grid-template-columns: minmax(360px, 0.84fr) minmax(0, 1.16fr);
  margin-top: 24px;
  min-height: 560px;
  overflow: hidden;
  padding: 0;
}

.summer-lp .summer-hero::before {
  animation: summerHeroLight 18s ease-in-out infinite alternate;
  background:
    linear-gradient(115deg, transparent 0 34%, rgba(255, 255, 255, 0.28) 45%, transparent 58% 100%),
    repeating-linear-gradient(100deg, rgba(255, 255, 255, 0.12) 0 1px, transparent 1px 36px);
  content: "";
  inset: 0;
  opacity: 0.55;
  pointer-events: none;
  position: absolute;
}

.summer-lp .summer-hero::after {
  display: none;
}

@keyframes summerHeroLight {
  0% { transform: translateX(-8%); }
  100% { transform: translateX(8%); }
}

.summer-lp .summer-hero__copy {
  align-self: stretch;
  background:
    linear-gradient(90deg, rgba(7, 41, 45, 0.92), rgba(7, 41, 45, 0.78) 72%, rgba(7, 41, 45, 0.18)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent);
  border-left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 560px;
  padding: 58px 48px;
}

.summer-lp .summer-hero__visual {
  align-self: stretch;
  display: block;
  min-height: 560px;
  overflow: hidden;
  position: relative;
}

.summer-lp .summer-hero__visual::before,
.summer-lp .summer-hero__visual::after {
  content: "";
  inset-block: 0;
  pointer-events: none;
  position: absolute;
  width: 110px;
  z-index: 3;
}

.summer-lp .summer-hero__visual::before {
  background: linear-gradient(90deg, rgba(7, 41, 45, 0.46), transparent);
  left: 0;
}

.summer-lp .summer-hero__visual::after {
  background: linear-gradient(270deg, rgba(223, 248, 232, 0.74), transparent);
  right: 0;
}

.summer-lp .summer-hero-track {
  animation: summerHeroMarquee 34s linear infinite;
  align-items: center;
  display: flex;
  gap: 18px;
  height: 100%;
  padding: 42px 0;
  width: max-content;
  will-change: transform;
}

@keyframes summerHeroMarquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.summer-lp .summer-hero-tile {
  background: rgba(255, 255, 255, 0.86);
  border-color: rgba(255, 255, 255, 0.72);
  box-shadow: 0 22px 42px rgba(0, 52, 60, 0.18);
  flex: 0 0 255px;
  height: 330px;
}

.summer-lp .summer-hero-tile--1,
.summer-lp .summer-hero-tile--duplicate {
  grid-row: auto;
}

.summer-lp .summer-hero-tile:nth-child(2n) {
  transform: translateY(34px);
}

.summer-lp .summer-hero-tile:nth-child(3n) {
  transform: translateY(-28px);
}

.summer-lp .summer-hero-tile img {
  height: 100%;
  object-fit: contain;
  padding: 26px;
}

.summer-lp .summer-product-layout {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.74), rgba(231, 252, 245, 0.78)),
    linear-gradient(90deg, rgba(0, 140, 154, 0.08), rgba(255, 224, 103, 0.09));
  border: 1px solid rgba(7, 41, 45, 0.12);
  border-radius: 8px;
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr;
  padding: 16px;
}

.summer-lp .summer-feature-product {
  align-items: stretch;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 16px 36px rgba(0, 72, 82, 0.10);
  display: grid;
  grid-template-columns: minmax(270px, 0.45fr) minmax(0, 0.55fr);
}

.summer-lp .summer-feature-product__image {
  aspect-ratio: auto;
  background:
    radial-gradient(circle at 50% 44%, rgba(255, 224, 103, 0.24), transparent 54%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(223, 248, 232, 0.96));
  min-height: 310px;
}

.summer-lp .summer-feature-product__body {
  align-content: center;
  border-left: 1px solid var(--summer-line);
  border-top: 0;
  display: grid;
  padding: 30px;
}

.summer-lp .summer-feature-product h3 {
  font-size: 30px;
  max-width: 560px;
}

.summer-lp .summer-mini-products {
  background: rgba(255, 255, 255, 0.42);
  border: 1px solid rgba(7, 41, 45, 0.10);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  grid-auto-columns: 390px;
  grid-auto-flow: column;
  grid-column: 1;
  grid-template-rows: repeat(2, minmax(154px, 1fr));
  overflow-x: auto;
  padding: 12px 12px 16px;
}

.summer-lp .summer-mini-product {
  background: rgba(255, 255, 255, 0.90);
  display: grid;
  flex: none;
  grid-template-columns: 96px minmax(0, 1fr);
  grid-template-rows: auto auto auto auto;
  min-height: 0;
  padding: 12px;
}

.summer-lp .summer-mini-product__image {
  grid-row: 1 / 5;
  height: 100%;
  margin: 0 12px 0 0;
  min-height: 128px;
  width: 96px;
}

.summer-lp .summer-mini-product__image img {
  max-height: 104px;
}

.summer-lp .summer-mini-product strong,
.summer-lp .summer-mini-product p,
.summer-lp .summer-mini-product__price,
.summer-lp .summer-mini-product__cta {
  grid-column: 2;
}

.summer-lp .summer-mini-product strong {
  font-size: 15px;
  margin-bottom: 4px;
}

.summer-lp .summer-mini-product p {
  font-size: 12px;
  line-height: 1.45;
  margin-bottom: 6px;
}

.summer-lp .summer-mini-product__price {
  font-size: 16px;
}

.summer-lp .summer-mini-product__cta {
  justify-self: start;
  margin-top: 8px;
  min-height: 30px;
  padding-inline: 12px;
}

.summer-lp .summer-mini-product .summer-point-badge,
.summer-lp .summer-mini-product .summer-soft-badge {
  left: 8px;
  top: 8px;
}

.summer-lp .summer-more-button {
  grid-column: 1;
  justify-self: center;
  margin-top: 2px;
}

@media (max-width: 1020px) {
  .summer-lp .summer-hero {
    grid-template-columns: 1fr;
  }

  .summer-lp .summer-hero__copy {
    min-height: 0;
    padding: 42px 34px;
  }

  .summer-lp .summer-hero__visual {
    min-height: 330px;
  }

  .summer-lp .summer-hero-track {
    padding: 22px 0 38px;
  }

  .summer-lp .summer-hero-tile {
    flex-basis: 220px;
    height: 260px;
  }

  .summer-lp .summer-feature-product {
    grid-template-columns: 1fr;
  }

  .summer-lp .summer-feature-product__body {
    border-left: 0;
    border-top: 1px solid var(--summer-line);
  }
}

@media (max-width: 680px) {
  .summer-lp .summer-shop-topbar {
    padding-inline: 12px;
  }

  .summer-lp .summer-hero {
    margin-top: 14px;
    width: min(100% - 24px, 1220px);
  }

  .summer-lp .summer-hero__copy {
    padding: 28px 22px;
  }

  .summer-lp .summer-hero__visual {
    min-height: 270px;
  }

  .summer-lp .summer-hero-tile {
    flex-basis: 168px;
    height: 210px;
  }

  .summer-lp .summer-hero-tile img {
    padding: 18px;
  }

  .summer-lp .summer-hero-tile:nth-child(2n) {
    transform: translateY(18px);
  }

  .summer-lp .summer-hero-tile:nth-child(3n) {
    transform: translateY(-14px);
  }

  .summer-lp .summer-product-layout {
    padding: 12px;
  }

  .summer-lp .summer-feature-product__image {
    min-height: 245px;
  }

  .summer-lp .summer-feature-product__body {
    padding: 22px;
  }

  .summer-lp .summer-mini-products {
    grid-auto-columns: minmax(260px, 82vw);
    grid-template-rows: repeat(2, minmax(148px, auto));
  }

  .summer-lp .summer-mini-product {
    grid-template-columns: 88px minmax(0, 1fr);
  }

  .summer-lp .summer-mini-product__image {
    min-height: 120px;
    width: 88px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .summer-lp .summer-hero-track,
  .summer-lp .summer-hero::before {
    animation: none;
  }
}

/* Requested copy/layout adjustments. */
.summer-lp .summer-hero__actions .summer-btn--primary {
  color: #071a1d;
  text-shadow: none;
}

.summer-lp .summer-benefits {
  margin-top: 30px;
}

.summer-lp .summer-scene-card {
  min-height: 158px;
  padding: 18px 20px;
}

.summer-lp .summer-scene-card span {
  margin-bottom: 16px;
}

.summer-lp .summer-scene-card::after {
  height: 54px;
}

.summer-lp .summer-mini-product__cta {
  font-size: 12px;
  min-height: 28px;
  padding: 5px 10px;
}

.summer-lp .summer-footer-note {
  color: rgba(7, 41, 45, 0.72);
  margin: 0 auto;
  max-width: 1220px;
  padding: 10px 0 42px;
  text-align: center;
  width: min(100% - 32px, 1220px);
}

.summer-lp .summer-footer-disclaimer {
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 16px;
}

.summer-lp .summer-footer-company {
  color: var(--summer-deep);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.7;
  margin: 0;
}

@media (max-width: 680px) {
  .summer-lp .summer-benefits {
    margin-top: 22px;
  }

  .summer-lp .summer-scene-card {
    min-height: 150px;
    padding: 15px;
  }

  .summer-lp .summer-scene-card span {
    margin-bottom: 12px;
  }

  .summer-lp .summer-footer-note {
    width: min(100% - 24px, 1220px);
  }
}

/* Compact section rhythm and mobile lineup carousel. */
.summer-lp .summer-promo-bar {
  margin-bottom: 34px;
}

.summer-lp .summer-section,
.summer-lp .summer-service {
  padding: 34px 0;
}

.summer-lp .summer-final-cta {
  padding: 28px 30px;
}

.summer-lp .summer-section-head {
  margin-bottom: 16px;
}

.summer-lp .summer-category-tabs {
  padding-top: 30px;
}

.summer-lp .summer-service {
  padding-bottom: 24px;
}

@media (max-width: 680px) {
  .summer-lp .summer-promo-bar {
    margin-bottom: 26px;
  }

  .summer-lp .summer-section,
  .summer-lp .summer-service {
    padding: 26px 0;
  }

  .summer-lp .summer-final-cta {
    padding: 22px;
  }

  .summer-lp .summer-section-head {
    margin-bottom: 14px;
  }

  .summer-lp .summer-lineup-grid {
    display: flex;
    gap: 12px;
    grid-template-columns: none;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding: 0 0 12px;
    scroll-snap-type: x proximity;
    scrollbar-color: var(--summer-sea) rgba(0, 140, 154, 0.10);
    scrollbar-width: thin;
  }

  .summer-lp .summer-lineup-grid::-webkit-scrollbar {
    height: 8px;
  }

  .summer-lp .summer-lineup-grid::-webkit-scrollbar-track {
    background: rgba(0, 140, 154, 0.10);
    border-radius: 8px;
  }

  .summer-lp .summer-lineup-grid::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, var(--summer-sea), #22b89a);
    border-radius: 8px;
  }

  .summer-lp .summer-lineup-card {
    flex: 0 0 min(78vw, 300px);
    scroll-snap-align: start;
  }

  .summer-lp .summer-lineup-card__image {
    aspect-ratio: 1.18 / 1;
  }
}

/* Mobile category product density pass. */
@media (max-width: 680px) {
  .summer-lp .summer-product-panel__head {
    margin-bottom: 10px;
    padding: 16px;
  }

  .summer-lp .summer-product-panel__head h2 {
    font-size: 23px;
    margin-bottom: 4px;
  }

  .summer-lp .summer-product-panel__head p:not(.summer-eyebrow) {
    font-size: 13px;
    line-height: 1.5;
  }

  .summer-lp .summer-product-layout {
    gap: 10px;
    padding: 10px;
  }

  .summer-lp .summer-feature-product {
    display: grid;
    grid-template-columns: 126px minmax(0, 1fr);
  }

  .summer-lp .summer-feature-product__image {
    aspect-ratio: auto;
    min-height: 0;
    padding: 8px;
  }

  .summer-lp .summer-feature-product__image img {
    max-height: 150px;
  }

  .summer-lp .summer-feature-product__body {
    border-left: 1px solid var(--summer-line);
    border-top: 0;
    padding: 12px;
  }

  .summer-lp .summer-product-meta {
    font-size: 10px;
    margin-bottom: 4px;
  }

  .summer-lp .summer-feature-product h3 {
    font-size: 17px;
    line-height: 1.25;
    margin-bottom: 5px;
  }

  .summer-lp .summer-product-note {
    font-size: 12px;
    line-height: 1.42;
    margin-bottom: 7px;
  }

  .summer-lp .summer-product-price {
    font-size: 18px;
    margin-bottom: 6px;
  }

  .summer-lp .summer-product-tags {
    gap: 5px;
    margin-top: 6px;
  }

  .summer-lp .summer-product-tags span {
    font-size: 10px;
    padding: 2px 6px;
  }

  .summer-lp .summer-product-button {
    font-size: 12px;
    margin-top: 9px;
    min-height: 34px;
  }

  .summer-lp .summer-mini-product .summer-point-badge,
  .summer-lp .summer-mini-product .summer-soft-badge {
    border-radius: 5px;
    font-size: 10px;
    left: 6px;
    min-height: 21px;
    padding: 3px 6px;
    top: 6px;
  }
}