/* Storefront presets deliberately leave the classic design untouched. */
.nt-slider[data-nt-design]:not([data-nt-design=classic]) .nt-hero,.nt-marketing-grid[data-nt-design]:not([data-nt-design=classic]) .nt-hero{position:relative;isolation:isolate;overflow:hidden;min-height:360px;padding:36px;border-radius:26px;gap:28px}
[data-nt-design=air] .nt-hero{background:radial-gradient(ellipse at 88% 20%,#c8e1ff 0,transparent 48%),linear-gradient(135deg,#f5f9ff,#e9f0ff)!important;color:#193558!important}
[data-nt-design=air] .nt-hero-art{background:#ffffff85;border-radius:50%;padding:12px}
[data-nt-design=air] .nt-hero .nt-button{background:#386edd!important;color:#fff!important;box-shadow:0 9px 22px #386edd25;border-radius:12px!important}
[data-nt-design=night] .nt-hero{background:radial-gradient(ellipse at 85% 15%,#37577f,transparent 58%),linear-gradient(130deg,#101a2b,#1b304c)!important;color:#fff!important}
[data-nt-design=night] .nt-hero p{color:#c5d5e8}
[data-nt-design=night] .nt-hero .nt-pill{color:#dbeafe;background:#ffffff16;border:1px solid #ffffff25}
[data-nt-design=night] .nt-hero .nt-button{color:#18263d!important;background:#fff!important;border-radius:12px!important;box-shadow:0 8px 24px #0002}
[data-nt-design=night] .nt-hero-art{background:#ffffffec;border-radius:24px;transform:rotate(-3deg);padding:16px}
[data-nt-design=night] .nt-hero-art img{transform:rotate(3deg)}
[data-nt-design=studio] .nt-hero{background:#fff!important;color:#233d37!important;border:1px solid #dce8e2;box-shadow:inset 7px 0 #94b5a3}
[data-nt-design=studio] .nt-hero .nt-pill{background:#ecf4ee;color:#527463;letter-spacing:.05em;text-transform:uppercase;font-size:10px}
[data-nt-design=studio] .nt-hero .nt-button{background:#294a3d!important;color:white!important;border-radius:8px!important}
[data-nt-design=studio] .nt-hero-art{border-radius:50% 50% 18px 18px;background:#eff3eb;padding:18px}
.nt-slider[data-nt-design]:not([data-nt-design=classic]) .nt-hero h1,.nt-slider[data-nt-design]:not([data-nt-design=classic]) .nt-hero h2{font-size:clamp(26px,3vw,44px);line-height:1.12;letter-spacing:-.035em;margin:18px 0 16px;max-width:650px}
.nt-slider[data-nt-design]:not([data-nt-design=classic]) .nt-hero-art img{max-height:290px;object-fit:contain}
.nt-slider[data-nt-design=night] .nt-slider-controls button{background:#ffffffdf;color:#243c59}
.nt-day[data-nt-design]:not([data-nt-design=classic]){padding:24px!important;border-radius:26px!important;display:flex;flex-direction:column;position:relative;overflow:hidden}
.nt-day[data-nt-design]:not([data-nt-design=classic])>h2{font-size:22px;line-height:1.15;margin:0 0 12px;letter-spacing:-.025em}
.nt-day[data-nt-design]:not([data-nt-design=classic])>a{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1;margin-top:16px;color:inherit}
.nt-day[data-nt-design]:not([data-nt-design=classic])>a>img{float:none!important;align-self:center;width:100%;max-width:160px;height:125px!important;object-fit:contain;margin:0 auto 8px!important;order:0}
.nt-day[data-nt-design]:not([data-nt-design=classic])>a>strong{font-size:27px;line-height:1.1;margin:0}
.nt-day[data-nt-design]:not([data-nt-design=classic])>a>span:last-child{font-size:13px;line-height:1.45;color:inherit;opacity:.8}
.nt-day[data-nt-design=mint]{background:linear-gradient(145deg,#f0f8ef,#e2f1e5)!important;color:#264b39!important;border:1px solid #dcebdd}
.nt-day[data-nt-design=mint]>.nt-pill{background:#fff;color:#3d7855;align-self:flex-start}
.nt-day[data-nt-design=night]{background:linear-gradient(150deg,#1c2f49,#101c2e)!important;color:#fff!important;border:1px solid #344760}
.nt-day[data-nt-design=night]>.nt-pill{background:#ffffff12;color:#c2dcfa;align-self:flex-start}
.nt-day[data-nt-design=night]>a>img{border-radius:16px;background:#fff;padding:8px}
.nt-day[data-nt-design=outline]{background:#fff!important;color:#25364b!important;border:2px solid #dfe7f1;box-shadow:0 6px 18px #23395705}
.nt-day[data-nt-design=outline]>.nt-pill{background:#eff4fc;color:#4874b8;align-self:flex-start}
.nt-day-countdown{margin-top:18px;padding-top:14px;border-top:1px solid #8299b12b;color:inherit;clear:both}
.nt-day-countdown[hidden]{display:none!important}
.nt-countdown-caption{display:block;font-size:11px;opacity:.75;margin-bottom:9px}
.nt-countdown-digits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.nt-countdown-digits>span{display:flex;flex-direction:column;align-items:center;gap:3px;background:#ffffffbb;border:1px solid #8299b11f;border-radius:9px;padding:7px 2px}
.nt-countdown-digits b{font-size:20px;font-variant-numeric:tabular-nums;line-height:1.15}
.nt-countdown-digits small{font-size:9px;opacity:.7}
.nt-day[data-nt-design=night] .nt-countdown-digits>span{background:#ffffff0d;border-color:#ffffff15}
.nt-marketing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:24px}
.nt-marketing-grid .nt-hero{min-height:300px}
@media(max-width:800px){.nt-slider[data-nt-design]:not([data-nt-design=classic]) .nt-hero{min-height:330px;padding:24px;gap:16px}.nt-slider[data-nt-design]:not([data-nt-design=classic]) .nt-hero-art{padding:10px}.nt-day[data-nt-design]:not([data-nt-design=classic])>a{display:grid;grid-template-columns:1fr 120px;align-items:center}.nt-day[data-nt-design]:not([data-nt-design=classic])>a>img{grid-column:2;grid-row:1/5;height:120px!important}.nt-day[data-nt-design]:not([data-nt-design=classic])>a>strong,.nt-day[data-nt-design]:not([data-nt-design=classic])>a>span,.nt-day[data-nt-design]:not([data-nt-design=classic])>a>del{grid-column:1}.nt-countdown-digits{max-width:320px}.nt-marketing-grid{grid-template-columns:1fr}}
@media(max-width:480px){.nt-slider[data-nt-design]:not([data-nt-design=classic]) .nt-hero{grid-template-columns:1fr;min-height:0;padding-bottom:55px}.nt-slider[data-nt-design]:not([data-nt-design=classic]) .nt-hero-art{max-width:230px;justify-self:center}.nt-slider[data-nt-design]:not([data-nt-design=classic]) .nt-hero-art img{max-height:180px}}
.nt-day[data-nt-design=night]>a>img,[data-nt-design=night] .nt-hero-art img{mix-blend-mode:normal!important}

/* Banner controls: side arrows, hover pause handled by newtop.js. */
.nt-slider{position:relative}.nt-slider .nt-slider-controls{position:absolute!important;inset:0!important;pointer-events:none!important;display:block!important;background:none!important;transform:none!important}
.nt-slider .nt-slider-controls>[data-slide-prev],.nt-slider .nt-slider-controls>[data-slide-next]{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:5;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.94);color:#23334e;box-shadow:0 3px 14px #172b4726;opacity:0;pointer-events:none;transition:opacity .2s}
.nt-slider [data-slide-prev]{left:14px!important}.nt-slider [data-slide-next]{right:14px!important}
.nt-slider:hover .nt-slider-controls>button,.nt-slider:focus-within .nt-slider-controls>button{opacity:1;pointer-events:auto}
.nt-slider .nt-slide-dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:8px;pointer-events:auto}
.nt-slider [data-slide-pause]{display:none!important}
@media(hover:none){.nt-slider .nt-slider-controls>[data-slide-prev],.nt-slider .nt-slider-controls>[data-slide-next]{opacity:1;pointer-events:auto}}
