/*
Theme Name: BK Home Products
Theme URI: https://bkhomeproducts.lk/
Author: BK Home Products
Author URI: https://bkhomeproducts.lk/
Description: A premium animated e-commerce theme for BK Home Products with luxury navy-and-gold styling, product offers and direct WhatsApp ordering.
Version: 5.2.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: babu-home-product
Tags: custom-logo, custom-menu, featured-images, one-column, e-commerce, responsive-layout
*/

:root {
  --navy-950: #031020;
  --navy-900: #06192f;
  --navy-800: #0a2748;
  --navy-700: #123b68;
  --gold-500: #e9ae16;
  --gold-400: #f5c548;
  --gold-200: #ffe7a3;
  --ink: #101827;
  --muted: #667085;
  --cream: #fbf8f0;
  --paper: #ffffff;
  --line: #e4e7ec;
  --green: #18a944;
  --green-dark: #0d8432;
  --red: #c8212a;
  --shadow-sm: 0 8px 24px rgba(6, 25, 47, .08);
  --shadow-md: 0 18px 48px rgba(6, 25, 47, .14);
  --shadow-lg: 0 30px 80px rgba(2, 15, 31, .24);
  --radius-sm: 12px;
  --radius: 20px;
  --radius-lg: 30px;
  --container: 1220px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body {
  margin: 0;
  overflow-x: hidden;
  color: var(--ink);
  background:
    radial-gradient(circle at 10% 12%, rgba(233,174,22,.06), transparent 25%),
    #fff;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
.container { width: min(100% - 40px, var(--container)); margin-inline: auto; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* Top utility bar */
.topbar {
  color: rgba(255,255,255,.9);
  background: var(--navy-950);
  border-bottom: 1px solid rgba(255,255,255,.08);
  font-size: 12px;
  letter-spacing: .02em;
}
.topbar__inner { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.topbar__welcome { display: flex; align-items: center; gap: 9px; font-weight: 650; }
.topbar__welcome::before { content: "✦"; color: var(--gold-400); }
.topbar__social { display: flex; align-items: center; gap: 14px; }
.topbar__social span { color: rgba(255,255,255,.62); }
.topbar__social a { width: 23px; height: 23px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; transition: .2s ease; }
.topbar__social a:hover { color: var(--gold-400); border-color: var(--gold-500); transform: translateY(-1px); }

/* Premium header */
.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  color: #fff;
  background: rgba(5, 23, 44, .96);
  border-bottom: 1px solid rgba(245,197,72,.25);
  box-shadow: 0 12px 32px rgba(0,0,0,.16);
  backdrop-filter: blur(16px);
}
.site-header__inner { min-height: 92px; display: grid; grid-template-columns: 260px 1fr auto; align-items: center; gap: 28px; }
.brand, .custom-logo-link { display: inline-flex; align-items: center; min-width: 0; }
.brand img, .custom-logo-link img { width: 238px; max-height: 74px; object-fit: contain; object-position: left center; filter: drop-shadow(0 7px 18px rgba(0,0,0,.2)); }
.primary-nav ul { display: flex; align-items: center; justify-content: center; gap: clamp(16px, 2.2vw, 32px); margin: 0; padding: 0; list-style: none; }
.primary-nav a { position: relative; display: block; padding: 15px 0; color: rgba(255,255,255,.86); font-size: 12px; font-weight: 800; letter-spacing: .075em; text-transform: uppercase; transition: .2s ease; }
.primary-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 7px; height: 2px; border-radius: 2px; background: var(--gold-400); transition: right .2s ease; }
.primary-nav a:hover, .primary-nav a:focus-visible, .primary-nav .current-menu-item > a { color: #fff; }
.primary-nav a:hover::after, .primary-nav a:focus-visible::after, .primary-nav .current-menu-item > a::after { right: 0; }
.header-call { display: flex; align-items: center; gap: 12px; padding: 9px 13px 9px 9px; border: 1px solid rgba(245,197,72,.35); border-radius: 999px; background: rgba(255,255,255,.045); white-space: nowrap; transition: .2s ease; }
.header-call:hover { border-color: var(--gold-400); background: rgba(245,197,72,.08); transform: translateY(-1px); }
.icon-circle { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; color: var(--navy-950); background: linear-gradient(145deg, var(--gold-400), var(--gold-500)); border-radius: 50%; font-size: 19px; }
.header-call strong { display: block; color: #fff; font-size: 18px; line-height: 1.05; }
.header-call span span { display: block; margin-top: 3px; color: var(--gold-400); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.nav-toggle { display: none; width: 45px; height: 43px; color: #fff; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.2); border-radius: 11px; }
.nav-toggle span, .nav-toggle::before, .nav-toggle::after { content: ""; display: block; width: 21px; height: 2px; margin: 5px auto; background: currentColor; border-radius: 2px; }

/* Hero */
.hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 590px;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(3,16,32,.96) 0%, rgba(6,25,47,.91) 38%, rgba(6,25,47,.42) 72%, rgba(6,25,47,.2) 100%),
    url('assets/images/hero-landscape.jpg') center/cover no-repeat;
}
.hero::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(3,16,32,.72)); }
.hero::after { content: ""; position: absolute; z-index: -1; width: 600px; height: 600px; left: -330px; bottom: -430px; border: 1px solid rgba(245,197,72,.24); border-radius: 50%; box-shadow: 0 0 0 70px rgba(245,197,72,.035), 0 0 0 140px rgba(245,197,72,.025); }
.hero__inner { min-height: 590px; display: grid; grid-template-columns: .9fr 1.25fr; align-items: center; gap: 48px; }
.hero__copy { position: relative; z-index: 4; padding: 70px 0 76px; }
.hero__eyebrow { display: inline-flex; align-items: center; gap: 8px; min-height: 30px; padding: 0 14px; color: var(--navy-950); background: linear-gradient(135deg, var(--gold-400), var(--gold-500)); border-radius: 999px; box-shadow: 0 8px 25px rgba(233,174,22,.18); font-size: 11px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.hero h1 { margin: 20px 0 0; color: var(--gold-400); font-family: Georgia, "Times New Roman", serif; font-size: clamp(74px, 8vw, 112px); line-height: .82; letter-spacing: .025em; text-shadow: 0 8px 30px rgba(0,0,0,.34); }
.hero h2 { margin: 17px 0 12px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(31px, 3.3vw, 46px); line-height: 1; letter-spacing: .025em; }
.hero__subtitle { max-width: 540px; color: rgba(255,255,255,.82); font-size: 17px; font-weight: 550; }
.hero__tagline { display: inline-flex; margin-top: 20px; padding: 7px 18px; color: #fff; background: linear-gradient(90deg, #a20f18, #d72a31); border-left: 3px solid var(--gold-400); box-shadow: 0 8px 22px rgba(152,8,17,.22); font-family: Georgia, "Times New Roman", serif; font-size: 18px; font-style: italic; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 0 23px; border: 1px solid transparent; border-radius: 999px; font-size: 12px; font-weight: 900; letter-spacing: .055em; text-transform: uppercase; transition: .2s ease; }
.button--gold { color: var(--navy-950); background: linear-gradient(145deg, var(--gold-400), var(--gold-500)); box-shadow: 0 12px 25px rgba(233,174,22,.19); }
.button--gold:hover { transform: translateY(-2px); filter: brightness(1.04); box-shadow: 0 17px 35px rgba(233,174,22,.26); }
.button--outline { color: #fff; background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.38); }
.button--outline:hover { color: var(--gold-400); border-color: var(--gold-400); background: rgba(3,16,32,.34); transform: translateY(-2px); }
.hero__media { position: relative; align-self: center; min-height: 465px; }
.hero__media::before { content: ""; position: absolute; inset: 46px 30px 34px 68px; border: 1px solid rgba(245,197,72,.3); border-radius: 34px; background: linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.04)); box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 28px 70px rgba(0,0,0,.2); backdrop-filter: blur(4px); }
.hero__products { position: absolute; z-index: 2; right: 55px; bottom: 55px; width: min(640px, 90%); border-radius: 18px; box-shadow: var(--shadow-lg); }
.hero__seal { position: absolute; z-index: 4; left: 8px; bottom: 33px; width: 158px; filter: drop-shadow(0 15px 20px rgba(0,0,0,.38)); }
.hero__milk { position: absolute; z-index: 3; right: -62px; top: -2px; width: 250px; filter: drop-shadow(0 20px 30px rgba(0,0,0,.22)); }
.value-badge { position: absolute; z-index: 5; right: -4px; bottom: 50px; width: 126px; height: 126px; display: grid; place-content: center; padding: 14px; color: #fff; background: radial-gradient(circle at 35% 25%, #e74249, #ad101a 68%); border: 4px solid var(--gold-400); outline: 5px solid rgba(255,255,255,.13); border-radius: 50%; box-shadow: 0 20px 42px rgba(0,0,0,.28); text-align: center; font-size: 15px; font-weight: 900; line-height: 1.05; transform: rotate(5deg); }
.value-badge strong { display: block; color: var(--gold-200); font-size: 25px; }

/* Contact summary */
.contact-strip { position: relative; z-index: 7; color: #fff; background: var(--navy-900); border-top: 1px solid rgba(245,197,72,.2); border-bottom: 1px solid rgba(245,197,72,.18); }
.contact-strip__inner { min-height: 92px; display: grid; grid-template-columns: 1fr 1.08fr; align-items: stretch; }
.contact-block { display: flex; align-items: center; gap: 16px; padding: 18px 24px 18px 0; }
.contact-block + .contact-block { padding-left: 38px; border-left: 1px solid rgba(245,197,72,.3); }
.contact-block__icon { width: 50px; height: 50px; flex: 0 0 50px; display: grid; place-items: center; color: var(--navy-950); background: linear-gradient(145deg, var(--gold-400), var(--gold-500)); border-radius: 15px; font-size: 21px; box-shadow: 0 9px 22px rgba(0,0,0,.18); }
.contact-block small { display: block; margin-bottom: 3px; color: var(--gold-400); font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.contact-block strong { display: block; color: rgba(255,255,255,.94); font-size: clamp(14px, 1.45vw, 18px); line-height: 1.35; }

/* Offers */
.offers-section {
  position: relative;
  overflow: hidden;
  padding: 82px 0 92px;
  color: #fff;
  background:
    radial-gradient(circle at 4% 10%, rgba(245,197,72,.12), transparent 22%),
    radial-gradient(circle at 96% 40%, rgba(31,98,155,.2), transparent 28%),
    linear-gradient(145deg, var(--navy-950), var(--navy-800) 52%, var(--navy-900));
}
.offers-section::before { content: ""; position: absolute; width: 520px; height: 520px; right: -360px; top: 160px; border: 1px solid rgba(245,197,72,.14); border-radius: 50%; box-shadow: 0 0 0 74px rgba(245,197,72,.025), 0 0 0 148px rgba(245,197,72,.018); pointer-events: none; }
.offers-heading { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 34px; margin-bottom: 40px; padding: 34px 38px; overflow: hidden; border: 1px solid rgba(245,197,72,.34); border-radius: var(--radius-lg); background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025)); box-shadow: 0 24px 60px rgba(0,0,0,.18); backdrop-filter: blur(10px); }
.offers-heading::after { content: ""; position: absolute; width: 240px; height: 240px; right: -95px; top: -145px; background: radial-gradient(circle, rgba(245,197,72,.18), transparent 65%); pointer-events: none; }
.offers-heading__eyebrow { display: inline-flex; align-items: center; min-height: 29px; padding: 0 13px; color: var(--navy-950); background: var(--gold-400); border-radius: 999px; font-size: 10px; font-weight: 950; letter-spacing: .11em; text-transform: uppercase; }
.offers-heading h2 { margin: 12px 0 8px; color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: clamp(36px, 4.3vw, 58px); line-height: 1.04; letter-spacing: .015em; }
.offers-heading p { max-width: 790px; margin: 0; color: rgba(255,255,255,.7); font-size: 14px; }
.offers-heading__badge { position: relative; z-index: 2; width: 138px; height: 138px; display: grid; place-content: center; color: #fff; background: radial-gradient(circle at 35% 25%, #eb444b, #a90d17 67%); border: 4px solid var(--gold-400); outline: 5px solid rgba(255,255,255,.08); border-radius: 50%; box-shadow: 0 18px 38px rgba(0,0,0,.28); text-align: center; transform: rotate(4deg); }
.offers-heading__badge strong { display: block; color: #ffe779; font-size: 40px; line-height: 1; }
.offers-heading__badge span { display: block; width: 86px; margin: 6px auto 0; font-size: 10px; font-weight: 900; line-height: 1.2; letter-spacing: .06em; text-transform: uppercase; }

.offer-grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 22px; }
.offer-card { position: relative; display: flex; min-width: 0; overflow: hidden; flex-direction: column; color: var(--ink); background: rgba(255,255,255,.99); border: 1px solid rgba(245,197,72,.54); border-radius: 22px; box-shadow: 0 18px 45px rgba(0,0,0,.19); transition: transform .26s ease, box-shadow .26s ease, border-color .26s ease; }
.offer-card::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 1px 0 rgba(255,255,255,.9); pointer-events: none; }
.offer-card:hover { transform: translateY(-8px); border-color: var(--gold-400); box-shadow: 0 30px 62px rgba(0,0,0,.28); }
.offer-card__topline { position: absolute; z-index: 5; inset: 14px 14px auto 14px; display: flex; align-items: center; justify-content: space-between; pointer-events: none; }
.offer-card__number { width: 31px; height: 31px; display: grid; place-items: center; color: var(--gold-400); background: rgba(3,16,32,.92); border: 1px solid rgba(245,197,72,.72); border-radius: 10px; box-shadow: 0 7px 15px rgba(0,0,0,.18); font-size: 12px; font-weight: 900; }
.offer-card__weight { display: inline-flex; min-height: 32px; align-items: center; padding: 0 12px; color: #fff; background: rgba(3,16,32,.92); border: 1px solid rgba(245,197,72,.64); border-radius: 999px; box-shadow: 0 7px 15px rgba(0,0,0,.18); font-size: 12px; font-weight: 900; letter-spacing: .04em; }
.offer-card__image-wrap { position: relative; aspect-ratio: 1 / .88; overflow: hidden; padding: 43px 20px 10px; background: radial-gradient(circle at 50% 60%, #fff 0%, #fbfaf6 48%, #f1ede3 100%); border-bottom: 1px solid #e8e4da; }
.offer-card__image-wrap::before { content: ""; position: absolute; width: 72%; height: 17%; left: 14%; bottom: 9px; background: radial-gradient(ellipse, rgba(5,20,40,.15), transparent 66%); filter: blur(7px); }
.offer-card__image { position: relative; z-index: 2; width: 100%; height: 100%; object-fit: contain; transition: transform .28s ease; }
.offer-card:hover .offer-card__image { transform: scale(1.045); }
.offer-card__discount { position: absolute; z-index: 4; right: 13px; bottom: 11px; width: 65px; height: 65px; display: grid; place-content: center; color: #fff; background: linear-gradient(145deg, #d92b34, #a50d17); border: 3px solid var(--gold-400); border-radius: 50%; box-shadow: 0 10px 22px rgba(126,8,17,.26); text-align: center; font-size: 21px; font-weight: 950; line-height: .92; }
.offer-card__discount small { display: block; margin-top: 4px; color: #ffe779; font-size: 9px; letter-spacing: .09em; }
.offer-card__body { display: flex; flex: 1; flex-direction: column; padding: 19px; }
.offer-card h3 { min-height: 50px; margin: 0 0 10px; color: var(--navy-900); font-size: 16px; font-weight: 850; line-height: 1.28; letter-spacing: -.01em; }
.offer-card__size-line { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 13px; padding: 8px 10px; color: #6f7784; background: #f5f6f7; border: 1px solid #e7e9ed; border-radius: 10px; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.offer-card__size-line strong { color: var(--navy-900); font-size: 13px; letter-spacing: 0; text-transform: none; }
.offer-card__pricing { padding: 14px; background: linear-gradient(145deg, #f8f9fa, #fff); border: 1px solid #e4e7ec; border-radius: 15px; text-align: center; }
.offer-card__was { display: flex; align-items: center; justify-content: center; gap: 7px; color: #7a8290; font-size: 11px; }
.offer-card__was span { font-weight: 750; }
.offer-card__was del { color: #7a8290; font-size: 15px; font-weight: 750; text-decoration-color: #d32d35; text-decoration-thickness: 2px; }
.offer-card__was small { font-size: 10px; }
.offer-card__today { margin-top: 5px; }
.offer-card__today > span { display: block; color: var(--navy-700); font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.offer-card__today strong { display: block; margin-top: 3px; color: var(--navy-900); font-size: clamp(30px, 2.8vw, 39px); line-height: 1; letter-spacing: -.045em; white-space: nowrap; }
.offer-card__today strong small { color: var(--gold-500); font-size: 14px; letter-spacing: 0; }
.offer-card__saving { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 10px 0 12px; color: #25743d; font-size: 11px; font-weight: 750; }
.offer-card__saving strong { padding: 3px 8px; color: #126331; background: #e9f8ee; border-radius: 999px; font-size: 11px; }
.offer-card__buy { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; min-height: 53px; margin-top: auto; padding: 8px 13px; color: #fff; background: linear-gradient(145deg, #20b54c, #0f8e37); border: 1px solid rgba(255,255,255,.2); border-radius: 14px; box-shadow: 0 11px 24px rgba(15,142,55,.22); font-size: 13px; font-weight: 900; line-height: 1.1; transition: .2s ease; }
.offer-card__buy:hover { transform: translateY(-2px); filter: brightness(1.04); box-shadow: 0 16px 30px rgba(15,142,55,.28); }
.offer-card__buy > span:nth-child(2) { text-align: left; }
.offer-card__buy small { display: block; margin-top: 3px; color: rgba(255,255,255,.75); font-size: 8px; font-weight: 650; letter-spacing: .02em; }
.offer-card__buy b { font-size: 20px; font-weight: 500; }
.offer-card__whatsapp { width: 31px; height: 31px; display: grid; place-items: center; background: rgba(255,255,255,.14); border-radius: 50%; font-size: 17px; }
.offer-card__enquiry { display: grid; min-height: 122px; place-content: center; gap: 5px; padding: 18px; color: var(--navy-900); background: linear-gradient(145deg, #fff9e9, #fffdf7); border: 1px solid #ead69d; border-radius: 15px; text-align: center; }
.offer-card__enquiry strong { color: #8a5b00; font-size: 19px; }
.offer-card__enquiry span { color: #766747; font-size: 11px; }
.offer-card__buy--enquire { margin-top: 12px; background: linear-gradient(145deg, var(--navy-700), var(--navy-900)); box-shadow: 0 11px 24px rgba(6,25,47,.2); }

/* General sections */
.section { padding: 72px 0; }
.section--soft { background: linear-gradient(180deg, #f8f9fb, #fff); }
.section-title { margin: 0 0 34px; display: flex; align-items: center; justify-content: center; gap: 18px; color: var(--navy-900); font-family: Georgia, "Times New Roman", serif; font-size: clamp(30px, 3.4vw, 44px); line-height: 1.1; letter-spacing: .02em; text-align: center; text-transform: uppercase; }
.section-title::before, .section-title::after { content: ""; width: 70px; height: 1px; background: linear-gradient(90deg, transparent, var(--gold-500)); }
.section-title::after { background: linear-gradient(90deg, var(--gold-500), transparent); }
.benefit-box { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); overflow: hidden; background: #fff; border: 1px solid #e2e6ec; border-radius: 22px; box-shadow: var(--shadow-md); }
.benefit { position: relative; display: grid; grid-template-columns: 53px 1fr; align-items: center; gap: 12px; padding: 24px 18px; }
.benefit + .benefit { border-left: 1px solid #e8ebef; }
.benefit__icon { width: 51px; height: 51px; display: grid; place-items: center; color: var(--gold-400); background: linear-gradient(145deg, var(--navy-800), var(--navy-950)); border: 1px solid rgba(245,197,72,.55); border-radius: 15px; box-shadow: 0 10px 22px rgba(6,25,47,.17); font-size: 21px; }
.benefit strong { display: block; color: var(--navy-900); font-size: 11px; font-weight: 900; line-height: 1.25; letter-spacing: .045em; text-transform: uppercase; }
.benefit span { display: block; margin-top: 5px; color: var(--muted); font-size: 11px; line-height: 1.4; }

.about { display: grid; grid-template-columns: .86fr 1.14fr; align-items: center; gap: 62px; }
.about__copy { position: relative; padding: 18px 0; }
.about__copy::before { content: "Trusted Local Distributor"; display: inline-flex; min-height: 27px; align-items: center; padding: 0 11px; margin-bottom: 12px; color: var(--navy-950); background: #f6d26a; border-radius: 999px; font-size: 9px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.about__copy h2 { margin: 0 0 19px; color: var(--navy-900); font-family: Georgia, "Times New Roman", serif; font-size: clamp(30px, 3.4vw, 44px); line-height: 1.12; text-transform: none; }
.about__copy p { color: #4d5767; font-size: 14px; }
.check-list { display: grid; gap: 10px; margin: 24px 0 29px; padding: 0; list-style: none; color: #344054; font-size: 13px; font-weight: 700; }
.check-list li { display: flex; align-items: center; gap: 10px; }
.check-list li::before { content: "✓"; width: 23px; height: 23px; display: grid; place-items: center; color: var(--navy-950); background: var(--gold-400); border-radius: 50%; font-size: 12px; font-weight: 950; }
.about__image { position: relative; padding: 16px; background: #fff; border: 1px solid #e2e6ec; border-radius: 28px; box-shadow: var(--shadow-lg); }
.about__image::before { content: ""; position: absolute; z-index: -1; width: 74%; height: 74%; right: -22px; bottom: -22px; background: var(--gold-400); border-radius: 28px; opacity: .85; }
.about__image img { width: 100%; min-height: 370px; object-fit: cover; border-radius: 18px; }

.order-cta { position: relative; overflow: hidden; color: #fff; background: linear-gradient(135deg, var(--navy-950), var(--navy-700)); border-top: 1px solid rgba(245,197,72,.25); border-bottom: 2px solid var(--gold-500); }
.order-cta::after { content: ""; position: absolute; width: 450px; height: 450px; right: -270px; top: -285px; border: 1px solid rgba(245,197,72,.2); border-radius: 50%; box-shadow: 0 0 0 58px rgba(245,197,72,.03), 0 0 0 116px rgba(245,197,72,.02); }
.order-cta__inner { position: relative; z-index: 2; min-height: 182px; display: grid; grid-template-columns: 260px 1fr auto; align-items: center; gap: 38px; }
.order-cta__phone-image { align-self: end; height: 190px; object-fit: contain; object-position: bottom center; }
.order-cta h2 { margin: 0; color: var(--gold-400); font-family: Georgia, "Times New Roman", serif; font-size: 32px; }
.order-cta p { margin: 4px 0 14px; color: rgba(255,255,255,.75); font-size: 14px; font-weight: 600; }
.order-number { display: inline-flex; align-items: center; gap: 10px; padding: 9px 17px; color: var(--gold-400); background: rgba(255,255,255,.045); border: 1px solid rgba(245,197,72,.5); border-radius: 999px; font-size: 20px; font-weight: 850; }
.whatsapp-button { display: inline-flex; align-items: center; gap: 12px; padding: 14px 22px; color: #fff; background: linear-gradient(145deg, #21b94e, #0e8c35); border: 1px solid rgba(255,255,255,.2); border-radius: 16px; box-shadow: 0 16px 34px rgba(14,140,53,.24); font-size: 21px; font-weight: 900; transition: .2s ease; }
.whatsapp-button:hover { transform: translateY(-2px); filter: brightness(1.04); }
.whatsapp-button span { display: block; font-size: 12px; font-weight: 650; line-height: 1.1; }
.whatsapp-button strong { font-size: 18px; }

/* Footer */
.site-footer { color: #fff; background: var(--navy-950); }
.footer-main { display: grid; grid-template-columns: 1.35fr .75fr .82fr 1fr; gap: 42px; padding: 43px 0 37px; }
.footer-brand img { width: 235px; margin-bottom: 14px; border-radius: 6px; }
.footer-brand p { max-width: 320px; margin: 0; color: rgba(255,255,255,.62); font-size: 12px; }
.footer-column h3 { margin: 0 0 15px; color: var(--gold-400); font-size: 11px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.footer-column ul { display: grid; gap: 8px; margin: 0; padding: 0; color: rgba(255,255,255,.7); list-style: none; font-size: 12px; }
.footer-column li::before { content: "›"; margin-right: 7px; color: var(--gold-400); }
.footer-column a:hover { color: var(--gold-400); }
.footer-contact { display: grid; gap: 11px; color: rgba(255,255,255,.7); font-size: 12px; }
.footer-contact div { display: grid; grid-template-columns: 18px 1fr; gap: 8px; }
.footer-contact div > span:first-child { color: var(--gold-400); }
.footer-social { display: flex; gap: 8px; margin-top: 15px; }
.footer-social a { width: 32px; height: 32px; display: grid; place-items: center; color: #fff; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.16); border-radius: 50%; font-size: 11px; transition: .2s ease; }
.footer-social a:hover { color: var(--navy-950); background: var(--gold-400); border-color: var(--gold-400); }
.footer-bottom { min-height: 55px; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: rgba(255,255,255,.5); border-top: 1px solid rgba(255,255,255,.1); font-size: 11px; }

.floating-whatsapp { position: fixed; z-index: 80; right: 22px; bottom: 22px; display: flex; align-items: center; gap: 9px; min-height: 52px; padding: 0 17px 0 9px; color: #fff; background: linear-gradient(145deg, #24ba50, #0c8b34); border: 1px solid rgba(255,255,255,.35); border-radius: 999px; box-shadow: 0 18px 40px rgba(4,55,23,.32); font-size: 12px; font-weight: 900; transition: .2s ease; }
.floating-whatsapp span { width: 34px; height: 34px; display: grid; place-items: center; background: rgba(255,255,255,.14); border-radius: 50%; font-size: 18px; }
.floating-whatsapp:hover { transform: translateY(-3px); filter: brightness(1.04); }

/* General WordPress content */
.content-area { width: min(100% - 40px, 940px); margin: 55px auto; }
.entry-card { margin-bottom: 25px; padding: 30px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.entry-card h1, .entry-card h2 { margin-top: 0; color: var(--navy-900); }
.entry-content > * { max-width: 100%; }

@media (max-width: 1180px) {
  .site-header__inner { grid-template-columns: 225px 1fr auto; gap: 16px; }
  .brand img, .custom-logo-link img { width: 215px; }
  .primary-nav ul { gap: 17px; }
  .header-call strong { font-size: 16px; }
  .offer-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .benefit-box { grid-template-columns: repeat(3, 1fr); }
  .benefit:nth-child(4) { border-left: 0; border-top: 1px solid #e8ebef; }
  .benefit:nth-child(5) { border-top: 1px solid #e8ebef; }
  .order-cta__inner { grid-template-columns: 210px 1fr auto; }
}

@media (max-width: 900px) {
  .topbar__social { display: none; }
  .site-header__inner { min-height: 80px; grid-template-columns: 1fr auto; }
  .brand img, .custom-logo-link img { width: 202px; max-height: 65px; }
  .nav-toggle { display: block; }
  .header-call { display: none; }
  .primary-nav { position: absolute; left: 0; right: 0; top: 100%; max-height: 0; overflow: hidden; background: rgba(3,16,32,.99); box-shadow: 0 17px 30px rgba(0,0,0,.25); transition: max-height .25s ease; }
  .site-header.is-open .primary-nav { max-height: 500px; }
  .primary-nav ul { display: grid; gap: 0; padding: 12px 22px 20px; }
  .primary-nav a { padding: 12px 4px; border-bottom: 1px solid rgba(255,255,255,.1); }
  .primary-nav a::after { display: none; }
  .hero, .hero__inner { min-height: 760px; }
  .hero__inner { grid-template-columns: 1fr; align-items: start; gap: 0; }
  .hero__copy { max-width: 620px; padding: 50px 0 0; }
  .hero__media { min-height: 400px; }
  .hero__media::before { inset: 45px 22px 28px; }
  .hero__products { left: 50%; right: auto; bottom: 42px; width: min(650px, 88%); transform: translateX(-50%); }
  .hero__seal { left: 12px; width: 135px; }
  .hero__milk { right: -35px; width: 210px; }
  .value-badge { right: 10px; bottom: 44px; width: 108px; height: 108px; }
  .contact-strip__inner { grid-template-columns: 1fr; }
  .contact-block + .contact-block { padding-left: 0; border-top: 1px solid rgba(245,197,72,.25); border-left: 0; }
  .offers-heading { grid-template-columns: 1fr; }
  .offers-heading__badge { position: absolute; top: 28px; right: 28px; width: 108px; height: 108px; }
  .offers-heading h2 { padding-right: 112px; }
  .offers-heading__badge strong { font-size: 31px; }
  .offer-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .about { grid-template-columns: 1fr; gap: 42px; }
  .about__image { order: -1; }
  .order-cta__inner { grid-template-columns: 1fr auto; padding: 35px 0; }
  .order-cta__phone-image { display: none; }
  .footer-main { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
  .container { width: min(100% - 26px, var(--container)); }
  .topbar__inner { min-height: 31px; }
  .brand img, .custom-logo-link img { width: 180px; }
  .hero, .hero__inner { min-height: 710px; }
  .hero__copy { padding-top: 42px; }
  .hero h1 { font-size: 65px; }
  .hero h2 { font-size: 29px; }
  .hero__subtitle { font-size: 14px; }
  .hero__tagline { font-size: 15px; }
  .hero__actions { display: grid; }
  .hero__actions .button { width: 100%; }
  .hero__media { min-height: 330px; }
  .hero__media::before { inset: 30px 4px 20px; border-radius: 22px; }
  .hero__products { bottom: 28px; width: 94%; border-radius: 12px; }
  .hero__seal { left: -3px; bottom: 16px; width: 100px; }
  .hero__milk { right: -55px; top: -5px; width: 175px; }
  .value-badge { right: 1px; bottom: 25px; width: 86px; height: 86px; border-width: 3px; font-size: 11px; }
  .value-badge strong { font-size: 18px; }
  .contact-block { padding: 15px 0; }
  .contact-block__icon { width: 43px; height: 43px; flex-basis: 43px; border-radius: 12px; }
  .offers-section { padding: 52px 0 62px; }
  .offers-heading { padding: 24px 19px; border-radius: 22px; }
  .offers-heading h2 { padding-right: 0; font-size: 32px; }
  .offers-heading p { font-size: 12px; }
  .offers-heading__badge { position: static; width: 91px; height: 91px; margin-top: 7px; }
  .offers-heading__badge strong { font-size: 28px; }
  .offer-grid { grid-template-columns: 1fr; gap: 17px; }
  .offer-card { display: grid; grid-template-columns: 40% 60%; min-height: 330px; }
  .offer-card__image-wrap { min-height: 100%; aspect-ratio: auto; padding: 48px 5px 16px; border-right: 1px solid #e8e4da; border-bottom: 0; }
  .offer-card__body { padding: 14px 11px; }
  .offer-card h3 { min-height: 0; font-size: 14px; }
  .offer-card__topline { inset: 10px 9px auto; }
  .offer-card__number { width: 28px; height: 28px; }
  .offer-card__weight { min-height: 28px; padding: 0 8px; font-size: 10px; }
  .offer-card__discount { right: 6px; bottom: 7px; width: 54px; height: 54px; font-size: 17px; }
  .offer-card__pricing { padding: 10px 6px; }
  .offer-card__today strong { font-size: 28px; }
  .offer-card__buy { min-height: 48px; padding: 7px 9px; font-size: 11px; }
  .offer-card__buy small { font-size: 7px; }
  .section { padding: 54px 0; }
  .section-title { gap: 8px; font-size: 28px; }
  .section-title::before, .section-title::after { width: 28px; }
  .benefit-box { grid-template-columns: 1fr; }
  .benefit + .benefit, .benefit:nth-child(4), .benefit:nth-child(5) { border-top: 1px solid #e8ebef; border-left: 0; }
  .about__image { padding: 9px; border-radius: 20px; }
  .about__image img { min-height: 260px; border-radius: 13px; }
  .order-cta__inner { grid-template-columns: 1fr; text-align: center; }
  .order-number, .whatsapp-button { justify-self: center; }
  .footer-main { grid-template-columns: 1fr; gap: 26px; }
  .footer-bottom { display: grid; justify-content: center; padding: 16px 0; text-align: center; }
  .floating-whatsapp { right: 13px; bottom: 13px; min-height: 48px; padding-right: 14px; }
}

@media (max-width: 390px) {
  .offer-card { grid-template-columns: 38% 62%; }
  .offer-card__body { padding-inline: 8px; }
  .offer-card__today strong { font-size: 24px; }
  .offer-card__today strong small { font-size: 11px; }
  .offer-card__was del { font-size: 13px; }
}

/* BK Home Products premium v4 enhancements */
:root {
  --luxury-gold: #d9a321;
  --luxury-gold-light: #ffe08a;
  --luxury-navy: #030b18;
  --luxury-blue: #08274b;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9999;
  opacity: .025;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}
.site-header { transition: min-height .3s ease, background .3s ease, box-shadow .3s ease; }
.site-header.is-scrolled { background: rgba(3, 11, 24, .985); box-shadow: 0 18px 50px rgba(0,0,0,.25); }
.brand img, .custom-logo-link img { width: 114px; max-height: 80px; border-radius: 18px; object-position: center; background: #fff; padding: 5px; }
.footer-brand img { width: 154px; aspect-ratio: 1; object-fit: contain; border-radius: 26px; background:#fff; padding:8px; box-shadow:0 20px 50px rgba(0,0,0,.25); }
.hero__copy > * { opacity: 0; transform: translateY(26px); animation: bkHeroReveal .75s cubic-bezier(.2,.8,.2,1) forwards; }
.hero__copy > *:nth-child(2){animation-delay:.08s}.hero__copy > *:nth-child(3){animation-delay:.16s}.hero__copy > *:nth-child(4){animation-delay:.24s}.hero__copy > *:nth-child(5){animation-delay:.32s}.hero__copy > *:nth-child(6){animation-delay:.4s}
.hero__media { animation: bkFloat 6s ease-in-out infinite; }
.product-card, .feature-card, .about-card, .offer-card { border: 1px solid rgba(217,163,33,.16); transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease, border-color .35s ease; }
.product-card:hover, .feature-card:hover, .about-card:hover, .offer-card:hover { transform: translateY(-9px); border-color: rgba(217,163,33,.48); box-shadow: 0 28px 75px rgba(3,16,32,.18); }
.button { position:relative; overflow:hidden; isolation:isolate; }
.button::after { content:""; position:absolute; inset:-2px; z-index:-1; background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.42) 45%,transparent 65%); transform:translateX(-120%); transition:transform .75s ease; }
.button:hover::after { transform:translateX(120%); }
.whatsapp-svg { width: 1.15em; height: 1.15em; display:block; }
.floating-whatsapp { box-shadow: 0 16px 45px rgba(24,169,68,.4); animation: bkWhatsAppPulse 2.4s ease-in-out infinite; }
.floating-whatsapp .whatsapp-svg { width:26px; height:26px; }
.reveal-on-scroll { opacity:0; transform:translateY(34px); transition:opacity .75s ease, transform .75s cubic-bezier(.2,.8,.2,1); }
.reveal-on-scroll.is-visible { opacity:1; transform:none; }
@keyframes bkHeroReveal { to { opacity:1; transform:none; } }
@keyframes bkFloat { 0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)} }
@keyframes bkWhatsAppPulse { 0%,100%{transform:translateY(0);box-shadow:0 16px 45px rgba(24,169,68,.35)}50%{transform:translateY(-4px);box-shadow:0 20px 55px rgba(24,169,68,.55)} }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; } }
@media (max-width: 900px) { .brand img, .custom-logo-link img { width:78px; max-height:64px; } }

/* ========================================================================== */
/* BK Home Products 5.0 — Premium commerce redesign                          */
/* ========================================================================== */
:root {
  --commerce-bg: #f5f7fb;
  --commerce-surface: rgba(255,255,255,.92);
  --commerce-blue: #071b35;
  --commerce-blue-2: #0d315b;
  --commerce-gold: #dcae3f;
  --commerce-gold-2: #f2d27b;
  --commerce-green: #25d366;
}
body { background: var(--commerce-bg); }
.topbar { background: linear-gradient(90deg,#041223,#0b2d51); }
.site-header { background: rgba(255,255,255,.94); color: var(--commerce-blue); border-bottom: 1px solid rgba(7,27,53,.08); box-shadow: 0 14px 45px rgba(7,27,53,.08); }
.site-header.is-scrolled { box-shadow: 0 18px 55px rgba(7,27,53,.14); }
.site-header__inner { min-height: 86px; grid-template-columns: 190px 1fr auto; }
.brand img, .custom-logo-link img { width: 150px; max-height: 72px; }
.primary-nav a { color: #25334a; font-size: 12px; }
.primary-nav a:hover, .primary-nav a:focus-visible, .primary-nav .current-menu-item > a { color: var(--commerce-blue); }
.header-call { color: #fff; border: 0; background: linear-gradient(135deg,#1fb958,#159447); box-shadow: 0 12px 30px rgba(37,211,102,.25); padding: 8px 16px 8px 8px; }
.header-call:hover { background: linear-gradient(135deg,#28ca65,#159447); transform: translateY(-2px); }
.icon-circle { background: #fff; padding: 6px; }
.header-call span span { color: rgba(255,255,255,.76); }
.whatsapp-icon { width: 100%; height: 100%; object-fit: contain; display: block; }
.topbar__social .whatsapp-icon { width: 18px; height: 18px; }

.hero { min-height: 660px; background: linear-gradient(100deg,rgba(3,16,32,.98),rgba(7,35,66,.88) 48%,rgba(7,35,66,.35)),url('assets/images/hero-landscape.jpg') center/cover no-repeat; }
.hero__inner { min-height: 660px; grid-template-columns: .95fr 1.15fr; }
.hero__copy { padding-block: 92px; }
.hero h1 { font-family: Inter,ui-sans-serif,sans-serif; font-size: clamp(72px,8vw,118px); letter-spacing: -.055em; }
.hero h2 { font-family: Inter,ui-sans-serif,sans-serif; font-size: clamp(34px,4vw,55px); font-weight: 800; letter-spacing: -.035em; }
.hero__subtitle { max-width: 590px; font-size: 18px; }
.hero__tagline { border-radius: 999px; border: 1px solid rgba(255,255,255,.15); border-left: 0; background: rgba(255,255,255,.08); backdrop-filter: blur(10px); }
.hero__media::before { border-radius: 40px; background: linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.035)); }
.hero__products { border: 10px solid rgba(255,255,255,.92); border-radius: 26px; transform: rotate(-1.5deg); }

.contact-strip { margin-top: -1px; background: #fff; color: var(--commerce-blue); border: 0; box-shadow: 0 18px 55px rgba(7,27,53,.08); }
.contact-strip__inner { padding-block: 24px; }
.contact-block { background: #f7f9fc; border: 1px solid #e8edf5; border-radius: 18px; padding: 18px 22px; }
.contact-block__icon { background: linear-gradient(135deg,var(--commerce-gold-2),var(--commerce-gold)); color: var(--commerce-blue); }
.contact-block small { color: #6a7485; }

.offers-section { padding: 92px 0 105px; background: radial-gradient(circle at 5% 0,rgba(220,174,63,.12),transparent 28%),linear-gradient(180deg,#f8fafc,#eef2f7); }
.offers-heading { align-items: end; margin-bottom: 38px; }
.offers-heading h2 { font-family: Inter,ui-sans-serif,sans-serif; font-size: clamp(38px,5vw,62px); letter-spacing: -.045em; color: var(--commerce-blue); }
.offers-heading p { font-size: 17px; color: #667085; max-width: 730px; }
.offers-heading__eyebrow { color: #866212; background: #fff7dc; border: 1px solid #f1df9a; }
.offers-heading__badge { background: var(--commerce-blue); border: 0; box-shadow: 0 20px 45px rgba(7,27,53,.18); }
.offer-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; }
.offer-card { border: 1px solid rgba(7,27,53,.07); border-radius: 24px; background: var(--commerce-surface); box-shadow: 0 13px 35px rgba(7,27,53,.07); overflow: hidden; }
.offer-card:hover { transform: translateY(-8px); border-color: rgba(220,174,63,.45); box-shadow: 0 28px 70px rgba(7,27,53,.15); }
.offer-card__image-wrap { min-height: 250px; background: linear-gradient(145deg,#fff,#f4f7fb); }
.offer-card__image { max-height: 220px; filter: drop-shadow(0 18px 18px rgba(7,27,53,.14)); }
.offer-card__topline { padding: 15px 17px 0; }
.offer-card__number { color: #fff; background: var(--commerce-blue); }
.offer-card__weight { color: var(--commerce-blue); background: #edf2f8; }
.offer-card__discount { background: linear-gradient(145deg,#e53935,#b71923); }
.offer-card__body { padding: 18px; }
.offer-card h3 { min-height: 52px; color: var(--commerce-blue); font-size: 17px; line-height: 1.35; }
.offer-card__pricing { border-radius: 15px; background: #f7f9fc; border: 1px solid #e9eef5; }
.offer-card__today strong { color: #b48009; }
.offer-card__saving { color: #11703a; background: #eafaf0; border-color: #cdeed9; }
.offer-card__buy { min-height: 58px; border-radius: 16px; background: linear-gradient(135deg,#25d366,#149346); box-shadow: 0 14px 30px rgba(37,211,102,.25); }
.offer-card__buy:hover { box-shadow: 0 19px 38px rgba(37,211,102,.32); }
.offer-card__whatsapp { width: 34px; height: 34px; padding: 3px; background: #fff; border-radius: 50%; }
.offer-card__buy--enquire span:first-child { width: 32px; height: 32px; padding: 3px; background:#fff; border-radius:50%; }

.section { padding: 90px 0; }
.section-title, .about__copy h2, .order-cta h2 { font-family: Inter,ui-sans-serif,sans-serif; color: var(--commerce-blue); letter-spacing: -.04em; }
.benefit-box { background: #fff; border: 1px solid #e6ebf2; border-radius: 28px; box-shadow: 0 20px 55px rgba(7,27,53,.08); }
.benefit { padding: 24px 20px; }
.benefit__icon { background: linear-gradient(145deg,#fff7da,#e8bb49); color: var(--commerce-blue); }
.section--soft { background: #fff; }
.about { gap: 70px; }
.about__image img { border-radius: 30px; box-shadow: 0 35px 80px rgba(7,27,53,.17); }
.check-list li::before { background: var(--commerce-green); }
.order-cta { background: linear-gradient(135deg,#06172d,#0d315b); }
.order-cta__inner { border: 1px solid rgba(255,255,255,.1); border-radius: 28px; background: linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02)); }
.order-cta h2 { color:#fff; }
.whatsapp-button { border-radius: 18px; background: linear-gradient(135deg,#25d366,#159447); }
.whatsapp-button > .whatsapp-icon { width: 42px; height: 42px; background:#fff; border-radius:50%; padding:4px; }

.site-footer { background: #031020; }
.footer-main { padding-top: 75px; }
.footer-brand img { max-width: 155px; background:#fff; border-radius:18px; padding:8px; }
.footer-column h3 { color: var(--commerce-gold-2); }
.footer-social a:last-child { background:#fff; padding:4px; }
.footer-social .whatsapp-icon { width:26px; height:26px; }
.floating-whatsapp { min-height: 62px; padding: 7px 21px 7px 7px; background: #25d366; border: 3px solid #fff; box-shadow: 0 20px 55px rgba(8,92,40,.35); }
.floating-whatsapp .whatsapp-icon { width: 44px; height: 44px; border-radius:50%; }
.floating-whatsapp strong { font-size:13px; }

.reveal-on-scroll { opacity:0; transform:translateY(28px); transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1); }
.reveal-on-scroll.is-visible { opacity:1; transform:none; }
.offer-card:nth-child(4n+2).reveal-on-scroll { transition-delay:.06s; }
.offer-card:nth-child(4n+3).reveal-on-scroll { transition-delay:.12s; }
.offer-card:nth-child(4n+4).reveal-on-scroll { transition-delay:.18s; }

@media (max-width: 1180px) { .offer-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width: 900px) {
  .site-header__inner { grid-template-columns:1fr auto; }
  .brand img,.custom-logo-link img { width:112px; }
  .header-call { display:none; }
  .primary-nav { background:#fff; }
  .primary-nav a { color:var(--commerce-blue); }
  .nav-toggle { display:block; color:var(--commerce-blue); border-color:#dce3ec; background:#f6f8fb; }
  .hero,.hero__inner { min-height:auto; }
  .hero__inner { grid-template-columns:1fr; }
  .hero__media { min-height:420px; }
  .offer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .container { width:min(100% - 24px,var(--container)); }
  .hero__copy { padding-block:65px 24px; }
  .hero h1 { font-size:64px; }
  .hero__media { min-height:330px; }
  .hero__products { right:20px; bottom:35px; width:86%; border-width:6px; }
  .hero__seal,.hero__milk,.value-badge { display:none; }
  .offer-grid { grid-template-columns:1fr; gap:18px; }
  .offer-card__image-wrap { min-height:280px; }
  .floating-whatsapp strong { display:none; }
  .floating-whatsapp { width:60px; height:60px; padding:5px; right:14px; bottom:14px; }
}

/* Responsive promotional homepage banner. */
.responsive-home-hero {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #061b35;
}
.responsive-home-hero picture,
.responsive-home-hero__image {
  display: block;
  width: 100%;
}
.responsive-home-hero__image {
  height: auto;
  object-fit: cover;
}
@media (max-width: 767px) {
  .responsive-home-hero__image {
    width: 100%;
    height: auto;
  }
}


/* ========================================================================== */
/* BK Home Products 5.2 — refined premium motion and simplified contact UI    */
/* ========================================================================== */
.responsive-home-hero {
  position: relative;
  isolation: isolate;
  background: #03152a;
}
.responsive-home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 30%, rgba(255,255,255,.13) 48%, transparent 64%);
  transform: translateX(-120%);
  animation: bkHeroSheen 8s 1.2s ease-in-out infinite;
}
.responsive-home-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 28%;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to top, rgba(3,16,32,.28), transparent);
}
.responsive-home-hero__image {
  transform: scale(1.025);
  animation: bkHeroCinema 12s cubic-bezier(.2,.65,.25,1) both;
  will-change: transform, opacity;
}

.offers-section { position: relative; overflow: hidden; }
.offers-section::before,
.offers-section::after {
  content: "";
  position: absolute;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  filter: blur(1px);
  pointer-events: none;
  opacity: .55;
}
.offers-section::before { left: -260px; top: 90px; background: radial-gradient(circle,rgba(242,210,123,.28),transparent 68%); }
.offers-section::after { right: -280px; bottom: 40px; background: radial-gradient(circle,rgba(13,49,91,.12),transparent 70%); }
.offers-section .container { position: relative; z-index: 1; }
.offer-card { transform-style: preserve-3d; backface-visibility: hidden; }
.offer-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(120deg,transparent 35%,rgba(255,255,255,.6) 50%,transparent 65%);
  transform: translateX(-130%);
  transition: transform .85s cubic-bezier(.2,.8,.2,1);
}
.offer-card:hover::after { transform: translateX(130%); }
.offer-card__image { transition: transform .55s cubic-bezier(.2,.8,.2,1), filter .55s ease; }
.offer-card:hover .offer-card__image { transform: translateY(-7px) scale(1.035); filter: drop-shadow(0 24px 24px rgba(7,27,53,.2)); }
.offer-card__buy b { transition: transform .25s ease; }
.offer-card__buy:hover b { transform: translateX(4px); }

.site-footer { position: relative; overflow: hidden; }
.site-footer::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  right: -250px;
  top: -320px;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(220,174,63,.16),transparent 68%);
  pointer-events: none;
}
.footer-main { position: relative; z-index: 1; grid-template-columns: 1.25fr .72fr .9fr 1.08fr; }
.footer-connect {
  padding: 25px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 22px;
  background: linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.footer-connect__eyebrow {
  display: inline-block;
  margin-bottom: 9px;
  color: var(--commerce-gold-2);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.footer-connect h3 { margin-bottom: 10px; font-size: 21px; }
.footer-connect p { margin: 0 0 18px; color: rgba(255,255,255,.66); font-size: 13px; line-height: 1.7; }
.footer-shop-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .03em;
}
.footer-shop-link span { color: var(--commerce-gold-2); transition: transform .25s ease; }
.footer-shop-link:hover span { transform: translateX(5px); }
.footer-social { margin-top: 20px; }
.footer-social a { transition: transform .25s ease, background .25s ease, border-color .25s ease; }
.footer-social a:hover { transform: translateY(-4px); border-color: rgba(242,210,123,.75); }

@keyframes bkHeroCinema {
  0% { opacity: .25; transform: scale(1.075); filter: saturate(.85); }
  100% { opacity: 1; transform: scale(1.025); filter: saturate(1); }
}
@keyframes bkHeroSheen {
  0%, 62% { transform: translateX(-120%); opacity: 0; }
  70% { opacity: .72; }
  88%, 100% { transform: translateX(120%); opacity: 0; }
}
@media (max-width: 1000px) {
  .footer-main { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .responsive-home-hero::before { display: none; }
  .responsive-home-hero__image { transform: none; animation: bkHeroMobileReveal .8s ease both; }
  .footer-main { grid-template-columns: 1fr; }
  .footer-connect { padding: 22px; }
}
@keyframes bkHeroMobileReveal {
  from { opacity: 0; transform: scale(1.02); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .responsive-home-hero::before { display:none; }
  .responsive-home-hero__image { animation:none; transform:none; }
}