:root{--bk-blue:#0877f9;--bk-navy:#07182f;--bk-text:#13243a;--bk-muted:#68788d;--bk-border:#e3eaf3;--bk-bg:#f7faff;--bk-gap:24px;--bk-container:1800px;--bk-radius:20px}
.bk-container{width:min(calc(100% - 80px),var(--bk-container));margin:auto}.bk-section{padding:64px 0}.bk-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.bk-section-heading h2{font-size:clamp(30px,2vw,42px);margin:0 0 6px;color:var(--bk-text)}.bk-section-heading p{margin:0;color:var(--bk-muted)}
.bk-hero{position:relative;min-height:690px;display:flex;align-items:center;background:#355b75 center/cover no-repeat;overflow:hidden}.bk-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,34,.72),rgba(4,18,34,.36) 48%,rgba(4,18,34,.06))}.bk-hero-content{position:relative;z-index:2;color:#fff}.bk-eyebrow{font-size:14px;font-weight:800;letter-spacing:.18em}.bk-hero h1{font-size:clamp(64px,6.5vw,112px);line-height:.9;margin:12px 0 0;color:#fff;font-weight:900}.bk-hero-tagline{font-size:clamp(22px,2vw,34px);margin-top:18px}.bk-hero p{max-width:620px;font-size:18px;line-height:1.6}.bk-hero-actions{display:flex;gap:12px;margin-top:28px}.bk-button{display:inline-flex;padding:14px 22px;border-radius:10px;text-decoration:none;font-weight:800}.bk-button-primary{background:var(--bk-blue);color:#fff}.bk-button-ghost{border:1px solid rgba(255,255,255,.65);color:#fff;background:rgba(255,255,255,.08)}
.bk-ask-wrap{position:relative;z-index:5;margin-top:-38px}.bk-ask{width:min(1120px,100%);margin:auto;display:grid;grid-template-columns:48px 1fr 50px;align-items:center;gap:15px;padding:14px 16px 14px 20px;background:#fff;border:1px solid var(--bk-border);border-radius:18px;box-shadow:0 16px 50px rgba(15,40,75,.18)}.bk-ask-icon,.bk-ask-button{width:44px;height:44px;border-radius:50%;display:grid;place-items:center}.bk-ask-icon{background:#eaf4ff;color:var(--bk-blue)}.bk-ask-button{border:0;background:var(--bk-blue);color:#fff}.bk-ask-copy{display:flex;flex-direction:column}.bk-ask-copy span{font-size:14px;color:var(--bk-muted)}
.bk-explore{padding-top:88px}.bk-explore-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5 * var(--bk-gap))/6);gap:var(--bk-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:16px}.bk-explore-track::-webkit-scrollbar{display:none}.bk-explore-card{min-height:176px;padding:24px;border:1px solid var(--bk-border);border-radius:var(--bk-radius);background:#fff;scroll-snap-align:start}.bk-explore-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#eaf4ff;color:var(--bk-blue);margin-bottom:24px}.bk-explore-card h3{font-size:17px;margin:0 0 6px}.bk-explore-card p{font-size:13px;color:var(--bk-muted)}.bk-carousel-buttons{display:flex;gap:8px}.bk-carousel-buttons button{width:42px;height:42px;border-radius:50%;border:1px solid var(--bk-border);background:#fff}
.bk-feature-grid,.bk-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--bk-gap)}.bk-feature-card{position:relative;min-height:330px;border-radius:26px;overflow:hidden;background:#244f6f center/cover no-repeat;display:flex;align-items:end}.bk-feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(4,16,30,.86))}.bk-feature-content{position:relative;z-index:2;padding:30px;color:#fff}.bk-feature-content h2{color:#fff;font-size:32px}.bk-feature-content a{color:#fff;font-weight:800}.bk-live{background:var(--bk-bg)}.bk-live-card{min-height:250px;padding:30px;background:#fff;border:1px solid var(--bk-border);border-radius:26px}.bk-live-label{font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--bk-blue)}.bk-event-item{padding:12px 0;border-bottom:1px solid var(--bk-border);display:flex;flex-direction:column}
.bk-picture-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.bk-picture-placeholder{aspect-ratio:1;border-radius:var(--bk-radius);background:linear-gradient(145deg,#b7d8ef,#365f82);padding:18px;color:#fff;display:flex;align-items:end}.bk-social-links{display:flex;gap:16px}.bk-community-card{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:50px;padding:46px 50px;border-radius:26px;background:linear-gradient(135deg,#0b75ee,#4fa7ff);color:#fff}.bk-community-card h2{color:#fff}.bk-community-form{display:grid;grid-template-columns:1fr auto;gap:10px}.bk-community-form input,.bk-community-form button{min-height:50px;border:0;border-radius:9px;padding:0 18px}.bk-community-form button{background:var(--bk-navy);color:#fff;font-weight:800}
@media(max-width:1199px){.bk-container{width:calc(100% - 48px)}.bk-explore-track{grid-auto-columns:calc((100% - 3 * var(--bk-gap))/4)}.bk-feature-grid,.bk-live-grid{grid-template-columns:repeat(2,1fr)}.bk-picture-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.bk-container{width:calc(100% - 32px)}.bk-section{padding:44px 0}.bk-hero{min-height:610px}.bk-hero h1{font-size:58px}.bk-hero-actions{flex-direction:column;align-items:flex-start}.bk-ask{grid-template-columns:40px 1fr 42px}.bk-explore-track{grid-auto-columns:78%}.bk-feature-grid,.bk-live-grid,.bk-community-card{grid-template-columns:1fr}.bk-picture-grid{grid-template-columns:repeat(2,1fr)}.bk-community-card{padding:30px 24px}.bk-community-form{grid-template-columns:1fr}.bk-section-heading{align-items:flex-start;flex-direction:column}}


/* ==========================================================
   BASKINTA PHOTOGRAPHY PASS C1
   ========================================================== */

.bk-hero {
    background-image:
        url('/wp-content/uploads/baskinta-recovered/046-slide-1-1.jpg');
    background-position: center center;
    background-size: cover;
}

.bk-feature-nature {
    background-image:
        url('/wp-content/uploads/baskinta-recovered/020-bakich.jpg');
}

.bk-feature-religious {
    background-image:
        url('/wp-content/uploads/baskinta-recovered/009-sanine-bakich-1-740x555.jpg');
}

.bk-feature-taste {
    background:
        linear-gradient(
            135deg,
            #61331f,
            #a15d30
        );
}


/*
 * Explore cards
 */

.bk-explore-card {
    position: relative;
    overflow: hidden;

    min-height: 250px;

    justify-content: flex-end;

    background-position: center;
    background-size: cover;

    color: #fff;
}

.bk-explore-card::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 0;

    background:
        linear-gradient(
            180deg,
            rgba(3,18,33,.02) 25%,
            rgba(3,18,33,.88) 100%
        );
}

.bk-explore-card > * {
    position: relative;
    z-index: 2;
}

.bk-explore-card h3,
.bk-explore-card p {
    color: #fff;
}

.bk-explore-card .bk-explore-icon {
    margin-top: auto;

    background: rgba(255,255,255,.92);
}


/* Nature */
.bk-explore-card:nth-child(1) {
    background-image:
        url('/wp-content/uploads/baskinta-recovered/007-baskinta-trail-740x555.jpg');
}

/* Churches / Monasteries */
.bk-explore-card:nth-child(2) {
    background-image:
        url('/wp-content/uploads/baskinta-recovered/009-sanine-bakich-1-740x555.jpg');
}

/* Eat & Drink - temporary warm treatment */
.bk-explore-card:nth-child(3) {
    background:
        linear-gradient(
            145deg,
            #70472c,
            #c3814b
        );
}

/* Stay - temporary mountain image */
.bk-explore-card:nth-child(4) {
    background-image:
        url('/wp-content/uploads/baskinta-recovered/005-baskinta-2-740x555.jpg');
}

/* Shop Local */
.bk-explore-card:nth-child(5) {
    background:
        linear-gradient(
            145deg,
            #815027,
            #d59a53
        );
}

/* Local Businesses */
.bk-explore-card:nth-child(6) {
    background-image:
        url('/wp-content/uploads/baskinta-recovered/048-slide-3-1.jpg');
}

/* Events */
.bk-explore-card:nth-child(7) {
    background-image:
        url('/wp-content/uploads/baskinta-recovered/047-slide-2-1.jpg');
}

/* Culture */
.bk-explore-card:nth-child(8) {
    background-image:
        url('/wp-content/uploads/baskinta-recovered/005-baskinta-2-740x555.jpg');
}

/* E-Municipality */
.bk-explore-card:nth-child(9) {
    background:
        linear-gradient(
            145deg,
            #126a9c,
            #23a2c7
        );
}


/*
 * Baskinta Pictures
 */

.bk-picture-placeholder {
    background-position: center;
    background-size: cover;
}

.bk-picture-placeholder:nth-child(1) {
    background-image:
        linear-gradient(
            180deg,
            transparent 45%,
            rgba(0,0,0,.65)
        ),
        url('/wp-content/uploads/baskinta-recovered/046-slide-1-1.jpg');
}

.bk-picture-placeholder:nth-child(2) {
    background-image:
        linear-gradient(
            180deg,
            transparent 45%,
            rgba(0,0,0,.65)
        ),
        url('/wp-content/uploads/baskinta-recovered/047-slide-2-1.jpg');
}

.bk-picture-placeholder:nth-child(3) {
    background-image:
        linear-gradient(
            180deg,
            transparent 45%,
            rgba(0,0,0,.65)
        ),
        url('/wp-content/uploads/baskinta-recovered/048-slide-3-1.jpg');
}

.bk-picture-placeholder:nth-child(4) {
    background-image:
        linear-gradient(
            180deg,
            transparent 45%,
            rgba(0,0,0,.65)
        ),
        url('/wp-content/uploads/baskinta-recovered/020-bakich.jpg');
}

.bk-picture-placeholder:nth-child(5) {
    background-image:
        linear-gradient(
            180deg,
            transparent 45%,
            rgba(0,0,0,.65)
        ),
        url('/wp-content/uploads/baskinta-recovered/007-baskinta-trail-740x555.jpg');
}


/* ==========================================================
   BASKINTA OFFICIAL IDENTITY 2026
   Brand Skin V1
   Layout geometry intentionally unchanged.
   ========================================================== */

:root {
    --bk-deep-blue: #164B63;
    --bk-alpine-blue: #086D89;
    --bk-sky-cyan: #59BCD3;
    --bk-mountain-green: #3F725E;
    --bk-limestone: #F5F4EF;

    /* Map existing component tokens to official identity */
    --bk-blue: #086D89;
    --bk-blue-dark: #164B63;
    --bk-blue-soft: rgba(89,188,211,.14);

    --bk-navy: #164B63;
    --bk-navy-2: #123E52;

    --bk-text: #164B63;
    --bk-muted: #66777D;

    --bk-white: #FFFFFF;
    --bk-bg: #F5F4EF;
    --bk-border: rgba(22,75,99,.13);
}


/* Limestone gives content areas a warmer mountain identity */

body.baskinta-v1 {
    background: #FFFFFF;
    color: var(--bk-deep-blue);
}


/* Hero CTA */

.bk-button-primary {
    background: var(--bk-alpine-blue);
}

.bk-button-primary:hover {
    background: var(--bk-deep-blue);
}


/* Ask Baskinta */

.bk-ask-icon {
    background: rgba(89,188,211,.16);
    color: var(--bk-alpine-blue);
}

.bk-ask-button {
    background: var(--bk-alpine-blue);
}

.bk-ask-button:hover {
    background: var(--bk-deep-blue);
}


/* Explore */

.bk-carousel-buttons button:hover {
    background: var(--bk-alpine-blue);
    border-color: var(--bk-alpine-blue);
}

.bk-explore-icon {
    background: rgba(245,244,239,.94);
    color: var(--bk-alpine-blue);
}


/* Use green selectively for the Nature card */

.bk-explore-card:nth-child(1) .bk-explore-icon {
    color: var(--bk-mountain-green);
}


/* Religious heritage receives Deep Blue */

.bk-explore-card:nth-child(2) .bk-explore-icon {
    color: var(--bk-deep-blue);
}


/* Live dashboard */

.bk-live {
    background: var(--bk-limestone);
}

.bk-live-label {
    color: var(--bk-alpine-blue);
}

.bk-weather-card .bk-live-label {
    color: var(--bk-sky-cyan);
}

.bk-map-card .bk-live-label {
    color: var(--bk-mountain-green);
}

.bk-live-card a {
    color: var(--bk-alpine-blue);
}


/* Social */

.bk-social-links a {
    color: var(--bk-alpine-blue);
}


/* Community CTA now follows Baskinta identity */

.bk-community-card {
    background:
        linear-gradient(
            135deg,
            #164B63 0%,
            #086D89 58%,
            #59BCD3 100%
        );

    box-shadow:
        0 20px 50px rgba(22,75,99,.20);
}

.bk-community-form button {
    background: var(--bk-deep-blue);
}



/* ==========================================================
   BASKINTA HOME D2
   CURATED PHOTOGRAPHY
   IMPORTANT: HERO IS INTENTIONALLY NOT MODIFIED.
   ========================================================== */

:root {
    --bk-media-base:
        /wp-content/uploads/2026/09/baskinta-online;
}


/* ----------------------------------------------------------
   EXPLORE BASKINTA
   ---------------------------------------------------------- */

/* 1 Nature & Trails */

.bk-explore-card:nth-child(1) {
    background-image:
        url('/wp-content/uploads/2026/09/baskinta-online/baskinta-online-nature-shakhroub-01.jpg') !important;

    background-position: center 55%;
}


/* 2 Churches & Monasteries */

.bk-explore-card:nth-child(2) {
    background-image:
        url('/wp-content/uploads/2026/09/baskinta-online/baskinta-online-religious-chapel-sannine.jpg') !important;

    background-position: center 48%;
}


/* 3 Eat & Drink

   Intentionally left unchanged until we have
   strong authentic Baskinta restaurant/food photography.
*/


/* 4 Stay in Baskinta

   Intentionally left unchanged until we have
   strong authentic accommodation photography.
*/


/* 5 Shop Local */

.bk-explore-card:nth-child(5) {
    background-image:
        url('/wp-content/uploads/2026/09/baskinta-online/baskinta-online-local-life-agriculture.jpg') !important;

    background-position: center center;
}


/* 6 Local Businesses */

.bk-explore-card:nth-child(6) {
    background-image:
        url('/wp-content/uploads/2026/09/baskinta-online/baskinta-online-village-panorama.jpg') !important;

    background-position: center center;
}


/* 8 Culture & Heritage */

.bk-explore-card:nth-child(8) {
    background-image:
        url('/wp-content/uploads/2026/09/baskinta-online/baskinta-online-culture-mikhail-naimy-01.jpg') !important;

    background-position: center 45%;
}


/* Improve image readability */

.bk-explore-card::before {
    background:
        linear-gradient(
            180deg,
            rgba(9,35,47,.02) 15%,
            rgba(9,35,47,.15) 48%,
            rgba(9,35,47,.88) 100%
        ) !important;
}


/* ----------------------------------------------------------
   LARGE FEATURE CARDS
   ---------------------------------------------------------- */

/* Nature & Adventure */

.bk-feature-card.nature,
.bk-feature-nature {
    background-image:
        linear-gradient(
            90deg,
            rgba(12,48,42,.66) 0%,
            rgba(12,48,42,.25) 60%,
            rgba(12,48,42,.08) 100%
        ),
        url('/wp-content/uploads/2026/09/baskinta-online/baskinta-online-nature-shakhroub-02.jpg') !important;

    background-size: cover;
    background-position: center 52%;
}


/* Religious Tourism */

.bk-feature-card.religious,
.bk-feature-religious {
    background-image:
        linear-gradient(
            90deg,
            rgba(22,75,99,.72) 0%,
            rgba(22,75,99,.30) 60%,
            rgba(22,75,99,.08) 100%
        ),
        url('/wp-content/uploads/2026/09/baskinta-online/baskinta-online-religious-chapel-sannine.jpg') !important;

    background-size: cover;
    background-position: center 48%;
}


/*
 * Taste Baskinta intentionally remains unchanged.
 * Replace when authentic food photography is available.
 */


/* ----------------------------------------------------------
   BASKINTA IN PICTURES
   ---------------------------------------------------------- */

.bk-picture-placeholder:nth-child(1) {
    background-image:
        linear-gradient(
            180deg,
            transparent 45%,
            rgba(0,0,0,.62)
        ),
        url('/wp-content/uploads/2026/09/baskinta-online/baskinta-online-village-panorama.jpg') !important;
}

.bk-picture-placeholder:nth-child(2) {
    background-image:
        linear-gradient(
            180deg,
            transparent 45%,
            rgba(0,0,0,.62)
        ),
        url('/wp-content/uploads/2026/09/baskinta-online/baskinta-online-nature-shakhroub-03.jpg') !important;
}

.bk-picture-placeholder:nth-child(3) {
    background-image:
        linear-gradient(
            180deg,
            transparent 45%,
            rgba(0,0,0,.62)
        ),
        url('/wp-content/uploads/2026/09/baskinta-online/baskinta-online-heritage-old-baskinta-house.jpg') !important;
}

.bk-picture-placeholder:nth-child(4) {
    background-image:
        linear-gradient(
            180deg,
            transparent 45%,
            rgba(0,0,0,.62)
        ),
        url('/wp-content/uploads/2026/09/baskinta-online/baskinta-online-village-marj.jpg') !important;
}

.bk-picture-placeholder:nth-child(5) {
    background-image:
        linear-gradient(
            180deg,
            transparent 45%,
            rgba(0,0,0,.62)
        ),
        url('/wp-content/uploads/2026/09/baskinta-online/baskinta-online-culture-mikhail-naimy-02.jpg') !important;
}


/* ----------------------------------------------------------
   PHOTOGRAPHY PRESENTATION
   ---------------------------------------------------------- */

.bk-explore-card,
.bk-feature-card,
.bk-picture-placeholder {
    background-repeat: no-repeat;
    background-size: cover;
}


/* Give photography slightly more presence */

.bk-explore-card {
    min-height: 270px;
}

.bk-feature-card {
    min-height: 340px;
}


/* Responsive */

@media (max-width: 767px) {

    .bk-explore-card {
        min-height: 245px;
    }

    .bk-feature-card {
        min-height: 300px;
    }
}


/* STEP 1 — Eat & Drink — Krikor Bakery */
.bk-explore-card:nth-child(3) {
    background-image:
        linear-gradient(
            180deg,
            rgba(5,25,38,.08) 0%,
            rgba(5,25,38,.30) 48%,
            rgba(5,25,38,.82) 100%
        ),
        url('https://baskinta.com/wp-content/uploads/2026/09/krikor-baskinta-.png') !important;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}


/* STEP 2 — Taste Baskinta */
.bk-feature-taste {
    background-image:
        linear-gradient(
            180deg,
            rgba(4,18,28,.04) 0%,
            rgba(4,18,28,.18) 42%,
            rgba(4,18,28,.88) 100%
        ),
        url('https://baskinta.com/wp-content/uploads/2026/09/baskinta-lebanese-mezzeh.jpg') !important;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}


/* STEP 3 — Religious Tourism — St Mary Historical Church */
.bk-feature-religious {
    background-image:
        linear-gradient(
            180deg,
            rgba(4,18,28,.04) 0%,
            rgba(4,18,28,.20) 42%,
            rgba(4,18,28,.86) 100%
        ),
        url('https://baskinta.com/wp-content/uploads/2026/09/st-mary-historical-church-baskinta.png') !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}


/* STEP 4 — Nature & Adventure — Marj Baskinta */
.bk-feature-nature {
    background-image:
        linear-gradient(
            180deg,
            rgba(4,18,28,.03) 0%,
            rgba(4,18,28,.18) 42%,
            rgba(4,18,28,.86) 100%
        ),
        url('https://baskinta.com/wp-content/uploads/2026/09/snow-marj-baskinta.jpg') !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}


/* STEP 5 — Explore carousel controls only */
.bk-carousel-buttons button {
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;

    border: 1px solid rgba(22,75,99,.22) !important;
    border-radius: 50% !important;

    background: #ffffff !important;
    color: #164B63 !important;

    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    cursor: pointer;
    box-shadow: 0 4px 14px rgba(22,75,99,.08);

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.bk-carousel-buttons button:hover {
    background: #086D89 !important;
    border-color: #086D89 !important;
    color: #ffffff !important;
    transform: translateY(-1px);
}


/* STEP 6 — Tighter homepage vertical rhythm */

/* General homepage sections */
.bk-section {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
}

/* Explore needs less space beneath the carousel */
.bk-explore {
    padding-bottom: 28px !important;
}

/* Feature cards sit closer to Explore */
.bk-feature-section {
    padding-top: 22px !important;
    padding-bottom: 34px !important;
}

/* Right Now */
.bk-live {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
}

/* Pictures */
.bk-pictures {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
}

/* Reduce excess gap after section headings */
.bk-section-heading {
    margin-bottom: 22px !important;
}



/* ==========================================================
   BASKINTA HOME V1 — HERO ALIVE
   Approved visual alignment
   Current hero photograph remains locked
   ========================================================== */

.bk-hero-content {
    padding-top: 55px;
    padding-bottom: 38px;
}

.bk-hero-intro {
    max-width: 650px !important;
    margin-top: 15px;
    margin-bottom: 0;

    font-size: 18px !important;
    line-height: 1.45 !important;

    color: rgba(255,255,255,.96);
}


/* ---------- Hero actions ---------- */

.bk-hero-actions {
    margin-top: 22px !important;
}

.bk-hero-actions .bk-button {
    min-height: 48px;

    padding: 0 20px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 11px;

    border-radius: 9px;
}

.bk-button-arrow {
    font-size: 21px;
    line-height: 1;

    transition: transform .2s ease;
}

.bk-button-primary:hover .bk-button-arrow {
    transform: translateX(3px);
}


/* ---------- Watch Video ---------- */

.bk-watch-video {
    border-color: rgba(255,255,255,.72) !important;
    background: rgba(4,18,34,.22) !important;

    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.bk-watch-video:hover {
    background: rgba(255,255,255,.16) !important;
    border-color: #fff !important;
}

.bk-play-icon {
    width: 28px;
    height: 28px;

    display: grid;
    place-items: center;

    border: 1px solid rgba(255,255,255,.75);
    border-radius: 50%;

    font-size: 10px;
    line-height: 1;

    padding-left: 2px;
}


/* ---------- Lower hero information ---------- */

.bk-hero-lower {
    margin-top: 48px;

    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 50px;
}

.bk-hero-values {
    display: flex;
    align-items: flex-start;

    gap: 44px;
}

.bk-hero-value {
    display: flex;
    align-items: center;

    gap: 10px;

    color: #fff;

    font-size: 13px;
    font-weight: 750;
    line-height: 1.15;
}

.bk-hero-value-icon {
    width: 37px;
    height: 37px;

    flex: 0 0 37px;

    display: grid;
    place-items: center;

    color: #fff;

    font-size: 22px;
}


/* ---------- Location ---------- */

.bk-hero-location {
    display: flex;
    align-items: center;

    gap: 12px;

    color: #fff;

    text-align: left;

    padding-bottom: 2px;
}

.bk-hero-location-pin {
    position: relative;

    width: 34px;
    height: 34px;

    flex: 0 0 34px;

    display: grid;
    place-items: center;

    border: 2px solid rgba(255,255,255,.95);
    border-radius: 50% 50% 50% 0;

    transform: rotate(-45deg);

    font-size: 0;
}

.bk-hero-location-pin::after {
    content: "";

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #fff;
}

.bk-hero-location strong {
    display: block;

    font-size: 14px;
    line-height: 1.2;
}

.bk-hero-location small {
    display: block;

    margin-top: 3px;

    font-size: 12px;

    color: rgba(255,255,255,.82);
}


/* ---------- Tablet ---------- */

@media (max-width: 1000px) {

    .bk-hero-lower {
        align-items: flex-start;
        flex-direction: column;

        gap: 28px;

        margin-top: 36px;
    }

    .bk-hero-values {
        gap: 26px;

        flex-wrap: wrap;
    }

}


/* ---------- Mobile ---------- */

@media (max-width: 767px) {

    .bk-hero-content {
        padding-top: 50px;
        padding-bottom: 38px;
    }

    .bk-hero-intro br {
        display: none;
    }

    .bk-hero-intro {
        max-width: 92% !important;

        font-size: 16px !important;
    }

    .bk-hero-actions {
        flex-direction: row !important;
        flex-wrap: wrap;
    }

    .bk-hero-values {
        width: 100%;

        display: grid;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap: 18px 12px;
    }

    .bk-hero-value {
        font-size: 12px;
    }

}


/* ---------- Small mobile ---------- */

@media (max-width: 420px) {

    .bk-hero-actions .bk-button {
        min-height: 44px;

        padding-left: 15px;
        padding-right: 15px;
    }

    .bk-hero-value-icon {
        width: 30px;
        height: 30px;

        flex-basis: 30px;

        font-size: 18px;
    }

}



/* ==========================================================
   BASKINTA HOME V2 — ASK BASKINTA
   Approved visual alignment
   ========================================================== */

.bk-ask-wrap {
    position: relative;
    z-index: 8;

    margin-top: -43px;
    padding-bottom: 0;
}


/* ---------- Main search ---------- */

.bk-ask {
    width: min(1120px,100%);

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        52px
        minmax(0,1fr)
        46px
        50px;

    align-items: center;

    gap: 10px;

    min-height: 84px;

    padding: 11px 13px 11px 18px;

    background: #fff;

    border: 1px solid rgba(22,75,99,.13);
    border-radius: 18px;

    box-shadow:
        0 17px 48px rgba(15,40,75,.18);

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.bk-ask:focus-within {
    border-color: rgba(8,109,137,.34);

    box-shadow:
        0 19px 55px rgba(15,40,75,.20);
}


/* ---------- Spark ---------- */

.bk-ask-icon {
    width: 46px !important;
    height: 46px !important;

    display: grid;
    place-items: center;

    border-radius: 50%;

    background: rgba(89,188,211,.15) !important;

    color: #086D89 !important;

    font-size: 23px;
}


/* ---------- Field ---------- */

.bk-ask-field {
    min-width: 0;

    display: flex;
    flex-direction: column;

    cursor: text;
}

.bk-ask-field strong {
    margin-bottom: 2px;

    color: #164B63;

    font-size: 13px;
    font-weight: 800;
}

.bk-ask-input {
    width: 100%;

    padding: 0 !important;

    border: 0 !important;
    outline: 0 !important;

    background: transparent !important;

    box-shadow: none !important;

    color: #13243a;

    font-family: inherit;
    font-size: 16px;
    line-height: 1.4;
}

.bk-ask-input::placeholder {
    color: #68788d;

    opacity: 1;
}


/* ---------- Microphone ---------- */

.bk-ask-mic {
    width: 42px;
    height: 42px;

    display: grid;
    place-items: center;

    padding: 0;

    border: 0;
    border-radius: 50%;

    background: transparent;

    color: #64788d;

    cursor: pointer;

    transition:
        color .2s ease,
        background .2s ease;
}

.bk-ask-mic span {
    position: relative;

    width: 13px;
    height: 19px;

    display: block;

    border: 2px solid currentColor;
    border-radius: 8px;

    font-size: 0;
}

.bk-ask-mic span::before {
    content: "";

    position: absolute;

    left: 50%;
    bottom: -7px;

    width: 17px;
    height: 9px;

    border: 2px solid currentColor;
    border-top: 0;

    border-radius: 0 0 10px 10px;

    transform: translateX(-50%);
}

.bk-ask-mic span::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: -11px;

    width: 2px;
    height: 5px;

    background: currentColor;

    transform: translateX(-50%);
}

.bk-ask-mic:hover {
    color: #086D89;

    background: rgba(89,188,211,.11);
}

.bk-ask-mic.is-listening {
    color: #0877f9;

    background: rgba(8,119,249,.10);
}


/* ---------- Search button ---------- */

.bk-ask-button {
    width: 48px !important;
    height: 48px !important;

    display: grid !important;
    place-items: center !important;

    padding: 0 !important;

    border: 0 !important;
    border-radius: 50% !important;

    background: #086D89 !important;

    color: #fff !important;

    font-size: 21px;
    font-weight: 800;

    cursor: pointer;

    transition:
        background .2s ease,
        transform .2s ease;
}

.bk-ask-button:hover {
    background: #164B63 !important;

    transform: translateX(1px);
}


/* ---------- Quick searches ---------- */

.bk-ask-suggestions {
    width: min(1050px,calc(100% - 30px));

    margin: 13px auto 0;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;
}

.bk-ask-suggestions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 32px;

    padding: 6px 12px;

    border: 1px solid rgba(22,75,99,.13);
    border-radius: 999px;

    background: rgba(255,255,255,.96);

    color: #536878;

    text-decoration: none;

    font-size: 11px;
    font-weight: 750;

    box-shadow:
        0 4px 13px rgba(22,75,99,.05);

    transition:
        color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.bk-ask-suggestions a:hover {
    color: #086D89;

    border-color: rgba(8,109,137,.35);

    transform: translateY(-1px);
}


/* ---------- Tablet ---------- */

@media (max-width: 900px) {

    .bk-ask {
        grid-template-columns:
            46px
            minmax(0,1fr)
            42px
            46px;
    }

}


/* ---------- Mobile ---------- */

@media (max-width: 600px) {

    .bk-ask-wrap {
        margin-top: -28px;
    }

    .bk-ask {
        grid-template-columns:
            38px
            minmax(0,1fr)
            38px
            42px;

        min-height: 70px;

        padding:
            8px
            9px
            8px
            12px;

        gap: 5px;

        border-radius: 15px;
    }

    .bk-ask-icon {
        width: 34px !important;
        height: 34px !important;

        font-size: 18px;
    }

    .bk-ask-field strong {
        font-size: 11px;
    }

    .bk-ask-input {
        font-size: 13px;
    }

    .bk-ask-mic {
        width: 34px;
        height: 34px;
    }

    .bk-ask-button {
        width: 39px !important;
        height: 39px !important;

        font-size: 18px;
    }

    .bk-ask-suggestions {
        width: 100%;

        justify-content: flex-start;

        flex-wrap: nowrap;

        overflow-x: auto;

        padding: 1px 1px 6px;

        scrollbar-width: none;
    }

    .bk-ask-suggestions::-webkit-scrollbar {
        display: none;
    }

    .bk-ask-suggestions a {
        flex: 0 0 auto;
    }

}



/* ==========================================================
   BASKINTA HOME V2B
   ASK BASKINTA — APPROVED VISUAL REFINEMENT
   Voice-search JS intentionally untouched
   ========================================================== */


/* ---------- Main floating search ---------- */

.bk-ask-wrap {
    margin-top: -36px !important;
}

.bk-ask {
    width: min(1120px,100%) !important;

    min-height: 68px !important;

    grid-template-columns:
        46px
        minmax(0,1fr)
        46px
        58px !important;

    gap: 7px !important;

    padding:
        7px
        8px
        7px
        13px !important;

    border:
        2px solid
        rgba(220,228,237,.92) !important;

    border-radius: 36px !important;

    box-shadow:
        0 11px 30px rgba(21,51,77,.14) !important;
}


/* ---------- Spark ---------- */

.bk-ask-icon {
    width: 40px !important;
    height: 40px !important;

    background: transparent !important;

    color: #0877b5 !important;

    font-size: 25px !important;
}


/* ---------- Input ---------- */

.bk-ask-field {
    justify-content: center !important;
}

.bk-ask-input {
    height: 48px !important;

    font-size: 18px !important;
    font-weight: 500 !important;

    color: #52677e !important;
}

.bk-ask-input::placeholder {
    color: #687d94 !important;
}


/* ---------- Microphone ---------- */

.bk-ask-mic {
    width: 42px !important;
    height: 42px !important;

    color: #173f68 !important;

    border-radius: 50% !important;
}

.bk-ask-mic:hover,
.bk-ask-mic.is-listening {
    background:
        rgba(8,119,181,.09) !important;

    color: #0877b5 !important;
}


/* ---------- Search button ---------- */

.bk-ask-button {
    position: relative;

    width: 54px !important;
    height: 54px !important;

    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            #0877b5,
            #086d89
        ) !important;

    color: transparent !important;

    font-size: 0 !important;

    box-shadow:
        0 5px 13px
        rgba(8,109,137,.20);
}


/* Magnifying glass */

.bk-ask-button::before {
    content: "";

    position: absolute;

    left: 17px;
    top: 15px;

    width: 16px;
    height: 16px;

    border: 2px solid #fff;
    border-radius: 50%;
}

.bk-ask-button::after {
    content: "";

    position: absolute;

    left: 33px;
    top: 32px;

    width: 10px;
    height: 2px;

    border-radius: 2px;

    background: #fff;

    transform: rotate(45deg);
    transform-origin: left center;
}

.bk-ask-button:hover {
    background: #164B63 !important;

    transform: none !important;
}


/* ---------- Quick actions ---------- */

.bk-ask-suggestions {
    width: min(1010px,calc(100% - 40px)) !important;

    margin-top: 10px !important;

    gap: 8px !important;

    flex-wrap: nowrap !important;
}

.bk-ask-suggestions a {
    flex: 1 1 auto;

    min-height: 35px !important;

    gap: 7px;

    padding:
        6px
        11px !important;

    border:
        1px solid
        rgba(22,75,99,.12) !important;

    border-radius: 999px !important;

    background: #fff !important;

    color: #314b63 !important;

    font-size: 11px !important;
    font-weight: 750 !important;

    white-space: nowrap;

    box-shadow:
        0 4px 12px
        rgba(22,75,99,.07) !important;
}


/* ---------- Pill icons ---------- */

.bk-pill-icon {
    position: relative;

    width: 17px;
    height: 17px;

    flex: 0 0 17px;

    display: inline-block;

    color: #13243a;
}


/* Place pin */

.bk-pill-pin {
    width: 13px;
    height: 16px;

    margin-left: 1px;

    border-radius:
        50% 50% 50% 0;

    background: #13243a;

    transform: rotate(-45deg);
}

.bk-pill-pin::after {
    content: "";

    position: absolute;

    width: 5px;
    height: 5px;

    left: 4px;
    top: 4px;

    border-radius: 50%;

    background: #fff;
}


/* Calendar */

.bk-pill-calendar {
    border:
        2px solid #13243a;

    border-radius: 3px;
}

.bk-pill-calendar::before {
    content: "";

    position: absolute;

    left: 2px;
    right: 2px;
    top: 4px;

    height: 2px;

    background: #13243a;
}

.bk-pill-calendar::after {
    content: "•";

    position: absolute;

    left: 5px;
    top: 2px;

    color: #13243a;

    font-size: 13px;
}


/* Municipality */

.bk-pill-municipal::before {
    content: "";

    position: absolute;

    left: 1px;
    right: 1px;
    bottom: 1px;

    height: 10px;

    background: #13243a;

    clip-path:
        polygon(
            0 25%,
            50% 0,
            100% 25%,
            100% 100%,
            0 100%
        );
}

.bk-pill-municipal::after {
    content: "";

    position: absolute;

    width: 3px;
    height: 7px;

    left: 7px;
    bottom: 1px;

    background: #fff;
}


/* Business */

.bk-pill-business {
    border-radius: 2px 2px 4px 4px;

    background: #13243a;
}

.bk-pill-business::before {
    content: "";

    position: absolute;

    left: 2px;
    right: 2px;
    top: -3px;

    height: 5px;

    border-radius: 2px;

    background: #13243a;
}

.bk-pill-business::after {
    content: "";

    position: absolute;

    left: 4px;
    right: 4px;
    top: 6px;

    height: 2px;

    background: #fff;
}


/* Restaurant */

.bk-pill-food::before {
    content: "";

    position: absolute;

    left: 2px;
    top: 0;

    width: 3px;
    height: 17px;

    border-radius: 2px;

    background: #13243a;

    box-shadow:
        5px 0 0 #13243a;
}

.bk-pill-food::after {
    content: "";

    position: absolute;

    right: 0;
    top: 0;

    width: 5px;
    height: 17px;

    border-radius:
        4px 4px 2px 2px;

    background: #13243a;
}


/* Stay / bed */

.bk-pill-stay::before {
    content: "";

    position: absolute;

    left: 0;
    bottom: 3px;

    width: 17px;
    height: 8px;

    border-radius: 2px;

    background: #13243a;
}

.bk-pill-stay::after {
    content: "";

    position: absolute;

    left: 2px;
    bottom: 9px;

    width: 6px;
    height: 5px;

    border-radius: 2px 2px 0 0;

    background: #13243a;
}


/* ---------- Reduce gap before Explore ---------- */

.bk-ask-wrap + .bk-explore,
.bk-explore {
    padding-top: 52px !important;
}


/* ---------- Tablet ---------- */

@media (max-width: 900px) {

    .bk-ask-suggestions {
        width: 100% !important;

        justify-content: flex-start !important;

        overflow-x: auto;

        padding-bottom: 6px;

        scrollbar-width: none;
    }

    .bk-ask-suggestions::-webkit-scrollbar {
        display: none;
    }

    .bk-ask-suggestions a {
        flex: 0 0 auto;
    }

}


/* ---------- Mobile ---------- */

@media (max-width: 600px) {

    .bk-ask {
        min-height: 60px !important;

        grid-template-columns:
            34px
            minmax(0,1fr)
            36px
            46px !important;

        padding:
            5px
            6px
            5px
            10px !important;

        border-radius: 30px !important;
    }

    .bk-ask-icon {
        width: 30px !important;
        height: 30px !important;

        font-size: 19px !important;
    }

    .bk-ask-input {
        height: 42px !important;

        font-size: 14px !important;
    }

    .bk-ask-mic {
        width: 34px !important;
        height: 34px !important;
    }

    .bk-ask-button {
        width: 43px !important;
        height: 43px !important;
    }

    .bk-ask-button::before {
        left: 13px;
        top: 11px;

        width: 14px;
        height: 14px;
    }

    .bk-ask-button::after {
        left: 27px;
        top: 26px;

        width: 8px;
    }

    .bk-ask-suggestions {
        width: 100% !important;

        margin-top: 8px !important;
    }

}



/* ==========================================================
   BASKINTA V2C
   Slim approved Ask Baskinta + Hero Video Modal
   ========================================================== */


/* ==========================================================
   ASK BASKINTA — FINAL SLIM OVERRIDE
   ========================================================== */

.bk-ask-wrap {
    margin-top: -30px !important;
    padding-bottom: 0 !important;
}


/* Main capsule */

.bk-ask {
    width: min(1120px,100%) !important;

    min-height: 56px !important;
    height: 56px !important;

    grid-template-columns:
        36px
        minmax(0,1fr)
        38px
        48px !important;

    gap: 4px !important;

    padding:
        4px
        5px
        4px
        10px !important;

    border:
        1px solid
        rgba(201,214,225,.95) !important;

    border-radius: 30px !important;

    background: #fff !important;

    box-shadow:
        0 7px 20px
        rgba(20,50,75,.11) !important;
}


/* Spark */

.bk-ask-icon {
    width: 32px !important;
    height: 32px !important;

    margin: 0 !important;

    background: transparent !important;

    color: #0877b5 !important;

    font-size: 21px !important;
}


/* Field */

.bk-ask-field {
    min-width: 0 !important;

    display: flex !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;
}

.bk-ask-input {
    width: 100% !important;
    height: 46px !important;

    margin: 0 !important;
    padding: 0 7px !important;

    border: 0 !important;
    outline: 0 !important;

    background: transparent !important;

    box-shadow: none !important;

    color: #536b82 !important;

    font-size: 16px !important;
    font-weight: 500 !important;

    line-height: 46px !important;
}

.bk-ask-input::placeholder {
    color: #647a90 !important;
    opacity: 1 !important;
}


/* Microphone */

.bk-ask-mic {
    width: 34px !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    align-self: center;

    background: transparent !important;

    color: #173f68 !important;
}

.bk-ask-mic span {
    width: 10px !important;
    height: 16px !important;
}

.bk-ask-mic span::before {
    width: 14px !important;
    height: 7px !important;

    bottom: -6px !important;
}

.bk-ask-mic span::after {
    bottom: -9px !important;
    height: 4px !important;
}

.bk-ask-mic:hover,
.bk-ask-mic.is-listening {
    background:
        rgba(8,119,181,.08) !important;

    color: #0877b5 !important;
}


/* Search */

.bk-ask-button {
    width: 46px !important;
    height: 46px !important;

    align-self: center;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            #0877b5,
            #086d89
        ) !important;

    box-shadow:
        0 4px 10px
        rgba(8,109,137,.18) !important;
}


/* Reposition magnifier for smaller circle */

.bk-ask-button::before {
    left: 14px !important;
    top: 12px !important;

    width: 14px !important;
    height: 14px !important;
}

.bk-ask-button::after {
    left: 28px !important;
    top: 27px !important;

    width: 8px !important;
}


/* Quick pills */

.bk-ask-suggestions {
    width: min(980px,calc(100% - 50px)) !important;

    margin:
        7px
        auto
        0 !important;

    gap: 6px !important;

    flex-wrap: nowrap !important;
}

.bk-ask-suggestions a {
    flex: 1 1 auto !important;

    min-height: 29px !important;

    padding:
        4px
        9px !important;

    gap: 6px !important;

    border-radius: 16px !important;

    font-size: 10px !important;
    font-weight: 750 !important;

    line-height: 1 !important;

    box-shadow:
        0 3px 9px
        rgba(22,75,99,.055) !important;
}

.bk-pill-icon {
    transform: scale(.82);
    transform-origin: center;
}


/* Pull Explore upward */

.bk-explore {
    padding-top: 38px !important;
}


/* ==========================================================
   HERO VIDEO MODAL
   ========================================================== */

.bk-video-modal {
    position: fixed;

    inset: 0;

    z-index: 999999;

    display: none;

    align-items: center;
    justify-content: center;

    padding: 28px;
}

.bk-video-modal.is-open {
    display: flex;
}

.bk-video-backdrop {
    position: absolute;

    inset: 0;

    background:
        rgba(3,13,23,.88);

    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

.bk-video-dialog {
    position: relative;

    z-index: 2;

    width: min(100%,1000px);

    border-radius: 18px;

    background: #000;

    box-shadow:
        0 30px 90px
        rgba(0,0,0,.48);
}

.bk-video-frame {
    position: relative;

    width: 100%;

    aspect-ratio: 16 / 9;

    overflow: hidden;

    border-radius: 18px;
}

.bk-video-frame iframe {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    border: 0;
}

.bk-video-close {
    position: absolute;

    z-index: 4;

    top: -17px;
    right: -17px;

    width: 42px;
    height: 42px;

    display: grid;
    place-items: center;

    padding: 0;

    border:
        2px solid
        rgba(255,255,255,.65);

    border-radius: 50%;

    background: #164B63;

    color: #fff;

    font-size: 27px;
    line-height: 1;

    cursor: pointer;

    box-shadow:
        0 5px 18px
        rgba(0,0,0,.28);
}

.bk-video-close:hover {
    background: #086D89;
}

body.bk-video-open {
    overflow: hidden;
}


/* Make button element behave exactly like previous link */

button.bk-watch-video {
    font-family: inherit;

    cursor: pointer;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 700px) {

    .bk-ask-wrap {
        margin-top: -25px !important;
    }

    .bk-ask {
        min-height: 52px !important;
        height: 52px !important;

        grid-template-columns:
            30px
            minmax(0,1fr)
            32px
            42px !important;

        padding:
            3px
            4px
            3px
            8px !important;
    }

    .bk-ask-icon {
        width: 27px !important;
        height: 27px !important;

        font-size: 17px !important;
    }

    .bk-ask-input {
        height: 42px !important;

        padding: 0 4px !important;

        font-size: 13px !important;

        line-height: 42px !important;
    }

    .bk-ask-mic {
        width: 30px !important;
        height: 30px !important;
    }

    .bk-ask-button {
        width: 40px !important;
        height: 40px !important;
    }

    .bk-ask-button::before {
        left: 12px !important;
        top: 10px !important;

        width: 13px !important;
        height: 13px !important;
    }

    .bk-ask-button::after {
        left: 25px !important;
        top: 24px !important;
    }

    .bk-ask-suggestions {
        width: 100% !important;

        justify-content: flex-start !important;

        overflow-x: auto;

        padding-bottom: 5px;

        scrollbar-width: none;
    }

    .bk-ask-suggestions::-webkit-scrollbar {
        display: none;
    }

    .bk-ask-suggestions a {
        flex: 0 0 auto !important;
    }

    .bk-video-modal {
        padding: 15px;
    }

    .bk-video-close {
        top: -13px;
        right: -6px;

        width: 38px;
        height: 38px;
    }

}



/* ==========================================================
   BASKINTA HOME V3 — EXPLORE BASKINTA
   Hero / Ask / Features intentionally untouched
   ========================================================== */


/* ---------- Section ---------- */

.bk-explore {
    padding-top: 42px !important;
    padding-bottom: 34px !important;
}

.bk-explore .bk-section-heading {
    margin-bottom: 24px !important;
}

.bk-explore .bk-section-heading h2 {
    font-size: clamp(32px,2.2vw,42px) !important;
    letter-spacing: -.025em;
}


/* ---------- Track ---------- */

.bk-explore-track {
    grid-auto-columns:
        calc((100% - 5 * 18px) / 6) !important;

    gap: 18px !important;

    padding:
        3px
        1px
        13px !important;
}


/* ---------- Card ---------- */

.bk-explore-card {
    position: relative;

    min-height: 205px !important;

    padding: 24px 22px !important;

    display: flex !important;
    flex-direction: column;
    justify-content: flex-end;

    border:
        1px solid
        rgba(22,75,99,.11) !important;

    border-radius: 18px !important;

    overflow: hidden;

    text-decoration: none !important;

    box-shadow:
        0 8px 23px
        rgba(22,75,99,.07);

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

.bk-explore-card:hover {
    transform: translateY(-3px);

    border-color:
        rgba(8,109,137,.22) !important;

    box-shadow:
        0 15px 32px
        rgba(22,75,99,.13);
}


/* Overlay for photographic cards */

.bk-explore-card::after {
    content: "";

    position: absolute;

    inset: 0;

    z-index: 0;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(4,18,28,.03) 0%,
            rgba(4,18,28,.12) 38%,
            rgba(4,18,28,.82) 100%
        );
}


/* Existing content above overlay */

.bk-explore-card > * {
    position: relative;
    z-index: 2;
}


/* ---------- Icon circle ---------- */

.bk-explore-icon {
    width: 50px !important;
    height: 50px !important;

    margin-bottom: auto !important;

    display: grid !important;
    place-items: center !important;

    border:
        1px solid
        rgba(255,255,255,.45);

    border-radius: 50% !important;

    background:
        rgba(255,255,255,.92) !important;

    color: #164B63 !important;

    box-shadow:
        0 4px 13px
        rgba(0,0,0,.08);
}


/* ---------- Stable CSS icon system ---------- */

.bk-explore-symbol {
    position: relative;

    display: block;

    width: 24px;
    height: 24px;

    color: #164B63;
}


/* Nature / mountain */

.bk-explore-trail .bk-explore-symbol::before {
    content: "";

    position: absolute;

    left: 1px;
    bottom: 3px;

    width: 22px;
    height: 17px;

    background: currentColor;

    clip-path:
        polygon(
            0 100%,
            36% 35%,
            49% 58%,
            68% 18%,
            100% 100%
        );
}


/* Church */

.bk-explore-church .bk-explore-symbol::before {
    content: "";

    position: absolute;

    left: 5px;
    bottom: 2px;

    width: 14px;
    height: 16px;

    background: currentColor;

    clip-path:
        polygon(
            50% 0,
            100% 30%,
            100% 100%,
            0 100%,
            0 30%
        );
}

.bk-explore-church .bk-explore-symbol::after {
    content: "✝";

    position: absolute;

    left: 6px;
    top: -8px;

    width: 12px;

    color: currentColor;

    font-size: 15px;
    font-weight: 800;

    text-align: center;
}


/* Food */

.bk-explore-food .bk-explore-symbol::before {
    content: "♨";

    position: absolute;

    inset: 0;

    display: grid;
    place-items: center;

    font-size: 25px;
    font-weight: 800;
}


/* Stay */

.bk-explore-stay .bk-explore-symbol::before {
    content: "";

    position: absolute;

    left: 1px;
    bottom: 5px;

    width: 22px;
    height: 10px;

    border-radius: 2px;

    background: currentColor;
}

.bk-explore-stay .bk-explore-symbol::after {
    content: "";

    position: absolute;

    left: 3px;
    bottom: 15px;

    width: 8px;
    height: 6px;

    border-radius: 3px 3px 0 0;

    background: currentColor;
}


/* Shop */

.bk-explore-shop .bk-explore-symbol::before {
    content: "";

    position: absolute;

    left: 3px;
    bottom: 2px;

    width: 18px;
    height: 16px;

    border: 3px solid currentColor;

    border-radius: 2px;
}

.bk-explore-shop .bk-explore-symbol::after {
    content: "";

    position: absolute;

    left: 8px;
    top: 0;

    width: 8px;
    height: 7px;

    border:
        2px solid currentColor;

    border-bottom: 0;

    border-radius: 6px 6px 0 0;
}


/* Business */

.bk-explore-business .bk-explore-symbol::before {
    content: "";

    position: absolute;

    left: 2px;
    bottom: 2px;

    width: 20px;
    height: 17px;

    border-radius: 2px;

    background: currentColor;
}

.bk-explore-business .bk-explore-symbol::after {
    content: "";

    position: absolute;

    left: 7px;
    top: 0;

    width: 10px;
    height: 5px;

    border-radius: 2px 2px 0 0;

    background: currentColor;
}


/* Events */

.bk-explore-events .bk-explore-symbol::before {
    content: "";

    position: absolute;

    inset: 3px 2px 2px;

    border:
        2px solid currentColor;

    border-radius: 3px;
}

.bk-explore-events .bk-explore-symbol::after {
    content: "• •";

    position: absolute;

    left: 5px;
    top: 7px;

    color: currentColor;

    font-size: 12px;
    letter-spacing: 2px;
}


/* Heritage */

.bk-explore-heritage .bk-explore-symbol::before {
    content: "";

    position: absolute;

    left: 1px;
    bottom: 3px;

    width: 22px;
    height: 17px;

    background: currentColor;

    clip-path:
        polygon(
            50% 0,
            100% 28%,
            90% 28%,
            90% 100%,
            10% 100%,
            10% 28%,
            0 28%
        );
}


/* Municipality */

.bk-explore-municipality .bk-explore-symbol::before {
    content: "";

    position: absolute;

    left: 2px;
    bottom: 2px;

    width: 20px;
    height: 18px;

    background: currentColor;

    clip-path:
        polygon(
            50% 0,
            100% 25%,
            88% 25%,
            88% 100%,
            12% 100%,
            12% 25%,
            0 25%
        );
}


/* ---------- Typography ---------- */

.bk-explore-card h3 {
    margin:
        18px
        0
        4px !important;

    color: #fff !important;

    font-size: 17px !important;
    font-weight: 850 !important;

    line-height: 1.15;
}

.bk-explore-card p {
    margin: 0 !important;

    color:
        rgba(255,255,255,.87) !important;

    font-size: 12px !important;

    line-height: 1.3;
}


/* ---------- Carousel buttons ---------- */

.bk-carousel-buttons {
    gap: 7px !important;
}

.bk-carousel-buttons button {
    width: 38px !important;
    height: 38px !important;

    border:
        1px solid
        rgba(22,75,99,.18) !important;

    background: #fff !important;

    color: #164B63 !important;

    box-shadow:
        0 4px 11px
        rgba(22,75,99,.07);
}

.bk-carousel-buttons button:hover {
    background: #086D89 !important;
    border-color: #086D89 !important;
    color: #fff !important;
}


/* ---------- Responsive ---------- */

@media (max-width: 1199px) {

    .bk-explore-track {
        grid-auto-columns:
            calc((100% - 3 * 18px) / 4)
            !important;
    }

}


@media (max-width: 767px) {

    .bk-explore {
        padding-top: 35px !important;
    }

    .bk-explore-track {
        grid-auto-columns: 72% !important;
        gap: 13px !important;
    }

    .bk-explore-card {
        min-height: 195px !important;
    }

}



/* ==========================================================
   BASKINTA V3.1 — EXPLORE FINE TUNING
   Icons top-left + branded carousel controls
   ========================================================== */


/* ---------- Explore cards ---------- */

.bk-explore-card {
    position: relative !important;
}


/* ---------- Icons: fixed top-left position ---------- */

.bk-explore-card .bk-explore-icon {
    position: absolute !important;

    top: 18px !important;
    left: 18px !important;

    z-index: 4 !important;

    width: 48px !important;
    height: 48px !important;

    margin: 0 !important;

    display: grid !important;
    place-items: center !important;

    border:
        1px solid
        rgba(255,255,255,.65) !important;

    border-radius: 50% !important;

    background:
        rgba(255,255,255,.94) !important;

    color: #164B63 !important;

    box-shadow:
        0 5px 14px
        rgba(4,18,28,.13) !important;

    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}


/* Preserve card copy at bottom */

.bk-explore-card h3 {
    margin-top: 0 !important;
}


/* ---------- Carousel controls ---------- */

.bk-carousel-buttons {
    gap: 9px !important;
}

.bk-carousel-buttons button {
    width: 40px !important;
    height: 40px !important;

    display: grid !important;
    place-items: center !important;

    padding: 0 !important;

    border:
        1px solid
        #086D89 !important;

    border-radius: 50% !important;

    background:
        #086D89 !important;

    color:
        #ffffff !important;

    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    box-shadow:
        0 5px 14px
        rgba(8,109,137,.20) !important;

    cursor: pointer;

    transition:
        background .18s ease,
        border-color .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}


/* Ensure arrow characters inherit white */

.bk-carousel-buttons button,
.bk-carousel-buttons button * {
    color: #ffffff !important;
}


/* Hover uses Baskinta Deep Blue */

.bk-carousel-buttons button:hover {
    background:
        #164B63 !important;

    border-color:
        #164B63 !important;

    color:
        #ffffff !important;

    transform:
        translateY(-1px);

    box-shadow:
        0 7px 17px
        rgba(22,75,99,.25) !important;
}


/* Press feedback */

.bk-carousel-buttons button:active {
    transform:
        translateY(0)
        scale(.96);
}


/* Keyboard accessibility */

.bk-carousel-buttons button:focus-visible {
    outline:
        3px solid
        rgba(89,188,211,.45);

    outline-offset: 3px;
}


/* ---------- Mobile ---------- */

@media (max-width: 767px) {

    .bk-explore-card .bk-explore-icon {
        top: 15px !important;
        left: 15px !important;

        width: 44px !important;
        height: 44px !important;
    }

    .bk-carousel-buttons button {
        width: 38px !important;
        height: 38px !important;
    }

}



/* ==========================================================
   BASKINTA HOME V4 — EXPERIENCE CARDS
   Approved design alignment
   Existing authentic photography preserved
   ========================================================== */


/* ----------------------------------------------------------
   REDUCE GAP BETWEEN EXPLORE AND FEATURE CARDS
   ---------------------------------------------------------- */

.bk-explore {
    padding-bottom: 12px !important;
}

.bk-feature-section {
    padding-top: 10px !important;
    padding-bottom: 34px !important;
}


/* Fallback if feature section does not carry the helper class */

.bk-explore + .bk-section {
    padding-top: 10px !important;
}


/* ----------------------------------------------------------
   GRID
   ---------------------------------------------------------- */

.bk-feature-grid {
    gap: 18px !important;
}


/* ----------------------------------------------------------
   CARD
   ---------------------------------------------------------- */

.bk-feature-card {
    min-height: 315px !important;

    border-radius: 18px !important;

    box-shadow:
        0 8px 24px
        rgba(10,35,55,.08);

    transition:
        transform .22s ease,
        box-shadow .22s ease;
}

.bk-feature-card:hover {
    transform: translateY(-2px);

    box-shadow:
        0 14px 32px
        rgba(10,35,55,.13);
}


/* Approved darker lower gradient */

.bk-feature-card::before {
    background:
        linear-gradient(
            180deg,
            rgba(4,16,30,.03) 0%,
            rgba(4,16,30,.15) 32%,
            rgba(4,16,30,.82) 76%,
            rgba(4,16,30,.94) 100%
        ) !important;
}


/* ----------------------------------------------------------
   CONTENT
   ---------------------------------------------------------- */

.bk-feature-content {
    width: 100%;

    padding:
        30px
        32px
        25px !important;
}

.bk-feature-content h2 {
    max-width: 90%;

    margin:
        0
        0
        11px !important;

    color: #fff !important;

    font-size:
        clamp(27px,2vw,35px) !important;

    font-weight: 850 !important;

    line-height: 1.06 !important;

    letter-spacing: -.025em;
}

.bk-feature-content p {
    max-width: 88%;

    margin:
        0
        0
        18px !important;

    color:
        rgba(255,255,255,.94) !important;

    font-size: 15px !important;

    line-height: 1.42 !important;
}


/* ----------------------------------------------------------
   APPROVED BLUE CTA BUTTON
   ---------------------------------------------------------- */

.bk-feature-content a {
    position: relative;

    min-height: 45px;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    gap: 10px;

    padding:
        0
        19px !important;

    border:
        1px solid
        rgba(255,255,255,.82);

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            #0877b5,
            #278dcc
        );

    color: #fff !important;

    text-decoration: none !important;

    font-size: 14px !important;
    font-weight: 800 !important;

    line-height: 1 !important;

    box-shadow:
        0 5px 15px
        rgba(3,34,55,.24);

    transition:
        background .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}


/* Arrow added consistently through CSS */

.bk-feature-content a::after {
    content: "→";

    font-size: 20px;

    line-height: 1;

    transition:
        transform .2s ease;
}

.bk-feature-content a:hover {
    background:
        #164B63;

    transform:
        translateY(-1px);

    box-shadow:
        0 7px 18px
        rgba(3,34,55,.30);
}

.bk-feature-content a:hover::after {
    transform:
        translateX(3px);
}


/* ----------------------------------------------------------
   SMALL CATEGORY ICONS INSIDE CTA
   ---------------------------------------------------------- */

/* Nature leaf */

.bk-feature-nature
.bk-feature-content a::before {
    content: "◒";

    width: 19px;
    height: 19px;

    display: grid;
    place-items: center;

    font-size: 18px;

    transform: rotate(-30deg);
}


/* Religious / church */

.bk-feature-religious
.bk-feature-content a::before {
    content: "♱";

    width: 19px;
    height: 19px;

    display: grid;
    place-items: center;

    font-size: 21px;
}


/* Taste / cutlery */

.bk-feature-taste
.bk-feature-content a::before {
    content: "♨";

    width: 19px;
    height: 19px;

    display: grid;
    place-items: center;

    font-size: 19px;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 767px) {

    .bk-feature-section {
        padding-top: 6px !important;
    }

    .bk-feature-grid {
        gap: 14px !important;
    }

    .bk-feature-card {
        min-height: 285px !important;
    }

    .bk-feature-content {
        padding:
            25px
            24px
            22px !important;
    }

    .bk-feature-content h2 {
        max-width: 100%;

        font-size: 28px !important;
    }

    .bk-feature-content p {
        max-width: 100%;

        font-size: 14px !important;
    }

}


/* ==========================================================
   BASKINTA V5 — RIGHT NOW
   ========================================================== */

.bk-live{
    padding-top:34px!important;
    padding-bottom:38px!important;
    background:#f7faff!important
}

.bk-live .bk-section-heading{
    margin-bottom:20px!important
}

.bk-live-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important
}

.bk-live-card{
    min-height:350px!important;
    padding:20px!important;
    overflow:hidden;
    background:#fff!important;
    border:1px solid rgba(22,75,99,.11)!important;
    border-radius:18px!important;
    box-shadow:0 7px 22px rgba(22,75,99,.06)
}


/* HEADERS */

.bk-live-head{
    min-height:34px;
    margin-bottom:14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px
}

.bk-live-title{
    display:flex;
    align-items:center;
    gap:8px
}

.bk-live-title h3{
    margin:0!important;
    color:#13243a!important;
    font-size:18px!important;
    font-weight:850!important
}

.bk-live-head-icon{
    width:26px;
    height:26px;
    display:grid;
    place-items:center;
    color:#0877b5;
    font-size:19px
}

.bk-live-head>a,
.bk-live-footer a{
    color:#0877b5!important;
    text-decoration:none!important;
    font-size:10px!important;
    font-weight:800!important
}

.bk-live-status{
    display:flex;
    align-items:center;
    gap:5px;
    color:#4b6579;
    font-size:10px;
    font-weight:800
}

.bk-live-status i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#35b76f;
    box-shadow:0 0 0 3px rgba(53,183,111,.13)
}


/* WEATHER */

.bk-weather-current{
    min-height:115px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    border-top:1px solid rgba(22,75,99,.07);
    padding-top:10px
}

.bk-weather-main{
    display:flex;
    align-items:center;
    gap:12px
}

.bk-weather-big-icon{
    font-size:48px;
    line-height:1
}

.bk-weather-temperature{
    display:flex;
    flex-direction:column
}

.bk-weather-temperature strong{
    color:#13243a;
    font-size:40px;
    font-weight:850;
    line-height:1
}

.bk-weather-temperature span{
    margin-top:4px;
    color:#13243a;
    font-size:13px;
    font-weight:750
}

.bk-weather-temperature small{
    margin-top:2px;
    color:#78899a;
    font-size:9px
}

.bk-weather-meta{
    min-width:78px;
    display:grid;
    gap:9px
}

.bk-weather-meta span{
    display:flex;
    flex-direction:column;
    color:#64788c;
    font-size:10px
}

.bk-weather-meta b{
    color:#13243a;
    font-size:8px;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.05em
}

.bk-weather-days{
    margin-top:10px;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:4px
}

.bk-weather-day{
    min-width:0;
    padding:7px 2px;
    display:flex;
    flex-direction:column;
    align-items:center;
    background:#f8fbfe;
    border:1px solid rgba(22,75,99,.07);
    border-radius:9px
}

.bk-weather-day span{
    color:#60758a;
    font-size:8px;
    font-weight:750
}

.bk-weather-day b{
    margin:3px 0;
    font-size:17px
}

.bk-weather-day strong{
    color:#13243a;
    font-size:10px
}

.bk-weather-day small{
    color:#8a98a6;
    font-size:8px
}

.bk-live-footer{
    margin-top:12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px
}

.bk-live-footer small{
    color:#9aa6b1;
    font-size:7px
}


/* EVENTS */

.bk-event-list{
    display:flex;
    flex-direction:column
}

.bk-event-row{
    min-height:67px;
    padding:7px 2px;
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    align-items:center;
    gap:11px;
    color:inherit!important;
    text-decoration:none!important;
    border-bottom:1px solid rgba(22,75,99,.08)
}

.bk-event-row:last-child{
    border-bottom:0
}

.bk-event-date{
    width:44px;
    height:49px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background:#edf6ff;
    border:1px solid rgba(8,119,181,.13);
    border-radius:8px
}

.bk-event-date small{
    color:#0877b5;
    font-size:8px;
    font-weight:850
}

.bk-event-date strong{
    color:#13243a;
    font-size:18px;
    line-height:1
}

.bk-event-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:2px
}

.bk-event-copy>strong{
    overflow:hidden;
    color:#13243a;
    font-size:13px;
    font-weight:850;
    white-space:nowrap;
    text-overflow:ellipsis
}

.bk-event-copy small{
    color:#6e8091;
    font-size:9px
}

.bk-event-copy>span{
    color:#0877b5;
    font-size:8px;
    font-weight:750
}


/* MAP */

.bk-map-card{
    padding-bottom:15px!important
}

.bk-map{
    width:100%;
    height:230px;
    overflow:hidden;
    background:#e8eef3;
    border-radius:11px
}

.bk-map .leaflet-control-attribution{
    font-size:7px
}

.bk-map-marker-wrap{
    background:transparent!important;
    border:0!important
}

.bk-map-marker{
    width:17px;
    height:17px;
    display:block;
    border:3px solid #fff;
    border-radius:50%;
    box-shadow:0 2px 6px rgba(0,0,0,.25)
}

.bk-map-legend{
    margin-top:9px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px 11px
}

.bk-map-legend span{
    display:inline-flex;
    align-items:center;
    gap:4px;
    color:#62778b;
    font-size:8px;
    font-weight:700
}

.bk-map-legend i{
    width:7px;
    height:7px;
    display:inline-block;
    border-radius:50%
}

.bk-map-legend .church{background:#d15b52}
.bk-map-legend .trail{background:#48a86a}
.bk-map-legend .restaurant{background:#d9a028}
.bk-map-legend .stay{background:#7256b5}
.bk-map-legend .business{background:#0877b5}
.bk-map-legend .poi{background:#164B63}


/* FALLBACKS */

.bk-weather-error,
.bk-map-error,
.bk-weather-loading{
    padding:20px 0;
    color:#68788d;
    font-size:12px
}


/* TABLET */

@media(max-width:1199px){

    .bk-live-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important
    }

    .bk-map-card{
        grid-column:1/-1
    }

}


/* MOBILE */

@media(max-width:767px){

    .bk-live{
        padding-top:28px!important;
        padding-bottom:32px!important
    }

    .bk-live-grid{
        grid-template-columns:1fr!important;
        gap:14px!important
    }

    .bk-map-card{
        grid-column:auto
    }

    .bk-live-card{
        min-height:auto!important;
        padding:17px!important
    }

    .bk-weather-current{
        min-height:105px
    }

    .bk-weather-big-icon{
        font-size:42px
    }

    .bk-weather-temperature strong{
        font-size:36px
    }

    .bk-map{
        height:260px
    }

}


/* V5.1 — Right Now cards without redundant section heading */

.bk-live {
    padding-top: 22px !important;
}



/* ==========================================================
   BASKINTA EVENT CATEGORY COLOR SYSTEM
   ========================================================== */

.bk-event-row {
    position: relative;
}

.bk-event-row::before {
    content: "";

    position: absolute;

    left: -20px;
    top: 10px;
    bottom: 10px;

    width: 3px;

    border-radius: 4px;

    background: #0877b5;
}


/* Christmas & Seasonal */

.bk-event-christmas-seasonal::before {
    background: #C6283D;
}

.bk-event-christmas-seasonal
.bk-event-date {
    background: #fff1f3;
}

.bk-event-christmas-seasonal
.bk-event-date small {
    color: #C6283D;
}


/* Religious */

.bk-event-religious::before {
    background: #7256B5;
}

.bk-event-religious
.bk-event-date {
    background: #f4f0ff;
}

.bk-event-religious
.bk-event-date small {
    color: #7256B5;
}


/* Festivals & Community */

.bk-event-festivals-community::before {
    background: #D99018;
}

.bk-event-festivals-community
.bk-event-date {
    background: #fff7e7;
}

.bk-event-festivals-community
.bk-event-date small {
    color: #D99018;
}


/* Arts & Culture */

.bk-event-arts-culture::before {
    background: #0877B5;
}

.bk-event-arts-culture
.bk-event-date {
    background: #edf6ff;
}

.bk-event-arts-culture
.bk-event-date small {
    color: #0877B5;
}


/* Nature & Sports */

.bk-event-nature-sports::before {
    background: #48A86A;
}

.bk-event-nature-sports
.bk-event-date {
    background: #edf9f1;
}

.bk-event-nature-sports
.bk-event-date small {
    color: #48A86A;
}


/* Commercial & Market */

.bk-event-commercial-market::before {
    background: #C06B32;
}

.bk-event-commercial-market
.bk-event-date {
    background: #fff3eb;
}

.bk-event-commercial-market
.bk-event-date small {
    color: #C06B32;
}


/* Municipality */

.bk-event-municipality::before {
    background: #164B63;
}

.bk-event-municipality
.bk-event-date {
    background: #edf3f6;
}

.bk-event-municipality
.bk-event-date small {
    color: #164B63;
}


/* Education */

.bk-event-education::before {
    background: #59BCD3;
}

.bk-event-education
.bk-event-date {
    background: #eefafd;
}

.bk-event-education
.bk-event-date small {
    color: #278ba4;
}


/* ==========================================================
   EVENTS — Proper Calendar Header Icon
   ========================================================== */

/* Hide existing placeholder character */
.bk-events-card .bk-live-head-icon {
    position: relative;

    width: 28px !important;
    height: 28px !important;

    overflow: hidden;

    color: transparent !important;

    font-size: 0 !important;
}


/* Calendar body */
.bk-events-card .bk-live-head-icon::before {
    content: "";

    position: absolute;

    left: 3px;
    top: 5px;

    width: 21px;
    height: 19px;

    box-sizing: border-box;

    border: 3px solid #0877B5;
    border-radius: 3px;

    background:
        linear-gradient(
            to bottom,
            #0877B5 0,
            #0877B5 5px,
            transparent 5px,
            transparent 100%
        );
}


/* Calendar rings + date dots */
.bk-events-card .bk-live-head-icon::after {
    content: "••";

    position: absolute;

    left: 8px;
    top: 10px;

    color: #0877B5;

    font-size: 11px;
    font-weight: 900;

    letter-spacing: 2px;

    line-height: 1;
}


/* ==========================================================
   BASKINTA V5.2
   Live cards header separator + map pin + larger legend
   ========================================================== */


/* ----------------------------------------------------------
   HEADER SEPARATOR
   Consistent across Weather / Events / Map
   ---------------------------------------------------------- */

.bk-live-card .bk-live-head {
    position: relative;

    margin-bottom: 17px !important;
    padding-bottom: 14px !important;

    border-bottom:
        1px solid
        rgba(22,75,99,.20) !important;
}


/* Remove redundant weather-only top line */

.bk-weather-current {
    border-top: 0 !important;
    padding-top: 0 !important;
}


/* ----------------------------------------------------------
   INTERACTIVE MAP — PROPER LOCATION PIN
   ---------------------------------------------------------- */

.bk-map-card .bk-live-head-icon {
    position: relative;

    width: 30px !important;
    height: 32px !important;

    flex: 0 0 30px;

    overflow: visible;

    color: transparent !important;

    font-size: 0 !important;
}


/* Pin body */

.bk-map-card .bk-live-head-icon::before {
    content: "";

    position: absolute;

    left: 5px;
    top: 2px;

    width: 20px;
    height: 20px;

    border-radius:
        50% 50% 50% 0;

    background: #0877B5;

    transform: rotate(-45deg);

    box-shadow:
        0 2px 5px
        rgba(8,119,181,.18);
}


/* Pin center */

.bk-map-card .bk-live-head-icon::after {
    content: "";

    position: absolute;

    left: 12px;
    top: 9px;

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: #fff;
}


/* ----------------------------------------------------------
   MAP LEGEND
   Larger and much easier to read
   ---------------------------------------------------------- */

.bk-map-legend {
    margin-top: 13px !important;

    display: grid !important;

    grid-template-columns:
        repeat(3,max-content);

    justify-content: start;

    column-gap: 20px !important;
    row-gap: 11px !important;
}


.bk-map-legend span {
    display: inline-flex !important;
    align-items: center !important;

    gap: 8px !important;

    color: #455f75 !important;

    font-size: 11px !important;
    font-weight: 750 !important;

    line-height: 1.2;
}


/* Larger category markers */

.bk-map-legend i {
    position: relative;

    width: 20px !important;
    height: 20px !important;

    flex: 0 0 20px;

    display: inline-block !important;

    border:
        2px solid #fff;

    border-radius: 50% !important;

    box-shadow:
        0 2px 6px
        rgba(22,75,99,.16);
}


/* Category colors */

.bk-map-legend .church {
    background: #D15B52 !important;
}

.bk-map-legend .trail {
    background: #48A86A !important;
}

.bk-map-legend .restaurant {
    background: #D99018 !important;
}

.bk-map-legend .stay {
    background: #7256B5 !important;
}

.bk-map-legend .business {
    background: #0877B5 !important;
}

.bk-map-legend .poi {
    background: #164B63 !important;
}


/* Add simple white pictograms */

.bk-map-legend .church::after {
    content: "†";
}

.bk-map-legend .trail::after {
    content: "⌁";
}

.bk-map-legend .restaurant::after {
    content: "•";
}

.bk-map-legend .stay::after {
    content: "■";
}

.bk-map-legend .business::after {
    content: "•";
}

.bk-map-legend .poi::after {
    content: "●";
}


.bk-map-legend i::after {
    position: absolute;

    inset: 0;

    display: grid;
    place-items: center;

    color: #fff;

    font-size: 11px;
    font-style: normal;
    font-weight: 900;

    line-height: 1;
}


/* ----------------------------------------------------------
   MAP HEIGHT
   Give map slightly more presence
   ---------------------------------------------------------- */

.bk-map {
    height: 235px !important;
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media (max-width:1199px) {

    .bk-map-legend {
        grid-template-columns:
            repeat(3,max-content);
    }

}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width:767px) {

    .bk-live-card .bk-live-head {
        padding-bottom: 11px !important;
    }

    .bk-map-legend {
        grid-template-columns:
            repeat(2,max-content);

        column-gap: 16px !important;
        row-gap: 10px !important;
    }

    .bk-map-legend span {
        font-size: 10px !important;
    }

    .bk-map-legend i {
        width: 19px !important;
        height: 19px !important;

        flex-basis: 19px;
    }

}


/* ==========================================================
   BASKINTA V6
   Pictures + Be Part of Baskinta
   ========================================================== */


/* ===================== PICTURES ========================== */

.bk-pictures {
    padding-top: 27px !important;
    padding-bottom: 25px !important;

    background: #fff !important;
}

.bk-pictures-head {
    margin-bottom: 13px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;
}

.bk-pictures-title {
    display: flex;
    align-items: center;

    gap: 12px;
}

.bk-pictures-title h2 {
    margin: 0 0 2px !important;

    color: #164B63 !important;

    font-size: 23px !important;
    font-weight: 850 !important;
}

.bk-pictures-title p {
    margin: 0 !important;

    color: #657a8d !important;

    font-size: 11px !important;
}


/* Camera */

.bk-pictures-camera {
    position: relative;

    width: 31px;
    height: 24px;

    flex: 0 0 31px;

    border-radius: 4px;

    background: #0877B5;
}

.bk-pictures-camera::before {
    content: "";

    position: absolute;

    left: 10px;
    top: 6px;

    width: 11px;
    height: 11px;

    box-sizing: border-box;

    border: 2px solid #fff;
    border-radius: 50%;
}

.bk-pictures-camera::after {
    content: "";

    position: absolute;

    left: 6px;
    top: -4px;

    width: 10px;
    height: 5px;

    border-radius: 3px 3px 0 0;

    background: #0877B5;
}


/* View all */

.bk-pictures-view {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    color: #0877B5 !important;

    text-decoration: none !important;

    font-size: 11px !important;
    font-weight: 800 !important;
}

.bk-pictures-view span {
    font-size: 20px;
}


/* Carousel */

.bk-pictures-carousel {
    position: relative;
}

.bk-pictures .bk-picture-grid {
    display: flex !important;

    grid-template-columns: none !important;

    gap: 9px !important;

    overflow-x: auto;

    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;

    scrollbar-width: none;
}

.bk-pictures .bk-picture-grid::-webkit-scrollbar {
    display: none;
}

.bk-pictures .bk-picture-placeholder {
    flex:
        0 0
        calc((100% - 7 * 9px) / 8) !important;

    width: auto !important;

    min-width: 0;

    aspect-ratio: 1.32 / 1 !important;

    min-height: 0 !important;
    height: auto !important;

    border-radius: 9px !important;

    scroll-snap-align: start;

    background-size: cover !important;
    background-position: center !important;

    box-shadow:
        0 2px 7px
        rgba(22,75,99,.07);
}


/*
 * We currently have five authentic photographs.
 * Keep them compact rather than stretching them.
 */
.bk-pictures .bk-picture-placeholder span {
    font-size: 0 !important;
}


/* Arrows */

.bk-pictures-arrow {
    position: absolute;

    z-index: 5;

    top: 50%;

    width: 42px;
    height: 42px;

    display: grid;
    place-items: center;

    padding: 0;

    border:
        1px solid
        rgba(22,75,99,.12);

    border-radius: 50%;

    background: #fff;

    color: #164B63;

    font-size: 29px;

    line-height: 1;

    box-shadow:
        0 5px 16px
        rgba(22,75,99,.14);

    cursor: pointer;

    transform: translateY(-50%);
}

.bk-pictures-prev {
    left: -21px;
}

.bk-pictures-next {
    right: -21px;
}

.bk-pictures-arrow:hover {
    background: #0877B5;

    color: #fff;
}


/* ================= COMMUNITY =========================== */

.bk-community {
    position: relative;

    padding: 0 !important;

    background: transparent !important;
}

.bk-community .bk-container {
    max-width: none !important;

    width: 100% !important;

    padding: 0 !important;
}

.bk-community-card {
    position: relative;

    min-height: 255px !important;

    width: 100%;

    display: grid !important;

    grid-template-columns:
        minmax(0,1.55fr)
        minmax(280px,.55fr) !important;

    align-items: center !important;

    gap: 70px !important;

    padding:
        38px
        max(5vw,45px) !important;

    overflow: hidden;

    border-radius: 0 !important;

    background:
        linear-gradient(
            90deg,
            rgba(5,39,68,.94),
            rgba(9,64,102,.86),
            rgba(7,50,82,.80)
        ),
        url("https://baskinta.com/wp-content/uploads/2026/09/snow-marj-baskinta.jpg")
        center 55% / cover
        no-repeat !important;

    box-shadow: none !important;

    color: #fff;
}


/* Content */

.bk-community-content {
    position: relative;

    z-index: 2;
}

.bk-community-content h2 {
    margin: 0 0 7px !important;

    color: #fff !important;

    font-size: 30px !important;
    font-weight: 850 !important;
}

.bk-community-content > p {
    margin: 0 0 18px !important;

    color:
        rgba(255,255,255,.94) !important;

    font-size: 13px !important;
}


/* Subscribe */

.bk-community-form {
    width: min(100%,700px) !important;

    min-height: 54px;

    display: grid !important;

    grid-template-columns:
        minmax(0,1fr)
        200px !important;

    gap: 0 !important;

    overflow: hidden;

    padding: 0 !important;

    border:
        2px solid
        rgba(255,255,255,.88) !important;

    border-radius: 15px !important;

    background: #fff !important;
}

.bk-community-form input {
    width: 100% !important;

    min-width: 0;

    height: 52px !important;

    padding:
        0
        20px !important;

    border: 0 !important;
    outline: 0 !important;

    background: #fff !important;

    color: #344e65 !important;

    font-size: 13px !important;

    box-shadow: none !important;
}

.bk-community-form button {
    min-height: 52px;

    border: 0 !important;

    background: #2A79B5 !important;

    color: #fff !important;

    font-family: inherit;

    font-size: 13px !important;
    font-weight: 800 !important;

    cursor: pointer;
}

.bk-community-form button span {
    margin-left: 10px;

    font-size: 19px;
}


/* Message */

.bk-community-message {
    position: relative;

    z-index: 2;

    justify-self: end;

    min-width: 270px;
}

.bk-community-message blockquote {
    margin: 0 !important;

    color: #fff !important;

    font-size: 20px !important;
    font-weight: 500;

    line-height: 1.4;
}

.bk-community-message > span {
    width: 130px;
    height: 1px;

    display: block;

    margin: 12px 0;

    background:
        rgba(255,255,255,.42);
}

.bk-community-message p {
    margin: 0 !important;

    color:
        rgba(255,255,255,.93) !important;

    font-size: 13px !important;

    line-height: 1.5;
}


/* ================= RESPONSIVE ========================== */

@media(max-width:1100px){

    .bk-pictures .bk-picture-placeholder {
        flex-basis:
            calc((100% - 4 * 9px) / 5)
            !important;
    }

    .bk-community-card {
        gap: 35px !important;

        grid-template-columns:
            minmax(0,1.3fr)
            minmax(230px,.7fr)
            !important;
    }

}


@media(max-width:767px){

    .bk-pictures .bk-picture-placeholder {
        flex-basis: 62% !important;
    }

    .bk-pictures-prev {
        left: -6px;
    }

    .bk-pictures-next {
        right: -6px;
    }

    .bk-community-card {
        min-height: 390px !important;

        grid-template-columns:
            1fr !important;

        gap: 30px !important;

        padding:
            38px
            24px !important;
    }

    .bk-community-form {
        grid-template-columns:
            1fr !important;
    }

    .bk-community-message {
        justify-self: start;

        min-width: 0;
    }

}


/* ==========================================================
   BASKINTA V6.1
   Fix community quote + current 5-photo gallery
   ========================================================== */


/* ----------------------------------------------------------
   CURRENT GALLERY
   We currently have five authentic images.
   Let them occupy the available width elegantly.
   When we add more photos later, we can return to 8-up.
   ---------------------------------------------------------- */

.bk-pictures .bk-picture-grid {
    gap: 10px !important;
}

.bk-pictures .bk-picture-placeholder {
    flex:
        0 0
        calc((100% - 4 * 10px) / 5)
        !important;

    aspect-ratio:
        1.42 / 1 !important;
}


/* Keep arrows close to actual gallery */

.bk-pictures-prev {
    left: -20px !important;
}

.bk-pictures-next {
    right: -20px !important;
}


/* ----------------------------------------------------------
   COMMUNITY CARD
   ---------------------------------------------------------- */

.bk-community-card {
    min-height: 255px !important;

    grid-template-columns:
        minmax(0,1.55fr)
        minmax(300px,.55fr)
        !important;

    overflow: hidden !important;
}


/* ----------------------------------------------------------
   RESET OLD THEME RULES ON QUOTE AREA
   ---------------------------------------------------------- */

.bk-community-card
.bk-community-message {
    position: relative !important;

    z-index: 3 !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: 330px !important;

    height: auto !important;
    min-height: 0 !important;

    justify-self: end !important;
    align-self: center !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    border: 0 !important;
    border-radius: 0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    color: #fff !important;
}


/* Quote */

.bk-community-card
.bk-community-message blockquote {
    width: auto !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    color: #fff !important;

    font-size: 21px !important;
    font-weight: 500 !important;

    line-height: 1.38 !important;

    white-space: normal !important;

    overflow: visible !important;
}


/* Remove quote pseudo-elements from theme */

.bk-community-card
.bk-community-message blockquote::before,
.bk-community-card
.bk-community-message blockquote::after {
    display: none !important;

    content: none !important;
}


/* Divider */

.bk-community-card
.bk-community-message > span {
    width: 135px !important;
    height: 1px !important;

    display: block !important;

    margin:
        14px
        0 !important;

    padding: 0 !important;

    background:
        rgba(255,255,255,.48)
        !important;

    border: 0 !important;
}


/* Supporting message */

.bk-community-card
.bk-community-message p {
    margin: 0 !important;
    padding: 0 !important;

    color:
        rgba(255,255,255,.94)
        !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 1.5 !important;
}


/* ----------------------------------------------------------
   COMMUNITY FORM
   Slightly closer to approved design
   ---------------------------------------------------------- */

.bk-community-content {
    max-width: 760px;
}

.bk-community-form {
    max-width: 720px !important;
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media(max-width:1100px){

    .bk-pictures .bk-picture-placeholder {
        flex:
            0 0
            calc((100% - 3 * 10px) / 4)
            !important;
    }

    .bk-community-card {
        grid-template-columns:
            minmax(0,1.25fr)
            minmax(260px,.75fr)
            !important;
    }

}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media(max-width:767px){

    .bk-pictures .bk-picture-placeholder {
        flex:
            0 0
            70%
            !important;
    }

    .bk-community-card
    .bk-community-message {
        justify-self: start !important;

        max-width: 100% !important;
    }

}


/* ==========================================================
   BASKINTA V6.2
   15-photo gallery + final community alignment
   ========================================================== */


/* ----------------------------------------------------------
   GALLERY — 8 VISIBLE ON DESKTOP
   ---------------------------------------------------------- */

.bk-pictures {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
}

.bk-pictures .bk-picture-grid {
    gap: 9px !important;
}

.bk-pictures .bk-picture-placeholder {
    flex:
        0 0
        calc((100% - 7 * 9px) / 8)
        !important;

    height: 145px !important;
    min-height: 145px !important;

    aspect-ratio: auto !important;

    overflow: hidden !important;

    border-radius: 8px !important;

    background: #e9eef2 !important;
}

.bk-pictures
.bk-picture-real img {
    width: 100% !important;
    height: 100% !important;

    display: block !important;

    object-fit: cover !important;

    object-position: center !important;

    transition:
        transform .25s ease;
}

.bk-pictures
.bk-picture-real:hover img {
    transform: scale(1.04);
}


/* Keep carousel arrows vertically centered on photos */

.bk-pictures-arrow {
    top: 50% !important;
}


/* ----------------------------------------------------------
   COMMUNITY — FINAL TWO-COLUMN ALIGNMENT
   ---------------------------------------------------------- */

.bk-community-card {
    position: relative !important;

    min-height: 255px !important;

    display: grid !important;

    grid-template-columns:
        minmax(0,1fr)
        320px !important;

    align-items: center !important;

    column-gap: 80px !important;

    padding:
        38px
        6% !important;

    overflow: hidden !important;
}


/* Left content */

.bk-community-content {
    width: 100% !important;
    max-width: 760px !important;

    justify-self: start !important;
}


/* Right quote: explicit positioning inside grid */

.bk-community-card
.bk-community-message {
    position: static !important;

    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;

    justify-self: end !important;
    align-self: center !important;

    transform: none !important;

    inset: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    background: none !important;
    background-color: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    opacity: 1 !important;

    color: #fff !important;
}


/* Force all quote text white */

.bk-community-card
.bk-community-message blockquote {
    position: static !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;

    background: none !important;

    border: 0 !important;

    font-size: 21px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;

    text-align: left !important;

    transform: none !important;

    opacity: 1 !important;
}

.bk-community-card
.bk-community-message blockquote *,
.bk-community-card
.bk-community-message p,
.bk-community-card
.bk-community-message p * {
    color: #fff !important;
}


/* Absolutely kill inherited quotation styling */

.bk-community-card
.bk-community-message blockquote::before,
.bk-community-card
.bk-community-message blockquote::after {
    content: none !important;
    display: none !important;
}


/* Divider */

.bk-community-card
.bk-community-message > span {
    width: 145px !important;
    height: 1px !important;

    display: block !important;

    margin:
        14px
        0 !important;

    padding: 0 !important;

    background:
        rgba(255,255,255,.48)
        !important;
}


/* Supporting text */

.bk-community-card
.bk-community-message p {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color:
        rgba(255,255,255,.95)
        !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 1.5 !important;

    text-align: left !important;

    white-space: normal !important;

    opacity: 1 !important;
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media(max-width:1100px){

    .bk-pictures
    .bk-picture-placeholder {
        flex:
            0 0
            calc((100% - 4 * 9px) / 5)
            !important;

        height: 150px !important;
    }

    .bk-community-card {
        grid-template-columns:
            minmax(0,1fr)
            260px !important;

        column-gap: 35px !important;
    }

    .bk-community-card
    .bk-community-message {
        width: 260px !important;
        min-width: 260px !important;
        max-width: 260px !important;
    }

}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media(max-width:767px){

    .bk-pictures
    .bk-picture-placeholder {
        flex:
            0 0
            62% !important;

        height: 165px !important;
    }

    .bk-community-card {
        grid-template-columns:
            1fr !important;

        row-gap: 30px !important;

        padding:
            38px
            24px !important;
    }

    .bk-community-card
    .bk-community-message {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        justify-self: start !important;
    }

}


/* ==========================================================
   BASKINTA V6.3
   Clean photographs + strong carousel navigation
   ========================================================== */


/* Remove all grey framing */

.bk-pictures .bk-picture-placeholder,
.bk-pictures .bk-picture-real {
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    border-radius: 10px !important;

    box-shadow: none !important;

    overflow: hidden !important;
}


/* Real photographs */

.bk-pictures .bk-picture-real img {
    width: 100% !important;
    height: 100% !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 10px !important;

    object-fit: cover !important;
    object-position: center !important;
}


/* Slightly cleaner gallery spacing */

.bk-pictures .bk-picture-grid {
    gap: 10px !important;
}

.bk-pictures .bk-picture-placeholder {
    flex:
        0 0
        calc((100% - 7 * 10px) / 8)
        !important;

    height: 145px !important;
    min-height: 145px !important;
}


/* ==========================================================
   LARGE WHITE CAROUSEL BUTTONS
   ========================================================== */

.bk-pictures-arrow {
    z-index: 20 !important;

    width: 50px !important;
    height: 50px !important;

    display: grid !important;
    place-items: center !important;

    padding: 0 !important;

    border:
        1px solid
        rgba(22,75,99,.12)
        !important;

    border-radius: 50% !important;

    background:
        #ffffff !important;

    color:
        #164B63 !important;

    font-size: 38px !important;
    font-weight: 500 !important;

    line-height: 1 !important;

    opacity: 1 !important;

    box-shadow:
        0 7px 22px
        rgba(10,38,58,.22)
        !important;

    cursor: pointer !important;

    visibility: visible !important;
}


/* Position partly over gallery edges */

.bk-pictures-prev {
    left: -25px !important;
}

.bk-pictures-next {
    right: -25px !important;
}


/* Strong hover */

.bk-pictures-arrow:hover {
    background:
        #0877B5 !important;

    border-color:
        #0877B5 !important;

    color:
        #ffffff !important;

    transform:
        translateY(-50%)
        scale(1.05) !important;
}


/* Keyboard */

.bk-pictures-arrow:focus-visible {
    outline:
        3px solid
        rgba(89,188,211,.5);

    outline-offset: 3px;
}


/* Tablet */

@media(max-width:1100px){

    .bk-pictures .bk-picture-placeholder {
        flex:
            0 0
            calc((100% - 4 * 10px) / 5)
            !important;
    }

}


/* Mobile */

@media(max-width:767px){

    .bk-pictures .bk-picture-placeholder {
        flex:
            0 0
            62%
            !important;

        height: 160px !important;
    }

    .bk-pictures-arrow {
        width: 44px !important;
        height: 44px !important;

        font-size: 33px !important;
    }

    .bk-pictures-prev {
        left: -5px !important;
    }

    .bk-pictures-next {
        right: -5px !important;
    }

}


/* ==========================================================
   BASKINTA V6.4
   FINAL COMMUNITY QUOTE OVERRIDE
   ========================================================== */


/* Give both columns safe breathing room */

.bk-community-card {
    grid-template-columns:
        minmax(0,1fr)
        360px !important;

    column-gap: 90px !important;

    padding-left: 6% !important;
    padding-right: 8% !important;
}


/* Completely reset the right quote container */

.bk-community-card .bk-community-message {
    all: unset;

    box-sizing: border-box !important;

    width: 360px !important;

    display: block !important;

    justify-self: end !important;
    align-self: center !important;

    position: relative !important;
    z-index: 10 !important;

    color: #ffffff !important;

    font-family: inherit !important;

    text-align: left !important;
}


/* Main quote */

.bk-community-card
.bk-community-message blockquote {
    all: unset;

    box-sizing: border-box !important;

    display: block !important;

    width: 100% !important;

    color: #ffffff !important;

    font-family: inherit !important;

    font-size: 25px !important;
    font-weight: 500 !important;

    line-height: 1.32 !important;

    letter-spacing: -.01em !important;

    text-align: left !important;

    opacity: 1 !important;

    -webkit-text-fill-color:
        #ffffff !important;
}


/* Kill any theme quote decorations */

.bk-community-card
.bk-community-message blockquote::before,
.bk-community-card
.bk-community-message blockquote::after {
    content: none !important;
    display: none !important;
}


/* Divider */

.bk-community-card
.bk-community-message > span {
    all: unset;

    width: 150px !important;
    height: 1px !important;

    display: block !important;

    margin:
        16px
        0 !important;

    background:
        rgba(255,255,255,.55)
        !important;
}


/* Supporting statement */

.bk-community-card
.bk-community-message p {
    all: unset;

    box-sizing: border-box !important;

    display: block !important;

    width: 100% !important;

    color:
        rgba(255,255,255,.96)
        !important;

    font-family: inherit !important;

    font-size: 16px !important;
    font-weight: 400 !important;

    line-height: 1.5 !important;

    text-align: left !important;

    opacity: 1 !important;

    -webkit-text-fill-color:
        rgba(255,255,255,.96)
        !important;
}


/* Any nested theme element must remain white */

.bk-community-card
.bk-community-message *,
.bk-community-card
.bk-community-message blockquote *,
.bk-community-card
.bk-community-message p * {
    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;
}


/* Tablet */

@media(max-width:1100px){

    .bk-community-card {
        grid-template-columns:
            minmax(0,1fr)
            300px !important;

        column-gap: 45px !important;

        padding-right: 6% !important;
    }

    .bk-community-card
    .bk-community-message {
        width: 300px !important;
    }

    .bk-community-card
    .bk-community-message blockquote {
        font-size: 22px !important;
    }

}


/* Mobile */

@media(max-width:767px){

    .bk-community-card {
        grid-template-columns:
            1fr !important;

        padding:
            38px
            24px !important;
    }

    .bk-community-card
    .bk-community-message {
        width: 100% !important;

        justify-self: start !important;
    }

}


/* ==========================================================
   BASKINTA V6.5
   Lightbox + Community alignment + Footer logo
   ========================================================== */


/* ----------------------------------------------------------
   MOVE COMMUNITY QUOTE LEFT
   ---------------------------------------------------------- */

.bk-community-card {
    grid-template-columns:
        minmax(0,1fr)
        360px !important;

    column-gap: 65px !important;

    /*
     * More right padding moves the entire quote column
     * visibly inward from the viewport edge.
     */
    padding-right: 13% !important;
}


/* ----------------------------------------------------------
   FOOTER LOGO — 15PX LOWER
   ---------------------------------------------------------- */

.bk-footer-brand img,
.site-footer .bk-footer-brand img,
.bk-footer-logo,
.site-footer .custom-logo {
    position: relative !important;

    top: 15px !important;
}


/* ----------------------------------------------------------
   PHOTO LIGHTBOX
   ---------------------------------------------------------- */

html.bk-lightbox-open,
body.bk-lightbox-open {
    overflow: hidden !important;
}


.bk-photo-lightbox {
    position: fixed;

    z-index: 999999;

    inset: 0;

    display: none;

    align-items: center;
    justify-content: center;

    padding: 35px 80px;
}


.bk-photo-lightbox.is-open {
    display: flex;
}


.bk-photo-lightbox-backdrop {
    position: absolute;

    inset: 0;

    background:
        rgba(3,17,28,.92);

    backdrop-filter:
        blur(5px);

    -webkit-backdrop-filter:
        blur(5px);
}


.bk-photo-lightbox-dialog {
    position: relative;

    z-index: 2;

    width:
        min(1250px,92vw);

    height:
        min(820px,88vh);

    display: flex;
    align-items: center;
    justify-content: center;
}


.bk-photo-lightbox figure {
    width: 100%;
    height: 100%;

    margin: 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 13px;
}


.bk-photo-lightbox-image {
    display: block;

    max-width: 100%;
    max-height:
        calc(88vh - 65px);

    width: auto;
    height: auto;

    object-fit: contain;

    border-radius: 12px;

    box-shadow:
        0 18px 60px
        rgba(0,0,0,.40);
}


/* Caption */

.bk-photo-lightbox figcaption {
    width: 100%;

    display: flex;
    justify-content: space-between;
    align-items: center;

    gap: 20px;

    color:
        rgba(255,255,255,.94);

    font-size: 13px;
}


.bk-photo-lightbox-counter {
    color:
        rgba(255,255,255,.70);

    white-space: nowrap;
}


/* Close */

.bk-photo-lightbox-close {
    position: fixed;

    z-index: 4;

    top: 24px;
    right: 28px;

    width: 48px;
    height: 48px;

    display: grid;
    place-items: center;

    padding: 0;

    border:
        1px solid
        rgba(255,255,255,.25);

    border-radius: 50%;

    background:
        rgba(255,255,255,.12);

    color: #fff;

    font-size: 34px;
    font-weight: 300;

    line-height: 1;

    cursor: pointer;
}


.bk-photo-lightbox-close:hover {
    background: #fff;

    color: #164B63;
}


/* Previous / Next */

.bk-photo-lightbox-nav {
    position: fixed;

    z-index: 4;

    top: 50%;

    width: 58px;
    height: 58px;

    display: grid;
    place-items: center;

    padding: 0;

    border:
        1px solid
        rgba(255,255,255,.22);

    border-radius: 50%;

    background:
        #ffffff;

    color:
        #164B63;

    font-size: 42px;

    line-height: 1;

    cursor: pointer;

    transform:
        translateY(-50%);

    box-shadow:
        0 8px 25px
        rgba(0,0,0,.25);
}


.bk-photo-lightbox-prev {
    left: 28px;
}


.bk-photo-lightbox-next {
    right: 28px;
}


.bk-photo-lightbox-nav:hover {
    background:
        #0877B5;

    border-color:
        #0877B5;

    color: #fff;
}


/* Gallery thumbnails now clearly interactive */

.bk-picture-real {
    cursor: zoom-in;
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media(max-width:1100px){

    .bk-community-card {
        padding-right: 8% !important;
    }

    .bk-photo-lightbox {
        padding:
            30px
            65px;
    }

}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media(max-width:767px){

    .bk-community-card {
        padding-right:
            24px !important;
    }

    .bk-photo-lightbox {
        padding:
            60px
            18px
            45px;
    }

    .bk-photo-lightbox-dialog {
        width: 100%;

        height: 80vh;
    }

    .bk-photo-lightbox-nav {
        width: 44px;
        height: 44px;

        font-size: 33px;

        background:
            rgba(255,255,255,.94);
    }

    .bk-photo-lightbox-prev {
        left: 8px;
    }

    .bk-photo-lightbox-next {
        right: 8px;
    }

    .bk-photo-lightbox-close {
        top: 12px;
        right: 12px;

        width: 43px;
        height: 43px;
    }

    .bk-photo-lightbox figcaption {
        padding:
            0
            5px;

        font-size: 11px;
    }

}


/* ==========================================================
   BASKINTA V6.6
   Move community quote inward
   ========================================================== */

@media (min-width:1101px) {

    .bk-community-card
    .bk-community-message {

        /*
         * Explicit visual correction.
         * Move quote away from extreme right edge.
         */
        transform:
            translateX(-150px)
            !important;
    }

}


/* Tablet: smaller inward shift */

@media (min-width:768px) and (max-width:1100px) {

    .bk-community-card
    .bk-community-message {
        transform:
            translateX(-50px)
            !important;
    }

}


/* Mobile stays naturally aligned */

@media (max-width:767px) {

    .bk-community-card
    .bk-community-message {
        transform:
            none
            !important;
    }

}


/* ==========================================================
   BASKINTA V6.7
   COMMUNITY CTA — MOBILE HARD RESET
   ========================================================== */

@media (max-width:767px) {

    .bk-community {
        width: 100% !important;

        overflow: hidden !important;
    }


    .bk-community .bk-container {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .bk-community-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        min-height: 520px !important;

        display: flex !important;
        flex-direction: column !important;

        align-items: stretch !important;
        justify-content: center !important;

        gap: 36px !important;

        margin: 0 !important;

        padding:
            42px
            24px !important;

        transform: none !important;
    }


    /* LEFT CONTENT */

    .bk-community-content {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        display: block !important;

        transform: none !important;
    }


    .bk-community-content h2 {
        width: 100% !important;

        margin:
            0
            0
            9px !important;

        padding: 0 !important;

        color: #fff !important;

        font-size: 29px !important;
        font-weight: 850 !important;

        line-height: 1.12 !important;

        letter-spacing: -.02em !important;

        white-space: normal !important;

        word-break: normal !important;
        overflow-wrap: normal !important;
    }


    .bk-community-content > p {
        width: 100% !important;

        margin:
            0
            0
            20px !important;

        padding: 0 !important;

        color:
            rgba(255,255,255,.94)
            !important;

        font-size: 14px !important;

        line-height: 1.5 !important;

        white-space: normal !important;

        word-break: normal !important;
        overflow-wrap: normal !important;
    }


    /* FORM */

    .bk-community-form {
        width: 100% !important;
        max-width: none !important;

        min-height: 0 !important;

        display: flex !important;
        flex-direction: column !important;

        gap: 10px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;

        border: 0 !important;
        border-radius: 0 !important;

        background:
            transparent !important;
    }


    .bk-community-form input {
        width: 100% !important;
        min-width: 0 !important;

        height: 54px !important;

        padding:
            0
            17px !important;

        border: 0 !important;
        border-radius: 12px !important;

        background: #fff !important;

        font-size: 14px !important;

        box-sizing: border-box !important;
    }


    .bk-community-form button {
        width: 100% !important;

        min-height: 52px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 10px !important;

        border:
            1px solid
            rgba(255,255,255,.8)
            !important;

        border-radius: 12px !important;

        background:
            #2A79B5 !important;

        color: #fff !important;

        font-size: 14px !important;
        font-weight: 800 !important;
    }


    /* QUOTE */

    .bk-community-card
    .bk-community-message {
        all: unset;

        box-sizing: border-box !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;

        color: #fff !important;

        font-family: inherit !important;
    }


    .bk-community-card
    .bk-community-message blockquote {
        all: unset;

        display: block !important;

        width: 100% !important;

        color: #fff !important;

        font-family: inherit !important;

        font-size: 23px !important;
        font-weight: 500 !important;

        line-height: 1.35 !important;

        white-space: normal !important;

        word-break: normal !important;
        overflow-wrap: normal !important;

        -webkit-text-fill-color:
            #fff !important;
    }


    .bk-community-card
    .bk-community-message > span {
        width: 120px !important;
        height: 1px !important;

        display: block !important;

        margin:
            15px
            0 !important;

        background:
            rgba(255,255,255,.5)
            !important;
    }


    .bk-community-card
    .bk-community-message p {
        all: unset;

        display: block !important;

        width: 100% !important;

        color:
            rgba(255,255,255,.95)
            !important;

        font-family: inherit !important;

        font-size: 15px !important;

        line-height: 1.5 !important;

        white-space: normal !important;

        word-break: normal !important;

        -webkit-text-fill-color:
            rgba(255,255,255,.95)
            !important;
    }

}


/* ==========================================================
   BASKINTA V6.8
   MOBILE NEWSLETTER COMPACTION + FOOTER BRAND FIX
   ========================================================== */

@media (max-width:767px) {


    /* ======================================================
       NEWSLETTER / COMMUNITY
       ====================================================== */

    .bk-community-card {
        min-height: 0 !important;

        gap: 27px !important;

        padding:
            30px
            24px
            34px !important;
    }


    .bk-community-content h2 {
        margin-bottom: 7px !important;

        font-size: 27px !important;

        line-height: 1.12 !important;
    }


    .bk-community-content > p {
        margin-bottom: 15px !important;

        font-size: 13px !important;

        line-height: 1.4 !important;
    }


    /* Smaller email field */

    .bk-community-form input {
        height: 46px !important;
        min-height: 46px !important;

        padding:
            0
            15px !important;

        border-radius: 10px !important;

        font-size: 13px !important;
    }


    /* Smaller subscribe button */

    .bk-community-form button {
        min-height: 44px !important;
        height: 44px !important;

        border-radius: 10px !important;

        font-size: 13px !important;
    }


    .bk-community-form button span {
        margin-left: 7px !important;

        font-size: 17px !important;
    }


    .bk-community-form {
        gap: 8px !important;
    }


    /* Quote slightly more compact */

    .bk-community-card
    .bk-community-message blockquote {
        font-size: 21px !important;

        line-height: 1.32 !important;
    }


    .bk-community-card
    .bk-community-message > span {
        margin:
            12px
            0 !important;
    }


    .bk-community-card
    .bk-community-message p {
        font-size: 14px !important;

        line-height: 1.45 !important;
    }


    /* ======================================================
       FOOTER BRAND
       Undo desktop 15px logo shift on mobile.
       ====================================================== */

    .bk-footer-brand img,
    .site-footer .bk-footer-brand img,
    .bk-footer-logo,
    .site-footer .custom-logo {
        position: static !important;

        top: auto !important;

        transform: none !important;

        margin:
            0
            auto
            10px !important;
    }


    /*
     * Keep the brand block in normal document flow.
     * Prevent tagline/description from climbing over logo.
     */

    .bk-footer-brand,
    .site-footer .bk-footer-brand {
        position: relative !important;

        display: flex !important;
        flex-direction: column !important;

        align-items: center !important;

        width: 100% !important;

        margin: 0 !important;
        padding:
            0
            0
            18px !important;

        transform: none !important;
    }


    /*
     * Footer text immediately following the logo.
     */

    .bk-footer-brand p,
    .bk-footer-brand .tagline,
    .bk-footer-brand .description,
    .site-footer .bk-footer-brand p {
        position: static !important;

        width: 100% !important;

        margin:
            4px
            0
            0 !important;

        padding: 0 !important;

        transform: none !important;

        text-align: center !important;

        line-height: 1.4 !important;
    }

}