/* ==========================================================================
   Harhour Pet — brand layer on top of Woodmart
   Yellow #FFCF00 · Navy #0B2266 · Collar red #E5383B · Cream #FFF7DB
   ========================================================================== */
:root {
	--hp-yellow: #FFCF00;
	--hp-yellow-soft: #FFE680;
	--hp-navy: #0B2266;
	--hp-navy-2: #1A3384;
	--hp-red: #E5383B;
	--hp-cream: #FFF7DB;
	--hp-sand: #F6E7C1;
	--hp-ink: #1C1C28;
	--hp-muted: #5B6077;
	--hp-radius: 22px;
	--hp-shadow: 0 14px 40px -18px rgba(11, 34, 102, .35);
	--hp-head: "Baloo Bhaijaan 2", "Almarai", sans-serif;
	--hp-body: "Almarai", sans-serif;

	/* Woodmart tokens */
	--wd-primary-color: var(--hp-navy);
	--wd-alternative-color: var(--hp-yellow);
	--wd-title-font: var(--hp-head);
	--wd-title-font-weight: 700;
	--wd-title-color: var(--hp-navy);
	--wd-entities-title-font: var(--hp-head);
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: var(--hp-navy);
	--wd-entities-title-color-hover: var(--hp-red);
	--wd-text-font: var(--hp-body);
	--wd-text-color: #4A4F63;
	--wd-header-el-font: var(--hp-head);
	--wd-header-el-font-weight: 700;
	--wd-link-color: var(--hp-navy);
	--wd-link-color-hover: var(--hp-red);
	--wd-brd-radius: 14px;
	--btn-accented-bgcolor: var(--hp-navy);
	--btn-accented-bgcolor-hover: var(--hp-navy-2);
	--btn-accented-color: #fff;
	--btn-accented-color-hover: #fff;
	--btn-accented-brd-radius: 50px;
	--btn-default-brd-radius: 50px;
	--btn-shop-brd-radius: 50px;
	--btn-shop-bgcolor: var(--hp-yellow);
	--btn-shop-bgcolor-hover: var(--hp-navy);
	--btn-shop-color: var(--hp-navy);
	--btn-shop-color-hover: #fff;
}

body { font-family: var(--hp-body); color: #4A4F63; }
h1, h2, h3, h4, h5, h6, .title, .wd-entities-title, .product_title { font-family: var(--hp-head) !important; color: var(--hp-navy); }

/* ---------- Header ---------- */
.whb-general-header { background: #fff; }
.whb-general-header .wd-nav > li > a { font-family: var(--hp-head); font-size: 16px; font-weight: 700; color: var(--hp-navy); }
.whb-general-header .wd-nav > li > a:hover,
.whb-general-header .wd-nav > li.current-menu-item > a { color: var(--hp-red); }
.whb-general-header .wd-nav-main > li > a { position: relative; }
.whb-general-header .wd-nav-main > li.current-menu-item > a::after {
	content: ""; position: absolute; inset-inline: 30%; bottom: 8px; height: 3px; border-radius: 3px; background: var(--hp-yellow);
}
.whb-top-bar { background: var(--hp-navy) !important; }
.wd-cart-number, .wd-tools-count { background: var(--hp-red) !important; color: #fff !important; }

/* Top bar announcement */
.hp-topbar { display: flex; gap: 28px; justify-content: center; align-items: center; color: #fff; font-size: 13px; font-weight: 700; white-space: nowrap; overflow: hidden; }
.hp-topbar span { display: inline-flex; gap: 6px; align-items: center; }
.hp-topbar b { color: var(--hp-yellow); }
@media (max-width: 767px) { .hp-topbar span:nth-child(n+2) { display: none; } }

/* ---------- Generic section helpers ---------- */
.hp-wrap { max-width: 1240px; margin-inline: auto; padding-inline: 20px; }
.hp-sec { padding-block: 64px; }
.hp-sec-head { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 28px; flex-wrap: wrap; }
.hp-kicker { display: inline-flex; align-items: center; gap: 8px; font-family: var(--hp-head); font-weight: 700; font-size: 15px; color: var(--hp-red); margin-bottom: 4px; }
.hp-kicker::before { content: ""; width: 22px; height: 3px; border-radius: 3px; background: var(--hp-yellow); }
.hp-h2 { font-family: var(--hp-head); font-size: clamp(26px, 3.4vw, 40px); line-height: 1.2; margin: 0; color: var(--hp-navy); font-weight: 800; }
.hp-lead { color: var(--hp-muted); font-size: 16px; line-height: 1.9; margin: 6px 0 0; }
.hp-link { font-family: var(--hp-head); font-weight: 700; color: var(--hp-navy); display: inline-flex; gap: 6px; align-items: center; border-bottom: 2px solid var(--hp-yellow); padding-bottom: 2px; }
.hp-link:hover { color: var(--hp-red); }

.hp-btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; border-radius: 50px; font-family: var(--hp-head); font-weight: 700; font-size: 16px; line-height: 1; transition: transform .2s, box-shadow .2s, background .2s; border: 2px solid transparent; }
.hp-btn:hover { transform: translateY(-2px); }
.hp-btn--navy { background: var(--hp-navy); color: #fff !important; box-shadow: 0 10px 24px -10px rgba(11, 34, 102, .7); }
.hp-btn--navy:hover { background: var(--hp-navy-2); }
.hp-btn--ghost { border-color: var(--hp-navy); color: var(--hp-navy) !important; background: transparent; }
.hp-btn--ghost:hover { background: var(--hp-navy); color: #fff !important; }
.hp-btn--yellow { background: var(--hp-yellow); color: var(--hp-navy) !important; }
.hp-btn--white { background: #fff; color: var(--hp-navy) !important; }
.hp-btn svg { width: 18px; height: 18px; }

/* ---------- Hero ---------- */
.hp-hero { position: relative; background: var(--hp-yellow); overflow: hidden; padding: 56px 0 110px; }
.hp-hero::before { content: ""; position: absolute; inset: 0; opacity: .12; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='%230B2266'%3E%3Cellipse cx='30' cy='38' rx='9' ry='11'/%3E%3Cellipse cx='50' cy='28' rx='8' ry='10'/%3E%3Cellipse cx='68' cy='36' rx='8' ry='10'/%3E%3Cpath d='M48 50c-12 0-20 12-18 20s10 6 18 6 16 2 18-6-6-20-18-20z'/%3E%3C/g%3E%3C/svg%3E"); background-size: 150px; transform: rotate(-12deg) scale(1.4); pointer-events: none; }
.hp-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 80px; background: #fff; clip-path: ellipse(75% 100% at 50% 100%); }
.hp-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.05fr 1fr; gap: 40px; align-items: center; }
.hp-chip { display: inline-flex; align-items: center; gap: 8px; background: #fff; color: var(--hp-navy); border-radius: 50px; padding: 8px 16px; font-weight: 800; font-size: 13px; box-shadow: var(--hp-shadow); }
.hp-chip i { width: 8px; height: 8px; border-radius: 50%; background: var(--hp-red); display: inline-block; }
.hp-hero h1 { font-family: var(--hp-head); font-weight: 800; font-size: clamp(36px, 5.4vw, 68px); line-height: 1.12; color: var(--hp-navy); margin: 18px 0 14px; }
.hp-hero h1 em { font-style: normal; color: #fff; -webkit-text-stroke: 0; background: var(--hp-navy); padding: 0 14px; border-radius: 18px; display: inline-block; transform: rotate(-2deg); }
.hp-hero p { font-size: 18px; line-height: 1.9; color: #2B2F45; max-width: 520px; margin: 0 0 26px; }
.hp-hero__cta { display: flex; gap: 12px; flex-wrap: wrap; }
.hp-hero__stats { display: flex; gap: 26px; margin-top: 34px; flex-wrap: wrap; }
.hp-hero__stats div { font-family: var(--hp-head); color: var(--hp-navy); font-size: 14px; font-weight: 700; line-height: 1.3; }
.hp-hero__stats b { display: block; font-size: 30px; font-weight: 800; }

.hp-hero__art { position: relative; aspect-ratio: 1 / 1; max-width: 540px; margin-inline: auto; width: 100%; }
.hp-hero__blob { position: absolute; inset: 6%; background: #fff; border-radius: 46% 54% 42% 58% / 52% 44% 56% 48%; box-shadow: 0 30px 60px -30px rgba(11, 34, 102, .45); animation: hpBlob 12s ease-in-out infinite; }
.hp-hero__main { position: absolute; inset: 12%; border-radius: 50%; overflow: hidden; border: 8px solid #fff; box-shadow: var(--hp-shadow); }
.hp-hero__main img, .hp-hero__mini img { width: 100%; height: 100%; object-fit: cover; }
.hp-hero__mini { position: absolute; width: 30%; aspect-ratio: 1; border-radius: 50%; overflow: hidden; border: 6px solid #fff; box-shadow: var(--hp-shadow); animation: hpFloat 6s ease-in-out infinite; }
.hp-hero__mini--a { top: 0; inset-inline-start: 0; }
.hp-hero__mini--b { bottom: 2%; inset-inline-end: -2%; animation-delay: -3s; }
.hp-hero__tag { position: absolute; background: var(--hp-navy); color: #fff; font-family: var(--hp-head); font-weight: 700; font-size: 14px; padding: 10px 16px; border-radius: 16px; box-shadow: var(--hp-shadow); display: flex; gap: 8px; align-items: center; animation: hpFloat 7s ease-in-out infinite; }
.hp-hero__tag--a { top: 14%; inset-inline-end: -4%; }
.hp-hero__tag--b { bottom: 12%; inset-inline-start: -2%; background: var(--hp-red); animation-delay: -2s; }
@keyframes hpFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
@keyframes hpBlob { 0%, 100% { border-radius: 46% 54% 42% 58% / 52% 44% 56% 48%; } 50% { border-radius: 56% 44% 52% 48% / 44% 56% 46% 54%; } }

/* ---------- Trust strip ---------- */
.hp-trust { margin-top: -54px; position: relative; z-index: 2; }
.hp-trust__row { display: grid; grid-template-columns: repeat(4, 1fr); background: #fff; border-radius: var(--hp-radius); box-shadow: 0 20px 50px -25px rgba(11, 34, 102, .35); padding: 8px; }
.hp-trust__item { display: flex; gap: 14px; align-items: center; padding: 18px 20px; }
.hp-trust__item + .hp-trust__item { border-inline-start: 1px dashed #E7E2CF; }
.hp-trust__ico { flex: 0 0 52px; height: 52px; border-radius: 16px; background: var(--hp-cream); display: grid; place-items: center; color: var(--hp-navy); }
.hp-trust__ico svg { width: 28px; height: 28px; }
.hp-trust__item b { display: block; font-family: var(--hp-head); color: var(--hp-navy); font-size: 16px; }
.hp-trust__item span { font-size: 13px; color: var(--hp-muted); }

/* ---------- Categories ---------- */
.hp-cats { display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; }
.hp-cat { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 22px 14px 20px; border-radius: var(--hp-radius); background: var(--c, var(--hp-cream)); transition: transform .25s, box-shadow .25s; overflow: hidden; }
.hp-cat:hover { transform: translateY(-6px); box-shadow: var(--hp-shadow); }
.hp-cat__img { width: 78%; aspect-ratio: 1; border-radius: 50%; overflow: hidden; border: 5px solid #fff; box-shadow: 0 10px 24px -14px rgba(0, 0, 0, .4); margin-bottom: 14px; background: #fff; }
.hp-cat__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.hp-cat:hover .hp-cat__img img { transform: scale(1.08); }
.hp-cat b { font-family: var(--hp-head); font-size: 18px; color: var(--hp-navy); line-height: 1.3; }
.hp-cat small { color: var(--hp-muted); font-size: 13px; margin-top: 4px; }
.hp-cat__go { position: absolute; top: 14px; inset-inline-start: 14px; width: 34px; height: 34px; border-radius: 50%; background: #fff; display: grid; place-items: center; color: var(--hp-navy); transition: background .2s; }
.hp-cat:hover .hp-cat__go { background: var(--hp-navy); color: #fff; }

/* ---------- Product loop (Woodmart) ---------- */
.hp-products .products, .hp-products ul.products { margin-bottom: 0; }
.wd-product .product-wrapper, .product-grid-item .product-wrapper { border-radius: var(--hp-radius); background: #fff; transition: box-shadow .25s, transform .25s; }
.product-grid-item:hover .product-wrapper { box-shadow: 0 18px 40px -22px rgba(11, 34, 102, .4); }
.product-grid-item .product-element-top { border-radius: 18px; overflow: hidden; background: var(--hp-cream); }
.product-grid-item .wd-entities-title { font-size: 16px; line-height: 1.45; }
.product-grid-item .price, .single-product .summary .price { color: var(--hp-red) !important; font-family: var(--hp-head); font-weight: 800; }
.product-grid-item .price .amount { font-size: 17px; }
.onsale, .product-label.onsale { background: var(--hp-red) !important; }
.product-label.featured { background: var(--hp-yellow) !important; color: var(--hp-navy) !important; }
.wd-product .wd-add-btn > a, .product-grid-item .add_to_cart_button { border-radius: 50px !important; font-family: var(--hp-head); font-weight: 700; }

/* Short description badges */
.hp-badges { list-style: none; padding: 0; margin: 0 0 14px; display: flex; flex-wrap: wrap; gap: 8px; }
.hp-badges li { background: var(--hp-cream); color: var(--hp-navy); border: 1px solid var(--hp-sand); border-radius: 50px; padding: 6px 14px; font-size: 13px; font-weight: 700; margin: 0 !important; }
.hp-badges li::before { content: "✓ "; color: var(--hp-red); }
.single-product .summary .product_title { font-size: clamp(26px, 3vw, 36px); font-weight: 800; }
.single-product .single_add_to_cart_button { border-radius: 50px !important; background: var(--hp-navy) !important; font-family: var(--hp-head); font-size: 17px !important; padding-inline: 34px !important; }
.single-product .woocommerce-product-gallery { border-radius: var(--hp-radius); overflow: hidden; }
.wd-swatch.wd-text-only, .variations .wd-swatch { border-radius: 50px !important; }

/* ---------- Promo banners ---------- */
.hp-promos { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.hp-promo { position: relative; display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; gap: 10px; border-radius: 28px; padding: 34px 34px; min-height: 270px; overflow: hidden; color: #fff; isolation: isolate; }
.hp-promo--navy { background: var(--hp-navy); }
.hp-promo--red { background: var(--hp-red); }
.hp-promo::before { content: ""; position: absolute; width: 360px; height: 360px; border-radius: 50%; background: rgba(255, 255, 255, .08); inset-inline-end: -110px; top: -90px; z-index: -1; }
.hp-promo h3 { color: #fff; font-family: var(--hp-head); font-weight: 800; font-size: clamp(24px, 2.6vw, 34px); line-height: 1.2; margin: 8px 0 10px; }
.hp-promo p { color: rgba(255, 255, 255, .85); margin: 0 0 20px; line-height: 1.8; }
.hp-promo .hp-tagline { display: inline-block; background: var(--hp-yellow); color: var(--hp-navy); font-weight: 800; font-size: 12px; padding: 5px 12px; border-radius: 50px; }
.hp-promo__img { aspect-ratio: 1; border-radius: 50%; overflow: hidden; border: 6px solid rgba(255, 255, 255, .9); transform: rotate(6deg); transition: transform .4s; }
.hp-promo:hover .hp-promo__img { transform: rotate(0) scale(1.04); }
.hp-promo__img img { width: 100%; height: 100%; object-fit: cover; }

/* ---------- Why freeze dried ---------- */
.hp-why { background: var(--hp-cream); border-radius: 36px; padding: 56px 44px; position: relative; overflow: hidden; }
.hp-why__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 48px; align-items: center; }
.hp-why__img { position: relative; border-radius: 30px; overflow: hidden; aspect-ratio: 4 / 4.2; box-shadow: var(--hp-shadow); }
.hp-why__img img { width: 100%; height: 100%; object-fit: cover; }
.hp-why__badge { position: absolute; bottom: 18px; inset-inline-start: 18px; background: #fff; border-radius: 18px; padding: 12px 16px; font-family: var(--hp-head); color: var(--hp-navy); font-weight: 800; display: flex; gap: 10px; align-items: center; box-shadow: var(--hp-shadow); }
.hp-why__badge b { font-size: 28px; color: var(--hp-red); }
.hp-steps { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 26px; }
.hp-step { background: #fff; border-radius: 20px; padding: 20px; border: 1px solid var(--hp-sand); }
.hp-step i { font-style: normal; display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: var(--hp-yellow); color: var(--hp-navy); font-family: var(--hp-head); font-weight: 800; font-size: 18px; margin-bottom: 10px; }
.hp-step b { display: block; font-family: var(--hp-head); color: var(--hp-navy); font-size: 17px; margin-bottom: 4px; }
.hp-step span { color: var(--hp-muted); font-size: 14px; line-height: 1.8; }

/* ---------- How to serve ---------- */
.hp-serve { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.hp-serve__card { border-radius: var(--hp-radius); padding: 26px; background: #fff; border: 2px solid #F1EBD6; text-align: center; transition: border-color .2s, transform .2s; }
.hp-serve__card:hover { border-color: var(--hp-yellow); transform: translateY(-4px); }
.hp-serve__card .ico { font-size: 40px; line-height: 1; display: block; margin-bottom: 12px; }
.hp-serve__card b { font-family: var(--hp-head); color: var(--hp-navy); font-size: 19px; display: block; margin-bottom: 6px; }
.hp-serve__card span { color: var(--hp-muted); font-size: 14px; line-height: 1.8; }

/* ---------- CTA band ---------- */
.hp-cta { background: var(--hp-yellow); border-radius: 36px; padding: 48px; display: grid; grid-template-columns: auto 1fr auto; gap: 30px; align-items: center; position: relative; overflow: hidden; }
.hp-cta::after { content: ""; position: absolute; width: 260px; height: 260px; border-radius: 50%; border: 40px solid rgba(255, 255, 255, .35); inset-inline-start: -90px; bottom: -120px; }
.hp-cta__logo { width: 120px; height: 120px; border-radius: 50%; overflow: hidden; border: 5px solid #fff; box-shadow: var(--hp-shadow); position: relative; z-index: 1; }
.hp-cta__logo img { width: 100%; height: 100%; object-fit: cover; }
.hp-cta h3 { font-family: var(--hp-head); font-weight: 800; color: var(--hp-navy); font-size: clamp(24px, 2.8vw, 34px); margin: 0 0 6px; }
.hp-cta p { margin: 0; color: #2B2F45; }
.hp-cta__btns { display: flex; gap: 10px; flex-wrap: wrap; position: relative; z-index: 1; }

/* ---------- Footer ---------- */
.footer-container, .wd-footer { background: var(--hp-navy) !important; }
.hp-footer { color: rgba(255, 255, 255, .78); padding: 64px 0 28px; position: relative; }
.hp-footer::before { content: ""; position: absolute; top: -1px; left: 0; right: 0; height: 8px; background: repeating-linear-gradient(90deg, var(--hp-yellow) 0 40px, var(--hp-red) 40px 52px); }
.hp-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 36px; }
.hp-footer h4 { color: var(--hp-yellow); font-family: var(--hp-head); font-size: 18px; margin: 0 0 16px; }
.hp-footer a { color: rgba(255, 255, 255, .85); }
.hp-footer a:hover { color: var(--hp-yellow); }
.hp-footer ul { list-style: none; margin: 0; padding: 0; }
.hp-footer li { margin: 0 0 10px; }
.hp-footer__logo { max-width: 240px; margin-bottom: 16px; }
.hp-footer p { line-height: 1.9; margin: 0 0 14px; font-size: 14px; }
.hp-social { display: flex; gap: 10px; }
.hp-social a { width: 42px; height: 42px; border-radius: 50%; background: rgba(255, 255, 255, .1); display: grid; place-items: center; color: #fff; transition: background .2s, color .2s; }
.hp-social a:hover { background: var(--hp-yellow); color: var(--hp-navy); }
.hp-social svg { width: 20px; height: 20px; }
.hp-contact li { display: flex; gap: 10px; align-items: center; }
.hp-contact svg { width: 18px; height: 18px; color: var(--hp-yellow); flex: none; }
.hp-footer__bottom { border-top: 1px solid rgba(255, 255, 255, .12); margin-top: 40px; padding-top: 22px; display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: 13px; }
.wd-copyrights, .copyrights-wrapper { background: var(--hp-navy) !important; color: rgba(255, 255, 255, .6); border-top: 1px solid rgba(255, 255, 255, .1); }

/* Floating WhatsApp (desktop; mobile uses the sticky toolbar) */
.hp-wa-float { position: fixed; bottom: 24px; inset-inline-end: 24px; z-index: 400; width: 58px; height: 58px; border-radius: 50%; background: #25D366; color: #fff !important; display: grid; place-items: center; box-shadow: 0 12px 30px -8px rgba(37, 211, 102, .6); transition: transform .2s; }
.hp-wa-float:hover { transform: scale(1.08); }
@media (max-width: 1024px) { .hp-wa-float { display: none; } }

/* Sticky mobile toolbar */
.wd-toolbar { box-shadow: 0 -6px 24px -12px rgba(11, 34, 102, .35); }
.wd-toolbar .wd-toolbar-label { font-family: var(--hp-head); font-weight: 700; }

/* Category / shop page title */
.page-title.page-title-default, .wd-page-title { background: var(--hp-yellow) !important; }
.page-title .entry-title, .wd-page-title .entry-title, .page-title .title { color: var(--hp-navy) !important; font-weight: 800; }
.page-title .breadcrumbs a, .page-title .woocommerce-breadcrumb, .page-title .woocommerce-breadcrumb a { color: var(--hp-navy) !important; }
.wd-nav-product-cat > li > a { font-family: var(--hp-head); font-weight: 700; color: var(--hp-navy) !important; }

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
	.hp-cats { grid-template-columns: repeat(3, 1fr); }
	.hp-trust__row { grid-template-columns: repeat(2, 1fr); }
	.hp-trust__item:nth-child(3) { border-inline-start: 0; }
	.hp-promos, .hp-why__grid { grid-template-columns: 1fr; }
	.hp-footer__grid { grid-template-columns: 1fr 1fr; }
	.hp-cta { grid-template-columns: 1fr; text-align: center; justify-items: center; }
}
@media (max-width: 767px) {
	.hp-sec { padding-block: 44px; }
	.hp-hero { padding: 28px 0 90px; }
	.hp-hero__grid { grid-template-columns: 1fr; gap: 24px; }
	.hp-hero__art { max-width: 340px; order: -1; }
	.hp-hero h1 { margin-top: 12px; }
	.hp-hero p { font-size: 16px; }
	.hp-hero__stats { gap: 18px; margin-top: 24px; }
	.hp-hero__stats b { font-size: 24px; }
	.hp-hero__tag { font-size: 12px; padding: 8px 12px; }
	.hp-cats { grid-template-columns: repeat(2, 1fr); gap: 12px; }
	.hp-cat b { font-size: 16px; }
	.hp-trust__item { padding: 14px 10px; gap: 10px; flex-direction: column; text-align: center; }
	.hp-trust__item + .hp-trust__item { border-inline-start: 0; }
	.hp-trust__ico { flex-basis: auto; width: 46px; height: 46px; }
	.hp-promo { grid-template-columns: 1fr 120px; padding: 26px 22px; min-height: 0; }
	.hp-why { padding: 30px 18px; border-radius: 26px; }
	.hp-steps, .hp-serve { grid-template-columns: 1fr; }
	.hp-cta { padding: 34px 20px; border-radius: 26px; }
	.hp-footer__grid { grid-template-columns: 1fr; }
}

/* ---------- Layout fixes ---------- */
.website-wrapper { overflow-x: clip; }
.home .main-page-wrapper { padding-top: 0 !important; }
.home .site-content { margin-bottom: 0; }
.home .wd-section-stretch > .elementor-container { max-width: none !important; }
.home .elementor-section.wd-section-stretch { width: 100vw !important; left: 0 !important; right: 0 !important; margin-inline: calc(50% - 50vw) !important; }
.home .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1240px; }
.whb-general-header .wd-nav-main { flex-wrap: nowrap; }
.whb-general-header .wd-nav-main > li > a { padding-inline: 9px !important; font-size: 15px !important; white-space: nowrap; }
@media (max-width: 1280px) { .whb-general-header .wd-nav-main > li:first-child { display: none; } }

/* Hero art: poster card instead of circle (product images carry text) */
.hp-hero__main { inset: 7% 17% 9%; border-radius: 34px; transform: rotate(-3deg); border-width: 7px; }
.hp-hero__blob { inset: 3%; }
.hp-hero__mini { width: 31%; }
.hp-hero__mini--a { top: 2%; inset-inline-start: 2%; }
.hp-hero__mini--b { bottom: 0; inset-inline-end: 0; }
.hp-hero__tag--a { top: 40%; inset-inline-end: -3%; }
.hp-hero__tag--b { bottom: 6%; inset-inline-start: 4%; }

/* ---------- Palette: navy + yellow only (no gold / red) ---------- */
:root { --hp-red: #0B2266; --hp-body: "Baloo Bhaijaan 2", sans-serif; --hp-head: "Baloo Bhaijaan 2", sans-serif; --wd-text-font: "Baloo Bhaijaan 2", sans-serif; }
body, body *:not(i):not([class*="icon"]):not(.wd-icon) { font-family: "Baloo Bhaijaan 2", sans-serif !important; }
.price, .price .amount, .price ins, .price del, .woocommerce-Price-amount, .product-grid-item .price, .single-product .summary .price { color: var(--hp-navy) !important; }
.price del, .price del .amount { color: #8A90A8 !important; }
.wd-cart-number, .wd-tools-count, .wd-toolbar .wd-tools-count { background: var(--hp-yellow) !important; color: var(--hp-navy) !important; }
.product-grid-item .add_to_cart_button, .product-grid-item .product_type_variable, .wd-add-btn > a, .wd-add-btn .button { background: var(--hp-yellow) !important; color: var(--hp-navy) !important; }
.product-grid-item .add_to_cart_button:hover, .product-grid-item .product_type_variable:hover, .wd-add-btn > a:hover { background: var(--hp-navy) !important; color: #fff !important; }
.hp-promo--red { background: var(--hp-yellow); color: var(--hp-navy); }
.hp-promo--red h3 { color: var(--hp-navy); }
.hp-promo--red p { color: #2B2F45; }
.hp-promo--red .hp-tagline { background: var(--hp-navy); color: #fff; }
.hp-promo--red .hp-btn--white { background: var(--hp-navy); color: #fff !important; }
.hp-promo--red::before { background: rgba(255, 255, 255, .35); }
.hp-hero__tag--b { background: #fff; color: var(--hp-navy); }
.hp-chip i { background: var(--hp-navy); }
.hp-footer::before { background: var(--hp-yellow); height: 6px; }
.onsale, .product-label.onsale { background: var(--hp-navy) !important; color: #fff !important; }
.hp-link { white-space: nowrap; }
@media (max-width: 767px) { .hp-cat__img { width: 64%; } }

/* ---------- Single product: buy box ---------- */
.single-product .summary form.cart {
	background: #fff; border: 1px solid #EFE6C8; border-radius: 22px; padding: 22px;
	box-shadow: 0 18px 44px -20px rgba(11, 34, 102, .35); margin-bottom: 24px;
}
.single-product .summary form.cart .variations { margin-bottom: 10px; }
.single-product .single_add_to_cart_button,
.single-product .single_add_to_cart_button:hover,
.single-product .single_add_to_cart_button span { color: #fff !important; }
.single-product .single_add_to_cart_button:hover { background: var(--hp-navy-2) !important; }
.single-product .wd-buy-now-btn, .single-product .wd-buy-now-btn:hover { background: var(--hp-yellow) !important; color: var(--hp-navy) !important; border-radius: 50px !important; }
.single-product .quantity { border-radius: 50px; overflow: hidden; }

/* LTR (English): flip directional arrows */
html:not([dir="rtl"]) .hp-btn svg,
html:not([dir="rtl"]) .hp-link svg,
html:not([dir="rtl"]) .hp-cat__go svg { transform: scaleX(-1); }
html:not([dir="rtl"]) .hp-hero h1 em { transform: rotate(2deg); }
.whb-general-header .wd-nav > li > a { text-transform: none !important; }
html:not([dir="rtl"]) .whb-general-header .wd-nav-main > li > a { font-size: 14px !important; padding-inline: 7px !important; }
@media (max-width: 1500px) { html:not([dir="rtl"]) .whb-general-header .wd-nav-main > li:first-child { display: none; } }

/* Mobile: fixed buy bar flush on top of the sticky toolbar */
@media (max-width: 768px) {
	.single-product .summary form.cart {
		position: fixed; left: 0 !important; right: 0 !important; width: 100% !important;
		bottom: 55px !important; margin: 0 !important; border-radius: 0 !important;
		border: 0 !important; border-top: 1px solid #EFE6C8 !important;
		padding: 10px 14px !important; background: #fff !important;
		box-shadow: 0 -10px 24px -14px rgba(11, 34, 102, .35) !important;
	}
	.single-product .summary form.cart .variations { margin-bottom: 6px; }
	.single-product .summary form.cart .single_add_to_cart_button,
	.single-product .summary form.cart .wd-buy-now-btn { min-height: 44px; }
	.single-product .site-content { padding-bottom: 150px; }
}
@media (max-width: 768px) {
	.single-product .summary form.cart .single_add_to_cart_button,
	.single-product .summary form.cart .wd-buy-now-btn { white-space: nowrap; font-size: 14px !important; padding-inline: 14px !important; }
}