@font-face{font-family:"Skoove CTA Lato";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/lato-latin-400-normal.woff2") format("woff2");}
@font-face{font-family:"Skoove CTA Lato";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/lato-latin-700-normal.woff2") format("woff2");}
@font-face{font-family:"Skoove CTA Lato";font-style:normal;font-weight:900;font-display:swap;src:url("../fonts/lato-latin-900-normal.woff2") format("woff2");}
/* Shared Black Friday styles for the sidebar and article placements. */
#sidebar.skoove-bf-sidebar { max-width:100%; }
/* Match the theme's article fallback on supported pages when optional JS is absent. */
@media (min-width:952px) { :is(body.single-post,body.hasSidebar.page:not(.home)) #sidebar.skoove-bf-sidebar { position:sticky; top:20px; } }
:is(#sidebar.skoove-bf-sidebar, .skoove-bf-inline) .skoove-bf-cta p, :is(#sidebar.skoove-bf-sidebar, .skoove-bf-inline) .skoove-bf-cta a { font-family:"Skoove CTA Lato",Lato,Arial,sans-serif; }
:is(#sidebar.skoove-bf-sidebar, .skoove-bf-inline) .skoove-bf-cta { position:relative; width:100%; max-width:100%; margin-inline:auto; overflow:hidden; border-radius:20px; background:var(--skoove-bf-background,#0b1e1f); color:#fff; font-family:"Skoove CTA Lato",Lato,Arial,sans-serif; text-align:left; }
:is(#sidebar.skoove-bf-sidebar, .skoove-bf-inline) [hidden] { display:none!important; }
:is(#sidebar.skoove-bf-sidebar, .skoove-bf-inline) .skoove-bf-cta__image { position:relative; aspect-ratio:var(--skoove-bf-image-ratio, 6/5); overflow:hidden; }
:is(#sidebar.skoove-bf-sidebar, .skoove-bf-inline) .skoove-bf-cta__image img { display:block; width:100%; height:100%; max-width:none; margin:0; border-radius:0; object-fit:cover; object-position:center; }
:is(#sidebar.skoove-bf-sidebar, .skoove-bf-inline) [data-image-framing="close"] .skoove-bf-cta__image img { transform:scale(1.25); }
:is(#sidebar.skoove-bf-sidebar, .skoove-bf-inline) .skoove-bf-cta__image::after { content:''; position:absolute; inset:0; background:linear-gradient(var(--skoove-bf-fade-direction, to bottom),transparent 55%,var(--skoove-bf-background,#0b1e1f)); pointer-events:none; }
:is(#sidebar.skoove-bf-sidebar, .skoove-bf-inline) .skoove-bf-cta__copy { display:flex; flex-direction:column; align-items:stretch; padding:22px; }
:is(#sidebar.skoove-bf-sidebar, .skoove-bf-inline) .skoove-bf-cta__topic { align-self:flex-start; margin:0 0 12px; padding:5px 10px; border-radius:999px; background:#2ec39f; color:#0b1e1f; font-size:12px; line-height:1.3; font-weight:700; }
:is(#sidebar.skoove-bf-sidebar, .skoove-bf-inline) .skoove-bf-cta h3 { margin:0!important; padding:0!important; color:#fff; font-family:"Skoove CTA Lato",Lato,Arial,sans-serif; font-size:24px; line-height:1.15; font-weight:900!important; overflow-wrap:anywhere; }
:is(#sidebar.skoove-bf-sidebar, .skoove-bf-inline) .skoove-bf-cta__description { margin:8px 0 0; color:#cfe0d7; font-size:16.5px; line-height:1.45; overflow-wrap:anywhere; }
:is(#sidebar.skoove-bf-sidebar, .skoove-bf-inline) a.skoove-bf-cta__button { display:flex; align-items:center; justify-content:center; box-sizing:border-box; gap:8px; margin:16px 0 0; padding:12px 14px; min-height:48px; border-radius:0; background:#e27b4b; color:var(--skoove-bf-button-text, #fff); text-decoration:none; text-align:center; font-size:16px; line-height:1.3; font-weight:700; overflow-wrap:anywhere; }
:is(#sidebar.skoove-bf-sidebar, .skoove-bf-inline) .skoove-bf-cta__button::after { content:''; flex:none; width:20px; height:20px; background:url('../images/cta/arrow-right.svg') center / contain no-repeat; }
:is(#sidebar.skoove-bf-sidebar, .skoove-bf-inline) .skoove-bf-cta__button:hover { background:#cb6a3d; }
:is(#sidebar.skoove-bf-sidebar, .skoove-bf-inline) .skoove-bf-cta__button:focus-visible,
:is(#sidebar.skoove-bf-sidebar, .skoove-bf-inline) .skoove-bf-cta[data-click-target="card"]:focus-within { outline:3px solid #2ec39f!important; outline-offset:-3px; }
:is(#sidebar.skoove-bf-sidebar, .skoove-bf-inline) .skoove-bf-cta__reassurance { display:flex; align-items:center; gap:6px; margin:12px 0 0; color:#cfe0d7; font-size:15px; line-height:1.3; }
:is(#sidebar.skoove-bf-sidebar, .skoove-bf-inline) .skoove-bf-cta__tick { display:inline-flex; align-items:center; justify-content:center; min-width:16px; min-height:16px; border-radius:50%; background:#2ec39f; color:#fff; font-size:11px; line-height:1; }
:is(#sidebar.skoove-bf-sidebar, .skoove-bf-inline) .skoove-bf-cta__end { margin:12px 0 0; color:#cfe0d7; font-size:13px; line-height:1.4; }
:is(#sidebar.skoove-bf-sidebar, .skoove-bf-inline) .skoove-bf-cta[data-click-target="card"] .skoove-bf-cta__button::before { content:''; position:absolute; inset:0; z-index:1; border-radius:20px; }
:is(#sidebar.skoove-bf-sidebar, .skoove-bf-inline) .skoove-bf-cta__button.is-card-only { position:absolute; inset:0; min-height:0; margin:0; padding:0; background:transparent; color:transparent; font-size:0; line-height:0; }
:is(#sidebar.skoove-bf-sidebar, .skoove-bf-inline) .skoove-bf-cta__button.is-card-only::after { content:none; }

.skoove-bf-inline {
    width:100%;
    margin:28px 0;
    clear:both;
    container-type:inline-size;
    --skoove-bf-image-ratio:2/1;
    --skoove-bf-button-text:#fff;
}
.skoove-bf-inline .skoove-bf-cta__reassurance { justify-content:flex-start; text-align:left; }
:is(#sidebar.skoove-bf-sidebar, .skoove-bf-inline).skoove-bf-inline a.skoove-bf-cta__button:not(.is-card-only) { border-radius:12px; }
.skoove-bf-inline .skoove-bf-cta__copy { min-width:0; overflow-wrap:anywhere; }

@container (min-width:600px) {
    .skoove-bf-inline .skoove-bf-cta {
        display:grid;
        grid-template-columns:minmax(0, 1fr) minmax(0, 2fr);
        --skoove-bf-image-ratio:auto;
        --skoove-bf-fade-direction:to right;
    }
    .skoove-bf-inline .skoove-bf-cta:has(> .skoove-bf-cta__image[hidden]) { grid-template-columns:minmax(0, 1fr); }
    .skoove-bf-inline .skoove-bf-cta__image { min-height:180px; }
    .skoove-bf-inline .skoove-bf-cta__image img { position:absolute; inset:0; }
    .skoove-bf-inline a.skoove-bf-cta__button:not(.is-card-only) { align-self:flex-start; }
}

#sidebar.skoove-bf-sidebar .skoove-bf-cta__tick { color:#000; }
