/* Junction 17 only: approved After Hours campaign (design G).
   Loaded only while J17_BLACK_NOVEMBER_2026 is enabled on the original homepage. */
html:has(.j17-bf26-page) {overflow-x:clip;overscroll-behavior-x:none}
.j17-bf26-page {overflow-x:clip;max-width:100%}
.j17-bf26-page .header.header2 {position:relative;background:#08090b}
.j17-bf26-page .header.header2 .header-area {background:#08090b}
.j17-bf26-page .header.header2 .header-top-area {background:#111215}
.j17-bf26-hours {background:#08090b;color:#fff;font-family:Poppins,sans-serif}
.j17-bf26-stage {position:relative;isolation:isolate;height:var(--banner-height,calc(100svh - 165px));min-height:450px;display:grid;grid-template-rows:minmax(180px,1fr) auto}
.j17-bf26-visual {position:relative;isolation:isolate;overflow:hidden;min-height:0}
.j17-bf26-visual:after {content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08090b,transparent 25%);pointer-events:none;z-index:2}
.j17-bf26-scene,.j17-bf26-foreground {position:absolute;width:100%;height:145%;top:-32%;left:0;max-width:none;object-fit:contain;object-position:center bottom;pointer-events:none;animation:j17-bf26-light 1.2s ease-out both}
.j17-bf26-scene {z-index:-2}.j17-bf26-foreground {z-index:1}
.j17-bf26-heading {position:absolute;top:18px;left:4%;right:4%;text-align:center;z-index:0}
.j17-bf26-heading h1 {font-family:Oswald,Poppins,sans-serif;font-weight:700;line-height:.95;color:#fff;margin:0;animation:j17-bf26-copy .7s ease-out .15s both}
.j17-bf26-black {display:block;font-size:clamp(17px,calc(var(--visual-height,400px)*.065),32px);letter-spacing:10px;margin-bottom:6px;color:#f7f7f8}
.j17-bf26-november {display:block;font-size:min(15vw,calc(var(--visual-height,400px)*.26));letter-spacing:-.04em;background:linear-gradient(180deg,#fff 15%,#a5a8b1 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.j17-bf26-side {display:none}
.j17-bf26-bottom {position:relative;padding:0 6% 16px;background:#08090b;z-index:4}
.j17-bf26-strapline {position:absolute;bottom:calc(100% + 55px);left:5%;right:5%;margin:0;text-align:center;color:white;font-size:22px;line-height:1.4;letter-spacing:.5px}
.j17-bf26-cta-row {display:flex;justify-content:flex-end;margin-bottom:16px}
.j17-bf26-cta {position:relative;top:-30px;display:flex;align-items:center;gap:55px;background:#f0f0ec;color:#111!important;padding:6.5px 10px;font-size:18px;font-weight:600;transition:background .2s}
.j17-bf26-cta span {font-size:24px;line-height:1}.j17-bf26-cta:hover {background:#ff414b;color:#fff!important}.j17-bf26-cta:focus-visible {outline:3px solid #ff414b;outline-offset:5px}
.j17-bf26-inline-offers {list-style:none;margin:0;padding:14px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #65343a;animation:j17-bf26-copy .65s ease-out .4s both}
.j17-bf26-inline-offers li {position:relative;padding:0 22px 0 64px;min-height:72px;border-left:1px solid #38393b}
.j17-bf26-inline-offers li:first-child {padding-left:42px;border-left:0}
.j17-bf26-offer-icon {position:absolute;left:22px;top:2px;width:28px;height:30px;color:#ff4b55}.j17-bf26-inline-offers li:first-child .j17-bf26-offer-icon {left:0}
.j17-bf26-inline-offers strong {display:block;font-size:17px;font-weight:500;line-height:1.3;color:#fff}
.j17-bf26-inline-offers em {color:#ff4b55;font-style:normal}.j17-bf26-inline-offers small {display:block;color:#b5b6bd;font-size:10px;margin-top:5px;line-height:1.5}
.j17-bf26-offer-action {margin-top:15px;animation:j17-bf26-copy .6s ease-out .55s both}
.j17-bf26-live {display:flex;align-items:center;gap:9px;font-size:15px;letter-spacing:2px;color:#ff6168;font-weight:600}
.j17-bf26-live i {width:5px;height:5px;background:#ff4b55;border-radius:50%;box-shadow:0 0 12px #ff4b55}
.j17-bf26-offer-action p {font-size:9px;color:#a9aab2;margin:6px 0 0}
/* Search is retained in normal document flow, below the campaign. */
.j17-bf26-search {position:relative;background:#101114;padding:24px 0}
.j17-bf26-search .stock-search-area {position:relative;inset:auto;margin:0;width:100%;padding:0;background:transparent}
.j17-bf26-search .stock-search-area label {color:#fff}
.j17-bf26-search .list-search.home-search {position:relative;inset:auto;transform:none;width:88%;max-width:1140px;margin:0 auto 20px}
.j17-bf26-page .make-carousel-area {margin-top:0}
@keyframes j17-bf26-light {from{filter:brightness(.35)}to{filter:brightness(1)}}
@keyframes j17-bf26-copy {from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:991px){
.j17-bf26-page .header.header2 {position:fixed}
.j17-bf26-page .mobile-header-style:not(.offcanvas) {visibility:hidden;pointer-events:none}
.j17-bf26-page .mobile-header-style.offcanvas {visibility:visible;pointer-events:auto;max-width:100%}
.j17-bf26-inline-offers li {padding:0 12px 0 40px}.j17-bf26-inline-offers li:first-child {padding-left:30px}.j17-bf26-offer-icon {left:10px;width:23px;height:25px}.j17-bf26-inline-offers strong {font-size:14px}
}
@media(max-width:575px){
/* First-paint mobile geometry is CSS-only: fonts and toolbar changes cannot shrink the scene. */
.j17-bf26-stage {--mobile-visual-height:clamp(140px,calc(100svh - 335px),280px);height:auto;min-height:0;grid-template-rows:var(--mobile-visual-height) auto}
.j17-bf26-scene,.j17-bf26-foreground {width:155%;height:140%;top:-25%;left:-27.5%}
.j17-bf26-heading {top:16px}.j17-bf26-black {font-size:17px;letter-spacing:8px}.j17-bf26-november {font-size:min(16vw,calc(var(--mobile-visual-height)*.28))}
.j17-bf26-bottom {padding:0 18px 12px}.j17-bf26-strapline {position:static;font-size:16px;line-height:1.45;letter-spacing:.2px;margin:0 0 14px}
.j17-bf26-cta-row {margin-bottom:12px}.j17-bf26-cta {top:0;padding:5.5px 8px}
.j17-bf26-inline-offers {grid-template-columns:1fr 1fr;gap:10px 16px;padding-top:12px}
.j17-bf26-inline-offers li,.j17-bf26-inline-offers li:first-child {padding:0 0 0 29px;min-height:0;border:0}
.j17-bf26-offer-icon,.j17-bf26-inline-offers li:first-child .j17-bf26-offer-icon {left:0;top:0;width:21px;height:24px}
.j17-bf26-inline-offers strong {font-size:13px;line-height:1.25}.j17-bf26-inline-offers small {font-size:9px;line-height:1.2;margin-top:3px}
.j17-bf26-inline-offers li:last-child {grid-column:1/-1;display:flex;align-items:baseline;gap:10px}.j17-bf26-inline-offers li:last-child br {display:none}.j17-bf26-inline-offers li:last-child em {margin-right:6px}
.j17-bf26-offer-action {margin-top:13px}.j17-bf26-offer-action p {font-size:8px;margin-top:4px;line-height:1.6}
}
@media(prefers-reduced-motion:reduce){.j17-bf26-scene,.j17-bf26-foreground,.j17-bf26-heading h1,.j17-bf26-inline-offers,.j17-bf26-offer-action {animation:none}.j17-bf26-cta {transition:none}}

.j17-bf26-mobile-budget {display:none}
@media(max-width:575px){
.j17-bf26-page .budget-calculator .refine-text2 {display:none}
.j17-bf26-mobile-budget {display:block;margin-top:16px}
.j17-bf26-mobile-budget button {width:100%;display:flex;justify-content:space-between;border:1px solid #66343a;background:transparent;color:#fff;padding:10px 12px;font:500 14px Poppins,sans-serif}
.j17-bf26-mobile-budget button:focus-visible {outline:2px solid #ff4b55;outline-offset:3px}
}