.extra360-main .PanelOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100vh;background-color:rgba(0,0,0,.4);backdrop-filter:blur(4px);z-index:100000;opacity:0;pointer-events:none;transition:opacity .3s ease-out}.extra360-main .PanelOverlay.is-visible{opacity:1;pointer-events:auto}.extra360-main .Panel{position:fixed;z-index:100001;top:0;right:0;bottom:0;width:400px;height:100vh;height:100vh;outline:0;overflow:hidden;background-color:#fff;box-shadow:-10px 0 30px 0 rgba(0,0,0,.15);transform:translateX(100%);transition:transform .35s cubic-bezier(0.4, 0, 0.2, 1)}.extra360-main .Panel.is-visible{transform:translateX(0)}@media screen and (max-width: 768px){.extra360-main .Panel{width:100vw !important;height:100vh !important;height:100vh !important;max-height:none !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;border-radius:0 !important;margin:0 !important}}.extra360-main .Panel.Panel--app-mode{position:relative;right:auto;transform:none;margin:0 auto;border-radius:0;height:100vh;height:100vh;max-height:none;box-shadow:none;border:none}@media screen and (max-width: 768px){.extra360-main .Panel.Panel--app-mode{margin:0;border-radius:0;height:100vh;max-height:none;width:100vw}}.extra360-main .PanelInner{height:100%;overflow-y:auto}
.extra360-main .A{display:flex;gap:16px;align-items:center;text-decoration:none;background-color:var(--e3-panel-extra360-primary, #fff);color:var(--e3-panel-extra360-text, #1e1e1e);border:none;border-radius:8px;cursor:pointer;outline:none;padding:7px 12px}.extra360-main .A:hover{background-color:var(--e3-panel-extra360-primary, #fff)}.extra360-main .A[disabled],.extra360-main .A:disabled{cursor:unset;opacity:.7}.extra360-main .A>svg{fill:currentColor;stroke:currentColor}.extra360-main .A--secondary{color:var(--extra360-gray-500, #5c6269);background-color:var(--extra360-gray-50, #f8f9fa)}.extra360-main .A--secondary:hover{background-color:var(--extra360-primary-50, #e9ecef)}.extra360-main .A--icon{padding:4px}.extra360-main .A--center{justify-content:center}.extra360-main .A--small{padding:6px 12px}.extra360-main .A--medium{padding:8px 16px}.extra360-main .A--large{padding:16px 24px}.extra360-main .A--rotate-icon>svg{transition:transform .3s}.extra360-main .A--rotate-icon>svg:hover{transform:rotate(90deg)}.extra360-main .A--transparent{background-color:rgba(0,0,0,0);color:inherit}.extra360-main .A--transparent:hover{background-color:rgba(0,0,0,0);color:inherit}
.extra360-main .Box--line{--line-height: 1px;display:flex;flex-direction:column;gap:var(--line-height);width:100%}.extra360-main .Box--line>*{position:relative;padding:16px}.extra360-main .Box--line>*::after{position:absolute;height:0;content:"";display:block;left:0;border-bottom:var(--line-height) solid var(--gray-300, #e6e6e6);margin-bottom:16px;width:100%;bottom:calc(-16px - var(--line-height))}.extra360-main .Box--line>*:last-child::after{display:none}
.extra360-main .Button{display:flex;gap:16px;align-items:center;background-color:rgba(0,0,0,0);color:var(--e3-panel-extra360-text, #1e1e1e);border:none;border-radius:8px;white-space:nowrap;cursor:pointer;outline:none;padding:7px 12px}.extra360-main .Button[disabled],.extra360-main .Button:disabled{cursor:unset;opacity:.7}.extra360-main .Button--primary{background-color:var(--e3-panel-extra360-primary, #f66c20);color:var(--e3-panel-extra360-text, #fff)}.extra360-main .Button--primary:hover{opacity:.9}.extra360-main .Button>svg{fill:currentColor;stroke:currentColor}.extra360-main .Button--secondary{color:var(--extra360-gray-500, #5c6269);background-color:var(--extra360-gray-50, #f8f9fa)}.extra360-main .Button--secondary:hover{background-color:var(--extra360-primary-50, #e9ecef)}.extra360-main .Button--outline{background-color:rgba(0,0,0,0);color:var(--extra360-primary-500, #007bff);border:1px solid var(--extra360-primary-500, #007bff)}.extra360-main .Button--outline:hover{background-color:var(--extra360-primary-50, #e9ecef)}.extra360-main .Button--icon{padding:4px}.extra360-main .Button--center{justify-content:center}.extra360-main .Button--small{padding:6px 12px}.extra360-main .Button--medium{padding:8px 16px}.extra360-main .Button--large{padding:16px 24px}.extra360-main .Button--full{width:100%;padding:8px 16px;justify-content:center}.extra360-main .Button--rotate-icon>svg{transition:transform .3s}.extra360-main .Button--rotate-icon>svg:hover{transform:rotate(90deg)}.extra360-main .Button--transparent{background-color:rgba(0,0,0,0);color:inherit}.extra360-main .Button--transparent:hover{background-color:rgba(0,0,0,0);color:inherit}@media screen and (max-width: 768px){.extra360-main .Button{min-height:44px;padding:10px 16px}.extra360-main .Button--small{padding:8px 14px;min-height:38px}.extra360-main .Button--large{padding:18px 26px;min-height:52px}}
.extra360-main .Card{display:flex;flex-direction:column;gap:16px;padding:16px;border-radius:8px;background-color:#fff;min-width:311px}.extra360-main .Card--center{align-items:center}.extra360-main .Card--center>p{text-align:center}.extra360-main .Card--panel{animation:fadeSlideIn .3s ease;animation-delay:.2s;animation-fill-mode:forwards;background-color:var(--extra360-white, #fff);box-shadow:var(--extra360-shadow, 0 0 13px 0 rgba(0, 0, 0, 0.09));opacity:0;overflow:hidden;padding:20px 16px;position:relative;transform:translate(20px);border-radius:8px}.extra360-main .Card--panel>*{margin:0}.extra360-main .Card+.Card{margin-top:32px}
.extra360-main .FlexCol{display:flex;flex-direction:column;width:100%;gap:0}.extra360-main .FlexCol.center{align-items:center}.extra360-main .FlexCol.gap-100{gap:1.6px}.extra360-main .FlexCol.gap-500{gap:8px}.extra360-main .FlexCol.gap-1000{gap:16px}.extra360-main .FlexCol.justify-center{justify-content:center}
.extra360-main .FlexRow{display:flex;flex-direction:row;justify-content:space-between;gap:0}.extra360-main .FlexRow.center{align-items:center}.extra360-main .FlexRow.gap-100{gap:1.6px}.extra360-main .FlexRow.gap-500{gap:8px}.extra360-main .FlexRow.gap-1000{gap:16px}.extra360-main .FlexRow.justify-center{justify-content:center}
.extra360-main .FormElement{display:flex;flex-direction:column;margin-bottom:1em}.extra360-main .FormElement--pill{flex-direction:row;border:1px solid var(--c3-extra360-border);border-radius:.5em;padding:0;overflow:hidden}.extra360-main .FormElement--pill>:is(input,button){border-radius:0;border:none;flex-grow:1}.extra360-main .FormElement--pill>button{width:clamp(8em,33%,12em)}.extra360-main .FormElement:hover{border-color:var(--c3-extra360-border-hover)}
.extra360-main .ImgIcon{width:100%;height:auto;aspect-ratio:1/1}.extra360-main .ImgIcon.xl{width:48px}.extra360-main .ImgIcon.lg{width:36px}.extra360-main .ImgIcon.md{width:24px}.extra360-main .ImgIcon.sm{width:16px}.extra360-main .ImgIcon.xs{width:12px}.extra360-main .ImgIcon.xxs{width:8px}
.extra360-main .Input{box-sizing:border-box;width:100%;padding:10px;border:1px solid var(--c3-extra360-border);border-radius:5px;background-color:var(--extra360-gray-50)}.extra360-main .Input::placeholder{color:var(--extra360-gray-400)}.extra360-main .Input:focus{outline:none}.extra360-main .Input.center{text-align:center}.extra360-main .Input[readonly]{cursor:default;opacity:.6}.extra360-main select.Input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23a0aec0%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%276 9 12 15 18 9%27%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:1.2em;padding-right:32px;cursor:pointer;color:var(--extra360-text-color, #000)}.extra360-main select.Input:invalid,.extra360-main select.Input.placeholder-active{color:var(--extra360-gray-400)}.extra360-main select.Input option{background-color:var(--extra360-gray-50, #fff);color:var(--extra360-text-color, #000)}.extra360-main select.Input option[disabled]{color:var(--extra360-gray-400)}
.extra360-main .InputRange{display:flex;flex-direction:column}.extra360-main input[type=range]{box-sizing:border-box;font-size:16px;line-height:1;background-color:rgba(0,0,0,0);cursor:pointer;height:2em;padding:0;margin:0;-webkit-appearance:none;width:100%}.extra360-main input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.extra360-main input[type=range]:focus{outline:none}.extra360-main input[type=range]::-ms-track{width:100%;cursor:pointer;background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:rgba(0,0,0,0)}.extra360-main input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:2em;height:2em;margin-top:-1em;background-color:var(--e3-panel-extra360-primary);border-radius:1em;border:.1px solid var(--extra360-gray-100);cursor:pointer}.extra360-main input[type=range]::-moz-range-thumb{width:2em;height:2em;margin-top:-1em;background-color:var(--e3-panel-extra360-primary);border-radius:1em;border:.1px solid var(--extra360-gray-100);cursor:pointer}.extra360-main input[type=range]::-ms-thumb{width:2em;height:2em;margin-top:-1em;background-color:var(--e3-panel-extra360-primary);border-radius:1em;border:.1px solid var(--extra360-gray-100);cursor:pointer}.extra360-main input[type=range]:hover::-webkit-slider-thumb{border-color:rgba(0,0,0,.3)}.extra360-main input[type=range]:hover::-moz-range-thumb{border-color:rgba(0,0,0,.3)}.extra360-main input[type=range]:hover::-ms-thumb{border-color:rgba(0,0,0,.3)}.extra360-main input[type=range]:active::-webkit-slider-thumb{border-color:rgba(0,0,0,.5)}.extra360-main input[type=range]:active::-moz-range-thumb{border-color:rgba(0,0,0,.5)}.extra360-main input[type=range]:active::-ms-thumb{border-color:rgba(0,0,0,.5)}.extra360-main input[type=range]::-webkit-slider-runnable-track{cursor:pointer;width:100%;height:1px;border-bottom:1px solid rgba(0,0,0,.2);background-color:rgba(0,0,0,0)}.extra360-main input[type=range]::-moz-range-track{cursor:pointer;width:100%;height:1px;border-bottom:1px solid rgba(0,0,0,.2);background-color:rgba(0,0,0,0)}.extra360-main input[type=range]::-ms-track{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:rgba(0,0,0,0)}.extra360-main input[type=range]+datalist{z-index:-1;display:flex;flex-direction:column;justify-content:space-between;writing-mode:vertical-lr;width:100%;height:0;padding:0 1em;margin-top:-1.3em;margin-bottom:1.3em;background-color:rgba(0,0,0,0)}.extra360-main input[type=range]+datalist option{background-color:#ccc;padding:.5px;font-size:.5em;cursor:pointer}.extra360-main input[type=range]+datalist option:hover{background-color:#add8e6}
.extra360-main .MessageBox{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;border:1px solid #ccc;border-radius:5px;padding:10px 15px;margin:0}.extra360-main .MessageBox h4{font-size:16px;margin-bottom:10px !important}.extra360-main .MessageBox .message{display:flex;flex-direction:column;gap:0}.extra360-main .MessageBox .message>*{margin:0;padding:0}.extra360-main .MessageBox.no-children{justify-content:center}.extra360-main .MessageBox.no-children .message{text-align:center}.extra360-main .MessageBox.success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.extra360-main .MessageBox.success .P{color:#155724}.extra360-main .MessageBox.error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.extra360-main .MessageBox.error .P{color:#721c24}
.extra360-main h2{font-weight:700;font-size:21px;line-height:1}
.extra360-main h3{font-weight:600;font-size:16px;line-height:1}
.extra360-main h4{font-weight:500;font-size:14px;line-height:1}
.extra360-main h5{font-weight:500;font-size:12px;line-height:1}
.extra360-main .HR{line-height:1;border:none;border-top:1px solid;width:70%;margin:0}.extra360-main .HR.light{border-color:var(--c3-extra360-border)}.extra360-main .HR.full{width:100%}.extra360-main .HR.half{width:50%}.extra360-main .HR.quarter{width:25%}.extra360-main .HR.left{margin-right:auto}.extra360-main .HR.right{margin-left:auto}.extra360-main .HR.center{margin:0 auto}
.extra360-main .P{color:var(--extra360-text, red);font-size:13px;line-height:1.5}.extra360-main .P--description{color:var(--extra360-gray-500, #999);line-height:1.2}.extra360-main .P--caption{color:var(--extra360-gray-400, #999)}.extra360-main .P--body{font-size:13px}.extra360-main .P--label{font-size:12px}.extra360-main .P--primary{color:var(--extra360-primary-500, #007bff)}.extra360-main .P--secondary{color:var(--extra360-gray-500, #5c6269)}.extra360-main .P--caption{color:var(--extra360-gray-400, #999)}.extra360-main .P--small{font-size:11px}.extra360-main .P--medium{font-size:13px}.extra360-main .P--large{font-size:16px}.extra360-main .P--bold{font-weight:700}.extra360-main .P--normal{font-weight:400}.extra360-main .P--center{text-align:center}.extra360-main .P--right{text-align:right}.extra360-main .P--left{text-align:left}.extra360-main .P+.P{margin-top:1em}
.extra360-main .Span{color:var(red, #000)}.extra360-main .Span--description{color:var(--extra360-gray-400, #999);line-height:1.2}.extra360-main .Span--caption{color:var(--extra360-gray-400, #999)}.extra360-main .Span--body{font-size:16px}.extra360-main .Span--label{font-size:14px}.extra360-main .Span--primary{color:var(--extra360-primary-500, #007bff)}.extra360-main .Span--secondary{color:var(--extra360-gray-500, #5c6269)}.extra360-main .Span--caption{color:var(--extra360-gray-400, #999)}.extra360-main .Span--small{font-size:8px}.extra360-main .Span--medium{font-size:14px}.extra360-main .Span--large{font-size:18px}.extra360-main .Span--bold{font-weight:700}.extra360-main .Span--normal{font-weight:400}.extra360-main .Span--center{text-align:center}.extra360-main .Span--right{text-align:right}.extra360-main .Span--left{text-align:left}.extra360-main .Span--VIPTier{font-weight:700;color:var(--extra360-fg, --extra360-text);border:1px solid var(--extra360-fg, --extra360-text);background-color:var(--extra360-bg, --extra360-bg);border-radius:10px;padding:2px 6px}
.extra360-main .circular-progress{--value: 50;--size: 100%;--extra360-fg: #5394fd;--extra360-bg: #ddd;--half-size: calc(var(--size) / 2);--stroke-width: 0.5em;--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2);--dash: calc((var(--progress) * var(--circumference)) / 100);animation:progress-animation 5s linear 0s 1 forwards}.extra360-main .circular-progress.Bronze{--extra360-fg: #cd7f32 !important;--extra360-bg: #f2c496 !important}.extra360-main .circular-progress.Silver{--extra360-fg: #c0c0c0 !important;--extra360-bg: #f2f2f2 !important}.extra360-main .circular-progress.Gold{--extra360-fg: #ffd700 !important;--extra360-bg: #fff68f !important}@keyframes progress-animation{from{--progress: 0}to{--progress: var(--value)}}.extra360-main .circular-progress circle{cx:var(--half-size);cy:var(--half-size);r:var(--radius);stroke-width:var(--stroke-width);fill:none;stroke-linecap:round}.extra360-main .circular-progress circle.bg{stroke:var(--extra360-bg)}.extra360-main .circular-progress circle.fg{transform:rotate(-90deg);transform-origin:var(--half-size) var(--half-size);stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));transition:stroke-dasharray .3s linear 0s;stroke:var(--extra360-fg)}@property --progress{syntax:"<number>";inherits:false;initial-value:0}
/*
 * react-circular-progressbar styles
 * All of the styles in this file are configurable!
 */

.extra360-main .CircularProgressbar {
  /*
   * This fixes an issue where the CircularProgressbar svg has
   * 0 width inside a "display: flex" container, and thus not visible.
   */
  width: 100%;
  /*
   * This fixes a centering issue with CircularProgressbarWithChildren:
   * https://github.com/kevinsqi/react-circular-progressbar/issues/94
   */
  vertical-align: middle;
}

.extra360-main .CircularProgressbar .CircularProgressbar-path {
  stroke: #3e98c7;
  stroke-linecap: round;
  -webkit-transition: stroke-dashoffset 0.5s ease 0s;
  transition: stroke-dashoffset 0.5s ease 0s;
}

.extra360-main .CircularProgressbar .CircularProgressbar-trail {
  stroke: #d6d6d6;
  /* Used when trail is not full diameter, i.e. when props.circleRatio is set */
  stroke-linecap: round;
}

.extra360-main .CircularProgressbar .CircularProgressbar-text {
  fill: #3e98c7;
  font-size: 20px;
  dominant-baseline: middle;
  text-anchor: middle;
}

.extra360-main .CircularProgressbar .CircularProgressbar-background {
  fill: #d6d6d6;
}

/*
 * Sample background styles. Use these with e.g.:
 *
 *   <CircularProgressbar
 *     className="CircularProgressbar-inverted"
 *     background
 *     percentage={50}
 *   />
 */
.extra360-main .CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background {
  fill: #3e98c7;
}

.extra360-main .CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text {
  fill: #fff;
}

.extra360-main .CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path {
  stroke: #fff;
}

.extra360-main .CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail {
  stroke: transparent;
}

.extra360-main .ReCaptcha{padding:0;margin-bottom:16px}.extra360-main .ReCaptcha>div{transform:scale(0.97);margin-left:-3px}
.extra360-main :has(>.spinnerContainer),.extra360-main .spinnerContainer{display:grid;place-items:center;width:100%;height:100%}.extra360-main .spinner{border:2px solid var(--e3-panel-extra360-primary, #f3f3f3);border-top:2px solid var(--e3-panel-extra360-text, #3498db);border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite;display:block !important}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.extra360-main .panel__launcher{--e3-panel-launcher-height: 48px;position:fixed;height:var(--e3-panel-launcher-height, auto);min-width:var(--e3-panel-launcher-height);display:flex;justify-content:center;align-items:center;background-color:var(--e3-panel-launcher-color);color:var(--e3-panel-launcher-text-color);left:calc(var(--e3-panel-left)*1px);right:calc(var(--e3-panel-right)*1px);bottom:calc(var(--e3-panel-bottom)*1px);border-radius:calc(var(--e3-panel-border-radius)*1px);padding:0;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(0.34, 1.56, 0.64, 1);will-change:transform,opacity;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:99999}.extra360-main .panel__launcher.is-animating{min-width:110px}.extra360-main .panel__launcher.is-active{transform:translateX(calc(100% + 40px));opacity:0;pointer-events:none}.extra360-main .panel__launcher img{height:calc(var(--e3-panel-launcher-height, auto)/2);width:auto;max-width:100px;object-fit:contain;display:block}.extra360-main .SlideMask{position:relative;display:grid;grid-template-areas:"content";align-items:center;justify-items:center}.extra360-main .SlideItem{grid-area:content;display:flex;align-items:center;justify-content:center;transition:transform .5s cubic-bezier(0.34, 1.56, 0.64, 1);white-space:nowrap}.extra360-main .SlideItem.is-hidden-down{transform:translateY(150%);pointer-events:none;opacity:0}.extra360-main .SlideItem.is-hidden-up{transform:translateY(-150%);pointer-events:none;opacity:0}.extra360-main .SlideItem.is-visible{transform:translateY(0);opacity:1}.extra360-main .CannonContainer{display:flex;align-items:center;padding:0 8px}.extra360-main .CannonContainer .CannonIcon{position:relative;width:36px;height:24px;margin-right:6px;transform:translateY(-8px)}.extra360-main .CannonContainer .CannonIcon .CannonBody{position:absolute;left:4px;bottom:0;width:32px;height:20px;transform-origin:bottom right;transform:rotate(-45deg);z-index:20;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1))}.extra360-main .CannonContainer .CannonIcon .CannonBody .CannonShape{position:absolute;inset:0;background:linear-gradient(to right, #e2e8f0, #ffffff, #cbd5e1);clip-path:polygon(32px -1px, 0 52%, 32px 21px)}.extra360-main .CannonContainer .CannonIcon .CannonBody .CannonMuzzle{position:absolute;right:-3px;top:0;width:8px;height:20px;border-radius:9999px;box-shadow:inset 0 0 0 .5px #fff;background:linear-gradient(to right, #cbd5e1, #ffffff)}.extra360-main .CannonContainer .CannonIcon .CannonFireLines{position:absolute;left:20px;bottom:6px;z-index:10;width:24px;height:22px}.extra360-main .CannonContainer .CannonIcon .CannonFireLines svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.extra360-main .CannonContainer .CannonIcon .CannonFireLines svg polyline,.extra360-main .CannonContainer .CannonIcon .CannonFireLines svg path{transition:all .2s ease-out;stroke-dasharray:15 20}.extra360-main .CannonContainer .CannonIcon .CannonFireLines .Spark{position:absolute;width:4px;height:4px;border-radius:1px;transition:transform .2s}.extra360-main .CannonContainer .CannonIcon .CannonFireLines .Spark.fired{transform:scale(0)}.extra360-main .CannonContainer .RewardText{font-weight:700;font-size:.875rem;color:#fff;letter-spacing:.01em;transform:translateY(1px);white-space:nowrap}
.extra360-main .PanelHeader{background-color:var(--e3-panel-extra360-primary, #1e1e1e);color:var(--e3-panel-extra360-text, #fff)}.extra360-main .PanelHeader .PanelHeaderInner{position:static !important}.extra360-main .PanelHeader .PanelHeaderInner .PanelFixedHeader{position:absolute;top:0;z-index:5;width:100%;padding:18px 40px;margin:0;display:none;justify-content:space-between;align-items:center;background-color:var(--e3-panel-extra360-primary, #1e1e1e);color:var(--e3-panel-extra360-text, #fff);font-size:16px}.extra360-main .PanelHeader .PanelHeaderInner .PanelFixedHeader .PanelFixedHeaderInner{margin:0;padding:0}.extra360-main .PanelHeader .PanelHeaderInner .PanelFixedHeader .ButtonClose{padding:14px 8px}.extra360-main .PanelHeader .PanelHeaderInner .panelExpandedHeader{height:190px;padding:0;margin-bottom:-25%;padding-top:40px}.extra360-main .PanelHeader .PanelHeaderInner .panelExpandedHeader .bannerContent{display:flex;flex-direction:column;gap:16px}.extra360-main .PanelHeader .PanelHeaderInner .panelExpandedHeader .bannerContent>*{margin:0;padding:0}.extra360-main .PanelHeader .PanelHeaderInner .panelExpandedHeader .bannerContent>:is(h2,h3,h4){padding-left:20px}.extra360-main .Button--fixedTopLeft{position:absolute;top:4px;left:2px;z-index:999;background-color:rgba(0,0,0,0);padding:11px 6px}.extra360-main .PanelHeaderInner.collapsed .PanelFixedHeader{display:flex}@media screen and (max-width: 768px){.extra360-main .ButtonExpand{display:none !important}}
.extra360-main :has(>.ButtonClose){position:relative}.extra360-main .ButtonClose{position:absolute;top:0;right:0;padding:10px 20px 10px 10px}.extra360-main .ButtonClose>svg{background-color:rgba(0,0,0,.062745098);border-radius:50%;padding:3px;transform:scale(1)}.extra360-main .ButtonClose>svg:hover{background-color:rgba(0,0,0,.1254901961);transform:rotate(-90deg) scale(1.1)}@media screen and (max-width: 768px){.extra360-main .ButtonClose{padding:16px 24px 16px 16px}.extra360-main .ButtonClose>svg{width:32px;height:32px;padding:5px}}
.extra360-main .Button.ButtonIcon{background-color:var(--extra360-white, #fff);color:var(--extra360-text, #333)}.extra360-main .Button.ButtonIcon:hover,.extra360-main .Button.ButtonIcon:active,.extra360-main .Button.ButtonIcon:focus{background-color:var(--extra360-white, #fff)}.extra360-main .ButtonIcon :where(h2,h3,h4,h5,h6,p,span,div){margin:0;padding:0;text-align:left}.extra360-main .ButtonIcon--inner{display:flex;gap:8px;font-size:16px;line-height:1;width:100%}
.extra360-main .ButtonLabel{padding:.3em 0}
.extra360-main .ButtonLabel{padding:.3em 0}
.extra360-main .ProgressBarCircularLabel{position:relative;width:70%;margin:0 auto;overflow:hidden}.extra360-main .ProgressBarCircularLabel .overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:1.5em;font-weight:700;border-radius:50%;overflow:hidden;z-index:10}
.extra360-main .PanelSubPageHeader{background-color:var(--e3-panel-extra360-primary, #1e1e1e);color:var(--e3-panel-extra360-text, #fff)}.extra360-main .PanelSubPageHeader .PanelHeaderInner{position:static !important}.extra360-main .PanelSubPageHeader .PanelHeaderInner .PanelFixedHeader{position:absolute;top:0;z-index:5;width:100%;padding:18px 40px;margin:0;display:flex;justify-content:space-between;align-items:center;background-color:var(--e3-panel-extra360-primary, #1e1e1e);color:var(--e3-panel-extra360-text, #fff);font-size:16px}
.extra360-main .PanelFooter{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;padding:20px 20px;background-color:var(--extra360-bg, #f8f9fa);color:var(--extra360-gray-400, #6c757d);font-size:14px;box-shadow:var(--extra360-shadow, 0 0 13px 0 rgba(0, 0, 0, 0.09))}.extra360-main :has(+.PanelFooter){margin-bottom:100px}
.extra360-main .PanelBody{padding-left:16px;padding-right:16px;padding-top:88px;position:relative;width:100%;overflow-x:hidden}@media screen and (max-width: 768px){.extra360-main .PanelBody{width:100% !important}}
.extra360-main .VIPTiers-container{display:flex;flex-direction:column;padding:16px 0;background-color:var(--e3-panel-bg, #ffffff);width:100%}.extra360-main .VIPTiers-info-row{display:flex;margin-top:50px;padding:0;font-family:inherit}.extra360-main .VIPTiers-next-tier-msg{font-size:13px;color:#666;text-align:center;line-height:1.4;font-weight:500}.extra360-main .VIPTiers-msg-strong{font-weight:700;color:var(--e3-panel-extra360-primary, #f66c20)}.extra360-main .VIPTiers-msg-success{color:#2e7d32;font-weight:600}.extra360-main .VIPTiers-timeline-wrapper{position:relative;margin:16px 0 24px 0}.extra360-main .VIPTiers-progress-bar{position:relative;margin:0 16px;height:12px;background-color:#eee;border-radius:100px}.extra360-main .VIPTiers-progress-fill{position:absolute;top:0;left:0;height:100%;background-color:var(--e3-panel-extra360-primary, #f66c20);border-radius:100px;transition:width .3s ease}.extra360-main .VIPTiers-node{position:absolute;top:50%;transform:translate(-50%, -50%);display:flex;flex-direction:column;align-items:center;cursor:default;z-index:5}.extra360-main .VIPTiers-node-dot{width:38px;height:38px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:none;border:none;box-shadow:none}.extra360-main .VIPTiers-node-dot img{width:100%;height:100%;object-fit:contain;display:block;transition:filter .3s ease,transform .3s ease}.extra360-main .VIPTiers-node:hover .VIPTiers-node-dot img{transform:scale(1.1)}.extra360-main .VIPTiers-node.is-active.tier-bronze .VIPTiers-node-dot img{filter:drop-shadow(0 0 3px rgba(232, 110, 0, 0.45))}.extra360-main .VIPTiers-node.is-active.tier-silver .VIPTiers-node-dot img{filter:drop-shadow(0 0 3px rgba(142, 145, 143, 0.45))}.extra360-main .VIPTiers-node.is-active.tier-gold .VIPTiers-node-dot img{filter:drop-shadow(0 0 3px rgba(219, 149, 52, 0.45))}.extra360-main .VIPTiers-node.is-active:hover.tier-bronze .VIPTiers-node-dot img{filter:drop-shadow(0 0 7px rgba(232, 110, 0, 0.85))}.extra360-main .VIPTiers-node.is-active:hover.tier-silver .VIPTiers-node-dot img{filter:drop-shadow(0 0 7px rgba(142, 145, 143, 0.85))}.extra360-main .VIPTiers-node.is-active:hover.tier-gold .VIPTiers-node-dot img{filter:drop-shadow(0 0 7px rgba(219, 149, 52, 0.85))}.extra360-main .VIPTiers-node:not(.is-active):hover .VIPTiers-node-dot img{filter:drop-shadow(0 0 5px rgba(196, 199, 197, 0.6))}.extra360-main .VIPTiers-node-labels{position:absolute;top:38px;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:64px;white-space:normal;line-height:1.2}.extra360-main .VIPTiers-node-name{font-size:11px;font-weight:700;color:#888;transition:color .3s ease;margin-top:5px}.extra360-main .VIPTiers-node.is-active .VIPTiers-node-name{color:#1a1a1a}.extra360-main .VIPTiers-node-value{font-size:10px;color:#aaa;margin-top:2px}
.extra360-main .VIPTiersCarousel{position:relative;background-color:var(--extra360-bg, #f8f9fa);border-radius:1em;width:100%;max-width:100vw;overflow:hidden}.extra360-main .VIPTiersCarousel .carousel__back-button{position:absolute;top:50%;left:0;transform:translateY(-50%);cursor:pointer;background:rgba(0,0,0,0);border:none;z-index:10}.extra360-main .VIPTiersCarousel .carousel__next-button{position:absolute;top:50%;right:0;transform:translateY(-50%);cursor:pointer;background:rgba(0,0,0,0);border:none;z-index:10}.extra360-main .VIPTiersCarouselElementBasic{padding:1em 3.5em;margin:0;height:100%;cursor:default !important;box-sizing:border-box}.extra360-main .VIPTiersCarouselElementBasic .ElementInner{display:flex;flex-direction:column;gap:.4em;height:100%;justify-content:center}.extra360-main .VIPTiersCarouselElementBasic .ElementInner>*{margin:0}
.extra360-main .buttonBack___1mlaL,.extra360-main .buttonFirst___2rhFr,.extra360-main .buttonLast___2yuh0,.extra360-main .buttonNext___2mOCa,.extra360-main .buttonNext___3Lm3s,.extra360-main .dot___3c3SI{cursor:pointer}.extra360-main .image___xtQGH{display:block;width:100%;height:100%}.extra360-main .spinner___27VUp{position:absolute;top:calc(50% - 15px);left:calc(50% - 15px);width:30px;height:30px;animation-name:spin___S3UuE;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;border:4px solid #a9a9a9;border-top-color:#000;border-radius:30px}@keyframes spin___S3UuE{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.extra360-main .container___2O72F{position:relative;overflow:hidden;height:100%;width:100%}.extra360-main .overlay___IV4qY{position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;cursor:zoom-in;transition:opacity .3s,transform .3s}.extra360-main .hover___MYy31,.extra360-main .loading___1pvNI,.extra360-main .zoom___3kqYk{opacity:1}.extra360-main .imageLoadingSpinnerContainer___3UIPD{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f4f4f4}.extra360-main .slide___3-Nqo{position:relative;display:block;box-sizing:border-box;height:0;margin:0;list-style-type:none}.extra360-main .slide___3-Nqo:focus{outline:none!important}.extra360-main .slideHorizontal___1NzNV{float:left}.extra360-main [dir=rtl] .slideHorizontal___1NzNV{direction:rtl;transform:scaleX(-1)}.extra360-main .slideInner___2mfX9{position:absolute;top:0;left:0;width:100%;height:100%}.extra360-main .focusRing___1airF{position:absolute;top:5px;right:5px;bottom:5px;left:5px;pointer-events:none;outline-width:5px;outline-style:solid;outline-color:Highlight}@media (-webkit-min-device-pixel-ratio:0){.extra360-main .focusRing___1airF{outline-style:auto;outline-color:-webkit-focus-ring-color}}.extra360-main .horizontalSlider___281Ls{position:relative;overflow:hidden}.extra360-main .horizontalSlider___281Ls:not(.touchDisabled___2qs4y){touch-action:pan-y pinch-zoom}.extra360-main [dir=rtl] .horizontalSlider___281Ls{direction:ltr;transform:scaleX(-1)}.extra360-main .horizontalSliderTray___1L-0W{overflow:hidden;width:100%}.extra360-main .verticalSlider___34ZFD{position:relative;overflow:hidden}.extra360-main .verticalSliderTray___267D8{overflow:hidden}.extra360-main .verticalTray___12Key{float:left}.extra360-main .verticalSlideTrayWrap___2nO7o{overflow:hidden}.extra360-main .sliderTray___-vHFQ{display:block;list-style:none;padding:0;margin:0}.extra360-main .sliderAnimation___300FY{transition:transform .5s;transition-timing-function:cubic-bezier(.645,.045,.355,1);will-change:transform}.extra360-main .masterSpinnerContainer___1Z6hB{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f4f4f4}
.extra360-main .PackageCarousel{position:relative;width:calc(100% + 16px);min-width:327px;max-width:none;margin:16px -8px;box-sizing:border-box}.extra360-main .PackageCarousel .carousel{width:100%}.extra360-main .PackageCarousel .carousel__slider{width:100%}.extra360-main .PackageCarousel .carousel__dot--selected{background-color:var(--extra-primary-color, #000) !important}.extra360-main .PackageCarousel .carousel__dot:focus,.extra360-main .PackageCarousel .carousel__back-button:focus,.extra360-main .PackageCarousel .carousel__next-button:focus{outline:none}.extra360-main .PackageCarousel .carousel__back-button:disabled,.extra360-main .PackageCarousel .carousel__next-button:disabled{opacity:.5;cursor:not-allowed !important}.extra360-main .PackageCarousel .PackageCarousel__controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:8px}.extra360-main .PackageCarousel .PackageCarousel__button{border:none;background:#fff;border-radius:50%;padding:6px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center}.extra360-main .PackageCarousel .PackageCarousel__dots{display:flex;gap:8px}.extra360-main .PackageCarousel .PackageCarousel__dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;background-color:rgba(0,0,0,.2);cursor:pointer;transition:all .2s ease-in-out}.extra360-main .PackageCard{margin:0;flex-shrink:0;height:100%;width:100%;box-sizing:border-box;min-width:100%}.extra360-main .PackageCard__content{gap:24px;padding:16px 0;height:100%}.extra360-main .PackageCard__header{gap:4px;align-items:center;text-align:center}.extra360-main .PackageCard__header h3{margin:0}.extra360-main .PackageCard__header p{margin:0}.extra360-main .PackageCard__price-box{text-align:center}.extra360-main .PackageCard__price-box h2{margin:0;font-size:36px;color:var(--extra-primary-color, #000);font-weight:bold}.extra360-main .PackageCard__features{gap:12px;padding:0 8px;flex:1}.extra360-main .PackageCard__feature-item{display:flex;align-items:center;gap:10px}.extra360-main .PackageCard__feature-item .check-icon{color:var(--extra-primary-color, #000);font-weight:bold;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:rgba(0,0,0,.05);flex-shrink:0}.extra360-main .PackageCard__feature-item p{margin:0;font-size:14px;text-align:left}.extra360-main .PackageCard__button{margin-top:auto}.extra360-main .PackageSuccess{gap:16px;align-items:center;text-align:center;padding:16px 0}.extra360-main .PackageSuccess__icon{width:64px;height:64px;border-radius:50%;background-color:rgba(34,197,94,.1);display:flex;align-items:center;justify-content:center;color:#22c55e;font-size:32px}.extra360-main .PackageSuccess__header{gap:4px}.extra360-main .PackageSuccess__header h3{margin:0}.extra360-main .PackageSuccess__header p{margin:0}.extra360-main .PackageSuccess__details{gap:12px;width:100%;text-align:left;background-color:rgba(0,0,0,.02);padding:16px;border-radius:8px}.extra360-main .PackageSuccess__details p.title{margin:0;font-weight:bold;font-size:14px}.extra360-main .PackageSuccess__detail-item{display:flex;align-items:center;gap:8px}.extra360-main .PackageSuccess__detail-item .check{color:#22c55e;font-size:16px}.extra360-main .PackageSuccess__detail-item p{margin:0;font-size:14px}.extra360-main .PackageSuccess__button{margin-top:8px}.extra360-main .PackagePayment{gap:8px;padding:16px 0}.extra360-main .PackagePayment__header{gap:4px;align-items:center;text-align:center}.extra360-main .PackagePayment__header h3{margin:0}.extra360-main .PackagePayment__header p{margin:0}.extra360-main .PackagePayment__form{gap:8px;margin-top:8px}.extra360-main .PackagePayment__row{display:flex;gap:8px}.extra360-main .PackagePayment__submit{margin-top:8px}
.extra360-main .ReklamCarousel{position:relative;width:calc(100% + 16px);min-width:327px;max-width:none;margin:16px -8px;box-sizing:border-box}.extra360-main .ReklamCarousel .carousel{width:100%}.extra360-main .ReklamCarousel .carousel__slider{width:100%}.extra360-main .ReklamCarousel .carousel__dot--selected{background-color:#f27a1a !important}.extra360-main .ReklamCarousel .carousel__dot:focus,.extra360-main .ReklamCarousel .carousel__back-button:focus,.extra360-main .ReklamCarousel .carousel__next-button:focus{outline:none}.extra360-main .ReklamCarousel .carousel__back-button:disabled,.extra360-main .ReklamCarousel .carousel__next-button:disabled{opacity:.5;cursor:not-allowed !important}.extra360-main .ReklamCarousel .ReklamCarousel__controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:8px}.extra360-main .ReklamCarousel .ReklamCarousel__button{border:none;background:#fff;border-radius:50%;padding:6px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center}.extra360-main .ReklamCarousel .ReklamCarousel__dots{display:flex;gap:8px}.extra360-main .ReklamCarousel .ReklamCarousel__dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;background-color:rgba(0,0,0,.2);cursor:pointer;transition:all .2s ease-in-out}.extra360-main .AdCard--image-only{padding:0;overflow:hidden;margin:0;flex-shrink:0;height:160px;width:100%;box-sizing:border-box}.extra360-main .AdCard--standard{padding:0;overflow:hidden;margin:0;flex-shrink:0;height:100%;width:100%;box-sizing:border-box;min-width:100%}.extra360-main .AdCard__box{width:100%;height:100%;cursor:pointer}.extra360-main .AdCard__box--standard{height:140px;display:flex;flex-direction:row;background-color:#fff;align-items:stretch}.extra360-main .AdCard__image-wrapper{position:relative;width:120px;flex-shrink:0}.extra360-main .AdCard__image{width:100%;height:100%;object-fit:cover;display:block}.extra360-main .AdCard__badge{position:absolute;top:6px;left:6px;background-color:#f27a1a;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:bold}.extra360-main .AdCard__content{padding:12px;gap:6px;flex:1;justify-content:space-between}.extra360-main .AdCard__title{font-size:13px;line-height:1.3}.extra360-main .AdCard__title .brand{font-weight:bold;color:#333}.extra360-main .AdCard__title .model{color:#666}.extra360-main .AdCard__rating-row{display:flex;align-items:center;gap:4px;margin-top:2px}.extra360-main .AdCard__rating{color:#f2bc2b;font-size:12px;letter-spacing:1px}.extra360-main .AdCard__reviews{font-size:10px;color:#999}.extra360-main .AdCard__price-row{display:flex;flex-direction:column;margin-bottom:8px}.extra360-main .AdCard__old-price{font-size:11px;color:#999;text-decoration:line-through}.extra360-main .AdCard__price{font-size:15px;color:#f27a1a;font-weight:bold}.extra360-main .AdCard__button{background-color:#f27a1a;border-color:#f27a1a;color:#fff;padding:6px 12px;font-size:13px;min-height:32px}
.extra360-main .EarnAnimationOverlay{position:fixed;pointer-events:none;z-index:100002;transition:all .5s cubic-bezier(0.34, 1.56, 0.64, 1)}.extra360-main .EarnAnimationOverlay.is-open{top:40px;right:180px}.extra360-main .EarnAnimationOverlay.is-closed{left:calc(var(--e3-panel-left)*1px);right:calc(var(--e3-panel-right)*1px);bottom:calc(var(--e3-panel-bottom)*1px);height:48px;width:auto;display:flex;align-items:center;justify-content:center}.extra360-main .EarnAnimationContent{position:relative;display:flex;align-items:center;justify-content:center}.extra360-main .ParticlesLayer{position:absolute;left:calc(50% - 32px);top:calc(50% - 18px);z-index:50;pointer-events:none}.extra360-main .Particle{position:absolute;animation:cannonShoot .9s forwards}.extra360-main .Particle--circle{width:6px;height:6px;border-radius:50%}.extra360-main .Particle--square{width:5px;height:5px;border-radius:1px}.extra360-main .Particle--pill{width:8px;height:4px;border-radius:2px}@keyframes cannonShoot{0%{transform:translate(0px, 0px) scale(0.2) rotate(0deg);opacity:1;animation-timing-function:ease-out}35%{transform:translate(calc(var(--tx) * 0.45), var(--arcY)) scale(var(--scale)) rotate(calc(var(--rotEnd) * 0.3));opacity:1;animation-timing-function:ease-in-out}100%{transform:translate(var(--tx), var(--ty)) scale(calc(var(--scale) * 0.8)) rotate(var(--rotEnd));opacity:0}}
/* ─── Wheel Teaser Card (new design) ───────────────────────────────────────── */

.extra360-main .WheelTeaserCard {
  display: flex;
  align-items: center;
  gap: 0;
  margin: 24px 0;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.09);
  overflow: hidden;
  cursor: pointer;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  animation: fadeSlideIn 0.3s ease;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
  opacity: 0;
  /* Left colored strip */
  border-left: 5px solid var(--e3-panel-extra360-primary, #f66c20);
}

.extra360-main .WheelTeaserCard:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.14);
  transform: translateY(-1px);
}

.extra360-main .WheelTeaserCard:active {
  transform: translateY(0);
}

/* Wheel area */
.extra360-main .WheelTeaserCard__wheel {
  position: relative;
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fafafa;
  border-right: 1px solid #f0f0f0;
}

.extra360-main .WheelTeaserCard__wheelSvg {
  animation: teaserSpin 6s linear infinite;
  transform-origin: 40px 40px;
}

@keyframes teaserSpin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* Needle on top of wheel */
.extra360-main .WheelTeaserCard__needle {
  position: absolute;
  top: 4px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  color: var(--e3-panel-extra360-primary, #f66c20);
  line-height: 1;
  z-index: 2;
  text-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

/* Text content */
.extra360-main .WheelTeaserCard__content {
  flex: 1;
  padding: 12px 10px 12px 14px;
  min-width: 0;
}

.extra360-main .WheelTeaserCard__badge {
  display: inline-block;
  background: color-mix(in srgb, var(--e3-panel-extra360-primary, #f66c20) 12%, transparent);
  color: var(--e3-panel-extra360-primary, #f66c20);
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 20px;
  margin-bottom: 4px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.extra360-main .WheelTeaserCard__title {
  font-size: 14px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 2px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.extra360-main .WheelTeaserCard__desc {
  font-size: 12px;
  color: #888;
  margin: 0;
  line-height: 1.4;
}

/* Arrow */
.extra360-main .WheelTeaserCard__arrow {
  flex-shrink: 0;
  padding: 0 14px 0 8px;
  display: flex;
  align-items: center;
}

.extra360-main .HomeUser__banners {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 10px 0 24px;
  width: 100%;
}

.extra360-main .HomeUser__banner {
  display: block;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.05);
  width: 100%;
  margin: 0 auto;
}

.extra360-main .HomeUser__banner:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.1);
}

.extra360-main .HomeUser__banner:active {
  transform: translateY(-2px) scale(1);
}

.extra360-main .HomeUser__banner img {
  width: 100%;
  height: 120px;
  display: block;
}

.extra360-main .HomeUser__banner--supertuyo img {
  object-fit: contain;
  padding: 16px;
}

.extra360-main .HomeUser__banner--egazete img {
  object-fit: cover;
}

.extra360-main .HomeUser__banner-label {
  display: block;
  text-align: center;
  font-size: 12px;
  color: #666;
  padding: 8px 12px 12px;
  font-weight: 500;
  border-top: 1px solid rgba(0, 0, 0, 0.03);
}

/* ─── Wheel Teaser Card (new design) ───────────────────────────────────────── */

.extra360-main .WheelTeaserCard {
  display: flex;
  align-items: center;
  gap: 0;
  margin: 24px 0;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.09);
  overflow: hidden;
  cursor: pointer;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  animation: fadeSlideIn 0.3s ease;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
  opacity: 0;
  /* Left colored strip */
  border-left: 5px solid var(--e3-panel-extra360-primary, #f66c20);
}

.extra360-main .WheelTeaserCard:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.14);
  transform: translateY(-1px);
}

.extra360-main .WheelTeaserCard:active {
  transform: translateY(0);
}

/* Wheel area */
.extra360-main .WheelTeaserCard__wheel {
  position: relative;
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fafafa;
  border-right: 1px solid #f0f0f0;
}

.extra360-main .WheelTeaserCard__wheelSvg {
  animation: teaserSpin 6s linear infinite;
  transform-origin: 40px 40px;
}

@keyframes teaserSpin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* Needle on top of wheel */
.extra360-main .WheelTeaserCard__needle {
  position: absolute;
  top: 4px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  color: var(--e3-panel-extra360-primary, #f66c20);
  line-height: 1;
  z-index: 2;
  text-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

/* Text content */
.extra360-main .WheelTeaserCard__content {
  flex: 1;
  padding: 12px 10px 12px 14px;
  min-width: 0;
}

.extra360-main .WheelTeaserCard__badge {
  display: inline-block;
  background: color-mix(in srgb, var(--e3-panel-extra360-primary, #f66c20) 12%, transparent);
  color: var(--e3-panel-extra360-primary, #f66c20);
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 20px;
  margin-bottom: 4px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.extra360-main .WheelTeaserCard__title {
  font-size: 14px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 2px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.extra360-main .WheelTeaserCard__desc {
  font-size: 12px;
  color: #888;
  margin: 0;
  line-height: 1.4;
}

/* Arrow */
.extra360-main .WheelTeaserCard__arrow {
  flex-shrink: 0;
  padding: 0 14px 0 8px;
  display: flex;
  align-items: center;
}
.extra360-main .PointHistory__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-top: 20px;
  padding: 8px 0;
}

.extra360-main .PointHistory__page-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #e2e8f0;
  background-color: #ffffff;
  color: #4a5568;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  outline: none;
}

.extra360-main .PointHistory__page-btn:hover:not(:disabled):not(.is-active) {
  border-color: var(--e3-panel-extra360-primary);
  color: var(--e3-panel-extra360-primary);
  transform: translateY(-1px);
}

.extra360-main .PointHistory__page-btn.is-active {
  background-color: var(--e3-panel-extra360-primary);
  color: var(--e3-panel-extra360-text, #ffffff);
  border-color: var(--e3-panel-extra360-primary);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.extra360-main .PointHistory__page-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  background-color: #f7fafc;
  border-color: #e2e8f0;
}

.extra360-main .PointHistory__ellipsis {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  color: #a0aec0;
  font-size: 14px;
}

/* ─── SpinWheel Page ─────────────────────────────────────────────────────────── */

.extra360-main .SpinWheelPage {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* Points badge at top */
.extra360-main .SpinWheelPoints {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 16px;
  background: var(--e3-panel-extra360-primary, #f66c20);
  border-radius: 10px;
  margin-top: 16px;
  margin-bottom: 24px;
}

.extra360-main .SpinWheelPoints__label {
  font-size: 13px;
  font-weight: 500;
  color: var(--e3-panel-extra360-text, #fff);
  opacity: 0.85;
}

.extra360-main .SpinWheelPoints__value {
  font-size: 18px;
  font-weight: 800;
  color: var(--e3-panel-extra360-text, #fff);
}

/* ─── Wheel Wrapper ─────────────────────────────────────────────────────────── */

.extra360-main .SpinWheelWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 16px 16px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.09);
  margin-bottom: 24px;
  animation: fadeSlideIn 0.3s ease;
  animation-delay: 0.1s;
  animation-fill-mode: forwards;
  opacity: 0;
}

/* Needle */
.extra360-main .SpinWheelNeedle {
  position: relative;
  z-index: 3;
  margin-bottom: -10px;
  filter: drop-shadow(0 3px 6px rgba(0,0,0,0.25));
}

/* Outer glow ring */
.extra360-main .SpinWheelRing {
  position: relative;
  width: 330px;
  height: 330px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  background: conic-gradient(
    from 0deg,
    var(--e3-panel-extra360-primary, #f66c20) 0deg,
    color-mix(in srgb, var(--e3-panel-extra360-primary, #f66c20) 60%, #000) 360deg
  );
  box-shadow:
    0 0 0 4px rgba(255,255,255,0.9),
    0 6px 24px rgba(0,0,0,0.18),
    0 0 0 6px var(--e3-panel-extra360-primary, #f66c20);
}

/* Decorative dots on the ring */
.extra360-main .SpinWheelRing::before {
  content: '';
  position: absolute;
  inset: -3px;
  border-radius: 50%;
  border: 3px dashed rgba(255, 255, 255, 0.4);
  animation: ringRotate 20s linear infinite;
  pointer-events: none;
}

@keyframes ringRotate {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* SVG canvas */
.extra360-main .SpinWheelSvg {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
  overflow: hidden;
}

.extra360-main .SpinWheelSvg__label {
  font-family: inherit;
  font-weight: 700;
  letter-spacing: 0.3px;
  text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}

/* Center spin button */
.extra360-main .SpinWheelCenterBtn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: #fff;
  border: 4px solid var(--e3-panel-extra360-primary, #f66c20);
  color: var(--e3-panel-extra360-primary, #f66c20);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  cursor: pointer;
  outline: none;
  box-shadow:
    0 4px 12px rgba(0,0,0,0.15),
    inset 0 2px 4px rgba(255,255,255,0.8);
  transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.extra360-main .SpinWheelCenterBtn:hover:not(:disabled) {
  transform: translate(-50%, -50%) scale(1.1);
  box-shadow:
    0 6px 18px rgba(0,0,0,0.2),
    inset 0 2px 4px rgba(255,255,255,0.8);
  background: var(--e3-panel-extra360-primary, #f66c20);
  color: var(--e3-panel-extra360-text, #fff);
}

.extra360-main .SpinWheelCenterBtn:active:not(:disabled) {
  transform: translate(-50%, -50%) scale(0.95);
}

.extra360-main .SpinWheelCenterBtn:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

/* Spinning state */
.extra360-main .SpinWheelCenterBtn.is-spinning {
  animation: btnPulse 0.8s ease-in-out infinite;
}

@keyframes btnPulse {
  0%, 100% { box-shadow: 0 4px 12px rgba(0,0,0,0.15), 0 0 0 0 var(--e3-panel-extra360-primary, #f66c20); }
  50% { box-shadow: 0 4px 12px rgba(0,0,0,0.15), 0 0 0 8px rgba(246,108,32,0); }
}

/* Description text */
.extra360-main .SpinWheelDesc {
  text-align: center;
  font-size: 13px;
  color: #888;
  line-height: 1.5;
  margin-top: 14px;
  padding: 0 8px;
}

.extra360-main .SpinWheelNoSpins {
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  color: var(--e3-panel-extra360-primary, #f66c20);
  margin-top: 10px;
  padding: 8px 12px;
  background: rgba(246,108,32,0.08);
  border-radius: 8px;
  border: 1px dashed var(--e3-panel-extra360-primary, #f66c20);
}

/* ─── History ───────────────────────────────────────────────────────────────── */

.extra360-main .SpinWheelHistory {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.07);
  padding: 14px 16px;
  margin-bottom: 24px;
  animation: fadeSlideIn 0.3s ease;
  animation-delay: 0.25s;
  animation-fill-mode: forwards;
  opacity: 0;
}

.extra360-main .SpinWheelHistory__title {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.8px;
  margin: 0 0 10px 0;
}

.extra360-main .SpinWheelHistory__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.extra360-main .SpinWheelHistory__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 10px;
  background: #f8f9fa;
  border-radius: 8px;
  font-size: 13px;
}

.extra360-main .SpinWheelHistory__item span {
  color: #aaa;
  font-size: 12px;
}

.extra360-main .SpinWheelHistory__item strong {
  color: #333;
  font-size: 13px;
}

/* ─── Kazanılan Ödüller ─────────────────────────────────────────────────────── */

.extra360-main .SpinWheelAwards {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.07);
  padding: 14px 16px;
  margin-bottom: 24px;
  animation: fadeSlideIn 0.3s ease;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
  opacity: 0;
}

.extra360-main .SpinWheelAwards__title {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.8px;
  margin: 0 0 10px 0;
  text-transform: uppercase;
}

.extra360-main .SpinWheelAwards__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.extra360-main .SpinWheelAwards__item {
  padding: 10px 12px;
  background: #f8f9fa;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.extra360-main .SpinWheelAwards__itemTop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.extra360-main .SpinWheelAwards__itemName {
  font-size: 13px;
  font-weight: 700;
  color: #333;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.extra360-main .SpinWheelAwards__itemStatus {
  font-size: 11px;
  font-weight: 600;
  color: var(--e3-panel-extra360-primary, #f66c20);
  white-space: nowrap;
  background: rgba(246,108,32,0.1);
  border-radius: 20px;
  padding: 2px 8px;
}

.extra360-main .SpinWheelAwards__itemBottom {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.extra360-main .SpinWheelAwards__itemDate {
  font-size: 11px;
  color: #aaa;
}

.extra360-main .SpinWheelAwards__itemExpiry {
  font-size: 11px;
  color: #aaa;
}

.extra360-main .SpinWheelAwards__itemCoupon {
  font-family: 'Courier New', monospace;
  font-size: 12px;
  font-weight: 700;
  color: var(--e3-panel-extra360-primary, #f66c20);
  letter-spacing: 1px;
  background: rgba(246,108,32,0.08);
  border-radius: 4px;
  padding: 1px 6px;
}

/* ─── Win Modal ─────────────────────────────────────────────────────────────── */

.extra360-main .SpinWheelModal {
  position: absolute;
  inset: 0;
  z-index: 50;
  background: rgba(15, 23, 42, 0.55);
  backdrop-filter: blur(6px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  animation: fadeIn 0.2s ease-out forwards;
}

.extra360-main .SpinWheelModal__confetti {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.extra360-main .SpinWheelModal__inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 310px;
  background: #fff;
  border-radius: 20px;
  padding: 28px 24px 24px;
  text-align: center;
  box-shadow: 0 24px 48px rgba(0,0,0,0.2);
  animation: modalPop 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

@keyframes modalPop {
  from { transform: scale(0.85); opacity: 0; }
  to   { transform: scale(1);    opacity: 1; }
}

.extra360-main .SpinWheelModal__emoji {
  font-size: 48px;
  display: block;
  margin-bottom: 12px;
  animation: floatBounce 2.5s ease-in-out infinite;
}

@keyframes floatBounce {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-10px); }
}

.extra360-main .SpinWheelModal__title {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #111 !important;
  margin: 0 0 8px 0 !important;
}

.extra360-main .SpinWheelModal__subtitle {
  font-size: 14px !important;
  color: #666 !important;
  line-height: 1.5 !important;
  margin: 0 0 20px 0 !important;
}

/* Coupon */
.extra360-main .SpinWheelModal__coupon {
  background: #f8f9fa;
  border: 1.5px dashed #ddd;
  border-radius: 12px;
  padding: 12px 14px;
  margin-bottom: 20px;
  text-align: left;
}

.extra360-main .SpinWheelModal__couponLabel {
  display: block;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: #aaa;
  margin-bottom: 6px;
}

.extra360-main .SpinWheelModal__couponRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.extra360-main .SpinWheelModal__couponCode {
  font-family: 'Courier New', monospace;
  font-size: 15px;
  font-weight: 700;
  color: var(--e3-panel-extra360-primary, #f66c20);
  letter-spacing: 1px;
}

.extra360-main .SpinWheelModal__couponCopy {
  background: var(--e3-panel-extra360-primary, #f66c20);
  color: var(--e3-panel-extra360-text, #fff);
  border: none;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  padding: 5px 10px;
  cursor: pointer;
  transition: opacity 0.2s;
  white-space: nowrap;
}

.extra360-main .SpinWheelModal__couponCopy:hover { opacity: 0.85; }

/* Modal action buttons */
.extra360-main .SpinWheelModal__actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.extra360-main .SpinWheelModal__btnPrimary {
  width: 100%;
  padding: 12px;
  border-radius: 10px;
  border: none;
  background: var(--e3-panel-extra360-primary, #f66c20);
  color: var(--e3-panel-extra360-text, #fff);
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: opacity 0.2s;
}

.extra360-main .SpinWheelModal__btnPrimary:hover { opacity: 0.9; }

.extra360-main .SpinWheelModal__btnSecondary {
  width: 100%;
  padding: 11px;
  border-radius: 10px;
  border: 1.5px solid #e5e7eb;
  background: #fff;
  color: #555;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}

.extra360-main .SpinWheelModal__btnSecondary:hover { background: #f8f9fa; }

/* ─── Homepage Teaser Card ───────────────────────────────────────────────────── */

.extra360-main .SpinWheelTeaser {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  cursor: pointer;
  background: var(--e3-panel-extra360-primary, #f66c20);
  box-shadow: 0 4px 16px rgba(0,0,0,0.12);
  transition: transform 0.25s cubic-bezier(0.25, 0.8, 0.25, 1),
              box-shadow 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 18px;
  animation: fadeSlideIn 0.3s ease;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
  opacity: 0;
}

.extra360-main .SpinWheelTeaser:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.18);
}

.extra360-main .SpinWheelTeaser:active {
  transform: translateY(0);
}

/* Sheen sweep animation */
.extra360-main .SpinWheelTeaser::after {
  content: '';
  position: absolute;
  top: 0;
  left: -80%;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,0.18),
    transparent
  );
  transform: skewX(-20deg);
  animation: sheenSweep 3.5s ease-in-out infinite;
}

@keyframes sheenSweep {
  0%   { left: -80%; }
  60%  { left: 130%; }
  100% { left: 130%; }
}

.extra360-main .SpinWheelTeaser__icon {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(255,255,255,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  animation: iconSpin 8s linear infinite;
}

@keyframes iconSpin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

.extra360-main .SpinWheelTeaser__content {
  flex: 1;
  min-width: 0;
}

.extra360-main .SpinWheelTeaser__title {
  font-size: 15px;
  font-weight: 800;
  color: var(--e3-panel-extra360-text, #fff);
  margin: 0 0 3px 0;
  letter-spacing: 0.2px;
}

.extra360-main .SpinWheelTeaser__desc {
  font-size: 12px;
  color: var(--e3-panel-extra360-text, #fff);
  opacity: 0.82;
  margin: 0;
  line-height: 1.4;
}

.extra360-main .SpinWheelTeaser__cta {
  flex-shrink: 0;
  background: rgba(255,255,255,0.22);
  border: 1.5px solid rgba(255,255,255,0.5);
  color: var(--e3-panel-extra360-text, #fff);
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  padding: 7px 14px;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s;
}

.extra360-main .SpinWheelTeaser:hover .SpinWheelTeaser__cta {
  background: rgba(255,255,255,0.35);
}

:root{--extra360-primary: #007bff;--extra360-primary-50: #ebf5ff;--extra360-primary-100: #cce5ff;--extra360-primary-200: #99ccff;--extra360-primary-300: #66b3ff;--extra360-primary-400: #3399ff;--extra360-primary-500: #007bff;--extra360-primary-600: #0066cc;--extra360-primary-700: #0052b3;--extra360-primary-800: #003d99;--extra360-primary-900: #002966;--extra360-primary-950: #001a33;--extra360-white: #fff;--extra360-black: #000;--extra360-transparent: transparent;--extra360-inherit: inherit;--extra360-gray: #999;--extra360-gray-50: #f8f9fa;--extra360-gray-100: #e0e0e0;--extra360-gray-200: #ddd;--extra360-gray-300: #ccc;--extra360-gray-400: #b3b3b3;--extra360-gray-500: #999;--extra360-gray-600: #808080;--extra360-gray-700: #666;--extra360-gray-800: #333;--extra360-gray-900: #212529;--extra360-gray-950: #121212;--extra360-bg: var(--extra360-gray-50);--extra360-text: var(--extra360-gray-800);--c3-extra360-border: #e6e6e6;--c3-extra360-border-hover: #d9d9d9;--e3-extra360-gold-fg: #ffd700;--e3-extra360-gold-bg: #fff68f;--e3-extra360-silver-fg: #c0c0c0;--e3-extra360-silver-bg: #f2f2f2;--e3-extra360-bronze-fg: #cd7f32;--e3-extra360-bronze-bg: #f2c496;--extra360-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.09)}.extra360-main .extra360-ui *{box-sizing:border-box}.extra360-main .extra360-ui{color:#333;font-size:16px;font-family:Proxima Nova,arial,sans-serif;font-weight:400;line-height:1}.extra360-main .extra360-main{position:relative;z-index:99999}@keyframes extraLiteFadeInOut{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}@keyframes extraFadeSlideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOutNoDisplay{0%{opacity:1}95%{opacity:0}to{opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:scale(0.9);visibility:hidden}to{opacity:1;transform:scale(1);visibility:visible}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}80%{opacity:1}100%{opacity:1;transform:translateY(0)}}@keyframes extraSlideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes extraFadeIn{from{opacity:0}to{opacity:1}}.extra360-main .panelCardWrapper{position:relative;z-index:1}.extra360-main .panelCardContainer{animation:fadeSlideIn .3s ease;animation-delay:.2s;animation-fill-mode:forwards;background-color:#fff;box-shadow:0 0 13px 0 rgba(0,0,0,.09);margin-bottom:12px;opacity:0;overflow:hidden;padding:16px 12px;position:relative;transform:translate(20px);border-radius:8px}.extra360-main .panelCardItem{position:relative}.extra360-main .panelCardItem:after{background-color:#e6e6e6;bottom:-8px;content:"";height:1px;left:64px;position:absolute;width:100%}.extra360-main .panelCardItem:last-child .panelCardItemButton{margin-bottom:0}.extra360-main .panelCardItem:last-child:after{display:none}.extra360-main .panelCardItemButton{align-items:center;background-color:rgba(0,0,0,0);border:none;color:inherit;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:inherit;line-height:inherit;font:inherit;justify-content:space-between;margin-bottom:16px;padding:8px 12px;position:relative;text-align:left;transition:background-color .15s ease-in-out;width:100%}.extra360-main .panelCardItemContent{align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.extra360-main .panelCardItemContent img{flex-shrink:0;height:40px;margin-right:12px;padding:4px;width:40px}.extra360-main .panelCardItemTextTitle{line-height:1.2}.extra360-main :has(>.stretched-link){position:relative}.extra360-main .stretched-link::before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.extra360-main .Bronze{--extra360-fg: var(--e3-extra360-bronze-fg) !important;--extra360-bg: var(--e3-extra360-bronze-bg) !important}.extra360-main .Silver{--extra360-fg: var(--e3-extra360-silver-fg) !important;--extra360-bg: var(--e3-extra360-silver-bg) !important}.extra360-main .Gold{--extra360-fg: var(--e3-extra360-gold-fg) !important;--extra360-bg: var(--e3-extra360-gold-bg) !important}.extra360-main .VIPTiersCarouselElementBasic{padding:10px 30px}