/* ============================================================



   CODER IT SOLUTION (CITS) — Main Stylesheet



   Universal WooCommerce Theme



   ============================================================ */



html {

	overflow-x: clip;

}



/* ─── 1. DESIGN TOKENS ─────────────────────────────────────── */



:root {

	--pk-primary: #0B2559;

	/* Deep Royal Navy Primary (UVAC Publication) */

	--pk-primary-rgb: 11, 37, 89;

	--pk-primary-dark: #071C44;

	/* Midnight Navy / Contrast Dark */

	--pk-secondary: #0084FF;

	/* Electric Science Cyan */

	--pk-accent: #E5252A;

	/* Crimson Red Accent (ক ও খ প্রশ্নব্যাংক & Urgency) */

	--pk-rose: #0B2559;

	/* Brand Primary Reference */

	--pk-rose-light: #F0F7FF;

	--pk-bg: #ffffff;

	--pk-bg-soft: #F0F7FF;

	/* Fresh Ice Blue Tint */

	--pk-border: #E2E8F0;

	--pk-text: #0F172A;

	/* Deep Crisp Slate Typography */

	--pk-text-muted: #475569;

	/* Muted Slate Grey */

	--pk-white: #ffffff;

	--pk-btn-bg: linear-gradient(135deg, var(--pk-primary) 0%, #0084FF 100%);

	--pk-btn-accent: #E5252A;

	--pk-btn-accent-hover: #C81E23;

	--pk-gold: #FACC15;

	/* Brand Button Background */

	--pk-btn-bg-hover: linear-gradient(135deg, #0084FF 0%, var(--pk-primary) 100%);

	/* Hover Button Background */

	--pk-gradient-main: linear-gradient(135deg, #0B2559 0%, #0084FF 100%);

	--pk-btn-text: #ffffff;

	--pk-font-main: 'Anek Bangla', sans-serif;

	--pk-font-secondary: 'Hind Siliguri', sans-serif;

	/* Secondary font for titles and key accents */

	--pk-font-bengali: 'Anek Bangla', sans-serif;

	/* Bengali web font variable */

	--pk-radius: 8px;

	--pk-radius-lg: 12px;

	--pk-radius-xl: 18px;

	--pk-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);

	--pk-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}



/* ─── 2. BASE & RESET ──────────────────────────────────────── */



body {

	font-family: var(--pk-font-main);

	color: var(--pk-text);

	background: var(--pk-bg);

	font-size: 16px;

	line-height: 1.6;

	-webkit-font-smoothing: antialiased;

	overflow-x: clip;

	position: relative;

}



a {

	color: inherit;

	text-decoration: none;

	transition: var(--pk-transition);

}



a:hover {

	color: var(--pk-primary);

}



img {

	max-width: 100%;

	height: auto;

	display: block;

}



.text-primary {

	color: var(--pk-primary) !important;

}



/* ─── 3. ANNOUNCEMENT BAR ──────────────────────────────────── */



.dc-announce {

	background: linear-gradient(90deg, var(--pk-primary), var(--pk-primary-dark));

	color: var(--pk-white);

	padding: 8px 0;

	font-size: 13px;

	font-weight: 500;

	position: relative;

	z-index: 1100;

}



.dc-announce__inner {

	display: flex;

	justify-content: space-between;

	align-items: center;

	gap: 20px;

}



.dc-announce__left {

	flex: 1;

	text-align: left;

}



.dc-announce p {

	margin: 0;

}



.dc-announce__right {

	display: flex;

	align-items: center;

}



.dc-announce__tracking-link {

	color: var(--pk-white);

	text-decoration: none;

	font-weight: 600;

	display: inline-flex;

	align-items: center;

	gap: 6px;

	padding: 4px 15px;

	border-radius: 35px;

	background: rgba(255, 255, 255, 0.1);

	transition: var(--pk-transition);

}



.dc-announce__tracking-link:hover {

	color: var(--pk-white);

}



.dc-announce__close {

	position: absolute;

	right: 20px;

	top: 50%;

	transform: translateY(-50%);

	background: none;

	border: none;

	color: rgba(255, 255, 255, 0.8);

	font-size: 20px;

	cursor: pointer;

	padding: 0;

	line-height: 1;

}



/* ─── 4. HEADER ────────────────────────────────────────────── */



.dc-header {

	background: var(--pk-white);

	position: -webkit-sticky;

	position: sticky;

	top: 0;

	width: 100%;

	z-index: 1020;

	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);

	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;

}



.admin-bar .dc-header {

	top: 32px;

}



@media (max-width: 782px) {



  .admin-bar .dc-header {

	top: 46px;

}



}



.dc-header.is-scrolled {

	box-shadow: 0 4px 20px rgba(11, 37, 89, 0.12);

	border-bottom: 1px solid rgba(226, 232, 240, 0.8);

}



.dc-header__inner {

	height: 85px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 30px;

	transition: height 0.3s ease;

}



.dc-header.is-scrolled .dc-header__inner {

	height: 70px;

}



.dc-header.is-scrolled .custom-logo {

	max-height: 48px;

}



/* Logo */



.dc-logo__text {

	display: flex;

	flex-direction: column;

	line-height: 1.1;

}



.dc-logo__name {

	font-size: 28px;

	font-weight: 800;

	color: var(--pk-primary);

	letter-spacing: -1px;

}



.dc-logo__tagline {

	font-size: 10px;

	text-transform: uppercase;

	letter-spacing: 2px;

	color: var(--pk-text-muted);

	font-weight: 600;

}



/* Custom Logo Support */



.custom-logo-link {

	display: inline-block;

	transition: var(--pk-transition);

}



.custom-logo {

	max-height: 60px;

	width: auto;

	display: block;

}



.pk-footer-brand .custom-logo-link {

	margin-bottom: 20px;

}



.dc-drawer__head .custom-logo {

	max-height: 45px;

}



/* Search Bar (Integrated) */



.dc-header__search {

	flex: 1;

	max-width: 600px;

}



.dc-search-form-integrated {

	position: relative;

	width: 100%;

}



.dc-search-input-integrated {

	width: 100%;

	height: 48px;

	background: var(--pk-bg-soft);

	border: 1px solid var(--pk-border);

	border-radius: 50px;

	padding: 0 50px 0 25px;

	font-size: 14px;

	transition: var(--pk-transition);

	outline: none;

}



.dc-search-input-integrated:focus {

	background: var(--pk-white);

	border-color: var(--pk-primary);

	box-shadow: 0 0 0 4px rgba(var(--pk-primary-rgb), 0.1);

}



.dc-search-submit-integrated {

	position: absolute;

	right: 5px;

	top: 50%;

	transform: translateY(-50%);

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) ;

	color: var(--pk-white);

	border: none;

	width: 38px;

	height: 38px;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	transition: var(--pk-transition);

}



.dc-search-submit-integrated:hover {

	background: linear-gradient(135deg, var(--pk-primary-dark) 0%, var(--pk-primary) 100%) ;

}



/* Mobile Search Button & Form Colors */



.dc-mobile-search .btn-primary {

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) !important;

	border-color: var(--pk-primary) !important;

	color: var(--pk-white) !important;

}



.dc-mobile-search .btn-primary:hover,



.dc-mobile-search .btn-primary:focus,



.dc-mobile-search .btn-primary:active {

	background: linear-gradient(135deg, var(--pk-primary-dark) 0%, var(--pk-primary) 100%) !important;

	border-color: var(--pk-primary-dark) !important;

	color: var(--pk-white) !important;

}



.dc-mobile-search .form-control:focus {

	border-color: var(--pk-primary);

	box-shadow: 0 0 0 0.25rem rgba(var(--pk-primary-rgb), 0.25);

}



/* Action Icons */



.dc-header__actions {

	display: flex;

	align-items: center;

	gap: 25px;

	/* Increased gap */

}



/* Call to Order Button CTA */



.dc-header-call-cta {

	display: inline-flex;

	align-items: center;

	background: linear-gradient(135deg, #0B2559 0%, #0084FF 100%) !important;

	border-radius: 50px;

	padding: 5px 22px 5px 6px;

	text-decoration: none;

	gap: 12px;

	box-shadow: 0 4px 16px rgba(0, 132, 255, 0.32);

	transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);

	border: 1px solid rgba(255, 255, 255, 0.22);

	margin-right: 0 !important;

}



.dc-header-call-cta:hover {

	transform: translateY(-2px);

	box-shadow: 0 8px 24px rgba(0, 132, 255, 0.48);

	background: linear-gradient(135deg, #0084FF 0%, #0B2559 100%) !important;

}



.dc-header-call-icon {

	background: rgba(255, 255, 255, 0.18);

	color: #ffffff;

	width: 36px;

	height: 36px;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 16px;

	border: 1px solid rgba(255, 255, 255, 0.3);

	box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.25), 0 2px 6px rgba(0, 0, 0, 0.12);

	transition: all 0.3s ease;

}



.dc-header-call-cta:hover .dc-header-call-icon {

	transform: rotate(15deg) scale(1.05);

	background: #ffffff !important;

	color: #0084FF !important;

}



.dc-header-call-text {

	display: flex;

	flex-direction: column;

	line-height: 1.2;

}



.dc-header-call-label {

	font-size: 11px;

	color: #ffffff;

	/* Golden text matching label in mockup */

	font-weight: 700;

	letter-spacing: 0.3px;

	margin: 0;

	padding: 0;

	text-transform: none;

}



.dc-header-call-number {

	font-size: 17px;

	color: #ffffff;

	/* White text matching number in mockup */

	font-weight: 800;

	font-family: var(--pk-font-main);

	letter-spacing: 0.5px;

	margin-top: 1px;

}



.dc-icon-btn {

	background: none;

	border: none;

	padding: 0;

	color: var(--pk-primary, #0B2559);

	display: flex;

	align-items: center;

	gap: 8px;

	/* Gap between icon and text label */

	transition: var(--pk-transition);

	cursor: pointer;

}



.dc-icon-btn:hover {

	color: var(--pk-secondary, #0084FF);

}



.dc-icon-btn--rel {

	position: relative;

}



.dc-badge {

	position: absolute;

	top: -8px;

	right: -8px;

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) ;

	color: var(--pk-white);

	font-size: 10px;

	font-weight: 700;

	min-width: 18px;

	height: 18px;

	border-radius: 20px;

	display: flex;

	align-items: center;

	justify-content: center;

	border: 2px solid var(--pk-white);

}



/* ── HEADER CART BUTTON (COMPACT ICON + COUNT + AMOUNT) ── */



.dc-header-cart-btn {

	display: inline-flex;

	align-items: center;

	gap: 3px;

	text-decoration: none !important;

	color: var(--pk-primary, #0B2559);

	padding: 2px 4px;

	transition: all 0.2s ease;

}



.dc-header-cart-btn:hover {

	color: var(--pk-secondary, #0084FF);

}



.dc-cart-icon-wrap {

	position: relative;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	width: 26px;

	height: 26px;

}



.dc-cart-icon-wrap svg {

	width: 22px;

	height: 22px;

}



.dc-cart-icon-wrap .dc-cart-count {

	position: absolute;

	top: -5px;

	right: -6px;

	background: var(--pk-primary, #0084FF);

	color: #ffffff;

	font-size: 10px;

	font-weight: 800;

	min-width: 16px;

	height: 16px;

	line-height: 16px;

	border-radius: 10px;

	display: flex;

	align-items: center;

	justify-content: center;

	border: 1.5px solid #ffffff;

	padding: 0 4px;

}



.dc-cart-amount {

	font-size: 14px;

	font-weight: 700;

	color: var(--pk-primary, #0B2559);

	line-height: 1;

	margin-left: 2px;

}



/* Category Navigation Bar */



.dc-header__categories {

	border-top: 1px solid var(--pk-border);

	background: var(--pk-white);

	box-shadow: 0 4px 10px rgba(11, 37, 89, 0.05);

}



.dc-cat-nav-main {

	display: flex;

	align-items: center;

	height: 45px;

	scrollbar-width: none;

}



.dc-cat-nav-main::-webkit-scrollbar {

	display: none;

}



.dc-cat-nav-list {

	display: flex;

	align-items: center;

	gap: 25px;

	margin: 0 auto;

	padding: 0 10px;

	list-style: none;

}



.dc-cat-nav-link,



.dc-cat-nav-list a {

	font-size: 16px;

	font-weight: 600;

	color: var(--pk-text);

	white-space: nowrap;

	padding: 5px 0;

	position: relative;

	text-decoration: none;

	transition: var(--pk-transition);

}



.dc-cat-nav-link:hover,



.dc-cat-nav-link.active,



.dc-cat-nav-list a:hover,



.dc-cat-nav-list .current-menu-item > a,



.dc-cat-nav-list .current_page_item > a,



.dc-cat-nav-list .current-menu-ancestor > a {

	color: var(--pk-primary);

}



.dc-cat-nav-link:after,



.dc-cat-nav-list a:after {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	width: 0;

	height: 2px;

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) ;

	transition: var(--pk-transition);

}



.dc-cat-nav-link:hover:after,



.dc-cat-nav-link.active:after,



.dc-cat-nav-list a:hover:after,



.dc-cat-nav-list .current-menu-item > a:after,



.dc-cat-nav-list .current_page_item > a:after,



.dc-cat-nav-list .current-menu-ancestor > a:after {

	width: 100%;

}



/* Dropdown Menu Styles */



.dc-cat-nav-list li {

	position: relative;

}



/* Top-level menu items with children (Dropdown Indicator - Down Arrow) */



.dc-cat-nav-list > li.menu-item-has-children > a,



.dc-cat-nav-list > li.page_item_has_children > a,



.dc-cat-nav-list > li.cat-parent > a {

	display: inline-flex !important;

	align-items: center;

	gap: 6px;

}



.dc-cat-nav-list > li.menu-item-has-children > a::before,



.dc-cat-nav-list > li.page_item_has_children > a::before,



.dc-cat-nav-list > li.cat-parent > a::before {

	content: '';

	order: 2;

	display: inline-block;

	width: 5px;

	height: 5px;

	border-right: 1.8px solid currentColor;

	border-bottom: 1.8px solid currentColor;

	transform: rotate(45deg);

	transition: transform 0.2s ease;

	margin-left: 2px;

	margin-bottom: 3px;

}



.dc-cat-nav-list > li.menu-item-has-children:hover > a::before,



.dc-cat-nav-list > li.page_item_has_children:hover > a::before,



.dc-cat-nav-list > li.cat-parent:hover > a::before {

	transform: rotate(225deg);

	margin-bottom: -1px;

}



.dc-cat-nav-list .sub-menu {

	position: absolute;

	top: 100%;

	left: 0;

	background-color: var(--pk-white, #ffffff);

	min-width: 220px;

	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);

	padding: 10px 0;

	margin: 0;

	list-style: none;

	opacity: 0;

	visibility: hidden;

	transform: translateY(15px);

	transition: all 0.3s ease;

	z-index: 999;

	border-radius: var(--pk-radius-md, 8px);

	display: flex;

	flex-direction: column;

	gap: 0;

	border: 1px solid rgba(0,0,0,0.05);

}



.dc-cat-nav-list li:hover > .sub-menu {

	opacity: 1;

	visibility: visible;

	transform: translateY(0);

}



.dc-cat-nav-list .sub-menu li {

	width: 100%;

	padding: 0;

}



.dc-cat-nav-list .sub-menu a {

	display: flex !important;

	align-items: center;

	justify-content: space-between;

	padding: 10px 20px;

	font-size: 15px;

	font-weight: 500;

	color: var(--pk-text, #333333);

	white-space: normal;

}



.dc-cat-nav-list .sub-menu a:hover {

	background-color: var(--pk-bg-soft, #f8f9fa);

	color: var(--pk-primary, #d4af37);

}



.dc-cat-nav-list .sub-menu a:after {

	display: none !important;

}



/* Sub-menu items with children (Nested Sub-menu Indicator - Right Arrow) */



.dc-cat-nav-list .sub-menu li.menu-item-has-children > a::before,



.dc-cat-nav-list .sub-menu li.page_item_has_children > a::before,



.dc-cat-nav-list .sub-menu li.cat-parent > a::before {

	content: '';

	order: 2;

	display: inline-block;

	width: 5px;

	height: 5px;

	border-right: 1.8px solid currentColor;

	border-top: 1.8px solid currentColor;

	transform: rotate(45deg);

	transition: transform 0.2s ease;

	margin-left: 10px;

}



.dc-cat-nav-list .sub-menu li.menu-item-has-children:hover > a::before,



.dc-cat-nav-list .sub-menu li.page_item_has_children:hover > a::before,



.dc-cat-nav-list .sub-menu li.cat-parent:hover > a::before {

	transform: rotate(45deg) translateX(2px);

}



/* For nested sub-menus positioning */



.dc-cat-nav-list .sub-menu .sub-menu {

	top: 0;

	left: 100%;

	transform: translateX(15px);

}



.dc-cat-nav-list .sub-menu li:hover > .sub-menu {

	transform: translateX(0);

}



.pk-btn-link {

	display: inline-flex;

	align-items: center;

	gap: 8px;

	color: var(--pk-primary);

	font-weight: 700;

	font-size: 14px;

	transition: var(--pk-transition);

}



.pk-btn-link:hover {

	gap: 12px;

	color: var(--pk-primary-dark);

}



/* Custom banner link styling overrides */



.pk-hero-banner .pk-btn-link {

	color: var(--pk-white);

	text-shadow: 0 1px 2px rgba(10, 26, 30, 0.2);

}



/* ─── 6. COMMON SECTION STYLES ─────────────────────────────── */



.pk-section-padding {

	padding: 60px 0;

}



.pk-section-title {

	font-family: var(--pk-font-secondary, 'Hind Siliguri', sans-serif);

	font-size: 28px;

	font-weight: 800;

	color: var(--pk-primary, #0B2559);

	margin-bottom: 0;

	letter-spacing: -0.3px;

}



.pk-link-green {

	color: var(--pk-primary);

	font-weight: 700;

	font-size: 14px;

}



.pk-link-green:hover {

	text-decoration: underline;

}



/* ─── 7. QUICK CATEGORIES ──────────────────────────────────── */



.category-slider .pk-section-head {

	margin-bottom: 30px;

}



.pk-cat-swiper {

	position: relative;

	overflow: hidden;

	margin: -15px -15px;

}



.btn-swiper-arrow {

	width: 36px;

	height: 36px;

	border-radius: 50%;

	border: 1.5px solid var(--pk-border);

	background: var(--pk-white);

	color: var(--pk-secondary);

	display: inline-flex;

	align-items: center;

	justify-content: center;

	font-size: 12px;

	cursor: pointer;

	transition: var(--pk-transition);

	padding: 0;

}



.btn-swiper-arrow:hover {

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) ;

	color: var(--pk-white);

	border-color: var(--pk-primary);

}



.btn-swiper-arrow.swiper-button-disabled {

	opacity: 0.4;

	cursor: not-allowed;

	pointer-events: none;

}



.pk-cat-pagination {

	bottom: 10px !important;

	text-align: center;

}



.pk-cat-pagination .swiper-pagination-bullet {

	background: #cbd5e1 !important;

	opacity: 1 !important;

	margin: 0 5px !important;

	transition: all 0.3s ease !important;

}



.pk-cat-pagination .swiper-pagination-bullet-active {

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) !important;

	width: 18px !important;

	border-radius: 4px !important;

}



.pk-cat-card {

	display: flex;

	flex-direction: column;

	align-items: center;

	gap: 12px;

	text-align: center;

	width: 100%;

	text-decoration: none;

	border: 1px solid var(--pk-border);

	padding: 24px 15px;

	border-radius: var(--pk-radius);

	background: var(--pk-white);

	transition: var(--pk-transition);

	height: 100%;

}



.pk-cat-img-wrap {

	width: 140px;

	/* Increased from 110px */

	height: 140px;

	/* Increased from 110px */

	border-radius: 50%;

	padding: 6px;

	border: 2px solid transparent;

	transition: var(--pk-transition);

	background: var(--pk-white);

	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);

	overflow: hidden;

	margin: 0 auto;

}



.pk-cat-img-wrap img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	border-radius: 50%;

	transition: transform 0.5s ease;

}



.pk-cat-card:hover {

	border-color: var(--pk-primary);

	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);

}



.pk-cat-card:hover .pk-cat-img-wrap {

	border-color: var(--pk-secondary);

	box-shadow: 0 10px 20px rgba(0, 132, 255, 0.15);

}



.pk-cat-card:hover img {

	transform: scale(1.1);

}



.pk-cat-name {

	font-size: 14px;

	font-weight: 700;

	color: var(--pk-text, #0F172A);

	transition: color 0.2s ease;

}



.pk-cat-card:hover .pk-cat-name {

	color: var(--pk-secondary, #0084FF);

}



/* ─── 7.1 GORGEOUS COLLECTIONS (EXCLUSIVE CATEGORIES GRID) ─── */



.pk-gorgeous-collections-section {

	padding: 60px 0 70px;

	background-color: #fafbfc;

	width: 100% !important;

	max-width: 100% !important;

	margin-left: 0 !important;

	margin-right: 0 !important;

	display: block;

}



.pk-gorgeous-head {

	margin-bottom: 36px;

	max-width: 850px;

	margin-left: auto;

	margin-right: auto;

}



.pk-gorgeous-title {

	font-family: var(--pk-font-secondary), var(--pk-font-bengali), sans-serif;

	font-size: 32px;

	font-weight: 800;

	color: #1a1a1a;

	margin-bottom: 12px;

	line-height: 1.3;

}



.pk-gorgeous-subtitle {

	font-family: var(--pk-font-main), var(--pk-font-bengali), sans-serif;

	font-size: 15px;

	font-weight: 400;

	color: #64748b;

	line-height: 1.6;

	margin: 0 auto;

}



.pk-gorgeous-card {

	display: flex;

	flex-direction: column;

	height: 100%;

	background: #ffffff;

	border-radius: 16px;

	border: 1px solid #edf2f7;

	padding: 12px 12px 18px 12px;

	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);

	text-decoration: none;

	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease;

	overflow: hidden;

	position: relative;

}



.pk-gorgeous-card:hover {

	transform: translateY(-6px);

	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);

	border-color: #e2e8f0;

	text-decoration: none;

}



.pk-gorgeous-img-wrap {

	position: relative;

	width: 100%;

	aspect-ratio: 4 / 3;

	border-radius: 12px;

	overflow: hidden;

	background-color: #f1f5f9;

}



.pk-gorgeous-img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	display: block;

	transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);

}



.pk-gorgeous-card:hover .pk-gorgeous-img {

	transform: scale(1.06);

}



.pk-gorgeous-badge {

	position: absolute;

	top: 10px;

	right: 10px;

	z-index: 2;

	background: var(--pk-btn-bg);

	color: #ffffff;

	font-size: 11px;

	font-weight: 700;

	letter-spacing: 0.5px;

	text-transform: uppercase;

	padding: 4px 11px;

	border-radius: 20px;

	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);

	line-height: 1.2;

}



.pk-gorgeous-content {

	text-align: center;

	padding-top: 14px;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	flex-grow: 1;

}



.pk-gorgeous-cat-title {

	font-family: var(--pk-font-secondary), var(--pk-font-bengali), sans-serif;

	font-size: 17px;

	font-weight: 700;

	color: #1e293b;

	margin-bottom: 5px;

	line-height: 1.35;

	transition: color 0.2s ease;

}



.pk-gorgeous-card:hover .pk-gorgeous-cat-title {

	color: var(--pk-primary, #0B2559);

}



.pk-gorgeous-cat-desc {

	font-family: var(--pk-font-main), var(--pk-font-bengali), sans-serif;

	font-size: 13.5px;

	font-weight: 400;

	color: #64748b;

	line-height: 1.45;

	margin: 0;

}



@media (max-width: 768px) {



  .pk-gorgeous-collections-section {

	padding: 40px 0 50px;

}



  .pk-gorgeous-head {

	margin-bottom: 24px;

}



  .pk-gorgeous-title {

	font-size: 24px;

	margin-bottom: 8px;

}



  .pk-gorgeous-subtitle {

	font-size: 13.5px;

}



  .pk-gorgeous-card {

	padding: 10px 10px 14px 10px;

	border-radius: 14px;

}



  .pk-gorgeous-img-wrap {

	border-radius: 10px;

}



  .pk-gorgeous-badge {

	font-size: 9.5px;

	padding: 3px 8px;

	top: 8px;

	right: 8px;

}



  .pk-gorgeous-content {

	padding-top: 10px;

}



  .pk-gorgeous-cat-title {

	font-size: 14.5px;

	margin-bottom: 3px;

}



  .pk-gorgeous-cat-desc {

	font-size: 12px;

}



}



/* ─── 8. FLASH SALE & PRODUCT CARDS ────────────────────────── */



.pk-flash-sale-section {

	padding: 80px 0;

	background: #f4fff8;

	/* Cleaner light green */

}



.pk-flash-sale-inner {

	background: var(--pk-white);

	border-radius: var(--pk-radius-lg);

	padding: 40px;

	box-shadow: var(--pk-shadow);

}



.pk-flash-title {

	font-size: 36px;

	font-weight: 800;

	color: var(--pk-primary);

	margin-bottom: 10px;

}



.pk-flash-text {

	font-size: 16px;

	color: var(--pk-text-muted);

	margin-bottom: 30px;

}



/* Countdown Timer */



.pk-countdown {

	display: flex;

	align-items: center;

	gap: 15px;

}



.pk-cd-item {

	display: flex;

	flex-direction: column;

	align-items: center;

}



.pk-cd-num {

	width: 50px;

	height: 50px;

	background: var(--pk-white);

	color: var(--pk-primary);

	font-size: 20px;

	font-weight: 800;

	display: flex;

	align-items: center;

	justify-content: center;

	border-radius: 8px;

	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);

}



.pk-cd-label {

	font-size: 10px;

	font-weight: 700;

	text-transform: uppercase;

	color: var(--pk-text-muted);

	margin-top: 5px;

}



.pk-cd-sep {

	font-size: 24px;

	font-weight: 800;

	color: var(--pk-primary);

	margin-top: -15px;

}



/* Product Card Styling */



.pk-prod-card {

	background: var(--pk-white);

	border-radius: var(--pk-radius-lg);

	padding: 15px;

	transition: var(--pk-transition);

	border: 1px solid var(--pk-border);

	position: relative;

	height: 100%;

	display: flex;

	flex-direction: column;

}



.pk-prod-body {

	display: flex;

	flex-direction: column;

	flex: 1;

	min-height: 0;

	text-align: center;

}



.pk-prod-body .pk-add-btn,



.pk-prod-body .dc-btn--quick,



.dc-prod-card__info .pk-add-btn,



.dc-prod-card__info .dc-btn--quick {

	margin-top: auto;

}



.pk-prod-card:hover {

	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);

	transform: translateY(-5px);

	border-color: var(--pk-primary);

}



.pk-prod-img-wrap {

	position: relative;

	overflow: hidden;

	border-radius: var(--pk-radius);

	margin-bottom: 15px;

	background: var(--pk-bg-soft);

}



.pk-prod-img-wrap img {

	width: 100%;

	height: 450px;

	object-fit: cover;

	object-position: center;

	transition: transform 0.5s ease;

}



.pk-prod-card:hover .pk-prod-img-wrap img {

	transform: scale(1.1);

}


.pk-prod-cat {

	font-size: 11px;

	color: var(--pk-text-muted);

	text-transform: uppercase;

	font-weight: 700;

	letter-spacing: 0.5px;

}



.pk-prod-title {

	font-size: 15px;

	font-weight: 600;

	color: var(--pk-text, #0F172A);

	margin: 8px 0 8px;

	line-height: 1.35;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

	text-align: center;

}



.pk-prod-title a {

	color: inherit;

	text-decoration: none;

	transition: color 0.2s ease;

}



.pk-prod-title a:hover {

	color: var(--pk-secondary, #0084FF);

}



.pk-prod-price-row {

	display: flex;

	align-items: center;

	justify-content: center;

	margin-bottom: 12px;

	gap: 8px;

}



.pk-price {

	font-size: 17px;

	font-weight: 700;

	color: var(--pk-primary);

	line-height: 1.25;

	text-align: center;

}



.pk-price:has(ins) {

	display: flex;

	flex-direction: row;

	align-items: center;

	justify-content: center;

	gap: 8px;

}



.pk-price ins {

	text-decoration: none;

	font-size: 17px;

	font-weight: 700;

	color: var(--pk-primary);

}



.pk-price del {

	font-size: 14px;

	color: #888;

	font-weight: 400;

	text-decoration: line-through;

}



.pk-add-btn {

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%));

	color: #ffffff !important;

	border: none;

	font-weight: 700;

	font-size: 15px;

	padding: 10px 14px;

	border-radius: 8px;

	transition: var(--pk-transition);

	display: block;

	width: 100%;

	text-align: center;

	text-decoration: none !important;

	box-shadow: 0 4px 12px rgba(11, 37, 89, 0.2);

}



.pk-add-btn:hover {

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, #0084FF 0%, #0B2559 100%));

	transform: translateY(-2px);

	color: #ffffff !important;

	box-shadow: 0 6px 18px rgba(0, 132, 255, 0.35);

}



/* 5 Column Grid Utility */



/* ─── 9. PROMO BANNERS ─────────────────────────────────────── */



.pk-promo-banner {

	position: relative;

	min-height: 300px;

	background-size: cover;

	background-position: center;

	border-radius: var(--pk-radius-lg);

	overflow: hidden;

	padding: 40px;

	display: flex;

	align-items: center;

	transition: var(--pk-transition);

}



.pk-promo-banner:after {

	content: '';

	position: absolute;

	inset: 0;

	background: linear-gradient(90deg, rgba(10, 26, 30, 0.6) 0%, transparent 80%);

	z-index: 1;

}



.pk-promo-content {

	position: relative;

	z-index: 2;

	color: var(--pk-white);

	max-width: 300px;

}



.pk-promo-title {

	font-size: 24px;

	font-weight: 800;

	margin-bottom: 10px;

	text-shadow: 0 2px 4px rgba(10, 26, 30, 0.2);

}



.pk-promo-banner:hover {

	transform: translateY(-5px);

	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

}



/* ─── 10. TRUST STRIP ──────────────────────────────────────── */



.pk-trust-section {

	padding: 50px 0;

	border-top: 1.5px solid #f1f5f9;

	border-bottom: 1.5px solid #f1f5f9;

	background: var(--pk-bg-soft);

}



.pk-trust-grid {

	display: grid;

	grid-template-columns: repeat(4, 1fr);

	gap: 24px;

}



.pk-trust-item {

	display: flex;

	align-items: center;

	gap: 18px;

	background: var(--pk-bg);

	border: 1px solid rgba(0, 0, 0, 0.03);

	border-radius: var(--pk-radius-lg);

	padding: 24px 20px;

	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.01);

	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}



.pk-trust-item:hover {

	transform: translateY(-5px);

	background: var(--pk-white);

	border-color: rgba(0, 132, 255, 0.2);

	box-shadow: 0 10px 25px rgba(11, 37, 89, 0.08);

}



.pk-trust-icon {

	width: 56px;

	height: 56px;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	flex-shrink: 0;

	transition: all 0.3s ease;

}



.pk-trust-icon svg,



.pk-trust-icon i {

	color: inherit !important;

	font-size: 22px;

}



/* Give each icon card dynamic color scheme mapping */



.pk-trust-item:nth-child(1) .pk-trust-icon {

	background: rgba(11, 37, 89, 0.1);

	color: var(--pk-primary, #0B2559);

}



.pk-trust-item:nth-child(2) .pk-trust-icon {

	background: rgba(0, 132, 255, 0.1);

	color: var(--pk-secondary, #0084FF);

}



.pk-trust-item:nth-child(3) .pk-trust-icon {

	background: rgba(229, 37, 42, 0.1);

	color: var(--pk-accent, #E5252A);

}



.pk-trust-item:nth-child(4) .pk-trust-icon {

	background: rgba(245, 158, 11, 0.12);

	color: #D97706;

}



.pk-trust-item:hover .pk-trust-icon {

	transform: scale(1.08);

}



.pk-trust-info {

	display: flex;

	flex-direction: column;

	gap: 3px;

}



.pk-trust-info h5 {

	font-size: 16px;

	font-weight: 700;

	margin: 0;

	color: var(--pk-primary);

}



.pk-trust-info p {

	font-size: 13px;

	color: var(--pk-text-muted);

	margin: 0;

	line-height: 1.4;

}



/* ─── 11. TESTIMONIALS ─────────────────────────────────────── */



.pk-testimonial-slider {

	padding-bottom: 50px !important;

}



.pk-testimonial-slider .swiper-pagination {

	bottom: 10px !important;

}



.pk-testimonial-slider .swiper-pagination-bullet {

	background: #cbd5e1 !important;

	opacity: 1 !important;

}



.pk-testimonial-slider .swiper-pagination-bullet-active {

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%)) !important;

	width: 18px !important;

	border-radius: 4px !important;

	transition: all 0.3s ease !important;

}



.pk-testimonial-card {

	background: var(--pk-white);

	padding: 30px;

	border-radius: var(--pk-radius-lg);

	border: 1px solid var(--pk-border);

	height: 100%;

	transition: var(--pk-transition);

}



.pk-testimonial-card:hover {

	border-color: var(--pk-secondary, #0084FF);

	box-shadow: 0 10px 30px rgba(11, 37, 89, 0.08);

}



.pk-stars {

	color: var(--pk-gold, #F59E0B);

	font-size: 18px;

	text-align: center;

}



/* ─── 11.5 VIDEO SLIDER SECTION ───────────────────────────── */



.pk-video-slider-section {

	background: var(--pk-bg-soft);

	position: relative;

}



.pk-video-slider-wrap {

	position: relative;

	padding: 0 45px;

}



.pk-video-swiper {

	position: relative;

	overflow: hidden;

}



.pk-video-card {

	background: var(--pk-white);

	border: 1px solid var(--pk-border);

	border-radius: var(--pk-radius-lg);

	overflow: hidden;

	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);

	transition: var(--pk-transition);

	height: auto;

}



.pk-video-card:hover {

	border-color: var(--pk-primary);

	transform: translateY(-5px);

	box-shadow: 0 12px 30px rgba(var(--pk-primary-rgb), 0.15);

}



.pk-video-embed-wrap {

	position: relative;

	width: 100%;

	aspect-ratio: 9 / 16;

	padding-top: 177.77%;

	background: #000;

	overflow: hidden;

	border-radius: var(--pk-radius-lg) var(--pk-radius-lg) 0 0;

}



@supports (aspect-ratio: 9 / 16) {



  .pk-video-embed-wrap {

	padding-top: 0;

}



}



.pk-video-embed-wrap iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	border: none;

}



.pk-video-card-body {

	padding: 16px 20px;

	text-align: center;

	background: var(--pk-white);

}



.pk-video-title {

	font-size: 15px;

	font-weight: 700;

	color: var(--pk-secondary);

	margin: 0;

	line-height: 1.4;

}



.pk-video-prev,



.pk-video-next {

	position: absolute;

	top: calc(50% - 22px);

	transform: translateY(-50%);

	z-index: 10;

}



.pk-video-prev {

	left: 0;

}



.pk-video-next {

	right: 0;

}



.pk-video-pagination {

	bottom: 5px !important;

}



.pk-video-pagination .swiper-pagination-bullet {

	background: #cbd5e1 !important;

	opacity: 1 !important;

}



.pk-video-pagination .swiper-pagination-bullet-active {

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) !important;

	width: 18px !important;

	border-radius: 4px !important;

	transition: all 0.3s ease !important;

}



@media (max-width: 767px) {



  .pk-video-slider-wrap {

	padding: 0;

}



  .pk-video-prev,



  .pk-video-next {

	display: none;

}



}



.pk-test-text {

	font-style: italic;

	color: var(--pk-text);

	font-size: 15px;

	line-height: 1.7;

	text-align: center;

}



.pk-test-user {

	display: flex;

	flex-direction: column;

	align-items: center;

	text-align: center;

}



.pk-test-user img {

	width: 60px;

	height: 60px;

	border: 3px solid var(--pk-bg-soft);

	display: block;

	margin-bottom: 10px;

}



.pk-test-user h5 {

	font-size: 16px;

	font-weight: 700;

}



/* ─── 12. UTILITY BUTTONS ─────────────────────────────────── */



.pk-btn-outline {

	display: inline-flex;

	align-items: center;

	padding: 10px 25px;

	border: 2px solid var(--pk-primary);

	color: var(--pk-primary);

	font-weight: 700;

	border-radius: 50px;

	font-size: 14px;

	transition: var(--pk-transition);

}



.pk-btn-outline:hover {

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) ;

	color: var(--pk-white);

}



.pk-blog-title {

	font-size: 18px;

	font-weight: 800;

	margin-bottom: 12px;

	line-height: 1.4;

}



.pk-blog-title a {

	color: var(--pk-primary);

	text-decoration: none;

	transition: var(--pk-transition);

}



.pk-blog-title a:hover {

	color: var(--pk-primary);

}



.pk-blog-excerpt {

	font-size: 14px;

	color: var(--pk-text-muted);

	line-height: 1.6;

	margin-bottom: 20px;

}



.pk-blog-more {

	margin-top: auto;

	font-size: 13px;

	font-weight: 800;

	color: var(--pk-primary);

	text-decoration: none;

	text-transform: uppercase;

	letter-spacing: 1px;

	display: flex;

	align-items: center;

	transition: var(--pk-transition);

}



/* ─── 19. UNIFIED EDITORIAL LINKS ────────────────────────── */



/* Custom Section Styling */



.pk-social-proof-strip {

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) ;

	color: var(--pk-white);

	padding: 40px 0;

}



.pk-social-proof-item .pk-sp-num,



.pk-social-proof-item .pk-sp-label {

	color: var(--pk-white);

}



.pk-link-editorial {

	font-size: 13px;

	font-weight: 800;

	color: var(--pk-primary);

	text-decoration: none;

	text-transform: uppercase;

	letter-spacing: 1.5px;

	display: flex;

	align-items: center;

	transition: var(--pk-transition);

}



.pk-link-editorial i {

	transition: transform 0.3s ease;

}



.pk-link-editorial:hover {

	color: var(--pk-primary-dark);

}



/* ─── 20. CATEGORY GLOW & OVERLAYS ────────────────────── */



.dc-cat-nav-link:hover {

	color: var(--pk-primary) !important;

	background: #f0fff4 !important;

	border-radius: 4px;

}



.dc-overlay {

	position: fixed;

	inset: 0;

	background: rgba(0, 0, 0, 0.6);

	z-index: 1500;

	opacity: 0;

	visibility: hidden;

	transition: all 0.4s ease;

	backdrop-filter: blur(4px);

}



.dc-overlay.is-active,



.dc-overlay.is-visible {

	opacity: 1 !important;

	visibility: visible !important;

}



/* ─── 13. FOOTER ───────────────────────────────────────────── */



.pk-footer {

	background: linear-gradient(180deg, #071C44 0%, #051430 100%);

	color: #ffffff;

	padding: 60px 0 0;

	border-top: 1px solid rgba(255, 255, 255, 0.08);

}



.pk-logo-footer {

	font-size: 32px;

	font-weight: 800;

	color: #ffffff;

	margin-bottom: 20px;

}



.pk-footer-desc {

	font-size: 16px;

	color: rgba(255, 255, 255, 0.75);

	line-height: 1.8;

	margin-bottom: 25px;

}



.pk-footer-title {

	font-size: 18px;

	font-weight: 700;

	color: #ffffff;

	margin-bottom: 25px;

}



.pk-footer-links {

	list-style: none;

	padding: 0;

	margin: 0;

}



.pk-footer-links li {

	margin-bottom: 12px;

}



.pk-footer-links a {

	font-size: 16px;

	color: rgba(255, 255, 255, 0.75);

	transition: all 0.2s ease;

}



.pk-footer-links a:hover {

	color: var(--pk-secondary, #0084FF);

	padding-left: 5px;

}



/* Footer Newsletter */



.pk-footer-nl {

	position: relative;

	width: 100%;

}



.pk-footer-nl input {

	width: 100%;

	background: rgba(255, 255, 255, 0.08);

	border: 1px solid rgba(255, 255, 255, 0.18);

	padding: 0 50px 0 15px;

	height: 46px;

	border-radius: 10px;

	outline: none;

	color: #ffffff;

	box-sizing: border-box;

}



.pk-footer-nl input::placeholder {

	color: rgba(255, 255, 255, 0.5);

}



.pk-footer-nl input:focus {

	border-color: var(--pk-secondary, #0084FF);

}



.pk-footer-nl button {

	position: absolute;

	right: 5px;

	top: 5px;

	transform: none;

	height: 36px;

	width: 36px;

	min-width: 0 !important;

	max-width: 36px !important;

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%));

	color: transparent;

	border: none;

	padding: 0;

	border-radius: 8px;

	font-size: 0;

	line-height: 0;

	cursor: pointer;

	display: flex;

	align-items: center;

	justify-content: center;

	transition: var(--pk-transition);

	box-shadow: 0 4px 10px rgba(0, 132, 255, 0.2);

}



.pk-footer-nl button::after {

	content: "\f1d8";

	font-family: "Font Awesome 6 Free";

	font-weight: 900;

	font-size: 13px;

	color: #ffffff;

	display: flex;

	align-items: center;

	justify-content: center;

	width: 100%;

	height: 100%;

	line-height: 1;

	margin: 0;

	padding: 0;

}



.pk-footer-nl button:hover {

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, #0084FF 0%, #0B2559 100%));

	box-shadow: 0 6px 14px rgba(0, 132, 255, 0.4);

}



.pk-footer-nl--small {

	gap: 8px;

}



.pk-footer-nl--small input {

	padding: 8px 12px;

	font-size: 13px;

}



.pk-footer-nl--small button {

	padding: 0 15px;

	font-size: 13px;

	height: 38px !important;

}



.pk-footer-bottom {

	margin-top: 60px;

	padding: 15px 0;

	border-top: 1px solid rgba(255, 255, 255, 0.08);

	font-size: 13px;

	color: rgba(255, 255, 255, 0.6);

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 10px;

}



.pk-footer-bottom a {

	color: var(--pk-secondary, #0084FF);

}



.pk-footer-bottom a:hover {

	text-decoration: underline;

}



.pk-footer-bottom img {

	width: auto;

}



/* ─── 14. DRAWERS & OVERLAY ────────────────────────────────── */



.dc-drawer {

	position: fixed;

	top: 0;

	width: 320px;

	height: 100%;

	background: var(--pk-white);

	z-index: 99999;

	transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0.4s ease;

	box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);

	visibility: hidden;

	pointer-events: none;

}



.dc-drawer--left {

	left: 0;

	transform: translateX(-100%);

}



.dc-drawer--right {

	right: 0;

	transform: translateX(100%);

}



.dc-drawer.is-active,



.dc-drawer.is-open {

	transform: translateX(0);

	visibility: visible;

	pointer-events: auto;

}



.dc-drawer__inner {

	display: flex;

	flex-direction: column;

	height: 100%;

}



.dc-drawer__content {

	flex: 1;

	display: flex;

	flex-direction: column;

	overflow: hidden;

}



.dc-drawer__head {

	padding: 20px 25px;

	border-bottom: 1px solid var(--pk-border);

	display: flex;

	justify-content: space-between;

	align-items: center;

	font-weight: 700;

}



.dc-overlay {

	position: fixed;

	inset: 0;

	background: rgba(0, 0, 0, 0.5);

	z-index: 99990;

	opacity: 0;

	visibility: hidden;

	pointer-events: none;

	transition: var(--pk-transition);

	backdrop-filter: blur(2px);

}



.dc-overlay.is-active,



.dc-overlay.is-visible {

	opacity: 1 !important;

	visibility: visible !important;

	pointer-events: auto !important;

}



/* ─── 16. MOBILE MENU STYLES (TOTAL LOCKDOWN) ───────────── */



#dcMobileDrawer {

	position: fixed;

	top: 0;

	left: 0;

	width: 300px;

	height: 100%;

	background: var(--pk-white);

	z-index: 2000;

	transform: translateX(-100%);

	transition: 0.3s;

	box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);

	visibility: hidden;

}



#dcMobileDrawer.is-active {

	transform: translateX(0);

	visibility: visible;

}



.pk-mobile-menu {

	list-style: none !important;

	padding: 15px 25px !important;

	margin: 0 !important;

}



.pk-mobile-menu li {

	list-style: none !important;

	border-bottom: 1px solid #f1f3f5 !important;

}



.pk-mobile-menu li:last-child {

	border-bottom: none !important;

}



.pk-mobile-menu li a {

	display: flex !important;

	align-items: center !important;

	padding: 16px 0 !important;

	font-size: 15px !important;

	font-weight: 600 !important;

	color: var(--pk-secondary) !important;

	text-decoration: none !important;

	transition: all 0.25s ease;

}



.pk-mobile-menu li a i {

	font-size: 18px !important;

	color: var(--pk-text-muted) !important;

	transition: all 0.25s ease;

	width: 24px;

	text-align: center;

}



.pk-mobile-menu li a:hover {

	color: var(--pk-primary) !important;

	padding-left: 5px !important;

}



.pk-mobile-menu li a:hover i {

	color: var(--pk-primary) !important;

}



/* Mobile Submenu Styles */



.pk-mobile-menu .sub-menu {

	list-style: none !important;

	padding: 0 0 0 20px !important;

	margin: 0 !important;

	display: block;

}



.pk-mobile-menu li.menu-item-has-children > a {

	position: relative;

}



.pk-mobile-menu .sub-menu li {

	border-bottom: none !important;

}



.pk-mobile-menu .sub-menu li a {

	padding: 10px 0 !important;

	font-size: 14px !important;

	font-weight: 500 !important;

}



/* Mobile Drawer Footer */



.dc-drawer__footer {

	margin-top: auto;

	border-top: 1px solid var(--pk-border);

	background-color: #fafbfc;

	padding: 25px;

}



.pk-drawer-contact h6 {

	font-size: 11px !important;

	font-weight: 700 !important;

	text-transform: uppercase !important;

	letter-spacing: 1.5px !important;

	color: var(--pk-text-muted) !important;

	margin-bottom: 15px !important;

}



.pk-drawer-social {

	display: flex !important;

	gap: 12px !important;

	align-items: center !important;

}



.pk-drawer-social a {

	display: inline-flex !important;

	align-items: center !important;

	justify-content: center !important;

	width: 40px !important;

	height: 40px !important;

	border-radius: 50% !important;

	background-color: var(--pk-white) !important;

	border: 1.5px solid var(--pk-border) !important;

	color: var(--pk-primary, #0B2559) !important;

	font-size: 16px !important;

	text-decoration: none !important;

	transition: all 0.25s ease !important;

}



.pk-drawer-social a:hover {

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%)) !important;

	border-color: transparent !important;

	color: var(--pk-white) !important;

	transform: translateY(-2px) !important;

	box-shadow: 0 4px 8px rgba(11, 37, 89, 0.18) !important;

}



/* ─── 15. FINAL PRECISION: EMERALD BRANDED MINI CART ────────── */



.dc-drawer--right {

	width: 400px !important;

}



.widget_shopping_cart_content {

	display: flex !important;

	flex-direction: column !important;

	height: 100% !important;

	flex: 1 !important;

}



.dc-mini-cart-scroll {

	flex: 1;

	overflow-y: auto;

}



.cart_list {

	list-style: none !important;

	padding: 0 25px !important;

	margin: 0 !important;

}



.mini_cart_item {

	position: relative !important;

	padding: 25px 0 !important;

	border-bottom: 1px solid #f0f0f0 !important;

}



.mini_cart_item>a:not(.remove) {

	display: flex !important;

	gap: 20px !important;

	text-decoration: none !important;

	align-items: flex-start !important;

}



.mini_cart_item img {

	width: 80px !important;

	height: 100px !important;

	object-fit: cover !important;

	border-radius: 4px !important;

	flex-shrink: 0 !important;

}



.dc-mini-cart-item-info {

	flex: 1 !important;

	display: flex !important;

	flex-direction: column !important;

}



.dc-mini-cart-item-title {

	display: block !important;

	font-weight: 800 !important;

	font-size: 15px !important;

	color: #051820 !important;

	margin-bottom: 4px !important;

	line-height: 1.3 !important;

}



/* Side Cart / Mini Cart Variation Attributes Inline Layout */



dl.variation,



.dc-mini-cart-item-info dl.variation,



.woocommerce-mini-cart dl.variation {

	display: flex !important;

	flex-wrap: wrap !important;

	align-items: center !important;

	gap: 2px 8px !important;

	margin: 2px 0 8px 0 !important;

	padding: 0 !important;

	font-size: 12px !important;

	line-height: 1.4 !important;

}



dl.variation dt,



.dc-mini-cart-item-info dl.variation dt,



.woocommerce-mini-cart dl.variation dt {

	display: inline-block !important;

	float: none !important;

	margin: 0 !important;

	padding: 0 !important;

	font-weight: 700 !important;

	color: #333 !important;

	clear: none !important;

	font-size: 12px !important;

}



dl.variation dd,



.dc-mini-cart-item-info dl.variation dd,



.woocommerce-mini-cart dl.variation dd {

	display: inline-block !important;

	float: none !important;

	margin: 0 6px 0 2px !important;

	padding: 0 !important;

	color: #555 !important;

	font-weight: 600 !important;

	font-size: 12px !important;

}



dl.variation dd p,



.dc-mini-cart-item-info dl.variation dd p,



.woocommerce-mini-cart dl.variation dd p {

	display: inline !important;

	margin: 0 !important;

	padding: 0 !important;

	font-size: 12px !important;

}



/* WooCommerce Order Item Meta & Variations (Thank You Page, Cart, Checkout, Order Details) */



ul.wc-item-meta,



.wc-item-meta,



.order_details ul.wc-item-meta,



.woocommerce-table--order-details ul.wc-item-meta {

	list-style: none !important;

	margin: 4px 0 8px 0 !important;

	padding: 0 !important;

	display: flex !important;

	flex-wrap: wrap !important;

	align-items: center !important;

	gap: 4px 14px !important;

	font-size: 13px !important;

}



ul.wc-item-meta li,



.wc-item-meta li,



.order_details ul.wc-item-meta li,



.woocommerce-table--order-details ul.wc-item-meta li {

	display: inline-flex !important;

	align-items: center !important;

	gap: 4px !important;

	margin: 0 !important;

	padding: 0 !important;

	list-style: none !important;

	font-size: 13px !important;

	line-height: 1.4 !important;

}



ul.wc-item-meta li strong,



ul.wc-item-meta li .wc-item-meta-label,



.wc-item-meta li strong,



.wc-item-meta li .wc-item-meta-label {

	font-weight: 700 !important;

	color: #333 !important;

	display: inline !important;

	float: none !important;

	margin: 0 !important;

	padding: 0 !important;

	font-size: 13px !important;

}



ul.wc-item-meta li p,



.wc-item-meta li p {

	display: inline !important;

	margin: 0 !important;

	padding: 0 !important;

	color: #555 !important;

	font-weight: 500 !important;

	font-size: 13px !important;

}



.dc-mini-cart-qty-wrap {

	display: flex !important;

	align-items: center !important;

	justify-content: space-between !important;

	width: 100% !important;

}



.dc-qty-controls {

	display: inline-flex !important;

	align-items: center !important;

	background: #f0fff4 !important;

	border: 1px solid #dcfce7 !important;

	padding: 2px !important;

	border-radius: 4px !important;

}



.dc-qty-btn {

	width: 30px !important;

	height: 30px !important;

	background: transparent !important;

	border: none !important;

	color: #051820 !important;

	font-size: 18px !important;

	cursor: pointer !important;

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

}



.dc-qty-input {

	width: 35px !important;

	height: 30px !important;

	background: transparent !important;

	border: none !important;

	text-align: center !important;

	font-weight: 700 !important;

	font-size: 14px !important;

	color: #051820 !important;

	padding: 0 !important;

}



.dc-mini-cart-price .amount {

	color: var(--pk-primary) !important;

	font-weight: 800 !important;

	font-size: 17px !important;

}



.mini_cart_item .remove {

	position: absolute !important;

	top: 20px;

	right: 0;

	color: #bbb !important;

	font-size: 20px !important;

	z-index: 10;

	text-decoration: none !important;

}



.dc-mini-cart-footer {

	padding: 30px 25px !important;

	border-top: 1px solid #f0f0f0 !important;

	background: #fff !important;

	width: 100% !important;

	box-sizing: border-box !important;

}



.woocommerce-mini-cart__total {

	display: flex !important;

	justify-content: space-between !important;

	align-items: center !important;

	margin-bottom: 25px !important;

	width: 100% !important;

}



.woocommerce-mini-cart__total strong {

	font-family: serif !important;

	font-size: 26px !important;

	font-weight: 400 !important;

	color: #051820 !important;

}



.woocommerce-mini-cart__total .amount {

	color: var(--pk-primary) !important;

	font-family: sans-serif !important;

	font-weight: 800 !important;

}



.woocommerce-mini-cart__buttons {

	display: flex !important;

	flex-direction: column !important;

	gap: 12px !important;

	width: 100% !important;

	margin: 0 !important;

	padding: 0 !important;

}



.woocommerce-mini-cart__buttons .button {

	width: 100% !important;

	height: 55px !important;

	border-radius: 0 !important;

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	text-transform: uppercase !important;

	font-weight: 800 !important;

	letter-spacing: 2px !important;

	font-size: 13px !important;

	transition: var(--pk-transition) !important;

	border-radius: 7px !important;

}



.button.wc-forward:not(.checkout) {

	background: #fff !important;

	color: var(--pk-primary, #0B2559) !important;

	border: 1.5px solid var(--pk-primary, #0B2559) !important;

}



.button.wc-forward:not(.checkout):hover {

	background: var(--pk-bg-soft, #F0F7FF) !important;

	color: var(--pk-primary-dark, #071C44) !important;

	border-color: var(--pk-secondary, #0084FF) !important;

}



.button.checkout {

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%)) !important;

	color: #fff !important;

	border: none !important;

	box-shadow: 0 4px 15px rgba(11, 37, 89, 0.2) !important;

}



.button.checkout:hover {

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, #0084FF 0%, #0B2559 100%)) !important;

	color: #fff !important;

	box-shadow: 0 6px 20px rgba(0, 132, 255, 0.35) !important;

	transform: translateY(-2px) !important;

}



.woocommerce-mini-cart__empty-message {

	display: flex !important;

	flex-direction: column !important;

	align-items: center !important;

	justify-content: center !important;

	flex: 1 !important;

	padding: 40px 25px !important;

	text-align: center !important;

}



/* ─── HOMEPAGE ADDITIONS ─────────────────────────────────── */



/* Harvest Calendar */



.pk-harvest-calendar-section {

	background-color: #f7faf8;

	border-top: 1px solid #eaeaea;

	border-bottom: 1px solid #eaeaea;

}



.pk-harvest-grid {

	display: grid;

	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

	gap: 24px;

	margin-top: 40px;

}



.pk-harvest-card {

	display: block;

	text-decoration: none;

	background: #fff;

	border-radius: 12px;

	padding: 15px 15px 25px 15px;

	text-align: center;

	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);

	transition: transform 0.3s ease, box-shadow 0.3s ease;

	border: 1px solid #f0f0f0;

}



.pk-harvest-card:hover {

	transform: translateY(-8px);

	box-shadow: 0 10px 30px rgba(11, 37, 89, 0.1);

	border-color: rgba(0, 132, 255, 0.3);

}



.pk-harvest-img-wrap {

	position: relative;

	width: 100%;

	height: 150px;

	border-radius: 10px;

	overflow: hidden;

	margin-bottom: 20px;

	background-color: #f7faf8;

}



.pk-harvest-img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: transform 0.5s ease;

}



.pk-harvest-card:hover .pk-harvest-img {

	transform: scale(1.08);

}



.pk-harvest-card .pk-harvest-badge-wrap {

	position: absolute;

	top: 10px;

	right: 10px;

	margin-bottom: 0;

	z-index: 2;

}



.pk-harvest-badge {

	font-size: 11px;

	font-weight: 700;

	text-transform: uppercase;

	padding: 4px 12px;

	border-radius: 20px;

	display: inline-block;

	letter-spacing: 0.5px;

}



.pk-harvest-badge--active {

	background-color: rgba(0, 132, 255, 0.12);

	color: var(--pk-secondary, #0084FF);

}



.pk-harvest-badge--upcoming {

	background-color: var(--pk-primary, #0B2559);

	color: #ffffff;

}



.pk-harvest-badge--finished {

	background-color: #f0f0f0;

	color: #888;

}



.pk-harvest-name {

	font-size: 20px;

	font-weight: 700;

	color: #051820;

	margin-bottom: 8px;

}



.pk-harvest-time {

	font-size: 14px;

	color: #666;

	margin-bottom: 0;

}



/* WhatsApp & Hotline CTA */



.pk-whatsapp-cta-section {

	background: linear-gradient(135deg, var(--pk-primary-dark) 0%, var(--pk-primary) 100%);

	color: #fff;

	padding: 60px 0;

	text-align: center;

}



.pk-whatsapp-cta-inner {

	max-width: 700px;

	margin: 0 auto;

}



.pk-whatsapp-cta-title {

	font-size: 32px;

	font-weight: 800;

	margin-bottom: 12px;

	color: #fff;

}



.pk-whatsapp-cta-subtitle {

	font-size: 17px;

	color: rgba(255, 255, 255, 0.9);

	margin-bottom: 30px;

}



.pk-cta-btn-group {

	display: flex;

	justify-content: center;

	gap: 16px;

	flex-wrap: wrap;

}



.pk-cta-btn {

	padding: 14px 28px;

	font-weight: 700;

	border-radius: 30px;

	display: inline-flex;

	align-items: center;

	gap: 10px;

	text-decoration: none;

	font-size: 16px;

	transition: transform 0.2s ease, box-shadow 0.2s ease;

}



.pk-cta-btn--whatsapp {

	background-color: #fff;

	color: var(--pk-primary);

	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);

}



.pk-cta-btn--whatsapp i {

	font-size: 23px;

}



.pk-cta-btn--whatsapp:hover {

	transform: translateY(-2px);

	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);

	color: var(--pk-primary-dark);

}



.pk-cta-btn--call {

	background-color: #051820;

	color: #fff;

	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);

}



.pk-cta-btn--call:hover {

	transform: translateY(-2px);

	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);

	color: #fff;

}



/* Sourcing Promise */



.pk-promise-section {
	background-color: #FFFFFF;
	padding: 85px 0;
}

.pk-promise-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 32px;
	margin-top: 45px;
}

.pk-promise-card {
	text-align: center;
	padding: 32px 24px;
	background: #F8FAFC;
	border: 1px solid #E2E8F0;
	border-radius: 16px;
	transition: all 0.3s ease;
}

.pk-promise-card:hover {
	background: #FFFFFF;
	transform: translateY(-5px);
	box-shadow: 0 10px 28px rgba(11, 37, 89, 0.08);
	border-color: #0084FF;
}



.pk-promise-icon-wrap {

	width: 80px;

	height: 80px;

	border-radius: 50%;

	background-color: rgba(var(--pk-primary-rgb), 0.1);

	display: flex;

	align-items: center;

	justify-content: center;

	margin: 0 auto 20px auto;

	color: var(--pk-primary);

	transition: background-color 0.3s ease, color 0.3s ease;

}



.pk-promise-card:hover .pk-promise-icon-wrap {

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) ;

	color: #fff;

}



.pk-promise-card h4 {

	font-size: 20px;

	font-weight: 700;

	color: #051820;

	margin-bottom: 12px;

}



.pk-promise-card p {

	color: #666;

	font-size: 15px;

	line-height: 1.6;

	margin-bottom: 0;

}



/* Video Showcase */



.pk-video-section {

	background-color: #fdfdfd;

}



.pk-video-container {

	max-width: 900px;

	margin: 40px auto 0 auto;

	position: relative;

	border-radius: 16px;

	overflow: hidden;

	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);

}



.pk-video-aspect {

	position: relative;

	padding-bottom: 56.25%;

	/* 16:9 Aspect Ratio */

	height: 0;

	background-color: #000;

}



.pk-video-aspect iframe,



.pk-video-aspect video {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	border: 0;

}



.pk-video-placeholder {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-size: cover;

	background-position: center;

	display: flex;

	align-items: center;

	justify-content: center;

	cursor: pointer;

	z-index: 2;

}



.pk-video-overlay {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(5, 24, 32, 0.4);

	transition: background 0.3s ease;

}



.pk-video-placeholder:hover .pk-video-overlay {

	background: rgba(5, 24, 32, 0.5);

}



.pk-play-btn {

	width: 80px;

	height: 80px;

	border-radius: 50%;

	background-color: #fff;

	color: var(--pk-primary, #0B2559);

	display: flex;

	align-items: center;

	justify-content: center;

	z-index: 3;

	box-shadow: 0 6px 20px rgba(11, 37, 89, 0.2);

	transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);

}



.pk-play-btn i {

	font-size: 28px;

	margin-left: 6px;

	/* offset play icon center */

}



.pk-video-placeholder:hover .pk-play-btn {

	transform: scale(1.1);

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%));

	color: #fff;

}



/* ─────────────────────────────────────────────────────────────



   SHOP PAGE & ARCHIVE PRODUCT STYLING



   ───────────────────────────────────────────────────────────── */



.dc-shop-page {

	padding: 60px 0;

	background-color: var(--pk-bg);

}



.dc-shop-layout {

	display: grid;

	grid-template-columns: 280px 1fr;

	gap: 40px;

}



.dc-shop-main {

	position: relative;

	min-height: 400px;

	transition: opacity 0.25s ease;

}



.dc-shop-main.is-loading {

	opacity: 0.45;

	pointer-events: none;

}



.dc-shop-main.is-loading::after {

	content: '';

	position: absolute;

	top: 120px;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 44px;

	height: 44px;

	border: 3.5px solid rgba(11, 37, 89, 0.15);

	border-top-color: var(--pk-primary, #0B2559);

	border-radius: 50%;

	animation: dcShopSpin 0.7s linear infinite;

	z-index: 20;

}



@keyframes dcShopSpin {



  to {

	transform: translate(-50%, -50%) rotate(360deg);

}



}



/* Sidebar Styling */



.dc-shop-sidebar {

	background: var(--pk-white);

	border-radius: var(--pk-radius-lg);

	padding: 25px;

	border: 1px solid var(--pk-border);

	align-self: start;

	position: sticky;

	top: 150px;

}



/* Sidebar Head */



.dc-shop-sidebar__head {

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-bottom: 20px;

	padding-bottom: 10px;

	border-bottom: 1px solid var(--pk-border);

}



.dc-shop-sidebar__head h5 {

	margin: 0;

	font-weight: 700;

	color: var(--pk-primary);

}



.dc-shop-sidebar__close {

	background: none;

	border: none;

	color: var(--pk-text-muted);

	cursor: pointer;

	padding: 5px;

	transition: var(--pk-transition);

}



.dc-shop-sidebar__close:hover {

	color: var(--pk-primary);

}



/* Filter Groups */



.dc-filter-group {

	margin-bottom: 30px;

}



.dc-filter-group:last-child {

	margin-bottom: 0;

}



.dc-filter-group__title {

	font-size: 15px;

	font-weight: 700;

	color: var(--pk-primary);

	margin-bottom: 15px;

	padding-bottom: 8px;

	border-bottom: 2px solid var(--pk-border);

	position: relative;

}



.dc-filter-group__title::after {

	content: '';

	position: absolute;

	bottom: -2px;

	left: 0;

	width: 40px;

	height: 2px;

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) ;

}



.dc-filter-list {

	list-style: none;

	padding: 0;

	margin: 0;

}



.dc-filter-list li {

	margin-bottom: 4px;

}



.dc-filter-list li:last-child {

	margin-bottom: 0;

}



.dc-filter-list a {

	display: flex;

	justify-content: space-between;

	align-items: center;

	color: var(--pk-text);

	font-size: 14px;

	padding: 4px 10px;

	border-radius: 6px;

	transition: var(--pk-transition);

	text-decoration: none;

}



.dc-filter-list a:hover {

	background-color: var(--pk-rose-light);

	color: var(--pk-primary);

}



.dc-filter-list li.active a {

	background: var(--pk-btn-bg);

	color: #ffffff !important;

	font-weight: 600;

	box-shadow: 0 3px 10px rgba(11, 37, 89, 0.25);

}



.dc-filter-list span {

	color: var(--pk-text-muted);

}



.dc-filter-list li.active a span {

	color: #ffffff !important;

	font-weight: 600;

}



.dc-filter-list li.active a svg {

	stroke: #ffffff;

}



/* Layered Nav / WooCommerce Widgets overrides */



.dc-filter-layered-nav ul {

	list-style: none;

	padding: 0;

	margin: 0;

}



.dc-filter-layered-nav li {

	margin-bottom: 8px;

}



.dc-filter-layered-nav li a {

	color: var(--pk-text);

	font-size: 14px;

	text-decoration: none;

	transition: var(--pk-transition);

}



.dc-filter-layered-nav li a:hover {

	color: var(--pk-primary);

}



.dc-filter-layered-nav li.chosen a {

	color: var(--pk-primary);

	font-weight: 700;

}



/* Price Filter slider */



.widget_price_filter .price_slider_amount input[type="text"],
.widget_price_filter .price_slider_amount input#min_price,
.widget_price_filter .price_slider_amount input#max_price {
	display: none !important;
}

.widget_price_filter .price_slider_wrapper {

	padding-top: 5px;

}



.widget_price_filter .ui-slider {

	background: var(--pk-border);

	height: 6px;

	border-radius: 4px;

	position: relative;

	margin-bottom: 15px;

}



.widget_price_filter .ui-slider .ui-slider-range {

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) ;

	position: absolute;

	height: 100%;

	border-radius: 4px;

}



.widget_price_filter .ui-slider .ui-slider-handle {

	background: var(--pk-white);

	border: 2px solid var(--pk-primary);

	width: 16px;

	height: 16px;

	border-radius: 50%;

	position: absolute;

	top: -5px;

	margin-left: -8px;

	cursor: pointer;

	outline: none;

	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

	transition: transform 0.1s ease;

}



.widget_price_filter .ui-slider .ui-slider-handle:hover {

	transform: scale(1.1);

}



.widget_price_filter .price_slider_amount {

	display: flex;

	justify-content: space-between;

	align-items: center;

	font-size: 13px;

}



.widget_price_filter .price_slider_amount .price_label {

	color: var(--pk-text-muted);

}



.widget_price_filter .price_slider_amount .button {

	background: var(--pk-secondary);

	color: var(--pk-white);

	border: none;

	padding: 6px 14px;

	font-size: 12px;

	font-weight: 700;

	border-radius: 30px;

	transition: var(--pk-transition);

}



.widget_price_filter .price_slider_amount .button:hover {

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) ;

}



.dc-filter-clear {

	display: block;

	text-align: center;

	margin-top: 25px;

	padding: 10px;

	font-size: 13px;

	font-weight: 700;

	text-transform: uppercase;

	border-radius: 50px;

	border: 1px solid var(--pk-border);

	color: var(--pk-secondary);

	text-decoration: none;

	transition: var(--pk-transition);

}



.dc-filter-clear:hover {

	background: var(--pk-secondary);

	color: var(--pk-white);

	border-color: var(--pk-secondary);

}



/* Toolbar */



.dc-shop-toolbar {

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-bottom: 30px;

	background: var(--pk-white);

	padding: 15px 25px;

	border-radius: var(--pk-radius-lg);

	border: 1px solid var(--pk-border);

}



.dc-shop-toolbar__right {

	display: flex;

	align-items: center;

	gap: 20px;

}



.woocommerce-result-count {

	margin: 0 !important;

	font-size: 14px !important;

	color: var(--pk-text-muted) !important;

	float: none !important;

	text-align: left !important;

}



/* Sorting Dropdown */



.woocommerce-ordering select {

	border: 1px solid var(--pk-border);

	padding: 8px 16px;

	border-radius: 50px;

	font-size: 14px;

	color: var(--pk-text);

	background-color: var(--pk-white);

	outline: none;

	transition: var(--pk-transition);

	cursor: pointer;

}



.woocommerce-ordering select:focus {

	border-color: var(--pk-primary);

}



/* Filter toggle mobile button */



#dcFilterToggle {

	align-items: center !important;

	justify-content: center !important;

	gap: 8px !important;

	border: 1.5px solid var(--pk-primary) !important;

	background: var(--pk-white) !important;

	color: var(--pk-primary) !important;

	padding: 10px 20px !important;

	border-radius: 50px !important;

	font-size: 14px !important;

	font-weight: 700 !important;

	cursor: pointer !important;

	transition: all 0.2s ease !important;

}



#dcFilterToggle:hover {

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) !important;

	color: var(--pk-white) !important;

	border-color: var(--pk-primary) !important;

}



/* Grid/List layout buttons */



.dc-view-toggle {

	display: flex;

	align-items: center;

	gap: 8px;

}



.dc-view-btn {

	background: none;

	border: 1px solid var(--pk-border);

	color: var(--pk-text-muted);

	width: 36px;

	height: 36px;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	cursor: pointer;

	transition: var(--pk-transition);

}



.dc-view-btn:hover,



.dc-view-btn.active {

	background: var(--pk-bg-soft);

	color: var(--pk-primary);

	border-color: var(--pk-primary);

}



/* Shop Products Grid */



.dc-product-grid--shop {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	gap: 30px;

}



/* Product Card Styling (Duplicates the gorgeous .pk-prod-card layout) */



.dc-prod-card {

	background: var(--pk-white);

	border-radius: var(--pk-radius-lg);

	padding: 15px;

	transition: var(--pk-transition);

	border: 1px solid var(--pk-border);

	position: relative;

	height: 100%;

	display: flex;

	flex-direction: column;

}



.dc-prod-card:hover {

	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);

	transform: translateY(-5px);

	border-color: var(--pk-primary);

}



.dc-prod-card__img-wrap {

	position: relative;

	overflow: hidden;

	border-radius: var(--pk-radius);

	margin-bottom: 15px;

	background: var(--pk-bg-soft);

	flex-shrink: 0;

}



.dc-prod-card__img-wrap img {

	width: 100%;

	height: 400px;

	object-fit: cover;

	object-position: center;

	transition: transform 0.5s ease;

}



.dc-prod-card:hover .dc-prod-card__img-wrap img {

	transform: scale(1.1);

}



.dc-prod-card__badge {

	position: absolute;

	top: 10px;

	left: 10px;

	background: var(--pk-accent);

	color: var(--pk-secondary);

	font-size: 10px;

	font-weight: 500;

	padding: 3px 8px;

	border-radius: 4px;

	z-index: 2;

}



.dc-prod-card__wish {

	position: absolute;

	top: 10px;

	right: 10px;

	background: var(--pk-white);

	border: none;

	width: 32px;

	height: 32px;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	color: var(--pk-text-muted);

	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);

	transition: var(--pk-transition);

	cursor: pointer;

	z-index: 2;

}



.dc-prod-card__wish:hover,



.dc-prod-card__wish.is-active {

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) ;

	color: var(--pk-white);

}



/* Quick Add Hover Styling */



.dc-prod-card__quick {

	position: absolute;

	bottom: -60px;

	left: 0;

	width: 100%;

	padding: 10px;

	background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);

	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);

	display: flex;

	justify-content: center;

	z-index: 3;

}



.dc-prod-card__img-wrap:hover .dc-prod-card__quick {

	bottom: 0;

}



.dc-prod-card__quick .dc-btn--quick {

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%));

	color: #ffffff !important;

	border: none;

	font-weight: 700;

	font-size: 13px;

	padding: 8px 16px;

	border-radius: 50px;

	transition: var(--pk-transition);

	box-shadow: 0 4px 15px rgba(11, 37, 89, 0.25);

	width: 100%;

	text-decoration: none !important;

}



.dc-prod-card__quick .dc-btn--quick:hover {

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, #0084FF 0%, #0B2559 100%));

	color: #ffffff !important;

	box-shadow: 0 4px 15px rgba(0, 132, 255, 0.4);

}



/* Product Info */



.dc-prod-card__info {

	display: flex;

	flex-direction: column;

	justify-content: space-between;

	flex: 1;

}



.dc-prod-card__cat {

	font-size: 11px;

	color: var(--pk-text-muted);

	text-transform: uppercase;

	font-weight: 700;

	letter-spacing: 0.5px;

	text-decoration: none;

	margin-bottom: 5px;

}



.dc-prod-card__cat:hover {

	color: var(--pk-primary);

}



.dc-prod-card__name {

	font-size: 15px;

	font-weight: 700;

	color: var(--pk-primary);

	margin: 0 0 10px;

	line-height: 1.4;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

}



.dc-prod-card__name a {

	color: inherit;

	text-decoration: none;

	transition: var(--pk-transition);

}



.dc-prod-card__name a:hover {

	color: var(--pk-primary);

}



.dc-prod-card__rating {

	display: flex;

	align-items: center;

	gap: 5px;

	margin-bottom: 10px;

}



.dc-prod-card__rating .dc-stars {

	color: #ffb800;

	display: flex;

}



.dc-prod-card__rev {

	font-size: 12px;

	color: var(--pk-text-muted);

}



.dc-prod-card__price {

	font-size: 18px;

	font-weight: 800;

	color: var(--pk-primary);

	line-height: 1.25;

	margin-top: auto;

}



.dc-prod-card__price:has(ins) {

	display: flex;

	flex-direction: row;

	align-items: center;

	justify-content: center;

	gap: 8px;

}



.dc-prod-card__price ins {

	text-decoration: none;

	font-size: 17px;

	font-weight: 700;

	color: var(--pk-primary);

	display: inline-block;

}



.dc-prod-card__price del {

	font-size: 14px;

	color: #888;

	font-weight: 400;

	display: inline-block;

	position: relative;

	text-decoration: none;

}



.dc-prod-card__price del::after {

	content: "";

	position: absolute;

	left: 0;

	right: 0;

	top: 50%;

	height: 1px;

	background: currentColor;

	transform: translateY(-50%);

}



/* Pagination Styling */



.dc-shop-pagination {

	margin-top: 50px;

	display: flex;

	justify-content: center;

}



.dc-shop-pagination ul.page-numbers {

	display: flex;

	list-style: none;

	padding: 0;

	margin: 0;

	gap: 8px;

}



.dc-shop-pagination ul.page-numbers li span.current {

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%));

	color: var(--pk-white);

	border-color: transparent;

	box-shadow: 0 4px 12px rgba(11, 37, 89, 0.25);

}



.dc-shop-pagination ul.page-numbers li a,



.dc-shop-pagination ul.page-numbers li span {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 40px;

	height: 40px;

	border-radius: 50%;

	border: 1px solid var(--pk-border);

	color: var(--pk-text, #0F172A);

	font-weight: 600;

	font-size: 14px;

	text-decoration: none;

	transition: var(--pk-transition);

}



.dc-shop-pagination ul.page-numbers li a:hover {

	border-color: var(--pk-secondary, #0084FF);

	color: var(--pk-secondary, #0084FF);

	background: var(--pk-bg-soft, #F0F7FF);

}



/* Overlay */



.dc-overlay {

	position: fixed;

	top: 0;

	left: 0;

	width: 100vw;

	height: 100vh;

	background: rgba(0, 0, 0, 0.5);

	z-index: 1040;

	opacity: 0;

	visibility: hidden;

	transition: all 0.3s ease;

}



/* Default Hero / Banner Styling */



.blog-hero {

	background: var(--pk-bg-soft);

	padding: 50px 0;

	border-bottom: 1px solid var(--pk-border);

}



.blog-hero__title {

	font-size: 32px;

	font-weight: 800;

	color: var(--pk-secondary);

	margin: 0 0 10px;

}



/* Category header with background */



.dc-shop-header {

	position: relative;

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	padding: 80px 0;

	text-align: center;

	color: var(--pk-white);

	margin-bottom: 50px;

}



.dc-shop-header__overlay {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(5, 24, 32, 0.6);

	z-index: 1;

}



.dc-shop-header__content {

	position: relative;

	z-index: 2;

	max-width: 700px;

	margin: 0 auto;

	padding: 0 20px;

}



.dc-shop-header__title {

	font-size: 38px;

	font-weight: 800;

	margin-bottom: 15px;

}



.dc-shop-header__desc {

	font-size: 15px;

	opacity: 0.9;

	line-height: 1.6;

	margin-top: 15px;

}



.dc-shop-header .woocommerce-breadcrumb {

	color: rgba(255, 255, 255, 0.8);

}



.dc-shop-header .woocommerce-breadcrumb a {

	color: var(--pk-white);

}



/* Subcategory pills in header */



.dc-subcats {

	display: flex;

	justify-content: center;

	flex-wrap: wrap;

	gap: 10px;

	margin-top: 25px;

}



.dc-subcat-pill {

	background: rgba(255, 255, 255, 0.15);

	backdrop-filter: blur(5px);

	border: 1px solid rgba(255, 255, 255, 0.25);

	color: var(--pk-white);

	padding: 6px 16px;

	font-size: 13px;

	font-weight: 600;

	border-radius: 50px;

	text-decoration: none;

	transition: var(--pk-transition);

	display: flex;

	align-items: center;

	gap: 6px;

}



.dc-subcat-pill:hover {

	background: var(--pk-white);

	color: var(--pk-secondary);

}



.dc-subcat-pill__count {

	font-size: 11px;

	background: rgba(0, 0, 0, 0.15);

	padding: 2px 6px;

	border-radius: 10px;

}



/* ─────────────────────────────────────────────────────────────



   SINGLE PRODUCT PAGE STYLING



   ───────────────────────────────────────────────────────────── */



.dc-single-product {

	padding: 60px 0;

	background-color: var(--pk-bg);

}



/* Gallery styling */



.dc-gallery {
	position: relative;
	max-width: 440px;
	margin: 0 auto;
}

.dc-gallery__main {
	position: relative;
	border-radius: 14px;
	overflow: hidden;
	background-color: var(--pk-white);
	border: 1px solid var(--pk-border);
	width: 100%;
	max-width: 440px;
	aspect-ratio: 3 / 4;
	height: auto;
	margin: 0 auto 16px;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
}



.dc-gallery__main-img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.dc-gallery__sale-badge {

	position: absolute;

	top: 15px;

	left: 15px;

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) ;

	color: var(--pk-bg);

	font-size: 11px;

	font-weight: 800;

	padding: 4px 10px;

	border-radius: 4px;

}



.dc-gallery__wish-badge {

	position: absolute;

	top: 15px;

	right: 15px;

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) ;

	color: var(--pk-white);

	font-size: 11px;

	font-weight: 700;

	padding: 4px 10px;

	border-radius: 4px;

}



.dc-gallery__thumbs:not(.swiper-initialized) {

	display: flex;

	gap: 12px;

	overflow-x: auto;

	padding-bottom: 5px;

}



.dc-gallery__thumbs.swiper-initialized {

	display: block;

	overflow: hidden;

	position: relative;

	padding-bottom: 0;

}



.dc-gallery__thumbs.swiper-initialized .swiper-wrapper {

	display: flex;

}



.dc-gallery__thumbs.swiper-initialized .swiper-slide {

	width: auto;

}



.dc-gallery__thumb {

	background: var(--pk-white);

	border: 2px solid var(--pk-border);

	width: 80px;

	height: 80px;

	border-radius: var(--pk-radius);

	overflow: hidden;

	padding: 0;

	cursor: pointer;

	transition: var(--pk-transition);

}



.dc-gallery__thumb.active,



.dc-gallery__thumb:hover {

	border-color: var(--pk-primary);

}



.dc-gallery__thumb img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



/* Thumbnails Swiper Layout and Arrows */



.dc-gallery__thumbs-wrapper {

	position: relative;

	width: 100%;

}



.dc-gallery-thumbs-swiper {

	width: 100%;

	overflow: hidden;

}



.dc-gallery__thumbs-arrow {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	background: var(--pk-white, #fff);

	border: 1px solid var(--pk-border, #e2e8f0);

	border-radius: 50%;

	width: 32px;

	height: 32px;

	display: flex;

	align-items: center;

	justify-content: center;

	color: var(--pk-black, #051820);

	cursor: pointer;

	transition: all 0.2s ease;

	padding: 0;

	box-shadow: 0 2px 6px rgba(0,0,0,0.1);

	z-index: 10;

}



.dc-gallery__thumbs-arrow--prev {

	left: -10px;

}



.dc-gallery__thumbs-arrow--next {

	right: -10px;

}



.dc-gallery__thumbs-arrow:hover {

	background: var(--pk-primary, #ea580c);

	color: #fff;

	border-color: var(--pk-primary, #ea580c);

	box-shadow: 0 4px 8px rgba(0,0,0,0.15);

}



.dc-gallery__thumbs-arrow.swiper-button-disabled {

	opacity: 0.35;

	pointer-events: none;

	box-shadow: none;

}



/* Product Information Info Column */



.dc-prod-info {

	display: flex;

	flex-direction: column;

}



.dc-prod-info__meta {

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-bottom: 15px;

}



.dc-prod-info__cat {

	font-size: 12px;

	font-weight: 700;

	text-transform: uppercase;

	color: var(--pk-primary);

	text-decoration: none;

	letter-spacing: 0.5px;

}



.dc-prod-info__cat:hover {

	color: var(--pk-primary-dark);

}



.dc-prod-info__sku {

	font-size: 12px;

	color: var(--pk-text-muted);

}



.dc-prod-info__title {

	font-size: 32px;

	font-weight: 800;

	color: var(--pk-primary);

	margin-bottom: 8px;

	line-height: 1.25;

}



.dc-prod-info__rating {

	display: flex;

	align-items: center;

	gap: 8px;

	margin-bottom: 20px;

}



.dc-prod-info__rating .dc-stars {

	color: #ffb800;

	display: flex;

}



.dc-prod-info__rev-link {

	font-size: 14px;

	color: var(--pk-text-muted);

	text-decoration: none;

	transition: var(--pk-transition);

}



.dc-prod-info__rev-link:hover {

	color: var(--pk-primary);

}



/* Price */



.dc-prod-info__price {

	font-size: 28px;

	font-weight: 800;

	color: var(--pk-primary);

	margin-bottom: 12px;

	display: flex;

	align-items: center;

	gap: 12px;

}



/* Stock Status Badge */



.dc-prod-info__stock {

	margin-bottom: 20px;

	display: flex;

	align-items: center;

}



.dc-stock-badge {

	display: inline-flex;

	align-items: center;

	font-size: 13px;

	font-weight: 600;

	padding: 5px 13px;

	border-radius: 20px;

	line-height: 1.4;

	letter-spacing: 0.2px;

}



.dc-stock-badge--instock {

	background-color: #e6f4ea;

	color: #137333;

	border: 1px solid #ceead6;

}



.dc-stock-badge--outofstock {

	background-color: #fce8e6;

	color: #c5221f;

	border: 1px solid #fad2cf;

}



.dc-stock-badge--onbackorder {

	background-color: #fef7e0;

	color: #b06000;

	border: 1px solid #feefc3;

}



.dc-prod-info__price ins {

	text-decoration: none;

}



.dc-prod-info__price del {

	font-size: 18px;

	color: var(--pk-text-muted);

	font-weight: 400;

	position: relative;

	text-decoration: none;

}



.dc-prod-info__price del::after {

	content: "";

	position: absolute;

	left: 0;

	right: 0;

	top: 50%;

	height: 1px;

	background: currentColor;

	transform: translateY(-50%);

}



.dc-prod-info__desc {

	font-size: 15px;

	color: var(--pk-text);

	line-height: 1.6;

	margin-top: 0;

	margin-bottom: 8px;

}



.dc-prod-info__desc p {

	margin-bottom: 6px;

}



.dc-prod-info__desc p:last-child {

	margin-bottom: 0;

}



/* Single Product Author Box */



.pk-single-author-box {

	display: flex;

	align-items: center;

	gap: 12px;

	padding: 8px 14px;

	background: #F8FAFC;

	border: 1px solid #E2E8F0;

	border-left: 4px solid #0084FF;

	border-radius: 10px;

	margin: 6px 0 14px;

	transition: all 0.25s ease;

}



.pk-single-author-box:hover {

	background: #F0F7FF;

	border-color: #BAE6FD;

	border-left-color: #0084FF;

	box-shadow: 0 4px 14px rgba(0, 132, 255, 0.08);

}



.pk-single-author-photo-wrap {

	position: relative;

	width: 52px;

	height: 52px;

	flex-shrink: 0;

}



.pk-single-author-photo {

	width: 52px;

	height: 52px;

	border-radius: 50%;

	object-fit: cover;

	border: 2px solid #FFFFFF;

	box-shadow: 0 2px 8px rgba(11, 37, 89, 0.12);

	background: #FFFFFF;

	display: block;

}



.pk-single-author-check {

	position: absolute;

	bottom: -2px;

	right: -2px;

	background: #0084FF;

	color: #FFFFFF;

	font-size: 9px;

	width: 17px;

	height: 17px;

	border: 2px solid #FFFFFF;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);

}



.pk-single-author-info {

	display: flex;

	flex-direction: column;

	min-width: 0;

	border-left: 1px solid #E2E8F0;

	padding-left: 14px;

}



.pk-single-author-eyebrow {

	font-size: 11px;

	font-weight: 700;

	color: #0084FF;

	text-transform: uppercase;

	letter-spacing: 0.5px;

	line-height: 1.2;

	margin-bottom: 2px;

	display: flex;

	align-items: center;

	gap: 4px;

}



.pk-single-author-name {

	font-size: 15.5px;

	font-weight: 700;

	color: #0B2559;

	margin: 0;

	line-height: 1.35;

	display: inline-block;

}



.pk-single-author-name a {

	color: inherit;

	text-decoration: none;

	transition: color 0.2s ease;

}



.pk-single-author-name a:hover {

	color: #0084FF;

}



.pk-single-author-desig {

	font-size: 13px;

	color: #64748B;

	margin-top: 2px;

	line-height: 1.35;

	font-weight: 500;

}



@media (max-width: 576px) {



  .pk-single-author-box {

	padding: 8px 12px;

	gap: 10px;

}



  .pk-single-author-photo-wrap,



  .pk-single-author-photo {

	width: 44px;

	height: 44px;

}



  .pk-single-author-info {

	padding-left: 10px;

}



  .pk-single-author-name {

	font-size: 14px;

}



  .pk-single-author-desig {

	font-size: 12px;

}



}



/* Variations */



.dc-variations {

	background: var(--pk-white);

	border: 1px solid var(--pk-border);

	border-radius: var(--pk-radius-lg);

	padding: 20px;

	margin-bottom: 20px;

}



.dc-variation-group {

	display: flex !important;

	flex-wrap: wrap !important;

	align-items: center !important;

	gap: 12px !important;

	margin-bottom: 14px !important;

}



.dc-variation-group:last-child {

	margin-bottom: 0 !important;

}



.dc-variation-group__label {

	font-size: 13px;

	font-weight: 700;

	color: var(--pk-secondary);

	text-transform: uppercase;

	margin-bottom: 0 !important;

	display: inline-block !important;

	white-space: nowrap !important;

	width: 60px !important;

	min-width: 60px !important;

	flex-shrink: 0 !important;

}



.dc-variation-group__selected {

	display: none !important;

}



.dc-variation-swatches {

	display: inline-flex !important;

	flex-wrap: wrap !important;

	align-items: center !important;

	gap: 10px !important;

}



.dc-swatch {

	border: 1.5px solid var(--pk-border);

	background: var(--pk-white);

	padding: 8px 18px;

	font-size: 14px;

	font-weight: 600;

	border-radius: 30px;

	cursor: pointer;

	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);

	color: var(--pk-text);

	display: inline-flex;

	align-items: center;

	justify-content: center;

	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);

}



.dc-swatch:hover {

	border-color: var(--pk-primary);

	color: var(--pk-primary);

	background: rgba(208, 143, 121, 0.05);

	transform: translateY(-1px);

	box-shadow: 0 4px 8px rgba(208, 143, 121, 0.1);

}



.dc-swatch:not(.dc-swatch--color).active {

	border-color: var(--pk-primary);

	color: var(--pk-white);

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) !important;

	font-weight: 700;

	box-shadow: 0 4px 12px rgba(11, 37, 89, 0.25);

	transform: translateY(-1px) scale(1.02);

}



/* Color Swatches (Circular) */



.dc-swatch--color {

	width: 32px;

	height: 32px;

	min-width: 32px;

	padding: 0;

	border-radius: 50% !important;

	border: 2px solid #ffffff !important;

	outline: 1.5px solid var(--pk-border);

	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.05);

	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

	position: relative;

	background-image: none !important;

}



.dc-swatch--color:hover {

	transform: scale(1.12);

	outline: 2px solid var(--pk-primary);

	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.12);

	background-image: none !important;

}



.dc-swatch--color.active {

	transform: scale(1.15) !important;

	outline: 2.5px solid var(--pk-primary) !important;

	box-shadow: 0 4px 12px rgba(11, 37, 89, 0.3) !important;

	background-image: none !important;

}



/* Out of Stock Swatches */



.dc-swatch--oos {

	position: relative;

	opacity: 0.45;

	cursor: not-allowed !important;

	pointer-events: none;

	color: #999 !important;

	border-color: #ddd !important;

	background: #f5f5f5 !important;

	overflow: hidden;

}



/* Diagonal X line through out-of-stock swatch */



.dc-swatch--oos::before,



.dc-swatch--oos::after {

	content: '';

	position: absolute;

	top: 50%;

	left: 0;

	width: 100%;

	height: 1.5px;

	background: #b0b0b0;

	transform-origin: center;

}



.dc-swatch--oos::before {

	transform: translateY(-50%) rotate(45deg);

}



.dc-swatch--oos::after {

	transform: translateY(-50%) rotate(-45deg);

}



/* Color swatch OOS — circular X */



.dc-swatch--color.dc-swatch--oos::before,



.dc-swatch--color.dc-swatch--oos::after {

	width: 140%;

	left: -20%;

	background: rgba(0, 0, 0, 0.55);

	height: 1.5px;

}



/* Size Guide Button & Modal Styling */



.dc-size-guide-btn {

	background: var(--pk-bg-soft, #FAF5FC);

	border: 1px solid var(--pk-border, #E5D9EB);

	color: var(--pk-text, #2C241B);

	font-size: 13px;

	font-weight: 600;

	padding: 6px 14px;

	border-radius: 6px;

	cursor: pointer;

	display: inline-flex;

	align-items: center;

	gap: 6px;

	transition: all 0.25s ease;

	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);

}



.dc-size-guide-btn:hover {

	background: var(--pk-white, #ffffff);

	border-color: var(--pk-primary, #0B2559);

	color: var(--pk-primary, #0B2559);

	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);

}



.dc-size-guide-modal-dialog {

	max-width: 480px;

	width: 92%;

	margin-left: auto;

	margin-right: auto;

}



.dc-size-guide-modal-content {

	border-radius: 16px;

	border: none;

	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.22);

	overflow: hidden;

	background: #ffffff;

}



.dc-size-guide-modal-content .modal-header {

	padding: 16px 20px 8px;

}



.dc-size-guide-modal-content .modal-header-title {

	font-size: 16px;

	font-weight: 700;

	color: var(--pk-secondary, #1A1A1A);

	margin: 0;

}



.dc-size-guide-modal-content .modal-body {

	padding: 10px 16px 16px;

}



.dc-size-guide-img {

	width: 100%;

	max-height: 80vh;

	object-fit: contain;

	border-radius: 8px;

	display: block;

	margin: 0 auto;

}



.dc-variation-error {

	font-size: 14px;

	margin: 0 0 10px !important;

}



/* Option group left unselected on submit */



.dc-variation-group--error .dc-variation-group__label {

	color: #dc2626;

}



.dc-variation-group--error .dc-swatch:not(.dc-swatch--color):not(:disabled) {

	border-color: #dc2626;

	animation: dcSwatchShake 0.35s ease;

}



@keyframes dcSwatchShake {



  0%, 100% {

	transform: translateX(0);

}



  25% {

	transform: translateX(-4px);

}



  75% {

	transform: translateX(4px);

}



}



/* Add to Cart Actions Row */



.dc-qty-row {

	display: flex;

	align-items: center;

	gap: 15px;

}



.dc-qty {

	display: inline-flex;

	align-items: center;

	background: var(--pk-white);

	border: 1.5px solid var(--pk-border);

	border-radius: 50px;

	padding: 6px 12px;

	height: 52px;

	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);

	transition: all 0.3s ease;

}



.dc-qty:hover {

	border-color: var(--pk-primary);

}



.dc-qty__btn {

	background: none;

	border: none;

	width: 36px;

	height: 36px;

	border-radius: 50%;

	font-size: 20px;

	font-weight: 700;

	color: var(--pk-secondary);

	cursor: pointer;

	display: flex;

	align-items: center;

	justify-content: center;

	transition: all 0.2s ease;

}



.dc-qty__btn:hover {

	background: #f0fff4;

	color: var(--pk-primary);

}



.dc-qty__input {

	width: 40px;

	border: none;

	background: none;

	text-align: center;

	font-size: 16px;

	font-weight: 700;

	color: var(--pk-secondary);

	outline: none;

	-moz-appearance: textfield;

}



.dc-qty__input::-webkit-outer-spin-button,



.dc-qty__input::-webkit-inner-spin-button {

	-webkit-appearance: none;

	margin: 0;

}



.dc-btn--addcart {

	flex: 1;

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%));

	color: var(--pk-white) !important;

	border: none;

	padding: 16px 32px;

	font-size: 16px;

	font-weight: 700;

	border-radius: 50px;

	cursor: pointer;

	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

	box-shadow: 0 6px 20px rgba(11, 37, 89, 0.25);

	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 8px;

}



.dc-btn--addcart:hover {

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, #0084FF 0%, #0B2559 100%));

	color: var(--pk-white) !important;

	box-shadow: 0 6px 20px rgba(0, 132, 255, 0.35);

}



.dc-wish-btn {

	border: 1px solid var(--pk-border);

	background: var(--pk-white);

	color: var(--pk-text-muted);

	width: 52px;

	height: 52px;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	cursor: pointer;

	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);

}



.dc-wish-btn:hover,



.dc-wish-btn.is-active {

	border-color: #ffb2b7;

	background: #ffeef0;

	color: #ff3366;

	transform: translateY(-2px) scale(1.05);

	box-shadow: 0 6px 15px rgba(255, 51, 102, 0.15);

}



/* Quick Contact Buttons on Single Product Page */



.pk-quick-contact-row {

	margin-top: 15px;

	margin-bottom: 25px;

}



.pk-quick-btn {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 8px;

	height: 52px;

	border-radius: 50px;

	font-size: 16px;

	font-weight: 700;

	text-decoration: none !important;

	transition: all 0.3s ease;

	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);

	border: none;

	cursor: pointer;

}



.pk-quick-btn--whatsapp {

	background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;

	color: var(--pk-white) !important;

	box-shadow: 0 4px 15px rgba(37, 211, 102, 0.25);

}



.pk-quick-btn--whatsapp:hover {

	background: linear-gradient(135deg, #128C7E 0%, #25D366 100%) !important;

	transform: translateY(-2px);

	box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);

}



.pk-quick-btn--call {

	background: #0B2559 !important;

	color: var(--pk-white) !important;

	box-shadow: 0 4px 15px rgba(11, 37, 89, 0.2) !important;

}



.pk-quick-btn--call:hover {

	background: #071C44 !important;

	transform: translateY(-2px);

	box-shadow: 0 6px 20px rgba(11, 37, 89, 0.35) !important;

}



/* Trust block */



.dc-prod-trust {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	gap: 15px;

	padding-top: 25px;

	border-top: 1px solid var(--pk-border);

}



.dc-prod-trust__item {

	display: flex;

	align-items: center;

	gap: 8px;

	font-size: 12px;

	color: var(--pk-text-muted);

	line-height: 1.3;

}



.dc-prod-trust__item svg {

	color: var(--pk-primary);

	flex-shrink: 0;

}



/* Product Tabs Section */



.dc-product-tabs {

	margin: 60px 0;

}



.dc-product-tabs__nav {

	display: flex;

	border-bottom: 2px solid var(--pk-border);

	margin-bottom: 30px;

	gap: 30px;

	overflow-x: auto;

	scrollbar-width: none;

}



.dc-product-tabs__tab {

	background: none;

	border: none;

	padding: 12px 0;

	font-size: 15px;

	font-weight: 700;

	color: var(--pk-text-muted);

	cursor: pointer;

	position: relative;

	transition: var(--pk-transition);

	white-space: nowrap;

}



.dc-product-tabs__tab::after {

	content: '';

	position: absolute;

	bottom: -2px;

	left: 0;

	width: 100%;

	height: 2px;

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) ;

	transform: scaleX(0);

	transition: var(--pk-transition);

}



.dc-product-tabs__tab:hover,



.dc-product-tabs__tab.active {

	color: var(--pk-primary);

}



.dc-product-tabs__tab.active::after {

	transform: scaleX(1);

}



.dc-product-tabs__panel {

	display: none;

	animation: tabFadeIn 0.4s ease;

}



.dc-product-tabs__panel.active {

	display: block;

}



@keyframes tabFadeIn {



  from {

	opacity: 0;

	transform: translateY(10px);

}



  to {

	opacity: 1;

	transform: translateY(0);

}



}



#tab-description h2 {

	font-size: 24px;

	font-weight: 700;

	color: var(--pk-primary);

	margin-bottom: 20px;

}



#tab-description h3,



#tab-description h4,



#tab-description h5 {

	font-size: 18px;

	font-weight: 700;

	color: var(--pk-primary) !important;

	margin-top: 25px;

	margin-bottom: 15px;

}



#tab-description span[style*="color"] {

	color: var(--pk-primary) !important;

}



#tab-description ul {

	list-style: none;

	padding-left: 0;

	margin-bottom: 25px;

	display: flex;

	flex-direction: column;

	gap: 10px;

}



#tab-description ul li {

	position: relative;

	padding-left: 20px;

	line-height: 1.6;

	color: var(--pk-text);

}



#tab-description ul li::before {

	content: "✦";

	position: absolute;

	left: 0;

	top: 0;

	color: var(--pk-accent);

	font-weight: 700;

}



#tab-description ul li strong {

	color: var(--pk-primary);

}



.dc-product-tabs__panel p {

	line-height: 1.7;

	color: var(--pk-text);

	margin-bottom: 15px;

}



/* ─── SINGLE PRODUCT TABS: AUTHOR & SPECIFICATION ─── */



.pk-author-tab-content {

	padding: 10px 0;

}



.pk-author-tab-header {

	display: flex;

	align-items: center;

	gap: 20px;

	background: #F8FAFC;

	border: 1px solid #E2E8F0;

	border-left: 5px solid #0084FF;

	border-radius: 16px;

	padding: 18px 24px;

	margin-bottom: 24px;

}



.pk-author-tab-avatar-wrap {

	position: relative;

	width: 76px;

	height: 76px;

	flex-shrink: 0;

}



.pk-author-tab-avatar {

	width: 76px;

	height: 76px;

	border-radius: 50%;

	object-fit: cover;

	border: 3px solid #FFFFFF;

	box-shadow: 0 4px 14px rgba(11, 37, 89, 0.15);

	background: #FFFFFF;

}



.pk-author-tab-check {

	position: absolute;

	bottom: 0;

	right: 0;

	background: #0084FF;

	color: #FFFFFF;

	font-size: 11px;

	width: 22px;

	height: 22px;

	border: 2px solid #FFFFFF;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);

}



.pk-author-tab-name-en {

	font-size: 13px;

	color: #0084FF;

	font-weight: 700;

	text-transform: uppercase;

	letter-spacing: 0.5px;

	margin-bottom: 2px;

}



.pk-author-tab-name {

	font-size: 20px;

	font-weight: 800;

	color: #0B2559;

	margin: 0 0 4px;

	line-height: 1.3;

}



.pk-author-tab-role {

	font-size: 14px;

	font-weight: 500;

	color: #475569;

}



.pk-author-tab-section-title {

	font-size: 16px;

	font-weight: 700;

	color: #0B2559;

	margin-bottom: 12px;

	display: flex;

	align-items: center;

	gap: 8px;

}



.pk-author-tab-section-title i {

	color: #0084FF;

}



.pk-author-tab-bio {

	background: #FFFFFF;

	border: 1px solid #E2E8F0;

	border-radius: 14px;

	padding: 20px 24px;

	margin-bottom: 24px;

}



.pk-author-tab-bio p {

	font-size: 15px;

	line-height: 1.8;

	color: #334155;

	margin: 0;

}



/* Empty Description Alert */



.pk-empty-desc-alert {

	display: flex;

	align-items: flex-start;

	gap: 16px;

	background: #F8FAFC;

	border: 1px solid #E2E8F0;

	border-left: 4px solid var(--pk-primary, #0B2559);

	border-radius: 12px;

	padding: 20px 24px;

	margin: 15px 0 25px 0;

}



.pk-empty-desc-icon {

	width: 42px;

	height: 42px;

	border-radius: 50%;

	background: rgba(11, 37, 89, 0.08);

	color: var(--pk-primary, #0B2559);

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 18px;

	flex-shrink: 0;

}



.pk-empty-desc-text h5 {

	font-size: 16px;

	font-weight: 700;

	color: #1E293B;

	margin: 0 0 6px 0;

}



.pk-empty-desc-text p {

	font-size: 14px;

	color: #64748B;

	margin: 0;

	line-height: 1.6;

}



/* Author's other books grid */



.pk-author-tab-books-grid {

	display: grid;

	grid-template-columns: repeat(4, 1fr);

	gap: 16px;

}



.pk-author-book-mini-card {

	background: #FFFFFF;

	border: 1px solid #E2E8F0;

	border-radius: 14px;

	padding: 12px;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

	text-align: center;

	transition: all 0.3s ease;

}



.pk-author-book-mini-card:hover {

	transform: translateY(-4px);

	border-color: #0084FF;

	box-shadow: 0 8px 20px rgba(0, 132, 255, 0.12);

}



.pk-author-book-thumb-link {

	display: block;

	border-radius: 8px;

	overflow: hidden;

	margin-bottom: 10px;

	aspect-ratio: 3/4;

	background: #F1F5F9;

}



.pk-author-book-thumb-link img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: transform 0.3s ease;

}



.pk-author-book-mini-card:hover .pk-author-book-thumb-link img {

	transform: scale(1.05);

}



.pk-author-book-title {

	font-size: 13.5px;

	font-weight: 700;

	color: #0B2559;

	margin-bottom: 6px;

	line-height: 1.35;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

	height: 36px;

}



.pk-author-book-title a {

	color: inherit;

	text-decoration: none;

}



.pk-author-book-title a:hover {

	color: #0084FF;

}



.pk-author-book-price {

	font-size: 14px;

	font-weight: 700;

	color: #0084FF;

	margin-bottom: 10px;

}



.pk-author-book-btn {

	display: block;

	background: #F0F7FF;

	color: #0084FF;

	border: 1px solid #BAE6FD;

	font-size: 12.5px;

	font-weight: 600;

	padding: 5px 10px;

	border-radius: 20px;

	text-decoration: none;

	transition: all 0.2s ease;

}



.pk-author-book-btn:hover {

	background: #0084FF;

	color: #FFFFFF;

}



/* Book Specification Table */



.pk-book-spec-table-wrap {

	background: #FFFFFF;

	border: 1px solid #E2E8F0;

	border-radius: 14px;

	overflow: hidden;

	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);

}



.pk-book-spec-table {

	margin: 0;

	width: 100%;

	border-collapse: collapse;

}



.pk-book-spec-table th {

	background: #F8FAFC;

	color: #0B2559;

	font-weight: 600;

	font-size: 14.5px;

	width: 32%;

	padding: 14px 20px;

	border-bottom: 1px solid #E2E8F0;

}



.pk-book-spec-table td {

	color: #334155;

	font-size: 14.5px;

	padding: 14px 20px;

	border-bottom: 1px solid #E2E8F0;

}



.pk-book-spec-table tr:last-child th,



.pk-book-spec-table tr:last-child td {

	border-bottom: none;

}



@media (max-width: 768px) {



  .pk-author-tab-header {

	flex-direction: column;

	text-align: center;

	gap: 12px;

}



  .pk-author-tab-books-grid {

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

	gap: 12px;

}



  .pk-book-spec-table th {

	width: 40%;

	padding: 10px 14px;

	font-size: 13.5px;

}



  .pk-book-spec-table td {

	padding: 10px 14px;

	font-size: 13.5px;

}



}



/* Custom Table Styles */



.dc-attr-table,



.dc-size-table {

	width: 100%;

	border-collapse: collapse;

	margin-top: 15px;

}



.dc-attr-table th,



.dc-attr-table td,



.dc-size-table th,



.dc-size-table td {

	padding: 12px 15px;

	text-align: left;

	border-bottom: 1px solid var(--pk-border);

}



.dc-attr-table th {

	width: 30%;

	font-weight: 700;

	color: var(--pk-secondary);

	background-color: var(--pk-bg-soft);

}



.dc-attr-table td {

	color: var(--pk-text);

}



.dc-size-table thead th {

	background-color: var(--pk-secondary);

	color: var(--pk-white);

	font-weight: 700;

}



.dc-size-table tbody tr:nth-child(even) {

	background-color: var(--pk-bg-soft);

}



.dc-shipping-info ul,



.dc-size-guide ul {

	padding-left: 20px;

	margin-bottom: 20px;

}



.dc-shipping-info li,



.dc-size-guide li {

	margin-bottom: 8px;

	color: var(--pk-text);

}



/* Related Products */



.dc-related-products {

	padding-top: 50px;

	border-top: 1px solid var(--pk-border);

}



.dc-section__title {

	font-size: 24px;

	font-weight: 800;

	color: var(--pk-primary);

}



.dc-product-grid {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	gap: 20px;

}



.dc-related-products .dc-product-grid {

	grid-template-columns: repeat(4, 1fr);

}



/* Lightbox Popup Overlay */



.dc-lightbox {

	position: fixed;

	top: 0;

	left: 0;

	width: 100vw;

	height: 100vh;

	background-color: rgba(5, 24, 32, 0.9);

	z-index: 2000;

	display: flex;

	align-items: center;

	justify-content: center;

	opacity: 0;

	visibility: hidden;

	transition: all 0.3s ease;

}



.dc-lightbox.is-active {

	opacity: 1;

	visibility: visible;

}



.dc-lightbox__content {

	max-width: 90%;

	max-height: 85%;

	border-radius: var(--pk-radius-lg);

	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);

	transform: scale(0.9);

	transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);

	object-fit: contain;

}



.dc-lightbox.is-active .dc-lightbox__content {

	transform: scale(1);

}



.dc-lightbox__close {

	position: absolute;

	top: 20px;

	right: 30px;

	background: none;

	border: none;

	color: var(--pk-white);

	font-size: 50px;

	font-weight: 300;

	cursor: pointer;

	line-height: 1;

	transition: var(--pk-transition);

}



.dc-lightbox__close:hover {

	color: var(--pk-primary);

	transform: scale(1.1);

}



/* ─────────────────────────────────────────────────────────────



   BLOG ARCHIVE & POSTS STYLING



   ───────────────────────────────────────────────────────────── */



/* Blog Hero */



.blog-hero {

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%);

	padding: 80px 0;

	text-align: center;

	color: var(--pk-white);

	position: relative;

	overflow: hidden;

}



.blog-hero__content {

	position: relative;

	z-index: 2;

	max-width: 600px;

	margin: 0 auto;

}



.blog-hero__title {

	font-size: 40px;

	font-weight: 800;

	margin-bottom: 15px;

	color: var(--pk-bg);

}



.blog-hero__sub {

	font-size: 16px;

	opacity: 0.9;

	font-weight: 500;

	color: var(--pk-white);

	margin: 0;

}



/* Post Grid & Cards */



.dc-blog-index-grid {

	margin-top: 20px;

}



.dc-post-card {

	background: var(--pk-white);

	border: 1px solid var(--pk-border);

	border-radius: var(--pk-radius-lg);

	overflow: hidden;

	height: 100%;

	display: flex;

	flex-direction: column;

	transition: var(--pk-transition);

}



.dc-post-card:hover {

	transform: translateY(-5px);

	box-shadow: var(--pk-shadow-lg);

	border-color: var(--pk-primary);

}



.dc-post-card__img {

	position: relative;

	display: block;

	aspect-ratio: 16/10;

	overflow: hidden;

	background: var(--pk-bg-soft);

}



.dc-post-card__img img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: transform 0.5s ease;

}



.dc-post-card:hover .dc-post-card__img img {

	transform: scale(1.05);

}



.dc-post-card__date {

	position: absolute;

	bottom: 15px;

	left: 15px;

	background: var(--pk-secondary);

	color: var(--pk-white);

	font-size: 11px;

	font-weight: 700;

	padding: 5px 12px;

	border-radius: 4px;

	text-transform: uppercase;

}



.dc-post-card__body {

	padding: 25px;

	display: flex;

	flex-direction: column;

	flex-grow: 1;

}



.dc-post-card__cat a {

	font-size: 11px;

	font-weight: 700;

	text-transform: uppercase;

	color: var(--pk-primary);

	text-decoration: none;

	letter-spacing: 0.5px;

}



.dc-post-card__cat a:hover {

	color: var(--pk-primary-dark);

}



.dc-post-card__title {

	font-size: 20px;

	font-weight: 800;

	margin: 12px 0;

	line-height: 1.35;

}



.dc-post-card__title a {

	color: var(--pk-secondary);

	text-decoration: none;

	transition: var(--pk-transition);

}



.dc-post-card__title a:hover {

	color: var(--pk-primary);

}



.dc-post-card__excerpt {

	font-size: 14px;

	color: var(--pk-text);

	line-height: 1.6;

	margin-bottom: 20px;

	flex-grow: 1;

}



.dc-link {

	font-size: 13px;

	font-weight: 700;

	color: var(--pk-primary);

	text-decoration: none;

	transition: var(--pk-transition);

	display: inline-flex;

	align-items: center;

}



.dc-link:hover {

	color: var(--pk-primary-dark);

	text-decoration: underline;

}



/* Pagination */



.dc-pagination-wrap .pagination {

	display: flex;

	justify-content: center;

	gap: 8px;

	list-style: none;

	padding: 0;

}



.dc-pagination-wrap .page-numbers {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	width: 40px;

	height: 40px;

	border-radius: 50%;

	border: 1px solid var(--pk-border);

	color: var(--pk-text, #0F172A);

	font-weight: 700;

	font-size: 14px;

	text-decoration: none;

	transition: var(--pk-transition);

}



.dc-pagination-wrap .page-numbers:hover,



.dc-pagination-wrap .page-numbers.current {

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%));

	color: var(--pk-white);

	border-color: transparent;

	box-shadow: 0 4px 12px rgba(11, 37, 89, 0.25);

}



/* ─────────────────────────────────────────────────────────────



   SINGLE BLOG POST STYLE



   ───────────────────────────────────────────────────────────── */



.dc-single-post {

	background: var(--pk-white);

	border: 1px solid var(--pk-border);

	border-radius: var(--pk-radius-lg);

	padding: 40px;

}



.dc-post-breadcrumbs {

	font-size: 13px;

	color: var(--pk-text-muted);

}



.dc-post-breadcrumbs a {

	color: var(--pk-text-muted);

	text-decoration: none;

	transition: var(--pk-transition);

}



.dc-post-breadcrumbs a:hover {

	color: var(--pk-primary);

}



.dc-post-breadcrumbs .sep {

	margin: 0 8px;

	color: var(--pk-border);

}



.dc-single-post__cat-list a {

	font-size: 11px;

	font-weight: 700;

	text-transform: uppercase;

	color: var(--pk-white);

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) ;

	padding: 4px 10px;

	border-radius: 4px;

	text-decoration: none;

}



.dc-single-post__cat-list a:hover {

	background: linear-gradient(135deg, var(--pk-primary-dark) 0%, var(--pk-primary) 100%) ;

}



.dc-single-post__title {

	color: var(--pk-secondary);

	line-height: 1.2;

}



.dc-single-post__author-bar {

	border-color: var(--pk-border) !important;

}



.dc-author-avatar img {

	border-radius: 50%;

	border: 2px solid var(--pk-border);

}



.dc-author-info span:first-child {

	color: var(--pk-secondary);

}



.dc-post-share a {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	width: 32px;

	height: 32px;

	border-radius: 50%;

	background: var(--pk-bg-soft);

	color: var(--pk-secondary);

	font-size: 12px;

	font-weight: 700;

	text-decoration: none;

	margin-left: 5px;

	transition: var(--pk-transition);

}



.dc-post-share a:hover {

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) ;

	color: var(--pk-white);

}



.dc-single-post__featured-img img {

	width: 100%;

	height: auto;

	object-fit: cover;

	max-height: 500px;

	border-radius: var(--pk-radius-lg);

}



.dc-single-post__content {

	font-size: 16px;

	line-height: 1.8;

	color: var(--pk-text);

}



.dc-single-post__content p {

	margin-bottom: 20px;

}



.dc-single-post__content h2,



.dc-single-post__content h3,



.dc-single-post__content h4 {

	color: var(--pk-secondary);

	font-weight: 800;

	margin-top: 35px;

	margin-bottom: 15px;

}



.dc-single-post__content h2 {

	font-size: 26px;

}



.dc-single-post__content h3 {

	font-size: 22px;

}



.dc-single-post__content blockquote {

	background: var(--pk-bg-soft);

	border-left: 4px solid var(--pk-primary);

	padding: 20px 30px;

	font-style: italic;

	font-size: 18px;

	color: var(--pk-secondary);

	margin: 30px 0;

	border-radius: 0 var(--pk-radius-lg) var(--pk-radius-lg) 0;

}



.dc-single-post__content blockquote p {

	margin-bottom: 0;

}



.dc-single-post__content img {

	border-radius: var(--pk-radius-lg);

	max-width: 100%;

	height: auto;

	margin: 20px 0;

}



/* ─────────────────────────────────────────────────────────────



   BLOG SIDEBAR WIDGETS



   ───────────────────────────────────────────────────────────── */



.dc-sidebar--blog {

	display: flex;

	flex-direction: column;

	gap: 30px;

}



.dc-sidebar--blog .dc-widget {

	background: var(--pk-white);

	border: 1px solid var(--pk-border);

	border-radius: var(--pk-radius-lg);

	padding: 25px;

}



.dc-sidebar--blog .dc-widget__title {

	font-size: 14px;

	font-weight: 800;

	color: var(--pk-secondary);

	text-transform: uppercase;

	letter-spacing: 0.5px;

	margin-bottom: 20px;

	padding-bottom: 10px;

	border-bottom: 2px solid var(--pk-primary);

	display: inline-block;

}



/* Search widget */



.dc-widget_search .search-form {

	display: flex;

	gap: 10px;

}



.dc-widget_search .search-field {

	flex: 1;

	padding: 8px 15px;

	border: 1px solid var(--pk-border);

	border-radius: 30px;

	font-size: 13px;

	outline: none;

	background: var(--pk-bg-soft);

	transition: var(--pk-transition);

	color: var(--pk-secondary);

}



.dc-widget_search .search-field:focus {

	border-color: var(--pk-primary);

	background: var(--pk-white);

}



.dc-widget_search .search-submit {

	background: var(--pk-secondary);

	color: var(--pk-white);

	border: none;

	padding: 8px 18px;

	font-size: 13px;

	font-weight: 700;

	border-radius: 30px;

	cursor: pointer;

	transition: var(--pk-transition);

}



.dc-widget_search .search-submit:hover {

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) ;

}



/* Recent posts list */



.dc-recent-posts-list {

	display: flex;

	flex-direction: column;

	gap: 15px;

}



.dc-recent-post-item {

	display: flex;

	gap: 12px;

	text-decoration: none;

	transition: var(--pk-transition);

}



.dc-recent-post-item:hover h6 {

	color: var(--pk-primary);

}



.dc-recent-post-item__thumb {

	width: 60px;

	height: 60px;

	border-radius: var(--pk-radius);

	overflow: hidden;

	flex-shrink: 0;

}



.dc-recent-post-item__thumb img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.dc-recent-post-item__content {

	display: flex;

	flex-direction: column;

	justify-content: center;

}



.dc-recent-post-item__content h6 {

	font-size: 13px;

	font-weight: 700;

	color: var(--pk-secondary);

	margin-bottom: 4px;

	line-height: 1.4;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

}



.dc-recent-post-item__date {

	font-size: 11px;

	color: var(--pk-text-muted);

}



/* Categories widget */



.dc-cat-list {

	list-style: none;

	padding: 0;

	margin: 0;

	display: flex;

	flex-direction: column;

	gap: 12px;

}



.dc-cat-list li a {

	display: flex;

	justify-content: space-between;

	align-items: center;

	text-decoration: none;

	font-size: 14px;

	font-weight: 600;

	color: var(--pk-text);

	transition: var(--pk-transition);

}



.dc-cat-list li a:hover {

	color: var(--pk-primary);

}



.dc-cat-list .dc-cat-count {

	font-size: 11px;

	background: var(--pk-bg-soft);

	color: var(--pk-text-muted);

	padding: 2px 8px;

	border-radius: 20px;

	font-weight: 700;

}



/* Promo widget */



.dc-sidebar-promo {

	position: relative;

	border-radius: var(--pk-radius-lg);

	overflow: hidden;

	background: linear-gradient(135deg, var(--pk-secondary) 0%, var(--pk-primary-dark) 100%);

	color: var(--pk-white);

	padding: 30px 20px;

	text-align: center;

}



.dc-sidebar-promo::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-image: var(--dc-promo-bg, url('https://images.unsplash.com/photo-1483985988355-763728e1935b?auto=compress&cs=tinysrgb&w=600&h=400&fit=crop'));

	background-size: cover;

	background-position: center;

	opacity: 0.15;

}



.dc-sidebar-promo__inner {

	position: relative;

	z-index: 1;

}



.dc-sidebar-promo__inner h5 {

	font-weight: 800;

	font-size: 19px;

	color: var(--pk-white);

	margin-bottom: 12px;

}



.dc-sidebar-promo__inner p {

	font-size: 13px;

	opacity: 0.9;

	margin-bottom: 20px;

}



/* ─────────────────────────────────────────────────────────────



   COMMENTS SECTION STYLING



   ───────────────────────────────────────────────────────────── */



.dc-comments-section {

	margin-top: 50px;

	padding-top: 50px;

	border-top: 1px solid var(--pk-border);

}



.comments-title,



#reply-title {

	font-size: 22px;

	font-weight: 800;

	color: var(--pk-secondary);

	margin-bottom: 30px;

}



/* Comment List */



.comment-list {

	list-style: none;

	padding: 0;

	margin: 0 0 50px 0;

	display: flex;

	flex-direction: column;

	gap: 25px;

}



.comment-list .comment {

	list-style: none;

}



.comment-body {

	position: relative;

	background: var(--pk-bg-soft);

	border: 1px solid var(--pk-border);

	padding: 25px;

	border-radius: var(--pk-radius-lg);

	display: flex;

	gap: 20px;

}



.comment-meta {

	display: flex;

	gap: 15px;

	align-items: center;

	flex-shrink: 0;

}



.comment-meta img.avatar {

	width: 50px;

	height: 50px;

	border-radius: 50%;

	border: 2px solid var(--pk-border);

}



.comment-author {

	font-weight: 700;

	color: var(--pk-secondary);

	font-size: 15px;

}



.comment-author .fn {

	font-style: normal;

}



.comment-metadata {

	font-size: 12px;

	color: var(--pk-text-muted);

	margin-top: 2px;

}



.comment-metadata a {

	color: var(--pk-text-muted);

	text-decoration: none;

}



.comment-metadata a:hover {

	color: var(--pk-primary);

}



.comment-content {

	flex-grow: 1;

	font-size: 14px;

	line-height: 1.6;

	color: var(--pk-text);

	margin-top: 5px;

}



.comment-content p:last-child {

	margin-bottom: 0;

}



.reply {

	margin-top: 10px;

}



.comment-reply-link {

	font-size: 11px;

	font-weight: 700;

	color: var(--pk-primary);

	text-decoration: none;

	text-transform: uppercase;

	border: 1px solid var(--pk-primary);

	padding: 4px 12px;

	border-radius: 20px;

	transition: var(--pk-transition);

	display: inline-block;

}



.comment-reply-link:hover {

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) ;

	color: var(--pk-white);

}



/* Comment Form (Leave a Reply) */



#respond {

	background: var(--pk-white);

	border: 1px solid var(--pk-border);

	border-radius: var(--pk-radius-lg);

	padding: 35px;

}



.comment-form {

	display: flex;

	flex-direction: column;

	gap: 20px;

}



.logged-in-as {

	font-size: 13px;

	color: var(--pk-text-muted);

	margin-bottom: 15px;

}



.logged-in-as a {

	color: var(--pk-primary);

	text-decoration: none;

	font-weight: 600;

}



.comment-form-comment {

	display: flex;

	flex-direction: column;

	gap: 8px;

}



.comment-form-comment label,



.comment-form-author label,



.comment-form-email label,



.comment-form-url label {

	font-size: 13px;

	font-weight: 700;

	color: var(--pk-secondary);

	text-transform: uppercase;

}



#comment {

	width: 100%;

	min-height: 150px;

	padding: 15px;

	border: 1px solid var(--pk-border);

	border-radius: var(--pk-radius);

	font-size: 14px;

	line-height: 1.6;

	outline: none;

	background: var(--pk-bg-soft);

	transition: var(--pk-transition);

	resize: vertical;

	color: var(--pk-secondary);

}



#comment:focus {

	border-color: var(--pk-primary);

	background: var(--pk-white);

}



/* Author, Email, URL inputs row */



.comment-form-author,



.comment-form-email,



.comment-form-url {

	display: flex;

	flex-direction: column;

	gap: 8px;

	margin-bottom: 20px;

}



.comment-form-author input,



.comment-form-email input,



.comment-form-url input {

	width: 100%;

	padding: 10px 15px;

	border: 1px solid var(--pk-border);

	border-radius: var(--pk-radius);

	font-size: 13px;

	outline: none;

	background: var(--pk-bg-soft);

	transition: var(--pk-transition);

	color: var(--pk-secondary);

}



.comment-form-author input:focus,



.comment-form-email input:focus,



.comment-form-url input:focus {

	border-color: var(--pk-primary);

	background: var(--pk-white);

}



/* Submit Button */



.form-submit {

	margin-top: 10px;

	margin-bottom: 0;

}



.comment-form input[type="submit"],



#submit {

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%));

	color: var(--pk-white);

	border: none;

	padding: 12px 30px;

	font-size: 14px;

	font-weight: 700;

	border-radius: 50px;

	cursor: pointer;

	transition: var(--pk-transition);

	box-shadow: 0 4px 12px rgba(11, 37, 89, 0.2);

}



.comment-form input[type="submit"]:hover,



#submit:hover {

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, #0084FF 0%, #0B2559 100%));

	box-shadow: 0 6px 16px rgba(0, 132, 255, 0.35);

	transform: translateY(-2px);

}



/* Footer Social Icons */



.pk-social-row {

	display: flex;

	gap: 12px;

	margin-top: 15px;

}



.pk-social-icon {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	width: 38px;

	height: 38px;

	border-radius: 50%;

	background: rgba(255, 255, 255, 0.08);

	border: 1px solid rgba(255, 255, 255, 0.15);

	color: #ffffff;

	font-size: 14px;

	transition: var(--pk-transition);

}



.pk-social-icon:hover {

	background: var(--pk-primary-dark, #071C44);

	border-color: var(--pk-primary-dark, #071C44);

	transform: translateY(-3px);

}



.pk-social-icon:hover i {

	color: #FFF;

}



/* ─── 21. ABOUT US TEMPLATE PAGE ────────────────────────── */



/* Section Spacing */



.dc-section {

	padding: 80px 0;

}



.about-intro {

	background: var(--pk-white);

}



.about-img-main {

	border-radius: var(--pk-radius-lg);

	overflow: hidden;

	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);

}



.about-img-main img {

	width: 100%;

	height: auto;

	aspect-ratio: 1 / 1;

	object-fit: cover;

	transition: var(--pk-transition);

}



.about-img-sub {

	position: absolute;

	bottom: 0;

	right: 0;

	width: 50%;

	border-radius: var(--pk-radius-lg);

	overflow: hidden;

	border: 8px solid var(--pk-white);

	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);

	z-index: 2;

}



.about-img-sub img {

	width: 100%;

	height: auto;

	aspect-ratio: 4 / 5;

	object-fit: cover;

	transition: var(--pk-transition);

}



.about-intro__collage:hover .about-img-main img {

	transform: scale(1.03);

}



.about-intro__collage:hover .about-img-sub img {

	transform: scale(1.05);

}



/* About Intro Text */



.about-intro__text .eyebrow {

	display: inline-block;

	font-size: 13px;

	font-weight: 700;

	text-transform: uppercase;

	color: var(--pk-primary);

	letter-spacing: 2px;

	margin-bottom: 12px;

}



.about-intro__text .section-title {

	font-size: 38px;

	font-weight: 800;

	color: var(--pk-secondary);

	line-height: 1.25;

	margin-bottom: 24px;

}



.about-intro__text .description {

	font-size: 16px;

	color: var(--pk-text);

	line-height: 1.8;

	margin-bottom: 20px;

}



.about-intro__text .sub-description {

	font-size: 15px;

	color: var(--pk-text-muted);

	line-height: 1.8;

	margin-bottom: 30px;

}



/* Signature block */



.manager-signature {

	display: flex;

	align-items: center;

	gap: 20px;

	margin-top: 35px;

	border-top: 1px solid var(--pk-border);

	padding-top: 25px;

}



.signature-info strong {

	display: block;

	font-size: 16px;

	font-weight: 700;

	color: var(--pk-secondary);

	margin-bottom: 2px;

}



.signature-info span {

	font-size: 13px;

	color: var(--pk-text-muted);

}



.about-stats {

	padding: 70px 0;

	background: linear-gradient(135deg, #1A1A1A 0%, #2d2016 100%);

	position: relative;

}



.about-stats__grid {

	display: grid;

	grid-template-columns: repeat(4, 1fr);

	gap: 30px;

	text-align: center;

}



.about-stat {

	display: flex;

	flex-direction: column;

	align-items: center;

	gap: 8px;

}



.about-stat .num {

	font-size: 48px;

	font-weight: 800;

	color: var(--pk-primary);

	line-height: 1;

	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);

}



.about-stat .label {

	font-size: 13px;

	font-weight: 700;

	color: var(--pk-white);

	opacity: 0.85;

	text-transform: uppercase;

	letter-spacing: 1px;

}



/* Responsive Additions for About page */



/* ── About Hero Section ── */



.about-hero-section {

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%);

	padding: 90px 0 80px;

	text-align: center;

	color: var(--pk-white);

	position: relative;

	overflow: hidden;

}



.about-hero__content {

	position: relative;

	z-index: 2;

	max-width: 680px;

	margin: 0 auto;

}



.about-hero__eyebrow {

	display: inline-block;

	font-size: 12.5px;

	font-weight: 700;

	text-transform: uppercase;

	letter-spacing: 2px;

	color: #ffffff !important;

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) !important;

	border: none;

	padding: 6px 20px;

	border-radius: 50px;

	margin-bottom: 20px;

	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);

}



.about-hero__title {

	font-size: 46px;

	font-weight: 800;

	margin-bottom: 16px;

	color: #fff;

	line-height: 1.15;

}



.about-hero__sub {

	font-size: 17px;

	opacity: 0.88;

	font-weight: 400;

	color: rgba(255, 255, 255, 0.9);

	margin: 0;

	line-height: 1.7;

}



/* ── Floating Badge on intro image ── */



.about-intro__collage {

	position: relative;

	display: inline-block;

	width: 100%;

}



.about-float-badge {

	position: absolute;

	bottom: 28px;

	left: -16px;

	background: var(--pk-white);

	border-radius: 14px;

	padding: 18px 24px;

	box-shadow: 0 12px 40px rgba(0,0,0,0.12);

	display: flex;

	flex-direction: column;

	align-items: center;

	gap: 4px;

	border-left: 4px solid var(--pk-primary);

	z-index: 3;

}



.about-float-badge__num {

	font-size: 26px;

	font-weight: 800;

	color: var(--pk-primary);

	line-height: 1;

}



.about-float-badge__txt {

	font-size: 12px;

	font-weight: 600;

	color: var(--pk-secondary);

	text-align: center;

	line-height: 1.3;

}



/* ── Feature list ── */



.about-feature-list {

	list-style: none;

	padding: 0;

	margin: 0 0 28px 0;

	display: flex;

	flex-direction: column;

	gap: 12px;

}



.about-feature-list li {

	display: flex;

	align-items: center;

	gap: 12px;

	font-size: 15px;

	color: var(--pk-text);

	font-weight: 500;

}



.about-feature-check {

	width: 24px;

	height: 24px;

	border-radius: 50%;

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) ;

	color: #fff;

	font-size: 13px;

	font-weight: 700;

	display: flex;

	align-items: center;

	justify-content: center;

	flex-shrink: 0;

}



/* ── Our Story Section ── */



.about-story-section {

	background: var(--pk-bg-soft);

}



.about-story-img {

	border-radius: var(--pk-radius-lg);

	overflow: hidden;

	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);

	position: relative;

}



.about-story-img img {

	width: 100%;

	height: auto;

	aspect-ratio: 4 / 3;

	object-fit: cover;

	display: block;

	transition: transform 0.5s ease;

}



.about-story-img:hover img {

	transform: scale(1.03);

}



/* ── Responsive ── */



@media (max-width: 991px) {



  .about-hero__title {

	font-size: 34px;

}



  .about-float-badge {

	left: 10px; bottom: 20px;

}



}



@media (max-width: 575px) {



  .about-hero-section {

	padding: 65px 0 55px;

}



  .about-hero__title {

	font-size: 28px;

}



  .about-hero__sub {

	font-size: 15px;

}



  .about-float-badge {

	left: 5px; bottom: 15px; padding: 12px 16px;

}



}



/* ── Legal Page Styles ── */



.legal-body {

	font-size: 16px;

	line-height: 1.8;

	color: var(--pk-text);

}



.legal-section h3 {

	color: var(--pk-secondary);

	position: relative;

	padding-bottom: 8px;

	font-weight: 700;

}

.legal-section h3 strong {

	font-weight: 700;

}



.legal-section h3::after {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	width: 40px;

	height: 2px;

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) ;

}



.legal-section ul {

	padding-left: 20px;

	margin-top: 10px;

}



.legal-section ul li {

	margin-bottom: 8px;

}



/* ─── 22. CONTACT US TEMPLATE PAGE ──────────────────────── */



.contact-area {

	padding: 60px 0 80px;

	background: var(--pk-bg);

}



.dc-contact-info-grid {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	gap: 24px;

	margin-bottom: 40px;

}



.dc-contact-card {

	background: var(--pk-white);

	border: 1px solid var(--pk-border);

	border-radius: var(--pk-radius-lg);

	padding: 45px;

	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);

}



.dc-contact-card__title {

	font-size: 26px;

	font-weight: 800;

	color: var(--pk-primary);

	margin-bottom: 8px;

}



.dc-contact-card__desc {

	font-size: 15px;

	color: var(--pk-text-muted);

	margin-bottom: 30px;

}



.dc-form-row {

	display: grid;

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

	gap: 20px;

	margin-bottom: 20px;

}



.dc-form-group {

	margin-bottom: 20px;

	display: flex;

	flex-direction: column;

	gap: 8px;

}



.dc-form-group label {

	font-size: 13px;

	font-weight: 700;

	color: var(--pk-secondary);

	text-transform: uppercase;

	letter-spacing: 0.5px;

}



.dc-form-group input,



.dc-form-group select,



.dc-form-group textarea {

	width: 100%;

	padding: 12px 18px;

	border: 1px solid var(--pk-border);

	border-radius: var(--pk-radius);

	background: var(--pk-bg-soft);

	color: var(--pk-text);

	font-size: 14.5px;

	transition: var(--pk-transition);

	outline: none;

}



.dc-form-group input:focus,



.dc-form-group select:focus,



.dc-form-group textarea:focus {

	border-color: var(--pk-primary);

	background: var(--pk-white);

	box-shadow: 0 4px 12px rgba(11, 37, 89, 0.08);

}



.dc-form-group textarea {

	min-height: 150px;

	resize: vertical;

}



/* ─── FORMINATOR FORM MODERN THEME OVERRIDES ────────────────────────── */



.dc-contact-card .forminator-ui.forminator-custom-form,



.forminator-ui.forminator-custom-form,



.forminator-ui {

	font-family: inherit !important;

	color: var(--pk-text, #2d3748);

	margin-left: 0 !important;

	margin-right: 0 !important;

	padding-left: 0 !important;

	padding-right: 0 !important;

	box-sizing: border-box !important;

}



.forminator-ui .forminator-row {

	display: flex !important;

	flex-wrap: wrap !important;

	gap: 20px !important;

	margin-left: 0 !important;

	margin-right: 0 !important;

	margin-bottom: 20px !important;

	padding-left: 0 !important;

	padding-right: 0 !important;

}



.forminator-ui .forminator-col {

	padding-left: 0 !important;

	padding-right: 0 !important;

	margin-left: 0 !important;

	margin-right: 0 !important;

	margin-bottom: 0 !important;

	flex: 1 1 100% !important;

	max-width: 100% !important;

}



.forminator-ui .forminator-col-12 {

	flex: 0 0 100% !important;

	max-width: 100% !important;

	padding: 0 !important;

	margin: 0 !important;

}



.forminator-ui .forminator-col-6 {

	flex: 1 1 calc(50% - 10px) !important;

	max-width: calc(50% - 10px) !important;

	padding: 0 !important;

	margin: 0 !important;

}



@media (max-width: 768px) {



  .forminator-ui .forminator-col-6 {

	flex: 0 0 100% !important;

	max-width: 100% !important;

}



}



.forminator-ui .forminator-field {

	margin-left: 0 !important;

	margin-right: 0 !important;

	padding-left: 0 !important;

	padding-right: 0 !important;

	margin-bottom: 0 !important;

	width: 100% !important;

}



.forminator-ui .forminator-label {

	font-size: 13.5px !important;

	font-weight: 700 !important;

	color: var(--pk-primary, #1a202c) !important;

	margin-left: 0 !important;

	margin-right: 0 !important;

	padding-left: 0 !important;

	padding-right: 0 !important;

	margin-bottom: 8px !important;

	display: block !important;

	text-transform: capitalize !important;

	letter-spacing: 0.3px !important;

	text-align: left !important;

}



.forminator-ui .forminator-label .forminator-required,



.forminator-ui .forminator-required {

	color: #dc2626 !important;

	font-weight: 800 !important;

	margin-left: 4px !important;

}



.forminator-ui input.forminator-input,



.forminator-ui textarea.forminator-textarea {

	width: 100% !important;

	padding: 13px 18px !important;

	border: 1.5px solid #e2e8f0 !important;

	border-radius: 10px !important;

	background-color: #f8fafc !important;

	color: #1e293b !important;

	font-size: 14.5px !important;

	font-weight: 500 !important;

	line-height: 1.5 !important;

	transition: all 0.25s ease-in-out !important;

	outline: none !important;

	box-shadow: none !important;

}



/* ─── SELECT FIELDS (NATIVE & SELECT2) ───────────────────────────── */



.forminator-ui .forminator-select,



.forminator-ui .forminator-field-select,



.forminator-ui .forminator-select2,



.forminator-ui .select2-container,



.forminator-ui .forminator-field {

	position: relative !important;

	width: 100% !important;

	box-sizing: border-box !important;

	border: none !important;

	background: transparent !important;

	padding: 0 !important;

	margin-bottom: 0 !important;

	box-shadow: none !important;

	outline: none !important;

}



.forminator-ui select,



.forminator-ui select.forminator-select,



.forminator-ui .forminator-field-select select,



.forminator-ui .forminator-custom-form select,



.forminator-ui .select2-container--default .select2-selection--single,



.forminator-ui .select2-container .select2-selection--single {

	width: 100% !important;

	height: 48px !important;

	padding: 0 45px 0 18px !important;

	border: 1.5px solid #e2e8f0 !important;

	border-radius: 10px !important;

	background-color: #f8fafc !important;

	color: #1e293b !important;

	font-size: 14.5px !important;

	font-weight: 500 !important;

	line-height: 44px !important;

	transition: all 0.25s ease-in-out !important;

	outline: none !important;

	box-shadow: none !important;

	appearance: none !important;

	-webkit-appearance: none !important;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;

	background-repeat: no-repeat !important;

	background-position: calc(100% - 18px) center !important;

}



/* Force Forminator HTML custom arrow icons / SVG to far right corner */



.forminator-ui .forminator-select .forminator-icon,



.forminator-ui .forminator-field-select .forminator-icon,



.forminator-ui .forminator-icon-angle-down,



.forminator-ui .forminator-icon-chevron-down,



.forminator-ui .forminator-select-arrow,



.forminator-ui .forminator-select i[class*="forminator-icon"],



.forminator-ui .forminator-select span[class*="forminator-icon"],



.forminator-ui .forminator-field-select i,



.forminator-ui .forminator-field-select span.forminator-icon {

	position: absolute !important;

	right: 18px !important;

	left: auto !important;

	top: 50% !important;

	transform: translateY(-50%) !important;

	pointer-events: none !important;

	margin: 0 !important;

	z-index: 5 !important;

}



.forminator-ui input.forminator-input:focus,



.forminator-ui textarea.forminator-textarea:focus,



.forminator-ui select:focus,



.forminator-ui select.forminator-select:focus,



.forminator-ui .select2-container--open .select2-selection--single,



.forminator-ui .select2-container--focus .select2-selection--single {

	border-color: var(--pk-primary, #0B2559) !important;

	background-color: #ffffff !important;

	box-shadow: 0 0 0 4px rgba(11, 37, 89, 0.12) !important;

}



.forminator-ui textarea.forminator-textarea {

	min-height: 140px !important;

	resize: vertical !important;

}



/* Select2 Text & Arrow */



.forminator-ui .select2-container .select2-selection--single .select2-selection__rendered {

	padding-left: 0 !important;

	padding-right: 35px !important;

	color: #1e293b !important;

	line-height: 44px !important;

	font-size: 14.5px !important;

	font-weight: 500 !important;

}



.forminator-ui .select2-container .select2-selection--single .select2-selection__arrow {

	height: 44px !important;

	right: 18px !important;

	left: auto !important;

	top: 2px !important;

}



.forminator-ui .select2-container .select2-selection--single .select2-selection__arrow b {

	border-color: #475569 transparent transparent transparent !important;

}



.forminator-ui .select2-dropdown {

	border: 1.5px solid var(--pk-primary, #0B2559) !important;

	border-radius: 10px !important;

	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;

	overflow: hidden !important;

	background: #ffffff !important;

}



.forminator-ui .select2-results__option {

	padding: 10px 16px !important;

	font-size: 14px !important;

}



.forminator-ui .select2-results__option--highlighted[aria-selected] {

	background-color: var(--pk-primary, #0B2559) !important;

	color: #ffffff !important;

}



.forminator-ui .forminator-description,



.forminator-ui .forminator-character-limit {

	font-size: 12px !important;

	color: #64748b !important;

	margin-top: 6px !important;

}



.forminator-ui button.forminator-button-submit,



.forminator-ui .forminator-button {

	background: var(--pk-btn-bg, linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%)) !important;

	color: #ffffff !important;

	font-size: 14px !important;

	font-weight: 700 !important;

	text-transform: uppercase !important;

	letter-spacing: 1.2px !important;

	padding: 14px 38px !important;

	border: none !important;

	border-radius: 50px !important;

	cursor: pointer !important;

	transition: all 0.3s ease !important;

	box-shadow: 0 6px 18px rgba(11, 37, 89, 0.25) !important;

	display: inline-flex !important;

	align-items: center !important;

	justify-content: center !important;

	margin-top: 10px !important;

}



.forminator-ui button.forminator-button-submit:hover,



.forminator-ui .forminator-button:hover {

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, var(--pk-primary-dark) 0%, var(--pk-primary) 100%)) !important;

	transform: translateY(-2px) !important;

	box-shadow: 0 10px 24px rgba(11, 37, 89, 0.35) !important;

	color: #ffffff !important;

}



.forminator-ui button.forminator-button-submit:active {

	transform: translateY(0) !important;

	box-shadow: 0 4px 12px rgba(11, 37, 89, 0.2) !important;

}



.forminator-ui .forminator-edit-module {

	margin-top: 15px !important;

	font-size: 12px !important;

	opacity: 0.6 !important;

}



.forminator-ui .forminator-edit-module a {

	color: #64748b !important;

	text-decoration: underline !important;

}



.forminator-ui .forminator-response-message.forminator-show.forminator-success {

	background: #f0fdf4 !important;

	border: 1px solid #bbf7d0 !important;

	color: #166534 !important;

	padding: 14px 18px !important;

	border-radius: 10px !important;

	font-weight: 600 !important;

	font-size: 14px !important;

	margin-bottom: 20px !important;

}



.forminator-ui .forminator-response-message.forminator-show.forminator-error {

	background: #fef2f2 !important;

	border: 1px solid #fecaca !important;

	color: #991b1b !important;

	padding: 14px 18px !important;

	border-radius: 10px !important;

	font-weight: 600 !important;

	font-size: 14px !important;

	margin-bottom: 20px !important;

}



.forminator-ui .forminator-error-message {

	color: #dc2626 !important;

	font-size: 12.5px !important;

	margin-top: 4px !important;

	font-weight: 500 !important;

}



.dc-info-card {

	background: var(--pk-white);

	border: 1px solid var(--pk-border);

	border-radius: var(--pk-radius-lg);

	padding: 32px 24px;

	display: flex;

	flex-direction: column;

	gap: 16px;

	align-items: center;

	text-align: center;

	transition: var(--pk-transition);

}



.dc-info-card:hover {

	border-color: var(--pk-primary);

	box-shadow: 0 10px 25px rgba(11, 37, 89, 0.08);

	transform: translateY(-3px);

}



.dc-info-card__icon {

	width: 60px;

	height: 60px;

	border-radius: 50%;

	background: var(--pk-bg-soft);

	color: var(--pk-primary);

	display: flex;

	align-items: center;

	justify-content: center;

	flex-shrink: 0;

	transition: var(--pk-transition);

}



.dc-info-card__icon svg {

	width: 28px;

	height: 28px;

}



.dc-info-card:hover .dc-info-card__icon {

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) ;

	color: var(--pk-white);

}



.dc-info-card__content {

	text-align: center;

}



.dc-info-card__content h4 {

	font-size: 17px;

	font-weight: 700;

	color: var(--pk-primary);

	margin: 0 0 6px 0;

}



.dc-info-card__content p {

	color: var(--pk-text-muted);

	margin: 0;

	line-height: 1.5;

}



.dc-info-card__content .dc-link {

	font-size: 13px;

	font-weight: 700;

	color: var(--pk-primary);

	text-decoration: none;

	transition: var(--pk-transition);

	display: inline-block;

}



.dc-info-card__content .dc-link:hover {

	color: var(--pk-secondary);

	transform: translateX(4px);

}



/* ─── 12. GENERAL BUTTONS STYLING ──────────────────────────── */



.dc-btn {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 8px;

	padding: 10px 24px;

	font-family: var(--pk-font-main);

	font-size: 14px;

	font-weight: 700;

	border-radius: 30px;

	border: 2px solid transparent;

	cursor: pointer;

	transition: var(--pk-transition);

	text-transform: uppercase;

	letter-spacing: 0.5px;

	outline: none;

	text-decoration: none;

}



/* Primary Button (Emerald Green) */



.dc-btn:not(.dc-btn--outline):not(.dc-btn--accent) {

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%));

	color: var(--pk-white) !important;

	border: none;

}



.dc-btn:not(.dc-btn--outline):not(.dc-btn--accent):hover {

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, #0084FF 0%, #0B2559 100%));

	box-shadow: 0 4px 15px rgba(0, 132, 255, 0.35);

	transform: translateY(-1px);

}



/* Outline Button */



.dc-btn--outline {

	background: transparent;

	border: 1.5px solid var(--pk-primary);

	color: var(--pk-primary) !important;

}



.dc-btn--outline:hover {

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%));

	color: var(--pk-white) !important;

	border-color: transparent;

	box-shadow: 0 4px 12px rgba(11, 37, 89, 0.25);

	transform: translateY(-1px);

}



/* Accent Button (Amber / Red) */



.dc-btn--accent {

	background: var(--pk-accent, #E5252A);

	color: var(--pk-white) !important;

	border: none;

}



.dc-btn--accent:hover {

	background: #C81E23;

	color: var(--pk-white) !important;

	box-shadow: 0 4px 12px rgba(229, 37, 42, 0.35);

	transform: translateY(-1px);

}



/* Disabled state */



.dc-btn:disabled,



.dc-btn[disabled] {

	background: #cbd5e1 !important;

	border-color: #cbd5e1 !important;

	color: #64748b !important;

	cursor: not-allowed;

	box-shadow: none !important;

	transform: none !important;

	opacity: 0.7;

}



/* ============================================================



   NEW PAGES REDESIGNS (404, CART, CHECKOUT, THANKYOU)



   ============================================================ */



/* ─── 404 PAGE STYLE ────────────────────────────────────────── */



.dc-404 {

	padding: 100px 0;

	background: transparent;

	min-height: 70vh;

	display: flex;

	align-items: center;

	justify-content: center;

}



.dc-404__inner {

	max-width: 550px;

	margin: 0 auto;

}



.dc-404__number {

	font-size: 120px;

	font-weight: 800;

	line-height: 1;

	color: var(--pk-primary);

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%));

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

	margin-bottom: 20px;

	filter: drop-shadow(0 4px 10px rgba(0, 132, 255, 0.25));

}



.dc-404__title {

	font-size: 32px;

	font-weight: 800;

	color: var(--pk-primary, #0B2559);

	margin-bottom: 15px;

}



.dc-404__text {

	font-size: 16px;

	color: var(--pk-text-muted);

	line-height: 1.6;

	margin-bottom: 30px;

}



.dc-404__actions .dc-btn {

	padding: 12px 30px;

	font-weight: 700;

	font-size: 14px;

	text-transform: uppercase;

	letter-spacing: 1px;

}



/* ─── CART PAGE STYLE ───────────────────────────────────────── */



.dc-cart-page {

	background: transparent;

	min-height: 80vh;

}



.dc-cart-page__header {

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-bottom: 40px;

	border-bottom: 1px solid var(--pk-border);

	padding-bottom: 20px;

}



.dc-cart-page__header h1 {

	font-size: 28px;

	font-weight: 800;

	color: var(--pk-primary);

	margin: 0;

}



.dc-cart-page__header .dc-link {

	font-weight: 600;

	color: var(--pk-primary);

	font-size: 14px;

}



/* Empty State */



.dc-cart-empty {

	text-align: center;

	padding: 80px 40px;

	background: var(--pk-white);

	border-radius: var(--pk-radius-lg);

	box-shadow: var(--pk-shadow);

}



.dc-cart-empty__icon {

	color: var(--pk-text-muted);

	margin-bottom: 24px;

	opacity: 0.7;

}



.dc-cart-empty h3 {

	font-size: 22px;

	font-weight: 700;

	color: var(--pk-secondary);

	margin-bottom: 10px;

}



.dc-cart-empty p {

	color: var(--pk-text-muted);

	font-size: 15px;

	margin-bottom: 20px;

}



/* Cart Items Table Header */



.dc-cart-items__head {

	display: grid;

	grid-template-columns: 80px 2.5fr 1.2fr 1.5fr 1.2fr 0.5fr;

	padding: 15px 25px;

	background: var(--pk-primary);

	color: var(--pk-white);

	font-weight: 700;

	font-size: 13px;

	text-transform: uppercase;

	letter-spacing: 1px;

	border-radius: var(--pk-radius) var(--pk-radius) 0 0;

}



.dc-cart-items__head span:nth-child(1) {

	grid-column: span 2;

}



.dc-cart-items__head span:nth-child(2) {

	grid-column: 3;

}



.dc-cart-items__head span:nth-child(3) {

	grid-column: 4;

}



.dc-cart-items__head span:nth-child(4) {

	grid-column: 5;

}



/* Cart Item Row */



.dc-cart-items {

	background: var(--pk-white);

	border-radius: var(--pk-radius-lg);

	box-shadow: var(--pk-shadow);

	overflow: hidden;

}



.dc-cart-item {

	display: grid;

	grid-template-columns: 80px 2.5fr 1.2fr 1.5fr 1.2fr 0.5fr;

	align-items: center;

	padding: 25px;

	border-bottom: 1px solid var(--pk-border);

	transition: var(--pk-transition);

}



.dc-cart-item:hover {

	background: var(--pk-bg-soft, #F0F7FF);

}



.dc-cart-item__img {

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	width: 70px !important;

	height: 70px !important;

	flex-shrink: 0 !important;

	overflow: hidden !important;

}



.dc-cart-item__img a {

	display: block !important;

	width: 70px !important;

	height: 70px !important;

}



.dc-cart-item__img img {

	width: 70px !important;

	height: 70px !important;

	object-fit: cover !important;

	border-radius: var(--pk-radius);

	border: 1px solid var(--pk-border);

}



.dc-cart-item__info {

	display: flex;

	flex-direction: column;

	padding-left: 20px;

	min-width: 0;

}



.dc-cart-item__name {

	font-weight: 700;

	color: var(--pk-primary);

	font-size: 15px;

	margin-bottom: 4px;

}



.dc-cart-item__name a:hover {

	color: var(--pk-primary);

}



.dc-cart-item__sku {

	font-size: 12px;

	color: var(--pk-text-muted);

}



.dc-cart-item__price {

	font-weight: 600;

	color: var(--pk-text);

	font-size: 15px;

}



.dc-cart-item__qty {

	display: flex;

	align-items: center;

}



.dc-cart-item__subtotal {

	font-weight: 700;

	color: var(--pk-primary);

	font-size: 16px;

}



.dc-cart-item__remove {

	text-align: right;

}



.dc-cart-item__del {

	color: var(--pk-text-muted);

	font-size: 20px;

	line-height: 1;

	transition: var(--pk-transition);

}



.dc-cart-item__del:hover {

	color: #dc3545;

}



.dc-cart-item__remove-mob {

	display: none;

}



/* Quantity inputs */



.dc-qty {

	display: inline-flex;

	align-items: center;

	border: 1px solid var(--pk-border);

	border-radius: 30px;

	background: var(--pk-bg-soft);

	overflow: hidden;

	padding: 2px;

}



.dc-qty__btn {

	border: none;

	background: none;

	width: 32px;

	height: 32px;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 16px;

	font-weight: 700;

	cursor: pointer;

	color: var(--pk-text);

	transition: var(--pk-transition);

	border-radius: 50%;

}



.dc-qty__btn:hover {

	background: var(--pk-white);

	color: var(--pk-primary);

}



.dc-qty input.dc-qty__input {

	border: none;

	background: transparent;

	width: 45px;

	height: 32px;

	text-align: center;

	font-weight: 700;

	font-size: 14px;

	color: var(--pk-primary);

}



/* Remove up/down buttons on quantity input */



.dc-qty input.dc-qty__input::-webkit-outer-spin-button,



.dc-qty input.dc-qty__input::-webkit-inner-spin-button {

	-webkit-appearance: none;

	margin: 0;

}



/* Actions Row */



.dc-cart-actions {

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding: 25px;

	background: var(--pk-bg-soft);

	border-top: 1px solid var(--pk-border);

}



.dc-coupon-row {

	display: flex;

	align-items: center;

}



.dc-coupon {

	display: flex;

	gap: 10px;

}



.dc-coupon__input {

	border: 1px solid var(--pk-border);

	border-radius: var(--pk-radius);

	padding: 8px 15px;

	font-size: 14px;

	background: var(--pk-white);

	outline: none;

	transition: var(--pk-transition);

	width: 180px;

}



.dc-coupon__input:focus {

	border-color: var(--pk-secondary, #0084FF);

	box-shadow: 0 0 0 3px rgba(0, 132, 255, 0.15);

}



/* Summary Card */



.dc-cart-summary {

	background: var(--pk-white);

	border-radius: var(--pk-radius-lg);

	box-shadow: var(--pk-shadow);

	padding: 30px;

	border: 1px solid var(--pk-border);

}



.dc-cart-summary__title {

	font-size: 20px;

	font-weight: 800;

	color: var(--pk-primary);

	border-bottom: 1px solid var(--pk-border);

	padding-bottom: 15px;

}



.dc-cart-summary__lines {

	display: flex;

	flex-direction: column;

	gap: 15px;

	margin-bottom: 25px;

}



.dc-cart-summary__line {

	display: flex;

	justify-content: space-between;

	font-size: 15px;

	color: var(--pk-text-muted);

}



.dc-cart-summary__val {

	font-weight: 600;

	color: var(--pk-text);

}



.dc-cart-summary__line--discount .dc-discount {

	color: #28a745;

	font-weight: 700;

}



.dc-cart-summary__line--free .dc-free {

	color: var(--pk-primary);

	font-weight: 700;

}



.dc-cart-summary__total {

	display: flex;

	justify-content: space-between;

	align-items: center;

	font-size: 18px;

	font-weight: 800;

	color: var(--pk-secondary);

	border-top: 1px solid var(--pk-border);

	padding-top: 20px;

	margin-bottom: 25px;

}



.dc-cart-summary__total-val {

	font-size: 22px;

	color: var(--pk-primary);

}



.dc-btn--checkout {

	padding: 14px 20px !important;

	font-weight: 700 !important;

	font-size: 15px !important;

	border-radius: 30px !important;

}



.dc-cart-summary__trust {

	margin-top: 25px;

	display: flex;

	justify-content: space-around;

	border-top: 1px solid var(--pk-border);

	padding-top: 20px;

	gap: 10px;

}



.dc-cart-summary__trust-item {

	display: flex;

	align-items: center;

	gap: 8px;

	font-size: 12px;

	color: var(--pk-text-muted);

	font-weight: 600;

}



.dc-cart-summary__trust-item svg {

	color: var(--pk-primary);

}



.dc-cart-summary__payments {

	margin-top: 20px;

	display: flex;

	justify-content: center;

	gap: 15px;

	opacity: 1;

}



.dc-payment-methods-img {

	max-width: 100%;

	height: auto;

	max-height: 45px;

	object-fit: contain;

}



/* ─── CHECKOUT PAGE STYLE ───────────────────────────────────── */



.dc-checkout-page {

	background: transparent;

	min-height: 80vh;

}



.dc-checkout-header {

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-bottom: 40px;

	border-bottom: 1px solid var(--pk-border);

	padding-bottom: 20px;

}



.dc-checkout-header h1 {

	font-size: 28px;

	font-weight: 800;

	color: var(--pk-primary);

	margin: 0;

}



/* Steps Indicator */



.dc-checkout-steps {

	display: flex;

	align-items: center;

	gap: 10px;

}



.dc-checkout-step {

	font-size: 14px;

	color: var(--pk-text-muted);

	font-weight: 600;

	display: flex;

	align-items: center;

	gap: 6px;

}



.dc-checkout-step.active {

	color: var(--pk-primary);

}



.dc-checkout-step__num {

	width: 22px;

	height: 22px;

	border-radius: 50%;

	background: var(--pk-border);

	color: var(--pk-text-muted);

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 11px;

	font-weight: 700;

}



.dc-checkout-step.active .dc-checkout-step__num {

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) ;

	color: var(--pk-white);

}



.dc-checkout-step__arrow {

	color: var(--pk-text-muted);

	font-size: 16px;

	opacity: 0.5;

}



/* Sections */



.dc-checkout-section {

	background: var(--pk-white);

	border-radius: var(--pk-radius-lg);

	box-shadow: var(--pk-shadow);

	padding: 30px;

	margin-bottom: 30px;

	border: 1px solid var(--pk-border);

}



.dc-checkout-section__head {

	margin-bottom: 25px;

	border-bottom: 1px solid var(--pk-border);

	padding-bottom: 15px;

}



.dc-checkout-section__head h3 {

	font-size: 20px;

	font-weight: 800;

	color: var(--pk-primary);

	margin: 0;

	display: flex;

	align-items: center;

	gap: 10px;

}



.dc-checkout-section__icon {

	color: var(--pk-primary, #0B2559);

	background: rgba(0, 132, 255, 0.12);

	width: 32px;

	height: 32px;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

}



/* Form field modifications */



.woocommerce-checkout .form-row {

	display: flex;

	flex-direction: column;

}



.create-account {

	margin: 10px 0 0 0 !important;

}



#account_password_field {

	margin-bottom: 0;

	margin-top: 10px;

}



#account_password_field input[type="password"]+.show-password-input {

	bottom: 10px !important;

}



.woocommerce-privacy-policy-text p {

	margin-bottom: 0;

}



.woocommerce-checkout label {

	font-size: 14px;

	font-weight: 700;

	color: var(--pk-primary);

	margin-bottom: 6px;

}



.woocommerce-checkout label .required {

	color: #dc3545;

	text-decoration: none;

	font-weight: 700;

}



.dc-checkout-form input[type="text"],



.dc-checkout-form input[type="email"],



.dc-checkout-form input[type="tel"],



.dc-checkout-form input[type="password"],



.dc-checkout-form select,



.dc-checkout-form textarea,



.dc-checkout-form .select2-container--default .select2-selection--single {

	border: 1px solid var(--pk-border) !important;

	border-radius: var(--pk-radius) !important;

	padding: 10px 15px !important;

	font-size: 14px !important;

	outline: none !important;

	background: var(--pk-white) !important;

	color: var(--pk-text) !important;

	transition: var(--pk-transition) !important;

	width: 100% !important;

	box-sizing: border-box !important;

}



.dc-checkout-form input[type="text"],



.dc-checkout-form input[type="email"],



.dc-checkout-form input[type="tel"],



.dc-checkout-form input[type="password"] {

	height: 48px !important;

}



.dc-checkout-form input[type="text"]:focus,



.dc-checkout-form input[type="email"]:focus,



.dc-checkout-form input[type="tel"]:focus,



.dc-checkout-form input[type="password"]:focus,



.dc-checkout-form select:focus,



.dc-checkout-form textarea:focus,



.dc-checkout-form .select2-container--open .select2-selection--single,



.dc-checkout-form .select2-container--focus .select2-selection--single {

	border-color: var(--pk-secondary, #0084FF) !important;

	box-shadow: 0 0 0 3px rgba(0, 132, 255, 0.15) !important;

}



.dc-checkout-form select,



.dc-checkout-form select.state_select,



.dc-checkout-form select.country_to_state,



.dc-checkout-form select#billing_state,



.dc-checkout-form select#shipping_state {

	height: 48px !important;

	min-height: 48px !important;

	line-height: 1.5 !important;

	appearance: none !important;

	-webkit-appearance: none !important;

	-moz-appearance: none !important;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23444444' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;

	background-repeat: no-repeat !important;

	background-position: right 15px center !important;

	background-size: 14px !important;

	padding-right: 40px !important;

	cursor: pointer !important;

}



/* Select2 container override for District / State dropdown */



.dc-checkout-form .select2-container,



.woocommerce-billing-fields .select2-container,



.woocommerce-shipping-fields .select2-container {

	width: 100% !important;

}



.dc-checkout-form .select2-container--default .select2-selection--single,



.woocommerce-billing-fields .select2-container--default .select2-selection--single,



.woocommerce-shipping-fields .select2-container--default .select2-selection--single {

	height: 48px !important;

	min-height: 48px !important;

	display: flex !important;

	align-items: center !important;

	padding: 0 15px !important;

	border-radius: var(--pk-radius) !important;

}



.dc-checkout-form .select2-container--default .select2-selection--single .select2-selection__rendered,



.woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__rendered,



.woocommerce-shipping-fields .select2-container--default .select2-selection--single .select2-selection__rendered {

	color: var(--pk-text) !important;

	font-size: 14px !important;

	line-height: 46px !important;

	padding-left: 0 !important;

	padding-right: 25px !important;

}



.dc-checkout-form .select2-container--default .select2-selection--single .select2-selection__arrow,



.woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__arrow,



.woocommerce-shipping-fields .select2-container--default .select2-selection--single .select2-selection__arrow {

	height: 46px !important;

	right: 12px !important;

	top: 0 !important;

}



/* Checkout summary card on the right */



.dc-checkout-summary {

	background: var(--pk-white);

	border-radius: var(--pk-radius-lg);

	box-shadow: var(--pk-shadow);

	padding: 30px;

	border: 1px solid var(--pk-border);

	position: sticky;

	top: 100px;

}



.dc-checkout-summary__head {

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-bottom: 25px;

	border-bottom: 1px solid var(--pk-border);

	padding-bottom: 15px;

}



.dc-checkout-summary__head h3 {

	font-size: 20px;

	font-weight: 800;

	color: var(--pk-primary);

	margin: 0;

}



.dc-checkout-summary__head .dc-link {

	font-weight: 600;

	color: var(--pk-primary);

	font-size: 14px;

}



/* Order review tables style override */



.woocommerce-checkout-review-order table.shop_table {

	width: 100%;

	border-collapse: collapse;

	margin-bottom: 25px;

}



.woocommerce-checkout-review-order table.shop_table th,



.woocommerce-checkout-review-order table.shop_table td {

	padding: 12px 0;

	border-bottom: 1px solid var(--pk-border);

	font-size: 14px;

}



.woocommerce-checkout-review-order table.shop_table th {

	color: var(--pk-secondary);

	font-weight: 700;

}



.woocommerce-checkout-review-order table.shop_table td {

	color: var(--pk-text-muted);

}



.woocommerce-checkout-review-order table.shop_table .product-name {

	color: var(--pk-secondary);

	font-weight: 600;

}



.woocommerce-checkout-review-order table.shop_table .product-total,



.woocommerce-checkout-review-order table.shop_table td.product-total {

	text-align: right;

	font-weight: 700;

	color: var(--pk-secondary);

}



.woocommerce-checkout-review-order table.shop_table .cart-subtotal th,



.woocommerce-checkout-review-order table.shop_table .cart-subtotal td,



.woocommerce-checkout-review-order table.shop_table .shipping th,



.woocommerce-checkout-review-order table.shop_table .shipping td {

	font-size: 14px;

}



.woocommerce-checkout-review-order table.shop_table .order-total th {

	font-size: 16px;

	font-weight: 800;

	color: var(--pk-secondary);

	border-bottom: none;

	padding-top: 20px;

}



.woocommerce-checkout-review-order table.shop_table .order-total td {

	font-size: 20px;

	font-weight: 800;

	color: var(--pk-primary);

	text-align: right;

	border-bottom: none;

	padding-top: 20px;

}



.woocommerce-checkout-review-order table.shop_table .cart_item .variation {

	display: flex;

	width: fit-content;

	gap: 10px;

}



/* Payment gateways override styling */



.woocommerce-checkout #payment {

	background: var(--pk-bg-soft) !important;

	border-radius: var(--pk-radius) !important;

	padding: 20px !important;

}



.woocommerce-checkout #payment ul.payment_methods {

	padding: 0 !important;

	margin: 0 !important;

	list-style: none !important;

}



.woocommerce-checkout #payment ul.payment_methods li {

	margin-bottom: 15px !important;

	border-bottom: 1px solid var(--pk-border);

	padding-bottom: 15px !important;

}



.woocommerce-checkout #payment ul.payment_methods li:last-child {

	margin-bottom: 0 !important;

	border-bottom: none !important;

	padding-bottom: 0 !important;

}



.woocommerce-checkout #payment ul.payment_methods li input {

	margin-right: 10px !important;

}



.woocommerce-checkout #payment ul.payment_methods li label {

	font-weight: 700 !important;

	color: var(--pk-primary, #0B2559) !important;

	font-size: 14px !important;

	cursor: pointer;

}



.woocommerce-checkout #payment ul.payment_methods .payment_box {

	background: var(--pk-white) !important;

	border: 1px solid var(--pk-border) !important;

	border-radius: var(--pk-radius) !important;

	padding: 15px !important;

	font-size: 13px !important;

	color: var(--pk-text-muted) !important;

	margin-top: 10px !important;

	line-height: 1.5 !important;

}



.woocommerce-checkout #payment ul.payment_methods .payment_box::before {

	display: none !important;

}



/* Place Order button override */



.woocommerce-checkout #place_order {

	width: 100% !important;

	padding: 14px 20px !important;

	font-weight: 800 !important;

	font-size: 15px !important;

	border-radius: 30px !important;

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%)) !important;

	border: none !important;

	color: var(--pk-white) !important;

	transition: var(--pk-transition) !important;

	box-shadow: 0 4px 15px rgba(11, 37, 89, 0.25) !important;

	text-transform: uppercase;

	letter-spacing: 1px;

}



.woocommerce-checkout #place_order:hover {

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, #0084FF 0%, #0B2559 100%)) !important;

	box-shadow: 0 6px 20px rgba(0, 132, 255, 0.35) !important;

	transform: translateY(-2px);

}



/* Trust footer on checkout card */



.dc-checkout-trust {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	gap: 8px;

	border-top: 1px solid #E2E8F0;

	padding-top: 18px;

	margin-top: 16px;

}



.dc-checkout-trust__item {

	display: flex;

	align-items: center;

	gap: 8px;

	padding: 8px 6px;

	background: #F8FAFC;

	border: 1px solid #E2E8F0;

	border-radius: 10px;

	transition: all 0.25s ease;

	min-width: 0;

}



.dc-checkout-trust__item:hover {

	background: #F0F7FF;

	border-color: #BAE6FD;

	transform: translateY(-1px);

	box-shadow: 0 4px 12px rgba(0, 132, 255, 0.08);

}



.dc-trust-icon {

	width: 32px;

	height: 32px;

	min-width: 32px;

	border-radius: 50%;

	background: #ffffff;

	display: flex;

	align-items: center;

	justify-content: center;

	color: var(--pk-secondary, #0084FF);

	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);

	border: 1px solid #F1F5F9;

	flex-shrink: 0;

}



.dc-trust-info {

	display: flex;

	flex-direction: column;

	line-height: 1.25;

	min-width: 0;

	overflow: hidden;

}



.dc-trust-title {

	font-size: 11.5px;

	font-weight: 700;

	color: var(--pk-primary, #0B2559);

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}



.dc-trust-desc {

	font-size: 10.5px;

	font-weight: 500;

	color: #64748B;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}



@media (max-width: 576px) {



  .dc-checkout-trust {

	gap: 6px;

}



  .dc-checkout-trust__item {

	padding: 6px 4px;

	gap: 6px;

}



  .dc-trust-icon {

	width: 28px;

	height: 28px;

	min-width: 28px;

}



  .dc-trust-icon svg {

	width: 15px;

	height: 15px;

}



  .dc-trust-title {

	font-size: 10px;

}



  .dc-trust-desc {

	font-size: 9px;

}



}



/* ─── ORDER SUCCESS / THANK YOU PAGE STYLE ───────────────────── */



.dc-thankyou {

	background: var(--pk-bg-soft);

	min-height: 80vh;

}



.dc-thankyou__card {

	border: 1px solid var(--pk-border);

}



.dc-thankyou__icon {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	width: 100px;

	height: 100px;

	border-radius: 50%;

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%);

	color: var(--pk-primary);

	margin: 0 auto;

}



.dc-thankyou__icon svg {

	width: 50px;

	height: 50px;

	color: #FFFFFF !important;

}



.dc-thankyou__title {

	color: var(--pk-primary);

	font-weight: 800;

}



.dc-thankyou__text {

	color: var(--pk-text-muted);

	max-width: 500px;

	margin-left: auto;

	margin-right: auto;

}



.dc-thankyou__meta {

	border-top: 1px dashed var(--pk-border);

	padding-top: 25px;

}



.dc-thankyou__meta span {

	font-size: 11px;

	font-weight: 700;

	letter-spacing: 0.5px;

	color: var(--pk-text-muted);

	margin-bottom: 5px;

}



.dc-thankyou__meta strong {

	font-size: 16px;

	color: var(--pk-primary);

}



.dc-thankyou__details,



.dc-thankyou__customer {

	border: 1px solid var(--pk-border);

}



.dc-thankyou__details h3,



.dc-thankyou__customer h2,



.dc-thankyou__customer h3 {

	font-size: 18px;

	font-weight: 800;

	color: var(--pk-primary);

	margin-bottom: 20px;

	border-bottom: 1px solid var(--pk-border);

	padding-bottom: 12px;

}



/* Custom WooCommerce Thankyou page tables override */



.dc-thankyou table.shop_table {

	width: 100%;

	border-collapse: collapse;

	margin-bottom: 20px;

}



.dc-thankyou table.shop_table th,



.dc-thankyou table.shop_table td {

	padding: 12px 0;

	border-bottom: 1px solid var(--pk-border);

	font-size: 14px;

}



.dc-thankyou table.shop_table th {

	color: var(--pk-primary);

	font-weight: 700;

}



.dc-thankyou table.shop_table td {

	color: var(--pk-text-muted);

}



.dc-thankyou table.shop_table .product-total {

	text-align: right;

	font-weight: 700;

	color: var(--pk-primary);

}



.dc-thankyou table.shop_table .product-name strong {

	color: var(--pk-primary);

}



.dc-thankyou table.shop_table tfoot th {

	font-weight: 600;

	color: var(--pk-text);

}



.dc-thankyou table.shop_table tfoot td {

	font-weight: 700;

	color: var(--pk-primary);

	text-align: right;

}



.dc-thankyou table.shop_table tfoot tr:last-child th,



.dc-thankyou table.shop_table tfoot tr:last-child td {

	font-size: 18px;

	font-weight: 800;

	border-bottom: none;

	padding-top: 20px;

}



.dc-thankyou table.shop_table tfoot tr:last-child td {

	color: var(--pk-primary);

}



/* Thank you address wrapper overrides */



.woocommerce-customer-details address {

	border: 1px solid var(--pk-border);

	border-radius: var(--pk-radius);

	padding: 20px;

	background: var(--pk-bg-soft);

	font-style: normal;

	font-size: 14px;

	color: var(--pk-text-muted);

	line-height: 1.7;

}



/* Fix WooCommerce address columns being squished by Bootstrap .col-1 and .col-2 */



.dc-thankyou .woocommerce-columns--addresses.col2-set {

	display: flex !important;

	flex-direction: row !important;

	flex-wrap: wrap !important;

	gap: 24px !important;

	margin: 30px 0 0 0 !important;

}



.dc-thankyou .woocommerce-columns--addresses .woocommerce-column {

	flex: 1 1 300px !important;

	max-width: 100% !important;

	width: auto !important;

	padding: 0 !important;

}



.dc-thankyou .woocommerce-columns--addresses .woocommerce-column address {

	margin: 0 !important;

}



.woocommerce-column__title {

	font-size: 16px;

	font-weight: 800;

	color: var(--pk-primary);

	margin-bottom: 12px;

}



.dc-thankyou__actions .dc-btn {

	padding: 12px 30px;

	font-weight: 700;

	font-size: 14px;

	text-transform: uppercase;

	letter-spacing: 1px;

}



/* Mobile responsive fixes */



/* ─── SEAMLESS BACKGROUND & BODY FIXES ─────────────────────── */



body.woocommerce-cart,



body.woocommerce-checkout,



body.woocommerce-account,



body.error404 {

	background-color: var(--pk-bg-soft) !important;

}



body.woocommerce-cart #dcMain,



body.woocommerce-checkout #dcMain,



body.woocommerce-account #dcMain,



body.error404 #dcMain {

	background-color: var(--pk-bg-soft) !important;

}



/* Make page wrappers transparent to show the full-width body background */



.dc-cart-page,



.dc-checkout-page,



.dc-account-page,



.dc-404 {

	background: transparent !important;

}



/* ─── WOOCOMMERCE NOTICES & MESSAGES ──────────────────────── */



.woocommerce-message,



.woocommerce-info,



.woocommerce-error {

	padding: 16px 24px;

	margin-bottom: 30px;

	border-radius: var(--pk-radius-lg);

	border: 1px solid var(--pk-border);

	background: var(--pk-white);

	color: var(--pk-text, #0F172A);

	font-size: 14px;

	line-height: 1.6;

	font-weight: 500;

	box-shadow: var(--pk-shadow);

	display: flex;

	justify-content: space-between;

	align-items: center;

	flex-wrap: wrap;

	gap: 15px;

	list-style: none !important;

}



/* Success Messages (Navy/Cyan accent) */



.woocommerce-message {

	border-left: 4px solid var(--pk-secondary, #0084FF) !important;

	background: #F0F7FF;

}



/* Info Messages (Amber Gold border) */



.woocommerce-info {

	border-left: 4px solid #F59E0B !important;

	background: #FFFBEB;

}



/* Error Messages (Crimson Red border) */



.woocommerce-error {

	border-left: 4px solid var(--pk-accent, #E5252A) !important;

	background: #FEF2F2;

	display: block;

	/* Errors are lists, should stack */

}



.woocommerce-error li {

	margin-bottom: 8px;

	list-style-type: none;

}



.woocommerce-error li:last-child {

	margin-bottom: 0;

}



/* Notice Buttons (e.g. View Cart button inside "Added to cart" message) */



.woocommerce-message a.button,



.woocommerce-info a.button,



.woocommerce-error a.button,



.woocommerce-message .wc-forward,



.woocommerce-info .wc-forward {

	order: 2;

	/* Move button to the right side */

	display: inline-flex;

	align-items: center;

	justify-content: center;

	padding: 8px 18px;

	font-size: 13px;

	font-weight: 700;

	border-radius: 20px;

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%));

	color: var(--pk-white) !important;

	text-decoration: none !important;

	transition: var(--pk-transition);

	border: none;

	cursor: pointer;

	text-transform: uppercase;

	letter-spacing: 0.5px;

	box-shadow: 0 4px 10px rgba(11, 37, 89, 0.2);

}



.woocommerce-message a.button:hover,



.woocommerce-info a.button:hover,



.woocommerce-error a.button:hover,



.woocommerce-message .wc-forward:hover,



.woocommerce-info .wc-forward:hover {

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, #0084FF 0%, #0B2559 100%));

	color: var(--pk-white) !important;

	box-shadow: 0 6px 14px rgba(0, 132, 255, 0.35);

	transform: translateY(-1px);

}



/* Empty Cart State Wrapper */



.dc-cart-empty {

	max-width: 600px;

	margin: 60px auto;

	background: var(--pk-white);

	padding: 50px 40px;

	border-radius: var(--pk-radius-lg);

	box-shadow: var(--pk-shadow);

	border: 1px solid var(--pk-border);

}



/* ─────────────────────────────────────────────────────────────────────────────



   FLOATING WHATSAPP BUTTON



   ───────────────────────────────────────────────────────────────────────────── */



.pk-floating-whatsapp {

	position: fixed;

	bottom: 180px;

	right: 30px;

	width: 60px;

	height: 60px;

	background: linear-gradient(135deg, #25d366, #128c7e);

	color: #fff !important;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 30px;

	box-shadow: 0 8px 24px rgba(37, 211, 102, 0.4);

	z-index: 9999;

	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);

	text-decoration: none;

}



.pk-floating-whatsapp:hover {

	transform: scale(1.1) rotate(5deg);

	box-shadow: 0 12px 28px rgba(37, 211, 102, 0.6);

	color: #fff !important;

}



/* Pulse ring effect */



.pk-floating-whatsapp::before {

	content: '';

	position: absolute;

	top: -8px;

	left: -8px;

	right: -8px;

	bottom: -8px;

	border: 2px solid #25d366;

	border-radius: 50%;

	opacity: 0;

	animation: pk-whatsapp-pulse 2s infinite;

	pointer-events: none;

}



@keyframes pk-whatsapp-pulse {



  0% {

	transform: scale(0.9);

	opacity: 0.8;

}



  100% {

	transform: scale(1.2);

	opacity: 0;

}



}



/* Tooltip style */



.pk-whatsapp-tooltip {

	position: absolute;

	right: 80px;

	background: #051820;

	color: #fff;

	padding: 8px 16px;

	border-radius: 20px;

	font-size: 14px;

	font-weight: 500;

	white-space: nowrap;

	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

	opacity: 0;

	visibility: hidden;

	transform: translateX(10px);

	transition: all 0.3s ease;

}



.pk-whatsapp-tooltip::after {

	content: '';

	position: absolute;

	top: 50%;

	right: -6px;

	transform: translateY(-50%);

	border-width: 6px 0 6px 6px;

	border-style: solid;

	border-color: transparent transparent transparent #051820;

}



.pk-floating-whatsapp:hover .pk-whatsapp-tooltip {

	opacity: 1;

	visibility: visible;

	transform: translateX(0);

}



/* ─────────────────────────────────────────────────────────────────────────────



   FLOATING MESSENGER BUTTON



   ───────────────────────────────────────────────────────────────────────────── */



.pk-floating-messenger {

	position: fixed;

	bottom: 100px;

	right: 30px;

	width: 60px;

	height: 60px;

	background: linear-gradient(135deg, #00b2fe 0%, #006aff 50%, #bc25b6 100%);

	color: #fff !important;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 30px;

	box-shadow: 0 8px 24px rgba(0, 106, 255, 0.4);

	z-index: 9999;

	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);

	text-decoration: none;

}



.pk-floating-messenger:hover {

	transform: scale(1.1) rotate(5deg);

	box-shadow: 0 12px 28px rgba(0, 106, 255, 0.6);

	color: #fff !important;

}



/* Pulse ring effect */



.pk-floating-messenger::before {

	content: '';

	position: absolute;

	top: -8px;

	left: -8px;

	right: -8px;

	bottom: -8px;

	border: 2px solid #006aff;

	border-radius: 50%;

	opacity: 0;

	animation: pk-messenger-pulse 2s infinite;

	pointer-events: none;

}



@keyframes pk-messenger-pulse {



  0% {

	transform: scale(0.9);

	opacity: 0.8;

}



  100% {

	transform: scale(1.2);

	opacity: 0;

}



}



.pk-messenger-tooltip {

	position: absolute;

	right: 80px;

	background: #051820;

	color: #fff;

	padding: 8px 16px;

	border-radius: 20px;

	font-size: 14px;

	font-weight: 500;

	white-space: nowrap;

	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

	opacity: 0;

	visibility: hidden;

	transform: translateX(10px);

	transition: all 0.3s ease;

}



.pk-messenger-tooltip::after {

	content: '';

	position: absolute;

	top: 50%;

	right: -6px;

	transform: translateY(-50%);

	border-width: 6px 0 6px 6px;

	border-style: solid;

	border-color: transparent transparent transparent #051820;

}



.pk-floating-messenger:hover .pk-messenger-tooltip {

	opacity: 1;

	visibility: visible;

	transform: translateX(0);

}



/* Floating Back to Top Button */



.pk-back-to-top {

	position: fixed;

	bottom: 20px;

	right: 30px;

	width: 60px;

	height: 60px;

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) ;

	color: var(--pk-white) !important;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 20px;

	box-shadow: 0 8px 24px rgba(var(--pk-primary-rgb), 0.35);

	z-index: 9999;

	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);

	text-decoration: none;

	opacity: 0;

	visibility: hidden;

	transform: translateY(15px);

	cursor: pointer;

	border: 1px solid rgba(255, 255, 255, 0.2);

}



.pk-back-to-top.is-visible {

	opacity: 1;

	visibility: visible;

	transform: translateY(0);

}



.pk-back-to-top:hover {

	background: linear-gradient(135deg, var(--pk-primary-dark) 0%, var(--pk-primary) 100%) ;

	color: var(--pk-white) !important;

	transform: scale(1.1) translateY(-2px);

	box-shadow: 0 12px 28px rgba(var(--pk-primary-rgb), 0.5);

}



/* ─────────────────────────────────────────────────────────────────────────────



   MANGO PRODUCT LANDING PAGE



   ───────────────────────────────────────────────────────────────────────────── */



.pk-landing {

	background-color: #fcfbf7;

	color: #2b3a42;

	font-family: 'Anek Bangla', sans-serif;

	overflow-x: hidden;

}



/* Landing Hero Section */



.pk-landing-hero {

	position: relative;

	background: linear-gradient(135deg, #fff9e6 0%, #fff0cc 100%);

	padding: 80px 0 100px 0;

	border-bottom: 1px solid rgba(0, 0, 0, 0.05);

}



.pk-landing-hero__badge {

	display: inline-block;

	background: #ffc107;

	color: #3d2a00;

	padding: 6px 16px;

	border-radius: 30px;

	font-weight: 700;

	font-size: 13px;

	letter-spacing: 1px;

	text-transform: uppercase;

	margin-bottom: 20px;

	box-shadow: 0 4px 10px rgba(255, 193, 7, 0.2);

}



.pk-landing-hero__title {

	font-size: 52px;

	font-weight: 800;

	line-height: 1.4;

	color: #1e2d2f;

	margin-bottom: 20px;

}



.pk-landing-hero__title span {

	color: #e67e22;

	position: relative;

	display: block;

	width: fit-content;

}



.pk-landing-hero__sub {

	font-size: 18px;

	line-height: 1.6;

	color: #5d6d7e;

	margin-bottom: 35px;

	max-width: 540px;

}



.pk-landing-hero__image {

	position: relative;

	text-align: center;

}



.pk-landing-hero__image img {

	max-width: 100%;

	height: auto;

	filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.15));

	animation: float 6s ease-in-out infinite;

	border-radius: var(--pk-radius-xl);

}



@keyframes float {



  0% {

	transform: translateY(0px);

}



  50% {

	transform: translateY(-12px);

}



  100% {

	transform: translateY(0px);

}



}



/* Landing Benefits & Quality Sections */



.pk-landing-benefits {

	padding: 80px 0;

	background: #fff;

}



.pk-section-title--landing {

	font-size: 36px;

	font-weight: 800;

	text-align: center;

	color: #1e2d2f;

	margin-bottom: 15px;

}



.pk-section-desc--landing {

	text-align: center;

	color: #7f8c8d;

	max-width: 600px;

	margin: 0 auto 50px auto;

	font-size: 16px;

}



.pk-benefit-card {

	background: #fdfefe;

	border: 1px solid #f2f4f4;

	border-radius: var(--pk-radius-lg);

	padding: 35px 25px;

	text-align: center;

	transition: all 0.3s ease;

	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);

}



.pk-benefit-card:hover {

	transform: translateY(-5px);

	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);

	border-color: #f7dc6f;

}



.pk-benefit-card__icon {

	width: 70px;

	height: 70px;

	background: #fef9e7;

	color: #f39c12;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	margin: 0 auto 20px auto;

	font-size: 28px;

}



.pk-benefit-card__title {

	font-size: 20px;

	font-weight: 700;

	margin-bottom: 12px;

	color: #1e2d2f;

}



.pk-benefit-card__desc {

	font-size: 14px;

	color: #7f8c8d;

	line-height: 1.5;

}



/* Mango Quality Section */



.pk-landing-quality {

	padding: 80px 0;

	background: #fdfaf2;

}



.pk-quality-item {

	display: flex;

	gap: 20px;

	margin-bottom: 30px;

}



.pk-quality-item__num {

	flex-shrink: 0;

	width: 40px;

	height: 40px;

	background: #e67e22;

	color: #fff;

	font-weight: 700;

	font-size: 18px;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

}



.pk-quality-item__title {

	font-size: 18px;

	font-weight: 700;

	color: #1e2d2f;

	margin-bottom: 8px;

}



.pk-quality-item__desc {

	font-size: 14px;

	color: #5d6d7e;

	line-height: 1.5;

}



/* Product Gallery */



.pk-landing-gallery {

	padding: 80px 0;

	background: #fff;

}



.pk-gallery-grid {

	display: grid;

	grid-template-columns: repeat(4, 1fr);

	gap: 20px;

}



.pk-gallery-item {

	position: relative;

	overflow: hidden;

	border-radius: var(--pk-radius-lg);

	aspect-ratio: 1;

}



.pk-gallery-item img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: transform 0.5s ease;

}



.pk-gallery-item:hover img {

	transform: scale(1.08);

}



/* Pricing Section */



.pk-landing-pricing {

	padding: 80px 0;

	background: linear-gradient(to bottom, #fdfaf2, #fff9e6);

}



.pk-pricing-card {

	background: #fff;

	border: 2px solid #f2f4f4;

	border-radius: var(--pk-radius-xl);

	padding: 40px 30px;

	text-align: center;

	position: relative;

	transition: all 0.3s ease;

	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);

}



.pk-pricing-card--popular {

	border-color: #e67e22;

	box-shadow: 0 15px 40px rgba(230, 126, 34, 0.12);

	transform: translateY(-8px);

}



.pk-pricing-card--popular:hover {

	transform: translateY(-12px);

}



.pk-pricing-card:hover {

	transform: translateY(-4px);

	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);

}



.pk-pricing-badge {

	position: absolute;

	top: -15px;

	left: 50%;

	transform: translateX(-50%);

	background: #e67e22;

	color: #fff;

	padding: 6px 20px;

	border-radius: 30px;

	font-size: 12px;

	font-weight: 700;

	text-transform: uppercase;

}



.pk-pricing-title {

	font-size: 24px;

	font-weight: 800;

	color: #1e2d2f;

	margin-bottom: 10px;

}



.pk-pricing-qty {

	color: #7f8c8d;

	font-size: 15px;

	margin-bottom: 25px;

	font-weight: 600;

}



.pk-pricing-price {

	margin-bottom: 30px;

}



.pk-pricing-price .price-del {

	font-size: 16px;

	color: #bdc3c7;

	text-decoration: line-through;

	margin-right: 8px;

}



.pk-pricing-price .price-ins {

	font-size: 38px;

	font-weight: 800;

	color: #e67e22;

}



.pk-pricing-features {

	list-style: none;

	padding: 0;

	margin: 0 0 35px 0;

	text-align: left;

}



.pk-pricing-features li {

	font-size: 14px;

	color: #5d6d7e;

	margin-bottom: 12px;

	padding-left: 24px;

	position: relative;

}



.pk-pricing-features li::before {

	content: '✓';

	position: absolute;

	left: 0;

	color: #27ae60;

	font-weight: 700;

}



.pk-pricing-btn {

	width: 100%;

	padding: 14px 28px;

	border-radius: 30px;

	background: #e67e22;

	color: #fff;

	font-weight: 700;

	border: none;

	transition: all 0.3s ease;

	box-shadow: 0 5px 15px rgba(230, 126, 34, 0.2);

}



.pk-pricing-btn:hover {

	background: #d35400;

	color: #fff;

	transform: translateY(-2px);

	box-shadow: 0 8px 20px rgba(230, 126, 34, 0.3);

}



.pk-pricing-card--popular .pk-pricing-btn {

	background: #27ae60;

	box-shadow: 0 5px 15px rgba(39, 174, 96, 0.2);

}



.pk-pricing-card--popular .pk-pricing-btn:hover {

	background: #219a52;

	box-shadow: 0 8px 20px rgba(39, 174, 96, 0.3);

}



/* Integrated Order Form (Checkout) */



.pk-landing-checkout {

	padding: 80px 0;

	background: #fff;

	border-top: 1px solid #f2f4f4;

}



.pk-checkout-box-wrap {

	max-width: 1000px;

	margin: 0 auto;

	background: #fcfbf9;

	border: 1px solid #f0ebe0;

	border-radius: var(--pk-radius-xl);

	padding: 50px;

	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);

}



.pk-checkout-box-title {

	text-align: center;

	font-size: 28px;

	font-weight: 800;

	color: #1e2d2f;

	margin-bottom: 10px;

}



.pk-checkout-box-subtitle {

	text-align: center;

	color: #7f8c8d;

	margin-bottom: 40px;

	font-size: 15px;

}



.pk-landing-checkout form.checkout_coupon.woocommerce-form-coupon {

	display: none !important;

}



/* Customize WooCommerce layout inside the checkout box */



.pk-landing-checkout .woocommerce-checkout-review-order {

	background: #fff;

	border: 1px solid #f2f4f4;

	border-radius: var(--pk-radius-lg);

	padding: 25px;

}



/* Delivery Details & FAQs */



.pk-landing-delivery {

	padding: 80px 0;

	background: #fdfefe;

	display: none;

}



/* Sticky Bottom Call-To-Action Button */



.pk-sticky-cta {

	position: fixed;

	bottom: 0;

	left: 0;

	right: 0;

	background: #fff;

	box-shadow: 0 -5px 25px rgba(0, 0, 0, 0.08);

	padding: 15px 0;

	z-index: 999;

	transform: translateY(100%);

	transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.pk-sticky-cta.is-visible {

	transform: translateY(0);

}



.pk-sticky-cta__inner {

	display: flex;

	align-items: center;

	justify-content: space-between;

}



.pk-sticky-cta__product {

	display: flex;

	align-items: center;

	gap: 15px;

}



.pk-sticky-cta__img {

	width: 50px;

	height: 50px;

	border-radius: 8px;

	object-fit: cover;

	border: 1px solid #f2f4f4;

}



.pk-sticky-cta__name {

	font-weight: 700;

	font-size: 15px;

	color: #1e2d2f;

	margin: 0;

}



.pk-sticky-cta__price {

	font-weight: 800;

	color: #e67e22;

	font-size: 16px;

}



.pk-sticky-cta__btn {

	padding: 10px 24px;

	background: #e67e22;

	color: #fff;

	font-weight: 700;

	border-radius: 30px;

	border: none;

	font-size: 14px;

	box-shadow: 0 4px 12px rgba(230, 126, 34, 0.25);

	transition: all 0.3s ease;

}



.pk-sticky-cta__btn:hover {

	background: #d35400;

	transform: translateY(-1px);

}



/* ─────────────────────────────────────────────────────────────────────────────



   FAQ PAGE DESIGN & UX IMPROVEMENTS



   ───────────────────────────────────────────────────────────────────────────── */



.dc-faq {

	background-color: var(--pk-bg-soft, #FAF5FC);

	min-height: 800px;

}



.pk-faq-hero {

	padding: 60px 0 50px 0;

	position: relative;

}



.pk-faq-search-wrap input:focus {

	outline: none;

	box-shadow: 0 10px 25px rgba(11, 37, 89, 0.25) !important;

	border-color: var(--pk-accent, #dfc18b) !important;

}



.dc-faq__nav {

	background: #ffffff;

	border: 1px solid var(--pk-border, #E5D9EB);

	border-radius: var(--pk-radius-lg, 12px);

	padding: 24px;

	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);

}



.dc-faq__nav ul li a {

	text-decoration: none;

	font-size: 15px;

	color: #2C241B !important;

	transition: all 0.25s ease;

	border-radius: 8px;

}



.dc-faq__nav ul li a:hover,



.dc-faq__nav ul li a.active {

	background-color: var(--pk-primary, #0B2559) !important;

	color: #ffffff !important;

	padding-left: 14px !important;

}



.dc-faq__nav ul li a:hover i,



.dc-faq__nav ul li a.active i {

	color: var(--pk-accent, #0084FF) !important;

}



/* Mobile Horizontal Category Scroll */



.pk-faq-mobile-cats {

	-webkit-overflow-scrolling: touch;

}



.pk-faq-mobile-cats a.active {

	background-color: var(--pk-primary, #0B2559) !important;

	color: #ffffff !important;

	border-color: var(--pk-primary, #0B2559) !important;

}



/* Accordion Customization */



.dc-accordion .accordion-item {

	border: 1px solid var(--pk-border, #E2E8F0) !important;

	background-color: #ffffff;

	margin-bottom: 16px !important;

	border-radius: 12px !important;

	overflow: hidden;

	transition: all 0.3s ease;

}



.dc-accordion .accordion-item:hover {

	box-shadow: 0 8px 24px rgba(11, 37, 89, 0.08);

	border-color: var(--pk-primary, #0B2559) !important;

}



.dc-accordion .accordion-button {

	background-color: #ffffff;

	color: #1A1A1A;

	font-size: 16px;

	font-weight: 700;

	padding: 18px 22px;

	border: none;

	box-shadow: none;

}



.dc-accordion .accordion-button:not(.collapsed) {

	background-color: var(--pk-bg-soft, #F4F6FB);

	color: var(--pk-primary, #0B2559);

	border-bottom: 1px solid var(--pk-border, #E2E8F0);

}



.dc-accordion .accordion-button::after {

	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230B2559'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;

	transition: transform 0.3s ease;

}



.dc-accordion .accordion-button:not(.collapsed)::after {

	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230084FF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;

}



.dc-accordion .accordion-body {

	padding: 20px 22px;

	line-height: 1.8;

	font-size: 15px;

	color: #333333 !important;

	background-color: #ffffff;

}



.faq-q-number {

	font-family: var(--pk-font-main);

	letter-spacing: 0.5px;

	color: var(--pk-primary, #0B2559) !important;

}



/* Support Banner Card */



.pk-faq-support-banner {

	border: 1px solid rgba(255, 255, 255, 0.1);

}



/* ─────────────────────────────────────────────────────────────────────────────



   SINGLE PRODUCT PAGE STYLING (DISCOUNT BADGE & QUICK CONTACT ROW)



   ───────────────────────────────────────────────────────────────────────────── */



.pk-discount-badge {

	background: var(--pk-btn-bg) !important;

	color: var(--pk-bg) !important;

	font-size: 13px !important;

	font-weight: 700 !important;

	padding: 6px 12px !important;

	border-radius: 30px !important;

	border: none !important;

	display: inline-flex !important;

	align-items: center !important;

	justify-content: center !important;

	line-height: 1 !important;

	margin-left: 12px !important;

	text-shadow: none !important;

}



.single_add_to_cart_button {

	flex: 1;

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%)) !important;

	color: var(--pk-white) !important;

	border: none !important;

	padding: 16px 32px !important;

	font-size: 16px !important;

	font-weight: 700 !important;

	border-radius: 50px !important;

	cursor: pointer;

	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;

	box-shadow: 0 6px 20px rgba(11, 37, 89, 0.25) !important;

}



.single_add_to_cart_button:hover {

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, #0084FF 0%, #0B2559 100%)) !important;

	color: var(--pk-white) !important;

	box-shadow: 0 6px 20px rgba(0, 132, 255, 0.35) !important;

}



.pk-quick-contact-row {

	display: flex !important;

	gap: 12px !important;

	margin: 25px 0 !important;

}



.pk-quick-contact-row .btn {

	flex: 1;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 8px;

	padding: 15px 20px;

	font-size: 15px;

	font-weight: 700;

	border-radius: 50px;

	text-decoration: none;

	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

	cursor: pointer;

}



.pk-quick-contact-row .btn i {

	font-size: 16px;

}



/* WhatsApp Button: Official WhatsApp Gradient */



.pk-quick-contact-row .btn-success {

	background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;

	color: #ffffff !important;

	border: 1px solid #25D366 !important;

	box-shadow: 0 4px 12px rgba(37, 211, 102, 0.25) !important;

}



.pk-quick-contact-row .btn-success:hover {

	background: linear-gradient(135deg, #128C7E 0%, #25D366 100%) !important;

	color: #ffffff !important;

	border-color: transparent !important;

	box-shadow: 0 6px 18px rgba(37, 211, 102, 0.4) !important;

	transform: translateY(-2px);

}



/* Call Button: Deep Royal Navy */



.pk-quick-contact-row .btn-warning {

	background: #0B2559 !important;

	color: #ffffff !important;

	border: 1px solid #0B2559 !important;

	box-shadow: 0 4px 12px rgba(11, 37, 89, 0.2) !important;

}



.pk-quick-contact-row .btn-warning:hover {

	background: #071C44 !important;

	color: #ffffff !important;

	border-color: transparent !important;

	box-shadow: 0 6px 18px rgba(11, 37, 89, 0.35) !important;

	transform: translateY(-2px);

}



/* Delivery & Payment Info Box Styling */



.pk-delivery-info-box {

	background: var(--pk-bg-soft);

	border: 1px solid var(--pk-border);

	border-radius: var(--pk-radius-lg);

	padding: 16px 20px;

	margin: 30px 0;

	display: flex;

	flex-direction: column;

	gap: 12px;

}



.pk-delivery-info-row {

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding-bottom: 10px;

	border-bottom: 1px solid rgba(0, 0, 0, 0.05);

}



.pk-delivery-info-row:last-child {

	border-bottom: none;

	padding-bottom: 0;

}



.pk-delivery-label {

	font-size: 14px;

	font-weight: 600;

	color: var(--pk-text);

}



.pk-delivery-value {

	font-size: 14px;

	font-weight: 700;

	color: var(--pk-text);

}



.pk-delivery-value.pk-delivery-value--phone {

	color: var(--pk-primary);

	font-size: 16px;

	letter-spacing: 0.5px;

}



/* ─────────────────────────────────────────────────────────────────────────────



   CHECKOUT PAGE: ALWAYS SHOW COUPON FORM



   ───────────────────────────────────────────────────────────────────────────── */



.woocommerce-form-coupon-toggle {

	display: none !important;

	/* Hide the "Have a coupon? Click here" toggle button */

}



form.checkout_coupon.woocommerce-form-coupon {

	display: block !important;

	/* Force coupon form to be always visible */

	background: #fdfbf9;

	border: 1px solid var(--pk-border);

	border-radius: var(--pk-radius-lg);

	padding: 24px;

	margin-bottom: 30px !important;

	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.01);

}



form.checkout_coupon.woocommerce-form-coupon::before,



form.checkout_coupon.woocommerce-form-coupon::after {

	content: "";

	display: table;

	clear: both;

}



form.checkout_coupon.woocommerce-form-coupon p {

	font-size: 14px;

	color: var(--pk-text);

	margin-bottom: 15px;

}



form.checkout_coupon.woocommerce-form-coupon p.form-row-first {

	width: 70%;

	float: left;

	margin: 0;

	padding-right: 12px;

	box-sizing: border-box;

}



form.checkout_coupon.woocommerce-form-coupon p.form-row-last {

	width: 30%;

	float: right;

	margin: 0;

	box-sizing: border-box;

}



form.checkout_coupon.woocommerce-form-coupon input.input-text {

	width: 100% !important;

	height: 48px !important;

	padding: 10px 18px !important;

	border: 1.5px solid var(--pk-border) !important;

	background: var(--pk-white) !important;

	border-radius: 30px !important;

	font-size: 14px !important;

	outline: none !important;

	transition: all 0.3s ease !important;

	box-sizing: border-box;

}



form.checkout_coupon.woocommerce-form-coupon input.input-text:focus {

	border-color: var(--pk-secondary, #0084FF) !important;

	box-shadow: 0 0 0 3px rgba(0, 132, 255, 0.15) !important;

}



form.checkout_coupon.woocommerce-form-coupon button.button {

	width: 100% !important;

	height: 48px !important;

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%)) !important;

	color: #fff !important;

	border: none !important;

	border-radius: 30px !important;

	font-weight: 700 !important;

	font-size: 14px !important;

	cursor: pointer !important;

	transition: all 0.3s ease !important;

	box-sizing: border-box;

	text-align: center;

	padding: 0 !important;

	box-shadow: 0 4px 12px rgba(11, 37, 89, 0.2) !important;

}



form.checkout_coupon.woocommerce-form-coupon button.button:hover {

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, #0084FF 0%, #0B2559 100%)) !important;

	box-shadow: 0 4px 12px rgba(0, 132, 255, 0.35) !important;

}



/* ─────────────────────────────────────────────────────────────────────────────



   MY ACCOUNT PAGE: STYLING & AUTH LAYOUTS



   ───────────────────────────────────────────────────────────────────────────── */



.dc-account-page {

	max-width: 1200px;

	margin: 40px auto 80px auto;

	padding: 0 15px;

}



.dc-account-header {

	margin-bottom: 40px;

	background: var(--pk-white);

	padding: 30px 40px;

	border-radius: var(--pk-radius-lg);

	border: 1px solid var(--pk-border);

	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.01);

}



.dc-account-header h1 {

	font-size: 28px;

	font-weight: 800;

	color: var(--pk-primary);

	margin-bottom: 8px;

}



.dc-account-header__sub {

	font-size: 15px;

	color: var(--pk-text-muted);

	margin: 0;

	line-height: 1.6;

}



.dc-account-header__sub a {

	color: var(--pk-primary);

	text-decoration: none;

	font-weight: 700;

	border-bottom: 1.5px dotted var(--pk-primary);

	transition: all 0.2s ease;

}



.dc-account-header__sub a:hover {

	color: var(--pk-primary-dark);

	border-bottom-style: solid;

}



.dc-account-layout {

	display: flex;

	gap: 30px;

	align-items: start;

}



/* Sidebar Nav styling */



.dc-account-nav {

	width: 280px;

	background: var(--pk-white);

	border: 1px solid var(--pk-border);

	border-radius: var(--pk-radius-lg);

	padding: 15px 0;

	flex-shrink: 0;

	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.01);

}



.dc-account-nav ul {

	list-style: none;

	padding: 0;

	margin: 0;

}



.dc-account-nav ul li {

	margin: 0;

	border-bottom: 1px solid #f8f9fa;

}



.dc-account-nav ul li:last-child {

	border-bottom: none;

}



.dc-account-nav ul li a {

	display: flex;

	align-items: center;

	gap: 12px;

	padding: 14px 24px;

	font-size: 15px;

	font-weight: 600;

	color: #5d6d7e !important;

	text-decoration: none;

	transition: all 0.3s ease;

	border-left: 3px solid transparent;

}



.dc-account-nav ul li a svg {

	color: #94a3b8;

	transition: all 0.3s ease;

	flex-shrink: 0;

}



.dc-account-nav ul li a:hover {

	color: var(--pk-primary) !important;

	background: #fdfbf9;

}



.dc-account-nav ul li a:hover svg {

	color: var(--pk-primary);

	transform: translateX(2px);

}



.dc-account-nav ul li.is-active a {

	color: var(--pk-primary) !important;

	background: #f2faf5;

	border-left-color: var(--pk-primary);

}



.dc-account-nav ul li.is-active a svg {

	color: var(--pk-primary);

}



/* Content Area styling */



.dc-account-content {

	flex: 1;

	background: var(--pk-white);

	border: 1px solid var(--pk-border);

	border-radius: var(--pk-radius-lg);

	padding: 40px;

	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.01);

	min-height: 400px;

}



/* Form Styles inside Account Area */



.dc-account-content form .form-row {

	margin-bottom: 20px;

}



.dc-account-content form label {

	display: block;

	font-size: 14px;

	font-weight: 600;

	color: #5d6d7e;

	margin-bottom: 8px;

}



.dc-account-content form input.input-text,



.dc-account-content form select,



.dc-account-content form textarea {

	width: 100%;

	height: 48px;

	padding: 10px 16px;

	border: 1.5px solid var(--pk-border);

	background: var(--pk-white);

	border-radius: 30px;

	font-size: 14px;

	outline: none;

	transition: all 0.3s ease;

	box-sizing: border-box;

}



.dc-account-content form input.input-text:focus,



.dc-account-content form select:focus,



.dc-account-content form textarea:focus {

	border-color: var(--pk-secondary, #0084FF) !important;

	box-shadow: 0 0 0 3px rgba(0, 132, 255, 0.15) !important;

}



.dc-account-content form button.button {

	height: 48px;

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%)) !important;

	color: #fff !important;

	border: none !important;

	border-radius: 30px !important;

	font-weight: 700 !important;

	font-size: 14px !important;

	cursor: pointer !important;

	transition: all 0.3s ease !important;

	padding: 0 32px !important;

	text-transform: uppercase;

	letter-spacing: 0.5px;

	box-shadow: 0 4px 12px rgba(11, 37, 89, 0.2) !important;

}



.dc-account-content form button.button:hover {

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, #0084FF 0%, #0B2559 100%)) !important;

	box-shadow: 0 4px 12px rgba(0, 132, 255, 0.35) !important;

	transform: translateY(-1px);

}



/* Orders Table styling */



.dc-account-content table.shop_table {

	width: 100% !important;

	border-collapse: collapse !important;

	margin-bottom: 25px !important;

	border-radius: var(--pk-radius-lg) !important;

	overflow: hidden !important;

	border: 1px solid var(--pk-border) !important;

}



.dc-account-content table.shop_table th {

	background: #fdfbf9 !important;

	color: var(--pk-primary, #0B2559) !important;

	padding: 16px 20px !important;

	font-weight: 700 !important;

	font-size: 14px !important;

	border-bottom: 2px solid var(--pk-border) !important;

	text-align: left !important;

}



.dc-account-content table.shop_table td {

	padding: 16px 20px !important;

	font-size: 14px !important;

	color: var(--pk-text) !important;

	border-bottom: 1px solid var(--pk-border) !important;

	vertical-align: middle !important;

}



.dc-account-content table.shop_table tr:last-child td {

	border-bottom: none !important;

}



.dc-account-content table.shop_table td a.button {

	background: #EFF6FF !important;

	color: #0084FF !important;

	border: 1.5px solid #BAE6FD !important;

	padding: 6px 16px !important;

	border-radius: 30px !important;

	font-size: 13px !important;

	font-weight: 700 !important;

	text-decoration: none !important;

	display: inline-block !important;

	transition: all 0.3s ease !important;

}



.dc-account-content table.shop_table td a.button:hover {

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%)) !important;

	color: #fff !important;

	border-color: transparent !important;

	box-shadow: 0 4px 10px rgba(11, 37, 89, 0.25) !important;

}



/* Authentication (Login/Register) Panels */



.dc-account-auth {

	max-width: 900px;

	margin: 20px auto;

}



.dc-auth-box {

	background: var(--pk-white);

	border: 1px solid var(--pk-border);

	border-radius: 24px;

	padding: 40px;

	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);

	height: 100%;

}



.dc-auth-box h2 {

	font-size: 24px;

	font-weight: 800;

	color: var(--pk-primary, #0B2559);

	margin-bottom: 25px;

	text-align: center;

}



.dc-auth-box form .form-row {

	margin-bottom: 20px;

}



.dc-auth-box form label {

	display: block;

	font-size: 14px;

	font-weight: 600;

	color: #5d6d7e;

	margin-bottom: 8px;

}



.dc-auth-box form input.input-text {

	width: 100% !important;

	height: 48px !important;

	padding: 10px 18px !important;

	border: 1.5px solid var(--pk-border) !important;

	background: var(--pk-white) !important;

	border-radius: 30px !important;

	font-size: 14px !important;

	outline: none !important;

	transition: all 0.3s ease !important;

	box-sizing: border-box;

}



.dc-auth-box form input.input-text:focus {

	border-color: var(--pk-secondary, #0084FF) !important;

	box-shadow: 0 0 0 3px rgba(0, 132, 255, 0.15) !important;

}



.dc-auth-box form button.button {

	width: 100% !important;

	height: 48px !important;

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%)) !important;

	color: #fff !important;

	border: none !important;

	border-radius: 30px !important;

	font-weight: 700 !important;

	font-size: 14px !important;

	cursor: pointer !important;

	transition: all 0.3s ease !important;

	text-transform: uppercase;

	letter-spacing: 0.5px;

	box-sizing: border-box;

	box-shadow: 0 4px 12px rgba(11, 37, 89, 0.2) !important;

}



.dc-auth-box form button.button:hover {

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, #0084FF 0%, #0B2559 100%)) !important;

	box-shadow: 0 4px 12px rgba(0, 132, 255, 0.35) !important;

}



.dc-auth-box form label.woocommerce-form-login__rememberme,



.dc-auth-box form label.woocommerce-form-login__privacy {

	display: inline-flex;

	align-items: center;

	gap: 8px;

	font-weight: 500;

	margin-top: 10px;

	cursor: pointer;

}



.dc-auth-box form label.woocommerce-form-login__rememberme input,



.dc-auth-box form label.woocommerce-form-login__privacy input {

	margin: 0;

	width: 16px;

	height: 16px;

	accent-color: var(--pk-primary);

}



.dc-auth-box .woocommerce-LostPassword {

	margin-top: 15px;

	font-size: 14px;

	text-align: center;

}



.dc-auth-box .woocommerce-LostPassword a {

	color: var(--pk-primary);

	text-decoration: none;

	font-weight: 600;

	transition: all 0.2s ease;

}



.dc-auth-box .woocommerce-LostPassword a:hover {

	color: var(--pk-primary-dark);

	text-decoration: underline;

}



.dc-auth-box form .form-row.privacy-row {

	margin-top: 10px !important;

	margin-bottom: 6px !important;

}



.dc-auth-box .woocommerce-privacy-policy-text,



.dc-auth-box .woocommerce-privacy-policy-text p {

	font-size: 12px !important;

	line-height: 1.45 !important;

	color: #7f8c8d !important;

	margin: 6px 0 16px 0 !important;

}



.dc-auth-box form .form-row.submit-row {

	margin-top: 15px !important;

	margin-bottom: 12px !important;

}



.dc-auth-box .toggle-auth-link {

	margin-top: 15px !important;

	font-size: 14px;

	text-align: center;

}



.dc-auth-box .toggle-auth-link a {

	color: var(--pk-primary);

	font-weight: 600;

	text-decoration: underline;

}



/* Responsiveness for Account and Auth Sections */



/* ─────────────────────────────────────────────────────────────────────────────



   WOOCOMMERCE PASSWORD VISIBILITY ICON FIX



   ───────────────────────────────────────────────────────────────────────────── */



.woocommerce-form-row,



.form-row,



.woocommerce-input-wrapper {

	position: relative !important;

}



.woocommerce-Input+.show-password-input,



input[type="password"]+.show-password-input {

	position: absolute !important;

	bottom: 0px !important;

	right: 15px !important;

	cursor: pointer !important;

	width: 20px !important;

	height: 20px !important;

	display: inline-flex !important;

	align-items: center !important;

	justify-content: center !important;

	z-index: 10 !important;

	background: none !important;

	border: none !important;

	box-shadow: none !important;

	padding: 0 !important;

	text-indent: 0 !important;

}



.woocommerce-Input+.show-password-input::after,



input[type="password"]+.show-password-input::after {

	content: "\f070" !important;

	/* Eye Slash */

	font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "FontAwesome" !important;

	font-weight: 900 !important;

	font-size: 16px !important;

	color: #94a3b8 !important;

	transition: color 0.2s ease !important;

}



.woocommerce-Input+.show-password-input.display::after,



input[type="password"]+.show-password-input.display::after {

	content: "\f06e" !important;

	/* Eye */

	color: var(--pk-primary) !important;

}



.woocommerce-Input+.show-password-input:hover::after,



input[type="password"]+.show-password-input:hover::after {

	color: var(--pk-primary) !important;

}



.dc-auth-box p.reg-note {

	font-size: 14px;

	color: var(--pk-text-muted);

	line-height: 1.6;

	margin-bottom: 20px;

}



.toggle-auth-link {

	margin-top: 25px;

	font-size: 14px;

	color: var(--pk-text-muted);

	text-align: center;

}



.toggle-auth-link a {

	color: var(--pk-primary);

	text-decoration: none;

	font-weight: 700;

	transition: all 0.2s ease;

}



.toggle-auth-link a:hover {

	color: var(--pk-primary-dark);

	text-decoration: underline;

}



.dc-auth-box form.login,



.dc-auth-box form.register,



.dc-auth-box form.lost_reset_password {

	float: none !important;

	width: 100% !important;

	margin: 0 !important;

	padding: 0 !important;

	border: none !important;

	background: none !important;

	box-shadow: none !important;

}



.dc-auth-box p.lost-pass-note {

	font-size: 14px;

	color: var(--pk-text-muted);

	line-height: 1.6;

	margin-bottom: 25px;

	text-align: center;

}



/* Legal Page css */



.dc-legal__content h2 {

	font-size: 25px;

	font-weight: 600;

}



/* ─── ALL CATEGORIES PAGE STYLE ──────────────────────────────── */



.dc-all-categories {

	padding: 80px 0;

	background: var(--pk-bg-soft);

}



.dc-cat-card--static {

	position: relative;

	display: block;

	aspect-ratio: 4 / 5;

	border-radius: var(--pk-radius-lg);

	overflow: hidden;

	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);

	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

	width: 100%;

	text-decoration: none;

}



.dc-cat-card--static img,



.dc-cat-card--static video {

	width: 100%;

	height: 100%;

	object-fit: cover;

	display: block;

	transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);

	pointer-events: none;

}



.dc-cat-card--static .dc-cat-card__overlay {

	position: absolute;

	inset: 0;

	background: linear-gradient(to top, rgba(10, 26, 30, 0.8) 0%, rgba(10, 26, 30, 0.2) 60%, rgba(10, 26, 30, 0.1) 100%);

	z-index: 1;

	transition: opacity 0.4s ease;

}



.dc-cat-card--static .dc-cat-card__info {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	padding: 25px;

	z-index: 2;

	color: var(--pk-white);

	display: flex;

	flex-direction: column;

	gap: 5px;

}



.dc-cat-card--static .dc-cat-card__name {

	font-size: 22px;

	font-weight: 700;

	line-height: 1.2;

}



.dc-cat-card--static .dc-cat-card__count {

	font-size: 13px;

	letter-spacing: 1.5px;

	text-transform: uppercase;

	color: var(--pk-primary);

	font-weight: 600;

}



/* Hover effects */



.dc-cat-card--static:hover {

	transform: translateY(-8px);

	box-shadow: 0 15px 35px rgba(0,0,0,0.15);

}



.dc-cat-card--static:hover img,



.dc-cat-card--static:hover video {

	transform: scale(1.08);

}



.dc-cat-card--static:hover .dc-cat-card__overlay {

	background: linear-gradient(to top, rgba(11, 37, 89, 0.9) 0%, rgba(7, 28, 68, 0.5) 60%, transparent 100%);

}



.blog-hero .dc-post-breadcrumbs,



.blog-hero .dc-post-breadcrumbs a {

	color: rgba(255, 255, 255, 0.75);

}



.blog-hero .dc-post-breadcrumbs a:hover {

	color: var(--pk-secondary, #0084FF);

}



.blog-hero .dc-post-breadcrumbs .sep {

	color: rgba(255, 255, 255, 0.35);

}



/* ─── HERO SWIPER STYLING ──────────────────────────────────── */



.pk-hero-swiper {

	position: relative;

	width: 100%;

	height: 100%;

	border-radius: var(--pk-radius-lg);

	overflow: hidden;

}



.pk-hero-swiper .swiper-slide {

	height: auto;

}



.pk-hero-swiper .pk-hero-banner--main {

	height: 100%;

	min-height: 560px;

	position: relative;

	background-image: none !important;

}



.pk-hero-bg-img {

	position: absolute;

	inset: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

	background-size: cover;

	background-position: center;

	z-index: 0;

	transition: transform 6.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);

}



.swiper-slide-active .pk-hero-bg-img {

	transform: scale(1.08);

}



/* Custom Navigation arrows */



.pk-hero-prev,



.pk-hero-next {

	width: 38px;

	height: 38px;

	background: rgba(255, 255, 255, 0.15);

	backdrop-filter: blur(10px);

	-webkit-backdrop-filter: blur(10px);

	border: 1.5px solid rgba(255, 255, 255, 0.25);

	border-radius: 50%;

	color: var(--pk-white);

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 14px;

	cursor: pointer;

	transition: var(--pk-transition);

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	z-index: 10;

	padding: 0;

}



.pk-hero-prev:hover,



.pk-hero-next:hover {

	background: var(--pk-white);

	color: var(--pk-secondary);

	border-color: var(--pk-white);

}



.pk-hero-prev {

	left: 10px;

}



.pk-hero-next {

	right: 10px;

}



/* Custom Pagination dots */



.pk-hero-pagination {

	bottom: 25px !important;

	left: 50% !important;

	transform: translateX(-50%);

	text-align: center !important;

	width: auto !important;

	z-index: 10;

}



.pk-hero-pagination .swiper-pagination-bullet {

	background: rgba(255, 255, 255, 0.4) !important;

	opacity: 1 !important;

	width: 8px !important;

	height: 8px !important;

	margin: 0 4px !important;

	transition: all 0.3s ease !important;

}



.pk-hero-pagination .swiper-pagination-bullet-active {

	background: var(--pk-white) !important;

	width: 24px !important;

	border-radius: 4px !important;

}



/* ==========================================================================



   FUNNEL CHECKOUT STYLES



   ========================================================================== */



.pk-landing-checkout {

	background-color: #f9f5eb;

	padding: 60px 0;

}



.pk-funnel-product-selector {

	background: #fff;

	border-radius: 12px;

	padding: 24px;

	margin-bottom: 30px;

	border: 1px solid #e8dec8;

}



.pk-funnel-step-title {

	font-size: 20px;

	font-weight: 700;

	color: #006400;

	margin-bottom: 20px;

	padding-bottom: 15px;

	border-bottom: 1px dashed #e8dec8;

}



.pk-funnel-radio-group {

	display: flex;

	gap: 20px;

	flex-wrap: wrap;

}



.pk-funnel-radio-card {

	flex: 1;

	min-width: 280px;

	border: 2px solid #e8dec8;

	border-radius: 8px;

	padding: 15px;

	cursor: pointer;

	display: flex;

	align-items: center;

	position: relative;

	transition: all 0.3s ease;

	background: #fff;

}



.pk-funnel-radio-card.is-selected {

	border-color: #006400;

	background-color: #f6fdf6;

}



.pk-funnel-radio-input {

	margin-right: 15px;

	accent-color: #006400;

	width: 18px;

	height: 18px;

	cursor: pointer;

}



.pk-funnel-radio-content {

	display: flex;

	align-items: center;

	flex: 1;

	gap: 15px;

}



.pk-funnel-radio-img img {

	width: 60px;

	height: 60px;

	object-fit: cover;

	border-radius: 6px;

}



.pk-funnel-radio-info {

	flex: 1;

}



.pk-funnel-radio-title {

	font-size: 16px;

	font-weight: 700;

	color: #006400;

	margin: 0 0 5px 0;

}



.pk-funnel-radio-price {

	font-size: 15px;

	color: #555;

	font-weight: 600;

}



.pk-funnel-radio-badge {

	position: absolute;

	top: -12px;

	right: 15px;

	background: #006400;

	color: #fff;

	font-size: 12px;

	padding: 2px 8px;

	border-radius: 4px;

}



.pk-funnel-swatches {

	display: flex;

	flex-wrap: wrap;

	gap: 8px;

	margin-top: 5px;

}



.pk-funnel-swatch {

	border: 1px solid #d1d9dd;

	background: #fff;

	padding: 4px 10px;

	font-size: 11px;

	font-weight: 600;

	border-radius: 30px;

	cursor: pointer;

	transition: all 0.2s ease;

	color: #333;

}



.pk-funnel-swatch:hover {

	border-color: #006400;

	color: #006400;

	background: rgba(0, 100, 0, 0.04);

}



.pk-funnel-swatch.active {

	border-color: #006400;

	color: #fff;

	background: #006400;

	font-weight: 700;

	box-shadow: 0 3px 8px rgba(0, 100, 0, 0.2);

}



/* Two Column Checkout Layout */



.pk-landing-checkout form.woocommerce-checkout {

	display: grid;

	grid-template-columns: 1fr 1fr;

	gap: 0 20px;

	align-items: start;

}



.pk-landing-checkout #customer_details {

	background: #fff;

	border-radius: 12px;

	padding: 24px;

	border: 1px solid #e8dec8;

	grid-column: 1 / 2;

	grid-row: 1 / 3;

}



.pk-landing-checkout #customer_details .col-1 {

	width: 100% !important;

	max-width: 100% !important;

	float: none !important;

}



.pk-landing-checkout #customer_details .col-2 {

	display: none !important;

}



.pk-landing-checkout #order_review_heading {

	font-size: 20px;

	font-weight: 700;

	color: #006400;

	margin-top: 0;

	margin-bottom: 20px;

	padding-bottom: 15px;

	border-bottom: 1px dashed #e8dec8;

	display: block;

	grid-column: 2 / 3;

	grid-row: 1 / 2;

	background: #fff;

	border-radius: 12px 12px 0 0;

	padding: 24px 24px 0 24px;

	border: 1px solid #e8dec8;

	border-bottom: none;

}



.pk-landing-checkout #order_review {

	background: #fff;

	border-radius: 0 0 12px 12px;

	padding: 0 24px 24px 24px;

	border: 1px solid #e8dec8;

	border-top: none;

	grid-column: 2 / 3;

	grid-row: 2 / 3;

}



/* Hide coupon form */



.pk-landing-checkout .woocommerce-form-coupon-toggle,



.pk-landing-checkout .checkout_coupon {

	display: none !important;

}



/* Style checkout headings */



.pk-landing-checkout h3 {

	font-size: 18px;

	font-weight: bold;

	color: #004b23;

	margin-bottom: 20px;

}



/* Form inputs styling */



.pk-landing-checkout .woocommerce-checkout label {

	color: #006400;

	font-weight: 600;

	font-size: 14px;

	margin-bottom: 8px;

	display: block;

}



.pk-landing-checkout .woocommerce-checkout label .required {

	color: red;

}



.pk-landing-checkout .dc-checkout-form input[type="text"],



.pk-landing-checkout .dc-checkout-form input[type="tel"],



.pk-landing-checkout .dc-checkout-form input[type="email"],



.pk-landing-checkout .dc-checkout-form select,



.pk-landing-checkout .dc-checkout-form textarea {

	background-color: #f9f5eb;

	border: 1px solid #e8dec8;

	border-radius: 4px;

	padding: 12px;

	width: 100%;

}



.pk-landing-checkout .dc-checkout-form input:focus,



.pk-landing-checkout .dc-checkout-form textarea:focus {

	border-color: #006400;

	outline: none;

}



/* Make right column look like the screenshot */



.dc-tracking-card address {

	border: 1px solid var(--pk-border);

	border-radius: var(--pk-radius);

	padding: 15px 20px;

	background: var(--pk-bg-soft);

	font-style: normal;

	font-size: 14px;

	color: var(--pk-text-muted);

	line-height: 1.6;

}



/* Tracking Result Header & Info Badge */



.dc-tracking-info-badge {

	background: var(--pk-bg-soft);

	padding: 10px 20px;

	border-radius: 30px;

	font-size: 13.5px;

	display: inline-flex;

	flex-wrap: wrap;

	justify-content: center;

	align-items: center;

	border: 1px solid var(--pk-border);

	color: var(--pk-text-muted);

	gap: 5px;

}



.dc-tracking-info-badge strong {

	color: var(--pk-primary, #0B2559);

}



.status-badge {

	padding: 4px 10px;

	border-radius: 4px;

	font-size: 12px;

	text-transform: uppercase;

	font-weight: 700;

}



.status-badge.status-processing,



.status-badge.status-completed {

	background: #EFF6FF;

	color: var(--pk-secondary, #0084FF);

}



.status-badge.status-on-hold,



.status-badge.status-pending {

	background: #FFFBEB;

	color: #D97706;

}



.status-badge.status-cancelled,



.status-badge.status-failed,



.status-badge.status-refunded {

	background: #FEF2F2;

	color: var(--pk-accent, #E5252A);

}



.dc-tracking-title {

	font-size: 24px;

	font-weight: 800;

	color: var(--pk-primary, #0B2559);

	margin-top: 15px;

}



/* Graphical Timeline Layout */



.pk-tracking-timeline-wrap {

	position: relative;

	padding: 20px 0;

}



.pk-tracking-timeline {

	display: grid;

	grid-template-columns: repeat(4, 1fr);

	position: relative;

	gap: 15px;

}



/* Progress Line behind the steps */



.timeline-line {

	position: absolute;

	top: 25px;

	/* Centers with step-icon (50px / 2 = 25px) */

	left: 12.5%;

	right: 12.5%;

	height: 4px;

	background: var(--pk-border);

	z-index: 1;

}



.timeline-line-progress {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) ;

	transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);

}



/* Timeline Step */



.timeline-step {

	display: flex;

	flex-direction: column;

	align-items: center;

	text-align: center;

	position: relative;

	z-index: 2;

}



.timeline-step .step-icon {

	width: 50px;

	height: 50px;

	border-radius: 50%;

	background: var(--pk-white);

	border: 3px solid var(--pk-border);

	color: var(--pk-text-muted);

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 18px;

	transition: all 0.4s ease;

	box-shadow: 0 0 0 4px var(--pk-white);

}



.timeline-step .step-title {

	font-size: 14px;

	font-weight: 700;

	color: var(--pk-primary, #0B2559);

	margin-top: 15px;

	margin-bottom: 5px;

}



.timeline-step .step-desc {

	font-size: 11px;

	color: var(--pk-text-muted);

	line-height: 1.4;

	padding: 0 10px;

}



/* Step States */



/* 1. Completed state */



.timeline-step.completed .step-icon {

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%));

	border-color: transparent;

	color: var(--pk-white);

}



/* 2. Active (current) state */



.timeline-step.active .step-icon {

	background: var(--pk-white);

	border-color: var(--pk-secondary, #0084FF);

	color: var(--pk-secondary, #0084FF);

	box-shadow: 0 0 0 4px var(--pk-white), 0 0 12px rgba(0, 132, 255, 0.4);

	animation: pk-step-pulse 2s infinite;

}



@keyframes pk-step-pulse {



  0% {

	box-shadow: 0 0 0 4px var(--pk-white), 0 0 0 0px rgba(0, 132, 255, 0.4);

}



  70% {

	box-shadow: 0 0 0 4px var(--pk-white), 0 0 0 8px rgba(0, 132, 255, 0);

}



  100% {

	box-shadow: 0 0 0 4px var(--pk-white), 0 0 0 0px rgba(0, 132, 255, 0);

}



}



/* 3. Pending state */



.timeline-step.pending .step-icon {

	background: var(--pk-white);

	border-color: var(--pk-border);

	color: var(--pk-text-muted);

}



/* 4. Cancelled state */



.timeline-step.cancelled .step-icon {

	background: #ef4444;

	border-color: #ef4444;

	color: var(--pk-white);

}



.timeline-step.cancelled .step-title {

	color: #ef4444;

}



/* Details Header */



.details-section-title {

	font-size: 18px;

	font-weight: 800;

	color: var(--pk-secondary);

	border-bottom: 2px solid var(--pk-primary);

	padding-bottom: 8px;

	display: inline-block;

}



/* Secondary Button */



.dc-btn--secondary {

	display: inline-flex;

	align-items: center;

	padding: 12px 25px;

	border-radius: 30px;

	background: var(--pk-bg-soft);

	border: 1px solid var(--pk-border);

	color: var(--pk-secondary);

	font-weight: 700;

	font-size: 14px;

	transition: var(--pk-transition);

}



.dc-btn--secondary:hover {

	background: var(--pk-secondary);

	border-color: var(--pk-secondary);

	color: var(--pk-white);

}



/* Mobile responsive timeline adjustments */



.pk-landing-checkout .woocommerce-checkout-review-order-table {

	width: 100%;

	margin-bottom: 20px;

}



.pk-landing-checkout .woocommerce-checkout-review-order-table th {

	color: #006400;

	border-bottom: 1px dashed #e8dec8;

	padding-bottom: 10px;

}



.pk-landing-checkout .woocommerce-checkout-review-order-table td {

	border-bottom: 1px dashed #e8dec8;

	padding: 15px 0;

	color: #333;

}



.pk-landing-checkout .woocommerce-checkout-review-order-table tfoot th,



.pk-landing-checkout .woocommerce-checkout-review-order-table tfoot td {

	color: #006400;

}



.pk-landing-checkout .woocommerce-checkout-review-order-table .order-total .woocommerce-Price-amount {

	font-weight: bold;

	font-size: 18px;

}



.pk-landing-checkout #place_order {

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%));

	color: #ffffff;

	font-size: 20px;

	font-weight: 800;

	padding: 15px;

	width: 100%;

	border-radius: 8px;

	border: none;

	margin-top: 15px;

	box-shadow: 0 4px 15px rgba(11, 37, 89, 0.25);

	transition: all 0.3s;

}



.pk-landing-checkout #place_order:hover {

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, #0084FF 0%, #0B2559 100%));

	box-shadow: 0 6px 20px rgba(0, 132, 255, 0.35);

}



/* ─────────────────────────────────────────────────────────────────────────────



   23. ORDER TRACKING TEMPLATE PAGE



   ───────────────────────────────────────────────────────────────────────────── */



.dc-tracking-section {

	background-color: var(--pk-bg-soft);

	padding: 80px 0;

}



.dc-tracking-card {

	background: var(--pk-white);

	border: 1px solid var(--pk-border);

	border-radius: var(--pk-radius-lg);

	padding: 50px 40px;

	box-shadow: var(--pk-shadow);

}



.dc-tracking-icon {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	width: 80px;

	height: 80px;

	border-radius: 50%;

	background: rgba(0, 132, 255, 0.1);

	color: var(--pk-secondary, #0084FF);

}



.dc-tracking-icon svg {

	width: 38px;

	height: 38px;

}



.dc-tracking-help h5 {

	font-size: 18px;

	font-weight: 800;

	color: var(--pk-primary, #0B2559);

	margin-bottom: 8px;

}



.dc-tracking-help p {

	color: var(--pk-text-muted);

	font-size: 14.5px;

	margin-bottom: 12px;

}



.dc-tracking-help .dc-link {

	font-size: 22px;

	color: var(--pk-primary);

	text-decoration: none;

	transition: var(--pk-transition);

}



.dc-tracking-help .dc-link:hover {

	color: var(--pk-secondary, #0084FF);

	letter-spacing: 0.5px;

}



/* WooCommerce Order Tracking Form Customizations */



.dc-tracking-form-wrap .track_order>p:first-of-type {

	display: none;

	/* Hide default duplicate tracking message */

}



.dc-tracking-form-wrap .track_order {

	display: flex;

	flex-direction: column;

	gap: 20px;

}



.dc-tracking-form-wrap .track_order p.form-row {

	margin: 0;

	display: flex;

	flex-direction: column;

	gap: 8px;

	width: 100% !important;

	float: none !important;

}



.dc-tracking-form-wrap .track_order p.form-row label {

	font-size: 13px;

	font-weight: 700;

	color: var(--pk-primary, #0B2559);

	text-transform: uppercase;

	letter-spacing: 0.5px;

}



.dc-tracking-form-wrap .track_order p.form-row input.input-text {

	width: 100%;

	padding: 14px 18px;

	border: 1px solid var(--pk-border);

	border-radius: var(--pk-radius);

	background: var(--pk-bg-soft);

	color: var(--pk-text);

	font-size: 14.5px;

	transition: var(--pk-transition);

	outline: none;

}



.dc-tracking-form-wrap .track_order p.form-row input.input-text:focus {

	border-color: var(--pk-secondary, #0084FF);

	background: var(--pk-white);

	box-shadow: 0 4px 12px rgba(0, 132, 255, 0.15);

}



.dc-tracking-form-wrap .track_order p.form-row button[type="submit"] {

	width: 100%;

	padding: 14px 20px;

	font-weight: 800;

	font-size: 15px;

	border-radius: 30px;

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%)) !important;

	border: none !important;

	color: var(--pk-white) !important;

	transition: var(--pk-transition) !important;

	text-transform: uppercase;

	letter-spacing: 1px;

	cursor: pointer;

	margin-top: 10px;

	box-shadow: 0 4px 15px rgba(11, 37, 89, 0.25) !important;

}



.dc-tracking-form-wrap .track_order p.form-row button[type="submit"]:hover {

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, #0084FF 0%, #0B2559 100%)) !important;

	transform: translateY(-2px);

	box-shadow: 0 8px 20px rgba(0, 132, 255, 0.35) !important;

}



/* Order Details / Results page inside the card */



.dc-tracking-card p.woocommerce-info {

	margin-bottom: 20px;

	border-radius: var(--pk-radius);

	font-size: 14px;

}



.dc-tracking-card .woocommerce-order-details {

	margin-top: 10px;

}



.dc-tracking-card .woocommerce-order-details__title {

	font-size: 20px;

	font-weight: 800;

	color: var(--pk-secondary);

	margin-bottom: 15px;

	border-bottom: 1px solid var(--pk-border);

	padding-bottom: 10px;

}



.dc-tracking-card table.order_details {

	width: 100%;

	border-collapse: collapse;

	margin-bottom: 30px;

}



.dc-tracking-card table.order_details th,



.dc-tracking-card table.order_details td {

	padding: 12px 0;

	border-bottom: 1px solid var(--pk-border);

	font-size: 14px;

	color: var(--pk-text-muted);

}



.dc-tracking-card table.order_details th:last-child,



.dc-tracking-card table.order_details td:last-child {

	text-align: right;

}



.dc-tracking-card table.order_details th {

	color: var(--pk-secondary);

	font-weight: 700;

}



.dc-tracking-card table.order_details .product-name strong {

	color: var(--pk-secondary);

}



.dc-tracking-card table.order_details tfoot th {

	font-weight: 600;

	color: var(--pk-text);

}



.dc-tracking-card table.order_details tfoot td {

	font-weight: 700;

	color: var(--pk-secondary);

	text-align: right;

}



.dc-tracking-card table.order_details tfoot tr:last-child th,



.dc-tracking-card table.order_details tfoot tr:last-child td {

	font-size: 16px;

	font-weight: 800;

	border-bottom: none;

	padding-top: 15px;

}



.dc-tracking-card table.order_details tfoot tr:last-child td {

	color: var(--pk-primary);

}



.dc-tracking-card .woocommerce-customer-details {

	margin-top: 25px;

	border-top: 1px solid var(--pk-border);

	padding-top: 25px;

}



.dc-tracking-card .woocommerce-column__title {

	font-size: 16px;

	font-weight: 800;

	color: var(--pk-secondary);

	margin-bottom: 12px;

}



/* ============================================================



   DESHI CLOTH / PYKAR — SHOP LIST VIEW ADJUSTMENTS



   ============================================================ */



.dc-product-grid--list {
	display: flex !important;
	flex-direction: column !important;
	gap: 20px !important;
}

/* Card Row Layout in List View */
.dc-product-grid--list .pk-book-card,
.dc-product-grid--list .pk-prod-card,
.dc-product-grid--list .dc-prod-card {
	display: grid !important;
	grid-template-columns: 150px 1fr !important;
	gap: 24px !important;
	padding: 16px 20px !important;
	align-items: center !important;
	height: auto !important;
	flex-direction: row !important;
	background: #ffffff !important;
	border-radius: 14px !important;
	border: 1px solid #E2E8F0 !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
	transition: all 0.25s ease !important;
	width: 100% !important;
}

.dc-product-grid--list .pk-book-card:hover,
.dc-product-grid--list .pk-prod-card:hover,
.dc-product-grid--list .dc-prod-card:hover {
	transform: translateX(4px) !important;
	box-shadow: 0 8px 24px rgba(11, 37, 89, 0.08) !important;
	border-color: var(--pk-primary, #0084FF) !important;
}

/* Book Cover Wrap in List View (Fixed size, No stretching) */
.dc-product-grid--list .pk-book-cover-wrap,
.dc-product-grid--list .pk-prod-img-wrap,
.dc-product-grid--list .dc-prod-card__img-wrap {
	width: 150px !important;
	min-width: 150px !important;
	max-width: 150px !important;
	height: 200px !important;
	aspect-ratio: 3 / 4 !important;
	margin: 0 !important;
	flex-shrink: 0 !important;
	border-radius: 10px !important;
	overflow: hidden !important;
	position: relative !important;
}

.dc-product-grid--list .pk-book-cover-link {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
}

.dc-product-grid--list .pk-book-spine-effect {
	width: 100% !important;
	height: 100% !important;
	display: block !important;
}

.dc-product-grid--list .pk-book-img,
.dc-product-grid--list .pk-prod-img-wrap img,
.dc-product-grid--list .dc-prod-card__img-wrap img,
.dc-product-grid--list img.main-img {
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}

/* Book Info Body in List View */
.dc-product-grid--list .pk-book-body,
.dc-product-grid--list .pk-prod-body,
.dc-product-grid--list .dc-prod-card__info {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	text-align: left !important;
	justify-content: center !important;
	padding: 4px 0 !important;
	height: auto !important;
	width: 100% !important;
}

/* Title in List View */
.dc-product-grid--list .pk-book-title,
.dc-product-grid--list .pk-prod-title,
.dc-product-grid--list .dc-prod-card__name {
	font-size: 19px !important;
	font-weight: 700 !important;
	color: #0F172A !important;
	margin: 0 0 6px !important;
	line-height: 1.4 !important;
	text-align: left !important;
	display: block !important;
	height: auto !important;
	-webkit-line-clamp: unset !important;
	overflow: visible !important;
}

.dc-product-grid--list .pk-book-title a,
.dc-product-grid--list .pk-prod-title a,
.dc-product-grid--list .dc-prod-card__name a {
	color: inherit !important;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
}

.dc-product-grid--list .pk-book-title a:hover,
.dc-product-grid--list .pk-prod-title a:hover,
.dc-product-grid--list .dc-prod-card__name a:hover {
	color: var(--pk-primary, #0084FF) !important;
}

/* Author in List View */
.dc-product-grid--list .pk-book-author {
	font-size: 14.5px !important;
	color: #64748B !important;
	margin: 0 0 8px !important;
	text-align: left !important;
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
}

/* Rating Stars in List View */
.dc-product-grid--list .pk-book-rating,
.dc-product-grid--list .dc-prod-card__rating {
	justify-content: flex-start !important;
	margin: 0 0 12px !important;
}

/* Price Row in List View */
.dc-product-grid--list .pk-book-price-row,
.dc-product-grid--list .pk-prod-price-row {
	margin: 4px 0 16px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 12px !important;
	text-align: left !important;
	border-top: none !important;
	padding-top: 0 !important;
}

.dc-product-grid--list .pk-book-price,
.dc-product-grid--list .pk-price {
	display: flex !important;
	align-items: baseline !important;
	gap: 10px !important;
	margin: 0 !important;
}

.dc-product-grid--list .pk-book-price ins,
.dc-product-grid--list .pk-price ins {
	font-size: 21px !important;
	font-weight: 800 !important;
	color: var(--pk-primary, #0084FF) !important;
	text-decoration: none !important;
}

.dc-product-grid--list .pk-book-price del,
.dc-product-grid--list .pk-price del {
	font-size: 14px !important;
	color: #94A3B8 !important;
}

/* Action Buttons in List View */
.dc-product-grid--list .pk-book-card-actions {
	width: auto !important;
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin: 0 !important;
}

.dc-product-grid--list .pk-book-order-btn,
.dc-product-grid--list .pk-add-btn {
	padding: 9px 24px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	border-radius: 8px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
}

/* Responsive Mobile Layout for List View */
@media (max-width: 576px) {
	.dc-product-grid--list .pk-book-card,
	.dc-product-grid--list .pk-prod-card,
	.dc-product-grid--list .dc-prod-card {
		grid-template-columns: 105px 1fr !important;
		gap: 14px !important;
		padding: 12px !important;
	}

	.dc-product-grid--list .pk-book-cover-wrap,
	.dc-product-grid--list .pk-prod-img-wrap,
	.dc-product-grid--list .dc-prod-card__img-wrap {
		width: 105px !important;
		min-width: 105px !important;
		max-width: 105px !important;
		height: 140px !important;
	}

	.dc-product-grid--list .pk-book-title,
	.dc-product-grid--list .pk-prod-title {
		font-size: 15px !important;
		margin-bottom: 4px !important;
	}

	.dc-product-grid--list .pk-book-author {
		font-size: 13px !important;
		margin-bottom: 4px !important;
	}

	.dc-product-grid--list .pk-book-rating {
		margin-bottom: 6px !important;
	}

	.dc-product-grid--list .pk-book-price-row {
		margin: 2px 0 10px !important;
	}

	.dc-product-grid--list .pk-book-price ins {
		font-size: 17px !important;
	}

	.dc-product-grid--list .pk-book-order-btn {
		padding: 7px 16px !important;
		font-size: 12.5px !important;
	}
}

/* ============================================================



   DESHI CLOTH / PYKAR — WOOCOMMERCE COMMENT FORM RATING STARS



   ============================================================ */



.comment-form-rating {

	margin: 15px 0 25px;

}



.comment-form-rating label {

	display: block;

	font-weight: 700;

	color: var(--pk-secondary);

	margin-bottom: 8px;

}



.comment-form-rating .stars {

	display: inline-block;

	margin: 0;

	vertical-align: middle;

}



.comment-form-rating .stars span {

	display: flex;

	gap: 6px;

}



.comment-form-rating .stars a {

	position: relative;

	display: inline-block;

	width: 24px;

	height: 24px;

	text-indent: -9999px;

	/* Hide text fallback */

	overflow: hidden;

	color: #ffb800;

	transition: transform 0.15s ease;

	text-decoration: none;

}



.comment-form-rating .stars a:hover {

	transform: scale(1.2);

}



.comment-form-rating .stars a::before {

	content: "\f005";

	/* FontAwesome star */

	font-family: "Font Awesome 6 Free";

	font-weight: 400;

	/* Outline star by default */

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	text-indent: 0;

	font-size: 20px;

	text-align: center;

	line-height: 24px;

}



/* Selected state (clicked) */



.comment-form-rating .stars.selected a::before {

	content: "\f005";

	font-weight: 900;

	/* Solid star */

}



.comment-form-rating .stars.selected a.active~a::before {

	content: "\f005";

	font-weight: 400;

	/* Outline star for subsequent ones */

}



/* Hover state overrides */



.comment-form-rating .stars:hover a::before {

	content: "\f005";

	font-weight: 900 !important;

	/* Solid star on hover */

}



.comment-form-rating .stars a:hover~a::before {

	content: "\f005";

	font-weight: 400 !important;

	/* Outline star after the hovered star */

}



/* ============================================================



   DESHI CLOTH / PYKAR — CHECKOUT SUMMARY & SHIPPING ADJUSTMENTS



   ============================================================ */



/* ── Force the whole table + its sections to fill container width ── */



.woocommerce-checkout-review-order table.shop_table {

	display: block !important;

	width: 100% !important;

	box-sizing: border-box !important;

}



.woocommerce-checkout-review-order table.shop_table thead,



.woocommerce-checkout-review-order table.shop_table tbody,



.woocommerce-checkout-review-order table.shop_table tfoot {

	display: block !important;

	width: 100% !important;

	box-sizing: border-box !important;

}



/* ── Each totals row is a flex row spanning 100% ── */



.woocommerce-checkout-review-order table.shop_table tfoot tr {

	display: flex !important;

	width: 100% !important;

	box-sizing: border-box !important;

	padding: 12px 0 !important;

	border-bottom: 1px solid var(--pk-border) !important;

	align-items: center !important;

}



/* ── Shipping row stacks vertically ── */



.woocommerce-checkout-review-order table.shop_table tfoot tr.shipping {

	flex-direction: column !important;

	align-items: stretch !important;

}



/* ── All cells: block, no extra borders ── */



.woocommerce-checkout-review-order table.shop_table tfoot tr th,



.woocommerce-checkout-review-order table.shop_table tfoot tr td {

	display: block !important;

	border: none !important;

	padding: 0 !important;

	background: transparent !important;

}



/* ── Subtotal, Delivery & Total rows: th grows left, td stays right ── */



.woocommerce-checkout-review-order table.shop_table tfoot tr.cart-subtotal th,



.woocommerce-checkout-review-order table.shop_table tfoot tr.cits-, .nyrisa-checkout-delivery-row th,



.woocommerce-checkout-review-order table.shop_table tfoot tr.order-total th {

	flex: 1 !important;

	text-align: left !important;

}



.woocommerce-checkout-review-order table.shop_table tfoot tr.cart-subtotal td,



.woocommerce-checkout-review-order table.shop_table tfoot tr.cits-, .nyrisa-checkout-delivery-row td,



.woocommerce-checkout-review-order table.shop_table tfoot tr.order-total td {

	text-align: right !important;

	flex-shrink: 0 !important;

}



/* ── Subtotal colours ── */



.woocommerce-checkout-review-order table.shop_table tfoot tr.cart-subtotal th {

	font-size: 16px !important;

	font-weight: 700 !important;

	color: var(--pk-secondary) !important;

}



.woocommerce-checkout-review-order table.shop_table tfoot tr.cart-subtotal td {

	font-size: 16px !important;

	font-weight: 700 !important;

	color: var(--pk-primary) !important;

}



/* ── Shipment heading ── */



.woocommerce-checkout-review-order table.shop_table tfoot tr.shipping th {

	font-size: 16px !important;

	font-weight: 700 !important;

	color: var(--pk-secondary) !important;

	margin-bottom: 10px !important;

	width: 100% !important;

}



.woocommerce-checkout-review-order table.shop_table tfoot tr.shipping td {

	width: 100% !important;

}



/* ── Total colours ── */



.woocommerce-checkout-review-order table.shop_table tfoot tr.order-total th {

	font-size: 20px !important;

	font-weight: 800 !important;

	color: var(--pk-secondary) !important;

}



.woocommerce-checkout-review-order table.shop_table tfoot tr.order-total td,



.woocommerce-checkout-review-order table.shop_table tfoot tr.order-total td .woocommerce-Price-amount {

	font-size: 24px !important;

	font-weight: 800 !important;

	color: var(--pk-primary) !important;

}



/* ── Shipping methods list ── */



.woocommerce-shipping-methods {

	list-style: none !important;

	padding: 0 !important;

	margin: 0 !important;

	display: block !important;

	width: 100% !important;

}



.woocommerce-shipping-methods li {

	display: flex !important;

	align-items: center !important;

	width: 100% !important;

	margin-bottom: 8px !important;

}



.woocommerce-shipping-methods li:last-child {

	margin-bottom: 0 !important;

}



.woocommerce-shipping-methods li input[type="radio"] {

	flex-shrink: 0 !important;

	margin: 0 10px 0 0 !important;

	width: 18px !important;

	height: 18px !important;

	accent-color: #1a943f !important;

	cursor: pointer !important;

}



.woocommerce-shipping-methods li label {

	display: flex !important;

	justify-content: space-between !important;

	align-items: center !important;

	flex: 1 !important;

	font-size: 14px !important;

	font-weight: 500 !important;

	color: var(--pk-secondary) !important;

	cursor: pointer !important;

	margin: 0 !important;

}



.woocommerce-shipping-methods li label .woocommerce-Price-amount {

	font-weight: 700 !important;

	color: var(--pk-secondary) !important;

}



.woocommerce-shipping-methods li input[type="radio"]:checked+label {

	font-weight: 700 !important;

}



.woocommerce-shipping-methods li input[type="radio"]:checked+label .woocommerce-Price-amount {

	color: #ff3a3a !important;

}



/* Payment box override for clean flat description text */



.woocommerce-checkout #payment ul.payment_methods .payment_box {

	background: transparent !important;

	border: none !important;

	padding: 0 0 0 30px !important;

	/* Indent to align nicely with input label */

	font-size: 13px !important;

	color: var(--pk-text-muted) !important;

	margin-top: 5px !important;

	line-height: 1.5 !important;

	box-shadow: none !important;

}



/* Hide shipping calculator and notices in cart/checkout */



.woocommerce-shipping-destination,



.shipping-calculator-button,



.woocommerce-shipping-calculator,



p.woocommerce-shipping-contents {

	display: none !important;

}



/* ============================================================



   DESHI CLOTH / PYKAR — CART SUMMARY & SHIPPING ADJUSTMENTS



   ============================================================ */



.dc-cart-summary__lines {

	gap: 0 !important;

	margin-bottom: 15px !important;

}



.dc-cart-summary__line {

	border-bottom: 1px solid var(--pk-border) !important;

	padding: 10px 0 !important;

}



.dc-cart-summary__line:not(.dc-cart-summary__line--shipping) .dc-cart-summary__val,



.dc-cart-summary__line:not(.dc-cart-summary__line--shipping) .dc-cart-summary__val .woocommerce-Price-amount {

	color: var(--pk-primary, #0B2559) !important;

	/* Primary color for Subtotal value */

	font-weight: 700 !important;

}



.dc-cart-summary__line--shipping {

	display: block !important;

	padding: 10px 0 !important;

	border-bottom: 1px solid var(--pk-border) !important;

}



.dc-cart-summary__line--shipping>span {

	display: none !important;

	/* Hide static theme span to avoid duplicate Shipping/Shipment header */

}



.dc-cart-summary__line--shipping table,



.dc-cart-summary__line--shipping tbody,



.dc-cart-summary__line--shipping tr.shipping,



.dc-cart-summary__line--shipping tr.woocommerce-shipping-totals {

	display: flex !important;

	justify-content: space-between !important;

	align-items: center !important;

	width: 100% !important;

	border: none !important;

	margin: 0 !important;

	padding: 0 !important;

	background: transparent !important;

}



.dc-cart-summary__line--shipping th {

	font-size: 15px !important;

	font-weight: 700 !important;

	color: var(--pk-secondary) !important;

	margin: 0 !important;

	text-align: left !important;

	display: inline-block !important;

	border: none !important;

	padding: 0 !important;

	background: transparent !important;

}



.dc-cart-summary__line--shipping td {

	display: inline-block !important;

	width: auto !important;

	text-align: right !important;

	border: none !important;

	padding: 0 !important;

	background: transparent !important;

}



.dc-cart-summary__line--shipping td label,



.dc-cart-summary__line--shipping td .woocommerce-Price-amount {

	font-size: 15px !important;

	font-weight: 700 !important;

	color: var(--pk-primary, #0B2559) !important;

	margin: 0 !important;

}



.dc-cart-summary__total {

	display: flex !important;

	justify-content: space-between !important;

	align-items: center !important;

	padding: 12px 0 !important;

	border-bottom: 1px solid var(--pk-border) !important;

	border-top: none !important;

	margin-top: 0 !important;

	margin-bottom: 15px !important;

}



.dc-cart-summary__total>span:first-child {

	font-size: 20px !important;

	font-weight: 800 !important;

	color: var(--pk-primary) !important;

}



.dc-cart-summary__total-val,



.dc-cart-summary__total-val .woocommerce-Price-amount {

	font-size: 24px !important;

	font-weight: 800 !important;

	color: var(--pk-primary, #0B2559) !important;

}



/* ── Hide country field (Bangladesh only, hardcoded) ──────────────────────── */



.woocommerce-billing-fields #billing_country_field,



.woocommerce-billing-fields .billing_country_field,



p#billing_country_field {

	display: none !important;

}



/* ── Email field shown as optional on checkout ── */



.woocommerce-billing-fields #billing_email_field {

	display: block;

}



/* ─── CHECKOUT ACCOUNT FIELDS STYLE ──────────────────────────────── */



.woocommerce-account-fields {

	margin-top: 25px;

	padding: 20px;

	background: var(--pk-bg-soft);

	border: 1px solid var(--pk-border);

	border-radius: var(--pk-radius);

	margin-bottom: 25px;

}



.woocommerce-account-fields .create-account label.checkbox {

	font-weight: 700;

	color: var(--pk-secondary);

	display: inline-flex;

	align-items: center;

	gap: 8px;

	cursor: pointer;

}



.woocommerce-account-fields .create-account input[type="checkbox"] {

	width: 18px;

	height: 18px;

	accent-color: #698b73;

	cursor: pointer;

}



/* ── Hide WooCommerce default "Billing details" h3 (duplicate with our header) */



.woocommerce-billing-fields>h3,



.woocommerce-billing-fields h3.billing-title {

	display: none !important;

}



/* ─── PASSWORD STRENGTH METER ────────────────────────────────── */



.woocommerce-password-strength {

	margin-top: 12px;

	padding: 10px 15px;

	border-radius: var(--pk-radius);

	font-size: 13px;

	font-weight: 700;

	text-align: center;

	transition: var(--pk-transition);

}



/* Very Weak / Short / Bad */



.woocommerce-password-strength.short,



.woocommerce-password-strength.bad {

	background-color: #fff1f2;

	border: 1px solid #fecdd3;

	color: #e11d48;

}



/* Weak */



.woocommerce-password-strength.weak {

	background-color: #fff7ed;

	border: 1px solid #ffedd5;

	color: #ea580c;

}



/* Medium / Good */



.woocommerce-password-strength.good {

	background-color: #fef9c3;

	border: 1px solid #fef08a;

	color: #ca8a04;

}



/* Strong */



.woocommerce-password-strength.strong {

	background-color: #f0fdf4;

	border: 1px solid #bbf7d0;

	color: #16a34a;

}



.woocommerce-password-hint {

	margin-top: 12px;

	font-size: 12px;

	color: var(--pk-text-muted);

	line-height: 1.6;

	padding: 12px 15px;

	background: var(--pk-white);

	border-left: 3px solid var(--pk-primary);

	border-radius: 0 var(--pk-radius) var(--pk-radius) 0;

	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);

}



/* =============================================================================



   LANDING PAGE PRODUCT SHOWCASE PREMIUM STYLES



   ============================================================================= */



.pk-landing-product-showcase {

	padding: 85px 0;

	position: relative;

	overflow: hidden;

	transition: background-color 0.3s ease;

	display: none;

}



/* Background alternate premium styling */



.pk-product-langra {

	background-color: #ffffff;

}



.pk-product-himsagar {

	background-color: #f5fbf7;

	/* Very soft organic premium green tint */

	border-top: 1px solid #e2f3e8;

	border-bottom: 1px solid #e2f3e8;

}



.pk-product-khirsapat {

	background-color: #ffffff;

}



/* Centered Header Styles */



.pk-landing-product-showcase .pk-title {

	font-size: 32px;

	font-weight: 800;

	color: #1e2d2f;

	letter-spacing: -0.5px;

	font-family: var(--pk-font-main);

}



.pk-landing-product-showcase .pk-subtitle {

	font-size: 13px;

	letter-spacing: 1.5px;

	color: #006400;

	font-weight: 700;

	text-transform: uppercase;

}



.pk-landing-product-showcase .title-sep {

	width: 70px !important;

	height: 4px !important;

	background: linear-gradient(90deg, #006400 0%, #ffc107 100%) !important;

	border-radius: 4px;

	margin: 15px auto 0 auto;

}



/* Showcase Image Card styling with lift effect */



.pk-showcase-img-wrap {

	overflow: hidden;

	border-radius: 20px;

	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);

	background: #fff;

	transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.pk-showcase-img-wrap img {

	transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);

	width: 100%;

	display: block;

}



.pk-landing-product-showcase:hover .pk-showcase-img-wrap {

	transform: translateY(-6px);

	box-shadow: 0 25px 45px rgba(0, 100, 0, 0.08);

}



.pk-landing-product-showcase:hover .pk-showcase-img-wrap img {

	transform: scale(1.04);

}



/* Badges */



.pk-showcase-img-wrap .badge {

	font-size: 13px !important;

	font-weight: 700 !important;

	padding: 8px 16px !important;

	background: linear-gradient(135deg, #ff3a3a 0%, #e74c3c 100%) !important;

	box-shadow: 0 5px 12px rgba(231, 76, 60, 0.3) !important;

	z-index: 2;

	border-radius: 30px !important;

}



/* Showcase Content */



.pk-showcase-content h3 {

	font-size: 24px;

	font-weight: 800;

	color: #1e2d2f;

	line-height: 1.4;

	margin-bottom: 12px;

}



/* Price Row */



.pk-showcase-price .text-dark {

	font-size: 30px !important;

	color: #006400 !important;

	font-weight: 800;

}



.pk-showcase-price del {

	font-size: 18px !important;

	color: #a0aec0 !important;

	margin-left: 8px;

}



/* Feature list and details */



.pk-showcase-content h5 {

	font-size: 16px;

	font-weight: 700;

	color: #1e2d2f;

	display: flex;

	align-items: center;

	gap: 8px;

	border-bottom: 2px solid #f0f4f8;

	padding-bottom: 10px;

	margin-bottom: 15px;

}



.pk-showcase-content ul {

	padding-left: 0 !important;

	margin-bottom: 0;

}



.pk-showcase-content ul li {

	font-size: 14.5px;

	color: #4a5568;

	margin-bottom: 10px;

	list-style: none;

	padding-left: 0;

	display: flex;

	align-items: center;

}



.pk-showcase-content ul li i {

	color: #27ae60 !important;

	font-size: 15px;

	flex-shrink: 0;

}



/* Packaging & Storage box styling */



.pk-showcase-content .col-md-6:last-child {

	background: rgba(0, 100, 0, 0.02);

	border-left: 4px solid #006400;

	padding: 20px;

	border-radius: 4px 12px 12px 4px;

	box-shadow: inset 0 0 10px rgba(0, 100, 0, 0.01);

}



.pk-showcase-content .col-md-6:last-child p {

	line-height: 1.6;

}



/* CTA buttons inside showcases */



.pk-showcase-content .btn-warning {

	background: linear-gradient(135deg, #f7a223 0%, #ff8c00 100%) !important;

	color: #ffffff !important;

	border: none !important;

	padding: 12px 36px !important;

	font-size: 16px !important;

	font-weight: 700 !important;

	border-radius: 50px !important;

	box-shadow: 0 6px 16px rgba(247, 162, 35, 0.3) !important;

	transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;

}



.pk-showcase-content .btn-warning:hover {

	transform: translateY(-2px) !important;

	box-shadow: 0 10px 22px rgba(247, 162, 35, 0.45) !important;

	background: linear-gradient(135deg, #ff8c00 0%, #e67e00 100%) !important;

}



.pk-showcase-content .text-muted.small {

	font-size: 12.5px !important;

	font-weight: 500;

	color: #718096 !important;

}



.pk-showcase-content .text-muted.small i {

	color: #006400 !important;

}



/* Premium styles for checkout funnel product selection */



.pk-funnel-radio-card {

	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important;

	transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;

	border: 2px solid #e8dec8 !important;

	border-radius: 12px !important;

}



.pk-funnel-radio-card:hover {

	transform: translateY(-2px);

	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05) !important;

	border-color: #006400 !important;

}



.pk-funnel-radio-card.is-selected {

	border-color: #006400 !important;

	background-color: #f7faf8 !important;

	box-shadow: 0 10px 25px rgba(0, 100, 0, 0.05) !important;

}



.pk-funnel-step-title {

	font-family: var(--pk-font-main) !important;

	font-size: 22px !important;

	font-weight: 800 !important;

	color: #006400 !important;

}



.pk-funnel-radio-title {

	font-family: var(--pk-font-main) !important;

	font-size: 17px !important;

	font-weight: 750 !important;

}



.pk-funnel-radio-price {

	font-family: var(--pk-font-main) !important;

	color: #e67e22 !important;

	font-size: 16px !important;

	font-weight: 700 !important;

}



.pk-funnel-swatch {

	font-family: var(--pk-font-main) !important;

	font-size: 12px !important;

	padding: 6px 14px !important;

	border-radius: 30px !important;

	border: 1px solid #c8d3d9 !important;

	transition: all 0.25s ease !important;

}



.pk-funnel-swatch.active {

	background: #006400 !important;

	border-color: #006400 !important;

	box-shadow: 0 4px 10px rgba(0, 100, 0, 0.25) !important;

}



/* Premium styled WooCommerce Billing Details Form */



.pk-landing-checkout #customer_details {

	border-radius: 16px !important;

	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;

	border: 1px solid #e8dec8 !important;

}



.pk-landing-checkout #order_review {

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

	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;

	border: 1px solid #e8dec8 !important;

	border-top: none !important;

}



.pk-landing-checkout #order_review_heading {

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

	border: 1px solid #e8dec8 !important;

	border-bottom: 1px dashed #e8dec8 !important;

	background: #fff;

	padding: 24px 24px 10px 24px !important;

	margin-bottom: 0 !important;

}



/* Quantity selection controls */



.pk-funnel-quantity-controls {

	border: 2px solid #006400 !important;

	border-radius: 30px !important;

	overflow: hidden;

	background: #fff !important;

	box-shadow: 0 4px 12px rgba(0, 100, 0, 0.05) !important;

}



.pk-funnel-qty-btn {

	background: none !important;

	border: none !important;

	padding: 8px 18px !important;

	font-size: 18px !important;

	font-weight: 700 !important;

	color: #006400 !important;

	transition: background 0.2s !important;

}



.pk-funnel-qty-btn:hover {

	background: rgba(0, 100, 0, 0.05) !important;

}



.pk-funnel-quantity-controls input {

	width: 50px !important;

	border-left: 1px solid rgba(0, 100, 0, 0.15) !important;

	border-right: 1px solid rgba(0, 100, 0, 0.15) !important;

	color: #006400 !important;

	font-family: var(--pk-font-main) !important;

}



/* --- ADDITIONAL PREMIUM OVERRIDES FOR THE CHECKOUT FUNNEL & SHOWCASE --- */



/* Showcase Spacing & Layout */



.pk-showcase-img-wrap {

	margin-bottom: 30px !important;

	transition: transform 0.4s ease, box-shadow 0.4s ease;

}



.pk-showcase-img-wrap:hover {

	transform: scale(1.02);

	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08) !important;

}



.pk-showcase-content {

	transition: all 0.3s ease;

}



/* Premium Swatch Highlighting */



.pk-funnel-swatches {

	display: flex !important;

	flex-wrap: wrap !important;

	gap: 10px !important;

	margin-top: 8px !important;

	margin-bottom: 12px !important;

}



.pk-funnel-swatch {

	font-family: var(--pk-font-main) !important;

	font-size: 13px !important;

	font-weight: 600 !important;

	padding: 8px 18px !important;

	border-radius: 50px !important;

	border: 2px solid #e8dec8 !important;

	background-color: #fff !important;

	color: #555 !important;

	cursor: pointer !important;

	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;

	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02) !important;

	outline: none !important;

}



/* Hover effect for unselected swatches */



.pk-funnel-swatch:hover {

	border-color: #006400 !important;

	color: #006400 !important;

	background-color: rgba(0, 100, 0, 0.02) !important;

	transform: translateY(-1px) !important;

	box-shadow: 0 4px 8px rgba(0, 100, 0, 0.08) !important;

}



/* Selected Active Swatch Style */



.pk-funnel-swatch.active {

	background: linear-gradient(135deg, #006400 0%, #004d00 100%) !important;

	border-color: #006400 !important;

	color: #ffffff !important;

	font-weight: 700 !important;

	transform: scale(1.06) translateY(-1px) !important;

	box-shadow: 0 6px 15px rgba(0, 100, 0, 0.3) !important;

}



/* Funnel selector title & layouts */



.pk-funnel-variation-group span {

	font-size: 13px !important;

	letter-spacing: 0.5px !important;

	text-transform: uppercase !important;

	color: #4a5568 !important;

}



.pk-funnel-radio-card.is-selected .pk-funnel-variation-group span {

	color: var(--pk-bg) !important;

}



.pk-funnel-radio-card {

	position: relative !important;

	overflow: visible !important;

}



/* Highlight badge inside cards */



.pk-funnel-radio-card.is-selected::after {

	content: '✓ Selected';

	position: absolute;

	top: -12px;

	right: 15px;

	background: #006400;

	color: #fff;

	font-size: 11px;

	font-weight: 700;

	padding: 3px 10px;

	border-radius: 20px;

	box-shadow: 0 3px 6px rgba(0, 100, 0, 0.2);

	font-family: var(--pk-font-main);

	z-index: 5;

}



/* --- Mango Landing pages --- */



.pk-btn-mango-primary {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	background: linear-gradient(135deg, #ffc107 0%, #f7a223 100%);

	color: #0b2e1d !important;

	/* Premium dark green text */

	font-weight: 700;

	font-size: 16px;

	padding: 14px 36px;

	border-radius: 50px;

	border: none;

	text-decoration: none;

	box-shadow: 0 10px 20px rgba(247, 162, 35, 0.25);

	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);

	cursor: pointer;

	gap: 8px;

}



.pk-btn-mango-primary:hover {

	transform: translateY(-4px);

	box-shadow: 0 15px 25px rgba(247, 162, 35, 0.4);

	background: linear-gradient(135deg, #f7a223 0%, #e08e1b 100%);

	color: #0b2e1d !important;

}



.pk-btn-mango-primary:active {

	transform: translateY(-1px);

	box-shadow: 0 8px 15px rgba(247, 162, 35, 0.15);

}



.pk-btn-mango-whatsapp {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	background: rgba(37, 211, 102, 0.06);

	color: #0e6630 !important;

	font-weight: 700;

	font-size: 16px;

	padding: 13px 36px;

	border-radius: 50px;

	border: 2px solid #25d366;

	text-decoration: none;

	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);

	cursor: pointer;

	gap: 8px;

}



.pk-btn-mango-whatsapp i {

	font-size: 20px;

	color: #25d366;

	transition: color 0.3s ease;

}



.pk-btn-mango-whatsapp:hover {

	transform: translateY(-4px);

	background: #25d366;

	color: #ffffff !important;

	box-shadow: 0 15px 25px rgba(37, 211, 102, 0.3);

}



.pk-btn-mango-whatsapp:hover i {

	color: #ffffff;

}



.pk-btn-mango-whatsapp:active {

	transform: translateY(-1px);

	box-shadow: 0 8px 15px rgba(37, 211, 102, 0.15);

}



/* Small size premium buttons for products */



.pk-btn-mango-sm {

	font-size: 14px;

	padding: 10px 28px;

	box-shadow: 0 6px 15px rgba(247, 162, 35, 0.15);

}



.pk-btn-mango-sm:hover {

	box-shadow: 0 10px 20px rgba(247, 162, 35, 0.25);

}



/* Hide quantity suffix on checkout review table */



.page-template-template-mango-landing .product-quantity,



.page-template-template-mango-landing .woocommerce-checkout-review-order-table .product-name .product-quantity,



.page-template-template-mango-landing .woocommerce-checkout-review-order-table .product-name strong {

	display: none !important;

}



/* Premium Product Showcase Styling */



.pk-landing-product-showcase {

	padding: 80px 0;

	position: relative;

	overflow: hidden;

}



.pk-showcase-card {

	background: #ffffff;

	border-radius: 24px;

	padding: 40px;

	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.02);

	border: 1px solid rgba(0, 0, 0, 0.05);

	transition: all 0.4s ease;

	margin-top: 15px;

}



.pk-showcase-card:hover {

	box-shadow: 0 15px 50px rgba(0, 0, 0, 0.05);

	transform: translateY(-2px);

}



.pk-showcase-img-wrap {

	border-radius: 20px;

	overflow: hidden;

	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);

	transition: all 0.5s ease;

}



.pk-showcase-img-wrap img {

	transition: transform 0.8s cubic-bezier(0.15, 1, 0.3, 1);

	width: 100%;

	height: 420px;

	object-fit: cover;

}



.pk-showcase-img-wrap:hover img {

	transform: scale(1.05);

}



.pk-badge-discount {

	position: absolute;

	top: 20px;

	left: 20px;

	background: linear-gradient(135deg, #ff4e50 0%, #f9d423 100%);

	color: #fff;

	font-weight: 800;

	font-size: 13px;

	padding: 6px 16px;

	border-radius: 50px;

	box-shadow: 0 8px 15px rgba(255, 78, 80, 0.25);

	z-index: 10;

	border: 1px solid rgba(255, 255, 255, 0.2);

}



.pk-subtitle-premium {

	display: inline-block;

	background: #eaf6ec;

	color: #1b8a3e;

	padding: 6px 16px;

	border-radius: 50px;

	font-size: 12px;

	font-weight: 700;

	text-transform: uppercase;

	letter-spacing: 0.5px;

}



.pk-title-premium {

	font-size: 32px;

	font-weight: 800;

	color: #0c2115;

	margin-top: 10px;

}



.pk-showcase-content h3 {

	font-size: 22px;

	color: #1b8a3e;

	font-weight: 700;

	margin-bottom: 15px;

	text-align: left;

}



.pk-showcase-desc {

	font-size: 15px;

	line-height: 1.8;

	color: #5a6e60;

	text-align: left;

}



.pk-feature-list-premium {

	display: grid;

	grid-template-columns: 1fr 1fr;

	gap: 12px;

	margin-bottom: 24px;

	text-align: left;

}



.pk-feature-item-premium {

	background: #fdfdfd;

	border: 1px solid #f0f3f1;

	border-radius: 12px;

	padding: 12px 16px;

	display: flex;

	align-items: center;

	gap: 10px;

	transition: all 0.3s ease;

}



.pk-feature-item-premium:hover {

	background: #f1f8f3;

	border-color: #cce7d3;

	transform: translateX(4px);

}



.pk-feature-item-premium i {

	color: #25d366;

	font-size: 16px;

}



.pk-feature-item-premium span {

	font-size: 14px;

	font-weight: 600;

	color: #2c3e50;

}



.pk-info-card-premium {

	background: #f7faf8;

	border-left: 4px solid #1b8a3e;

	border-radius: 0 16px 16px 0;

	padding: 18px;

	margin-bottom: 30px;

	text-align: left;

}



.pk-info-card-premium h5 {

	font-size: 15px;

	font-weight: 700;

	color: #0c2115;

	margin-bottom: 10px;

	display: flex;

	align-items: center;

	gap: 8px;

}



.pk-info-card-premium h5 i {

	color: #1b8a3e;

}



.pk-info-card-premium p {

	font-size: 13px;

	line-height: 1.6;

	color: #5a6e60;

	margin-bottom: 8px;

}



.pk-info-card-premium p:last-child {

	margin-bottom: 0;

}



.pk-trust-badges-row {

	display: flex;

	flex-wrap: wrap;

	gap: 15px;

}



.pk-trust-badge-item {

	display: flex;

	align-items: center;

	gap: 8px;

	font-size: 13px;

	color: #64748b;

	font-weight: 500;

}



.pk-trust-badge-item i {

	color: #1b8a3e;

}



/* Showcase CTA button row */



.pk-showcase-cta-wrap {

	margin-top: 8px;

}



.pk-showcase-btn-row {

	display: flex;

	flex-wrap: wrap;

	gap: 14px;

	align-items: center;

}



.pk-showcase-btn-row .pk-btn-mango-primary,



.pk-showcase-btn-row .pk-btn-mango-whatsapp {

	white-space: nowrap;

}



/* ================================================================



   UVAC PUBLICATION — CONVERSION STYLES



   Brand: Navy #0B2559 | Cyan #0084FF | Midnight #071C44 | Accent #E5252A



================================================================ */



/* ── URGENCY BAR ─────────────────────────────────────────────── */



.pk-urgency-bar {

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) ;

	color: #fff;

	font-size: 13px;

	font-weight: 600;

	text-align: center;

	padding: 11px 20px;

	z-index: 9999;

	display: flex;

	align-items: center;

	justify-content: center;

	gap: 12px;

	letter-spacing: .2px;

	box-shadow: 0 2px 10px rgba(11, 37, 89, .25);

}



.pk-urgency-bar .pk-urgency-icon {

	animation: pkBlink 1.8s ease-in-out infinite;

	flex-shrink: 0;

}



.pk-urgency-bar .pk-urgency-stock {

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

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

	border-radius: 30px;

	padding: 3px 14px;

	font-size: 12px;

	font-weight: 700;

	white-space: nowrap;

}



@keyframes pkBlink {



  0%,



  100% {

	opacity: 1

}



  50% {

	opacity: .45

}



}



/* ── HERO SECTION ────────────────────────────────────────────── */



.pk-landing-hero {

	background: linear-gradient(135deg, #F0F7FF 0%, #E0F2FE 60%, #F0F7FF 100%);

	padding: 72px 0 60px;

}



.pk-landing-hero__badge {

	display: inline-flex;

	align-items: center;

	gap: 7px;

	background: rgba(0, 132, 255, .1);

	color: var(--pk-primary);

	border: 1px solid rgba(0, 132, 255, .25);

	font-size: 12px;

	font-weight: 700;

	padding: 6px 16px;

	border-radius: 30px;

	text-transform: uppercase;

	letter-spacing: .6px;

	margin-bottom: 20px;

}



.pk-landing-hero__title {

	font-size: 42px;

	font-weight: 900;

	color: var(--pk-primary, #0B2559);

	line-height: 1.2;

	margin-bottom: 0;

}



.pk-landing-hero__title span {

	color: var(--pk-secondary, #0084FF);

}



.pk-landing-hero__price-pill {

	display: inline-flex;

	align-items: center;

	gap: 12px;

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%));

	color: #fff;

	font-size: 20px;

	font-weight: 700;

	padding: 12px 28px;

	border-radius: 50px;

	margin: 18px 0 16px;

	box-shadow: 0 8px 28px rgba(11, 37, 89, .25);

}



.pk-landing-hero__price-pill .pk-old-price {

	font-size: 13px;

	font-weight: 500;

	text-decoration: line-through;

	opacity: .7;

}



.pk-landing-hero__sub {

	font-size: 16px;

	line-height: 1.8;

	color: var(--pk-text-muted);

	margin-bottom: 22px;

	max-width: 520px;

}



.pk-hero-trust-inline {

	display: flex;

	flex-wrap: wrap;

	gap: 10px;

	margin-bottom: 28px;

}



.pk-hero-trust-inline .pk-htag {

	display: inline-flex;

	align-items: center;

	gap: 6px;

	background: #fff;

	border: 1px solid #e2f0e8;

	color: var(--pk-secondary);

	font-size: 13px;

	font-weight: 600;

	padding: 7px 14px;

	border-radius: 30px;

	box-shadow: 0 2px 8px rgba(0, 0, 0, .05);

}



.pk-hero-trust-inline .pk-htag i {

	color: var(--pk-primary);

}



.pk-landing-hero__image {

	border-radius: 20px;

	overflow: hidden;

	box-shadow: 0 20px 60px rgba(0, 0, 0, .12);

}



.pk-landing-hero__image img {

	width: 100%;

	border-radius: 20px;

	display: block;

	transition: transform .6s ease;

}



.pk-landing-hero__image img:hover {

	transform: scale(1.03);

}



/* Hero CTA row */



/* ── BUTTONS ─────────────────────────────────────────────────── */



.pk-btn-mango-primary {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 9px;

	background: var(--pk-accent);

	color: var(--pk-secondary) !important;

	font-weight: 700;

	font-size: 16px;

	padding: 16px 36px;

	border-radius: 50px;

	border: none;

	text-decoration: none !important;

	box-shadow: 0 8px 24px rgba(247, 162, 35, .35);

	transition: all .3s ease;

	cursor: pointer;

	white-space: nowrap;

	animation: pkPulse 2.5s ease-in-out infinite;

}



.pk-btn-mango-primary:hover {

	background: #e8920a;

	color: var(--pk-secondary) !important;

	transform: translateY(-3px);

	box-shadow: 0 14px 32px rgba(247, 162, 35, .5);

	animation: none;

}



@keyframes pkPulse {



  0%,



  100% {

	box-shadow: 0 8px 24px rgba(247, 162, 35, .35);

}



  50% {

	box-shadow: 0 8px 32px rgba(247, 162, 35, .6), 0 0 0 6px rgba(247, 162, 35, .12);

}



}



.pk-btn-mango-whatsapp {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 9px;

	background: transparent;

	color: #1a6b3a !important;

	font-weight: 700;

	font-size: 16px;

	padding: 15px 32px;

	border-radius: 50px;

	border: 2px solid #25d366;

	text-decoration: none !important;

	transition: all .3s ease;

	cursor: pointer;

	white-space: nowrap;

}



.pk-btn-mango-whatsapp i {

	color: #25d366;

	font-size: 20px;

	transition: color .25s;

}



.pk-btn-mango-whatsapp:hover {

	background: #25d366;

	color: #fff !important;

	border-color: #25d366;

	transform: translateY(-3px);

	box-shadow: 0 12px 28px rgba(37, 211, 102, .3);

}



.pk-btn-mango-whatsapp:hover i {

	color: #fff;

}



/* ── SOCIAL PROOF STRIP ──────────────────────────────────────── */



.pk-social-proof-strip {

	background: linear-gradient(135deg, #0B2559 0%, #071C44 100%) !important;

	padding: 22px 0;

}



.pk-social-proof-grid {

	display: flex;

	align-items: center;

	justify-content: center;

}



.pk-social-proof-item {

	display: flex;

	flex-direction: column;

	align-items: center;

	padding: 0 40px;

	border-right: 1px solid rgba(255, 255, 255, .25);

	text-align: center;

}



.pk-social-proof-item:last-child {

	border-right: none;

}



.pk-social-proof-item .pk-sp-num {

	font-size: 30px;

	font-weight: 700;

	color: #fff !important;

	line-height: 1.1;

	letter-spacing: -.5px;

}



.pk-social-proof-item .pk-sp-label {

	font-size: 12px;

	font-weight: 600;

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

	text-transform: uppercase;

	letter-spacing: .8px;

	margin-top: 4px;

}



/* ── WHY US SECTION ──────────────────────────────────────────── */



/* ── PRODUCT SHOWCASE ────────────────────────────────────────── */



.pk-landing-product-showcase {

	padding: 72px 0;

	background: #f8fffe;

}



.pk-subtitle-premium {

	display: inline-block;

	background: rgba(0, 132, 255, .1);

	color: var(--pk-primary);

	padding: 6px 18px;

	border-radius: 30px;

	font-size: 12px;

	font-weight: 700;

	text-transform: uppercase;

	letter-spacing: .8px;

	border: 1px solid rgba(0, 132, 255, .2);

	margin-bottom: 10px;

}



.pk-title-premium {

	font-size: 30px;

	font-weight: 800;

	color: var(--pk-primary, #0B2559);

	line-height: 1.3;

}



.title-sep {

	width: 52px;

	height: 3px;

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%));

	border-radius: 3px;

	margin: 14px auto 0;

}



.pk-showcase-card {

	background: #fff;

	border-radius: 20px;

	padding: 40px;

	box-shadow: 0 4px 30px rgba(0, 0, 0, .06);

	border: 1px solid var(--pk-border);

	margin-top: 32px;

	transition: box-shadow .4s, transform .4s;

}



.pk-showcase-card:hover {

	box-shadow: 0 12px 40px rgba(11, 37, 89, .12);

	transform: translateY(-4px);

}



.pk-showcase-img-wrap {

	border-radius: 16px;

	overflow: hidden;

	position: relative;

	box-shadow: 0 8px 30px rgba(0, 0, 0, .1);

}



.pk-showcase-img-wrap img {

	width: 100%;

	height: 420px;

	object-fit: cover;

	display: block;

	transition: transform .8s ease;

}



.pk-badge-discount {

	position: absolute;

	top: 16px;

	left: 16px;

	background: var(--pk-accent);

	color: var(--pk-secondary);

	font-weight: 800;

	font-size: 13px;

	padding: 6px 18px;

	border-radius: 30px;

	box-shadow: 0 4px 14px rgba(247, 162, 35, .4);

	z-index: 2;

}



.pk-showcase-content h3 {

	font-size: 22px;

	font-weight: 800;

	color: var(--pk-secondary);

	margin-bottom: 12px;

	line-height: 1.35;

}



.pk-showcase-desc {

	font-size: 15px;

	line-height: 1.85;

	color: var(--pk-text-muted);

}



.pk-feature-list-premium {

	display: grid;

	grid-template-columns: 1fr 1fr;

	gap: 12px;

	margin: 20px 0;

}



.pk-feature-item-premium {

	background: #f8fffe;

	border: 1px solid #d4edda;

	border-radius: 10px;

	padding: 11px 14px;

	display: flex;

	align-items: center;

	gap: 10px;

	font-size: 13px;

	font-weight: 600;

	color: var(--pk-secondary);

	transition: all .2s;

}



.pk-feature-item-premium:hover {

	background: #e8f5ec;

	border-color: var(--pk-primary);

	transform: translateX(3px);

}



.pk-feature-item-premium i {

	color: var(--pk-primary);

	font-size: 15px;

}



.pk-info-card-premium {

	background: #f0fdf4;

	border-left: 4px solid var(--pk-primary);

	border-radius: 0 12px 12px 0;

	padding: 18px 20px;

	margin: 20px 0 24px;

}



.pk-info-card-premium h5 {

	font-size: 14px;

	font-weight: 700;

	color: var(--pk-secondary);

	margin-bottom: 10px;

	display: flex;

	align-items: center;

	gap: 8px;

}



.pk-info-card-premium h5 i {

	color: var(--pk-primary);

}



.pk-info-card-premium p {

	font-size: 13px;

	line-height: 1.7;

	color: var(--pk-text-muted);

	margin-bottom: 6px;

}



.pk-showcase-cta-wrap {

	margin-top: 6px;

}



.pk-trust-badges-row {

	display: flex;

	flex-wrap: wrap;

	gap: 16px;

	margin-top: 14px;

}



.pk-trust-badge-item {

	display: flex;

	align-items: center;

	gap: 6px;

	font-size: 13px;

	color: var(--pk-text-muted);

	font-weight: 600;

}



.pk-trust-badge-item i {

	color: var(--pk-primary);

}



/* ── TESTIMONIALS ────────────────────────────────────────────── */



.pk-testimonial-card {

	background: #fff;

	border-radius: 16px;

	padding: 28px;

	box-shadow: 0 4px 20px rgba(0, 0, 0, .06);

	border: 1px solid var(--pk-border);

	text-align: left;

	position: relative;

	height: 100%;

}



.pk-testimonial-card::before {

	content: '"';

	position: absolute;

	top: 14px;

	right: 22px;

	font-size: 72px;

	color: rgba(11, 37, 89, .08);

	font-family: Georgia, serif;

	line-height: 1;

}



.pk-stars {

	font-size: 16px;

	color: var(--pk-gold, #F59E0B);

	margin-bottom: 12px;

}



.pk-test-text {

	font-size: 14px;

	line-height: 1.8;

	color: var(--pk-text-muted);

	margin-bottom: 18px;

}



.pk-verified-badge {

	display: inline-flex;

	align-items: center;

	gap: 4px;

	background: rgba(0, 132, 255, .1);

	color: var(--pk-primary);

	font-size: 11px;

	font-weight: 700;

	padding: 3px 9px;

	border-radius: 10px;

	margin-left: 7px;

}



.pk-test-user img {

	width: 48px;

	height: 48px;

	border-radius: 50%;

	object-fit: cover;

	border: 2px solid #e2f0e8;

}



.pk-section-title--landing {

	font-size: 28px;

	font-weight: 800;

	color: var(--pk-primary, #0B2559);

	margin-bottom: 8px;

}



/* ── CHECKOUT SECTION ────────────────────────────────────────── */



.pk-landing-checkout {

	background: #f8fffe;

	padding: 72px 0;

}



.pk-checkout-header {

	text-align: center;

	margin-bottom: 36px;

	max-width: 1320px;

	margin-left: auto;

	margin-right: auto;

	padding-left: 24px;

	padding-right: 24px;

}



.pk-checkout-header h2 {

	font-size: 32px;

	font-weight: 900;

	color: var(--pk-secondary);

	margin-bottom: 22px;

}



.pk-step-indicator {

	display: flex;

	align-items: center;

	justify-content: center;

	gap: 0;

	margin-bottom: 24px;

}



.pk-step {

	display: flex;

	align-items: center;

	gap: 10px;

	font-size: 14px;

	font-weight: 700;

	color: #b0bec5;

}



.pk-step.active {

	color: var(--pk-primary-dark);

}



.pk-step .pk-step-num {

	width: 32px;

	height: 32px;

	border-radius: 50%;

	background: #e0e0e0;

	color: #999;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 14px;

	font-weight: 800;

	flex-shrink: 0;

	transition: all .3s;

}



.pk-step.active .pk-step-num {

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%));

	color: #fff;

	box-shadow: 0 4px 14px rgba(0, 132, 255, .35);

}



.pk-step-arrow {

	color: #ccc;

	font-size: 13px;

	margin: 0 14px;

}



.pk-funnel-step-title {

	font-size: 20px;

	font-weight: 800;

	color: var(--pk-primary, #0B2559);

	margin-bottom: 20px;

	text-align: center;

	padding-bottom: 16px;

	border-bottom: 2px solid var(--pk-border);

}



/* ── FAQ / DELIVERY ──────────────────────────────────────────── */



.pk-landing-delivery {

	padding: 72px 0;

	background: #fff;

}



.pk-faq-title {

	font-size: 26px;

	font-weight: 800;

	color: var(--pk-secondary);

	margin-bottom: 8px;

}



.dc-accordion .accordion-item {

	border: 1px solid var(--pk-border) !important;

	border-radius: 12px !important;

	margin-bottom: 12px;

	overflow: hidden;

	box-shadow: 0 2px 8px rgba(0, 0, 0, .04);

}



.dc-accordion .accordion-button {

	font-weight: 700;

	font-size: 15px;

	color: var(--pk-secondary);

	background: #fff;

	padding: 18px 22px;

	border-radius: 12px !important;

}



.dc-accordion .accordion-button:not(.collapsed) {

	color: var(--pk-primary-dark);

	background: #f0fdf4;

	box-shadow: none;

}



.dc-accordion .accordion-body {

	font-size: 14px;

	color: var(--pk-text-muted);

	line-height: 1.8;

	padding: 6px 22px 20px;

}



/* ── FINAL CTA ───────────────────────────────────────────────── */



.pk-final-cta {

	background: linear-gradient(135deg, var(--pk-primary-dark) 0%, var(--pk-primary) 100%);

	padding: 80px 0;

	text-align: center;

	position: relative;

	overflow: hidden;

	display: none;

}



.pk-final-cta::before {

	content: '🥭';

	position: absolute;

	font-size: 200px;

	opacity: .05;

	top: -30px;

	right: -30px;

	transform: rotate(20deg);

	pointer-events: none;

}



.pk-final-cta h2 {

	font-size: clamp(24px, 3.5vw, 38px);

	font-weight: 900;

	color: #fff;

	margin-bottom: 14px;

	line-height: 1.2;

}



.pk-final-cta h2 span {

	color: var(--pk-accent);

}



.pk-final-cta p {

	font-size: 17px;

	color: rgba(255, 255, 255, .8);

	margin-bottom: 32px;

	max-width: 540px;

	margin-left: auto;

	margin-right: auto;

	line-height: 1.7;

}



.pk-final-cta-btns {

	display: flex;

	flex-wrap: wrap;

	gap: 16px;

	justify-content: center;

}



.pk-final-cta .pk-btn-mango-primary {

	font-size: 18px;

	padding: 18px 48px;

	animation: pkPulse 2.5s ease-in-out infinite;

}



.pk-final-cta .pk-btn-mango-whatsapp {

	border-color: rgba(255, 255, 255, .6);

	color: #fff !important;

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

	font-size: 18px;

	padding: 17px 40px;

}



.pk-final-cta .pk-btn-mango-whatsapp i {

	color: #fff;

}



.pk-final-cta .pk-btn-mango-whatsapp:hover {

	background: #25d366;

	border-color: #25d366;

}



.pk-final-cta-guarantee {

	margin-top: 28px;

	display: flex;

	align-items: center;

	justify-content: center;

	gap: 28px;

	flex-wrap: wrap;

}



.pk-final-cta-guarantee span {

	display: inline-flex;

	align-items: center;

	gap: 7px;

	font-size: 14px;

	color: rgba(255, 255, 255, .85);

	font-weight: 600;

}



.pk-final-cta-guarantee i {

	color: var(--pk-accent);

}



/* ── STICKY MOBILE BAR ───────────────────────────────────────── */



.pk-mobile-sticky-bar {

	display: none;

	position: fixed;

	bottom: 0;

	left: 0;

	right: 0;

	z-index: 9998;

	background: #fff;

	border-top: 2px solid var(--pk-border);

	padding: 10px 14px;

	padding-bottom: calc(10px + env(safe-area-inset-bottom));

	box-shadow: 0 -4px 20px rgba(0, 0, 0, .1);

	gap: 10px;

	align-items: center;

}



.pk-mobile-sticky-bar .pk-sticky-order {

	flex: 1;

	background: var(--pk-accent);

	color: var(--pk-secondary) !important;

	font-weight: 800;

	font-size: 15px;

	padding: 13px 16px;

	border-radius: 12px;

	text-align: center;

	text-decoration: none !important;

	display: flex;

	align-items: center;

	justify-content: center;

	gap: 8px;

	box-shadow: 0 4px 16px rgba(247, 162, 35, .4);

	animation: pkPulse 2.5s ease-in-out infinite;

}



.pk-mobile-sticky-bar .pk-sticky-wa {

	width: 52px;

	height: 52px;

	background: #25d366;

	color: #fff;

	border-radius: 12px;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 24px;

	text-decoration: none !important;

	flex-shrink: 0;

	box-shadow: 0 4px 14px rgba(37, 211, 102, .4);

}



/* ── FLOATING WHATSAPP ───────────────────────────────────────── */



.pk-whatsapp-tooltip {

	position: absolute;

	right: 72px;

	background: var(--pk-secondary);

	color: #fff;

	font-size: 12px;

	font-weight: 600;

	padding: 6px 14px;

	border-radius: 8px;

	white-space: nowrap;

	opacity: 0;

	pointer-events: none;

	transition: opacity .3s;

}



.pk-floating-whatsapp:hover .pk-whatsapp-tooltip {

	opacity: 1;

}



@keyframes pkWaFloat {



  0%,



  100% {

	transform: translateY(0)

}



  50% {

	transform: translateY(-7px)

}



}



/* ============================================================



   CHAIN SECTION — Premium & Responsive



   ============================================================ */



.chain-section {

	background: linear-gradient(180deg, #ffffff 0%, #f7faf8 100%);

	position: relative;

	overflow: hidden;

}



.chain-section .section-eyebrow {

	font-family: var(--pk-font-main);

	color: var(--pk-primary);

	font-weight: 700;

	font-size: 16px;

	text-transform: uppercase;

	letter-spacing: 2px;

	margin-bottom: 10px;

}



.chain-section .section-title {

	font-family: var(--pk-font-main);

	font-size: 38px;

	font-weight: 800;

	color: var(--pk-secondary);

	line-height: 1.3;

	margin-bottom: 50px;

}



.chain-section .section-title span.green {

	color: var(--pk-primary);

	position: relative;

	display: inline-block;

}



.chain-section .section-title span.green::after {

	content: '';

	position: absolute;

	bottom: 4px;

	left: 0;

	width: 100%;

	height: 8px;

	background: rgba(0, 132, 255, 0.18);

	z-index: -1;

	border-radius: 4px;

}



.chain-wrap {

	display: grid;

	grid-template-columns: 1fr 1fr;

	gap: 30px;

	max-width: 1140px;

	margin: 0 auto;

}



.chain-box {

	background: #ffffff;

	border-radius: 20px;

	padding: 40px 30px;

	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);

	border: 1px solid var(--pk-border);

	transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease;

	position: relative;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

}



.chain-box:hover {

	transform: translateY(-8px);

}



/* Bad Chain Styling */



.chain-bad {

	border-top: 4px solid #ef4444;

}



.chain-bad:hover {

	box-shadow: 0 20px 40px rgba(239, 68, 68, 0.08);

}



/* Good Chain Styling */



.chain-good {

	border-top: 4px solid var(--pk-primary);

	background: linear-gradient(180deg, #ffffff 0%, var(--pk-bg-soft, #F0F7FF) 100%);

	border-color: var(--pk-primary);

}



.chain-good:hover {

	box-shadow: 0 20px 40px rgba(11, 37, 89, 0.12);

}



.chain-tag {

	display: inline-flex;

	align-items: center;

	gap: 8px;

	font-weight: 700;

	font-size: 14px;

	padding: 6px 16px;

	border-radius: 30px;

	margin-bottom: 30px;

	align-self: flex-start;

}



.chain-bad .chain-tag {

	background: #fef2f2;

	color: #ef4444;

}



.chain-good .chain-tag {

	background: #e6f7ed;

	color: var(--pk-primary);

}



.chain-steps {

	display: flex;

	align-items: center;

	flex-wrap: wrap;

	gap: 10px;

	margin-bottom: 25px;

}



.cs-bad,



.cs-good {

	font-size: 16px;

	font-weight: 600;

	padding: 8px 16px;

	border-radius: 10px;

	background: #f8fafc;

	border: 1px solid var(--pk-border);

	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.01);

	display: inline-block;

}



.cs-bad {

	color: #64748b;

}



.cs-good {

	color: var(--pk-secondary);

	font-weight: 700;

}



.cs-bad:first-of-type,



.cs-good:first-of-type {

	background: #fff;

	border-color: var(--pk-border);

}



.cs-bad:last-of-type {

	background: #fff;

	border-color: #fca5a5;

	color: #ef4444;

}



.cs-good:last-of-type {

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) ;

	border-color: var(--pk-primary);

	color: #fff;

}



.cs-arr {

	font-size: 18px;

	color: #94a3b8;

	font-weight: 700;

	display: inline-block;

}



.chain-line {

	font-size: 15px;

	line-height: 1.6;

	margin: 0;

	color: var(--pk-text-muted);

}



.chain-good .chain-line {

	color: var(--pk-secondary);

	font-weight: 500;

}



/* Responsive Styling */



/* ─────────────────────────────────────────────────────────────────────────────



   LANDING PAGE NEW PACKAGE SELECTION CARD DESIGN



   ───────────────────────────────────────────────────────────────────────────── */



/* Title positioning and typography */



.pk-funnel-product-selector .pk-funnel-step-title {

	font-family: var(--pk-font-main) !important;

	font-size: 22px !important;

	font-weight: 800 !important;

	color: var(--pk-secondary, #0a1a1e) !important;

	border-bottom: none !important;

	margin-bottom: 25px !important;

	padding-bottom: 0 !important;

	text-align: center !important;

}



/* Hide outer WooCommerce product card elements to keep only packages prominent */



.pk-funnel-product-selector .pk-funnel-radio-card {

	border: none !important;

	background: transparent !important;

	box-shadow: none !important;

	padding: 0 !important;

	margin: 0 !important;

	cursor: default !important;

	transform: none !important;

}



.pk-funnel-product-selector .pk-funnel-radio-card::after,



.pk-funnel-product-selector .pk-funnel-radio-input,



.pk-funnel-product-selector .pk-funnel-radio-card .d-flex.w-100.align-items-center.gap-3,



.pk-funnel-product-selector .pk-funnel-variation-group span.small.fw-bold.text-muted {

	display: none !important;

}



/* Redesign variations selector grid */



.pk-funnel-swatches {

	display: grid !important;

	grid-template-columns: repeat(3, 1fr) !important;

	gap: 20px !important;

	width: 100% !important;

	margin-top: 10px !important;

	margin-bottom: 10px !important;

	overflow: visible !important;

}



/* Styles for vertical cards (swatches) */



.pk-funnel-swatch {

	display: flex !important;

	flex-direction: column !important;

	align-items: center !important;

	justify-content: center !important;

	background-color: #ffffff !important;

	border: 2px solid #e2e8f0 !important;

	border-radius: 16px !important;

	padding: 30px 15px !important;

	position: relative !important;

	cursor: pointer !important;

	transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;

	width: 100% !important;

	min-height: 160px !important;

	box-sizing: border-box !important;

	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important;

	transform: none !important;

}



/* Hover effect on package cards */



.pk-funnel-swatch:hover {

	border-color: var(--pk-primary, #0B2559) !important;

	background-color: #ffffff !important;

	transform: translateY(-4px) !important;

	box-shadow: 0 12px 24px rgba(11, 37, 89, 0.08) !important;

}



/* Selected active card styling */



.pk-funnel-swatch.active {

	background: var(--pk-bg-soft, #F0F7FF) !important;

	/* Force solid color instead of gradient */

	border-color: var(--pk-primary, #0B2559) !important;

	background-color: var(--pk-bg-soft, #F0F7FF) !important;

	transform: translateY(-4px) !important;

	box-shadow: 0 12px 30px rgba(0, 132, 255, 0.15) !important;

	color: var(--pk-text, #0F172A) !important;

}



/* Weight Typography - High Specificity */



.pk-funnel-radio-card.is-selected .pk-funnel-swatches .pk-funnel-swatch .pk-swatch-weight {

	font-family: var(--pk-font-bengali) !important;

	font-size: 16px !important;

	font-weight: 700 !important;

	color: var(--pk-primary, #0B2559) !important;

	/* Premium dark navy */

	display: block !important;

	text-align: center !important;

	text-transform: none !important;

	letter-spacing: normal !important;

	line-height: 1.2 !important;

	transition: color 0.3s ease !important;

}



/* Price Typography - High Specificity */



.pk-funnel-radio-card.is-selected .pk-funnel-swatches .pk-funnel-swatch .pk-swatch-price {

	font-family: var(--pk-font-bengali) !important;

	font-size: 22px !important;

	font-weight: 750 !important;

	color: var(--pk-primary, #0B2559) !important;

	/* Premium Navy */

	margin-bottom: 8px !important;

	display: block !important;

	text-align: center !important;

	text-transform: none !important;

	letter-spacing: normal !important;

	transition: color 0.3s ease !important;

}



/* Package Description Typography - High Specificity */



.pk-funnel-radio-card.is-selected .pk-funnel-swatches .pk-funnel-swatch .pk-swatch-desc {

	font-family: var(--pk-font-bengali) !important;

	font-size: 14px !important;

	font-weight: 600 !important;

	color: var(--pk-text-muted, #64748b) !important;

	/* Muted slate gray */

	display: block !important;

	text-align: center !important;

	text-transform: none !important;

	letter-spacing: normal !important;

	transition: color 0.3s ease !important;

}



/* Active Highlight - UVAC Navy text inside the selected card */



.pk-funnel-radio-card.is-selected .pk-funnel-swatches .pk-funnel-swatch.active .pk-swatch-weight,



.pk-funnel-radio-card.is-selected .pk-funnel-swatches .pk-funnel-swatch.active .pk-swatch-price {

	color: var(--pk-primary, #0B2559) !important;

}



.pk-funnel-radio-card.is-selected .pk-funnel-swatches .pk-funnel-swatch.active .pk-swatch-desc {

	color: var(--pk-secondary, #0084FF) !important;

}



/* Badge styling centered at the top border */



.pk-swatch-badge {

	position: absolute !important;

	top: -14px !important;

	left: 50% !important;

	transform: translateX(-50%) !important;

	color: #ffffff !important;

	font-size: 12px !important;

	font-weight: 700 !important;

	padding: 4px 14px !important;

	border-radius: 20px !important;

	white-space: nowrap !important;

	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;

	z-index: 10 !important;

	font-family: var(--pk-font-bengali) !important;

}



/* Index-based Badge color configurations */



.pk-funnel-swatches .pk-funnel-swatch:nth-child(2) .pk-swatch-badge,



.pk-swatch-badge.badge-popular {

	background: var(--pk-accent, #F59E0B) !important;

	/* Amber/Gold for "জনপ্রিয়" */

}



.pk-funnel-swatches .pk-funnel-swatch:nth-child(3) .pk-swatch-badge,



.pk-swatch-badge.badge-best-price {

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%)) !important;

	/* UVAC gradient for "সেরা দাম" */

}



/* Responsive Scaling for Mobile Screens */



/* Apply premium Bengali font globally to the entire website */



body,



p,



span,



a,



button,



li,



input,



select,



textarea {

	font-family: var(--pk-font-main);

}



/* Use secondary font (Hind Siliguri) for titles, headings, and hero text to beautify the design */



h1,



h2,



h3,



h4,



h5,



h6,



.pk-hero-title,



.pk-section-title,



.dc-widget__title,



.pk-banner-title {

	font-family: var(--pk-font-secondary) !important;

}



/* Prevent styling the WordPress Admin Bar for logged-in admin users */



#wpadminbar,



#wpadminbar * {

	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

}



#wpadminbar .ab-icon,



#wpadminbar .ab-icon::before,



#wpadminbar .ab-item::before,



#wpadminbar .dashicons,



#wpadminbar .dashicons::before {

	font-family: dashicons !important;

}



/* ─── CUSTOM PREMIUM CHECKOUT PAYMENT DESIGN ────────────────────────────────── */



.woocommerce-checkout #payment {

	background: var(--pk-white) !important;

	border: 1px solid var(--pk-border) !important;

	border-radius: var(--pk-radius-lg) !important;

	padding: 24px !important;

	margin-top: 20px !important;

	box-shadow: 0 4px 15px rgba(11, 37, 89, 0.04) !important;

}



.woocommerce-checkout #payment ul.payment_methods {

	padding: 0 !important;

	margin: 0 0 20px 0 !important;

	list-style: none !important;

}



.woocommerce-checkout #payment ul.payment_methods li {

	margin-bottom: 10px !important;

	border-bottom: none !important;

	padding-bottom: 0 !important;

}



.woocommerce-checkout #payment ul.payment_methods li input[type="radio"] {

	margin-right: 8px !important;

	transform: scale(1.1) !important;

}



.woocommerce-checkout #payment ul.payment_methods li label {

	font-size: 16px !important;

	font-weight: 700 !important;

	color: var(--pk-primary, #0B2559) !important;

	cursor: pointer !important;

	display: inline-flex !important;

	align-items: center !important;

}



/* Beautiful alert-style payment box */



.woocommerce-checkout #payment ul.payment_methods .payment_box {

	background: #F0F7FF !important;

	border: 1px solid #BAE6FD !important;

	border-left: 4px solid var(--pk-secondary, #0084FF) !important;

	border-radius: var(--pk-radius) !important;

	padding: 15px !important;

	font-size: 14px !important;

	color: var(--pk-text, #0F172A) !important;

	line-height: 1.6 !important;

	box-shadow: 0 2px 8px rgba(11, 37, 89, 0.04) !important;

}



.woocommerce-checkout #payment ul.payment_methods .payment_box p {

	margin-bottom: 0;

}



/* Place Order Button styling */



.woocommerce-checkout #place_order {

	width: 100% !important;

	padding: 15px 25px !important;

	font-weight: 700 !important;

	font-size: 18px !important;

	border-radius: 50px !important;

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%)) !important;

	border: none !important;

	color: var(--pk-white) !important;

	transition: var(--pk-transition) !important;

	text-transform: none !important;

	box-shadow: 0 4px 15px rgba(11, 37, 89, 0.25) !important;

	letter-spacing: 0px !important;

	cursor: pointer !important;

}



.woocommerce-checkout #place_order:hover {

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, #0084FF 0%, #0B2559 100%)) !important;

	transform: translateY(-2px) !important;

	box-shadow: 0 6px 20px rgba(0, 132, 255, 0.35) !important;

}



/* Review order total block styling */



.woocommerce-checkout-review-order-table .order-total th {

	font-size: 18px !important;

	font-weight: 700 !important;

	color: var(--pk-primary, #0B2559) !important;

	vertical-align: middle !important;

}



.woocommerce-checkout-review-order-table .order-total td {

	text-align: right !important;

	vertical-align: middle !important;

}



.woocommerce-checkout-review-order-table .order-total .woocommerce-Price-amount {

	font-size: 24px !important;

	font-weight: 800 !important;

	color: var(--pk-primary) !important;

}



/* ─── NEW STEP SECTION DESIGN ─────────────────────────────────── */



.section-title-new {

	font-family: var(--pk-font-secondary);

	font-size: 36px;

	font-weight: 800;

	color: var(--pk-secondary);

	line-height: 1.3;

	margin-bottom: 12px;

}



.section-title-new .green {

	color: var(--pk-primary);

}



.section-subtitle-new {

	font-size: 16px;

	color: var(--pk-text-muted);

	font-weight: 500;

	margin-bottom: 40px;

}



/* Rounded white container box with light green bg */



.pk-step-box-wrap {

	display: flex;

	align-items: center;

	justify-content: space-between;

	max-width: 900px;

	margin: 0 auto;

	background: #f4fbf7;

	border: 1px solid #e2f3e9;

	border-radius: 20px;

	padding: 40px 60px;

	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.01);

}



.pk-step-column {

	flex: 1;

	text-align: center;

	display: flex;

	flex-direction: column;

	align-items: center;

}



/* Icon circles */



.pk-step-icon-circle {

	width: 70px;

	height: 70px;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	margin-bottom: 15px;

	background: #ffffff;

	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);

}



.pk-step-icon-circle i {

	font-size: 32px;

}



/* Colors for specific steps */



.pk-step-icon-circle i.fa-tree {

	color: var(--pk-secondary, #0084FF) !important;

}



.pk-step-icon-circle i.fa-box {

	color: var(--pk-accent, #F59E0B) !important;

}



.pk-step-icon-circle i.fa-house {

	color: var(--pk-primary, #0B2559) !important;

}



.pk-step-title {

	font-family: var(--pk-font-secondary);

	font-size: 18px;

	font-weight: 800;

	color: var(--pk-primary, #0B2559);

	margin-bottom: 6px;

}



.pk-step-desc {

	font-size: 14px;

	color: var(--pk-text-muted);

	margin: 0;

}



/* Arrow Column */



.pk-step-arrow-col {

	padding: 0 20px;

	color: #bfdbfe;

	font-size: 20px;

	display: flex;

	align-items: center;

	justify-content: center;

}



/* Responsive adjustments */



@media (max-width: 768px) {



  .pk-step-box-wrap {

	flex-direction: column;

	padding: 30px 20px;

	gap: 20px;

}



  .pk-step-arrow-col {

	transform: rotate(90deg);

	padding: 10px 0;

}



  .section-title-new {

	font-size: 28px;

}



}



/* ── Images Slider Section ── */



.pk-image-slider-section {

	padding: 60px 0;

	background: #ffffff;

}



.pk-image-swiper {

	padding-bottom: 50px !important;

}



.pk-image-swiper .swiper-slide {

	border-radius: 16px;

	overflow: hidden;

	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);

	transition: transform 0.3s ease;

	height: 350px;

}



.pk-image-swiper .swiper-slide:hover {

	transform: translateY(-5px);

}



.pk-image-swiper .swiper-slide img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.pk-image-swiper .swiper-pagination-bullet-active {

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) !important;

}



.pk-image-swiper .swiper-button-next,



.pk-image-swiper .swiper-button-prev {

	color: var(--pk-primary) !important;

	background: #ffffff;

	width: 45px;

	height: 45px;

	border-radius: 50%;

	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

}



.pk-image-swiper .swiper-button-next::after,



.pk-image-swiper .swiper-button-prev::after {

	font-size: 18px !important;

	font-weight: bold;

}



/* ── Custom Left Side Shipping Selection ── */



.pk-left-shipping-section {

	background: #ffffff;

	padding: 20px 0 10px 0;

	border-top: 1px dashed #e2e8f0;

	margin-top: 25px;

}



.pk-left-shipping-title {

	font-family: var(--pk-font-secondary);

	font-size: 16px;

	font-weight: 700;

	color: #1a202c;

	margin-bottom: 15px;

	display: block;

}



.pk-left-shipping-section ul#shipping_method {

	padding: 0 !important;

	margin: 0 !important;

	list-style: none !important;

}



.pk-left-shipping-section ul#shipping_method li {

	margin-bottom: 12px;

	display: flex;

	align-items: center;

	gap: 10px;

}



.pk-left-shipping-section ul#shipping_method li input[type="radio"] {

	margin: 0;

	width: 18px;

	height: 18px;

	accent-color: var(--pk-primary, #0B2559);

	cursor: pointer;

}



.pk-left-shipping-section ul#shipping_method li label {

	font-size: 15px;

	font-weight: 600;

	color: #4a5568;

	cursor: pointer;

	margin: 0;

	display: inline-block;

}



/* Hide original shipping row on the right column off-screen so inputs remain visible to WooCommerce */



#order_review tr.shipping,



#order_review tr.woocommerce-shipping-totals,



.woocommerce-checkout-review-order-table tr.shipping,



.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals {

	position: absolute !important;

	left: -9999px !important;

	opacity: 0 !important;

	pointer-events: none !important;

}



/* Style for custom shipping summary row */



#pk-custom-shipping-summary-row th {

	font-family: var(--pk-font-secondary);

	font-size: 15px;

	font-weight: 700;

	color: #1a202c;

	padding: 12px 0;

	border-top: 1px solid #eaeaea;

	text-align: left;

}



#pk-custom-shipping-summary-row td {

	font-family: var(--pk-font-main);

	text-align: right;

	font-weight: 600;

	color: #4a5568;

	padding: 12px 0;

	border-top: 1px solid #eaeaea;

	font-size: 15px;

}



/* ── Premium Horizontal Package Card Selector ── */



.pk-funnel-product-selector {

	max-width: 900px;

	margin: 0 auto 20px;

}



.pk-funnel-product-selector .pk-funnel-radio-card {

	display: block !important;

	background: #ffffff !important;

	border: 2px solid #e2e8f0 !important;

	border-radius: 16px !important;

	padding: 25px !important;

	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;

	position: relative !important;

	cursor: pointer !important;

	transition: all 0.3s ease !important;

	width: 100% !important;

}



.pk-funnel-product-selector .pk-funnel-radio-card.is-selected {

	border-color: #115e29 !important;

	/* Premium dark forest green border */

	background: #ffffff !important;

	box-shadow: 0 8px 30px rgba(17, 94, 41, 0.08) !important;

}



/* Selected Badge on top right of the card */



.pk-funnel-product-selector .pk-funnel-radio-card::after {

	content: '✓ Selected' !important;

	display: none !important;

}



.pk-funnel-product-selector .pk-funnel-radio-card.is-selected::after {

	display: none !important;

	/* Hidden as requested */

}



/* Make product row visible again */



.pk-funnel-product-selector .pk-funnel-radio-card .d-flex.w-100.align-items-center.gap-3 {

	display: flex !important;

}



.pk-funnel-radio-img {

	width: 65px !important;

	height: 65px !important;

	border-radius: 8px !important;

	overflow: hidden !important;

	flex-shrink: 0 !important;

}



.pk-funnel-radio-img img {

	width: 100% !important;

	height: 100% !important;

	object-fit: cover !important;

}



.pk-funnel-radio-title {

	font-family: var(--pk-font-secondary) !important;

	font-size: 18px !important;

	font-weight: 700 !important;

	color: #115e29 !important;

	/* Deep forest green title */

	margin: 0 0 5px 0 !important;

}



.pk-funnel-radio-price {

	font-family: var(--pk-font-main) !important;

	font-size: 18px !important;

	/* Slightly larger, bolder price */

	font-weight: 700 !important;

	color: #e15b00 !important;

	/* Premium orange-vermilion price text */

}



/* Radio circle option label container */



.pk-funnel-variation-group {

	display: flex !important;

	flex-direction: column !important;

	align-items: flex-start !important;

	position: relative !important;

	padding-left: 0 !important;

	/* Removed padding to shift text to the left */

	width: 100% !important;

}



.pk-funnel-product-selector .pk-funnel-variation-group span.small.fw-bold.text-muted {

	display: block !important;

	font-family: var(--pk-font-secondary) !important;

	font-size: 15px !important;

	font-weight: 700 !important;

	color: #115e29 !important;

	/* Green selection title */

	margin-bottom: 5px !important;

	text-transform: none !important;

	letter-spacing: normal !important;

}



/* Custom radio checkmark circle icon before the label */



.pk-funnel-variation-group::before {

	display: none !important;

	/* Hidden as requested */

}



.pk-funnel-radio-card.is-selected .pk-funnel-variation-group::before {

	display: none !important;

	/* Hidden as requested */

}



/* Swatches Container - Horizontal inline flex wrap */



.pk-funnel-product-selector .pk-funnel-swatches {

	display: flex !important;

	flex-direction: row !important;

	flex-wrap: wrap !important;

	gap: 12px !important;

	width: 100% !important;

	margin: 5px 0 0 0 !important;

	padding: 0 !important;

}



/* Swatch pill button */



.pk-funnel-product-selector .pk-funnel-swatch {

	display: inline-flex !important;

	align-items: center !important;

	justify-content: center !important;

	background-color: #ffffff !important;

	border: 1.5px solid #dfd9cf !important;

	/* Beige-warm grey border */

	border-radius: 30px !important;

	/* Pill style */

	padding: 8px 20px !important;

	min-height: auto !important;

	width: auto !important;

	cursor: pointer !important;

	box-shadow: none !important;

	transition: all 0.2s ease !important;

	transform: none !important;

}



.pk-funnel-product-selector .pk-funnel-swatch:hover {

	border-color: #115e29 !important;

	background-color: #ffffff !important;

	transform: none !important;

	box-shadow: none !important;

}



.pk-funnel-product-selector .pk-funnel-swatch.active {

	background-color: #115e29 !important;

	/* Active swatch dark forest green background */

	border-color: #115e29 !important;

	color: #ffffff !important;

	box-shadow: 0 4px 12px rgba(17, 94, 41, 0.2) !important;

}



/* Swatch weight inside pill */



.pk-funnel-product-selector .pk-funnel-swatch .pk-swatch-weight {

	font-family: var(--pk-font-main) !important;

	font-size: 14px !important;

	font-weight: 700 !important;

	color: #4a5568 !important;

	margin: 0 !important;

	display: inline-block !important;

	text-transform: uppercase !important;

}



.pk-funnel-product-selector .pk-funnel-swatch.active .pk-swatch-weight {

	color: #ffffff !important;

}



/* Hide price, description, and badge inside the swatch buttons with high specificity */



.pk-funnel-product-selector .pk-funnel-radio-card.is-selected .pk-funnel-swatches .pk-funnel-swatch .pk-swatch-price,



.pk-funnel-product-selector .pk-funnel-radio-card.is-selected .pk-funnel-swatches .pk-funnel-swatch .pk-swatch-desc,



.pk-funnel-product-selector .pk-funnel-radio-card.is-selected .pk-funnel-swatches .pk-funnel-swatch .pk-swatch-badge,



.pk-funnel-product-selector .pk-funnel-swatch .pk-swatch-price,



.pk-funnel-product-selector .pk-funnel-swatch .pk-swatch-desc,



.pk-funnel-product-selector .pk-funnel-swatch .pk-swatch-badge,



.pk-swatch-badge {

	display: none !important;

}



/* Force active weight text to be white inside the selected card's active swatch */



.pk-funnel-product-selector .pk-funnel-radio-card.is-selected .pk-funnel-swatches .pk-funnel-swatch.active .pk-swatch-weight {

	color: #ffffff !important;

}



/* Why Our Mangoes Are The Best Section */



.pk-why-best-section {

	padding: 80px 0;

	background-color: #ffffff;

	font-family: 'Anek Bangla', sans-serif;

	position: relative;

}



.pk-section-badge-best {

	display: inline-flex;

	align-items: center;

	gap: 6px;

	background: rgba(27, 138, 62, 0.08);

	color: #1b8a3e;

	font-size: 13px;

	font-weight: 800;

	padding: 6px 18px;

	border-radius: 30px;

	margin-bottom: 15px;

	border: 1px solid rgba(27, 138, 62, 0.15);

}



.pk-best-card {

	background: #fdfdfd;

	border: 1.5px solid #f0f0f0;

	border-radius: 20px;

	padding: 35px 25px;

	text-align: center;

	height: 100%;

	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);

	transition: all 0.3s ease;

	position: relative;

	overflow: hidden;

}



.pk-best-card::after {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 4px;

	background: linear-gradient(90deg, #2e7d32, #ff8f00);

	opacity: 0;

	transition: opacity 0.3s ease;

}



.pk-best-card:hover {

	transform: translateY(-6px);

	box-shadow: 0 18px 40px rgba(27, 138, 62, 0.08);

	border-color: #a5d6a7;

	background: #ffffff;

}



.pk-best-card:hover::after {

	opacity: 1;

}



.pk-best-icon-box {

	width: 68px;

	height: 68px;

	border-radius: 20px;

	background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);

	color: #2e7d32;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 28px;

	margin: 0 auto 22px;

	transition: all 0.4s ease;

}



.pk-best-card:hover .pk-best-icon-box {

	background: linear-gradient(135deg, #2e7d32 0%, #1b5e20 100%);

	color: #ffffff;

	transform: rotateY(360deg);

}



.pk-best-title {

	font-size: 20px;

	font-weight: 800;

	color: #2c3e50;

	margin-bottom: 12px;

}



.pk-best-desc {

	font-size: 14.5px;

	line-height: 1.6;

	color: #546e7a;

	margin: 0;

}



/* ============================================================



   MAHA MART — Custom Theme Overrides & Elevating Design



   ============================================================ */



.pk-badge-rose {

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%));

	color: var(--pk-white);

	padding: 4px 12px;

	border-radius: 50px;

	font-size: 11px;

	font-weight: 700;

	display: inline-block;

	margin-bottom: 10px;

}



.pk-badge-gold {

	background: var(--pk-accent);

	color: var(--pk-white);

	padding: 4px 12px;

	border-radius: 50px;

	font-size: 11px;

	font-weight: 700;

	display: inline-block;

	margin-bottom: 10px;

}



.pk-btn-rose {

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%));

	color: var(--pk-white);

	padding: 10px 24px;

	border-radius: 50px;

	font-weight: 700;

	text-decoration: none;

	display: inline-flex;

	align-items: center;

	gap: 8px;

	transition: var(--pk-transition);

}



.pk-btn-rose:hover {

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, #0084FF 0%, #0B2559 100%));

	color: var(--pk-white);

	transform: translateY(-2px);

}



.pk-prod-card {

	border-radius: 14px !important;

	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;

	border: 1px solid var(--pk-border) !important;

	overflow: hidden;

}



.pk-prod-card:hover {

	box-shadow: 0 12px 35px rgba(11, 37, 89, 0.12) !important;

	border-color: var(--pk-secondary) !important;

	transform: translateY(-5px) !important;

}



.pk-add-btn {

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%)) !important;

	color: var(--pk-white) !important;

	border-radius: 8px !important;

	font-weight: 700 !important;

	display: block !important;

	width: 100% !important;

	text-align: center !important;

	padding: 10px 14px !important;

	transition: all 0.3s ease !important;

}



.pk-add-btn:hover {

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, #0084FF 0%, #0B2559 100%)) !important;

	color: var(--pk-white) !important;

	box-shadow: 0 4px 12px rgba(0, 132, 255, 0.35) !important;

	transform: translateY(-2px) !important;

}



/* Hide WooCommerce default AJAX view cart link under buttons */



.added_to_cart {

	display: none !important;

}



/* Custom No Products Found Styles */



.dc-no-products-found {

	padding: 60px 20px;

	background: var(--pk-bg-soft);

	border-radius: var(--pk-radius-lg);

	border: 1px dashed var(--pk-border);

	margin: 30px 0;

}



.dc-no-products-found__icon svg {

	animation: pulse-icon 2s infinite ease-in-out;

}



@keyframes pulse-icon {



  0% {

	transform: scale(1); opacity: 0.5;

}



  50% {

	transform: scale(1.1); opacity: 0.8;

}



  100% {

	transform: scale(1); opacity: 0.5;

}



}



.dc-no-products-found .form-control {

	border-radius: var(--pk-radius) 0 0 var(--pk-radius);

	border: 1px solid var(--pk-border) !important;

	font-size: 15px;

	height: auto;

	padding: 12px 18px;

}



.dc-no-products-found .form-control:focus {

	border-color: var(--pk-primary) !important;

	box-shadow: 0 0 0 0.25rem rgba(var(--pk-primary-rgb), 0.25);

	background: var(--pk-white);

}



.dc-no-products-found .btn-primary {

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) !important;

	border-color: var(--pk-primary) !important;

	color: var(--pk-white) !important;

	border-radius: 0 var(--pk-radius) var(--pk-radius) 0 !important;

	font-size: 15px;

	display: flex;

	align-items: center;

	justify-content: center;

	padding: 0 24px;

}



.dc-no-products-found .btn-primary:hover {

	background: linear-gradient(135deg, var(--pk-primary-dark) 0%, var(--pk-primary) 100%) !important;

	border-color: var(--pk-primary-dark) !important;

}



.dc-no-products-found .btn-outline-dark {

	border: 1px solid var(--pk-secondary) !important;

	color: var(--pk-secondary) !important;

	background: transparent !important;

	font-weight: 600;

	transition: all 0.3s ease;

}



.dc-no-products-found .btn-outline-dark:hover {

	background-color: var(--pk-secondary) !important;

	color: var(--pk-white) !important;

	transform: translateY(-2px);

	box-shadow: var(--pk-shadow);

}



/* Custom Styles for Swiper Navigation Arrows on Flash Sale */



.pk-flash-swiper {

	position: relative !important;

	/* No padding here to prevent slide clipping */

}



.pk-swiper-prev,



.pk-swiper-next {

	color: #ffffff !important;

	background: var(--pk-btn-bg-hover) !important;

	width: 40px !important;

	height: 40px !important;

	border-radius: 50% !important;

	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;

	transition: all 0.3s ease !important;

	position: absolute !important;

	top: 50% !important;

	transform: translateY(-50%) !important;

	margin: 0 !important;

	z-index: 10 !important;

}



.pk-swiper-prev:hover,



.pk-swiper-next:hover {

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%)) !important;

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

	box-shadow: 0 6px 15px rgba(0, 132, 255, 0.35) !important;

}



.pk-swiper-prev::after,



.pk-swiper-next::after {

	font-size: 16px !important;

	font-weight: 700 !important;

}



.pk-swiper-prev {

	left: -20px !important;

}



.pk-swiper-next {

	right: -20px !important;

}



@media (max-width: 1200px) {



  .pk-swiper-prev {

	left: -10px !important;

}



  .pk-swiper-next {

	right: -10px !important;

}



}



@media (max-width: 576px) {



  .pk-swiper-prev,



  .pk-swiper-next {

	width: 32px !important;

	height: 32px !important;

}



  .pk-swiper-prev::after,



  .pk-swiper-next::after {

	font-size: 12px !important;

}



  .pk-swiper-prev {

	left: -5px !important;

}



  .pk-swiper-next {

	right: -5px !important;

}



}



/* ─── LIGHTBOX POPUP STYLES ───────────────────────────────── */



.dc-lightbox {

	position: fixed;

	inset: 0;

	background: rgba(0, 0, 0, 0.85);

	z-index: 99999;

	display: flex;

	align-items: center;

	justify-content: center;

	padding: 20px;

	opacity: 0;

	pointer-events: none;

	transition: opacity 0.3s ease;

}



.dc-lightbox.is-active {

	opacity: 1;

	pointer-events: auto;

}



.dc-lightbox__content {

	max-width: 90vw;

	max-height: 85vh;

	border-radius: var(--pk-radius-lg);

	border: 3px solid var(--pk-white);

	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);

	object-fit: contain;

}



.dc-lightbox__close {

	position: absolute;

	top: 20px;

	right: 20px;

	width: 44px;

	height: 44px;

	border-radius: 50%;

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%) ;

	color: #ffffff !important;

	border: 2px solid #ffffff;

	font-size: 24px;

	display: flex;

	align-items: center;

	justify-content: center;

	cursor: pointer;

	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);

	transition: all 0.25s ease;

	line-height: 1;

	z-index: 100000;

	outline: none;

}



.dc-lightbox__close:hover {

	background: #ffffff;

	color: var(--pk-primary) !important;

	transform: scale(1.1) rotate(90deg);

}



/* ─── GOLDEN BUTTON OVERRIDES ──────────────────────────────── */



.pk-add-btn,



.pk-view-all-btn,



.dc-btn:not(.dc-btn--outline),



.woocommerce a.button,



.woocommerce button.button,



.woocommerce input.button,



.woocommerce a.button.alt,



.woocommerce button.button.alt,



.woocommerce input.button.alt,



.single_add_to_cart_button,



.button.checkout,



.woocommerce-checkout #place_order,



.widget_price_filter .price_slider_amount .button,



.pk-footer-nl button,



.woocommerce-message a.button,



.woocommerce-info a.button,



.woocommerce-error a.button {

	background: var(--pk-btn-bg) !important;

	border-color: var(--pk-btn-bg) !important;

	color: var(--pk-btn-text) !important;

	box-shadow: 0 4px 15px rgba(11, 37, 89, 0.2) !important;

}



.pk-add-btn:hover,



.pk-view-all-btn:hover,



.dc-btn:not(.dc-btn--outline):hover,



.woocommerce a.button:hover,



.woocommerce button.button:hover,



.woocommerce input.button:hover,



.woocommerce a.button.alt:hover,



.woocommerce button.button.alt:hover,



.woocommerce input.button.alt:hover,



.single_add_to_cart_button:hover,



.button.checkout:hover,



.woocommerce-checkout #place_order:hover,



.widget_price_filter .price_slider_amount .button:hover,



.pk-footer-nl button:hover,



.woocommerce-message a.button:hover,



.woocommerce-info a.button:hover,



.woocommerce-error a.button:hover {

	background: var(--pk-btn-bg-hover) !important;

	border-color: var(--pk-btn-bg-hover) !important;

	color: var(--pk-btn-text) !important;

	box-shadow: 0 6px 20px rgba(0, 132, 255, 0.35) !important;

}



/* ============================================================



   Modern Category Card (Reels Style)



   ============================================================ */



.pk-cat-card-modern {

	display: block;

	position: relative;

	width: 100%;

	height: 380px; /* Tall card */

	border-radius: 12px;

	overflow: hidden;

	text-decoration: none;

	box-shadow: 0 5px 15px rgba(0,0,0,0.1);

	transition: transform 0.3s ease, box-shadow 0.3s ease;

	background: #000;

}



.pk-cat-card-modern:hover {

	transform: translateY(-5px);

	box-shadow: 0 10px 25px rgba(0,0,0,0.2);

}



.pk-cat-modern-bg {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 1;

}



.pk-cat-modern-bg img,



.pk-cat-modern-bg video {

	width: 100%;

	height: 100%;

	object-fit: cover;

	display: block;

	transition: transform 0.5s ease;

	pointer-events: none;

}



.pk-cat-card-modern:hover .pk-cat-modern-bg img,



.pk-cat-card-modern:hover .pk-cat-modern-bg video {

	transform: scale(1.05);

}



.pk-cat-modern-overlay {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 50%;

	background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);

	z-index: 2;

}



.pk-cat-modern-top {

	position: absolute;

	top: 15px;

	left: 15px;

	z-index: 3;

}



.pk-cat-modern-view {

	background: rgba(0,0,0,0.5);

	color: #fff;

	font-size: 11px;

	padding: 4px 8px;

	border-radius: 20px;

	display: flex;

	align-items: center;

	gap: 5px;

	backdrop-filter: blur(4px);

	font-weight: 500;

}



.pk-cat-modern-bottom {

	position: absolute;

	bottom: 15px;

	left: 15px;

	right: 15px;

	z-index: 3;

	display: flex;

	align-items: center;

	gap: 12px;

}



.pk-cat-modern-thumb {

	width: 35px;

	height: 35px;

	border-radius: 8px;

	overflow: hidden;

	flex-shrink: 0;

	border: 1px solid rgba(255,255,255,0.4);

	box-shadow: 0 2px 5px rgba(0,0,0,0.2);

}



.pk-cat-modern-thumb img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.pk-cat-modern-info {

	flex-grow: 1;

	display: flex;

	flex-direction: column;

	justify-content: center;

	overflow: hidden;

}



.pk-cat-modern-title {

	color: #fff;

	font-size: 14px;

	font-weight: 600;

	margin: 0 0 3px 0;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	font-family: var(--pk-font-main);

	text-shadow: 0 1px 3px rgba(0,0,0,0.5);

}



.pk-cat-modern-subtitle {

	color: rgba(255,255,255,0.85);

	font-size: 10px;

	text-transform: uppercase;

	letter-spacing: 0.5px;

	text-shadow: 0 1px 2px rgba(0,0,0,0.5);

}



.pk-cat-modern-arrow {

	color: #fff;

	font-size: 12px;

	opacity: 0.9;

	flex-shrink: 0;

}



/* ─── FULL WIDTH SECTION BACKGROUND FIX ─── */



#dcMain {

	width: 100%;

	overflow: hidden;

}



section {

	width: 100%;

	display: block;

	position: relative;

	box-sizing: border-box;

}



.pk-gorgeous-collections-section,



.pk-gohona-collections-section,



.pk-modern-testimonial-section,



.pk-video-slider-section,



.pk-faq-homepage-section,



.pk-flash-sale-section,



.pk-trust-section {

	width: 100% !important;

	max-width: 100% !important;

	margin-left: 0 !important;

	margin-right: 0 !important;

	display: block;

}



/* ─── PRODUCT CARD SWATCHES & SIZES (SHOP & HOMEPAGE) ────────────────── */



.pk-hp-swatches {

	display: flex;

	align-items: center;

	justify-content: center;

	flex-wrap: wrap;

	gap: 6px;

	margin: 8px 0 10px;

	min-height: 24px;

}



.pk-hp-swatches:empty {

	display: none !important;

	margin: 0 !important;

	min-height: 0 !important;

}



.pk-hp-swatch {

	display: inline-block;

	width: 20px;

	height: 20px;

	border-radius: 50%;

	border: 2px solid #fff;

	box-shadow: 0 0 0 1.5px rgba(0,0,0,0.18);

	transition: transform 0.2s ease, box-shadow 0.2s ease;

	cursor: pointer;

	text-decoration: none;

}



.pk-hp-swatch:hover {

	transform: scale(1.25);

	box-shadow: 0 0 0 2px var(--pk-primary, #0B2559);

}



.pk-hp-swatch-more {

	font-size: 11px;

	font-weight: 700;

	color: var(--pk-text-muted, #6B5B49);

	line-height: 20px;

}



.pk-hp-swatch--active {

	box-shadow: 0 0 0 2.5px #fff, 0 0 0 4px var(--pk-primary, #0B2559) !important;

	transform: scale(1.18);

}



.pk-hp-sizes {

	display: flex;

	align-items: center;

	justify-content: center;

	flex-wrap: wrap;

	gap: 4px;

	margin: 6px 0 10px;

	min-height: 20px;

}



.pk-hp-size-tag {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	font-size: 11px;

	font-weight: 600;

	color: var(--pk-text, #2C241B);

	background-color: var(--pk-bg-soft, #F4F6FB);

	border: 1px solid var(--pk-border, #E2E8F0);

	border-radius: 4px;

	padding: 2px 6px;

	line-height: 1.2;

	transition: all 0.2s ease;

	text-decoration: none;

}



.pk-hp-size-tag:hover {

	border-color: var(--pk-primary, #0B2559);

	color: var(--pk-primary, #0B2559);

	background-color: #ffffff;

}



.pk-hp-size-tag-more {

	font-size: 11px;

	font-weight: 700;

	color: var(--pk-text-muted, #6B5B49);

	padding: 2px 4px;

}



@media (max-width: 576px) {



	.pk-hp-swatch {

	width: 16px;

	height: 16px;

}



	.pk-hp-sizes {

	gap: 3px;

	margin: 4px 0 8px;

}



	.pk-hp-size-tag {

	font-size: 9px;

	padding: 1px 4px;

}



	.pk-hp-size-tag-more {

	font-size: 9px;

}



}



/* ─── CUSTOM MANUAL PAYMENT GATEWAYS (BKASH, NAGAD, ROCKET, BANK) ─────── */



.payment-badge {

	display: inline-block;

	padding: 2px 8px;

	font-size: 11px;

	font-weight: 700;

	border-radius: 4px;

	margin-left: 8px;

	color: #fff !important;

	vertical-align: middle;

	text-transform: uppercase;

	letter-spacing: 0.5px;

}



.bkash-badge {

	background-color: #E2136E;

}



.nagad-badge {

	background-color: #EA5823;

}



.rocket-badge {

	background-color: #8C3494;

}



.bank-badge {

	background-color: #006A4E;

}



.delivery-charge-badge {

	background-color: #0D6EFD;

}



/* Payment Gateway Icon Images */



.dc-payment-gateway-icon,



.woocommerce-checkout #payment ul.payment_methods li label img,



.woocommerce-checkout #payment ul.payment_methods li img {

	height: 28px !important;

	max-height: 28px !important;

	width: auto !important;

	max-width: 100px !important;

	margin-left: 8px !important;

	vertical-align: middle !important;

	object-fit: contain !important;

	display: inline-block !important;

	border-radius: 4px !important;

}



.dc-manual-payment-info {

	background: #FAF8F6;

	border: 1px solid var(--pk-border, #E2E8F0);

	border-left: 4px solid var(--pk-primary, #0B2559);

	border-radius: 8px;

	padding: 15px 20px;

	margin-bottom: 20px;

	font-size: 14px;

	color: var(--pk-text, #2C241B);

}



.dc-manual-payment-info.bkash-payment-box {

	border-left-color: #E2136E;

}



.dc-manual-payment-info.nagad-payment-box {

	border-left-color: #EA5823;

}



.dc-manual-payment-info.rocket-payment-box {

	border-left-color: #8C3494;

}



.dc-manual-payment-info.bank-payment-box {

	border-left-color: #006A4E;

}



.dc-manual-payment-info.delivery-charge-payment-box {

	border-left-color: #0D6EFD;

}



.dc-payment-number-row {

	font-size: 16px;

	margin-bottom: 8px;

	color: var(--pk-secondary, #222);

}



.dc-highlight-number {

	font-weight: 800;

	color: var(--pk-primary, #0B2559);

	background: rgba(11, 37, 89, 0.06);

	padding: 2px 8px;

	border-radius: 4px;

	letter-spacing: 1px;

}



.bkash-payment-box .dc-highlight-number {

	color: #E2136E;

	background: rgba(226, 19, 110, 0.06);

}



.nagad-payment-box .dc-highlight-number {

	color: #EA5823;

	background: rgba(234, 88, 35, 0.06);

}



.rocket-payment-box .dc-highlight-number {

	color: #8C3494;

	background: rgba(140, 52, 148, 0.06);

}



.dc-payment-instructions {

	line-height: 1.5;

}



.dc-payment-instructions p:last-child {

	margin-bottom: 0;

}



.dc-payment-inputs {

	margin-top: 15px;

	margin-bottom: 10px;

}



.dc-payment-inputs label {

	font-size: 12px;

	font-weight: 700;

	color: var(--pk-secondary, #222);

	text-transform: uppercase;

	margin-bottom: 5px;

	display: block;

}



.dc-payment-inputs .form-control {

	border-radius: 6px;

	border: 1px solid var(--pk-border, #E2E8F0);

	padding: 10px 14px;

	font-size: 14px;

	outline: none;

	transition: all 0.2s ease;

}



.dc-payment-inputs .form-control:focus {

	border-color: var(--pk-primary, #0B2559);

	box-shadow: 0 0 0 3px rgba(11, 37, 89, 0.1);

}



.bank-details-list {

	padding-left: 0;

	list-style: none;

	margin-bottom: 12px;

}



.bank-details-list li {

	margin-bottom: 6px;

	display: flex;

	justify-content: space-between;

	border-bottom: 1px dashed rgba(0,0,0,0.06);

	padding-bottom: 4px;

}



.bank-details-list li strong {

	color: var(--pk-secondary, #222);

}



table.shop_table.woocommerce-checkout-review-order-table thead tr th {

	width: 100%;

}



table.shop_table.woocommerce-checkout-review-order-table tbody tr td {

	width: 100%;

}



/* ─── CITS CHECKOUT PAYMENT OPTIONS STYLES ─────────────────────────── */



.cits-payment-options-wrap,



.nyrisa-payment-options-wrap {

	background: #ffffff;

	border-radius: 14px;

	border: 1.5px solid #e2e8f0;

	box-shadow: 0 4px 15px rgba(11, 37, 89, 0.04);

}



.cits-payment-card,



.nyrisa-payment-card {

	position: relative;

	transition: all 0.25s ease;

	background-color: #ffffff;

	border: 1.5px solid var(--pk-border, #e2e8f0) !important;

	border-radius: 12px !important;

}



.cits-payment-card:hover,



.nyrisa-payment-card:hover {

	border-color: var(--pk-primary, #0B2559) !important;

	background-color: var(--pk-bg-soft, #f0f7ff);

}



.cits-payment-card.is-selected,



.nyrisa-payment-card.is-selected {

	border-color: var(--pk-primary, #0B2559) !important;

	background-color: var(--pk-bg-soft, #f0f7ff) !important;

	box-shadow: 0 0 0 1px var(--pk-primary, #0B2559);

}



/* Hide default checkout coupon form & login toggles everywhere on checkout page */



.woocommerce-checkout .woocommerce-form-coupon-toggle,



.woocommerce-checkout form.checkout_coupon,



.woocommerce-checkout .woocommerce-form-login-toggle,



.woocommerce-checkout form.woocommerce-form-login {

	display: none !important;

}



/* Ensure Footer Newsletter Input retains dark styling on Checkout Page */



.pk-footer-nl input {

	background: rgba(255, 255, 255, 0.08) !important;

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

	color: #ffffff !important;

	height: auto !important;

}



.pk-footer-nl input::placeholder {

	color: rgba(255, 255, 255, 0.5) !important;

}



.cits-payment-radio,



.nyrisa-payment-radio {

	width: 1.25rem;

	height: 1.25rem;

	accent-color: var(--pk-primary, #0B2559);

	cursor: pointer;

}



.cits-payment-radio:checked,



.nyrisa-payment-radio:checked {

	background-color: var(--pk-primary, #0B2559) !important;

	border-color: var(--pk-primary, #0B2559) !important;

}



.cits-payment-badge,



.nyrisa-payment-badge {

	background-color: #1F193E !important;

	color: #ffffff !important;

	font-weight: 700;

	border-radius: 6px;

	padding: 6px 14px;

	transition: all 0.2s ease;

}



.cits-payment-card:not(.is-selected) .nyrisa-payment-badge,



.nyrisa-payment-card:not(.is-selected) .nyrisa-payment-badge {

	background-color: #0B2559 !important;

	opacity: 0.85;

}



.cits-review-payable-row th,



.cits-review-payable-row td,



.nyrisa-review-payable-row th,



.nyrisa-review-payable-row td {

	background-color: #f0f7ff !important;

}



.cits-review-due-row th,



.cits-review-due-row td,



.nyrisa-review-due-row th,



.nyrisa-review-due-row td {

	background-color: #fff5f5 !important;

}



/* ── COD Delivery Charge Consent Agreement Box ──────────────────────── */



.cits-cod-consent-card {

	margin-top: 16px;

	margin-bottom: 12px;

	background: #FFFFFF;

	border: 1.5px solid #E2E8F0;

	border-radius: 12px;

	padding: 16px 18px;

	transition: all 0.25s ease;

	box-shadow: 0 2px 8px rgba(11, 37, 89, 0.03);

}



.cits-cod-consent-card:hover,



.cits-cod-consent-card.is-checked {

	border-color: #0B2559;

	background: #F8FAFC;

}



.cits-cod-consent-inner {

	display: flex;

	align-items: flex-start;

	gap: 12px;

	margin: 0;

	cursor: pointer;

	user-select: none;

}



.cits-cod-checkbox {

	width: 19px;

	height: 19px;

	min-width: 19px;

	margin-top: 3px;

	cursor: pointer;

	accent-color: #0B2559;

}



.cits-cod-consent-text {

	font-family: var(--pk-font-primary, 'Hind Siliguri', 'Anek Bangla', sans-serif);

	font-size: 14.5px;

	font-weight: 600;

	color: #0B2559;

	line-height: 1.6;

}



/* Disabled Place Order button state when COD consent is unchecked */



#place_order:disabled,



#place_order.cits-btn-disabled {

	opacity: 0.55 !important;

	cursor: not-allowed !important;

	pointer-events: none !important;

	filter: grayscale(0.4) !important;

	box-shadow: none !important;

	transform: none !important;

}



/* ─── CHECKOUT TERMS & CONDITIONS STYLES ─────────────────────────── */



.cits-, .nyrisa-checkout-terms-wrap {

	background-color: var(--pk-bg-soft, #f0f7ff) !important;

	border: 1.5px solid var(--pk-border, #e2e8f0) !important;

	border-radius: 10px !important;

}



.cits-, .nyrisa-checkout-terms-wrap .cits-, .nyrisa-terms-link,



.woocommerce-terms-and-conditions-checkbox-text a,



.woocommerce-privacy-policy-text a {

	color: var(--pk-primary, #0B2559) !important;

	font-weight: 600;

	text-decoration: underline;

	transition: color 0.2s ease;

}



.cits-, .nyrisa-checkout-terms-wrap .cits-, .nyrisa-terms-link:hover,



.woocommerce-terms-and-conditions-checkbox-text a:hover,



.woocommerce-privacy-policy-text a:hover {

	color: var(--pk-primary-dark, #071C44) !important;

}



.cits-, .nyrisa-checkout-terms-wrap input[type="checkbox"]:checked {

	background-color: var(--pk-primary, #0B2559) !important;

	border-color: var(--pk-primary, #0B2559) !important;

}



.woocommerce-privacy-policy-text {

	display: none !important;

}



/* ── MOBILE BOTTOM NAVIGATION BAR (PLUGIN & THEME COMPATIBILITY) ────── */



.mobile-bottom-nav-bar,



.dc-mobile-bottom-nav {

	background: linear-gradient(135deg, var(--pk-primary, #0B2559) 0%, var(--pk-primary-dark, #071C44) 100%) !important;

	background-color: transparent !important;

	border-top: 1px solid rgba(255, 255, 255, 0.15) !important;

	box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.25) !important;

	z-index: 9990 !important;

}



.mobile-bottom-nav-bar .mbn-item,



.dc-mobile-bottom-nav .dc-mobile-nav-item {

	color: rgba(255, 255, 255, 0.9) !important;

	text-decoration: none !important;

}



.mobile-bottom-nav-bar .mbn-icon,



.mobile-bottom-nav-bar .mbn-label,



.dc-mobile-bottom-nav .dc-mobile-nav-label {

	color: rgba(255, 255, 255, 0.9) !important;

}



.mobile-bottom-nav-bar .mbn-item.mbn-active,



.mobile-bottom-nav-bar .mbn-item:hover,



.mobile-bottom-nav-bar .mbn-item.mbn-active .mbn-icon,



.mobile-bottom-nav-bar .mbn-item.mbn-active .mbn-label,



.mobile-bottom-nav-bar .mbn-item:hover .mbn-icon,



.mobile-bottom-nav-bar .mbn-item:hover .mbn-label,



.dc-mobile-bottom-nav .dc-mobile-nav-item:hover,



.dc-mobile-bottom-nav .dc-mobile-nav-item.active {

	color: #ffffff !important;

}



.mobile-bottom-nav-bar .mbn-badge,



.dc-mobile-bottom-nav .dc-badge {

	background-color: var(--pk-secondary, #1A1A1A) !important;

	color: #ffffff !important;

	border: 1.5px solid var(--pk-primary, #0B2559) !important;

}



.dc-mobile-bottom-nav {

	position: fixed;

	bottom: 0;

	left: 0;

	right: 0;

	display: flex;

	align-items: center;

	justify-content: space-around;

	padding: 8px 4px calc(8px + env(safe-area-inset-bottom, 0px));

}



.dc-mobile-nav-item {

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	font-size: 10px;

	font-weight: 700;

	letter-spacing: 0.5px;

	text-transform: uppercase;

	flex: 1;

	padding: 4px 0;

	transition: all 0.2s ease;

	position: relative;

}



.dc-mobile-nav-icon {

	position: relative;

	font-size: 19px;

	margin-bottom: 3px;

	line-height: 1;

	display: flex;

	align-items: center;

	justify-content: center;

	height: 22px;

}



.dc-mobile-nav-icon .dc-badge {

	position: absolute;

	top: -6px;

	right: -10px;

	font-size: 10px;

	font-weight: 800;

	min-width: 17px;

	height: 17px;

	padding: 0 4px;

	border-radius: 10px;

	display: flex;

	align-items: center;

	justify-content: center;

	line-height: 1;

}



.dc-mobile-nav-label {

	font-size: 10px;

	font-weight: 700;

	line-height: 1.1;

}



/* Hide fallback bar if plugin bar is present */



.mobile-bottom-nav-bar ~ .dc-mobile-bottom-nav {

	display: none !important;

}



@media (max-width: 991.98px) {
  body {
	padding-bottom: 0 !important;
  }
  .pk-footer {
	padding-bottom: 75px !important;
  }



  .pk-back-to-top {

	bottom: 75px !important;

	right: 15px !important;

}



  .pk-floating-messenger {

	bottom: 135px !important;

	right: 15px !important;

}



  .pk-floating-whatsapp {

	bottom: 195px !important;

	right: 15px !important;

}



}



@media (min-width: 992px) {



  .dc-mobile-bottom-nav,



  .mobile-bottom-nav-bar {

	display: none !important;

}



}



/* ── EASY MOBILE BAR MENU PLUGIN STYLING OVERRIDES ───────────── */



.embm-greeting-card {

	background: linear-gradient(135deg, var(--pk-primary, #0B2559) 0%, var(--pk-primary-dark, #071C44) 100%) !important;

	color: #ffffff !important;

	box-shadow: 0 4px 15px rgba(11, 37, 89, 0.25) !important;

}



.embm-greeting-card:hover {

	box-shadow: 0 6px 18px rgba(11, 37, 89, 0.35) !important;

}



.embm-avatar {

	background: rgba(255, 255, 255, 0.2) !important;

	color: #ffffff !important;

	border-color: #ffffff !important;

}



.embm-user-hello,



.embm-user-action {

	color: #ffffff !important;

}



.embm-section-title::after {

	background: var(--pk-primary, #0B2559) !important;

}



.embm-category-link:hover,



.embm-category-link:focus,



.embm-qlink-anchor:hover,



.embm-qlink-anchor:focus {

	color: var(--pk-primary, #0B2559) !important;

	background-color: rgba(11, 37, 89, 0.05) !important;

}



.embm-accordion-toggle:hover,



.embm-qlink-icon {

	color: var(--pk-primary, #0B2559) !important;

}



/* ==========================================================================



   Checkout Redesign (Card Layout)



   ========================================================================== */



.dc-checkout-review {

	display: flex;

	flex-direction: column;

	gap: 1.5rem;

}



/* Checkout Items */



.dc-checkout-items {

	display: flex;

	flex-direction: column;

	gap: 1rem;

}



.dc-checkout-item {

	display: flex;

	align-items: flex-start;

	flex-wrap: wrap;

	gap: 1rem;

	background: #ffffff;

	padding: 1rem;

	border-radius: 8px;

	border: 1px solid #eaeaea;

}



.dc-checkout-item__img {

	width: 60px;

	height: 60px;

	flex-shrink: 0;

	border-radius: 6px;

	overflow: hidden;

	background: #f8f9fa;

}



.dc-checkout-item__img img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.dc-checkout-item__content {

	flex: 1 1 calc(100% - 60px - 1.5rem);

	min-width: 0;

	display: flex;

	flex-direction: column;

	gap: 0.25rem;

}



.dc-checkout-item__title {

	font-weight: 600;

	color: #1a202c;

	font-size: 14px;

}



.dc-checkout-item__row {

	display: flex;

	align-items: center;

	justify-content: space-between;

	width: 100%;

	margin-top: 0.25rem;

}



.dc-checkout-item__meta {

	display: flex;

	flex-direction: column;

	gap: 0.25rem;

}



.dc-checkout-item__meta dl.variation {

	margin: 0;

	font-size: 12px;

	color: #666;

}



.dc-checkout-item__price-calc {

	font-size: 13px;

	color: #718096;

}



.dc-checkout-item__price-calc strong {

	color: var(--pk-primary, #0B2559);

	font-weight: 700;

}



.dc-checkout-item__actions {

	display: flex;

	align-items: center;

	gap: 1rem;

	flex-shrink: 0;

}



.dc-checkout-item__remove {

	color: #e53e3e;

	display: flex;

	align-items: center;

	justify-content: center;

	width: 32px;

	height: 32px;

	border-radius: 4px;

	transition: all 0.2s ease;

}



.dc-checkout-item__remove:hover {

	background: #fff5f5;

	color: #c53030;

}



/* Coupon Box */



.dc-checkout-coupon {

	display: flex;

	gap: 0.5rem;

	margin-bottom: 0.5rem;

}



.dc-checkout-coupon .dc-coupon__input {

	flex: 1;

	padding: 0.5rem 1rem;

	border: 1px solid #e2e8f0;

	border-radius: 6px;

	font-size: 14px;

	outline: none;

	transition: border-color 0.2s;

}



.dc-checkout-coupon .dc-coupon__input:focus {

	border-color: var(--pk-primary, #0B2559);

}



/* Totals Summary */



.dc-checkout-totals {

	background: #f8f9fa;

	padding: 1.25rem;

	border-radius: 8px;

	border: 1px solid #eaeaea;

	display: flex;

	flex-direction: column;

	gap: 0.75rem;

}



.dc-checkout-totals__row {

	display: flex;

	justify-content: space-between;

	align-items: center;

	font-size: 14px;

	color: #4a5568;

}



.dc-checkout-totals__row.order-total {

	border-top: 1px solid #e2e8f0;

	padding-top: 0.75rem;

	margin-top: 0.25rem;

	font-size: 16px;

	color: #1a202c;

}



.dc-checkout-totals__row.order-total strong {

	font-weight: 700;

	color: var(--pk-primary, #0B2559);

}



/* Hide default checkout coupon form */



.woocommerce-checkout .woocommerce-form-coupon-toggle,



.woocommerce-checkout form.checkout_coupon {

	display: none !important;

}



/* Custom Checkout Quantity Steppers (Match Design) */



.dc-checkout-review .dc-qty {

	border: none !important;

	background: transparent !important;

	box-shadow: none !important;

	padding: 0 !important;

	gap: 12px;

	border-radius: 0 !important;

	height: auto !important;

}



.dc-checkout-review .dc-qty__btn {

	border: 1.5px solid #a0aec0 !important;

	border-radius: 8px !important;

	background: transparent !important;

	color: #4a5568 !important;

	font-size: 18px !important;

	width: 36px !important;

	height: 36px !important;

	display: flex;

	align-items: center;

	justify-content: center;

}



.dc-checkout-review .dc-qty__btn:hover {

	border-color: var(--pk-primary, #0B2559) !important;

	color: var(--pk-primary, #0B2559) !important;

	background: rgba(11, 37, 89, 0.05) !important;

}



.dc-checkout-review .dc-qty__input {

	width: 24px !important;

	color: var(--pk-primary, #0B2559) !important;

	font-weight: 700 !important;

	font-size: 15px !important;

	padding: 0 !important;

}



/* Hide the native WooCommerce shipping row in checkout since we have a custom Delivery Charge row */



.dc-checkout-totals__row.shipping {

	display: none !important;

}



.cits-, .nyrisa-delivery-weight-note {

	color: #6c757d;

	margin-top: -2px;

	margin-bottom: 4px;

	line-height: 1.35;

	display: none;

}



/* Hide any dynamically added shipping summary row from JS */



#pk-custom-shipping-summary-row {

	display: none !important;

}



/* FORCE HIDE DEFAULT COUPON FORM (Overriding line 7807) */



body form.checkout_coupon.woocommerce-form-coupon,



.woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon,



.dc-checkout-page form.checkout_coupon.woocommerce-form-coupon,



.woocommerce-form-coupon-toggle {

	display: none !important;

	visibility: hidden !important;

	opacity: 0 !important;

	pointer-events: none !important;

}



/* FORCE FOOTER NEWSLETTER STYLING (Overriding global checkout input styles) */



body .pk-footer-nl input,



.pk-footer-nl input[type="email"] {

	background: rgba(255, 255, 255, 0.08) !important;

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

	color: #ffffff !important;

	height: 46px !important;

	padding: 0 52px 0 16px !important;

}



body .pk-footer-nl input::placeholder,



.pk-footer-nl input[type="email"]::placeholder {

	color: rgba(255, 255, 255, 0.5) !important;

}



.dc-legal__footer p {

	font-size: 16px;

}



/* ── FOOTER FORMINATOR NEWSLETTER STYLING (SINGLE LINE WITH PLANE ICON) ── */



.pk-footer-forminator-wrap {

	width: 100%;

}



.pk-footer-forminator-wrap .forminator-custom-form {

	margin: 0 !important;

	padding: 0 !important;

	background: transparent !important;

	border: none !important;

	box-shadow: none !important;

	position: relative !important;

}



.pk-footer-forminator-wrap form {

	position: relative !important;

	display: flex !important;

	flex-direction: column !important;

	width: 100% !important;

	margin: 0 !important;

	padding: 0 !important;

}



.pk-footer-forminator-wrap .forminator-row {

	order: 1 !important;

	margin: 0 !important;

	padding: 0 !important;

	width: 100% !important;

	display: block !important;

	position: relative !important;

}



.pk-footer-forminator-wrap .forminator-col {

	padding: 0 !important;

	margin: 0 !important;

	width: 100% !important;

}



.pk-footer-forminator-wrap .forminator-field {

	margin: 0 !important;

	padding: 0 !important;

	position: relative !important;

}



.pk-footer-forminator-wrap .forminator-label {

	display: none !important;

}



.pk-footer-forminator-wrap input.forminator-input,



.pk-footer-forminator-wrap input[type="email"],



.pk-footer-forminator-wrap input[type="text"] {

	background: rgba(255, 255, 255, 0.06) !important;

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

	border-radius: 10px !important;

	color: #ffffff !important;

	height: 46px !important;

	padding: 0 52px 0 16px !important;

	font-size: 14px !important;

	box-sizing: border-box !important;

	width: 100% !important;

	transition: all 0.2s ease !important;

}



.pk-footer-forminator-wrap input.forminator-input:focus,



.pk-footer-forminator-wrap input[type="email"]:focus {

	border-color: rgba(255, 255, 255, 0.4) !important;

	background: rgba(255, 255, 255, 0.1) !important;

	outline: none !important;

	box-shadow: none !important;

}



.pk-footer-forminator-wrap .forminator-has-error input.forminator-input,



.pk-footer-forminator-wrap .forminator-has-error input[type="email"] {

	border-color: #ff6b6b !important;

}



.pk-footer-forminator-wrap input.forminator-input::placeholder,



.pk-footer-forminator-wrap input[type="email"]::placeholder {

	color: rgba(255, 255, 255, 0.45) !important;

}



.pk-footer-forminator-wrap .forminator-row-last,



.pk-footer-forminator-wrap .forminator-pagination-footer {

	position: absolute !important;

	right: 5px !important;

	left: auto !important;

	top: 5px !important;

	transform: none !important;

	z-index: 10 !important;

	margin: 0 !important;

	padding: 0 !important;

	width: 36px !important;

	height: 36px !important;

	min-width: 0 !important;

	max-width: 36px !important;

	float: none !important;

}



.pk-footer-forminator-wrap .forminator-row-last .forminator-col {

	width: 36px !important;

	height: 36px !important;

	min-width: 0 !important;

	max-width: 36px !important;

	margin: 0 !important;

	padding: 0 !important;

	float: none !important;

	position: static !important;

}



.pk-footer-forminator-wrap button.forminator-button-submit,



.pk-footer-forminator-wrap .forminator-button {

	position: absolute !important;

	right: 0 !important;

	left: auto !important;

	top: 0 !important;

	bottom: auto !important;

	background: linear-gradient(135deg, var(--pk-primary, #0B2559) 0%, var(--pk-primary-dark, #071C44) 100%) !important;

	color: transparent !important;

	border: none !important;

	border-radius: 8px !important;

	height: 36px !important;

	width: 36px !important;

	min-width: 0 !important;

	max-width: 36px !important;

	padding: 0 !important;

	font-size: 0 !important;

	line-height: 0 !important;

	cursor: pointer !important;

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	white-space: nowrap !important;

	box-shadow: 0 4px 10px rgba(11, 37, 89, 0.25) !important;

	transition: all 0.2s ease !important;

	margin: 0 !important;

	float: none !important;

}



.pk-footer-forminator-wrap button.forminator-button-submit * {

	display: none !important;

}



.pk-footer-forminator-wrap button.forminator-button-submit::after,



.pk-footer-forminator-wrap .forminator-button::after {

	content: "\f1d8" !important;

	font-family: "Font Awesome 6 Free" !important;

	font-weight: 900 !important;

	font-size: 16px !important;

	color: #ffffff !important;

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	width: 100% !important;

	height: 100% !important;

	line-height: 1 !important;

	margin: 0 !important;

	padding: 0 !important;

	transform: translate(-4px);

}



.pk-footer-forminator-wrap button.forminator-button-submit:hover,



.pk-footer-forminator-wrap .forminator-button:hover {

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, #0084FF 0%, #0B2559 100%)) !important;

	transform: scale(1.03) !important;

	box-shadow: 0 6px 14px rgba(0, 132, 255, 0.4) !important;

}



/* Error & Success Notice & Loading Overrides */



.pk-footer-forminator-wrap .forminator-loading {

	display: none !important;

}



.pk-footer-forminator-wrap .forminator-error-message,



.pk-footer-forminator-wrap .forminator-has-error .forminator-error-message {

	background: transparent !important;

	border: none !important;

	color: #ff6b6b !important;

	font-size: 12px !important;

	padding: 6px 0 0 2px !important;

	margin: 0 !important;

	font-weight: 500 !important;

	box-shadow: none !important;

	display: block !important;

	line-height: 1.3 !important;

	order: 98 !important;

}



.pk-footer-forminator-wrap .forminator-ui .forminator-response-message,



.pk-footer-forminator-wrap .forminator-response-message {

	background: transparent !important;

	border: none !important;

	color: #ff6b6b !important;

	font-size: 13px !important;

	font-weight: 500 !important;

	padding: 0 !important;

	margin: 8px 0 0 0 !important;

	width: 100% !important;

	flex-basis: 100% !important;

	order: 99 !important;

	box-shadow: none !important;

	box-sizing: border-box !important;

	text-align: left !important;

	line-height: 1.4 !important;

}



.pk-footer-forminator-wrap .forminator-ui .forminator-response-message.forminator-show.forminator-success,



.pk-footer-forminator-wrap .forminator-response-message.forminator-success {

	background: transparent !important;

	border: none !important;

	color: #25D366 !important;

	font-size: 13px !important;

	font-weight: 600 !important;

	box-shadow: none !important;

	padding: 0 !important;

	margin: 8px 0 0 0 !important;

	order: 99 !important;

	display: block !important;

	width: 100% !important;

}



.pk-footer-forminator-wrap .forminator-edit-module {

	display: none !important;

}



.dc-mobile-bottom-nav {

	display: none;

}



/* ─── MIGRATED INLINE STYLES ──────────────────────────────────────────────── */



/* Product Hover Image & Payment Method Overrides */



.pk-prod-img-wrap.has-hover-img a {

	position: relative; display: block; overflow: hidden;

}



.pk-prod-img-wrap.has-hover-img a img {

	transition: opacity 0.4s ease, transform 0.4s ease;

}



.pk-prod-img-wrap.has-hover-img .hover-img {

	position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0;

}



.pk-prod-img-wrap.has-hover-img:hover .main-img, .pk-prod-img-wrap.has-hover-img:hover .pk-hp-card-img, .pk-prod-img-wrap.has-hover-img:hover .attachment-woocommerce_thumbnail {

	opacity: 0;

}



.pk-prod-img-wrap.has-hover-img:hover .hover-img {

	opacity: 1;

}



.payment_method_cod, li.payment_method_cod, div.payment_box.payment_method_cod, label[for="payment_method_cod"] {

	display: none !important;

}



/* WooCommerce Archive Price Filter & Custom Select */



.widget_price_filter .price_slider_amount {

	display: flex !important;

	flex-direction: column !important;

	align-items: stretch !important;

	margin-top: 15px !important;

}



.widget_price_filter .price_slider_amount .price_label {

	order: 1 !important;

	margin-bottom: 12px !important;

	font-size: 14px !important;

	color: #444 !important;

	text-align: left !important;

	font-weight: 500 !important;

}



.widget_price_filter .price_slider_amount .button {

	order: 2 !important;

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%)) !important;

	color: #ffffff !important;

	border: none !important;

	padding: 10px 20px !important;

	border-radius: 30px !important;

	font-size: 13px !important;

	font-weight: 600 !important;

	text-transform: uppercase !important;

	letter-spacing: 0.8px !important;

	box-shadow: 0 3px 8px rgba(11, 37, 89, 0.25) !important;

	transition: all 0.25s ease !important;

	cursor: pointer !important;

	line-height: 1 !important;

	height: auto !important;

	display: block !important;

	width: 100% !important;

	text-align: center !important;

}



.widget_price_filter .price_slider_amount .button:hover {

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, #0084FF 0%, #0B2559 100%)) !important;

	box-shadow: 0 5px 15px rgba(0, 132, 255, 0.35) !important;

	transform: translateY(-1px) !important;

}



.widget_price_filter .price_slider_amount .button:active {

	transform: translateY(0) !important;

}



.dc-filter-clear-link {

	display: inline-block;

	color: #777;

	font-size: 13px;

	text-decoration: none;

	margin-top: 15px;

	font-weight: 500;

	transition: color 0.2s;

}



.dc-filter-clear-link:hover {

	color: #c9302c;

	text-decoration: underline;

}



.woocommerce-ordering select {

	-webkit-appearance: none !important;

	-moz-appearance: none !important;

	appearance: none !important;

	border: 1px solid var(--pk-border) !important;

	padding: 8px 36px 8px 16px !important;

	border-radius: 50px !important;

	font-size: 14px !important;

	color: var(--pk-text) !important;

	background-color: var(--pk-white) !important;

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' stroke='%23777777' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E") !important;

	background-repeat: no-repeat !important;

	background-position: right 16px center !important;

	background-size: 10px 6px !important;

	outline: none !important;

	transition: var(--pk-transition) !important;

	cursor: pointer !important;

}



.woocommerce-ordering select:focus {

	border-color: var(--pk-primary) !important;

}



/* Cart drawer: reason an add-to-cart was refused (e.g. stock limit reached) */



.dc-cart-notice {

	margin: 14px 24px 0;

	padding: 10px 14px;

	border-radius: 8px;

	background: #fef2f2;

	border: 1px solid #fecaca;

	color: #b91c1c;

	font-size: 13px;

	font-weight: 600;

	line-height: 1.45;

}



/* ============================================================



   SINGLE PRODUCT ORDER (SPO) LANDING PAGE STYLES



   Template: template-single-order.php



   ============================================================ */



/* ============================================================



   SINGLE PRODUCT ORDER (SPO) LANDING PAGE STYLESHEET



   Template: template-single-order.php



   Theme: CITS Theme (Coder IT Solution)



   ============================================================ */



/* ─── 0. BASE VARIABLES & RESETS ────────────────────────────── */



:root {

	--pk-gradient-main: linear-gradient(135deg, #0B2559 0%, #0084FF 100%);

	--pk-btn-bg: linear-gradient(135deg, #0B2559 0%, #0084FF 100%);

	--pk-btn-bg-hover: linear-gradient(135deg, #0084FF 0%, #0B2559 100%);

	--spo-primary: var(--pk-primary, #0B2559);

	--spo-primary-rgb: 11, 37, 89;

	--spo-primary-dark: #071C44;

	--spo-primary-light: #F0F7FF;

	--spo-primary-border: #BAE6FD;

	--spo-accent: #0084FF;

	--spo-accent-dark: #0284C7;

	--spo-accent-light: #F0F9FF;

	--spo-accent-border: #BAE6FD;

	--spo-brand-blue: #0B2559;

	--spo-gold: #F59E0B;

	--spo-dark: #0F172A;

	--spo-gray: #475569;

	--spo-light: #F0F7FF;

	--spo-border: #E2E8F0;

	--spo-radius: 16px;

	--spo-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);

	--spo-shadow: 0 8px 24px rgba(11, 37, 89, 0.08);

	--spo-shadow-lg: 0 16px 40px rgba(11, 37, 89, 0.14);

}



/* ─── UNIFIED SECTION HEADERS (Standardized Across All Sections) ─── */



.spo-section-head {

	text-align: center;

	margin-bottom: 36px;

}



@media (min-width: 768px) {



	.spo-section-head {

	margin-bottom: 48px;

}



}



/* 1. Standard Top Eyebrow Badge */



.spo-section-badge,



.spo-sub-badge,



.spo-cmp-badge,



.spo-usage-badge,



.spo-ing-header-badge,



.pk-ss-test-subtitle {

	display: inline-flex !important;

	align-items: center !important;

	justify-content: center !important;

	gap: 7px !important;

	background: #F0F7FF !important;

	color: #0B2559 !important;

	border: 1.5px solid #BAE6FD !important;

	font-weight: 700 !important;

	font-size: 12px !important;

	letter-spacing: 1.2px !important;

	padding: 6px 18px !important;

	border-radius: 50px !important;

	text-transform: uppercase !important;

	box-shadow: 0 2px 8px rgba(0, 132, 255, 0.08) !important;

	margin-bottom: 12px !important;

	line-height: 1.2 !important;

}



.spo-section-badge i,



.spo-sub-badge i,



.spo-cmp-badge i,



.spo-usage-badge i,



.spo-ing-header-badge i {

	color: #0084FF !important;

	font-size: 13px !important;

}



/* 2. Standard Main Title */



.spo-section-title,



.spo-cmp-title,



.spo-usage-title,



.spo-ing-title,



.pk-screenshot-testimonial-section .pk-title {

	font-size: 24px !important;

	font-weight: 800 !important;

	color: #0B2559 !important;

	letter-spacing: -0.4px !important;

	line-height: 1.35 !important;

	margin-top: 0 !important;

	margin-bottom: 10px !important;

	border: none !important;

	padding-bottom: 0 !important;

}



@media (min-width: 768px) {



	.spo-section-title,



	.spo-cmp-title,



	.spo-usage-title,



	.spo-ing-title,



	.pk-screenshot-testimonial-section .pk-title {

	font-size: 32px !important;

}



}



/* 3. Standard Subtitle / Description */



.spo-section-subtitle,



.spo-cmp-subtitle,



.spo-usage-desc,



.spo-ing-subtitle,



.pk-ss-test-desc {

	color: #64748B !important;

	font-size: 14px !important;

	max-width: 680px !important;

	margin-left: auto !important;

	margin-right: auto !important;

	margin-top: 0 !important;

	margin-bottom: 0 !important;

	line-height: 1.65 !important;

}



@media (min-width: 768px) {



	.spo-section-subtitle,



	.spo-cmp-subtitle,



	.spo-usage-desc,



	.spo-ing-subtitle,



	.pk-ss-test-desc {

	font-size: 15.5px !important;

}



}



/* ─── 1. TOP URGENCY COUNTDOWN BANNER ──────────────────────── */



.spo-urgency-banner {

	background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);

	color: #f8fafc;

	font-size: 0.92rem;

	border-bottom: 1px solid rgba(255, 255, 255, 0.1);

	position: relative;

	z-index: 1020;

}



.spo-ub-text {

	font-weight: 500;

}



.spo-ub-text strong {

	color: #fbbf24;

}



.spo-ub-timer {

	font-weight: 700;

	font-size: 0.95rem;

	letter-spacing: 1px;

}



.spo-timer-box {

	display: inline-block;

	min-width: 28px;

	padding: 2px 6px;

	background: rgba(255, 255, 255, 0.14);

	border: 1px solid rgba(255, 255, 255, 0.25);

	border-radius: 6px;

	text-align: center;

	color: #fbbf24;

	font-variant-numeric: tabular-nums;

	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);

}



/* ─── 2. LANDING HEADER ─────────────────────────────────────── */



.spo-landing-header {

	background: #ffffff;

	border-bottom: 1px solid var(--spo-border);

	transition: all 0.3s ease;

	z-index: 1010;

}



.spo-header-btn {

	height: 42px;

	padding: 0 20px !important;

	font-size: 0.92rem !important;

	font-weight: 700 !important;

	border-radius: 50px !important;

	display: inline-flex !important;

	align-items: center !important;

	justify-content: center !important;

	gap: 8px !important;

	white-space: nowrap;

	line-height: 1 !important;

	box-sizing: border-box !important;

	text-decoration: none !important;

	transition: all 0.25s ease !important;

}



.spo-header-btn:hover {

	transform: translateY(-1px);

}



.spo-header-call {

	background: var(--pk-white, #ffffff) !important;

	border: 1.5px solid var(--spo-border, #E2E8F0) !important;

	color: var(--spo-dark, #1A1A1A) !important;

	box-shadow: var(--spo-shadow-sm, 0 2px 6px rgba(0, 0, 0, 0.04)) !important;

}



.spo-header-call:hover {

	background: var(--spo-light, #F4F6FB) !important;

	border-color: var(--spo-primary-border, #C7D2FE) !important;

	color: var(--spo-primary, #0B2559) !important;

}



@media (max-width: 767.98px) {



	.spo-header-call {

	display: none !important;

}



}



.spo-header-cta {

	background: var(--pk-btn-bg, linear-gradient(135deg, var(--pk-primary, #0B2559) 0%, var(--pk-accent, #0084FF) 100%)) !important;

	color: var(--pk-btn-text, #ffffff) !important;

	border: 1.5px solid transparent !important;

	box-shadow: 0 4px 14px rgba(var(--pk-primary-rgb, 43, 46, 138), 0.3) !important;

	cursor: pointer;

}



.spo-header-cta:hover {

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, var(--pk-accent, #0084FF) 0%, var(--pk-primary, #0B2559) 100%)) !important;

	box-shadow: 0 6px 18px rgba(var(--pk-primary-rgb, 43, 46, 138), 0.42) !important;

}



.spo-header-wa {

	background: #25D366 !important;

	color: #ffffff !important;

	border: 1.5px solid transparent !important;

	box-shadow: 0 4px 12px rgba(37, 211, 102, 0.25) !important;

}



.spo-header-wa:hover {

	background: #20bd5a !important;

	box-shadow: 0 4px 12px rgba(37, 211, 102, 0.35);

}



/* ─── 3. HERO SECTION (BOOK SALES TOP FOLD SHOWCASE) ────────── */



.spo-hero-wrap {

	background: radial-gradient(1200px circle at 80% 20%, rgba(11, 37, 89, 0.05) 0%, rgba(240, 247, 255, 0.8) 100%);

	position: relative;

	border-bottom: 1px solid #E2E8F0;

	overflow: hidden;

	padding-top: 24px !important;

	padding-bottom: 36px !important;

}



/* Eyebrow Social Proof Badge */



.spo-hero-eyebrow {

	display: inline-flex;

	align-items: center;

	gap: 10px;

	background: #FFFFFF;

	border: 1.5px solid #BAE6FD;

	box-shadow: 0 4px 16px rgba(11, 37, 89, 0.06);

	border-radius: 50px;

	padding: 5px 16px 5px 6px;

	margin-bottom: 18px;

	font-size: 13px;

	flex-wrap: wrap;

	transition: all 0.25s ease;

}



.spo-hero-eyebrow:hover {

	border-color: #0084FF;

	box-shadow: 0 6px 20px rgba(0, 132, 255, 0.12);

}



.spo-eyebrow-badge {

	background: linear-gradient(135deg, #E5252A 0%, #C81E23 100%);

	color: #FFFFFF;

	font-weight: 800;

	padding: 4px 12px;

	border-radius: 50px;

	font-size: 11.5px;

	border: none;

	box-shadow: 0 2px 8px rgba(229, 37, 42, 0.3);

	display: inline-flex;

	align-items: center;

	line-height: 1.2;

}



.spo-eyebrow-badge i {

	color: #FFD166;

}



.spo-eyebrow-text {

	font-weight: 700;

	color: #0B2559;

	font-size: 13px;

	line-height: 1.2;

}



.spo-eyebrow-dot {

	color: #CBD5E1;

	font-size: 13px;

	line-height: 1;

}



.spo-eyebrow-rating {

	font-weight: 700;

	color: #0F172A;

	font-size: 13px;

	display: inline-flex;

	align-items: center;

	gap: 3px;

	line-height: 1.2;

}



.spo-eyebrow-rating i {

	color: #F59E0B !important;

}



.spo-eyebrow-reviews {

	color: #64748B;

	font-size: 12.5px;

	font-weight: 500;

	line-height: 1.2;

}



/* Hero Typography */



.spo-hero-title {

	font-size: 2.35rem;

	font-weight: 800;

	color: #1E2460 !important;

	line-height: 1.25;

	letter-spacing: -0.5px;

	max-width: 74%;

}



.spo-hero-short-desc {

	font-size: 15.5px;

	color: #475569;

	line-height: 1.6;

}



/* Offer & Deal Card */



.spo-hero-deal-card {

	background: #FFFFFF;

	border: 1.5px solid #E2E8F0;

	box-shadow: 0 6px 22px rgba(11, 37, 89, 0.06);

	transition: border-color 0.25s ease;

}



.spo-deal-label {

	font-size: 15px;

	font-weight: 700;

	color: #64748B;

}



.spo-hero-deal-card .spo-price-current {

	color: #1E2460 !important;

	font-size: 2.2rem;

	font-weight: 900;

	letter-spacing: -0.5px;

	line-height: 1;

}



.spo-hero-deal-card .spo-price-old {

	color: #94A3B8;

	font-size: 1.2rem;

}



.spo-discount-pill {

	background: #FEF2F2;

	color: #DC2626;

	border: 1px solid #FECACA;

	font-weight: 800;

	font-size: 12px;

	padding: 4px 12px;

	border-radius: 50px;

}



.spo-stock-badge-pill {

	display: inline-flex;

	align-items: center;

	gap: 7px;

	background: #FEF3C7;

	color: #92400E;

	font-size: 12px;

	font-weight: 700;

	padding: 5px 14px;

	border-radius: 50px;

	border: 1px solid #FDE68A;

}



.spo-pulse-dot {

	width: 8px;

	height: 8px;

	background: #D97706;

	border-radius: 50%;

	display: inline-block;

	animation: spoPulse 1.6s infinite;

}



@keyframes spoPulse {



	0% {

	transform: scale(0.95); box-shadow: 0 0 0 0 rgba(217, 119, 6, 0.7);

}



	70% {

	transform: scale(1.1); box-shadow: 0 0 0 6px rgba(217, 119, 6, 0);

}



	100% {

	transform: scale(0.95); box-shadow: 0 0 0 0 rgba(217, 119, 6, 0);

}



}



.spo-deal-cod-badge {

	background: #EFF6FF;

	color: #1D4ED8;

	border: 1px solid #BFDBFE;

	font-weight: 700;

	padding: 3px 10px;

	border-radius: 50px;

}



/* Highlights Grid */



.spo-highlights-title {

	font-size: 16px;

	font-weight: 800;

	color: #1E293B;

}



.spo-highlights-grid {

	display: grid;

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

	gap: 12px;

}



.spo-hl-card {

	background: #FFFFFF;

	border: 1px solid #E2E8F0;

	border-radius: 14px;

	padding: 12px 14px;

	display: flex;

	align-items: flex-start;

	gap: 10px;

	transition: all 0.2s ease;

}



.spo-hl-card:hover {

	transform: translateY(-2px);

	border-color: #CBD5E1;

	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.04);

}



.spo-hl-icon-wrap {

	width: 34px;

	height: 34px;

	border-radius: 10px;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 15px;

	flex-shrink: 0;

}



.spo-hl-heading {

	font-size: 15px;

	font-weight: 700;

	color: #0F172A;

	margin-bottom: 2px;

	line-height: 1.3;

}



.spo-hl-desc {

	font-size: 13px;

	color: #64748B;

	margin: 0;

	line-height: 1.4;

}



/* Primary Hero CTA Button */



.spo-hero-cta-btn {

	background: var(--pk-btn-bg, linear-gradient(135deg, var(--pk-primary, #0B2559) 0%, var(--pk-accent, #0084FF) 100%)) !important;

	color: var(--pk-btn-text, #FFFFFF) !important;

	font-size: 1.15rem !important;

	font-weight: 800 !important;

	padding: 16px 28px !important;

	border-radius: 50px !important;

	box-shadow: 0 10px 28px rgba(var(--pk-primary-rgb, 43, 46, 138), 0.35) !important;

	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;

	cursor: pointer;

	text-decoration: none;

	display: inline-flex;

	align-items: center;

	justify-content: center;

}



.spo-hero-cta-btn:hover {

	transform: translateY(-3px) scale(1.01) !important;

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, var(--pk-accent, #0084FF) 0%, var(--pk-primary, #0B2559) 100%)) !important;

	box-shadow: 0 16px 36px rgba(var(--pk-primary-rgb, 43, 46, 138), 0.45) !important;

	color: #FFFFFF !important;

}



.spo-cta-bounce {

	animation: spoBounce 1.5s infinite;

}



@keyframes spoBounce {



	0%, 100% {

	transform: translateY(0);

}



	50% {

	transform: translateY(4px);

}



}



.spo-cta-subnote {

	font-size: 13px;

	color: #475569;

	font-weight: 600;

}



/* Secondary Action Buttons */



.spo-hero-call-btn {

	background: linear-gradient(135deg, #0B2559 0%, #0084FF 100%) !important;

	color: #FFFFFF !important;

	font-size: 14.5px !important;

	font-weight: 700 !important;

	padding: 12px 20px !important;

	border-radius: 50px !important;

	box-shadow: 0 6px 18px rgba(0, 132, 255, 0.28) !important;

	transition: all 0.25s ease !important;

	text-decoration: none;

	display: inline-flex;

	align-items: center;

	justify-content: center;

}



.spo-hero-call-btn:hover {

	transform: translateY(-2px);

	background: linear-gradient(135deg, #0084FF 0%, #0B2559 100%) !important;

	box-shadow: 0 10px 22px rgba(0, 132, 255, 0.4) !important;

	color: #FFFFFF !important;

}



.spo-hero-wa-btn {

	background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;

	color: #FFFFFF !important;

	font-size: 14.5px !important;

	font-weight: 700 !important;

	padding: 12px 20px !important;

	border-radius: 50px !important;

	box-shadow: 0 6px 18px rgba(37, 211, 102, 0.35) !important;

	transition: all 0.25s ease !important;

	text-decoration: none;

	display: inline-flex;

	align-items: center;

	justify-content: center;

}



.spo-hero-wa-btn:hover {

	transform: translateY(-2px);

	background: linear-gradient(135deg, #128C7E 0%, #25D366 100%) !important;

	box-shadow: 0 10px 24px rgba(37, 211, 102, 0.45) !important;

	color: #FFFFFF !important;

}



/* ── 3D Book Showcase Stage ── */



.spo-book-3d-stage {

	position: relative;

	display: flex;

	justify-content: center;

	align-items: center;

	padding: 10px 10px 15px;

}



.spo-book-ambient-glow {

	position: absolute;

	width: 80%;

	height: 80%;

	background: radial-gradient(circle, rgba(37, 99, 235, 0.12) 0%, rgba(255, 255, 255, 0) 70%);

	pointer-events: none;

	z-index: 1;

}



.spo-book-3d-frame {

	position: relative;

	z-index: 2;

	max-width: 480px;

	width: 100%;

	background: #FFFFFF;

	border-radius: 24px;

	padding: 16px 16px 20px;

	border: 1.5px solid #E2E8F0;

	box-shadow:

	0 20px 40px -10px rgba(30, 36, 96, 0.14),

	0 8px 16px -4px rgba(0, 0, 0, 0.04);

	transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease;

}



.spo-book-3d-frame:hover {

	transform: translateY(-6px);

	box-shadow:

	0 28px 55px -12px rgba(30, 36, 96, 0.2),

	0 12px 24px -6px rgba(0, 0, 0, 0.06);

	border-color: #CBD5E1;

}



.spo-book-badge-float {

	position: absolute;

	top: 26px;

	right: 26px;

	z-index: 4;

	display: inline-flex;

	align-items: center;

	gap: 6px;

	background: rgba(15, 23, 42, 0.88);

	backdrop-filter: blur(8px);

	-webkit-backdrop-filter: blur(8px);

	color: #FFFFFF;

	font-size: 11.5px;

	font-weight: 700;

	padding: 5px 12px;

	border-radius: 50px;

	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);

}



.spo-book-cover-viewport {

	background: #F8FAFC;

	border-radius: 16px;

	overflow: hidden;

	display: flex;

	align-items: center;

	justify-content: center;

	min-height: 380px;

	max-height: 480px;

	border: 1px solid #F1F5F9;

}



.spo-book-cover-viewport img {

	max-height: 460px;

	width: 100%;

	object-fit: contain;

	display: block;

	transition: transform 0.4s ease;

}



.spo-book-3d-frame:hover .spo-book-cover-viewport img {

	transform: scale(1.02);

}



/* Look Inside Interactive Button */



.spo-look-inside-btn {

	background: #FFFFFF !important;

	border: 1.5px solid #0B2559 !important;

	color: #0B2559 !important;

	font-weight: 700 !important;

	font-size: 14px !important;

	padding: 10px 22px !important;

	border-radius: 50px !important;

	display: inline-flex !important;

	align-items: center !important;

	gap: 8px !important;

	box-shadow: 0 4px 14px rgba(11, 37, 89, 0.1) !important;

	transition: all 0.25s ease !important;

}



.spo-look-inside-btn:hover {

	background: #0B2559 !important;

	color: #FFFFFF !important;

	transform: translateY(-2px);

	box-shadow: 0 8px 20px rgba(11, 37, 89, 0.22) !important;

}



.spo-look-inside-btn:hover i {

	color: #FFFFFF !important;

}



.spo-preview-free-tag {

	background: #FEF3C7;

	color: #92400E;

	font-size: 11px;

	font-weight: 800;

	padding: 2px 8px;

	border-radius: 20px;

}



/* Specs & Trust Strip */



.spo-book-specs-strip {

	max-width: 520px;

	margin: 0 auto;

}



.spo-spec-chip {

	background: #FFFFFF;

	border: 1px solid #E2E8F0;

	padding: 6px 14px;

	border-radius: 50px;

	font-size: 12.5px;

	font-weight: 700;

	color: #334155;

	display: inline-flex;

	align-items: center;

	gap: 6px;

	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);

}



/* ─── 5. BOOK MODULES & EXCLUSIVE FEATURES SECTION ───────────── */



.spo-ingredients-section {

	background: #F8FAFC;

	padding: 65px 0;

	position: relative;

	border-top: 1px solid #E2E8F0;

	border-bottom: 1px solid #E2E8F0;

}



/* Book Showcase Mockup Card */



.spo-book-showcase-card {

	position: relative;

	border-radius: 24px;

	overflow: hidden;

	background: #FFFFFF;

	border: 2px solid #FFFFFF;

	box-shadow: 0 20px 45px -10px rgba(11, 37, 89, 0.16), 0 0 0 1px rgba(15, 23, 42, 0.05);

	aspect-ratio: 1 / 1;

	display: flex;

	align-items: center;

	justify-content: center;

	padding: 10px;

}



.spo-book-showcase-img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	border-radius: 16px;

	display: block;

	transition: transform 0.35s ease;

}



.spo-book-float-badge {

	position: absolute;

	padding: 8px 18px;

	border-radius: 50px;

	font-weight: 700;

	font-size: 13px;

	display: inline-flex;

	align-items: center;

	gap: 8px;

	backdrop-filter: blur(12px);

	-webkit-backdrop-filter: blur(12px);

	box-shadow: 0 8px 24px rgba(11, 37, 89, 0.22);

	z-index: 5;

	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

	line-height: 1.2;

}



.spo-book-float-badge:hover {

	transform: translateY(-2px) scale(1.03);

}



.spo-book-float-badge--top {

	top: 20px;

	left: 20px;

	background: linear-gradient(135deg, rgba(7, 28, 68, 0.92) 0%, rgba(11, 37, 89, 0.92) 100%);

	color: #FFFFFF;

	border: 1.5px solid rgba(186, 230, 253, 0.35);

	box-shadow: 0 8px 24px rgba(7, 28, 68, 0.35);

}



.spo-book-float-badge--bottom {

	bottom: 20px;

	right: 20px;

	background: linear-gradient(135deg, rgba(0, 132, 255, 0.94) 0%, rgba(2, 132, 199, 0.96) 100%);

	color: #FFFFFF;

	border: 1.5px solid rgba(255, 255, 255, 0.4);

	box-shadow: 0 8px 24px rgba(0, 132, 255, 0.4);

}



/* Book Feature Tiles Grid */



.spo-ing-grid {

	display: grid;

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

	gap: 12px;

}



.spo-ing-tile {

	display: flex;

	align-items: flex-start;

	gap: 14px;

	background: #FFFFFF;

	border: 1.5px solid #E2E8F0;

	border-radius: 16px;

	padding: 14px 16px;

	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03);

	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);

}



.spo-ing-tile:hover {

	transform: translateY(-3px);

	border-color: #CBD5E1;

	box-shadow: 0 8px 20px rgba(11, 37, 89, 0.08);

}



.spo-ing-icon-box {

	width: 40px;

	height: 40px;

	border-radius: 12px;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 17px;

	flex-shrink: 0;

	transition: transform 0.25s ease;

}



.spo-ing-tile:hover .spo-ing-icon-box {

	transform: scale(1.1);

}



.spo-ing-tile-title {

	font-size: 15px;

	font-weight: 700;

	color: #0F172A;

	margin-bottom: 3px;

	line-height: 1.35;

}



.spo-ing-tile-desc {

	font-size: 15px;

	color: #64748B;

	line-height: 1.5;

	margin: 0;

}



/* Endorsement Box */



.spo-ing-endorsement-box {

	background: var(--spo-primary-light, #F0F7FF);

	border: 1.5px solid var(--spo-primary-border, #C7D2FE);

	border-radius: var(--spo-radius, 16px);

	padding: 14px 20px;

	box-shadow: var(--spo-shadow-sm, 0 4px 16px rgba(11, 37, 89, 0.05));

	display: flex;

	align-items: center;

	gap: 16px;

}



.spo-ing-endorse-icon {

	width: 44px;

	height: 44px;

	min-width: 44px;

	border-radius: 50%;

	background: var(--spo-primary, #0B2559);

	color: #FFFFFF;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 19px;

	box-shadow: 0 4px 12px rgba(var(--spo-primary-rgb, 43, 46, 138), 0.25);

	border: 2px solid #FFFFFF;

	flex-shrink: 0;

}



.spo-ing-endorse-text {

	flex: 1;

}



.spo-ing-endorse-text p {

	font-size: 0.94rem;

	line-height: 1.6;

	font-weight: 600;

	color: var(--spo-dark, #1E293B);

	margin: 0;

}



@media (max-width: 576px) {



	.spo-ing-endorsement-box {

	padding: 12px 14px;

	gap: 12px;

	border-radius: 14px;

}



	.spo-ing-endorse-icon {

	width: 38px;

	height: 38px;

	min-width: 38px;

	font-size: 16px;

}



	.spo-ing-endorse-text p {

	font-size: 0.88rem;

	line-height: 1.5;

}



}



/* CTA Button */



.spo-ing-cta-btn {

	background: var(--pk-btn-bg, linear-gradient(135deg, var(--pk-primary, #0B2559) 0%, var(--pk-accent, #0084FF) 100%)) !important;

	color: var(--pk-btn-text, #FFFFFF) !important;

	border: none !important;

	border-radius: 50px !important;

	padding: 14px 36px !important;

	font-size: 15px !important;

	font-weight: 700 !important;

	box-shadow: 0 10px 25px rgba(var(--pk-primary-rgb, 43, 46, 138), 0.3) !important;

	display: inline-flex !important;

	align-items: center !important;

	gap: 10px !important;

	transition: all 0.25s ease !important;

}



.spo-ing-cta-btn:hover {

	transform: translateY(-2px);

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, var(--pk-accent, #0084FF) 0%, var(--pk-primary, #0B2559) 100%)) !important;

	box-shadow: 0 14px 32px rgba(var(--pk-primary-rgb, 43, 46, 138), 0.45) !important;

	color: var(--pk-btn-text, #FFFFFF) !important;

}



/* ─── 6. STEP-BY-STEP STUDY GUIDE SECTION ────────────────────── */



.spo-usage-section {

	background: #FFFFFF;

	border-top: 1px solid #E2E8F0;

	border-bottom: 1px solid #E2E8F0;

	padding: 60px 0;

	position: relative;

}



/* Step Card Base */



.spo-step-card {

	background: #FFFFFF;

	border: 1.5px solid #E2E8F0;

	border-radius: 20px;

	padding: 34px 24px 28px;

	text-align: center;

	position: relative;

	height: 100%;

	box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04);

	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

	overflow: hidden;

	display: flex;

	flex-direction: column;

	align-items: center;

}



.spo-step-card:hover {

	transform: translateY(-8px);

	box-shadow: 0 18px 36px rgba(11, 37, 89, 0.1);

	border-color: #CBD5E1;

}



/* Watermark Number */



.spo-step-num-watermark {

	position: absolute;

	top: 8px;

	right: 18px;

	font-size: 58px;

	font-weight: 900;

	line-height: 1;

	color: rgba(15, 23, 42, 0.035);

	pointer-events: none;

	user-select: none;

	transition: color 0.3s ease;

}



.spo-step-card:hover .spo-step-num-watermark {

	color: rgba(11, 37, 89, 0.08);

}



/* Step Pill */



.spo-step-pill {

	display: inline-flex;

	align-items: center;

	font-weight: 700;

	font-size: 11.5px;

	letter-spacing: 0.8px;

	padding: 5px 14px;

	border-radius: 30px;

	margin-bottom: 18px;

	position: relative;

	z-index: 2;

}



/* Step Icon Bubble */



.spo-step-icon-wrap {

	width: 66px;

	height: 66px;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 25px;

	margin-bottom: 18px;

	transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);

	position: relative;

	z-index: 2;

}



.spo-step-card:hover .spo-step-icon-wrap {

	transform: scale(1.12);

}



/* Step Text */



.spo-step-heading {

	font-size: 18px;

	font-weight: 700;

	color: #0F172A;

	margin-bottom: 10px;

	line-height: 1.35;

	position: relative;

	z-index: 2;

}



.spo-step-text {

	font-size: 15px;

	color: #64748B;

	line-height: 1.65;

	margin: 0;

	position: relative;

	z-index: 2;

}



/* Theme 1: Royal Navy / Indigo */



.spo-step-card--1 .spo-step-pill {

	background: #F0F7FF;

	color: #0B2559;

	border: 1px solid #BAE6FD;

}



.spo-step-card--1 .spo-step-icon-wrap {

	background: linear-gradient(135deg, #0B2559 0%, #0084FF 100%);

	color: #FFFFFF;

	box-shadow: 0 8px 20px rgba(11, 37, 89, 0.2);

}



.spo-step-card--1:hover {

	border-color: #BAE6FD;

}



/* Theme 2: Crimson Red (ক ও খ বিশেষ প্রশ্ন সমাধান) */



.spo-step-card--2 .spo-step-pill {

	background: #FEF2F2;

	color: #E5252A;

	border: 1px solid #FECACA;

}



.spo-step-card--2 .spo-step-icon-wrap {

	background: linear-gradient(135deg, #E5252A 0%, #C81E23 100%);

	color: #FFFFFF;

	box-shadow: 0 8px 20px rgba(229, 37, 42, 0.22);

}



.spo-step-card--2:hover {

	border-color: #FCA5A5;

}



/* Theme 3: Warm Amber / Gold */



.spo-step-card--3 .spo-step-pill {

	background: #FFFBEB;

	color: #D97706;

	border: 1px solid #FDE68A;

}



.spo-step-card--3 .spo-step-icon-wrap {

	background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);

	color: #FFFFFF;

	box-shadow: 0 8px 20px rgba(217, 119, 6, 0.22);

}



.spo-step-card--3:hover {

	border-color: #FCD34D;

}



/* Tips Callout Cards */



.spo-tip-card {

	display: flex;

	align-items: flex-start;

	gap: 16px;

	border-radius: 18px;

	padding: 22px 24px;

	height: 100%;

	transition: all 0.25s ease;

}



.spo-tip-card:hover {

	transform: translateY(-2px);

	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);

}



.spo-tip-card--green {

	background: linear-gradient(135deg, #F0F7FF 0%, #E0F2FE 100%);

	border: 1.5px solid #BAE6FD;

	border-left: 5px solid #0084FF;

	box-shadow: 0 4px 14px rgba(0, 132, 255, 0.06);

}



.spo-tip-card--green .spo-tip-icon-box {

	background: linear-gradient(135deg, #0084FF 0%, #0284C7 100%);

	color: #FFFFFF;

	box-shadow: 0 4px 12px rgba(0, 132, 255, 0.25);

}



.spo-tip-card--green .spo-tip-title {

	color: #0369A1;

}



.spo-tip-card--blue {

	background: linear-gradient(135deg, #F8FAFC 0%, #F0F7FF 100%);

	border: 1.5px solid #C7D2FE;

	border-left: 5px solid #0B2559;

	box-shadow: 0 4px 14px rgba(11, 37, 89, 0.06);

}



.spo-tip-card--blue .spo-tip-icon-box {

	background: linear-gradient(135deg, #0B2559 0%, #071C44 100%);

	color: #FFFFFF;

	box-shadow: 0 4px 12px rgba(11, 37, 89, 0.25);

}



.spo-tip-card--blue .spo-tip-title {

	color: #0B2559;

}



.spo-tip-icon-box {

	width: 44px;

	height: 44px;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 19px;

	flex-shrink: 0;

}



.spo-tip-title {

	font-size: 16px;

	font-weight: 700;

	margin-bottom: 6px;

	line-height: 1.3;

}



.spo-tip-text {

	font-size: 13.8px;

	color: #374151;

	line-height: 1.6;

	margin: 0;

}



/* ─── 7. BOOK COMPARISON SECTION ────────────────────────────── */



.spo-comparison-section {

	background: #F8FAFC;

	padding: 65px 0;

	position: relative;

	border-bottom: 1px solid #E2E8F0;

}



/* Comparison Cards */



.spo-cmp-card {

	border-radius: 22px;

	padding: 34px 28px;

	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

	position: relative;

}



/* Card 1: Ordinary Guide Books */



.spo-cmp-card--bad {

	background: #FFFFFF;

	border: 1.5px solid #FEE2E2;

	box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);

}



.spo-cmp-card--bad:hover {

	transform: translateY(-4px);

	border-color: #FECACA;

	box-shadow: 0 12px 30px rgba(229, 37, 42, 0.08);

}



.spo-cmp-pill--bad {

	display: inline-flex;

	align-items: center;

	gap: 6px;

	background: #FEF2F2;

	color: #E5252A;

	border: 1px solid #FECACA;

	font-size: 12px;

	font-weight: 700;

	padding: 5px 14px;

	border-radius: 30px;

}



.spo-cmp-icon--bad {

	width: 28px;

	height: 28px;

	border-radius: 50%;

	background: #FEE2E2;

	color: #E5252A;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 13px;

	flex-shrink: 0;

	margin-top: 2px;

}



/* Card 2: UVAC Exclusive Book (Highlighted) */



.spo-cmp-card--good {

	background: linear-gradient(180deg, #FFFFFF 0%, #F0F7FF 100%);

	border: 2px solid #0084FF;

	box-shadow: 0 16px 40px rgba(0, 132, 255, 0.14), 0 2px 10px rgba(11, 37, 89, 0.06);

}



.spo-cmp-card--good:hover {

	transform: translateY(-4px);

	border-color: #0B2559;

	box-shadow: 0 20px 48px rgba(0, 132, 255, 0.22), 0 4px 16px rgba(11, 37, 89, 0.1);

}



.spo-cmp-ribbon {

	position: absolute;

	top: -14px;

	right: 24px;

	background: linear-gradient(135deg, #0B2559 0%, #0084FF 100%);

	color: #FFFFFF;

	font-size: 11.5px;

	font-weight: 700;

	padding: 6px 18px;

	border-radius: 30px;

	box-shadow: 0 4px 16px rgba(11, 37, 89, 0.35);

	letter-spacing: 0.3px;

	display: flex;

	align-items: center;

	gap: 6px;

}



.spo-cmp-ribbon i.fa-crown,



.spo-cmp-ribbon i {

	color: #FACC15;

}



.spo-cmp-pill--good {

	display: inline-flex;

	align-items: center;

	gap: 6px;

	background: #F0F7FF;

	color: #0084FF;

	border: 1.5px solid #BAE6FD;

	font-size: 12px;

	font-weight: 700;

	padding: 5px 14px;

	border-radius: 30px;

}



.spo-cmp-icon--good {

	width: 28px;

	height: 28px;

	border-radius: 50%;

	background: linear-gradient(135deg, #0B2559 0%, #0084FF 100%);

	color: #FFFFFF;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 13px;

	flex-shrink: 0;

	margin-top: 2px;

	box-shadow: 0 3px 10px rgba(0, 132, 255, 0.35);

}



/* Comparison Item */



.spo-cmp-card-title {

	font-size: 19px;

	font-weight: 800;

	margin-bottom: 4px;

	line-height: 1.35;

}



.spo-cmp-list {

	display: flex;

	flex-direction: column;

	gap: 16px;

}



.spo-cmp-item {

	display: flex;

	align-items: flex-start;

	gap: 14px;

}



.spo-cmp-item-title {

	font-size: 15.5px;

	font-weight: 700;

	color: #0F172A;

	margin-bottom: 3px;

	line-height: 1.35;

}



.spo-cmp-item-desc {

	font-size: 15px;

	color: #64748B;

	line-height: 1.55;

	margin: 0;

}



.spo-cmp-card--good .spo-cmp-item-desc {

	color: #334155;

}



/* Bottom Value Box */



.spo-cmp-bottom-box {

	background: #FFFFFF;

	border: 1.5px solid #E2E8F0;

	box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);

	max-width: 860px;

	margin: 0 auto;

}



.spo-cmp-value-item {

	display: inline-flex;

	align-items: center;

	font-size: 14.5px;

}



/* CTA Button */



.spo-cmp-cta-btn {

	background: linear-gradient(135deg, #0B2559 0%, #0084FF 100%) !important;

	color: #FFFFFF !important;

	border: none !important;

	border-radius: 50px !important;

	padding: 14px 38px !important;

	font-size: 15px !important;

	font-weight: 700 !important;

	box-shadow: 0 10px 25px rgba(0, 132, 255, 0.35) !important;

	display: inline-flex !important;

	align-items: center !important;

	gap: 10px !important;

	transition: all 0.25s ease !important;

}



.spo-cmp-cta-btn:hover {

	transform: translateY(-2px);

	box-shadow: 0 14px 32px rgba(11, 37, 89, 0.45) !important;

	background: linear-gradient(135deg, #0084FF 0%, #0B2559 100%) !important;

	color: #FFFFFF !important;

}



.spo-cta-bounce {

	animation: spoBounceDown 1.8s infinite;

}



@keyframes spoBounceDown {



	0%, 100% {

	transform: translateY(0);

}



	50% {

	transform: translateY(5px);

}



}



/* ─── Responsive for Sections 3, 5, 6, 7 ─────────────────────── */



@media (max-width: 991.98px) {



	.spo-ing-grid {

	grid-template-columns: 1fr;

}



}



@media (max-width: 767.98px) {



	.spo-hero-title {

	font-size: 1.75rem;

}



	.spo-highlights-grid {

	grid-template-columns: 1fr;

}



	.spo-hero-deal-card .spo-price-current {

	font-size: 1.85rem;

}



	.spo-book-cover-viewport {

	min-height: 280px;

	max-height: 380px;

}



	.spo-book-cover-viewport img {

	max-height: 360px;

}



	.spo-hero-actions .spo-secondary-actions {

	flex-direction: column;

}



	.spo-ingredients-section {

	padding: 42px 0;

}



	.spo-ing-title {

	font-size: 23px;

}



	.spo-ing-subtitle {

	font-size: 14px;

}



	.spo-ing-tile {

	padding: 12px 14px;

	gap: 12px;

}



	.spo-ing-icon-box {

	width: 36px;

	height: 36px;

	font-size: 15px;

}



	.spo-ing-tile-title {

	font-size: 14.5px;

}



	.spo-ing-tile-desc {

	font-size: 13px;

}



	.spo-ing-cta-btn {

	width: 100%;

	justify-content: center;

}



	.spo-usage-section {

	padding: 42px 0;

}



	.spo-usage-title {

	font-size: 23px;

}



	.spo-usage-desc {

	font-size: 14px;

}



	.spo-step-card {

	padding: 28px 18px 24px;

}



	.spo-tip-card {

	padding: 18px;

}



	.spo-tip-icon-box {

	width: 38px;

	height: 38px;

	font-size: 16px;

}



	.spo-tip-title {

	font-size: 15px;

}



	.spo-tip-text {

	font-size: 13px;

}



	.spo-comparison-section {

	padding: 42px 0;

}



	.spo-cmp-title {

	font-size: 23px;

}



	.spo-cmp-subtitle {

	font-size: 14px;

}



	.spo-cmp-card {

	padding: 24px 18px;

}



	.spo-cmp-card-title {

	font-size: 17px;

}



	.spo-cmp-item-title {

	font-size: 14.5px;

}



	.spo-cmp-item-desc {

	font-size: 13px;

}



	.spo-cmp-bottom-box {

	padding: 20px 16px !important;

}



	.spo-cmp-value-item {

	font-size: 13px;

}



	.spo-cmp-cta-btn {

	width: 100%;

	justify-content: center;

}



}



/* ─── 9. SCREENSHOT TESTIMONIALS SLIDER ─────────────────────── */



.pk-screenshot-testimonial-section {

	background: linear-gradient(180deg, #F0F7FF 0%, #F6F9FD 50%, #EEF5FC 100%) !important;

	padding: 75px 0 !important;

	overflow: hidden;

}



.pk-screenshot-testimonial-section .spo-section-badge {

	display: inline-flex !important;

	align-items: center !important;

	justify-content: center !important;

	gap: 7px !important;

	background: #F0F7FF !important;

	color: #0B2559 !important;

	border: 1.5px solid #BAE6FD !important;

	font-weight: 700 !important;

	font-size: 12px !important;

	letter-spacing: 1.2px !important;

	padding: 6px 18px !important;

	border-radius: 50px !important;

	text-transform: uppercase !important;

	box-shadow: 0 2px 8px rgba(0, 132, 255, 0.08) !important;

	margin-bottom: 12px !important;

	line-height: 1.2 !important;

}



.pk-screenshot-testimonial-section .spo-section-badge i {

	color: #0084FF !important;

	font-size: 13px !important;

}



.pk-screenshot-testimonial-section .spo-section-title {

	font-family: var(--pk-font-primary, 'Anek Bangla', 'Hind Siliguri', sans-serif) !important;

	font-size: 28px !important;

	font-weight: 800 !important;

	color: #0B2559 !important;

	margin-bottom: 10px !important;

	letter-spacing: -0.5px !important;

}



@media (min-width: 768px) {



	.pk-screenshot-testimonial-section .spo-section-title {

	font-size: 34px !important;

}



}



.pk-screenshot-testimonial-section .spo-section-subtitle {

	font-family: var(--pk-font-primary, 'Anek Bangla', 'Hind Siliguri', sans-serif) !important;

	font-size: 15px !important;

	color: #64748B !important;

	margin-bottom: 0 !important;

	max-width: 600px !important;

	margin-left: auto !important;

	margin-right: auto !important;

}



.pk-ss-slider-wrapper {

	position: relative;

	width: 100%;

	max-width: 1320px;

	margin: 0 auto;

	padding: 10px 45px;

}



.pk-screenshot-swiper {

	overflow: hidden !important;

	padding: 10px 4px 20px !important;

}



.pk-screenshot-swiper .swiper-slide {

	height: auto;

	display: flex;

}



.pk-ss-card {

	width: 100%;

	display: flex;

	flex-direction: column;

	border-radius: 18px;

	overflow: hidden;

	background: #ffffff;

	border: 1px solid #e2e8f0;

	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);

	transition: transform 0.3s ease, box-shadow 0.3s ease;

	position: relative;

}



.pk-ss-card:hover {

	transform: translateY(-4px);

	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);

}



.pk-ss-card .pk-ss-img-wrap,



.pk-ss-card--image-only .pk-ss-img-wrap {

	aspect-ratio: auto;

	height: 100%;

	display: flex;

	align-items: center;

	justify-content: center;

	background: #f8fafc;

	overflow: hidden;

}



.pk-ss-card .pk-ss-img,



.pk-ss-card--image-only .pk-ss-img {

	width: 100%;

	height: auto;

	object-fit: contain;

	display: block;

}



.pk-ss-card--image-only {

	justify-content: center;

}



.pk-ss-overlay-pill {

	position: absolute;

	bottom: 14px;

	left: 12px;

	right: 12px;

	background: rgba(255, 255, 255, 0.94);

	backdrop-filter: blur(8px);

	-webkit-backdrop-filter: blur(8px);

	padding: 10px 14px;

	border-radius: 14px;

	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);

	border: 1px solid rgba(255, 255, 255, 0.85);

	z-index: 2;

}



.pk-ss-stars {

	color: #FFC107;

	font-size: 13px;

	line-height: 1;

	margin-bottom: 4px;

}



.pk-ss-pill-text {

	font-size: 12.5px;

	line-height: 1.45;

	color: #0F172A;

	font-weight: 500;

	margin: 0;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

	overflow: hidden;

}



.pk-ss-arrow {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	z-index: 25;

	width: 44px;

	height: 44px;

	border-radius: 50%;

	background: #ffffff;

	border: 1px solid #E2E8F0;

	color: #0F172A;

	display: flex;

	align-items: center;

	justify-content: center;

	cursor: pointer;

	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);

	transition: all 0.3s ease;

}



.pk-ss-arrow:hover {

	background: var(--pk-primary, #0B2559);

	color: #ffffff;

	border-color: var(--pk-primary, #0B2559);

	transform: translateY(-50%) scale(1.08);

}



.pk-ss-prev {

	left: 0;

}



.pk-ss-next {

	right: 0;

}



@media (max-width: 576px) {



	.pk-ss-slider-wrapper {

	padding: 10px 0;

}



	.pk-ss-prev {

	left: -5px;

}



	.pk-ss-next {

	right: -5px;

}



}



/* ─── 10. FULL CHECKOUT / ORDER FORM SECTION ───────────────── */



.spo-checkout-section {

	background: var(--pk-bg-soft, #F4F6FB);

	position: relative;

}



.spo-order-panel {

	background: #ffffff;

	border-radius: 24px;

	box-shadow: 0 16px 45px rgba(0, 0, 0, 0.08);

	border: 1.5px solid #e2e8f0;

}



.spo-form-header-badge {

	background: var(--pk-gradient-main, linear-gradient(135deg, #0B2559 0%, #0084FF 100%)) !important;

	border-radius: 14px;

	font-size: 1.05rem;

	box-shadow: 0 4px 14px rgba(11, 37, 89, 0.25);

}



/* Bundle Option Card Selection */



.spo-bundle-option {

	border-radius: 16px;

	border: 2px solid #e2e8f0;

	transition: all 0.2s ease;

	cursor: pointer;

}



.spo-bundle-option:hover {

	border-color: #cbd5e1;

	transform: translateY(-1px);

}



.spo-bundle-option.active {

	border-color: var(--spo-primary) !important;

	background: #F0F7FF !important;

	box-shadow: 0 6px 18px rgba(11, 37, 89, 0.12);

}



.spo-radio-circle {

	transition: all 0.2s ease;

}



.spo-bundle-option.active .spo-radio-circle {

	border-color: var(--spo-primary) !important;

}



.spo-bundle-option.active .spo-radio-inner {

	background: var(--spo-primary) !important;

}



/* Inputs & Form Controls */



.spo-field-group {

	position: relative;

}



.spo-label {

	font-size: 0.95rem;

	color: var(--spo-dark);

	display: block;

	margin-bottom: 6px;

}



.spo-required {

	color: #dc2626;

}



.spo-input,



.spo-select,



.spo-textarea {

	width: 100%;

	border: 1.5px solid #cbd5e1;

	border-radius: 12px;

	padding: 12px 16px;

	font-size: 0.96rem;

	color: #1e293b;

	background: #ffffff;

	transition: all 0.2s ease;

}



.spo-input:focus,



.spo-select:focus,



.spo-textarea:focus {

	border-color: var(--spo-primary);

	outline: none;

	box-shadow: 0 0 0 3.5px rgba(11, 37, 89, 0.14);

}



/* Quantity Stepper */



.spo-qty-wrap {

	display: inline-flex;

	align-items: center;

	border: 1.5px solid #cbd5e1;

	border-radius: 10px;

	overflow: hidden;

	background: #ffffff;

}



.spo-qty-btn {

	background: #f8fafc;

	border: none;

	width: 36px;

	height: 36px;

	display: flex;

	align-items: center;

	justify-content: center;

	cursor: pointer;

	color: #334155;

	font-size: 0.85rem;

	transition: background 0.2s;

}



.spo-qty-btn:hover {

	background: #e2e8f0;

}



.spo-qty-input {

	width: 44px;

	border: none;

	text-align: center;

	font-weight: 700;

	font-size: 0.95rem;

	color: #1e293b;

	background: transparent;

	padding: 0;

}



.spo-qty-input:focus {

	outline: none;

}



/* Order Summary Box */



.spo-summary-box {

	background: #f8fafc;

	border: 1.5px solid #e2e8f0;

	border-radius: 16px;

	padding: 18px 22px;

}



.spo-summary-row {

	display: flex;

	align-items: center;

	justify-content: space-between;

	padding: 8px 0;

	border-bottom: 1px dashed #e2e8f0;

	font-size: 0.95rem;

	color: #475569;

}



.spo-summary-total {

	border-bottom: none;

	border-top: 2px solid #cbd5e1;

	padding-top: 12px;

	margin-top: 6px;

	font-size: 1.25rem;

	font-weight: 800;

	color: #0f172a;

}



.spo-summary-total span:last-child {

	color: var(--spo-primary);

}



/* Submit Button */



.spo-submit-btn {

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%)) !important;

	color: #ffffff !important;

	border: none;

	border-radius: 50px;

	padding: 16px 24px;

	font-weight: 800;

	font-size: 1.25rem;

	cursor: pointer;

	box-shadow: 0 10px 28px rgba(11, 37, 89, 0.4);

	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);

	display: flex;

	align-items: center;

	justify-content: center;

}



.spo-submit-btn:hover:not(:disabled) {

	transform: translateY(-2px);

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, #0084FF 0%, #0B2559 100%)) !important;

	box-shadow: 0 14px 34px rgba(11, 37, 89, 0.5);

	color: #ffffff !important;

}



.spo-submit-btn:disabled {

	opacity: 0.65;

	cursor: not-allowed;

	transform: none !important;

}



.spo-spinner {

	display: inline-block;

	width: 18px;

	height: 18px;

	border: 2px solid #ffffff;

	border-top-color: transparent;

	border-radius: 50%;

	animation: spoSpin 0.75s linear infinite;

	vertical-align: middle;

}



@keyframes spoSpin {



	to {

	transform: rotate(360deg);

}



}



/* ─── 11. FAQ ACCORDION ─────────────────────────────────────── */



.spo-faq-section {

	background: #ffffff;

}



.spo-faq-accordion .accordion-item {

	border: 1.5px solid #e2e8f0;

	border-radius: 14px !important;

	margin-bottom: 12px;

	overflow: hidden;

	box-shadow: var(--spo-shadow-sm);

}



.spo-faq-accordion .accordion-button {

	font-size: 1.05rem;

	font-weight: 700;

	color: var(--spo-dark);

	background: #ffffff;

	padding: 18px 22px;

}



.spo-faq-accordion .accordion-button:not(.collapsed) {

	color: var(--spo-primary);

	background: #F0F7FF;

	border-left: 4px solid var(--spo-primary);

	box-shadow: none;

}



.spo-faq-accordion .accordion-button:focus {

	box-shadow: none;

	border-color: #C7D2FE;

}



.spo-faq-accordion .accordion-body {

	font-size: 0.96rem;

	color: #475569;

	line-height: 1.65;

	padding: 18px 22px;

	background: #ffffff;

}



/* ─── 12. MOBILE STICKY BAR ─────────────────────────────────── */



.spo-mobile-sticky-bar {

	position: fixed;

	bottom: 0;

	left: 0;

	right: 0;

	z-index: 9999;

	background: rgba(255, 255, 255, 0.96);

	backdrop-filter: blur(10px);

	-webkit-backdrop-filter: blur(10px);

	border-top: 1.5px solid #e2e8f0;

	padding: 10px 16px;

	align-items: center;

	justify-content: space-between;

	box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.12);

	transform: translateY(110%);

	opacity: 0;

	visibility: hidden;

	pointer-events: none;

	transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease, visibility 0.35s ease;

}



.spo-mobile-sticky-bar.is-visible {

	transform: translateY(0) !important;

	opacity: 1 !important;

	visibility: visible !important;

	pointer-events: auto !important;

}



.spo-ms-info {

	display: flex;

	flex-direction: column;

	max-width: 58%;

}



.spo-ms-title {

	font-size: 0.85rem;

	font-weight: 700;

	color: var(--spo-dark);

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}



.spo-ms-price {

	font-size: 1.15rem;

	font-weight: 800;

	color: var(--spo-primary);

}



.spo-ms-btn {

	background: var(--pk-btn-bg, linear-gradient(135deg, var(--pk-primary, #0B2559) 0%, var(--pk-accent, #0084FF) 100%)) !important;

	color: var(--pk-btn-text, #ffffff) !important;

	font-size: 0.95rem !important;

	font-weight: 700 !important;

	border: none !important;

	border-radius: 50px !important;

	padding: 10px 22px !important;

	box-shadow: 0 4px 14px rgba(var(--pk-primary-rgb, 43, 46, 138), 0.35) !important;

	cursor: pointer;

	transition: var(--pk-transition, all 0.25s ease);

}



.spo-ms-btn:hover {

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, var(--pk-accent, #0084FF) 0%, var(--pk-primary, #0B2559) 100%)) !important;

}



@media (max-width: 767.98px) {



	.spo-landing-footer {

	padding-bottom: 95px !important;

}



}



/* ── DearFlip PDF Flipbook Reader Enhancements ───────────────────── */



.df-lightbox-wrapper {

	z-index: 9999999 !important;

}



.df-lightbox-wrapper .df-lightbox-bg {

	background: rgba(10, 15, 30, 0.95) !important;

	backdrop-filter: blur(8px) !important;

	-webkit-backdrop-filter: blur(8px) !important;

}



.df-lightbox-wrapper .df-lightbox-close {

	top: 16px !important;

	right: 18px !important;

	z-index: 10000001 !important;

	background: rgba(255, 255, 255, 0.16) !important;

	color: #ffffff !important;

	border-radius: 50% !important;

	width: 42px !important;

	height: 42px !important;

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	font-size: 20px !important;

	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.35) !important;

	transition: all 0.25s ease !important;

	cursor: pointer !important;

}



.df-lightbox-wrapper .df-lightbox-close:hover {

	background: #EF4444 !important;

	color: #ffffff !important;

	transform: scale(1.1) rotate(90deg);

}



.spo-look-inside-btn {

	cursor: pointer !important;

	user-select: none;

}



.spo-look-inside-btn._df_button {

	text-decoration: none !important;

}



/* ─────────────────────────────────────────────────────────────────────────────



   UNIFIED HOMEPAGE SECTION HEADERS (Cohesive, Modern Design System)



   ───────────────────────────────────────────────────────────────────────────── */



.pk-unified-section-head {

	text-align: center;

	margin-bottom: 32px;

	position: relative;

}



@media (min-width: 768px) {



	.pk-unified-section-head {

	margin-bottom: 42px;

}



}



.pk-unified-badge {

	display: inline-flex !important;

	align-items: center !important;

	justify-content: center !important;

	gap: 8px !important;

	background: #F0F7FF !important;

	color: #0B2559 !important;

	border: 1.5px solid #BAE6FD !important;

	font-family: var(--pk-font-primary, 'Hind Siliguri', sans-serif) !important;

	font-weight: 700 !important;

	font-size: 13px !important;

	letter-spacing: 0.5px !important;

	padding: 5px 16px !important;

	border-radius: 50px !important;

	box-shadow: 0 2px 8px rgba(0, 132, 255, 0.08) !important;

	margin-bottom: 12px !important;

	line-height: 1.3 !important;

}



.pk-unified-badge i {

	color: #0084FF !important;

	font-size: 13px !important;

}



.pk-unified-title {

	font-family: var(--pk-font-secondary, 'Hind Siliguri', sans-serif) !important;

	font-size: 24px !important;

	font-weight: 800 !important;

	color: #0B2559 !important;

	letter-spacing: -0.3px !important;

	line-height: 1.35 !important;

	margin-top: 0 !important;

	margin-bottom: 10px !important;

}



@media (min-width: 768px) {



	.pk-unified-title {

	font-size: 32px !important;

}



}



.pk-unified-desc {

	font-family: var(--pk-font-primary, 'Hind Siliguri', sans-serif) !important;

	font-size: 14.5px !important;

	font-weight: 400 !important;

	color: #64748B !important;

	max-width: 680px !important;

	margin: 0 auto !important;

	line-height: 1.6 !important;

}



@media (min-width: 768px) {



	.pk-unified-desc {

	font-size: 15.5px !important;

}



}



/* ─────────────────────────────────────────────────────────────────────────────



   UVAC BLOG CATEGORY FILTER BAR (Modern Pill Design)



   ───────────────────────────────────────────────────────────────────────────── */



.uvac-blog-filter-wrapper {

	display: flex;

	justify-content: center;

	width: 100%;

}



.uvac-blog-filter-bar {

	display: inline-flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

	gap: 10px 14px;

	background: #FFFFFF;

	border: 1.5px solid #E2E8F0;

	padding: 10px 22px;

	border-radius: 60px;

	box-shadow: 0 4px 20px rgba(11, 37, 89, 0.05);

	max-width: 100%;

}



.uvac-filter-label {

	display: inline-flex;

	align-items: center;

	gap: 8px;

	font-weight: 700;

	font-size: 14.5px;

	color: #0B2559;

	padding-right: 12px;

	border-right: 1.5px solid #E2E8F0;

	margin-right: 2px;

	white-space: nowrap;

}



.uvac-filter-label i {

	color: #0084FF;

	font-size: 14px;

}



.uvac-filter-pills {

	display: inline-flex;

	flex-wrap: wrap;

	align-items: center;

	gap: 8px;

}



.uvac-filter-pill {

	display: inline-flex;

	align-items: center;

	gap: 7px;

	padding: 6px 15px;

	border-radius: 50px;

	font-size: 13.5px;

	font-weight: 600;

	text-decoration: none !important;

	background: #F8FAFC;

	color: #334155 !important;

	border: 1.5px solid #E2E8F0;

	transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);

	white-space: nowrap;

}



.uvac-filter-pill .uvac-pill-count {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	min-width: 20px;

	height: 20px;

	padding: 0 6px;

	border-radius: 20px;

	font-size: 11px;

	font-weight: 700;

	background: #E2E8F0;

	color: #0B2559;

	transition: all 0.22s ease;

	line-height: 1;

}



.uvac-filter-pill:hover {

	background: #F0F7FF !important;

	border-color: #0084FF !important;

	color: #0084FF !important;

	transform: translateY(-2px);

	box-shadow: 0 4px 12px rgba(0, 132, 255, 0.15);

}



.uvac-filter-pill:hover .uvac-pill-count {

	background: #0084FF !important;

	color: #FFFFFF !important;

}



.uvac-filter-pill.is-active {

	background: #0B2559 !important;

	color: #FFFFFF !important;

	border-color: #0B2559 !important;

	box-shadow: 0 4px 14px rgba(11, 37, 89, 0.25);

}



.uvac-filter-pill.is-active .uvac-pill-count {

	background: rgba(255, 255, 255, 0.25) !important;

	color: #FFFFFF !important;

}



@media (max-width: 767.98px) {



	.uvac-blog-filter-bar {

	border-radius: 18px;

	padding: 14px;

	width: 100%;

	justify-content: flex-start;

}



	.uvac-filter-label {

	border-right: none;

	width: 100%;

	margin-bottom: 4px;

	padding-bottom: 8px;

	border-bottom: 1px solid #F1F5F9;

}



}



/* =============================================================================



   📚 GLOBAL BOOK PRODUCT CARD SYSTEM (APPLIES TO SHOP, CATEGORY, SEARCH & HOME)



   ============================================================================= */



.pk-book-card {

	background: #ffffff !important;

	border: 1px solid var(--pk-border, #e2e8f0) !important;

	border-radius: 12px !important;

	padding: 12px 10px 14px !important;

	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;

	position: relative !important;

	display: flex !important;

	flex-direction: column !important;

	height: 100% !important;

	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;

	overflow: visible !important;

}



.pk-book-card:hover {

	transform: translateY(-4px) !important;

	box-shadow: 0 12px 28px rgba(11, 37, 89, 0.12) !important;

	border-color: var(--pk-secondary, #0084FF) !important;

}



.pk-book-cover-wrap {

	position: relative !important;

	padding: 0 !important;

	display: block !important;

	background: #f1f5f9 !important;

	border-radius: 10px !important;

	margin-bottom: 14px !important;

	overflow: hidden !important;

	aspect-ratio: 3 / 4 !important;

	width: 100% !important;

	height: auto !important;

	min-height: unset !important;

	max-height: none !important;

}



.pk-book-cover-link {

	display: block !important;

	width: 100% !important;

	height: 100% !important;

	text-decoration: none !important;

	outline: none !important;

}



.pk-book-spine-effect {

	position: relative !important;

	display: block !important;

	width: 100% !important;

	height: 100% !important;

	background: transparent !important;

	box-shadow: none !important;

	border-radius: 10px !important;

	overflow: hidden !important;

}



.pk-book-card .pk-book-img,



.pk-book-card .pk-prod-img-wrap img,



.pk-book-card img.main-img {

	width: 100% !important;

	height: 100% !important;

	min-height: 100% !important;

	max-height: 100% !important;

	object-fit: cover !important;

	object-position: center !important;

	display: block !important;

	border-radius: 10px !important;

	transition: transform 0.35s ease !important;

}



.pk-book-card:hover .pk-book-img,



.pk-book-card:hover .pk-prod-img-wrap img,



.pk-book-card:hover img.main-img {

	transform: scale(1.04) !important;

}



/* Ensure featured book image stays solid with no hover swap or fade */



.pk-book-card .pk-book-cover-wrap .main-img,



.pk-book-card .pk-book-cover-wrap:hover .main-img,



.pk-book-card:hover .pk-book-cover-wrap .main-img,



.pk-book-card:hover .main-img {

	opacity: 1 !important;

	visibility: visible !important;

	display: block !important;

}



.pk-book-card .hover-img {

	display: none !important;

}



/* Badges */



.pk-book-card .pk-book-discount-badge,
.pk-book-card .pk-prod-badge {

	position: absolute !important;

	top: 0 !important;

	left: 0 !important;

	background: linear-gradient(135deg, rgb(11, 37, 89) 0%, rgb(0, 132, 255) 100%) !important;

	color: #ffffff !important;

	font-size: 11px !important;

	font-weight: 700 !important;

	padding: 3px 8px !important;

	border-radius: 100% !important;

	z-index: 10 !important;

	letter-spacing: 0.3px !important;

	line-height: 1.2 !important;

	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18) !important;

	margin: 0 !important;
	height: 40px;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}



.pk-book-card .pk-book-badge--custom {

	background: var(--pk-secondary, #0084FF) !important;

}



.pk-book-card .pk-prod-img-wrap .pk-prod-badge ~ .pk-prod-badge,



.pk-book-card .pk-prod-img-wrap .pk-book-discount-badge ~ .pk-prod-badge,



.pk-book-card .pk-prod-img-wrap .pk-prod-badge ~ .pk-book-discount-badge {

	display: none !important;

}



/* Floating Actions: Wishlist and Look Inside Preview */



.pk-book-card-floating-actions {

	position: absolute !important;

	top: 8px !important;

	right: 8px !important;

	display: flex !important;

	flex-direction: column !important;

	gap: 6px !important;

	z-index: 10 !important;

}



.pk-book-card .pk-book-wish-btn,



.pk-book-card .pk-book-preview-btn,



.pk-book-card .pk-book-preview-btn._df_button,



.pk-book-card a._df_button {

	width: 32px !important;

	height: 32px !important;

	min-width: 32px !important;

	max-width: 32px !important;

	min-height: 32px !important;

	max-height: 32px !important;

	border-radius: 50% !important;

	background: #ffffff !important;

	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	border: 1px solid var(--pk-border, #e2e8f0) !important;

	color: var(--pk-primary, #0B2559) !important;

	cursor: pointer !important;

	transition: all 0.2s ease !important;

	text-decoration: none !important;

	font-size: 13px !important;

	padding: 0 !important;

	margin: 0 !important;

	position: static !important;

	line-height: 1 !important;

	box-sizing: border-box !important;

}



.pk-book-card .pk-book-wish-btn:hover,



.pk-book-card .pk-book-preview-btn:hover,



.pk-book-card .pk-book-preview-btn._df_button:hover,



.pk-book-card a._df_button:hover {

	background: var(--pk-primary, #0B2559) !important;

	color: #ffffff !important;

	border-color: var(--pk-primary, #0B2559) !important;

	transform: scale(1.08) !important;

}



/* Card Body Typography */



.pk-book-card .pk-book-body {

	padding: 0 !important;

	display: flex !important;

	flex-direction: column !important;

	flex-grow: 1 !important;

	justify-content: space-between !important;

}



.pk-book-card .pk-book-title {

	font-family: var(--pk-font-primary, 'Hind Siliguri', sans-serif) !important;

	font-size: 14.5px !important;

	font-weight: 700 !important;

	line-height: 1.35 !important;

	margin: 0 0 5px 0 !important;

	overflow: hidden !important;

	display: -webkit-box !important;

	-webkit-line-clamp: 2 !important;

	-webkit-box-orient: vertical !important;

	text-align: center !important;

}



.pk-book-card .pk-book-title a {

	color: var(--pk-primary, #0B2559) !important;

	text-decoration: none !important;

	transition: color 0.2s ease !important;

}



.pk-book-card .pk-book-title a:hover {

	color: var(--pk-secondary, #0084FF) !important;

}



.pk-book-card .pk-book-author {

	font-size: 12.5px !important;

	color: var(--pk-text-muted, #64748b) !important;

	margin-bottom: 5px !important;

	white-space: nowrap !important;

	overflow: hidden !important;

	text-overflow: ellipsis !important;

	font-weight: 500 !important;

	text-align: center !important;

}



.pk-book-card .pk-book-rating {

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	gap: 4px !important;

	margin-bottom: 6px !important;

}



.pk-book-card .pk-book-price-row {

	margin: 4px 0 12px !important;

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

}



.pk-book-card .pk-book-price {

	font-size: 16px !important;

	font-weight: 800 !important;

	color: var(--pk-accent, #E5252A) !important;

	display: inline-flex !important;

	align-items: center !important;

	gap: 6px !important;

}



.pk-book-card .pk-book-price del {

	font-size: 13px !important;

	color: var(--pk-text-muted, #94a3b8) !important;

	font-weight: 500 !important;

	text-decoration: line-through !important;

}



.pk-book-card .pk-book-price ins {

	text-decoration: none !important;

	color: var(--pk-accent, #E5252A) !important;

}



.pk-book-card .pk-book-card-actions {

	margin-top: auto !important;

	padding-top: 6px !important;

}



.pk-book-card .pk-book-order-btn {

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	gap: 6px !important;

	width: 100% !important;

	padding: 10px 14px !important;

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%)) !important;

	color: #ffffff !important;

	font-size: 13.5px !important;

	font-weight: 700 !important;

	border-radius: 50px !important;

	text-decoration: none !important;

	border: none !important;

	box-shadow: 0 4px 14px rgba(11, 37, 89, 0.25) !important;

	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;

	box-sizing: border-box !important;

}



.pk-book-card .pk-book-order-btn:hover {

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, #0084FF 0%, #0B2559 100%)) !important;

	color: #ffffff !important;

	box-shadow: 0 8px 20px rgba(0, 132, 255, 0.35) !important;

	transform: translateY(-2px) !important;

}



/* Shop Grid Layout */



.dc-product-grid--shop {

	display: grid !important;

	grid-template-columns: repeat(3, 1fr) !important;

	gap: 24px !important;

}



@media (min-width: 1400px) {



	.dc-product-grid--shop {

	grid-template-columns: repeat(3, 1fr) !important;

	gap: 20px !important;

}



}



@media (max-width: 991.98px) {



	.dc-product-grid--shop {

	grid-template-columns: repeat(2, 1fr) !important;

	gap: 16px !important;

}



}



@media (max-width: 767.98px) {



	.dc-product-grid--shop {

	grid-template-columns: repeat(2, 1fr) !important;

	gap: 12px !important;

}



	.pk-book-card {

	padding: 10px 8px 12px !important;

}



	.pk-book-cover-wrap {

	aspect-ratio: 3 / 4 !important;

	height: auto !important;

	min-height: unset !important;

	max-height: none !important;

}



	.pk-book-card .pk-book-img,



	.pk-book-card .pk-prod-img-wrap img,



	.pk-book-card img.main-img {

	max-height: 100% !important;

}



}



/* =============================================================================



   📖 SINGLE PRODUCT ORDER: INTERACTIVE PDF READER SECTION



   ============================================================================= */



.spo-pdf-reader-section {

	position: relative;

	background: #ffffff;

}



.spo-pdf-card {

	background: #ffffff;

	border: 1px solid var(--pk-border, #E2E8F0);

	border-radius: 16px;

	box-shadow: 0 4px 20px rgba(11, 37, 89, 0.06);

	overflow: hidden;

}



.spo-pdf-toolbar {

	background: #F8FAFC;

	border-bottom: 1px solid var(--pk-border, #E2E8F0);

}



.spo-pdf-viewport {

	min-height: 600px;

	background: #242830;

	position: relative;

	overflow: hidden;

}



.spo-pdf-viewport ._df_book,



.spo-pdf-viewport .df-container {

	width: 100% !important;

	height: 600px !important;

	min-height: 600px !important;

	margin: 0 !important;

	border: none !important;

}



.spo-pdf-viewport iframe {

	width: 100%;

	height: 100%;

	min-height: 600px;

	border: none;

}



.spo-book-details-card {

	background: #ffffff;

	border: 1px solid var(--pk-border, #E2E8F0);

	border-radius: 16px;

	box-shadow: 0 4px 20px rgba(11, 37, 89, 0.06);

}



@media (max-width: 991.98px) {



	.spo-pdf-viewport,



	.spo-pdf-viewport iframe,



	.spo-pdf-viewport ._df_book,



	.spo-pdf-viewport .df-container {

	min-height: 480px;

	height: 480px !important;

}



}



@media (max-width: 575.98px) {



	.spo-pdf-viewport,



	.spo-pdf-viewport iframe,



	.spo-pdf-viewport ._df_book,



	.spo-pdf-viewport .df-container {

	min-height: 420px;

	height: 420px !important;

}



}



/* ============================================================



   UNIFIED INNER PAGE HERO & BREADCRUMBS STYLING



   ============================================================ */



.blog-hero,



.about-hero-section,



.dc-shop-header,



.legal-hero,



.pk-page-hero {

	position: relative;

	background: linear-gradient(135deg, #0B2559 0%, #071C44 60%, #0084FF 100%) !important;

	padding: 55px 0 50px !important;

	text-align: center;

	color: #ffffff !important;

	overflow: hidden;

	box-shadow: 0 4px 20px rgba(11, 37, 89, 0.12);

	margin-bottom: 0 !important;

}



.blog-hero::before,



.about-hero-section::before,



.dc-shop-header::before,



.legal-hero::before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background: radial-gradient(circle at 80% 20%, rgba(0, 132, 255, 0.25) 0%, transparent 60%);

	pointer-events: none;

}



.blog-hero[style*="background-image"],



.about-hero-section[style*="background-image"],



.dc-shop-header[style*="background-image"] {

	background-size: cover !important;

	background-position: center !important;

	background-repeat: no-repeat !important;

}



.blog-hero__content,



.about-hero__content,



.dc-shop-header__content {

	position: relative;

	z-index: 2;

	max-width: 800px;

	margin: 0 auto;

	padding: 0 15px;

}



.blog-hero__title,



.about-hero__title,



.dc-shop-header__title {

	font-family: 'Hind Siliguri', 'Anek Bangla', sans-serif !important;

	font-size: clamp(26px, 3.8vw, 38px) !important;

	font-weight: 700 !important;

	color: #ffffff !important;

	line-height: 1.25 !important;

	margin: 0 0 12px !important;

	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;

	letter-spacing: -0.3px;

}



.about-hero__breadcrumbs,



.blog-hero .woocommerce-breadcrumb,



.dc-shop-header .woocommerce-breadcrumb,



.about-hero-section .woocommerce-breadcrumb,



.blog-hero .dc-post-breadcrumbs,



.blog-hero nav[aria-label="breadcrumb"] {

	display: inline-flex !important;

	align-items: center !important;

	justify-content: center !important;

	flex-wrap: wrap !important;

	gap: 6px !important;

	background: rgba(255, 255, 255, 0.12) !important;

	backdrop-filter: blur(8px) !important;

	-webkit-backdrop-filter: blur(8px) !important;

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

	padding: 6px 18px !important;

	border-radius: 50px !important;

	font-size: 14px !important;

	font-weight: 500 !important;

	font-family: 'Hind Siliguri', 'Anek Bangla', sans-serif !important;

	color: rgba(255, 255, 255, 0.9) !important;

	margin: 6px auto 0 !important;

	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;

}



.about-hero__breadcrumbs a,



.blog-hero .woocommerce-breadcrumb a,



.dc-shop-header .woocommerce-breadcrumb a,



.about-hero-section .woocommerce-breadcrumb a,



.blog-hero nav[aria-label="breadcrumb"] a {

	color: rgba(255, 255, 255, 0.85) !important;

	text-decoration: none !important;

	font-weight: 500 !important;

	transition: all 0.2s ease !important;

}



.about-hero__breadcrumbs a:hover,



.blog-hero .woocommerce-breadcrumb a:hover,



.dc-shop-header .woocommerce-breadcrumb a:hover,



.about-hero-section .woocommerce-breadcrumb a:hover,



.blog-hero nav[aria-label="breadcrumb"] a:hover {

	color: #BAE6FD !important;

	text-decoration: underline !important;

}



.about-hero__breadcrumbs .sep,



.blog-hero .woocommerce-breadcrumb .sep,



.dc-shop-header .woocommerce-breadcrumb .sep,



.about-hero-section .woocommerce-breadcrumb .sep,



.blog-hero nav[aria-label="breadcrumb"] .sep {

	display: inline-flex !important;

	align-items: center !important;

	color: rgba(255, 255, 255, 0.45) !important;

	font-size: 11px !important;

	margin: 0 3px !important;

}



.blog-hero__sub,



.about-hero__sub,



.dc-shop-header__desc {

	font-family: 'Hind Siliguri', 'Anek Bangla', sans-serif !important;

	font-size: 15px !important;

	color: rgba(255, 255, 255, 0.88) !important;

	max-width: 680px !important;

	margin: 12px auto 0 !important;

	line-height: 1.6 !important;

	font-weight: 400 !important;

}



@media (max-width: 767.98px) {



  .blog-hero,



  .about-hero-section,



  .dc-shop-header,



  .legal-hero,



  .pk-page-hero {

	padding: 38px 0 34px !important;

}



  .blog-hero__title,



  .about-hero__title,



  .dc-shop-header__title {

	font-size: 24px !important;

}



  .about-hero__breadcrumbs,



  .blog-hero .woocommerce-breadcrumb,



  .dc-shop-header .woocommerce-breadcrumb,



  .about-hero-section .woocommerce-breadcrumb,



  .blog-hero nav[aria-label="breadcrumb"] {

	font-size: 12.5px !important;

	padding: 5px 14px !important;

}



}



/* Hide redundant hero banner on WooCommerce Checkout page */



.woocommerce-checkout .blog-hero {

	display: none !important;

}



/* ── SPO LANDING PAGE ORDER SUCCESS STATE ─────────────────────────── */



.spo-success-wrap {

	padding: 30px 15px;

	animation: spoFadeInUp 0.4s ease-out forwards;

}



@keyframes spoFadeInUp {



  from {

	opacity: 0;

	transform: translateY(20px);

}



  to {

	opacity: 1;

	transform: translateY(0);

}



}



.spo-success-icon-wrap {

	display: flex;

	justify-content: center;

	align-items: center;

}



.spo-success-badge-circle {

	width: 84px;

	height: 84px;

	border-radius: 50%;

	background: linear-gradient(135deg, #0B2559 0%, #0084FF 100%) !important;

	color: #FFFFFF !important;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 40px;

	box-shadow: 0 0 0 8px rgba(0, 132, 255, 0.12), 0 10px 28px rgba(0, 132, 255, 0.35) !important;

	animation: spoPulseCheck 2s infinite alternate ease-in-out;

}



@keyframes spoPulseCheck {



  0% {

	transform: scale(1);

	box-shadow: 0 0 0 8px rgba(0, 132, 255, 0.12), 0 10px 28px rgba(0, 132, 255, 0.35);

}



  100% {

	transform: scale(1.06);

	box-shadow: 0 0 0 14px rgba(0, 132, 255, 0.18), 0 14px 35px rgba(0, 132, 255, 0.45);

}



}



.spo-success-title {

	font-family: var(--pk-font-primary, 'Hind Siliguri', 'Anek Bangla', sans-serif);

	font-size: 28px;

	font-weight: 700;

	background: linear-gradient(135deg, #0B2559 0%, #0084FF 100%);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

	display: inline-block;

}



.spo-success-sub {

	font-family: var(--pk-font-primary, 'Hind Siliguri', 'Anek Bangla', sans-serif);

	font-size: 15.5px;

	max-width: 540px;

	margin: 0 auto;

	line-height: 1.6;

}



.spo-success-details {

	max-width: 520px;

	margin-left: auto;

	margin-right: auto;

	background: #F8FAFC !important;

	border: 1.5px solid #E2E8F0 !important;

	border-radius: 16px !important;

	box-shadow: 0 4px 16px rgba(11, 37, 89, 0.04);

}



.spo-success-row {

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding: 12px 6px;

	border-bottom: 1px dashed #E2E8F0;

	font-size: 15px;

	color: #475569;

}



.spo-success-row:last-child {

	border-bottom: none;

	padding-bottom: 4px;

}



.spo-success-ordernum {

	color: #0084FF !important;

	font-size: 17px;

	font-weight: 700;

	letter-spacing: 0.5px;

}



.spo-success-total {

	color: #0B2559 !important;

	font-size: 18px;

	font-weight: 700;

}



.spo-status-badge {

	display: inline-flex;

	align-items: center;

	gap: 5px;

	background: #ECFDF5;

	color: #059669;

	font-size: 13.5px;

	font-weight: 600;

	padding: 4px 12px;

	border-radius: 50px;

	border: 1px solid #A7F3D0;

}



.spo-btn-home {

	display: inline-flex;

	align-items: center;

	gap: 8px;

	background: linear-gradient(135deg, #0B2559 0%, #0084FF 100%) !important;

	color: #FFFFFF !important;

	padding: 12px 28px;

	border-radius: 50px;

	font-weight: 600;

	font-size: 15px;

	text-decoration: none;

	box-shadow: 0 4px 15px rgba(0, 132, 255, 0.3);

	transition: all 0.25s ease;

}



.spo-btn-home:hover {

	transform: translateY(-2px);

	box-shadow: 0 6px 20px rgba(0, 132, 255, 0.45);

	color: #FFFFFF !important;

}



.spo-btn-track {

	display: inline-flex;

	align-items: center;

	gap: 8px;

	background: #FFFFFF !important;

	color: #0B2559 !important;

	border: 1.5px solid #0B2559 !important;

	padding: 12px 26px;

	border-radius: 50px;

	font-weight: 600;

	font-size: 15px;

	text-decoration: none;

	transition: all 0.25s ease;

}



.spo-btn-track:hover {

	background: #0B2559 !important;

	color: #FFFFFF !important;

	transform: translateY(-2px);

}



/* =============================================================================



   🏠 HOMEPAGE STYLES (MERGED FROM front-page.css)



   ============================================================================= */



/* =============================================================================



   FRONT PAGE — Extracted from inline <style> blocks in front-page.php



   ============================================================================= */



/* ─────────────────────────────────────────────────────────────────────────────



   0. HERO SLIDER — FULL WIDTH & CENTERED (হিরো স্লাইডার)



   ───────────────────────────────────────────────────────────────────────────── */



.pk-hero-section {

	padding: 0 !important;

	margin: 0 !important;

	width: 100% !important;

	overflow: hidden !important;

}



.pk-hero-swiper {

	width: 100% !important;

	border-radius: 0 !important;

	overflow: hidden !important;

	box-shadow: none !important;

	position: relative !important;

}



.pk-hero-banner {

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	position: relative !important;

	border-radius: 0 !important;

	overflow: hidden !important;

	background: #0B2559 !important;

	width: 100% !important;

}



.pk-hero-banner--main {

	min-height: 620px !important;

	padding: 70px 30px !important;

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	width: 100% !important;

	border-radius: 0 !important;

}



@media (max-width: 991px) {



	.pk-hero-banner--main {

	min-height: 500px !important;

	padding: 50px 24px !important;

}



}



@media (max-width: 575px) {



	.pk-hero-banner--main {

	min-height: 440px !important;

	padding: 40px 18px !important;

}



}



/* Cinematic Balanced Overlay for Centered Content */



.pk-hero-banner:after {

	content: '' !important;

	position: absolute !important;

	inset: 0 !important;

	background: radial-gradient(circle at center, rgba(11, 37, 89, 0.62) 0%, rgba(6, 20, 50, 0.88) 100%) !important;

	z-index: 1 !important;

}



/* Background Image */



.pk-hero-bg-img {

	position: absolute !important;

	inset: 0 !important;

	width: 100% !important;

	height: 100% !important;

	object-fit: cover !important;

	object-position: center !important;

	transition: transform 6s cubic-bezier(0.25, 1, 0.5, 1) !important;

}



.swiper-slide-active .pk-hero-bg-img {

	transform: scale(1.05) !important;

}



/* Centered Banner Content */



.pk-banner-content {

	position: relative !important;

	z-index: 2 !important;

	max-width: 820px !important;

	width: 100% !important;

	margin: 0 auto !important;

	padding: 0 20px !important;

	display: flex !important;

	flex-direction: column !important;

	align-items: center !important;

	justify-content: center !important;

	text-align: center !important;

}



/* Badge - Modern Glassmorphism Pill */



.pk-badge-amber {

	display: inline-flex !important;

	align-items: center !important;

	justify-content: center !important;

	gap: 6px !important;

	background: rgba(255, 255, 255, 0.16) !important;

	backdrop-filter: blur(10px) !important;

	-webkit-backdrop-filter: blur(10px) !important;

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

	color: #FCD34D !important;

	font-size: 13.5px !important;

	font-weight: 700 !important;

	padding: 6px 20px !important;

	border-radius: 50px !important;

	margin-bottom: 18px !important;

	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;

	letter-spacing: 0.3px !important;

	text-transform: none !important;

}



/* Hero Title */



.pk-hero-title {

	font-family: var(--pk-font-primary, 'Hind Siliguri', 'Anek Bangla', sans-serif) !important;

	font-size: 40px !important;

	font-weight: 800 !important;

	color: #ffffff !important;

	line-height: 1.35 !important;

	margin-bottom: 16px !important;

	letter-spacing: -0.4px !important;

	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4) !important;

	text-align: center !important;

	max-width: 780px !important;

}



@media (max-width: 991px) {



	.pk-hero-title {

	font-size: 32px !important;

}



}



@media (max-width: 575px) {



	.pk-hero-title {

	font-size: 24px !important;

	line-height: 1.3 !important;

}



}



/* Hero Subtitle */



.pk-hero-subtitle {

	font-family: var(--pk-font-primary, 'Hind Siliguri', sans-serif) !important;

	font-size: 16.5px !important;

	font-weight: 400 !important;

	color: rgba(255, 255, 255, 0.92) !important;

	line-height: 1.65 !important;

	max-width: 660px !important;

	margin: 0 auto 26px auto !important;

	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;

	text-align: center !important;

}



@media (max-width: 575px) {



	.pk-hero-subtitle {

	font-size: 13.5px !important;

	margin-bottom: 20px !important;

}



}



/* Hero CTA Button */



.pk-btn-white {

	display: inline-flex !important;

	align-items: center !important;

	justify-content: center !important;

	gap: 10px !important;

	background: linear-gradient(135deg, #0084FF 0%, #0B2559 100%) !important;

	color: #ffffff !important;

	font-size: 15px !important;

	font-weight: 700 !important;

	padding: 12px 36px !important;

	border-radius: 50px !important;

	text-decoration: none !important;

	border: 1.5px solid rgba(255, 255, 255, 0.25) !important;

	box-shadow: 0 8px 24px rgba(0, 132, 255, 0.45) !important;

	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;

}



.pk-btn-white:hover {

	background: linear-gradient(135deg, #0B2559 0%, #0084FF 100%) !important;

	color: #ffffff !important;

	transform: translateY(-2px) scale(1.02) !important;

	box-shadow: 0 12px 30px rgba(0, 132, 255, 0.6) !important;

	border-color: rgba(255, 255, 255, 0.4) !important;

}



.pk-btn-white svg {

	transition: transform 0.25s ease !important;

}



.pk-btn-white:hover svg {

	transform: translateX(4px) !important;

}



/* Navigation Arrows */



.pk-hero-prev,



.pk-hero-next {

	width: 44px !important;

	height: 44px !important;

	background: rgba(255, 255, 255, 0.2) !important;

	backdrop-filter: blur(10px) !important;

	-webkit-backdrop-filter: blur(10px) !important;

	border: 1.5px solid rgba(255, 255, 255, 0.35) !important;

	border-radius: 50% !important;

	color: #ffffff !important;

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	font-size: 15px !important;

	cursor: pointer !important;

	transition: all 0.25s ease !important;

	position: absolute !important;

	top: 50% !important;

	transform: translateY(-50%) !important;

	z-index: 10 !important;

	padding: 0 !important;

}



.pk-hero-prev {

	left: 36px !important;

}



.pk-hero-next {

	right: 36px !important;

}



.pk-hero-prev:hover,



.pk-hero-next:hover {

	background: #ffffff !important;

	color: #0B2559 !important;

	border-color: #ffffff !important;

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

	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25) !important;

}



@media (max-width: 575px) {



	.pk-hero-prev {

	left: 8px !important;

	width: 36px !important;

	height: 36px !important;

}



	.pk-hero-next {

	right: 8px !important;

	width: 36px !important;

	height: 36px !important;

}



}



/* Pagination Dots */



.pk-hero-pagination {

	bottom: 20px !important;

	left: 50% !important;

	transform: translateX(-50%) !important;

	text-align: center !important;

	width: auto !important;

	z-index: 10 !important;

	display: flex !important;

	align-items: center !important;

	gap: 6px !important;

}



.pk-hero-pagination .swiper-pagination-bullet {

	width: 8px !important;

	height: 8px !important;

	background: rgba(255, 255, 255, 0.5) !important;

	border-radius: 50% !important;

	opacity: 1 !important;

	transition: all 0.3s ease !important;

	margin: 0 !important;

}



.pk-hero-pagination .swiper-pagination-bullet-active {

	width: 26px !important;

	border-radius: 10px !important;

	background: #0084FF !important;

	box-shadow: 0 2px 8px rgba(0, 132, 255, 0.6) !important;

}



/* ─────────────────────────────────────────────────────────────────────────────



   1. VIEW-ALL BUTTON + COLOR SWATCHES



   ───────────────────────────────────────────────────────────────────────────── */



.pk-view-all-btn-wrap {

	display: flex;

	justify-content: center;

	width: 100%;

	margin-top: 45px;

	margin-bottom: 10px;

}



.pk-view-all-btn {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	background-color: var(--pk-primary, #0B2559);

	background-image: var(--pk-btn-bg);

	color: var(--pk-btn-text, #ffffff) !important;

	font-size: 13px;

	font-weight: 700;

	text-transform: uppercase;

	letter-spacing: 2px;

	padding: 14px 38px;

	border-radius: 50px;

	text-decoration: none !important;

	box-shadow: 0 4px 15px rgba(11, 37, 89, 0.2);

	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}



.pk-view-all-btn:hover {

	background-color: var(--pk-primary-dark, #071C44);

	background-image: var(--pk-btn-bg-hover);

	box-shadow: 0 6px 20px rgba(0, 132, 255, 0.3);

	transform: translateY(-2px);

}



.pk-view-all-btn svg {

	margin-left: 8px;

	transition: transform 0.25s ease;

}



.pk-view-all-btn:hover svg {

	transform: translateX(5px);

}



/* ─────────────────────────────────────────────────────────────────────────────



   2. GOHONALEELA GORGEOUS COLLECTIONS CAROUSEL



   ───────────────────────────────────────────────────────────────────────────── */



.pk-gohona-collections-section {

	background-color: #F0F7FF;

	padding: 65px 0 55px;

}



.pk-gohona-head {

	margin-bottom: 35px;

}



.pk-gohona-subtitle {

	display: block;

	font-family: 'Playfair Display', 'Hind Siliguri', serif;

	font-size: 12px;

	font-weight: 700;

	color: var(--pk-primary-dark, #071C44);

	letter-spacing: 3.5px;

	text-transform: uppercase;

	margin-bottom: 8px;

}



.pk-gohona-title {

	font-family: 'Playfair Display', 'Anek Bangla', Georgia, serif;

	font-size: 2.4rem;

	font-weight: 600;

	color: #0F172A;

	margin: 0;

	line-height: 1.2;

}



@media (max-width: 576px) {



	.pk-gohona-title {

	font-size: 1.8rem;

}



}



.pk-gohona-swiper {

	padding: 10px 5px 45px !important;

}



.pk-gohona-card {

	position: relative;

	display: block;

	width: 100%;

	aspect-ratio: 3 / 4.2;

	border-radius: 14px;

	overflow: hidden;

	text-decoration: none !important;

	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);

	transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);

}



.pk-gohona-card:hover {

	transform: translateY(-6px);

	box-shadow: 0 15px 30px rgba(44, 37, 35, 0.18);

}



.pk-gohona-img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);

}



.pk-gohona-card:hover .pk-gohona-img {

	transform: scale(1.08);

}



.pk-gohona-badge {

	position: absolute;

	top: 14px;

	right: 14px;

	background: rgba(255, 255, 255, 0.9);

	color: #0F172A;

	font-size: 11px;

	font-weight: 600;

	padding: 4px 12px;

	border-radius: 20px;

	backdrop-filter: blur(4px);

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

	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

	z-index: 2;

}



.pk-gohona-overlay {

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	padding: 35px 18px 18px;

	background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.4) 60%, transparent 100%);

	z-index: 2;

	display: flex;

	align-items: flex-end;

}



.pk-gohona-card-title {

	font-family: 'Playfair Display', 'Hind Siliguri', serif;

	color: #ffffff;

	font-size: 1.25rem;

	font-weight: 600;

	margin: 0;

	line-height: 1.3;

	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);

}



.pk-gohona-pagination .swiper-pagination-bullet {

	width: 8px;

	height: 8px;

	background: #CBD5E1;

	opacity: 0.6;

	transition: all 0.3s ease;

}



.pk-gohona-pagination .swiper-pagination-bullet-active {

	width: 24px;

	border-radius: 6px;

	background: var(--pk-primary, #0B2559);

	opacity: 1;

}



/* ─── UNIFORM BEAUTIFIED REVIEW CARD STYLES ───────────────────────────────── */



.pk-review-card {

	background: #ffffff;

	border-radius: 18px;

	border: 1px solid var(--pk-border, #E2E8F0);

	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);

	padding: 24px 22px;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

	height: 100%;

	min-height: 290px;

	box-sizing: border-box;

	text-align: left;

	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease;

	position: relative;

}



.pk-review-card:hover {

	transform: translateY(-4px);

	box-shadow: 0 12px 28px rgba(11, 37, 89, 0.09);

	border-color: rgba(11, 37, 89, 0.25);

}



.pk-review-avatar-wrap {

	width: 48px;

	height: 48px;

	border-radius: 50%;

	overflow: hidden;

	background: #f1f5f9;

	border: 2px solid #ffffff;

	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

	flex-shrink: 0;

}



.pk-review-avatar {

	width: 100%;

	height: 100%;

	object-fit: cover;

	display: block;

}



.pk-review-author-info {

	min-width: 0;

	flex: 1;

}



.pk-review-name {

	font-family: var(--pk-font-main), var(--pk-font-bengali), sans-serif;

	font-size: 15px;

	font-weight: 700;

	color: #1e293b;

	line-height: 1.3;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}



.pk-review-badge {

	font-size: 10.5px;

	font-weight: 600;

	padding: 3px 8px;

	white-space: nowrap;

	background-color: rgba(0, 132, 255, 0.1) !important;

	color: #0084FF !important;

	border: 1px solid rgba(0, 132, 255, 0.25) !important;

	line-height: 1.2;

}



.pk-review-tag {

	font-family: var(--pk-font-main), var(--pk-font-bengali), sans-serif;

	font-size: 12px;

	color: #64748b;

	line-height: 1.4;

	margin-top: 2px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}



.pk-review-stars {

	display: flex;

	align-items: center;

	gap: 6px;

	font-size: 14px;

	line-height: 1;

}



.pk-review-stars .stars-gold {

	color: #f59e0b;

	letter-spacing: 2px;

}



.pk-review-quote {

	font-family: var(--pk-font-main), var(--pk-font-bengali), sans-serif;

	font-size: 13.5px;

	line-height: 1.65;

	color: #334155;

	margin: 0;

}



.pk-review-card-bottom {

	border-top: 1px solid #f1f5f9;

	font-size: 12px;

	color: #64748b;

}



/* ─────────────────────────────────────────────────────────────────────────────



   4. MODERN LUXURY TESTIMONIAL SECTION



   ───────────────────────────────────────────────────────────────────────────── */



.pk-modern-testimonial-section {

	background-color: #F0F7FF;

	padding: 70px 0 65px;

}



.pk-mod-test-subtitle {

	display: block;

	font-family: 'Playfair Display', 'Hind Siliguri', serif;

	font-size: 11px;

	font-weight: 700;

	color: var(--pk-primary-dark, #071C44);

	letter-spacing: 3px;

	text-transform: uppercase;

	margin-bottom: 6px;

}



.pk-mod-test-title {

	font-family: 'Playfair Display', 'Anek Bangla', Georgia, serif;

	font-size: 2.2rem;

	font-weight: 600;

	color: #0F172A;

	margin: 0;

}



@media (max-width: 576px) {



	.pk-mod-test-title {

	font-size: 1.7rem;

}



}



.pk-mod-test-score-pill {

	display: inline-flex;

	align-items: center;

	gap: 8px;

	background: #ffffff;

	padding: 6px 18px;

	border-radius: 30px;

	border: 1px solid #E2E8F0;

	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);

}



.pk-score-stars {

	color: #FFC107;

	font-size: 14px;

}



.pk-score-text {

	font-size: 12.5px;

	font-weight: 600;

	color: #4a4a4a;

}



.pk-mod-test-card {

	background: #ffffff;

	border: 1px solid #E2E8F0;

	border-radius: 20px;

	padding: 28px 24px;

	box-shadow: 0 8px 25px rgba(44, 37, 35, 0.05);

	height: 100%;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

	transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);

	text-align: left;

}



.pk-mod-test-card:hover {

	transform: translateY(-6px);

	box-shadow: 0 16px 35px rgba(44, 37, 35, 0.12);

	border-color: var(--pk-primary, #0B2559);

}



.pk-mod-avatar {

	width: 48px;

	height: 48px;

	border-radius: 50%;

	object-fit: cover;

	border: 2px solid #ffffff;

	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

}



.pk-mod-name {

	font-size: 15px;

	font-weight: 700;

	color: #0F172A;

	line-height: 1.2;

}



.pk-mod-verified {

	font-size: 11px;

	color: #2e7d32;

	font-weight: 600;

	display: block;

	margin-top: 2px;

}



.pk-mod-stars {

	color: #FFC107;

	font-size: 14px;

	letter-spacing: 1px;

}



.pk-mod-text {

	font-size: 14.5px;

	line-height: 1.65;

	color: #4a4a4a;

	margin: 10px 0;

	flex-grow: 1;

}



.pk-mod-card-footer {

	border-top: 1px dashed #E2E8F0;

}



.pk-mod-product-tag {

	display: inline-block;

	font-size: 12px;

	font-weight: 600;

	color: var(--pk-primary-dark, #071C44);

	background: #F0F7FF;

	padding: 4px 10px;

	border-radius: 6px;

}



.pk-test-pagination .swiper-pagination-bullet {

	width: 8px;

	height: 8px;

	background: #CBD5E1;

	opacity: 0.6;

	transition: all 0.3s ease;

}



.pk-test-pagination .swiper-pagination-bullet-active {

	width: 24px;

	border-radius: 6px;

	background: var(--pk-primary, #0B2559);

	opacity: 1;

}



/* ─────────────────────────────────────────────────────────────────────────────



   5. TESTIMONIAL CARD SLIDER SECTION



   ───────────────────────────────────────────────────────────────────────────── */



.pk-testimonial-section {

	background-color: #F0F7FF;

	padding: 70px 0;

}



.pk-testimonial-card {

	position: relative;

	background: #ffffff;

	border-radius: 16px;

	padding: 35px 25px 30px;

	text-align: center;

	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);

	border: 1px solid rgba(0, 0, 0, 0.05);

	height: 100%;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

	transition: all 0.3s ease;

}



.pk-testimonial-card:hover {

	transform: translateY(-4px);

	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);

}



.pk-test-quote-icon {

	position: absolute;

	top: 15px;

	right: 22px;

	font-size: 38px;

	line-height: 1;

	color: #B5E0D5;

	font-family: Georgia, serif;

	font-weight: 700;

	pointer-events: none;

}



.pk-stars {

	color: #FFC107;

	font-size: 15px;

	letter-spacing: 2px;

}



.pk-test-text {

	font-style: italic;

	font-size: 14.5px;

	line-height: 1.65;

	color: #4a4a4a;

	margin: 12px 0 20px;

	flex-grow: 1;

}



.pk-test-avatar {

	width: 58px;

	height: 58px;

	border-radius: 50%;

	object-fit: cover;

	margin: 0 auto 10px;

	display: block;

	border: 2px solid #ffffff;

	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);

}



.pk-test-name {

	font-size: 16px;

	font-weight: 700;

	color: #0F172A;

	margin: 0 0 2px;

}



.pk-test-location {

	font-size: 12px;

	color: #888888;

	font-weight: 500;

}



/* ─────────────────────────────────────────────────────────────────────────────



   6. GALLERY + LIGHTBOX + SOCIAL FOLLOW BLOCK



   ───────────────────────────────────────────────────────────────────────────── */



.pk-follow-us-block {

	margin-bottom: 45px;

	background: #F0F7FF;

	padding: 35px 20px 25px;

	border-radius: 20px;

	border: 1px solid #E2E8F0;

}



.pk-follow-badge-wrap {

	display: flex;

	justify-content: center;

}



.pk-follow-badge {

	display: inline-flex;

	align-items: center;

	gap: 8px;

	background: #ffffff;

	padding: 6px 20px;

	border-radius: 30px;

	border: 1px solid #E2E8F0;

	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);

	font-size: 13.5px;

	font-weight: 500;

	color: #4a4a4a;

}



.pk-badge-diamond {

	color: var(--pk-primary-dark, #071C44);

	font-size: 11px;

}



.pk-follow-title {

	font-family: 'Playfair Display', Georgia, serif;

	font-size: 2.2rem;

	font-weight: 700;

	color: #1a1a1a;

	letter-spacing: 3px;

	margin: 12px 0 18px;

	text-transform: uppercase;

}



.pk-follow-buttons {

	display: flex;

	justify-content: center;

	align-items: center;

	gap: 16px;

	flex-wrap: wrap;

}



.pk-social-btn {

	display: inline-flex;

	align-items: center;

	gap: 10px;

	background: #ffffff;

	color: #0F172A !important;

	padding: 9px 24px;

	border-radius: 50px;

	border: 1px solid #E2E8F0;

	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);

	text-decoration: none !important;

	font-size: 14px;

	font-weight: 600;

	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}



.pk-social-btn:hover {

	transform: translateY(-3px);

	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);

}



.pk-social-btn--fb:hover {

	border-color: #1877F2;

}



.pk-social-btn--ig:hover {

	border-color: #E1306C;

}



.pk-social-btn-icon {

	width: 28px;

	height: 28px;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	color: #ffffff;

	font-size: 14px;

}



.pk-social-btn-icon.fb {

	background-color: #1877F2;

}



.pk-social-btn-icon.ig {

	background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);

}



.pk-follow-divider {

	display: flex;

	align-items: center;

	justify-content: center;

	gap: 10px;

	margin-top: 22px;

	font-size: 12px;

}



.pk-follow-divider .dots {

	letter-spacing: 4px; color: #CBD5E1;

}



.pk-follow-divider .diamonds {

	color: var(--pk-primary-dark, #071C44); font-size: 11px; letter-spacing: 3px;

}



.pk-head-social-link {

	transition: all 0.3s ease;

}



.pk-head-social-link:hover {

	transform: translateY(-2px);

	opacity: 0.95;

	box-shadow: 0 6px 15px rgba(0,0,0,0.15) !important;

}



.pk-modal-close-btn {

	position: absolute;

	top: -14px;

	right: -14px;

	z-index: 1060;

	width: 38px;

	height: 38px;

	border-radius: 50%;

	background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%);

	color: #ffffff !important;

	border: 2px solid #ffffff;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 16px;

	cursor: pointer;

	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);

	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);

	outline: none;

}



.pk-modal-close-btn:hover {

	background: #ffffff;

	color: var(--pk-primary, #0B2559) !important;

	transform: scale(1.1) rotate(90deg);

}



@media (max-width: 576px) {



	.pk-modal-close-btn {

	top: -10px;

	right: -10px;

	width: 34px;

	height: 34px;

	font-size: 14px;

}



}



.pk-gallery-item:hover {

	transform: translateY(-5px);

}



.pk-gallery-item:hover .pk-gallery-img {

	transform: scale(1.08);

}



.pk-gallery-item:hover .pk-gallery-overlay {

	opacity: 1;

}



/* ─────────────────────────────────────────────────────────────────────────────



   7. FAQ SUPPORT CARD + ACCORDION STYLES



   ───────────────────────────────────────────────────────────────────────────── */



.pk-faq-support-card {
	background: #ffffff;
	border: 1px solid var(--pk-border, #E2E8F0);
	border-radius: 18px;
	padding: 24px 22px;
	box-shadow: 0 8px 30px rgba(11, 37, 89, 0.05);
	display: flex;
	flex-direction: column;
}



.pk-faq-support-image-wrap {

	width: 100%;

	border-radius: 14px;

	overflow: hidden;

	background: var(--pk-bg-soft, #F0F7FF);

}



.pk-faq-support-img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	object-position: center 25%;
	display: block;
	transition: transform 0.4s ease;
}

@media (min-width: 992px) {
	.pk-faq-support-img {
		height: 340px;
	}
}

@media (min-width: 1200px) {
	.pk-faq-support-img {
		height: 360px;
	}
}



.pk-faq-support-card:hover .pk-faq-support-img {

	transform: scale(1.04);

}



.pk-faq-support-badge {

	display: inline-flex;

	align-items: center;

	background: rgba(var(--pk-primary-rgb), 0.1);

	color: var(--pk-primary, #0B2559);

	padding: 5px 14px;

	border-radius: 30px;

	font-size: 12px;

	font-weight: 700;

	margin-bottom: 14px;

}



.pk-faq-support-title {

	font-size: 1.2rem;

	font-weight: 700;

	color: var(--pk-text, #0F172A);

	line-height: 1.45;

	margin-bottom: 10px;

}



.pk-faq-support-desc {

	font-size: 13.5px;

	color: var(--pk-text-muted, #475569);

	line-height: 1.6;

	margin-bottom: 22px;

}



.pk-faq-support-actions {

	display: grid;

	grid-template-columns: 1fr 1fr;

	gap: 10px;

	margin-bottom: 20px;

}



.pk-support-btn {

	display: flex;

	align-items: center;

	gap: 10px;

	padding: 10px 12px;

	border-radius: 12px;

	text-decoration: none !important;

	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

	width: 100%;

	min-width: 0;

}



.pk-support-btn:hover {

	transform: translateY(-2px);

	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);

}



.pk-support-btn--wa {

	background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);

	color: #ffffff !important;

	box-shadow: 0 4px 15px rgba(37, 211, 102, 0.25);

}



.pk-support-btn--phone {

	background: #ffffff;

	color: var(--pk-text, #0F172A) !important;

	border: 1px solid var(--pk-border, #E2E8F0);

	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);

}



.pk-support-icon-wrap {

	width: 36px;

	height: 36px;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	flex-shrink: 0;

}



.pk-support-icon-wrap.wa {

	background: rgba(255, 255, 255, 0.2);

	font-size: 18px;

}



.pk-support-icon-wrap.phone {

	background: rgba(var(--pk-primary-rgb), 0.1);

	color: var(--pk-primary, #0B2559);

	font-size: 15px;

}



.pk-support-btn-text {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	min-width: 0;
	line-height: 1.15 !important;
	gap: 2px !important;
}

.pk-support-btn-text .sub {
	font-size: 11.5px !important;
	line-height: 1.15 !important;
	opacity: 0.9;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0 !important;
}

.pk-support-btn-text .main {
	font-size: 13.5px !important;
	line-height: 1.2 !important;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0 !important;
}



.pk-faq-support-footer {

	border-top: 1px dashed var(--pk-border, #E2E8F0);

	padding-top: 16px;

	font-size: 12.5px;

	color: #555555;

}



.pk-faq-support-item i {

	color: var(--pk-primary, #0B2559);

}



.pk-faq-accordion .pk-faq-item {

	border: 1px solid var(--pk-border, #E2E8F0);

	border-radius: 12px !important;

	overflow: hidden;

	background: #fff;

	box-shadow: 0 4px 15px rgba(0,0,0,0.03);

	transition: all 0.3s ease;

}



.pk-faq-accordion .pk-faq-item:hover {

	border-color: var(--pk-primary, #0B2559);

	box-shadow: 0 6px 20px rgba(var(--pk-primary-rgb), 0.08);

}



.pk-faq-accordion .pk-faq-button {

	background-color: #ffffff;

	color: var(--pk-text, #0F172A);

	font-size: 1.05rem;

	padding: 1.1rem 1.4rem;

	border: none;

	box-shadow: none !important;

	transition: background-color 0.3s ease, color 0.3s ease;

}



.pk-faq-accordion .pk-faq-button:not(.collapsed) {

	background-color: var(--pk-bg-soft, #F4F6FB);

	color: var(--pk-primary-dark, #071C44);

}



.pk-faq-accordion .pk-faq-button::after {

	filter: grayscale(1);

	transition: transform 0.3s ease;

}



.pk-faq-accordion .pk-faq-button:not(.collapsed)::after {

	filter: none;

}



.pk-faq-icon {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	width: 36px;

	height: 36px;

	border-radius: 50%;

	background: rgba(var(--pk-primary-rgb), 0.12);

	color: var(--pk-primary, #0B2559);

	font-size: 15px;

	flex-shrink: 0;

}



.pk-faq-section {

	background: #f8fafc;

	border-top: 1px solid rgba(0, 0, 0, 0.04);

}



.pk-faq-body {

	padding: 1.2rem 1.4rem;

	line-height: 1.7;

	font-size: 0.98rem;

	background: #ffffff;

	border-top: 1px dashed var(--pk-border, #E2E8F0);

}



/* ─── Lazy YouTube Facade Styling ─────────────────────────────────────── */



.pk-youtube-facade {

	cursor: pointer;

	position: relative;

	background: #000;

	display: flex;

	align-items: center;

	justify-content: center;

}



.pk-youtube-facade .pk-yt-thumb {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), filter 0.35s ease;

}



.pk-youtube-facade:hover .pk-yt-thumb {

	transform: scale(1.05);

	filter: brightness(0.88);

}



.pk-youtube-facade .pk-yt-play-btn {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	background: none;

	border: none;

	padding: 0;

	cursor: pointer;

	z-index: 3;

	transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);

	filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.5));

}



.pk-youtube-facade:hover .pk-yt-play-btn {

	transform: translate(-50%, -50%) scale(1.18);

}



.pk-youtube-facade .pk-yt-play-btn svg {

	display: block;

}



/* ℹ️ NOTE: Book product card (.pk-book-card) styles are centrally maintained in main.css */



/* ─── 2. SECTION HEADER (TITLE + VIEW ALL BUTTON) ───────────────────────────── */



.pk-book-section-head {

	display: flex !important;

	align-items: center !important;

	justify-content: space-between !important;

	margin-bottom: 26px !important;

	padding-bottom: 16px !important;

	border-bottom: 2px solid var(--pk-border, #E2E8F0) !important;

	position: relative !important;

}



.pk-book-section-head::after {

	content: '' !important;

	position: absolute !important;

	bottom: -2px !important;

	left: 0 !important;

	width: 80px !important;

	height: 3px !important;

	background: var(--pk-secondary, #0084FF) !important;

	border-radius: 3px !important;

}



.pk-book-section-title {

	font-family: var(--pk-font-primary, 'Hind Siliguri', sans-serif) !important;

	font-size: 22px !important;

	font-weight: 800 !important;

	color: var(--pk-primary, #0B2559) !important;

	margin: 0 !important;

	display: flex !important;

	align-items: center !important;

	gap: 10px !important;

	line-height: 1.5 !important;

}



.pk-book-section-title i {

	color: var(--pk-secondary, #0084FF) !important;

	font-size: 18px !important;

}



.pk-book-view-all-btn {

	display: inline-flex !important;

	align-items: center !important;

	justify-content: center !important;

	gap: 8px !important;

	background: linear-gradient(135deg, #0B2559 0%, #0084FF 100%) !important;

	color: #ffffff !important;

	border: none !important;

	font-size: 14px !important;

	font-weight: 700 !important;

	padding: 11px 30px !important;

	border-radius: 50px !important;

	text-decoration: none !important;

	box-shadow: 0 4px 18px rgba(0, 132, 255, 0.35) !important;

	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;

}



.pk-book-view-all-btn:hover {

	background: linear-gradient(135deg, #0084FF 0%, #0B2559 100%) !important;

	color: #ffffff !important;

	box-shadow: 0 8px 25px rgba(0, 132, 255, 0.48) !important;

	transform: translateY(-2px) !important;

}



.pk-book-view-all-btn i {

	transition: transform 0.25s ease !important;

}



.pk-book-view-all-btn:hover i {

	transform: translateX(4px) !important;

}



/* Swiper Slider Arrows for Book Sections */



.pk-book-swiper-arrows {

	display: flex !important;

	align-items: center !important;

	gap: 8px !important;

}



.pk-book-prev,



.pk-book-next {

	width: 34px !important;

	height: 34px !important;

	border-radius: 50% !important;

	background: #ffffff !important;

	border: 1px solid var(--pk-border, #e2e8f0) !important;

	color: var(--pk-primary, #0B2559) !important;

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	cursor: pointer !important;

	transition: all 0.2s ease !important;

	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;

}



.pk-book-prev:hover,



.pk-book-next:hover {

	background: var(--pk-primary, #0B2559) !important;

	color: #ffffff !important;

	border-color: var(--pk-primary, #0B2559) !important;

}



/* 5 Columns per slide styling for Book Carousels */



@media (min-width: 1200px) {



	.pk-book-swiper .swiper-slide {

	width: calc((100% - 4 * 16px) / 5) !important;

	max-width: calc((100% - 4 * 16px) / 5) !important;

	flex-shrink: 0 !important;

}



}



@media (min-width: 992px) and (max-width: 1199.98px) {



	.pk-book-swiper .swiper-slide {

	width: calc((100% - 3 * 16px) / 4) !important;

	max-width: calc((100% - 3 * 16px) / 4) !important;

	flex-shrink: 0 !important;

}



}



@media (min-width: 768px) and (max-width: 991.98px) {



	.pk-book-swiper .swiper-slide {

	width: calc((100% - 2 * 14px) / 3) !important;

	max-width: calc((100% - 2 * 14px) / 3) !important;

	flex-shrink: 0 !important;

}



}



@media (max-width: 767.98px) {



	.pk-book-swiper .swiper-slide {

	width: calc((100% - 12px) / 2) !important;

	max-width: calc((100% - 12px) / 2) !important;

	flex-shrink: 0 !important;

}



}



/* ─── UNIFIED HOMEPAGE SECTION PADDING & ALTERNATING BACKGROUNDS ─────────── */



.pk-cat-slider-section,



.pk-all-books-grid-section,



.pk-testimonials-section,



.pk-blog-section,



.pk-faq-section {

	padding: 60px 0 !important;

}



@media (max-width: 768px) {



	.pk-cat-slider-section,



	.pk-all-books-grid-section,



	.pk-testimonials-section,



	.pk-blog-section,



	.pk-faq-section {

	padding: 42px 0 !important;

}



}



/* ─── 3. BOOK CATEGORIES SHOWCASE CAROUSEL (বইয়ের ক্যাটাগরি সমূহ) ──────── */



.pk-cat-slider-section {

	background: #F8FAFC !important;

	border-bottom: 1px solid #E2E8F0 !important;

}



.pk-all-books-grid-section {

	background: #FFFFFF !important;

}



.pk-all-books-grid-section .row {

	justify-content: center !important;

}



.pk-testimonials-section {

	background: #F8FAFC !important;

	border-top: 1px solid #E2E8F0 !important;

	border-bottom: 1px solid #E2E8F0 !important;

}



.pk-blog-section {

	background: #FFFFFF !important;

}



.pk-faq-section {

	background: #F8FAFC !important;

	border-top: 1px solid #E2E8F0 !important;

}



.pk-cat-slider-head {

	display: flex !important;

	align-items: center !important;

	justify-content: space-between !important;

	margin-bottom: 18px !important;

}



.pk-cat-slider-title {

	font-family: var(--pk-font-primary, 'Anek Bangla', 'Hind Siliguri', sans-serif) !important;

	font-size: 22px !important;

	font-weight: 700 !important;

	color: #0B2559 !important;

	letter-spacing: -0.2px !important;

	margin: 0 !important;

}



/* Middle side arrows for category slider */



.pk-cat-slider-wrap {

	position: relative !important;

}



.pk-cat-arrow-btn {

	position: absolute !important;

	top: 50% !important;

	transform: translateY(-50%) !important;

	width: 42px !important;

	height: 42px !important;

	border-radius: 50% !important;

	border: 1px solid rgba(0, 0, 0, 0.08) !important;

	background: #ffffff !important;

	color: #0B2559 !important;

	display: inline-flex !important;

	align-items: center !important;

	justify-content: center !important;

	font-size: 15px !important;

	cursor: pointer !important;

	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;

	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16) !important;

	z-index: 10 !important;

	padding: 0 !important;

}



.pk-cat-arrow-btn:hover {

	background: #0084FF !important;

	color: #ffffff !important;

	border-color: #0084FF !important;

	box-shadow: 0 6px 20px rgba(0, 132, 255, 0.4) !important;

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

}



.pk-cat-arrow-btn.swiper-button-disabled {

	opacity: 0.35 !important;

	cursor: not-allowed !important;

	pointer-events: none !important;

}



/* Hide arrows when items fit within view without scrolling */



.pk-cat-arrow-btn.swiper-button-lock,



.pk-cat-slider-wrap:has(.swiper-lock) .pk-cat-arrow-btn,



.pk-cat-arrow-btn[style*="display: none"],



.pk-cat-arrow-btn.is-hidden {

	display: none !important;

}



.pk-cat-arrow-prev {

	left: -20px !important;

}



.pk-cat-arrow-next {

	right: -20px !important;

}



@media (max-width: 992px) {



	.pk-cat-arrow-prev {

	left: -10px !important;

}



	.pk-cat-arrow-next {

	right: -10px !important;

}



	.pk-cat-arrow-btn {

	width: 36px !important;

	height: 36px !important;

	font-size: 13px !important;

}



}



.pk-cat-view-all-link {

	display: inline-flex !important;

	align-items: center !important;

	gap: 6px !important;

	background: var(--pk-bg-soft, #F0F7FF) !important;

	color: var(--pk-primary, #0B2559) !important;

	border: 1.5px solid #BAE6FD !important;

	font-size: 13px !important;

	font-weight: 700 !important;

	padding: 5px 14px !important;

	border-radius: 50px !important;

	text-decoration: none !important;

	transition: all 0.2s ease !important;

}



.pk-cat-view-all-link:hover {

	background: var(--pk-primary, #0B2559) !important;

	color: #ffffff !important;

	border-color: var(--pk-primary, #0B2559) !important;

}



/* Category Card */



.pk-book-cat-card {

	display: block !important;

	position: relative !important;

	width: 100% !important;

	height: 270px !important;

	border-radius: 12px !important;

	overflow: hidden !important;

	text-decoration: none !important;

	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;

	background: #0f172a !important;

	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease !important;

}



.pk-book-cat-card:hover {

	transform: translateY(-4px) !important;

	box-shadow: 0 12px 28px rgba(11, 37, 89, 0.18) !important;

}



.pk-book-cat-bg-img {

	position: absolute !important;

	inset: 0 !important;

	width: 100% !important;

	height: 100% !important;

	object-fit: cover !important;

	display: block !important;

	transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;

}



.pk-book-cat-card:hover .pk-book-cat-bg-img {

	transform: scale(1.07) !important;

}



.pk-book-cat-overlay {

	position: absolute !important;

	inset: 0 !important;

	background: linear-gradient(180deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 0.94) 100%) !important;

	z-index: 1 !important;

	transition: background 0.3s ease !important;

}



.pk-book-cat-card:hover .pk-book-cat-overlay {

	background: linear-gradient(180deg, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.55) 60%, rgba(0, 0, 0, 0.96) 100%) !important;

}



/* Badge (Top-left) */



.pk-book-cat-badge {

	position: absolute !important;

	top: 12px !important;

	left: 12px !important;

	z-index: 2 !important;

	display: inline-flex !important;

	align-items: center !important;

	gap: 6px !important;

	background: rgba(15, 23, 42, 0.65) !important;

	backdrop-filter: blur(6px) !important;

	-webkit-backdrop-filter: blur(6px) !important;

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

	border-radius: 6px !important;

	padding: 3px 8px !important;

	color: #ffffff !important;

	font-size: 11px !important;

	font-weight: 500 !important;

	line-height: 1.2 !important;

	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important;

}



.pk-book-cat-badge i {

	font-size: 10px !important;

	opacity: 0.9 !important;

}



/* Content (Bottom) */



.pk-book-cat-content {

	position: absolute !important;

	bottom: 0 !important;

	left: 0 !important;

	right: 0 !important;

	padding: 14px 12px !important;

	z-index: 2 !important;

}



.pk-book-cat-name {

	font-family: var(--pk-font-primary, 'Anek Bangla', 'Hind Siliguri', sans-serif) !important;

	font-size: 14.5px !important;

	font-weight: 700 !important;

	color: #ffffff !important;

	line-height: 1.35 !important;

	margin: 0 0 6px 0 !important;

	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7) !important;

	white-space: nowrap !important;

	overflow: hidden !important;

	text-overflow: ellipsis !important;

}



.pk-book-cat-footer {

	display: flex !important;

	align-items: center !important;

	justify-content: space-between !important;

}



.pk-book-cat-action {

	font-size: 11px !important;

	font-weight: 500 !important;

	color: rgba(255, 255, 255, 0.82) !important;

	display: inline-flex !important;

	align-items: center !important;

	gap: 4px !important;

	transition: color 0.2s ease, transform 0.2s ease !important;

}



.pk-book-cat-card:hover .pk-book-cat-action {

	color: #ffffff !important;

}



.pk-book-cat-card:hover .pk-book-cat-action i {

	transform: translateX(3px) !important;

}



.pk-book-cat-action i {

	font-size: 10px !important;

	transition: transform 0.2s ease !important;

}



.pk-book-cat-external-icon {

	color: rgba(255, 255, 255, 0.75) !important;

	font-size: 11px !important;

	transition: color 0.2s ease, transform 0.2s ease !important;

}



.pk-book-cat-card:hover .pk-book-cat-external-icon {

	color: #ffffff !important;

	transform: scale(1.1) !important;

}



@media (max-width: 768px) {



	.pk-cat-slider-title {

	font-size: 18px !important;

}



	.pk-book-cat-card {

	height: 240px !important;

}



	.pk-book-cat-name {

	font-size: 13.5px !important;

}



}



/* ─── 5. STATIONERY & ACCESSORIES ILLUSTRATED ICONS ──────────────────────── */



.pk-stationery-icons-section {

	padding: 35px 0 !important;

	background: var(--pk-bg-soft, #F0F7FF) !important;

}



.pk-stationery-icons-grid {

	display: grid !important;

	grid-template-columns: repeat(7, 1fr) !important;

	gap: 16px !important;

	text-align: center !important;

}



@media (max-width: 992px) {



	.pk-stationery-icons-grid {

	grid-template-columns: repeat(3, 1fr) !important;

}



}



@media (max-width: 576px) {



	.pk-stationery-icons-grid {

	grid-template-columns: repeat(3, 1fr) !important;

	gap: 10px !important;

}



}



.pk-stationery-icon-item {

	display: flex !important;

	flex-direction: column !important;

	align-items: center !important;

	text-decoration: none !important;

	transition: transform 0.25s ease !important;

}



.pk-stationery-icon-item:hover {

	transform: translateY(-4px) !important;

}



.pk-stationery-icon-circle {

	width: 72px !important;

	height: 72px !important;

	border-radius: 50% !important;

	background: #ffffff !important;

	border: 2px solid #BAE6FD !important;

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	margin-bottom: 10px !important;

	box-shadow: 0 4px 12px rgba(11, 37, 89, 0.08) !important;

	transition: all 0.25s ease !important;

	font-size: 28px !important;

}



.pk-stationery-icon-item:hover .pk-stationery-icon-circle {

	border-color: var(--pk-secondary, #0084FF) !important;

	box-shadow: 0 8px 20px rgba(0, 132, 255, 0.25) !important;

	transform: scale(1.08) !important;

}



.pk-stationery-icon-name {

	font-size: 13px !important;

	font-weight: 700 !important;

	color: var(--pk-primary, #0B2559) !important;

	line-height: 1.3 !important;

}



/* ─── 8. TESTIMONIALS / CUSTOMER REVIEWS (গ্রাহকদের মতামত) ───────────────── */



.pk-review-slider-wrap {

	position: relative !important;

	padding: 4px 0 !important;

}



.pk-review-swiper {

	padding: 8px 4px 14px 4px !important;

	margin: -8px -4px -14px -4px !important;

}



.pk-review-swiper .swiper-slide {

	height: auto !important;

	display: flex !important;

}



.pk-review-arrow-prev {

	left: -22px !important;

}



.pk-review-arrow-next {

	right: -22px !important;

}



@media (max-width: 991px) {



	.pk-review-arrow-prev {

	left: -12px !important;

}



	.pk-review-arrow-next {

	right: -12px !important;

}



}



@media (max-width: 575px) {



	.pk-review-arrow-prev {

	left: -6px !important;

}



	.pk-review-arrow-next {

	right: -6px !important;

}



}



.pk-book-review-card {

	background: #ffffff !important;

	border: 1px solid var(--pk-border, #e2e8f0) !important;

	border-radius: 16px !important;

	padding: 22px 24px !important;

	box-shadow: 0 4px 18px rgba(11, 37, 89, 0.05) !important;

	height: 100% !important;

	width: 100% !important;

	display: flex !important;

	flex-direction: column !important;

	justify-content: space-between !important;

	transition: all 0.28s ease !important;

	position: relative !important;

}



.pk-book-review-card:hover {

	transform: translateY(-4px) !important;

	box-shadow: 0 12px 28px rgba(11, 37, 89, 0.12) !important;

	border-color: var(--pk-secondary, #0084FF) !important;

}



.pk-book-review-header {

	display: flex !important;

	align-items: center !important;

	justify-content: space-between !important;

	gap: 12px !important;

	margin-bottom: 14px !important;

}



.pk-book-reviewer-img {

	width: 46px !important;

	height: 46px !important;

	border-radius: 50% !important;

	object-fit: cover !important;

	border: 2px solid #e2e8f0 !important;

	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;

}



.pk-book-reviewer-name {

	font-size: 15.5px !important;

	font-weight: 700 !important;

	color: var(--pk-primary, #0B2559) !important;

	margin: 0 0 2px 0 !important;

	line-height: 1.3 !important;

}



.pk-book-reviewer-badge {

	font-size: 11px !important;

	color: #10b981 !important;

	display: inline-flex !important;

	align-items: center !important;

	gap: 4px !important;

	font-weight: 600 !important;

	background: rgba(16, 185, 129, 0.08) !important;

	padding: 1px 7px !important;

	border-radius: 20px !important;

}



.pk-book-review-stars {

	color: #f59e0b !important;

	font-size: 12.5px !important;

	letter-spacing: 1px !important;

}



.pk-book-review-text {

	color: var(--pk-text-muted, #475569) !important;

	line-height: 1.65 !important;

	font-size: 14px !important;

	margin-bottom: 0 !important;

}



.pk-review-book-tag {

	border-top: 1px dashed #e2e8f0 !important;

	font-size: 12px !important;

	color: #64748b !important;

}



.pk-review-book-name {

	font-weight: 600 !important;

	color: #334155 !important;

	max-width: 68% !important;

}



.pk-review-time {

	color: #94a3b8 !important;

	font-size: 11.5px !important;

}



/* ─── 9. TRUST BADGES / SERVICE BAR (৪টি ফিচার) ─────────────────────────── */



.pk-book-trust-bar {

	background: #ffffff !important;

	border-top: 1px solid var(--pk-border, #e2e8f0) !important;

	border-bottom: 1px solid var(--pk-border, #e2e8f0) !important;

	padding: 24px 0 !important;

}



.pk-book-trust-grid {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 24px !important;
	align-items: center !important;
}

@media (max-width: 1199px) {
	.pk-book-trust-grid {
		grid-template-columns: repeat(4, 1fr) !important;
		gap: 16px !important;
	}
}

@media (max-width: 991px) {
	.pk-book-trust-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 20px 16px !important;
	}
}

@media (max-width: 575px) {
	.pk-book-trust-grid {
		grid-template-columns: 1fr !important;
		gap: 16px !important;
	}
}



.pk-book-trust-item {

	display: flex !important;

	align-items: center !important;

	gap: 14px !important;

}



.pk-book-trust-icon {

	width: 48px !important;

	height: 48px !important;

	border-radius: 12px !important;

	background: var(--pk-bg-soft, #F0F7FF) !important;

	color: var(--pk-primary, #0B2559) !important;

	border: 1px solid #BAE6FD !important;

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	font-size: 20px !important;

	flex-shrink: 0 !important;

}



.pk-book-trust-title {

	font-size: 14.5px !important;

	font-weight: 700 !important;

	color: var(--pk-primary, #0B2559) !important;

	margin: 0 0 2px 0 !important;

}



.pk-book-trust-desc {

	font-size: 12.5px !important;

	color: var(--pk-text-muted, #64748b) !important;

	margin: 0 !important;

}



/* Special Campaign Ribbon in Nav */



.pk-nav-special-campaign {

	background: var(--pk-btn-bg, linear-gradient(135deg, #0B2559 0%, #0084FF 100%)) !important;

	color: #ffffff !important;

	font-size: 12.5px !important;

	font-weight: 700 !important;

	padding: 6px 16px !important;

	border-radius: 50px !important;

	text-decoration: none !important;

	display: inline-flex !important;

	align-items: center !important;

	gap: 6px !important;

	box-shadow: 0 3px 10px rgba(11, 37, 89, 0.3) !important;

	transition: all 0.2s ease !important;

	margin-left: auto !important;

}



.pk-nav-special-campaign:hover {

	background: var(--pk-btn-bg-hover, linear-gradient(135deg, #0084FF 0%, #0B2559 100%)) !important;

	transform: translateY(-2px) !important;

	color: #ffffff !important;

	box-shadow: 0 6px 16px rgba(0, 132, 255, 0.4) !important;

}



/* ─── BLOG SECTION ON HOMEPAGE ────────────────────────────────────────────── */



.pk-blog-section {

	background: #ffffff !important;

}



.pk-blog-card {

	background: #ffffff !important;

	border: 1px solid var(--pk-border, #e2e8f0) !important;

	border-radius: 14px !important;

	overflow: hidden !important;

	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;

	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease !important;

	display: flex !important;

	flex-direction: column !important;

	height: 100% !important;

}



.pk-blog-card:hover {

	transform: translateY(-4px) !important;

	box-shadow: 0 12px 28px rgba(11, 37, 89, 0.12) !important;

	border-color: var(--pk-secondary, #0084FF) !important;

}



.pk-blog-img-wrap {

	position: relative !important;

	aspect-ratio: 16/10 !important;

	overflow: hidden !important;

	background: #f1f5f9 !important;

}



.pk-blog-img-wrap img {

	width: 100% !important;

	height: 100% !important;

	object-fit: cover !important;

	display: block !important;

	transition: transform 0.5s ease !important;

}



.pk-blog-card:hover .pk-blog-img-wrap img {

	transform: scale(1.06) !important;

}



.pk-blog-date {

	position: absolute !important;

	top: 12px !important;

	left: 12px !important;

	background: #0B2559 !important;

	color: #ffffff !important;

	font-size: 11px !important;

	font-weight: 700 !important;

	padding: 4px 10px !important;

	border-radius: 6px !important;

	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important;

	z-index: 2 !important;

}



.pk-blog-body {

	padding: 20px 18px 18px !important;

	display: flex !important;

	flex-direction: column !important;

	flex-grow: 1 !important;

}



.pk-blog-title {

	font-family: var(--pk-font-primary, 'Anek Bangla', 'Hind Siliguri', sans-serif) !important;

	font-size: 16.5px !important;

	font-weight: 700 !important;

	line-height: 1.4 !important;

	margin: 6px 0 10px !important;

}



.pk-blog-title a {

	color: var(--pk-primary, #0B2559) !important;

	text-decoration: none !important;

	transition: color 0.2s ease !important;

}



.pk-blog-title a:hover {

	color: var(--pk-secondary, #0084FF) !important;

}



.pk-blog-excerpt {

	font-size: 13.5px !important;

	color: var(--pk-text-muted, #64748b) !important;

	line-height: 1.6 !important;

	margin-bottom: 14px !important;

}



.pk-blog-more {

	margin-top: auto !important;

	font-size: 13px !important;

	font-weight: 700 !important;

	color: var(--pk-primary, #0B2559) !important;

	text-decoration: none !important;

	display: inline-flex !important;

	align-items: center !important;

	gap: 6px !important;

	transition: all 0.2s ease !important;

}



.pk-blog-more:hover {

	color: var(--pk-secondary, #0084FF) !important;

	transform: translateX(3px) !important;

}



/* =============================================================================



   📄 ABOUT & OUR STORY TEMPLATE STYLES (MERGED FROM template-about.css)



   ============================================================================= */



/* =============================================================================



   TEMPLATE ABOUT — Extracted from inline <style> blocks in template-about.php



   ============================================================================= */



/* ─── BEAUTIFIED ABOUT STATS SECTION ─── */



.about-stats {

	padding: 65px 0;

	background: linear-gradient(135deg, #071C44 0%, #051430 50%, #0B2559 100%);

	position: relative;

	overflow: hidden;

}



.about-stats-glow-1 {

	position: absolute;

	top: -50%;

	left: -10%;

	width: 400px;

	height: 400px;

	background: radial-gradient(circle, rgba(0, 132, 255, 0.25) 0%, rgba(0,0,0,0) 70%);

	border-radius: 50%;

	pointer-events: none;

}



.about-stats-glow-2 {

	position: absolute;

	bottom: -50%;

	right: -10%;

	width: 450px;

	height: 450px;

	background: radial-gradient(circle, rgba(11, 37, 89, 0.2) 0%, rgba(0,0,0,0) 70%);

	border-radius: 50%;

	pointer-events: none;

}



.about-stats__grid {

	display: grid;

	grid-template-columns: repeat(4, 1fr);

	gap: 24px;

}



.about-stat-card {

	background: rgba(255, 255, 255, 0.04);

	backdrop-filter: blur(12px);

	-webkit-backdrop-filter: blur(12px);

	border: 1px solid rgba(255, 255, 255, 0.08);

	border-radius: 20px;

	padding: 30px 20px;

	display: flex;

	flex-direction: column;

	align-items: center;

	text-align: center;

	transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);

	position: relative;

	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);

}



.about-stat-card:hover {

	transform: translateY(-8px);

	background: rgba(255, 255, 255, 0.08);

	border-color: rgba(11, 37, 89, 0.35);

	box-shadow: 0 15px 35px rgba(0, 132, 255, 0.25);

}



.about-stat-icon-wrap {

	width: 54px;

	height: 54px;

	border-radius: 16px;

	background: linear-gradient(135deg, rgba(0, 132, 255, 0.25) 0%, rgba(11, 37, 89, 0.1) 100%);

	border: 1px solid rgba(11, 37, 89, 0.25);

	color: #BAE6FD;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 22px;

	margin-bottom: 16px;

	transition: transform 0.3s ease, background 0.3s ease;

}



.about-stat-card:hover .about-stat-icon-wrap {

	transform: scale(1.1) rotate(5deg);

	background: linear-gradient(135deg, #0B2559 0%, #0084FF 100%);

	color: #ffffff;

}



.about-stat-content {

	display: flex;

	flex-direction: column;

	align-items: center;

	gap: 6px;

}



.about-stat-card .num {

	font-size: 2.5rem;

	font-weight: 800;

	background: linear-gradient(135deg, #FFFFFF 20%, #BAE6FD 60%, #0084FF 100%);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

	line-height: 1.1;

	letter-spacing: -0.5px;

}



.about-stat-card .label {

	font-size: 13.5px;

	font-weight: 600;

	color: #E2E8F0;

	opacity: 0.9;

	letter-spacing: 0.3px;

	margin-top: 2px;

}



@media (max-width: 992px) {



	.about-stats__grid {

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

	gap: 16px;

}



}



@media (max-width: 576px) {



	.about-stats__grid {

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

	gap: 12px;

}



	.about-stat-card {

	padding: 20px 12px;

}



	.about-stat-card .num {

	font-size: 1.9rem;

}



	.about-stat-card .label {

	font-size: 11.5px;

}



}



/* ─── WRITER & TEAM SECTION ─── */



.uvac-team-section {
	padding: 85px 0 95px;
	background: radial-gradient(1200px circle at 50% 0%, #EEF6FF 0%, #F4F7FC 65%, #EDF2F9 100%);
	border-top: 1px solid #E2E8F0;
	border-bottom: 1px solid #E2E8F0;
	position: relative;
}



.uvac-team-filter-bar-wrap {

	display: flex;

	justify-content: center;

	margin: 32px 0 45px;

}



.uvac-team-filter-bar {

	display: inline-flex;

	flex-wrap: wrap;

	gap: 8px;

	background: #F1F5F9;

	padding: 6px;

	border-radius: 50px;

	border: 1px solid #E2E8F0;

	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.03);

	justify-content: center;

}



.uvac-team-filter-btn {

	background: transparent;

	border: none;

	padding: 8px 20px;

	font-size: 14px;

	font-weight: 600;

	color: #475569;

	border-radius: 40px;

	cursor: pointer;

	transition: all 0.25s ease;

	display: inline-flex;

	align-items: center;

	gap: 6px;

	white-space: nowrap;

}



.uvac-team-filter-btn:hover {

	color: #0B2559;

	background: rgba(255, 255, 255, 0.7);

}



.uvac-team-filter-btn.active {

	background: #0B2559;

	color: #FFFFFF;

	box-shadow: 0 4px 12px rgba(11, 37, 89, 0.25);

}



.uvac-filter-count {

	font-size: 11.5px;

	padding: 2px 7px;

	border-radius: 20px;

	background: rgba(0, 0, 0, 0.07);

	font-weight: 700;

}



.uvac-team-filter-btn.active .uvac-filter-count {

	background: rgba(255, 255, 255, 0.22);

	color: #FFFFFF;

}



/* ─── TEAM CARD ─── */



.uvac-team-col {

	transition: opacity 0.3s ease, transform 0.3s ease;

}



.uvac-team-col.uvac-item-hidden {

	display: none !important;

}



.uvac-team-card {

	background: #FFFFFF;

	border: 1px solid #E2E8F0;

	border-radius: 20px;

	overflow: hidden;

	height: 100%;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

	box-shadow: 0 8px 24px rgba(11, 37, 89, 0.05);

	transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.35s ease, border-color 0.35s ease;

	position: relative;

}



.uvac-team-card:hover {

	transform: translateY(-8px);

	box-shadow: 0 18px 38px rgba(11, 37, 89, 0.12);

	border-color: #93C5FD;

}



.uvac-team-card-banner {

	height: 72px;

	background: linear-gradient(135deg, #071C44 0%, #0B2559 60%, #0084FF 100%);

	position: relative;

	overflow: hidden;

}



.uvac-team-card-banner::after {

	content: '';

	position: absolute;

	top: -30px;

	right: -30px;

	width: 90px;

	height: 90px;

	background: rgba(255, 255, 255, 0.08);

	border-radius: 50%;

}



.uvac-team-avatar-wrap {

	display: flex;

	justify-content: center;

	margin-top: -46px;

	position: relative;

	z-index: 2;

}



.uvac-avatar-inner {

	position: relative;

	width: 94px;

	height: 94px;

}



.uvac-team-avatar-img {

	width: 94px;

	height: 94px;

	border-radius: 50%;

	object-fit: cover;

	border: 4px solid #FFFFFF;

	box-shadow: 0 6px 18px rgba(11, 37, 89, 0.16);

	background: #E2E8F0;

	transition: transform 0.3s ease;

}



.uvac-team-card:hover .uvac-team-avatar-img {

	transform: scale(1.05);

}



.uvac-verified-check {

	position: absolute;

	bottom: 2px;

	right: 2px;

	background: #FFFFFF;

	color: #0084FF;

	width: 22px;

	height: 22px;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 13px;

	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);

}



.uvac-team-card-body {

	padding: 16px 20px 20px;

	text-align: center;

	display: flex;

	flex-direction: column;

	align-items: center;

	flex-grow: 1;

}



.uvac-team-cat-badge {

	display: inline-block;

	font-size: 11.5px;

	font-weight: 700;

	padding: 3px 12px;

	border-radius: 20px;

	margin-bottom: 10px;

	text-transform: uppercase;

	letter-spacing: 0.3px;

}



.uvac-cat-writer {

	background: #EFF6FF;

	color: #1D4ED8;

	border: 1px solid #BFDBFE;

}



.uvac-cat-specialist {

	background: #F0FDF4;

	color: #15803D;

	border: 1px solid #BBF7D0;

}



.uvac-cat-management {

	background: #FAF5FF;

	color: #7E22CE;

	border: 1px solid #E9D5FF;

}

.uvac-cat-assistant {

	background: #FFF7ED;

	color: #C2410C;

	border: 1px solid #FFEDD5;

}



.uvac-team-name {

	font-size: 17.5px;

	font-weight: 700;

	color: #0B2559;

	margin-bottom: 4px;

	line-height: 1.35;

}



.uvac-team-role {

	font-size: 13.5px;

	font-weight: 600;

	color: #0084FF;

	margin-bottom: 8px;

	line-height: 1.4;

}



.uvac-team-inst {

	font-size: 12.5px;

	color: #64748B;

	margin-bottom: 12px;

	line-height: 1.45;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

}



.uvac-team-inst i {

	color: #94A3B8;

}



.uvac-team-tags {

	display: flex;

	flex-wrap: wrap;

	gap: 5px;

	justify-content: center;

	margin-bottom: 12px;

}



.uvac-tag-pill {

	background: #F8FAFC;

	border: 1px solid #E2E8F0;

	color: #334155;

	font-size: 11.5px;

	font-weight: 500;

	padding: 2px 9px;

	border-radius: 12px;

}



.uvac-team-bio-snippet {

	font-size: 13px;

	color: #64748B;

	line-height: 1.55;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

	margin-bottom: 0;

}



.uvac-team-card-footer {

	padding: 12px 18px;

	background: #F8FAFC;

	border-top: 1px solid #F1F5F9;

	display: flex;

	align-items: center;

	justify-content: space-between;

}



.uvac-team-social-links {

	display: flex;

	gap: 8px;

}



.uvac-social-icon {

	width: 30px;

	height: 30px;

	border-radius: 50%;

	background: #FFFFFF;

	border: 1px solid #E2E8F0;

	color: #64748B;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 12px;

	text-decoration: none;

	transition: all 0.25s ease;

}



.uvac-social-icon:hover {

	background: #0084FF;

	color: #FFFFFF;

	border-color: #0084FF;

	transform: translateY(-2px);

}



.uvac-view-profile-btn {

	background: #FFFFFF;

	border: 1px solid #0084FF;

	color: #0084FF;

	font-size: 12.5px;

	font-weight: 600;

	padding: 5px 14px;

	border-radius: 20px;

	cursor: pointer;

	display: inline-flex;

	align-items: center;

	gap: 5px;

	transition: all 0.25s ease;

}



.uvac-view-profile-btn:hover {

	background: #0084FF;

	color: #FFFFFF;

	box-shadow: 0 4px 10px rgba(0, 132, 255, 0.25);

}



.uvac-view-profile-btn i {

	font-size: 11px;

	transition: transform 0.2s ease;

}



.uvac-view-profile-btn:hover i {

	transform: translateX(3px);

}



/* ─── TOP FEATURED TEAM MEMBERS HIGHLIGHT ─── */

.uvac-team-col--featured {

	margin-bottom: 15px;

}

.uvac-team-card--featured {

	border: 2px solid #0084FF !important;

	background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%) !important;

	box-shadow: 0 16px 40px rgba(0, 132, 255, 0.12) !important;

	position: relative;

}

.uvac-team-card--featured:hover {

	transform: translateY(-8px);

	box-shadow: 0 24px 50px rgba(0, 132, 255, 0.22) !important;

	border-color: #0062BD !important;

}

.uvac-team-card-banner--featured {

	height: 85px !important;

	background: linear-gradient(135deg, #071C44 0%, #0B2559 45%, #0084FF 100%) !important;

	display: flex;

	align-items: center;

	justify-content: flex-end;

	padding: 12px 18px;

}

.uvac-featured-tag {

	background: rgba(255, 255, 255, 0.22);

	backdrop-filter: blur(8px);

	-webkit-backdrop-filter: blur(8px);

	color: #FFFFFF;

	font-size: 12px;

	font-weight: 700;

	padding: 4px 12px;

	border-radius: 20px;

	border: 1px solid rgba(255, 255, 255, 0.4);

	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);

	display: inline-flex;

	align-items: center;

	z-index: 2;

}

.uvac-team-avatar-wrap--featured {

	margin-top: -55px !important;

}

.uvac-team-avatar-wrap--featured .uvac-avatar-inner {

	width: 104px !important;

	height: 104px !important;

	border: 4px solid #FFFFFF !important;

	box-shadow: 0 8px 24px rgba(0, 132, 255, 0.25) !important;

}

.uvac-verified-check--gold {

	background: #F59E0B !important;

	color: #FFFFFF !important;

	border-color: #FFFFFF !important;

}

.uvac-team-card--featured .uvac-team-name {

	font-size: 20px !important;

	font-weight: 800 !important;

	color: #071C44 !important;

	margin-top: 6px;

	margin-bottom: 4px;

}

.uvac-team-card--featured .uvac-team-role {

	font-size: 14px !important;

	font-weight: 600 !important;

	color: #0084FF !important;

	margin-bottom: 8px;

}

.uvac-team-credential-box {

	background: #F8FAFC;

	border: 1px solid #E2E8F0;

	border-left: 3px solid #0084FF;

	border-radius: 10px;

	padding: 10px 14px;

	margin: 12px 0 10px;

	text-align: left;

	font-size: 13px;

	line-height: 1.6;

}

.uvac-team-credential-box .cred-item {

	display: flex;

	align-items: flex-start;

	gap: 8px;

	color: #1E293B;

	margin-bottom: 5px;

	font-weight: 500;

}

.uvac-team-credential-box .cred-item:last-child {

	margin-bottom: 0;

}

.uvac-team-credential-box .cred-item i {

	color: #0084FF;

	margin-top: 3px;

	font-size: 12px;

	flex-shrink: 0;

}



/* ─── CONTRIBUTORS SECTION (রচনা সহযোগিতায়) ─── */

.uvac-contributors-box {

	background: #FFFFFF;

	border: 1px solid #E2E8F0;

	border-radius: 24px;

	box-shadow: 0 10px 30px rgba(11, 37, 89, 0.06);

	position: relative;

}

.uvac-contributors-badge-wrap {

	margin-top: -38px;

	margin-bottom: 8px;

}

.uvac-contributors-badge {

	background: linear-gradient(135deg, #071C44 0%, #0084FF 100%);

	color: #FFFFFF;

	font-size: 16px;

	font-weight: 700;

	padding: 8px 24px;

	border-radius: 30px;

	box-shadow: 0 6px 18px rgba(0, 132, 255, 0.3);

	display: inline-flex;

	align-items: center;

	letter-spacing: 0.3px;

}

.uvac-contributor-item {

	background: #F8FAFC;

	border: 1px solid #E2E8F0;

	transition: transform 0.25s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.25s ease, border-color 0.25s ease;

}

.uvac-contributor-item:hover {

	transform: translateY(-3px);

	background: #FFFFFF;

	border-color: #93C5FD !important;

	box-shadow: 0 8px 20px rgba(0, 132, 255, 0.12);

}

.uvac-contributor-icon {

	width: 44px;

	height: 44px;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 18px;

	background: #FFFFFF;

	border: 1px solid #E2E8F0;

	color: #0084FF;

	flex-shrink: 0;

	transition: background 0.25s ease, color 0.25s ease;

}

.uvac-contributor-item:hover .uvac-contributor-icon {

	background: #0084FF;

	color: #FFFFFF;

	border-color: #0084FF;

}



/* ─── MODAL DETAIL DIALOG ─── */



.uvac-team-modal .modal-content {

	border-radius: 24px;

	border: none;

	overflow: hidden;

	box-shadow: 0 25px 60px rgba(11, 37, 89, 0.25);

}



.uvac-modal-header-banner {

	background: linear-gradient(135deg, #071C44 0%, #0B2559 60%, #0084FF 100%);

	padding: 30px 30px 20px;

	color: #FFFFFF;

	position: relative;

}



.uvac-modal-close-btn {

	position: absolute;

	top: 18px;

	right: 18px;

	width: 34px;

	height: 34px;

	background: rgba(255, 255, 255, 0.18);

	border: none;

	border-radius: 50%;

	color: #FFFFFF;

	font-size: 16px;

	display: flex;

	align-items: center;

	justify-content: center;

	cursor: pointer;

	transition: all 0.2s ease;

	z-index: 5;

}



.uvac-modal-close-btn:hover {

	background: rgba(255, 255, 255, 0.35);

	transform: scale(1.08);

}



.uvac-modal-profile-header {

	display: flex;

	align-items: center;

	gap: 20px;

}



.uvac-modal-avatar-img {

	width: 100px;

	height: 100px;

	border-radius: 50%;

	object-fit: cover;

	border: 4px solid #FFFFFF;

	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);

	flex-shrink: 0;

	background: #FFFFFF;

}



.uvac-modal-header-info {

	flex-grow: 1;

}



.uvac-modal-badge {

	display: inline-block;

	background: rgba(0, 132, 255, 0.35);

	color: #BAE6FD;

	border: 1px solid rgba(255, 255, 255, 0.2);

	font-size: 12px;

	font-weight: 700;

	padding: 3px 12px;

	border-radius: 20px;

	margin-bottom: 6px;

	letter-spacing: 0.3px;

}



.uvac-modal-name {

	font-size: 22px;

	font-weight: 800;

	margin-bottom: 2px;

	color: #FFFFFF;

}



.uvac-modal-name-en {

	font-size: 13.5px;

	color: #BAE6FD;

	margin-bottom: 4px;

	font-weight: 500;

}



.uvac-modal-role {

	font-size: 15px;

	color: #E2E8F0;

	font-weight: 600;

}



/* Modal Body */



.uvac-modal-body {

	padding: 26px 30px;

	max-height: 68vh;

	overflow-y: auto;

}



.uvac-modal-stat-bar {

	display: grid;

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

	gap: 12px;

	background: #F8FAFC;

	padding: 14px 18px;

	border-radius: 14px;

	border: 1px solid #E2E8F0;

	margin-bottom: 22px;

}



.uvac-modal-stat-item {

	display: flex;

	align-items: center;

	gap: 10px;

}



.uvac-modal-stat-icon {

	width: 36px;

	height: 36px;

	border-radius: 10px;

	background: #EFF6FF;

	color: #0084FF;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 15px;

	flex-shrink: 0;

}



.uvac-modal-stat-info .stat-label {

	font-size: 11.5px;

	color: #64748B;

	display: block;

	font-weight: 500;

}



.uvac-modal-stat-info .stat-val {

	font-size: 13.5px;

	color: #0B2559;

	font-weight: 700;

}



.uvac-modal-section-title {

	font-size: 15px;

	font-weight: 700;

	color: #0B2559;

	margin-bottom: 10px;

	display: flex;

	align-items: center;

	gap: 8px;

}



.uvac-modal-section-title i {

	color: #0084FF;

}



.uvac-modal-bio-text {

	color: #475569;

	font-size: 14.5px;

	line-height: 1.7;

	margin-bottom: 22px;

}



.uvac-modal-tags-wrap {

	display: flex;

	flex-wrap: wrap;

	gap: 6px;

	margin-bottom: 22px;

}



.uvac-modal-tag {

	background: #EFF6FF;

	border: 1px solid #DBEAFE;

	color: #1E40AF;

	font-size: 12.5px;

	font-weight: 600;

	padding: 4px 12px;

	border-radius: 20px;

	display: inline-flex;

	align-items: center;

}



.uvac-modal-books-list {

	display: flex;

	flex-direction: column;

	gap: 8px;

	margin-bottom: 22px;

}



.uvac-modal-book-item {

	background: #F8FAFC;

	border: 1px solid #E2E8F0;

	border-radius: 10px;

	padding: 10px 14px;

	font-size: 13.5px;

	font-weight: 600;

	color: #0F172A;

	display: flex;

	align-items: center;

}



.uvac-modal-quote-box {

	background: #F0F7FF;

	border-left: 4px solid #0084FF;

	border-radius: 0 12px 12px 0;

	padding: 14px 18px;

	margin-bottom: 15px;

	position: relative;

}



.uvac-modal-quote-icon {

	font-size: 20px;

	color: #93C5FD;

	margin-bottom: 6px;

}



.uvac-modal-quote-text {

	color: #1E3A8A;

	font-style: italic;

	font-size: 14px;

	line-height: 1.6;

	margin: 0;

}



/* Modal Footer */



.uvac-modal-footer {

	padding: 16px 30px;

	background: #F8FAFC;

	border-top: 1px solid #E2E8F0;

	display: flex;

	align-items: center;

	justify-content: space-between;

}



.uvac-modal-social-btn {

	width: 36px;

	height: 36px;

	border-radius: 50%;

	background: #FFFFFF;

	border: 1px solid #E2E8F0;

	color: #475569;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	font-size: 14px;

	text-decoration: none;

	transition: all 0.2s ease;

	margin-right: 6px;

}



.uvac-modal-social-btn:hover {

	background: #0084FF;

	color: #FFFFFF;

	border-color: #0084FF;

	transform: translateY(-2px);

}



.uvac-modal-books-link-btn {

	background: #0B2559;

	color: #FFFFFF;

	font-size: 13.5px;

	font-weight: 600;

	padding: 8px 18px;

	border-radius: 25px;

	text-decoration: none;

	display: inline-flex;

	align-items: center;

	gap: 6px;

	transition: all 0.25s ease;

}



.uvac-modal-books-link-btn:hover {

	background: #0084FF;

	color: #FFFFFF;

	box-shadow: 0 4px 14px rgba(0, 132, 255, 0.3);

}



@media (max-width: 768px) {



	.uvac-team-section {

	padding: 55px 0 65px;

}



	.uvac-modal-profile-header {

	flex-direction: column;

	text-align: center;

}



	.uvac-modal-stat-bar {

	grid-template-columns: 1fr;

}



	.uvac-modal-body {

	padding: 20px;

}



	.uvac-modal-footer {

	flex-direction: column;

	gap: 12px;

	align-items: stretch;

	text-align: center;

}



	.uvac-modal-footer .uvac-modal-social-wrap {

	display: flex;

	justify-content: center;

}



}




/* ─── SINGLE PRODUCT: MODERN SECTIONAL LAYOUT & CONTRAST ─── */
.dc-single-product {
	padding: 0 !important;
	background: transparent !important;
}

/* 1. Hero / Main Purchase Section */
.dc-sp-hero-section {
	background: #ffffff;
	padding: 35px 0 50px;
	position: relative;
}

/* 2. Details & Specifications Section (Soft Contrast Neutral Background) */
.dc-sp-details-section {
	background: #F4F6FB;
	border-top: 1px solid #E2E8F0;
	border-bottom: 1px solid #E2E8F0;
	padding: 50px 0 40px;
	position: relative;
}

.dc-sp-details-section .dc-single-product-sections {
	margin: 0;
	width: 100%;
	max-width: 100%;
}

/* Clean & Simple Detail Boxes */
.dc-product-detail-box {
	background: #ffffff;
	border: 1px solid #E2E8F0;
	border-radius: 14px;
	padding: 28px 32px;
	margin-bottom: 24px;
	box-shadow: 0 2px 10px rgba(15, 23, 42, 0.03);
	width: 100%;
}

.dc-product-detail-box__title {
	font-size: 20px;
	font-weight: 700;
	color: #0f172a;
	margin: 0 0 20px;
	padding-bottom: 14px;
	border-bottom: 1px solid #F1F5F9;
	display: flex;
	align-items: center;
	gap: 10px;
}

.dc-product-detail-box__title i {
	color: var(--pk-primary, #0084FF);
	font-size: 18px;
}

.dc-product-detail-box__content {
	font-size: 15.5px;
	line-height: 1.85;
	color: #334155;
}

.dc-product-detail-box__content p:last-child {
	margin-bottom: 0;
}

/* Simplify Author Tab inside Detail Box (Clean & Flat, No nested boxes) */
.dc-product-detail-box .pk-author-tab-content {
	padding: 0;
}

.dc-product-detail-box .pk-author-tab-header {
	display: flex;
	align-items: center;
	gap: 18px;
	background: transparent !important;
	border: none !important;
	border-left: none !important;
	border-radius: 0 !important;
	padding: 0 0 16px 0 !important;
	margin-bottom: 16px !important;
	border-bottom: 1px solid #F1F5F9 !important;
}

.dc-product-detail-box .pk-author-tab-avatar-wrap {
	width: 64px;
	height: 64px;
	position: relative;
	flex-shrink: 0;
}

.dc-product-detail-box .pk-author-tab-avatar {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid #E2E8F0;
	box-shadow: none;
	background: #FFFFFF;
}

.dc-product-detail-box .pk-author-tab-check {
	position: absolute;
	bottom: 0;
	right: 0;
	background: #0084FF;
	color: #FFFFFF;
	font-size: 10px;
	width: 18px;
	height: 18px;
	border: 2px solid #FFFFFF;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dc-product-detail-box .pk-author-tab-name-en {
	font-size: 12px;
	color: #94A3B8;
	margin-bottom: 2px;
}

.dc-product-detail-box .pk-author-tab-name {
	font-size: 18px;
	font-weight: 700;
	color: #0F172A;
	margin: 0 0 3px 0;
}

.dc-product-detail-box .pk-author-tab-role {
	font-size: 14px;
	color: #64748B;
	margin: 0;
}

.dc-product-detail-box .pk-author-tab-bio {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

.dc-product-detail-box .pk-author-tab-bio p {
	font-size: 15px;
	line-height: 1.85;
	color: #334155;
	margin: 0;
}

/* 3. Related Products Section (Clean White Background) */
.dc-sp-related-section {
	background: #ffffff;
	padding: 60px 0 75px;
	position: relative;
}

.dc-sp-related-section .dc-product-grid {
	margin-top: 25px;
	grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 768px) {
	.dc-sp-hero-section {
		padding: 20px 0 32px;
	}
	.dc-sp-details-section {
		padding: 35px 0 20px;
	}
	.dc-product-detail-box {
		padding: 18px 16px;
		border-radius: 12px;
		margin-bottom: 18px;
	}
	.dc-product-detail-box__title {
		font-size: 17px;
		margin-bottom: 16px;
		padding-bottom: 10px;
	}
	.dc-sp-related-section {
		padding: 40px 0 50px;
	}
}


/* ─── SIDE VERTICAL "একটু পড়ে দেখুন" TAB (ROKOMARI STYLE) ─── */
.spo-side-preview-tab {
	position: absolute;
	left: -16px;
	top: 70px;
	z-index: 25;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	background: #ffffff;
	border: 1.5px solid var(--pk-primary, #0084FF);
	border-radius: 24px;
	padding: 14px 7px;
	box-shadow: -2px 4px 16px rgba(0, 132, 255, 0.18);
	cursor: pointer;
	text-decoration: none;
	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
	line-height: 1;
}

.spo-side-preview-tab:hover {
	transform: translateX(-3px);
	background: #F0F7FF;
	border-color: #0070D8;
	box-shadow: -4px 6px 20px rgba(0, 132, 255, 0.28);
}

.spo-side-preview-tab .spo-side-tab-icon {
	color: var(--pk-primary, #0084FF);
	font-size: 16px;
	transition: transform 0.2s ease;
}

.spo-side-preview-tab:hover .spo-side-tab-icon {
	transform: scale(1.15);
}

.spo-side-preview-tab .spo-side-tab-text {
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	font-size: 13px;
	font-weight: 700;
	color: #0F172A;
	white-space: nowrap;
	letter-spacing: 0.6px;
}

.spo-side-preview-tab .spo-side-tab-badge {
	background: #FEF3C7;
	color: #B45309;
	font-size: 10px;
	font-weight: 700;
	padding: 5px 3px;
	border-radius: 6px;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	white-space: nowrap;
	line-height: 1;
	border: 1px solid rgba(217, 119, 6, 0.2);
}

@media (max-width: 576px) {
	.spo-side-preview-tab {
		left: 6px;
		top: 60px;
		padding: 10px 5px;
		border-radius: 18px;
		gap: 8px;
	}
	.spo-side-preview-tab .spo-side-tab-icon {
		font-size: 14px;
	}
	.spo-side-preview-tab .spo-side-tab-text {
		font-size: 12px;
	}
	.spo-side-preview-tab .spo-side-tab-badge {
		font-size: 9px;
		padding: 4px 2px;
	}
}


/* ─── TESTIMONIALS SECTION BACKGROUND (HOMEPAGE & ABOUT PAGE) ─── */
.pk-screenshot-testimonial-section,
.about-testimonial-section {
	background: linear-gradient(180deg, #F0F7FF 0%, #F6F9FD 50%, #EEF5FC 100%) !important;
	border-top: 1px solid #E2E8F0 !important;
	border-bottom: 1px solid #E2E8F0 !important;
	padding: 75px 0 !important;
	position: relative;
	overflow: hidden;
}

.pk-screenshot-testimonial-section::before,
.about-testimonial-section::before {
	content: '';
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
	width: 900px;
	height: 350px;
	background: radial-gradient(ellipse at center, rgba(0, 132, 255, 0.08) 0%, rgba(240, 247, 255, 0) 70%);
	pointer-events: none;
	z-index: 0;
}

.pk-screenshot-testimonial-section .container-xxl,
.about-testimonial-section .container-xxl {
	position: relative;
	z-index: 1;
}

.pk-screenshot-testimonial-section .pk-ss-card,
.about-testimonial-section .pk-ss-card {
	box-shadow: 0 10px 30px rgba(11, 37, 89, 0.1) !important;
	border: 2px solid #FFFFFF !important;
	background: #FFFFFF !important;
	transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.pk-screenshot-testimonial-section .pk-ss-card:hover,
.about-testimonial-section .pk-ss-card:hover {
	transform: translateY(-6px) !important;
	box-shadow: 0 18px 40px rgba(11, 37, 89, 0.16) !important;
}

.pk-trust-section {
	background: #FFFFFF !important;
	border-top: 1px solid #E2E8F0 !important;
	padding: 55px 0 !important;
}


/* ─── SEAMLESS DARK FOOTER ZERO-GAP FIX ─── */
html {
	background-color: #051430 !important;
}
body {
	background-color: #051430 !important;
}
#dcMain {
	background-color: #ffffff;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.pk-footer,
.spo-landing-footer {
	margin-bottom: 0 !important;
}

.page-template-template-single-order #dcMain { background-color: transparent !important; }