/*
 * Homepage redesign (desktop + phone): navy menu bar with red active tab, search with a blue button,
 * pastel category tiles, trust strip, "Why choose" / "Become a vendor" bands, navy footer.
 * Loads after the other frontend css files.
 */
:root {
	--hn-navy: #0f3d82;
	--hn-navy-2: #0b2f66;
	--hn-blue: #1769c8;
	--hn-red: #e2261c;
	--hn-ink: #14204a;
	--hn-muted: #5d6a8c;
}

/* ================= header: top row ================= */
header .top-nav.top-header { background: #fff; }
header .gk-bk-locbtn .gk-bk-loctitle { font-size: 12px; font-weight: 500; color: var(--hn-muted); }
header .gk-bk-locbtn .gk-bk-locsub, header .gk-bk-locbtn .gk-bk-locsub * { font-size: 14px !important; font-weight: 700 !important; color: var(--hn-ink) !important; }
header .gk-bk-pinm { display: none; }

/* search: white box, blue square button on the right */
.gk-bk-search { background: #fff !important; border: 1.5px solid #c4d0e6 !important; border-radius: 8px !important; height: 46px; padding: 0 56px 0 16px !important; overflow: hidden; box-shadow: none !important; }
.gk-bk-search:hover { border-color: #9fb3d8 !important; }
.gk-bk-search:focus-within { border-color: var(--hn-blue) !important; box-shadow: 0 0 0 3px rgba(23, 105, 200, .14) !important; }
.gk-bk-sicon { display: none !important; }
.gk-bk-ph { left: 16px !important; }
.gk-bk-go { position: absolute; right: 0; top: 0; bottom: 0; width: 54px; display: grid; place-items: center; padding: 0; border: 0; background: var(--hn-blue); cursor: pointer; transition: background .18s; }
.gk-bk-go:hover { background: #0f55a8; }
.gk-bk-clear { margin-right: 4px; }

/* right side: login text + cart */
@media (min-width: 768px) {
	header .right-side-menu .right-side.d-md-block:first-child { display: none !important; }
	header .right-side-menu .right-side.onhover-dropdown .delivery-login-box { display: flex; align-items: center; gap: 10px; }
	header .right-side-menu .right-side.onhover-dropdown .delivery-detail { display: block !important; line-height: 1.25; }
	header .right-side-menu .right-side.onhover-dropdown .delivery-detail h6 { margin: 0; font-size: 12px; font-weight: 600; color: var(--hn-ink); }
	header .right-side-menu .right-side.onhover-dropdown .delivery-detail h5 { margin: 1px 0 0; font-size: 12.5px; font-weight: 500; color: var(--hn-muted); }
	header .right-side-menu .right-side.onhover-dropdown .delivery-detail h5::after { content: " \25BE"; font-size: 10px; }
	header .right-side-menu .right-side .delivery-icon .feather, header .right-side-menu .right-side .header-badge .feather { stroke: var(--hn-ink); }
}
header .header-badge .badge { background: var(--hn-red) !important; color: #fff; border-radius: 99px; font-size: 10px; min-width: 18px; }

/* ================= menu bar: navy, red active tab ================= */
header .header-nav { background: var(--hn-navy) !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; }
header .header-nav::after { display: none !important; }
header .header-nav .main-nav .navbar-nav { justify-content: flex-start; gap: 0; }
header .header-nav .main-nav .nav-item { flex: 0 0 auto; text-align: left; }
header .header-nav .main-nav .nav-link { padding: 13px 22px !important; font-size: 13.5px; font-weight: 600; color: #fff !important; transition: background .18s; }
header .header-nav .main-nav .nav-link::after { display: none !important; }
header .header-nav .main-nav .nav-link:hover { background: rgba(255, 255, 255, .12); color: #fff !important; }
header .header-nav .main-nav .nav-link.active { background: var(--hn-red); color: #fff !important; font-weight: 700; }
header .header-nav .main-nav .gk-allcat .nav-link { gap: 10px; padding-left: 28px !important; padding-right: 28px !important; background: var(--hn-navy-2); font-weight: 700; }
header .header-nav .main-nav .gk-allcat .nav-link i { font-size: 14px; }
header .header-nav .main-nav .gk-allcat .nav-link .fa-angle-down { font-size: 11px; }
header .header-nav .header-nav-right { margin: 0 20px 0 auto; }
header .header-nav .header-nav-right .btn { background: #fff !important; color: var(--hn-red) !important; box-shadow: none; padding: 7px 18px; }
header .header-nav .header-nav-right .btn:hover { background: #fff1ef !important; }
header .header-nav .header-nav-middle { flex: 1 1 auto; }

/* ================= trust strip ================= */
.gk-trust { padding: 0; background: #fff; border-bottom: 1px solid #e8eef8; }
.gk-trust-row { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 1180px; margin: 0 auto; }
.gk-trust-item { display: flex; align-items: center; gap: 12px; padding: 16px 18px; }
.gk-trust-item + .gk-trust-item { border-left: 1px solid #e8eef8; }
.gk-trust-item > span { flex: 0 0 40px; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; font-size: 18px; color: var(--hn-navy); background: #e8f0fc; }
.gk-trust-item b { display: block; font-size: 14px; font-weight: 700; color: var(--hn-ink); }
.gk-trust-item small { display: block; font-size: 12px; color: var(--hn-muted); }

/* ================= section titles ================= */
.category-section-2 { padding: 26px 0 8px; }
.category-section-2 .title.title-flex h2 { font-size: 22px; font-weight: 800; color: var(--hn-ink); letter-spacing: -.2px; }
.category-section-2 .title .btn.product-button { background: transparent !important; color: var(--hn-blue) !important; border: 1.5px solid #cfe0f7; border-radius: 99px; box-shadow: none; padding: 6px 16px; font-weight: 700; }
.category-section-2 .title .btn.product-button:hover { background: var(--hn-blue) !important; color: #fff !important; border-color: var(--hn-blue); }

/* ================= category tiles (slider kept) ================= */
.category-slider .slick-slide > div { padding: 0 6px; }
.category-slider .shop-category-box { padding: 4px 0 10px; }
.category-slider .shop-category-box .circle-1 {
	position: relative;
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	width: 100%;
	height: auto;
	min-height: 138px;
	padding: 16px 8px 12px;
	border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, .8);
	background: #e8f0fc;
	box-shadow: 0 12px 22px -18px rgba(20, 30, 80, .55);
	transition: box-shadow .2s, background .2s;
}
.category-slider .shop-category-box .circle-1:hover { box-shadow: 0 18px 28px -18px rgba(20, 30, 80, .6); }
.category-slider .slick-slide:nth-child(6n+1) .circle-1 { background: #e6f5ec; }
.category-slider .slick-slide:nth-child(6n+2) .circle-1 { background: #fff0e6; }
.category-slider .slick-slide:nth-child(6n+3) .circle-1 { background: #e8f0fc; }
.category-slider .slick-slide:nth-child(6n+4) .circle-1 { background: #f1ebfb; }
.category-slider .slick-slide:nth-child(6n+5) .circle-1 { background: #fde9ee; }
.category-slider .slick-slide:nth-child(6n) .circle-1 { background: #e6f3fb; }
.category-slider .shop-category-box .circle-1 img { width: 68px !important; height: 68px; object-fit: contain; margin: 0; border-radius: 12px; background: transparent; }
.category-slider .shop-category-box .circle-1 .category-name { position: static; width: 100%; padding: 0; background: none; }
.category-slider .shop-category-box .circle-1 .category-name h6 { margin: 0; font-size: 12.5px; font-weight: 700; line-height: 1.3; color: var(--hn-ink); text-align: center; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; }

/* ================= bands ================= */
.gk-bands { padding: 18px 0 24px; }
.gk-bands .container-fluid-lg { max-width: 1180px; margin: 0 auto; }
.gk-why, .gk-vendor { position: relative; height: 100%; padding: 22px 24px; border-radius: 22px; overflow: hidden; }
.gk-why { background: #e8f0fc; }
.gk-vendor { background: #fdeaea; }
.gk-why h3, .gk-vendor h3 { margin: 0; font-size: 22px; font-weight: 800; color: var(--hn-ink); }
.gk-why > p, .gk-vendor > p { margin: 2px 0 14px; font-size: 13.5px; color: var(--hn-muted); }
.gk-why ul, .gk-vendor ul { margin: 0 0 16px; padding: 0; list-style: none; }
.gk-why li { display: flex; align-items: center; gap: 12px; margin-bottom: 11px; }
.gk-why li > span { flex: 0 0 36px; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; font-size: 16px; color: var(--hn-navy); background: #fff; box-shadow: 0 8px 14px -10px rgba(15, 61, 130, .6); }
.gk-why li b { display: block; font-size: 14px; color: var(--hn-ink); }
.gk-why li small { display: block; font-size: 12px; color: var(--hn-muted); }
.gk-vendor li { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; font-size: 14px; font-weight: 600; color: var(--hn-ink); }
.gk-vendor li i { color: var(--hn-navy); font-size: 13px; }
.gk-vendor-ico { position: absolute; right: 22px; bottom: 18px; width: 120px; height: 120px; display: grid; place-items: center; border-radius: 28px; font-size: 56px; color: #fff; background: linear-gradient(135deg, #ff6a5c, #d4231a); box-shadow: 0 24px 40px -22px rgba(226, 38, 28, .8); transform: rotate(-6deg); }
.gk-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; border-radius: 10px; border: 0; font-size: 13.5px; font-weight: 700; text-decoration: none; transition: filter .18s, background .18s; }
.gk-btn-navy { background: var(--hn-navy); color: #fff; }
.gk-btn-red { background: var(--hn-red); color: #fff; }
.gk-btn-ghost { background: transparent; color: #fff; border: 1.5px solid rgba(255, 255, 255, .7); }
.gk-btn:hover { filter: brightness(1.12); color: inherit; }
.gk-btn-navy:hover, .gk-btn-red:hover, .gk-btn-ghost:hover { color: #fff; }
.gk-strip { display: flex; align-items: center; gap: 16px; margin-top: 16px; padding: 14px 20px; border-radius: 16px; color: #fff; background: linear-gradient(90deg, var(--hn-navy), var(--hn-navy-2)); }
.gk-strip-ico { flex: 0 0 46px; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; font-size: 20px; background: rgba(255, 255, 255, .14); }
.gk-strip-text { flex: 1 1 auto; }
.gk-strip-text b { display: block; font-size: 15px; }
.gk-strip-text small { display: block; font-size: 12.5px; opacity: .8; }

/* ================= footer: navy ================= */
.gk-foot-dark { background: linear-gradient(180deg, var(--hn-navy) 0%, var(--hn-navy-2) 100%) !important; }
.gk-foot-dark::before { background: var(--hn-red); height: 3px; }
footer.gk-footer { background: #fff; }

/* ================= phone ================= */
@media (max-width: 767.98px) {
	header .top-nav.top-header { background: #fff; box-shadow: 0 8px 20px -18px rgba(15, 61, 130, .6); }
	header .top-nav .navbar-top { padding: 8px 0 0; }
	.navbar-menu-button { background: transparent !important; box-shadow: none !important; width: 40px; height: 40px; margin-right: 0; }
	.navbar-menu-button i { font-size: 22px; color: var(--hn-ink); }
	header .top-nav .navbar-top .web-logo { margin: 0 auto !important; }
	header .top-nav .navbar-top .web-logo img { width: 136px; }
	header .top-nav .navbar-top .rightside-box .right-side-menu { gap: 0; }
	header .top-nav .navbar-top .rightside-box .right-side-menu .right-side > a { background: transparent !important; box-shadow: none !important; width: 40px; height: 40px; }
	header .top-nav .navbar-top .rightside-box .right-side-menu .right-side.onhover-dropdown { display: none !important; }

	header .top-nav .navbar-top .middle-box.gk-bk { gap: 8px; padding: 8px 0 12px; }
	.gk-bk-locbtn { padding: 6px 4px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
	.gk-bk-locbtn .gk-bk-pinm { display: none; }
	.gk-bk-locbtn::after { display: none; }
	.gk-bk-lt { flex-direction: row; align-items: center; gap: 6px; }
	.gk-bk-search { height: 44px; padding-right: 52px !important; }
	.gk-bk-go { width: 50px; }

	.gk-trust-row { grid-template-columns: repeat(3, 1fr); }
	.gk-trust-item { flex-direction: column; text-align: center; gap: 6px; padding: 12px 6px; }
	.gk-trust-item small { display: none; }
	.gk-trust-item b { font-size: 12px; }
	.gk-trust-item > span { width: 38px; height: 38px; }

	.category-slider .shop-category-box .circle-1 { min-height: 120px; padding: 12px 6px 10px; border-radius: 16px; }
	.category-slider .shop-category-box .circle-1 img { width: 56px !important; height: 56px; }

	.gk-bands { padding: 8px 0 16px; }
	.gk-why, .gk-vendor { padding: 18px 16px; }
	.gk-vendor-ico { width: 84px; height: 84px; right: 14px; bottom: 14px; }
	.gk-strip { flex-wrap: wrap; }
	.gk-strip .gk-btn { width: 100%; justify-content: center; }

	/* bottom tab bar: plain white, red active */
	.mobile-menu { background: #fff !important; border-radius: 20px 20px 0 0; left: 0; right: 0; bottom: 0; padding: 6px 4px calc(6px + env(safe-area-inset-bottom)); box-shadow: 0 -10px 30px -16px rgba(15, 61, 130, .5); border: 0; backdrop-filter: none; }
	.mobile-menu ul li a { color: #5d6a8c !important; background: none !important; box-shadow: none !important; }
	.mobile-menu ul li a i { color: #5d6a8c !important; }
	.mobile-menu ul li.active a, .mobile-menu ul li.active a i, .mobile-menu ul li.active a span { color: var(--hn-red) !important; background: none !important; box-shadow: none !important; }
	.back-to-top, .theme-option .back-to-top { bottom: 84px; }
}

/* fixes */
.category-slider .shop-category-box .circle-1::before, .category-slider .shop-category-box .circle-1::after { display: none !important; content: none !important; }
.category-slider .shop-category-box .circle-1 img { height: 68px !important; width: 68px !important; }
@media (max-width: 767.98px) { .category-slider .shop-category-box .circle-1 img { height: 56px !important; width: 56px !important; } }
header .header-nav .main-nav .nav-link { padding: 13px 15px !important; font-size: 13px; white-space: nowrap; }
header .header-nav .main-nav .gk-allcat .nav-link { padding-left: 20px !important; padding-right: 20px !important; }
header .header-nav .header-nav-right { flex: 0 0 auto; margin: 0 14px 0 8px; }
header .header-nav .header-nav-right .btn { white-space: nowrap; padding: 6px 14px; font-size: 12.5px; }

@media (max-width: 767.98px) {
	header .top-nav .navbar-top .rightside-box .right-side-menu li.right-side:has(a[href*="checkout"]) { display: block !important; }
}
@media (max-width: 767.98px) {
	header .top-nav .navbar-top .rightside-box .right-side-menu .right-side { border: 0 !important; }
	header .top-nav .navbar-top .rightside-box .right-side-menu .right-side + .right-side::before { display: none !important; }
}

/* ================= titles with subtitle ================= */
.gk-title-wrap h2 { margin: 0; }
.gk-title-sub { margin: 2px 0 0; font-size: 13px; font-weight: 500; color: var(--hn-muted); }
.category-section-2 .title.title-flex { align-items: flex-end; }

/* ================= static search placeholder ================= */
.gk-bk-ph { font-size: 14px; color: #7a86a6; }

/* ================= bands: 3 columns ================= */
.gk-bands .container-fluid-lg { max-width: 1240px; }
.gk-why, .gk-vendor, .gk-deliver { min-height: 300px; }
.gk-deliver {
	position: relative;
	height: 100%;
	padding: 26px 24px;
	border-radius: 22px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	color: #fff;
	background:
		linear-gradient(180deg, rgba(11, 47, 102, 0) 45%, rgba(11, 47, 102, .88) 100%),
		url("../images/delivery-bg.webp") center top / cover no-repeat,
		#0f3d82;
}
.gk-deliver-ico { display: none; }
.gk-deliver h3 { margin: 0 0 4px; font-size: 24px; font-weight: 800; line-height: 1.2; color: #fff; text-shadow: 0 2px 8px rgba(0, 0, 0, .35); }
.gk-deliver p { margin: 0 0 14px; font-size: 14px; opacity: .9; }
.gk-deliver-tag { align-self: flex-start; padding: 7px 14px; border-radius: 99px; font-size: 12.5px; font-weight: 600; background: rgba(255, 255, 255, .18); border: 1px solid rgba(255, 255, 255, .3); }
.gk-vendor-ico { width: 120px; height: 120px; padding: 4px; overflow: hidden; background: #fff; border-radius: 20px; box-shadow: 0 18px 32px -16px rgba(0, 0, 0, .45); transform: rotate(-4deg); }
.gk-vendor-ico img { width: 100%; height: 100%; object-fit: cover; border-radius: 16px; display: block; }

/* strip with locations */
.gk-strip { flex-wrap: wrap; row-gap: 10px; }
.gk-strip-loc { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; opacity: .95; }
.gk-strip-loc i { color: #ff8d84; }

/* ================= footer subscribe ================= */
.gk-subscribe { margin-top: 18px; }
.gk-subscribe h5 { margin: 0 0 10px; font-size: 14px; font-weight: 700; color: #fff; }
.gk-subscribe form { display: flex; border-radius: 10px; overflow: hidden; background: #fff; }
.gk-subscribe input { flex: 1 1 auto; min-width: 0; height: 42px; padding: 0 14px; border: 0; outline: 0; font-size: 13px; color: var(--hn-ink); background: transparent; }
.gk-subscribe button { flex: 0 0 46px; border: 0; background: var(--hn-blue); color: #fff; cursor: pointer; transition: background .18s; }
.gk-subscribe button:hover { background: #0f55a8; }

/* ================= phone: compact info rows like the mockup ================= */
@media (max-width: 767.98px) {
	.gk-title-sub { font-size: 12px; }
	.gk-deliver { display: none !important; }
	.gk-why, .gk-vendor { position: relative; min-height: 0; padding: 14px 52px 14px 16px; border-radius: 16px; background: #e8f0fc; border: 1px solid #d5e2f6; }
	.gk-vendor { background: #fdeaea; border-color: #f6cfcf; }
	.gk-why h3, .gk-vendor h3 { font-size: 15px; }
	.gk-why > p, .gk-vendor > p { margin: 1px 0 0; font-size: 12px; }
	.gk-why ul, .gk-vendor ul, .gk-vendor-ico { display: none; }
	.gk-why .gk-btn, .gk-vendor .gk-btn { position: absolute; inset: 0; width: 100%; padding: 0; opacity: 0; }
	.gk-why::after, .gk-vendor::after { content: "\2192"; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); font-size: 18px; font-weight: 700; color: var(--hn-ink); }
	.gk-bands .row { --bs-gutter-y: .6rem; }
	.gk-strip { padding: 14px 52px 14px 14px; position: relative; flex-wrap: nowrap; }
	.gk-strip .gk-strip-loc { display: none; }
	.gk-strip .gk-btn { position: absolute; inset: 0; width: 100%; padding: 0; opacity: 0; }
	.gk-strip::after { content: "\2192"; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); font-size: 18px; font-weight: 700; }
	.gk-strip-text b { font-size: 13.5px; }
	.gk-subscribe { margin-top: 14px; }
}
@media (max-width: 767.98px) {
	.category-section-2 .title.title-flex { align-items: center; }
	.gk-title-wrap { min-width: 0; flex: 1 1 auto; }
	.gk-title-sub { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 11.5px; }
	.category-section-2 .title .btn.product-button { flex: 0 0 auto; margin-left: 8px; }
	.category-section-2 .title.title-flex h2 { font-size: 19px; }
}

/* ================= header: exact desktop layout ================= */
@media (min-width: 768px) {
	header .top-nav .navbar-top { padding: 14px 0; }
	header .top-nav .navbar-top .web-logo img { width: 200px; }
	header .gk-bk-loc { margin: 0 24px 0 28px !important; }
	.gk-bk-locbtn { display: flex !important; flex-direction: row !important; align-items: center; gap: 10px; max-width: 260px; }
	header .gk-bk-pinm { display: flex !important; align-items: center; color: var(--hn-navy); }
	header .gk-bk-pinm svg { width: 26px; height: 26px; }
	.gk-bk-lt { display: flex; flex-direction: column; align-items: flex-start; gap: 0; min-width: 0; }
	header .gk-bk-locbtn .gk-bk-loctitle { font-size: 12px; font-weight: 500; color: var(--hn-muted); line-height: 1.3; }
	header .gk-bk-locbtn .gk-bk-locsub, header .gk-bk-locbtn .gk-bk-locsub * { font-size: 14px !important; font-weight: 700 !important; line-height: 1.3; color: var(--hn-ink) !important; }
	header .gk-bk-locbtn .gk-bk-caret { font-size: 12px !important; margin-left: 2px; }

	.gk-bk-form { max-width: none; }
	.gk-bk-search { height: 44px !important; border: 1px solid #b7c4dd !important; border-radius: 4px !important; padding: 0 56px 0 14px !important; background: #fff !important; }
	.gk-bk-go { width: 52px; border-radius: 0 3px 3px 0; }

	header .header-nav .header-nav-right { display: none; }
	header .top-nav .navbar-top .rightside-box { margin-left: 28px; }
	header .right-side-menu .right-side { padding-right: 26px !important; }
	header .right-side-menu .right-side:last-child { padding-right: 0 !important; }
	header .right-side-menu .right-side .header-badge .btn { position: relative; }
	header .header-badge .badge { top: 2px !important; left: 100% !important; transform: translate(-50%, -50%) !important; min-width: 18px; height: 18px; padding: 0 5px; line-height: 18px; font-size: 10px; border-radius: 99px; }
	header .right-side-menu .right-side:nth-child(n) .feather { width: 26px; height: 26px; }
	header .right-side-menu .right-side.onhover-dropdown .delivery-detail h6 { font-size: 12.5px; font-weight: 700; }
	header .right-side-menu .right-side.onhover-dropdown .delivery-detail h5 { font-size: 12px; font-weight: 500; }
}
@media (min-width: 768px) {
	header .top-nav .navbar-top .rightside-box .right-side-menu { display: flex; align-items: center; }
	header .top-nav .navbar-top .rightside-box .right-side-menu .right-side.onhover-dropdown { order: 1; padding-right: 30px !important; }
	header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:has(a[href*="checkout"]) { order: 2; padding-right: 0 !important; }
}
@media (max-width: 767.98px) {
	.gk-bk-lt { flex-direction: row !important; align-items: baseline; gap: 6px; }
	header .gk-bk-locbtn .gk-bk-loctitle { font-size: 12px; }
	header .gk-bk-locbtn .gk-bk-locsub, header .gk-bk-locbtn .gk-bk-locsub * { font-size: 13px !important; }
}

/* ================= All Categories dropdown ================= */
header .header-nav, header .header-nav .header-nav-middle, header .header-nav .main-nav, header .header-nav .main-nav .offcanvas, header .header-nav .main-nav .offcanvas-body { overflow: visible !important; }
.gk-allcat { position: relative; }
.gk-mega {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1200;
	display: none;
	grid-template-columns: 1fr 1fr;
	gap: 8px 28px;
	width: 640px;
	max-width: 90vw;
	padding: 20px 24px 18px;
	background: #fff;
	border-radius: 0 0 14px 14px;
	border-top: 3px solid var(--hn-red);
	box-shadow: 0 30px 60px -20px rgba(15, 30, 80, .45);
	text-align: left;
}
.gk-allcat:hover .gk-mega, .gk-allcat.open .gk-mega { display: grid; animation: gkMega .18s ease both; }
@keyframes gkMega { from { opacity: 0; } to { opacity: 1; } }
.gk-mega-col h6 { margin: 0 0 10px; padding-bottom: 8px; font-size: 13px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--hn-navy); border-bottom: 2px solid #e8eef8; }
.gk-mega-col ul { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 12px; margin: 0 0 10px; padding: 0; list-style: none; }
.gk-mega-col ul li a { display: block; padding: 6px 8px; border-radius: 8px; font-size: 13px; font-weight: 500; color: var(--hn-ink) !important; transition: background .15s, color .15s, padding-left .15s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gk-mega-col ul li a:hover { background: #e8f0fc; color: var(--hn-blue) !important; padding-left: 12px; }
.gk-mega-all { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; color: var(--hn-red) !important; }
.gk-mega-all:hover { text-decoration: underline; }
.gk-allcat .fa-angle-down { transition: transform .2s; }
.gk-allcat:hover .fa-angle-down, .gk-allcat.open .fa-angle-down { transform: rotate(180deg); }

/* ================= menu bar: compact like the mockup ================= */
@media (min-width: 1200px) {
	header .header-nav .main-nav .nav-link { padding: 10px 18px !important; font-size: 13px; }
	header .header-nav .main-nav .gk-allcat > .nav-link { padding: 10px 22px !important; }
	header .header-nav .main-nav .navbar-nav { min-height: 40px; align-items: stretch; }
}
header.brdr_btm, header { position: relative; z-index: 1050; }

/* tighter left/right spacing in the menu bar */
@media (min-width: 1200px) {
	header .header-nav .main-nav .nav-link { padding: 10px 11px !important; }
	header .header-nav .main-nav .gk-allcat > .nav-link { padding: 10px 14px !important; gap: 8px; }
}

/* no gap between All Categories and Home */
header .header-nav .main-nav .gk-allcat + .nav-item { margin-left: 0 !important; }

/* menu bar: same width as the top container (logo / search row) */
@media (min-width: 1200px) {
	header > .container-fluid-lg { width: 100%; max-width: 1140px; margin-left: auto; margin-right: auto; padding-left: 12px; padding-right: 12px; }
	header .header-nav { border-radius: 6px; }
}
@media (min-width: 1400px) {
	header > .container-fluid-lg { max-width: 1320px; }
}

/* menu bar: navy background full width, content kept inside the container width */
@media (min-width: 1200px) {
	header > .container-fluid-lg { max-width: none !important; padding: 0 !important; background: var(--hn-navy); }
	header > .container-fluid-lg > .row, header > .container-fluid-lg > .row > .col-12 { margin: 0; padding: 0; }
	header .header-nav { max-width: 1140px; margin: 0 auto; padding: 0 12px !important; background: transparent !important; border-radius: 0; }
}
@media (min-width: 1400px) {
	header .header-nav { max-width: 1320px; }
}

/* menu content: container-fluid (full width, small side padding) */
@media (min-width: 1200px) {
	header .header-nav, header .header-nav { max-width: none !important; margin: 0 !important; padding: 0 12px !important; }
}

/* All Categories aligned with the logo: content width = top container width */
@media (min-width: 1200px) {
	header .header-nav { max-width: 1140px !important; margin: 0 auto !important; padding: 0 12px !important; }
}
@media (min-width: 1400px) {
	header .header-nav { max-width: 1320px !important; }
}
@media (min-width: 1464px) {
	header .header-nav { max-width: 1440px !important; }
}

/* menu bar: same .container as the top row -> identical left/right edges at every width */
.gk-navbg { background: var(--hn-navy); }
@media (min-width: 1200px) {
	header .gk-navbg > .container { padding-left: var(--bs-gutter-x, .75rem); padding-right: var(--bs-gutter-x, .75rem); }
	header .gk-navbg > .container > .row, header .gk-navbg > .container > .row > .col-12 { margin: 0; padding: 0; }
	header .gk-navbg .header-nav { max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; }
}
@media (max-width: 1199.98px) {
	.gk-navbg { background: transparent; }
	.gk-navbg > .container { padding: 0; }
}

/* phone / tablet drawer: undo the desktop navy-bar link colours */
@media (max-width: 1199.98px) {
	header .header-nav { background: transparent !important; }
	header .header-nav .main-nav .nav-link { color: #232748 !important; background: transparent; padding: 13px 16px !important; font-size: 15px; white-space: normal; }
	header .header-nav .main-nav .nav-link:hover { background: #f1f7fc; color: #232748 !important; }
	header .header-nav .main-nav .nav-link.active { background: linear-gradient(90deg, rgba(226, 38, 28, .1), rgba(30, 155, 215, .08)); color: #e2261c !important; }
	header .header-nav .main-nav .navbar-nav { justify-content: flex-start; }
	header .header-nav .main-nav .nav-item { flex: 0 0 auto; margin: 0; }
	header .header-nav .main-nav .offcanvas-body { overflow-y: auto !important; }
}
/* .top-nav has 15px side padding: mirror it so both rows share the same edges */
@media (min-width: 1200px) {
	.gk-navbg { padding-left: 15px; padding-right: 15px; }
}
@media (max-width: 1199.98px) {
	header .header-nav .main-nav .navbar-nav { flex-direction: column !important; align-items: stretch; width: 100%; }
	header .header-nav .main-nav .nav-item { text-align: left; }
}
@media (max-width: 1199.98px) {
	header .header-nav .main-nav .nav-link::after { display: block !important; content: "\203A"; position: static; width: auto; height: auto; background: none; transform: none; font-size: 22px; line-height: 1; color: #aab0c8; }
	header .header-nav .main-nav .nav-link.active::after { color: #e2261c; }
}

/* ================= hero slider ================= */
.home-section-2 { background: #eef3fb; }
.home-section-2 .slider-1 { position: relative; }
.home-section-2 .slider-1 .banner-contain-2 { position: relative; overflow: hidden; }
.home-section-2 .slider-1 .banner-contain-2::after { content: ""; position: absolute; inset: auto 0 0 0; height: 90px; pointer-events: none; background: linear-gradient(180deg, transparent, rgba(8, 24, 64, .28)); }
.home-section-2 .slider-1 .banner-contain-2 .bg-img { transition: transform 6s ease; transform: scale(1.0); }
.home-section-2 .slider-1 .slick-active .banner-contain-2 .bg-img { transform: scale(1.04); }

/* arrows: frosted round buttons */
.home-section-2 .slider-1 .slick-arrow {
	z-index: 5;
	width: 46px;
	height: 46px;
	border: 1px solid rgba(255, 255, 255, .7);
	border-radius: 50%;
	background: rgba(255, 255, 255, .85);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	box-shadow: 0 14px 28px -14px rgba(8, 24, 64, .6);
	color: var(--hn-navy);
	opacity: 0;
	transition: opacity .25s, background .2s, color .2s, box-shadow .2s;
}
.home-section-2 .slider-1:hover .slick-arrow { opacity: 1; }
.home-section-2 .slider-1 .slick-arrow:hover { background: var(--hn-navy); color: #fff; }
.home-section-2 .slider-1 .slick-prev { left: 22px; }
.home-section-2 .slider-1 .slick-next { right: 22px; }
.home-section-2 .slider-1 .slick-arrow::before, .home-section-2 .slider-1 .slick-arrow i { color: inherit; }

/* dots: pills, active one stretches */
.home-section-2 .slider-1 .slick-dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 16px;
	z-index: 5;
	display: flex !important;
	justify-content: center;
	gap: 7px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.home-section-2 .slider-1 .slick-dots li { width: auto; height: auto; margin: 0; }
.home-section-2 .slider-1 .slick-dots li button {
	display: block;
	width: 9px;
	height: 9px;
	padding: 0;
	border: 0;
	border-radius: 99px;
	font-size: 0;
	background: rgba(255, 255, 255, .6);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
	transition: width .3s ease, background .3s ease;
	cursor: pointer;
}
.home-section-2 .slider-1 .slick-dots li button::before { display: none; }
.home-section-2 .slider-1 .slick-dots li.slick-active button { width: 28px; background: #fff; }

@media (max-width: 767.98px) {
	.home-section-2 .slider-1 .slick-arrow { display: none !important; }
	.home-section-2 .slider-1 .slick-dots { bottom: 10px; gap: 5px; }
	.home-section-2 .slider-1 .slick-dots li button { width: 7px; height: 7px; }
	.home-section-2 .slider-1 .slick-dots li.slick-active button { width: 20px; }
}

/* no zoom in / zoom out on slides */
.home-section-2 .slider-1 .banner-contain-2 .bg-img, .home-section-2 .slider-1 .slick-active .banner-contain-2 .bg-img { transform: none !important; transition: none !important; }

/* admin slides: show the whole image at its own ratio (no fixed 500px crop) */
.home-section-2 .banner-contain-2.gk-dyn { height: auto !important; min-height: 0; }
.home-section-2 .banner-contain-2.gk-dyn a { display: block; }
.home-section-2 .gk-slide-img { display: block; width: 100%; height: auto; max-height: 560px; object-fit: cover; }
.home-section-2 .gk-slide-img.d-none { display: none !important; }
@media (min-width: 768px) { .home-section-2 .gk-slide-img.d-md-block { display: block !important; } }
@media (max-width: 767.98px) { .home-section-2 .gk-slide-img { max-height: none; } }

/* ================= Shop by Category grid ================= */
.gk-shopcat { padding: 26px 0 10px; background: #fff; }
.gk-shopcat-head h2 { margin: 0; font-size: 24px; font-weight: 800; letter-spacing: -.3px; color: var(--hn-ink); }
.gk-shopcat-head p { margin: 3px 0 16px; font-size: 14px; color: var(--hn-muted); }
.gk-shopcat-grid { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 14px; }
.gk-shopcat-tile {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 12px 8px 12px;
	border-radius: 16px;
	background: #e8f0fc;
	border: 1px solid rgba(255, 255, 255, .9);
	text-align: center;
	text-decoration: none;
	transition: box-shadow .2s, background .2s;
}
.gk-shopcat-tile:hover { box-shadow: 0 16px 26px -18px rgba(15, 61, 130, .55); }
.gk-shopcat-tile:nth-child(8n+1) { background: #e6f5ec; }
.gk-shopcat-tile:nth-child(8n+2) { background: #e9f6e6; }
.gk-shopcat-tile:nth-child(8n+3) { background: #e6f0fc; }
.gk-shopcat-tile:nth-child(8n+4) { background: #f1ebfb; }
.gk-shopcat-tile:nth-child(8n+5) { background: #fde9ee; }
.gk-shopcat-tile:nth-child(8n+6) { background: #e6f3fb; }
.gk-shopcat-tile:nth-child(8n+7) { background: #fff1e0; }
.gk-shopcat-tile.gk-shopcat-more { background: #eef3fb; }
.gk-shopcat-img { width: 100%; aspect-ratio: 1.15 / 1; display: grid; place-items: center; border-radius: 12px; overflow: hidden; }
.gk-shopcat-img img { width: 76%; height: 76%; object-fit: contain; }
.gk-shopcat-more .gk-shopcat-img { font-size: 26px; color: var(--hn-ink); }
.gk-shopcat-name { font-size: 12.5px; font-weight: 600; line-height: 1.3; color: var(--hn-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.6em; }

@media (max-width: 991.98px) {
	.gk-shopcat-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
	.gk-shopcat { padding: 18px 0 6px; }
	.gk-shopcat-head h2 { font-size: 18px; }
	.gk-shopcat-head p { font-size: 12.5px; margin-bottom: 12px; }
	.gk-shopcat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
	.gk-shopcat-tile { padding: 10px 6px; border-radius: 14px; }
	.gk-shopcat-name { font-size: 11.5px; }
}

/* slider follows the screen: full width, height from the image's own ratio, no crop */
.home-section-2 .gk-slide-img { width: 100%; height: auto !important; max-height: none !important; object-fit: contain; }
.home-section-2 .banner-contain-2.gk-dyn { aspect-ratio: auto; }
.home-section-2 .gk-slide-img { aspect-ratio: auto !important; }

/* ================= category-wise product / service sections: same cards as Shop by Category, tighter spacing ================= */
.product-section { padding: 8px 0 0; background: #fff; }
.product-section .row { --bs-gutter-y: 0; margin-top: 0; }
.product-section .section-b-space { padding-bottom: 6px !important; margin-bottom: 0 !important; }
.product-section .title.title-flex { margin-bottom: 10px; align-items: center; }
.product-section .title.title-flex h2 { margin: 0; font-size: 22px; font-weight: 800; letter-spacing: -.2px; color: var(--hn-ink); }
.product-section .title .btn.product-button { background: transparent !important; color: var(--hn-blue) !important; border: 1.5px solid #cfe0f7; border-radius: 99px; box-shadow: none; padding: 6px 16px; font-weight: 700; }
.product-section .title .btn.product-button:hover { background: var(--hn-blue) !important; color: #fff !important; border-color: var(--hn-blue); }
.product-section .product-border { border: 0 !important; background: transparent !important; padding: 0 !important; box-shadow: none !important; overflow: visible !important; }
.product-section .product-box-slider .slick-list { margin: 0 -6px; padding: 2px 0 6px; }
.product-section .product-box-slider .slick-slide > div { padding: 0 6px; }
.product-section .product-box-slider .row { margin: 0 !important; }

.product-section .product-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	height: 100%;
	padding: 12px 8px 12px !important;
	border-radius: 16px;
	background: #e8f0fc;
	border: 1px solid rgba(255, 255, 255, .9) !important;
	box-shadow: none !important;
	text-align: center;
	transition: box-shadow .2s;
}
.product-section .product-box:hover { box-shadow: 0 16px 26px -18px rgba(15, 61, 130, .55) !important; }
.product-section .slick-slide:nth-child(8n+1) .product-box { background: #e6f5ec; }
.product-section .slick-slide:nth-child(8n+2) .product-box { background: #e9f6e6; }
.product-section .slick-slide:nth-child(8n+3) .product-box { background: #e6f0fc; }
.product-section .slick-slide:nth-child(8n+4) .product-box { background: #f1ebfb; }
.product-section .slick-slide:nth-child(8n+5) .product-box { background: #fde9ee; }
.product-section .slick-slide:nth-child(8n+6) .product-box { background: #e6f3fb; }
.product-section .slick-slide:nth-child(8n+7) .product-box { background: #fff1e0; }
.product-section .slick-slide:nth-child(8n) .product-box { background: #eef3fb; }
.product-section .product-box .product-image { width: 100%; aspect-ratio: 1.15 / 1; margin: 0; padding: 0; border-radius: 12px; overflow: hidden; background: rgba(255, 255, 255, .55); display: grid; place-items: center; }
.product-section .product-box .product-image a { display: grid; place-items: center; width: 100%; height: 100%; }
.product-section .product-box .product-image img { width: 80%; height: 80%; object-fit: contain; }
.product-section .product-box .product-detail { width: 100%; padding: 0 !important; }
.product-section .product-box .product-detail a h6.name { margin: 0; font-size: 12.5px; font-weight: 600; line-height: 1.3; color: var(--hn-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 2.6em !important; }
.product-section .product-box .product-rating { margin: 2px 0 0 !important; }
.product-section .product-box .product-rating h6 { margin: 0; font-size: 11.5px; font-weight: 500; color: var(--hn-muted) !important; }
.product-section .product-box .sold { margin: 4px 0 0; font-size: 13px; }
.product-section .product-box .sold .price { font-weight: 800; color: var(--hn-navy) !important; }
.product-section .product-box .sold del { margin-left: 4px; font-size: 11.5px; color: #8a96b4; }
@media (max-width: 575.98px) {
	.product-section .title.title-flex h2 { font-size: 18px; }
	.product-section .product-box { padding: 10px 6px !important; border-radius: 14px; }
}
.product-section .product-box .product-detail, .product-section .product-box .product-rating, .product-section .product-box .sold { text-align: center; }
.product-section .product-box .product-rating, .product-section .product-box .product-rating h6 { display: block; width: 100%; text-align: center !important; }
.product-section .product-box-slider .slick-track { margin-left: 0; margin-right: auto; }
.gk-shopcat { padding-bottom: 8px; }
.gk-shopcat-svc { padding-top: 8px; }

/* Service Categories: slider kept, cards styled like Shop by Category */
.gk-shopcat-svc .category-slider { margin: 0 -6px; }
.gk-shopcat-svc .category-slider .slick-list { padding: 2px 0 4px; }
.gk-shopcat-svc .category-slider .slick-slide > div { padding: 0 6px; }
.gk-shopcat-svc .category-slider .gk-shopcat-tile { height: 100%; }
.gk-shopcat-svc .category-slider .slick-slide:nth-child(8n+1) .gk-shopcat-tile { background: #e6f5ec; }
.gk-shopcat-svc .category-slider .slick-slide:nth-child(8n+2) .gk-shopcat-tile { background: #e9f6e6; }
.gk-shopcat-svc .category-slider .slick-slide:nth-child(8n+3) .gk-shopcat-tile { background: #e6f0fc; }
.gk-shopcat-svc .category-slider .slick-slide:nth-child(8n+4) .gk-shopcat-tile { background: #f1ebfb; }
.gk-shopcat-svc .category-slider .slick-slide:nth-child(8n+5) .gk-shopcat-tile { background: #fde9ee; }
.gk-shopcat-svc .category-slider .slick-slide:nth-child(8n+6) .gk-shopcat-tile { background: #e6f3fb; }
.gk-shopcat-svc .category-slider .slick-slide:nth-child(8n+7) .gk-shopcat-tile { background: #fff1e0; }
.gk-shopcat-svc .category-slider .slick-slide:nth-child(8n) .gk-shopcat-tile { background: #eef3fb; }
.gk-shopcat-svc .category-slider .slick-arrow { width: 34px; height: 34px; border-radius: 50%; background: #fff; box-shadow: 0 8px 18px -8px rgba(15, 61, 130, .5); color: var(--hn-navy); z-index: 3; }
.gk-shopcat-svc .category-slider .slick-prev { left: 4px; }
.gk-shopcat-svc .category-slider .slick-next { right: 4px; }
.gk-shopcat-svc .category-slider { margin: 0 !important; }
.gk-shopcat-svc .category-slider .slick-list { margin: 0 -6px; padding: 2px 0 4px; }
.gk-bands > .container { max-width: none; }
@media (min-width: 1200px) { .gk-bands > .container { max-width: 1140px; } }
@media (min-width: 1400px) { .gk-bands > .container { max-width: 1320px; } }
@media (min-width: 1464px) { .gk-bands > .container { max-width: 1440px; } }

/* Why Choose / Fast & Safe / Become a Vendor row: full width like the club section */
.gk-bands > .container { max-width: none !important; padding-left: 12px; padding-right: 12px; }

/* ================= Featured Listings ================= */
.gk-feat { padding: 14px 0 10px; background: linear-gradient(180deg, #fff 0%, #f4f8fe 100%); }
.gk-feat .title.title-flex { margin-bottom: 12px; align-items: center; }
.gk-feat .title.title-flex h2 { margin: 0; font-size: 22px; font-weight: 800; letter-spacing: -.2px; color: var(--hn-ink); }
.gk-feat .title .btn.product-button { background: transparent !important; color: var(--hn-blue) !important; border: 1.5px solid #cfe0f7; border-radius: 99px; box-shadow: none; padding: 6px 16px; font-weight: 700; }
.gk-feat .title .btn.product-button:hover { background: var(--hn-blue) !important; color: #fff !important; border-color: var(--hn-blue); }

.gk-feat .slick-list { margin: 0 -6px; padding: 4px 0 8px; }
.gk-feat .slick-slide > div { padding: 0 6px; height: 100%; }
.gk-feat .product-slider {
	display: flex;
	flex-direction: column;
	gap: 10px;
	height: 100%;
	padding: 10px 10px 14px;
	border-radius: 20px;
	background: #fff;
	border: 1px solid #e6edf8;
	box-shadow: 0 16px 28px -24px rgba(15, 61, 130, .55);
	transition: box-shadow .2s, border-color .2s;
}
.gk-feat .product-slider:hover { border-color: #c9dcf5; box-shadow: 0 22px 34px -22px rgba(15, 61, 130, .6); }
.gk-feat .product-slider-image { display: block; width: 100%; aspect-ratio: 16 / 10; overflow: hidden; border-radius: 14px; background: #eef3fb; }
.gk-feat .product-slider-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 14px !important; }
.gk-feat .product-slider-detail { padding: 0 4px; text-align: center; }
.gk-feat .product-slider-detail h3.text-title { margin: 2px 0 0; font-size: 16px; font-weight: 800; line-height: 1.3; color: var(--hn-ink); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.gk-feat .product-slider-detail h5 { margin: 2px 0 6px; font-size: 12.5px; font-weight: 500; color: var(--hn-muted); text-transform: capitalize; }
.gk-feat .product-rating { display: flex; justify-content: center; align-items: center; gap: 6px; margin: 0 0 10px; }
.gk-feat .product-rating .rating { display: flex; gap: 2px; margin: 0; padding: 0; list-style: none; }
.gk-feat .product-rating .rating .feather { width: 14px; height: 14px; stroke: #f5a524; }
.gk-feat .product-rating .rating .feather.fill { fill: #f5a524; }
.gk-feat .product-rating span { font-size: 12px; color: var(--hn-muted); }
.gk-feat .product-slider-detail .btn.product-button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 18px;
	border: 0;
	border-radius: 99px;
	background: linear-gradient(135deg, #1769c8, #0f3d82);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	box-shadow: 0 12px 20px -12px rgba(15, 61, 130, .9);
}
.gk-feat .product-slider-detail .btn.product-button:hover { background: linear-gradient(135deg, #0f3d82, #0b2f66); }
.gk-feat .product-slider-detail .btn.product-button::after { display: none; }
.gk-feat .slick-arrow { z-index: 3; width: 36px; height: 36px; border-radius: 50%; background: #fff; box-shadow: 0 10px 20px -8px rgba(15, 61, 130, .5); color: var(--hn-navy); }
@media (max-width: 575.98px) {
	.gk-feat .title.title-flex h2 { font-size: 18px; }
	.gk-feat .product-slider { padding: 8px 8px 12px; border-radius: 16px; }
}
.gk-feat .product-slider { position: relative; overflow: visible; }
.gk-feat .product-slider .product-slider-image { position: relative; }
.gk-feat .product-slider .product-slider-detail { position: static !important; inset: auto !important; transform: none !important; width: 100% !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; opacity: 1 !important; padding: 2px 4px 0 !important; }
.gk-feat .product-slider .product-slider-detail > div { position: static !important; transform: none !important; background: transparent !important; padding: 0 !important; }
.gk-feat .product-slider .product-slider-detail .btn.product-button { position: relative !important; transform: none !important; margin: 0 auto; }
.gk-feat .slick-track { margin-left: 0; margin-right: auto; }

/* featured card enhancements */
.gk-feat .product-slider { gap: 12px; padding: 8px 8px 14px; border-radius: 18px; overflow: hidden; transition: transform .25s, box-shadow .25s, border-color .25s; }
.gk-feat .product-slider:hover { transform: translateY(-4px); }
.gk-feat .product-slider .product-slider-image { position: relative; border-radius: 12px; }
.gk-feat .product-slider-image img { transition: transform .5s ease; }
.gk-feat .product-slider:hover .product-slider-image img { transform: scale(1.07); }
.gk-feat .product-slider-image::before { content: ""; position: absolute; inset: auto 0 0 0; height: 45%; background: linear-gradient(180deg, transparent, rgba(11, 47, 102, .45)); z-index: 1; pointer-events: none; }
.gk-feat .product-slider-image::after { content: "\2605  Featured"; position: absolute; top: 8px; left: 8px; z-index: 2; padding: 3px 10px; border-radius: 99px; background: var(--hn-red); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .2px; box-shadow: 0 6px 12px -6px rgba(226, 38, 28, .8); }
.gk-feat .product-slider .product-slider-detail { padding: 0 6px !important; }
.gk-feat .product-slider-detail h3.text-title { font-size: 15.5px; }
.gk-feat .product-rating { padding-bottom: 10px; margin-bottom: 12px; border-bottom: 1px dashed #dbe5f5; }
.gk-feat .product-slider .product-slider-detail .btn.product-button { display: flex; justify-content: center; width: 100%; border-radius: 10px; padding: 9px 14px; }
.gk-feat .product-slider .product-slider-detail .btn.product-button .icon { transition: transform .2s; }
.gk-feat .product-slider .product-slider-detail .btn.product-button:hover .icon { transform: translateX(4px); }

/* ================= phone header v2: location chip lives inside the search row ================= */
@media (max-width: 767.98px) {
	header .top-nav.top-header { background: linear-gradient(180deg, #ffffff 0%, #f3f7fd 100%); box-shadow: 0 10px 24px -20px rgba(15, 61, 130, .7); }
	header .top-nav .navbar-top { padding: 8px 0 0; align-items: center; }
	header .top-nav .navbar-top .web-logo img { width: 132px; }

	/* one compact row: [ location chip | search ........ (button) ] */
	header .top-nav .navbar-top .middle-box.gk-bk { flex-direction: row !important; align-items: center; gap: 8px; padding: 8px 0 12px; }
	header .top-nav .navbar-top .middle-box .location-box.gk-bk-loc { flex: 0 0 auto; width: auto !important; padding: 0 !important; margin: 0 !important; }
	header .gk-bk-locbtn {
		display: flex !important;
		flex-direction: row !important;
		align-items: center;
		gap: 6px;
		height: 44px;
		max-width: 116px;
		padding: 0 10px 0 8px !important;
		border-radius: 12px !important;
		background: #fff !important;
		border: 1.5px solid #c4d0e6 !important;
		box-shadow: none !important;
	}
	header .gk-bk-locbtn .gk-bk-pinm { display: flex !important; align-items: center; color: var(--hn-red); }
	header .gk-bk-locbtn .gk-bk-pinm svg { width: 20px; height: 20px; }
	header .gk-bk-locbtn .gk-bk-lt { flex-direction: column !important; align-items: flex-start; gap: 0; min-width: 0; }
	header .gk-bk-locbtn .gk-bk-loctitle { font-size: 9.5px; font-weight: 600; line-height: 1.1; color: var(--hn-muted); letter-spacing: .02em; }
	header .gk-bk-locbtn .gk-bk-locsub, header .gk-bk-locbtn .gk-bk-locsub * { font-size: 12px !important; font-weight: 800 !important; line-height: 1.2; color: var(--hn-ink) !important; max-width: 70px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	header .gk-bk-locbtn .gk-bk-caret { display: none !important; }
	header .gk-bk-locbtn::after { display: none !important; }

	header .gk-bk-form { flex: 1 1 auto; min-width: 0; }
	.gk-bk-search { height: 44px !important; border-radius: 12px !important; border: 1.5px solid #c4d0e6 !important; padding: 0 48px 0 12px !important; }
	.gk-bk-go { width: 44px; }
	.gk-bk-ph { left: 12px !important; font-size: 13px; right: 56px; overflow: hidden; text-overflow: ellipsis; }
}
@media (max-width: 380px) {
	header .gk-bk-locbtn { max-width: 100px; }
	header .gk-bk-locbtn .gk-bk-locsub, header .gk-bk-locbtn .gk-bk-locsub * { max-width: 54px; }
}
@media (max-width: 767.98px) {
	header .gk-bk-locbtn { flex-wrap: nowrap !important; overflow: hidden; max-width: 124px; }
	header .gk-bk-locbtn .gk-bk-lt { flex: 1 1 auto; overflow: hidden; }
	header .gk-bk-locbtn .gk-bk-locsub, header .gk-bk-locbtn .gk-bk-locsub * { max-width: 78px; }
}
@media (max-width: 767.98px) {
	header .gk-bk-locbtn .gk-bk-area { display: none; }
}

/* phone drawer: sits above the sticky top bar, full height */
@media (max-width: 1199.98px) {
	header .gk-navbg { position: static; z-index: auto; }
	header .main-nav .offcanvas, header .main-nav .offcanvas-collapse { z-index: 3000 !important; top: 0 !important; bottom: 0 !important; height: 100% !important; max-height: 100vh; }
	header .top-nav.sticky-header, header .top-nav.top-header { z-index: 1000; }
	.offcanvas-backdrop, .bg-overlay { z-index: 2990 !important; }
}

/* ================= Shop Near You + GENKART Clubs ================= */
.gk-duo { padding: 6px 0 22px; }
.gk-duo-card { height: 100%; padding: 22px; border-radius: 18px; border: 1px solid #e3eaf6; background: #fff; box-shadow: 0 18px 36px -28px rgba(20, 30, 80, .5); display: flex; flex-direction: column; gap: 16px; }
.gk-near { background: linear-gradient(135deg, #f1f7ff, #fff 60%); }
.gk-clubs { background: linear-gradient(135deg, #fff1f0, #fff 65%); border-color: #f6dcd9; align-items: flex-start; justify-content: space-between; }
.gk-duo-head { display: flex; gap: 14px; align-items: flex-start; }
.gk-duo-ico { flex: none; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; font-size: 20px; color: #fff; background: var(--hn-navy); }
.gk-clubs .gk-duo-ico { background: var(--hn-red); }
.gk-duo-head h3 { margin: 0 0 3px; font-size: 21px; font-weight: 800; color: var(--hn-ink); }
.gk-duo-head p { margin: 0; font-size: 13.5px; line-height: 1.5; color: var(--hn-muted); }
.gk-near-form { display: flex; gap: 10px; }
.gk-near-input { flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; padding: 0 14px; border: 1.5px solid #d5def0; border-radius: 10px; background: #fff; color: var(--hn-navy); }
.gk-near-input input { flex: 1; min-width: 0; height: 44px; border: 0; outline: 0; background: transparent; font-size: 14px; color: var(--hn-ink); }
.gk-near-form .gk-btn { flex: none; cursor: pointer; }
.gk-near-badges { display: flex; flex-wrap: wrap; gap: 10px; }
.gk-near-badges span { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 10px; background: #eaf2fd; font-size: 12.5px; font-weight: 600; color: var(--hn-navy); }
@media (max-width: 575.98px) {
	.gk-near-form { flex-direction: column; }
	.gk-near-form .gk-btn { justify-content: center; height: 44px; }
	.gk-duo-head h3 { font-size: 18px; }
}
.gk-near-msg { margin: -6px 0 0; font-size: 13px; font-weight: 600; color: var(--hn-red); }

/* ================= uniform section spacing: 20px top/bottom (desktop + phone) ================= */
.gk-shopcat, .gk-shopcat.gk-shopcat-svc, .gk-duo, .gk-feat, .product-section, .gk-bands { padding-top: 20px !important; padding-bottom: 20px !important; }

/* ================= Customer testimonial videos ================= */

/* ================= every page: sections alternate white / #f4f8fe ================= */
body > section:not(.home-section-2):not(.breadscrumb-section):not(.map-section):not(.log-in-section):not(.banner-section):not(.theme-invoice-2) { background: #fff !important; }
body > section:nth-of-type(odd):not(.home-section-2):not(.breadscrumb-section):not(.map-section):not(.log-in-section):not(.banner-section):not(.theme-invoice-2) { background: #f4f8fe !important; }
body > section.gk-feat, body > section.gk-testi { background-image: none !important; }

/* ================= Customer testimonial videos (YouTube Shorts) ================= */
.gk-testi { padding-top: 20px !important; padding-bottom: 20px !important; }
.gk-testi-head { text-align: center; }
.gk-testi-pill { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 8px; padding: 5px 14px 5px 10px; border-radius: 99px; background: #fff; border: 1px solid #f6d3d0; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #d4231a; }
.gk-testi-pill svg { width: 16px; height: 16px; fill: #ff0033; }
.gk-testi-row { display: flex; justify-content: safe center; gap: 16px; overflow-x: auto; padding: 8px 4px 16px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
.gk-testi-card { position: relative; flex: 0 0 calc(20% - 13px); min-width: 180px; scroll-snap-align: start; border-radius: 20px; overflow: hidden; background: #14204a; box-shadow: 0 22px 40px -26px rgba(15, 30, 80, .75); transition: transform .25s, box-shadow .25s; }
.gk-testi-card:hover { transform: translateY(-5px); box-shadow: 0 30px 44px -26px rgba(15, 30, 80, .85); }
.gk-testi-thumb { position: relative; display: block; width: 100%; padding: 0; border: 0; cursor: pointer; aspect-ratio: 9 / 16; background: #14204a; overflow: hidden; }
.gk-testi-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s; }
.gk-testi-card:hover .gk-testi-thumb img { transform: scale(1.06); }
.gk-testi-thumb::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8, 14, 36, .28) 0%, rgba(8, 14, 36, 0) 30%, rgba(8, 14, 36, 0) 55%, rgba(8, 14, 36, .78) 100%); pointer-events: none; }
.gk-testi-tag { position: absolute; left: 10px; top: 10px; z-index: 2; display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px 4px 7px; border-radius: 99px; background: rgba(255, 255, 255, .95); font-size: 11.5px; font-weight: 800; color: #14204a; }
.gk-testi-tag svg { width: 14px; height: 14px; fill: #ff0033; }
.gk-testi-play { position: absolute; left: 50%; top: 50%; z-index: 2; width: 64px; height: 64px; margin: -32px 0 0 -32px; display: grid; place-items: center; border-radius: 50%; background: #fff; box-shadow: 0 14px 26px -8px rgba(0, 0, 0, .55); transition: transform .25s; }
.gk-testi-play::before { content: ""; position: absolute; inset: -7px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .55); animation: gkTestiPulse 1.8s ease-out infinite; }
.gk-testi-play svg { width: 32px; height: 32px; fill: #ff0033; }
.gk-testi-card:hover .gk-testi-play { transform: scale(1.1); }
.gk-testi-watch { position: absolute; left: 0; right: 0; bottom: 14px; z-index: 2; text-align: center; font-size: 12.5px; font-weight: 700; letter-spacing: .03em; color: #fff; }
.gk-testi-card iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #000; z-index: 3; }
@keyframes gkTestiPulse { 0% { transform: scale(.9); opacity: .9; } 100% { transform: scale(1.3); opacity: 0; } }
@media (max-width: 991.98px) { .gk-testi-card { flex-basis: calc(33.333% - 11px); } }
@media (max-width: 575.98px) { .gk-testi-card { flex-basis: 56%; min-width: 0; } .gk-testi-row { gap: 12px; } }

/* visually hidden but readable by search engines and screen readers */
.gk-sr-only { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/* footer titles are <h2 class="gk-h4"> now: keep the exact look of the old <h4> */
.gk-foot-dark .footer-title h2.gk-h4 { text-transform: none; }

/* footer: popular searches (keyword links) */
.gk-foot-dark .gk-seo-links { padding: 4px 0 22px; border-top: 1px solid rgba(255, 255, 255, .08); }
.gk-foot-dark .gk-seo-links .footer-title { margin-top: 22px; }
.gk-foot-dark .gk-seo-links p { margin: 0 0 8px; font-size: 12.5px; line-height: 1.9; color: #8e9bc7; }
.gk-foot-dark .gk-seo-links strong { color: #c9d3f0; font-weight: 700; margin-right: 4px; }
.gk-foot-dark .gk-seo-links a { color: #aab6dc; text-decoration: none; transition: color .15s; }
.gk-foot-dark .gk-seo-links a:hover { color: #fff; text-decoration: underline; }
.gk-foot-dark .gk-seo-links span { color: #4a557e; padding: 0 3px; }