/* Protected summit styles: extracted verbatim from the approved current top display. */

/* v4: restore the red-gold summit banner in the active product UI theme. */
body[data-app=front].product-ui .summit-banner-wrap{
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:minmax(142px,auto) minmax(74px,auto);
  min-height:216px;
  margin:0 0 18px;
  overflow:hidden;
  border:1px solid rgba(221,54,48,.58);
  border-radius:18px;
  background:#fffaf8;
  box-shadow:0 18px 44px rgba(126,32,28,.13),inset 0 1px rgba(255,255,255,.92);
}
body[data-app=front].product-ui .summit-banner-main{
  position:relative;
  display:grid;
  grid-template-columns:minmax(230px,.66fr) minmax(460px,1.34fr);
  grid-template-rows:1fr;
  min-height:142px;
  padding:18px clamp(48px,5.8vw,92px);
  align-items:center;
  column-gap:34px;
  overflow:hidden;
  isolation:isolate;
  border-right:0;
  border-bottom:0;
  color:#fff6dc;
  background:
    radial-gradient(circle at 61% 42%,rgba(255,191,85,.34),transparent 22%),
    radial-gradient(circle at 88% 18%,rgba(255,162,67,.17),transparent 28%),
    linear-gradient(112deg,rgba(255,183,67,.11),transparent 29% 66%,rgba(255,196,86,.13)),
    linear-gradient(130deg,#8d1115 0%,#c9201f 48%,#a21617 100%);
}
body[data-app=front].product-ui .summit-banner-main::before,
body[data-app=front].product-ui .summit-banner-main::after{
  content:"";
  position:absolute;
  z-index:0;
  left:-7%;
  width:115%;
  height:58px;
  border:1px solid rgba(255,218,129,.34);
  border-radius:50%;
  pointer-events:none;
}
body[data-app=front].product-ui .summit-banner-main::before{
  bottom:-6px;
  transform:rotate(-2deg);
  box-shadow:0 -10px 24px rgba(255,171,61,.20),inset 0 8px 22px rgba(255,220,135,.11);
}
body[data-app=front].product-ui .summit-banner-main::after{
  bottom:25px;
  opacity:.58;
  transform:rotate(3deg);
}
body[data-app=front].product-ui .summit-rays{
  display:block!important;
  position:absolute;
  inset:0;
  z-index:0;
  opacity:.42;
  background:repeating-conic-gradient(from 252deg at 48% 118%,rgba(255,220,128,.30) 0 1.2deg,transparent 1.45deg 6.8deg);
  -webkit-mask-image:linear-gradient(to top,#000,transparent 86%);
  mask-image:linear-gradient(to top,#000,transparent 86%);
}
body[data-app=front].product-ui .summit-sheen{
  display:block!important;
  position:absolute;
  z-index:3;
  inset:-30% auto -30% -25%;
  width:15%;
  background:linear-gradient(90deg,transparent,rgba(255,241,186,.32),transparent);
  filter:blur(3px);
  transform:skewX(-16deg);
  pointer-events:none;
}
body[data-app=front].product-ui .summit-spark{
  display:block!important;
  position:absolute;
  z-index:2;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#ffd96b;
  box-shadow:0 0 13px #ffd96b;
  opacity:.78;
}
body[data-app=front].product-ui .summit-title{
  position:relative;
  z-index:1;
  grid-column:1;
  grid-row:1;
  display:flex;
  align-items:center;
  justify-self:start;
  width:max-content;
  max-width:100%;
  gap:4px;
  flex:none;
  color:#f9d574;
  font-family:"STKaiti","KaiTi","Noto Serif SC",var(--font-ui);
  font-size:clamp(48px,4.4vw,72px);
  font-weight:700;
  letter-spacing:0;
  line-height:1;
  white-space:nowrap;
  text-shadow:0 3px 0 rgba(92,16,9,.72),0 0 18px rgba(255,220,113,.32);
}
body[data-app=front].product-ui .summit-title span,
body[data-app=front].product-ui .summit-title span:first-child{
  color:#f9d574;
  background:linear-gradient(180deg,#fff3b7 0%,#f5cc62 49%,#c1841b 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 3px 1px rgba(84,11,10,.35));
}
body[data-app=front].product-ui .summit-champion{
  position:relative;
  z-index:2;
  grid-column:2;
  grid-row:1;
  display:grid;
  grid-template-columns:106px minmax(0,420px);
  align-items:center;
  justify-self:center;
  width:auto;
  max-width:min(100%,620px);
  min-height:106px;
  gap:26px;
  color:#fff6dc;
}
body[data-app=front].product-ui .summit-crown{
  display:block!important;
  position:absolute;
  z-index:4;
  top:-15px;
  left:-34px;
  width:31px;
  height:31px;
  color:#ffe796;
  filter:drop-shadow(0 4px 4px rgba(78,9,5,.40));
}
body[data-app=front].product-ui .summit-logo-frame{
  position:relative;
  display:grid;
  width:98px;
  height:98px;
  flex:0 0 98px;
  place-items:center;
  border:4px solid #f7d36f;
  border-radius:25px;
  background:#fff;
  box-shadow:0 0 0 7px rgba(255,226,137,.18),0 13px 30px rgba(70,8,7,.31),inset 0 1px rgba(255,255,255,.98);
}
body[data-app=front].product-ui .summit-logo-frame::before,
body[data-app=front].product-ui .summit-logo-frame::after{
  content:"";
  position:absolute;
  top:23px;
  display:block;
  width:24px;
  height:58px;
  border:2px solid #edc65f;
  border-top:0;
  border-bottom:0;
  opacity:.82;
  pointer-events:none;
}
body[data-app=front].product-ui .summit-logo-frame::before{
  left:-24px;
  border-radius:80% 0 0 80%;
  transform:rotate(-16deg);
}
body[data-app=front].product-ui .summit-logo-frame::after{
  right:-24px;
  border-radius:0 80% 80% 0;
  transform:rotate(16deg);
}
body[data-app=front].product-ui .summit-logo-frame img,
body[data-app=front].product-ui .summit-logo-frame span{
  width:76px;
  height:76px;
  border-radius:18px;
  object-fit:contain;
}
body[data-app=front].product-ui .summit-logo-frame span{
  display:grid;
  place-items:center;
  border:0;
  color:#cf2f2c;
  background:#fff;
  font-family:var(--font-display);
  font-size:14px;
  font-weight:700;
  line-height:1;
}
body[data-app=front].product-ui .summit-champion-copy{
  display:grid;
  min-width:0;
  gap:8px;
}
body[data-app=front].product-ui .summit-champion-copy strong{
  color:#ffeaa6;
  font-family:var(--font-ui);
  font-size:clamp(34px,3.4vw,48px);
  font-weight:700;
  letter-spacing:0;
  line-height:1;
  text-shadow:0 2px 8px rgba(62,5,4,.34);
}
body[data-app=front].product-ui .summit-champion-copy span{
  display:block;
  max-width:420px;
  overflow:hidden;
  color:#fff;
  font-family:var(--font-ui);
  font-size:clamp(17px,1.7vw,25px);
  font-weight:700;
  line-height:1.12;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-shadow:0 2px 6px rgba(62,5,4,.30);
}
body[data-app=front].product-ui .summit-countdown{
  position:relative;
  display:grid;
  grid-template-columns:minmax(290px,1fr) auto minmax(430px,1.18fr);
  grid-template-rows:1fr;
  align-items:center;
  justify-content:stretch;
  min-height:74px;
  gap:24px;
  padding:0 clamp(42px,4vw,56px);
  overflow:hidden;
  border-left:0;
  border-top:1px solid rgba(221,54,48,.20);
  color:#5a302d;
  background:rgba(255,252,250,.96);
}
body[data-app=front].product-ui .summit-date,
body[data-app=front].product-ui .countdown-label{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  min-width:0;
  gap:9px;
  color:#785653;
  white-space:nowrap;
}
body[data-app=front].product-ui .summit-date svg,
body[data-app=front].product-ui .countdown-label svg{
  width:18px;
  height:18px;
  flex:0 0 auto;
  color:#d93431;
}
body[data-app=front].product-ui .summit-date span,
body[data-app=front].product-ui .countdown-label span,
body[data-app=front].product-ui .countdown-values>span{
  color:#785653;
  font-size:clamp(13px,1.1vw,17px);
  font-weight:600;
  line-height:1;
  letter-spacing:0;
}
body[data-app=front].product-ui .summit-date strong{
  min-width:0;
  overflow:hidden;
  color:#442421;
  font-family:var(--font-ui);
  font-size:clamp(17px,1.45vw,22px);
  font-weight:700;
  line-height:1;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body[data-app=front].product-ui .countdown-label{
  justify-self:center;
}
body[data-app=front].product-ui .countdown-values{
  position:relative;
  z-index:2;
  grid-column:auto;
  display:flex;
  align-items:baseline;
  justify-content:flex-end;
  min-width:0;
  max-width:100%;
  gap:6px;
  white-space:nowrap;
}
body[data-app=front].product-ui .countdown-values>span{
  margin-right:8px;
}
body[data-app=front].product-ui .countdown-values strong{
  min-width:32px;
  color:#d93431;
  font-family:var(--font-display);
  font-size:clamp(30px,2.8vw,42px);
  font-weight:700;
  text-align:center;
  line-height:.95;
  font-variant-numeric:tabular-nums;
  text-shadow:none;
}
body[data-app=front].product-ui .countdown-values i{
  color:#72504d;
  font-size:clamp(12px,1.1vw,17px);
  font-style:normal;
  font-weight:500;
}
body[data-app=front].product-ui .summit-wave-field{
  display:block!important;
  position:absolute;
  z-index:0;
  inset:0;
  opacity:.62;
  pointer-events:none;
}
body[data-app=front].product-ui .summit-wave-field svg{
  width:100%;
  height:100%;
}
body[data-app=front].product-ui .summit-wave{
  fill:none!important;
  stroke-linecap:round;
}
body[data-app=front].product-ui .summit-wave.wave-one{stroke:#f37d70;stroke-width:1.2;stroke-dasharray:2 6;}
body[data-app=front].product-ui .summit-wave.wave-two{stroke:#eab25f;stroke-width:1;stroke-dasharray:1 7;}
body[data-app=front].product-ui .summit-wave.wave-three{stroke:#f0b3ab;stroke-width:1.2;opacity:.8;}

@media(max-width:1279px){
  body[data-app=front].product-ui .summit-banner-wrap{
    grid-template-columns:1fr;
    grid-template-rows:minmax(132px,auto) minmax(86px,auto);
  }
  body[data-app=front].product-ui .summit-banner-main{
    grid-template-columns:minmax(160px,.56fr) minmax(330px,1fr);
    padding:18px 28px;
    column-gap:20px;
  }
  body[data-app=front].product-ui .summit-title{font-size:clamp(40px,5.1vw,58px);}
  body[data-app=front].product-ui .summit-champion{
    grid-template-columns:86px minmax(0,1fr);
    gap:20px;
    max-width:430px;
    min-height:92px;
  }
  body[data-app=front].product-ui .summit-logo-frame{width:84px;height:84px;flex-basis:84px;border-radius:22px;}
  body[data-app=front].product-ui .summit-logo-frame img,
  body[data-app=front].product-ui .summit-logo-frame span{width:62px;height:62px;border-radius:16px;}
  body[data-app=front].product-ui .summit-logo-frame::before,
  body[data-app=front].product-ui .summit-logo-frame::after{top:19px;height:50px;}
  body[data-app=front].product-ui .summit-champion-copy strong{font-size:clamp(27px,3.2vw,38px);}
  body[data-app=front].product-ui .summit-champion-copy span{max-width:300px;font-size:clamp(15px,1.8vw,20px);}
  body[data-app=front].product-ui .summit-countdown{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:auto auto;
    min-height:92px;
    gap:10px 20px;
    padding:14px 24px;
  }
  body[data-app=front].product-ui .countdown-values{
    grid-column:1/-1;
    justify-content:flex-end;
  }
}

@media(max-width:767px){
  body[data-app=front].product-ui .summit-banner-wrap{
    grid-template-rows:auto auto;
    min-height:0;
    border-radius:18px;
  }
  body[data-app=front].product-ui .summit-banner-main{
    grid-template-columns:1fr;
    grid-template-rows:auto auto;
    min-height:178px;
    padding:22px 22px 18px;
    row-gap:14px;
  }
  body[data-app=front].product-ui .summit-title{
    grid-column:1;
    grid-row:1;
    justify-self:start;
    font-size:clamp(38px,11vw,52px);
  }
  body[data-app=front].product-ui .summit-champion{
    grid-column:1;
    grid-row:2;
    grid-template-columns:72px minmax(0,1fr);
    justify-self:stretch;
    width:100%;
    max-width:100%;
    min-height:76px;
    gap:16px;
  }
  body[data-app=front].product-ui .summit-crown{
    top:-10px;
    left:-6px;
    width:24px;
    height:24px;
  }
  body[data-app=front].product-ui .summit-logo-frame{
    width:68px;
    height:68px;
    flex-basis:68px;
    border-width:3px;
    border-radius:18px;
    box-shadow:0 0 0 5px rgba(255,226,137,.15),0 10px 24px rgba(70,8,7,.24),inset 0 1px rgba(255,255,255,.98);
  }
  body[data-app=front].product-ui .summit-logo-frame::before,
  body[data-app=front].product-ui .summit-logo-frame::after{top:16px;width:16px;height:38px;}
  body[data-app=front].product-ui .summit-logo-frame::before{left:-15px;}
  body[data-app=front].product-ui .summit-logo-frame::after{right:-15px;}
  body[data-app=front].product-ui .summit-logo-frame img,
  body[data-app=front].product-ui .summit-logo-frame span{width:50px;height:50px;border-radius:13px;font-size:12px;}
  body[data-app=front].product-ui .summit-champion-copy strong{font-size:clamp(23px,7vw,31px);}
  body[data-app=front].product-ui .summit-champion-copy span{
    max-width:100%;
    font-size:clamp(14px,4.2vw,17px);
  }
  body[data-app=front].product-ui .summit-countdown{
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
    min-height:118px;
    padding:15px 20px 16px;
    gap:9px;
  }
  body[data-app=front].product-ui .summit-date,
  body[data-app=front].product-ui .countdown-label{
    justify-self:start;
    max-width:100%;
  }
  body[data-app=front].product-ui .summit-date span,
  body[data-app=front].product-ui .countdown-label span,
  body[data-app=front].product-ui .countdown-values>span{font-size:11px;}
  body[data-app=front].product-ui .summit-date strong{font-size:14px;}
  body[data-app=front].product-ui .countdown-values{
    grid-column:1;
    justify-content:flex-start;
    gap:4px;
  }
  body[data-app=front].product-ui .countdown-values>span{margin-right:4px;}
  body[data-app=front].product-ui .countdown-values strong{
    min-width:24px;
    font-size:clamp(26px,8vw,32px);
  }
  body[data-app=front].product-ui .countdown-values i{font-size:11px;}
}

@media(max-width:390px){
  body[data-app=front].product-ui .summit-banner-main{padding-left:18px;padding-right:18px;}
  body[data-app=front].product-ui .summit-champion{grid-template-columns:62px minmax(0,1fr);gap:13px;}
  body[data-app=front].product-ui .summit-logo-frame{width:60px;height:60px;}
  body[data-app=front].product-ui .summit-logo-frame img,
  body[data-app=front].product-ui .summit-logo-frame span{width:44px;height:44px;}
  body[data-app=front].product-ui .summit-date strong{max-width:210px;}
}