/* Shared Black Friday block styles. Keep campaign presentation scoped. */
body.page-template-template-black-friday > header { position: relative; z-index: 100; padding-bottom: 0; }
body.page-template-template-black-friday .header-nav-area { background: #fff; }
body.page-template-template-black-friday .header-top { min-height: 62px; }
@media (min-width: 992px) {
    body.page-template-template-black-friday .header-navbar .header__right--wrap .header-right .header-right__nav .header-right__list > li { font-size: clamp(14px, 1.2vw, 19px); margin-right: clamp(2px, .7vw, 12px); }
    body.page-template-template-black-friday .header-right__list > li > a,
    body.page-template-template-black-friday .header-right__list > li > button { white-space: nowrap; }
}
.bf-page {
    --bf-ink: #111111;
    --bf-blue: #0351a3;
    --bf-yellow: #ffdb42;
    --bf-sky: #4cc6f3;
    --bf-green: #65cf7b;
    color: var(--bf-ink);
    background: #fff;
    font-family: "Gantari", sans-serif;
    position: relative;
    z-index: 0;
    isolation: isolate;
    overflow: clip;
    padding: 52px 0 80px;
}
.bf-page *, .bf-page *::before, .bf-page *::after { box-sizing: border-box; }
.bf-page special-y { letter-spacing: inherit; }
.bf-page .bf-wrap { width: min(1200px, calc(100% - 64px)); margin-inline: auto; }
.bf-page h1, .bf-page h2, .bf-page h3, .bf-page p, .bf-page figure { margin: 0; color: inherit; }
.bf-page .bf-spark { position: absolute; display: block; width: 52px; height: auto; aspect-ratio: 1; overflow: visible; pointer-events: none; }
.bf-page .bf-hero { display: grid; grid-template-columns: .94fr 1.06fr; gap: 44px; align-items: center; position: relative; padding: 22px 0 56px; }
.bf-page .bf-hero-copy { position: relative; z-index: 2; align-self: center; }
.bf-page .bf-date { display: block; width: fit-content; margin: 0 0 8px 28px; padding: 10px 26px; border: 3px solid var(--bf-ink); border-radius: 50px; background: var(--bf-yellow); font-size: clamp(22px, 2.4vw, 30px); font-weight: 800; line-height: 1.2; letter-spacing: .01em; transform: rotate(-3deg); }
.bf-page .bf-title { font-size: clamp(56px, 6.4vw, 92px); line-height: 1.04; font-weight: 900; letter-spacing: -.045em; position: relative; margin-bottom: 0; }
.bf-page .bf-title-art { display: block; text-wrap: balance; }
.bf-page .bf-title .bf-headline { display: block; margin: 18px 0 0; }
.bf-page .bf-summary { background: #fffbed; padding: 36px 0; margin-bottom: 44px; }
.bf-page .bf-summary-grid { display: grid; grid-template-columns: .85fr 1.5fr; align-items: center; gap: 38px; }
.bf-page .bf-subtitle { font-size: clamp(30px, 3vw, 44px); font-weight: 850; line-height: 1.12; letter-spacing: -.035em; }
.bf-page .bf-summary-copy { border-left: 2px solid #bdbdbd; padding-left: 38px; }
.bf-page .bf-lead { font-size: 19px; line-height: 1.5; margin-bottom: 16px; }
.bf-page .bf-deals-title { font-size: clamp(28px, 3vw, 38px); font-weight: 800; line-height: 1.2; letter-spacing: -.025em; margin-bottom: 28px; text-align: center; }
.bf-page .bf-headline { font-size: clamp(30px, 3.1vw, 46px); font-weight: 800; line-height: 1.15; letter-spacing: -.035em; margin-bottom: 16px; }
.bf-page .bf-intro { font-size: clamp(17px, 1.7vw, 22px); line-height: 1.45; font-style: italic; }
.bf-page .bf-hero-star-a { color: var(--bf-sky); left: -38px; top: 49px; width: 48px; }
.bf-page .bf-hero-star-b { color: var(--bf-green); left: 61px; top: -43px; width: 39px; }
.bf-page .bf-hero-star-c { color: var(--bf-yellow); right: 0; bottom: -36px; width: 37px; }
/* Separate portrait frames keep both campaign images unobstructed. */
.bf-page .bf-collage { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; isolation: isolate; }
.bf-page .bf-photo { position: relative; overflow: hidden; min-width: 0; background: #f4f4f4; border: 5px solid #fff; border-radius: 28px; box-shadow: 0 5px 17px #0002; }
.bf-page .bf-photo--shirt { aspect-ratio: .70; transform: rotate(-2deg); }
/* Crop the source ad's bottom CTA while keeping the shirt artwork visible. */
.bf-page .bf-photo--shirt img { position: absolute; top: -3%; display: block; width: 100%; height: 125%; max-width: none; object-fit: cover; object-position: 70% 0; }
.bf-page .bf-photo--cart { aspect-ratio: .70; transform: rotate(2deg); }
.bf-page .bf-photo--cart img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 50% 40%; transform: scale(1.48); transform-origin: 50% 35%; }
.bf-page .bf-photo-star-a { color: var(--bf-green); right: -20px; top: -14px; z-index: 3; }
.bf-page .bf-photo-star-b { color: var(--bf-sky); right: -24px; bottom: 60px; z-index: 3; }
.bf-page .bf-offers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.bf-page .bf-offer { border-radius: 28px; padding: 38px 36px 28px; text-align: center; display: flex; flex-direction: column; align-items: center; position: relative; }
.bf-page .bf-offer--retail { background: var(--bf-yellow); }
.bf-page .bf-offer--outlet { background: var(--bf-sky); }
.bf-page .bf-offer-title { width: 100%; line-height: 1; }
.bf-page .bf-amount { display: block; font-size: clamp(66px, 7.3vw, 102px); font-weight: 900; letter-spacing: -.065em; white-space: nowrap; }
.bf-page .bf-amount small { font-size: .7em; font-weight: inherit; margin-left: -.09em; letter-spacing: -.035em; text-transform: uppercase; }
.bf-page .bf-category { display: inline-block; background: #fff; border: 3px solid var(--bf-ink); padding: 7px 22px 10px; border-radius: 60px; font-size: clamp(26px, 3.1vw, 42px); font-weight: 800; letter-spacing: -.035em; transform: rotate(-2deg); margin: 7px 0 24px; }
.bf-page .bf-store-type { display: block; font-size: clamp(26px, 2.7vw, 36px); font-weight: 800; line-height: 1.1; letter-spacing: -.035em; margin-bottom: 16px; }
.bf-page .bf-offer-copy { font-size: 21px; line-height: 1.4; max-width: 420px; margin-bottom: 26px; }
.bf-page .bf-btn { display: inline-flex; justify-content: center; align-items: center; gap: 14px; background: var(--bf-ink); color: #fff; border: 2px solid var(--bf-ink); border-radius: 15px; padding: 14px 24px; min-height: 56px; text-decoration: none; font-size: 22px; font-weight: 700; line-height: 1.2; transition: background-color .18s, border-color .18s; }
.bf-page .bf-btn svg { width: 26px; height: 26px; flex: 0 0 26px; }
.bf-page .bf-btn:hover { background: var(--bf-blue); border-color: var(--bf-blue); color: #fff; text-decoration: none; }
.bf-page .bf-btn:focus-visible { outline: 3px solid var(--bf-blue); outline-offset: 5px; }
.bf-page .bf-offer .bf-btn { width: 100%; max-width: 430px; margin-top: auto; }
.bf-page .bf-terms { font-size: 15px; font-style: italic; line-height: 1.4; max-width: 445px; min-height: 63px; padding-top: 15px; }
.bf-page .bf-card-star-a { color: var(--bf-sky); width: 35px; left: 15px; top: 142px; }
.bf-page .bf-card-star-b { color: var(--bf-green); width: 36px; right: 20px; top: 166px; }
.bf-page .bf-offer--outlet .bf-card-star-a { color: var(--bf-yellow); }
.bf-page .bf-impact { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 60px; padding: 102px 28px 48px; position: relative; }
.bf-page .bf-impact h2 { font-size: clamp(38px, 5vw, 65px); font-weight: 900; letter-spacing: -.045em; line-height: 1.03; }
.bf-page .bf-impact-copy { padding-left: 42px; border-left: 1px solid #bdbdbd; }
.bf-page .bf-impact p { font-size: 21px; line-height: 1.5; }
.bf-page .bf-impact p + p { margin-top: 18px; font-weight: 700; }
.bf-page .bf-impact-star-a { color: var(--bf-sky); top: 68px; left: -13px; width: 38px; }
.bf-page .bf-impact-star-b { color: var(--bf-green); top: 40px; left: 31px; width: 28px; }
.bf-page .bf-impact-star-c { color: var(--bf-yellow); top: 49px; right: 0; width: 30px; }
/* Campaign locator: floating finder on desktop, stacked controls on mobile. */
.bf-page .bf-locator { padding-top: 22px; scroll-margin-top: 28px; }
.bf-page .bf-locator-shell { position: relative; height: 650px; border: 1px solid #dce4ea; border-radius: 26px; overflow: hidden; background: #eef3ed; }
.bf-page .bf-map { position: absolute; inset: 0; }
.bf-page .bf-finder { position: absolute; z-index: 2; top: 24px; bottom: 48px; left: 24px; width: min(46%, 500px); padding: 24px; display: flex; flex-direction: column; background: #fff; border: 1px solid #dce4ec; border-radius: 22px; box-shadow: 0 12px 36px #17334d1f, 0 2px 6px #17334d0a; --bf-active: var(--bf-yellow); --bf-tint: #fffbee; --bf-selected-border: #e5c64e; }
.bf-page .bf-finder[data-type="outlet"] { --bf-active: var(--bf-sky); --bf-tint: #f0faff; --bf-selected-border: #8bd4ef; }
.bf-page .bf-type-switch { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; margin-bottom: 16px; padding: 5px; border: 1px solid #dce4ec; background: #f4f7fa; border-radius: 15px; }
.bf-page .bf-filter { border: 1px solid transparent; background: transparent; border-radius: 10px; min-height: 48px; padding: 9px 8px; color: #42556b; font: 700 16px/1.2 "Gantari", sans-serif; display: flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; }
.bf-page .bf-filter:hover { background: #e8eef4; }
.bf-page .bf-filter[aria-pressed="true"] { color: #142333; border-color: var(--bf-selected-border); background: var(--bf-active); box-shadow: 0 2px 4px #162b4010; }
.bf-page .bf-locator svg.bf-icon { width: 22px; height: 22px; flex-shrink: 0; }
.bf-page .bf-search-row { display: flex; gap: 10px; padding-bottom: 20px; margin-bottom: 18px; border-bottom: 1px solid #e5eaf0; }
.bf-page .bf-search-form { display: flex; flex: 1; min-width: 0; border: 1px solid #cbd4df; border-radius: 11px; overflow: hidden; }
.bf-page .bf-search-form:focus-within { border-color: var(--bf-blue); box-shadow: 0 0 0 3px #0351a314; }
.bf-page .bf-search-form input:focus-visible { outline: none; }
.bf-page .bf-search-form input { min-width: 0; width: 100%; height: 44px; border: 0; background: white; padding: 10px; font: 16px "Gantari", sans-serif; color: #111; }
.bf-page .bf-search-submit { width: 40px; flex-shrink: 0; border: 0; background: white; color: var(--bf-blue); cursor: pointer; }
.bf-page .bf-search-submit svg { width: 20px; height: 20px; }
.bf-page .bf-geolocate { border: 1px solid #cbd9e8; border-radius: 11px; background: #f4f8fc; color: var(--bf-blue); padding: 8px 12px; font: 700 14px/1.2 "Gantari", sans-serif; cursor: pointer; }
.bf-page .bf-geolocate:hover { background: #e7f0f9; border-color: #9ebbd9; }
.bf-page .bf-geolocate:disabled { opacity: .65; cursor: wait; }
.bf-page .bf-results-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.bf-page .bf-results-heading h3 { font-size: 24px; font-weight: 800; letter-spacing: -.025em; }
.bf-page .bf-deal-badge { display: inline-block; background: var(--bf-active, var(--bf-yellow)); border-radius: 8px; padding: 5px 9px; font-size: 13px; font-weight: 800; color: #111; }
.bf-page .bf-results-status { font-size: 14px; color: #56616c; line-height: 1.4; margin: 10px 0 12px; }
.bf-page .bf-results { overflow: auto; min-height: 0; flex: 1; overscroll-behavior: contain; padding: 2px 8px 2px 2px; scrollbar-width: thin; scrollbar-color: #bdcad8 transparent; }
.bf-page .bf-result { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 0 10px; padding: 16px; margin-bottom: 10px; border: 1px solid #dce4ec; border-radius: 13px; background: #fff; box-shadow: 0 2px 3px #17334d04; }
.bf-page .bf-result { cursor: pointer; }
.bf-page .bf-result:hover { border-color: #aabed2; }
.bf-page .bf-result.is-selected { background: var(--bf-tint); border-color: var(--bf-selected-border); box-shadow: inset 3px 0 0 var(--bf-active); }
.bf-page .bf-result-name { grid-column: 1 / -1; display: block; width: 100%; text-align: left; background: none; border: 0; padding: 0; font: 750 18px/1.3 "Gantari", sans-serif; color: #172b40; cursor: pointer; }
.bf-page .bf-result > p { grid-column: 1 / -1; }
.bf-page .bf-result p { font-size: 14px; line-height: 1.45; color: #506176; margin: 7px 0 14px; }
.bf-page .bf-result a, .bf-page .bf-result summary { color: var(--bf-blue); font-size: 14px; font-weight: 700; text-decoration: none; }
.bf-page .bf-result a:hover, .bf-page .bf-result summary:hover { text-decoration: underline; text-underline-offset: 3px; }
.bf-page .bf-result-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.bf-page .bf-result-actions { flex-wrap: wrap; gap: 6px; }
.bf-page .bf-result-actions a { display: inline-flex; align-items: center; min-height: 36px; padding: 7px 11px; border: 1px solid #cbd9e8; border-radius: 8px; background: white; }
.bf-page .bf-result-actions a:hover { background: #edf4fb; border-color: #a8bfd8; text-decoration: none; }
.bf-page .bf-result details { min-width: 0; }
.bf-page .bf-result summary { display: flex; align-items: center; gap: 7px; min-height: 36px; cursor: pointer; list-style: none; }
.bf-page .bf-result summary::-webkit-details-marker { display: none; }
.bf-page .bf-result summary::after { content: ''; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); margin: -3px 2px 0; }
.bf-page .bf-result details[open] { grid-column: 1 / -1; border-top: 1px solid #dce4ec; margin-top: 12px; padding-top: 8px; }
.bf-page .bf-result details[open] summary::after { transform: rotate(225deg); margin-top: 3px; }
.bf-page .bf-result dl { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 10px; margin: 10px 0 16px; font-size: 14px; }
.bf-page .bf-result dt { font-weight: 750; }
.bf-page .bf-result dd { margin: 0 0 6px; }
.bf-page .bf-result .bf-distance { font-size: 13px; color: #56616c; }
.bf-page .bf-empty { padding: 18px 4px; font-size: 16px; line-height: 1.5; }
.bf-page .bf-reset { border: 0; background: none; color: var(--bf-blue); padding: 10px 0; font: 700 15px "Gantari", sans-serif; text-decoration: underline; cursor: pointer; }
.bf-page .bf-map-status { position: absolute; z-index: 1; right: 24px; top: 24px; max-width: 42%; background: #fff; border-radius: 10px; padding: 12px 16px; font-size: 15px; box-shadow: 0 2px 8px #0001; }
.bf-page .bf-map-status[hidden] { display: none; }
.bf-page .bf-marker { padding: 0; border: 0; width: 34px; height: 44px; background: transparent; cursor: pointer; }
.bf-page .bf-marker svg { display: block; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 2px 2px #0003); }
.bf-page .bf-marker[aria-pressed="true"] svg { filter: drop-shadow(0 0 3px #0351a3); }
.bf-page .bf-marker[aria-pressed="true"] path { stroke: #0351a3; stroke-width: 4; }
.bf-page .bf-locator :is(button, a, summary, input):focus-visible { outline: 3px solid #0351a3; outline-offset: 3px; }
.bf-page .bf-map .mapboxgl-popup-content { border: 1px solid #bdcad8; border-radius: 16px; padding: 30px 16px 16px; box-shadow: 0 8px 26px #17334d2b; font-family: "Gantari", sans-serif; }
.bf-page .bf-map .mapboxgl-popup-content h3 { font-size: 20px; line-height: 1.15; font-weight: 850; margin-bottom: 7px; }
.bf-page .bf-map .mapboxgl-popup-content p { font-size: 15px; line-height: 1.3; margin-bottom: 10px; }
.bf-page .bf-map .mapboxgl-popup-close-button { top: 3px; right: 3px; width: 30px; height: 30px; border-radius: 50%; font-size: 24px; line-height: 1; color: #172b40; }
.bf-page .bf-popup-body { overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; padding: 2px; }
.bf-page .bf-popup-actions { margin: 12px 0; }
.bf-page .bf-popup-actions a { display: block; border: 1px solid #cbd9e8; border-radius: 8px; padding: 9px 12px; background: #f4f8fc; color: var(--bf-blue); font-size: 15px; font-weight: 750; text-decoration: none; }
.bf-page .bf-popup-actions a:hover { background: #e7f0f9; }
.bf-page .bf-popup-body details { border-top: 1px solid #e5eaf0; padding-top: 8px; }
.bf-page .bf-popup-body summary { cursor: pointer; color: var(--bf-blue); font-size: 14px; font-weight: 700; }
.bf-page .bf-popup-body details p { margin-top: 10px; font-size: 14px; }
.bf-page .bf-popup-body dl { display: grid; grid-template-columns: auto 1fr; gap: 6px 10px; margin: 10px 0; font-size: 13px; }
.bf-page .bf-popup-body dd { margin: 0; }
.bf-page .bf-map-reset { position: absolute; right: 12px; bottom: 110px; z-index: 2; padding: 10px 12px; border: 1px solid #bdcad8; border-radius: 9px; background: white; color: #172b40; font: 700 14px "Gantari", sans-serif; cursor: pointer; box-shadow: 0 2px 6px #17334d15; }
.bf-page .bf-map-reset:hover { background: #edf4fb; }
.bf-page .bf-map .mapboxgl-ctrl-group { border-radius: 12px; }
.bf-page .bf-map .mapboxgl-ctrl-group button { width: 40px; height: 40px; }
@media (max-width: 980px) {
    .bf-page .bf-locator-shell { height: auto; display: flex; flex-direction: column; background: #f7fafc; }
    .bf-page .bf-finder { position: relative; inset: auto; width: 100%; border-radius: 0; box-shadow: none; padding: 24px; }
    .bf-page .bf-results { max-height: 290px; flex: auto; }
    .bf-page .bf-map { position: relative; height: 390px; flex-shrink: 0; }
    .bf-page .bf-map-reset { top: auto; right: auto; left: 12px; bottom: 32px; }
    .bf-page .bf-map-status { top: auto; bottom: 65px; max-width: calc(100% - 48px); }
}
@media (max-width: 480px) {
    .bf-page .bf-finder { padding: 16px; }
    .bf-page .bf-filter { font-size: 15px; padding: 8px 6px; }
    .bf-page .bf-locator svg.bf-icon { width: 21px; height: 21px; }
    .bf-page .bf-search-row { flex-wrap: wrap; }
    .bf-page .bf-search-form { flex-basis: 100%; }
    .bf-page .bf-geolocate { min-height: 42px; width: 100%; }
    .bf-page .bf-results-heading h3 { font-size: 25px; }
    .bf-page .bf-map { height: 430px; }
}
@media (min-width: 1500px) { .bf-page .bf-wrap { width: min(1320px, calc(100% - 96px)); } .bf-page .bf-title { font-size: 100px; }    }
@media (max-width: 1100px) and (min-width: 761px) {
    .bf-page .bf-hero { gap: 20px; }

    .bf-page .bf-offer { padding: 28px 24px 20px; }
    .bf-page .bf-offer-copy { font-size: 19px; }
    .bf-page .bf-card-star-a, .bf-page .bf-card-star-b { width: 25px; }
    .bf-page .bf-btn { font-size: 19px; padding-inline: 18px; }
    .bf-page .bf-impact { gap: 30px; padding-inline: 12px; }
    .bf-page .bf-impact-copy { padding-left: 30px; }
    .bf-page .bf-impact p { font-size: 20px; }
}
@media (max-width: 980px) {
    .bf-page .bf-hero { grid-template-columns: 1fr; gap: 38px; }
    .bf-page .bf-hero-copy { max-width: 640px; margin-inline: auto; }
    .bf-page .bf-collage { width: 100%; max-width: 640px; margin: 0 auto; }
}
@media (max-width: 760px) {
    .bf-page { padding: 35px 0 48px; }
    .bf-page .bf-wrap { width: calc(100% - 36px); max-width: 560px; }
    .bf-page .bf-hero { grid-template-columns: 1fr; gap: 26px; padding: 0 0 34px; }
    .bf-page .bf-hero-copy { padding: 0 10px; }
    .bf-page .bf-date { font-size: clamp(18px, 4.6vw, 22px); margin: 0 0 8px 18px; padding: 8px 18px; }
    .bf-page .bf-title { font-size: clamp(48px, 12vw, 68px); margin-bottom: 0; }
    .bf-page .bf-headline { font-size: clamp(28px, 6.5vw, 38px); }
    .bf-page .bf-summary { padding: 30px 0; margin-bottom: 34px; }
    .bf-page .bf-summary-grid { grid-template-columns: 1fr; gap: 20px; }
    .bf-page .bf-subtitle { font-size: 32px; }
    .bf-page .bf-summary-copy { border-left: 0; border-top: 1px solid #c9c3ae; padding: 20px 0 0; }
    .bf-page .bf-intro { font-size: 18px; }
    .bf-page .bf-hero-star-a { width: 30px; left: -17px; top: 37px; }
    .bf-page .bf-hero-star-b { width: 25px; left: 35px; top: -28px; }
    .bf-page .bf-hero-star-c { display: none; }

    .bf-page .bf-collage { gap: 12px; margin-top: 8px; }
    .bf-page .bf-photo { border-width: 3px; border-radius: 19px; }
    .bf-page .bf-photo-star-a { width: 28px; right: -6px; top: -10px; }
    .bf-page .bf-photo-star-b { width: 28px; right: -10px; bottom: 28px; }
    .bf-page .bf-offers { grid-template-columns: 1fr; gap: 20px; }
    .bf-page .bf-offer { padding: 30px 25px 25px; border-radius: 24px; }
    .bf-page .bf-amount { font-size: clamp(72px, 18vw, 98px); }
    .bf-page .bf-category { font-size: clamp(28px, 7vw, 38px); padding: 7px 20px; margin-bottom: 19px; }
    .bf-page .bf-store-type { font-size: 30px; }
    .bf-page .bf-offer-copy { font-size: 20px; }
    .bf-page .bf-btn { font-size: 20px; padding: 13px 16px; }
    .bf-page .bf-terms { min-height: 0; font-size: 14px; }
    .bf-page .bf-card-star-a { width: 28px; left: 7px; top: 112px; }
    .bf-page .bf-card-star-b { width: 28px; right: 9px; top: 135px; }
    .bf-page .bf-impact { grid-template-columns: 1fr; gap: 20px; padding: 78px 12px 32px; }
    .bf-page .bf-impact h2 { font-size: clamp(40px, 10vw, 56px); }
    .bf-page .bf-impact-copy { border: 0; padding: 0; }
    .bf-page .bf-impact p { font-size: 20px; }
    .bf-page .bf-impact-star-a { left: -3px; top: 32px; width: 28px; }
    .bf-page .bf-impact-star-b { left: 28px; top: 19px; width: 22px; }
    .bf-page .bf-impact-star-c { top: 32px; right: 10px; width: 26px; }
}
@media (max-width: 359px) { .bf-page .bf-title { font-size: 46px; } .bf-page .bf-amount { font-size: 65px; } .bf-page .bf-category { font-size: 25px; } }
@media (prefers-reduced-motion: reduce) { .bf-page .bf-btn { transition: none; } }

/* Preserve the approved language selector on live without replacing style.css. */
body.page-template-template-black-friday .header-nav-area .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed { display: inline-flex; align-items: center; gap: 6px; width: auto; white-space: nowrap; }
body.page-template-template-black-friday .header-nav-area .goog-te-gadget-simple a img { display: inline-block; width: 1px; height: 1px; flex: 0 0 1px; }
.bf-page .bf-photo--shirt.bf-photo--natural img { top: 0; height: 100%; object-position: 70% 50%; transform: scale(1.4); transform-origin: 50% 40%; }
/* ACF previews have their own scope; no live map requests in the editor. */
.bf-page.bf-block-preview { padding: 24px 0; overflow: visible; container-type: inline-size; }
.bf-block-preview .bf-title { font-size: clamp(48px, 7cqw, 92px); }
.bf-block-preview .bf-headline { font-size: clamp(28px, 3cqw, 42px); }
@container (max-width: 760px) { .bf-block-preview .bf-hero { grid-template-columns: 1fr; } }
.editor-styles-wrapper .bf-block-preview .bf-btn { color: #fff !important; }
.bf-block-preview .bf-summary { margin-bottom: 0; }
.bf-block-preview .bf-map-preview { display: flex; align-items: center; justify-content: flex-end; padding: 30px; background: #eaf1ed; }
.bf-block-preview .bf-map-preview p { max-width: 42%; color: #42556b; font-size: 18px; }
@media(max-width: 980px) { .bf-block-preview .bf-map-preview { justify-content: center; } .bf-block-preview .bf-map-preview p { max-width: 100%; } }