/* =================================================================
   SHOP2  —  WooCommerce shop/archive/single-product template
   Inherits home2.css (scoped to body.home2-page).
   This file adds overrides scoped to body.shop2-page.
   ================================================================= */

/* ── Reset: kill all GHL / old wrappers on shop pages ─────────── */
body.shop2-page #page,
body.shop2-page #content,
body.shop2-page .site,
body.shop2-page .hl_page-preview--content,
body.shop2-page #section-lElJeHRlOJ,
body.shop2-page #section-rveXao5TLB,
body.shop2-page .h2-header-wrap {
	display: none !important;
}

/* ══════════════════════════════════════════════════════════════
   HERO CARD — compact banner, not full-viewport
   ══════════════════════════════════════════════════════════════ */

/* Override the full-height home2 card */
body.shop2-page .s2-card {
	height: auto !important;
	min-height: 0 !important;
}

/* Override home2's outer min-height */
body.shop2-page .s2-outer {
	min-height: 0 !important;
	align-items: flex-start !important;
}

/* ── Hero banner text area ── */
body.shop2-page .s2-hero {
	padding: 28px 40px 8px;
	position: relative;
	z-index: 10;
}

body.shop2-page .s2-hero__eyebrow {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #e66f63;
	margin: 0 0 10px;
}

body.shop2-page .s2-hero__title {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: clamp(2rem, 4vw, 3.2rem);
	font-weight: 800;
	color: #fff;
	line-height: 1.1;
	letter-spacing: -0.025em;
	margin: 0 0 12px;
}

body.shop2-page .s2-hero__desc {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: clamp(0.9rem, 1.4vw, 1.05rem);
	font-weight: 400;
	color: rgba(255, 255, 255, 0.65);
	line-height: 1.6;
	margin: 0;
	max-width: 520px;
}

/* ── Category filter tabs strip ── */
body.shop2-page .s2-cat-filter {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 20px 40px 24px;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	position: relative;
	z-index: 10;
}

body.shop2-page .s2-cat-filter::-webkit-scrollbar {
	display: none;
}

body.shop2-page .s2-cat-tab {
	flex-shrink: 0;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 0.82rem;
	font-weight: 600;
	padding: 7px 16px;
	border-radius: 100px;
	text-decoration: none;
	cursor: pointer;
	transition: background 0.2s, color 0.2s;
	white-space: nowrap;
	background: rgba(255, 255, 255, 0.1);
	border: 1.5px solid rgba(255, 255, 255, 0.2);
	color: rgba(255, 255, 255, 0.65);
}

body.shop2-page .s2-cat-tab:hover {
	background: rgba(255, 255, 255, 0.18);
	color: #fff;
}

body.shop2-page .s2-cat-tab.is-active {
	background: rgba(255, 255, 255, 0.95);
	border-color: transparent;
	color: #0a1e40;
}

/* ══════════════════════════════════════════════════════════════
   PRODUCTS SECTION  (blush-pink background, white cards)
   ══════════════════════════════════════════════════════════════ */

body.shop2-page .s2-products {
	padding: 48px 40px 56px;
	max-width: 1320px;
	margin: 0 auto;
	width: 100%;
	box-sizing: border-box;
}

body.shop2-page .s2-products__inner {
	width: 100%;
}

/* ── WooCommerce sorting / result count bar ── */
body.shop2-page .woocommerce-notices-wrapper { margin-bottom: 16px; }

body.shop2-page .woocommerce-result-count {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 0.82rem;
	font-weight: 500;
	color: rgba(10, 30, 64, 0.55);
	margin: 0;
}

body.shop2-page .woocommerce-ordering {
	margin: 0;
}

body.shop2-page .woocommerce-ordering select {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 0.82rem;
	font-weight: 600;
	color: #0a1e40;
	background: #fff;
	border: 1.5px solid rgba(10, 30, 64, 0.15);
	border-radius: 8px;
	padding: 8px 32px 8px 12px;
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a1e40' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 8px center;
	background-size: 14px;
	cursor: pointer;
	outline: none;
}

/* Bar row: count left, sort right */
body.shop2-page .woocommerce-products-header {
	display: none; /* Hide default WC archive title — we have our own hero */
}

body.shop2-page .woocommerce-result-count,
body.shop2-page .woocommerce-ordering {
	float: none;
}

body.shop2-page form.woocommerce-ordering,
body.shop2-page p.woocommerce-result-count {
	display: inline-block;
	margin-bottom: 20px;
}

/* ── Product Grid ── */
body.shop2-page ul.products,
body.shop2-page .products {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 0 40px !important;
	float: none !important;
	clear: both !important;
}

/* ── Product Card ── */
body.shop2-page ul.products li.product,
body.shop2-page .products li.product {
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 4px 24px rgba(10, 30, 64, 0.08);
	display: flex !important;
	flex-direction: column;
	transition: transform 0.22s, box-shadow 0.22s;
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	width: auto !important;
}

body.shop2-page ul.products li.product:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 40px rgba(10, 30, 64, 0.14);
}

/* Product image area */
body.shop2-page ul.products li.product a.woocommerce-loop-product__link,
body.shop2-page ul.products li.product > a:first-child {
	display: block;
	background: #f5f4f0;
	text-decoration: none;
}

body.shop2-page ul.products li.product img {
	width: 100% !important;
	height: 220px !important;
	object-fit: contain !important;
	padding: 20px;
	box-sizing: border-box;
	display: block;
	transition: transform 0.3s ease;
}

body.shop2-page ul.products li.product:hover img {
	transform: scale(1.04);
}

/* WC sale badge */
body.shop2-page ul.products li.product .onsale {
	position: absolute;
	top: 14px;
	left: 14px;
	background: #e66f63;
	color: #fff;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 4px 10px;
	border-radius: 100px;
	z-index: 2;
}

/* Card content area */
body.shop2-page ul.products li.product .woocommerce-loop-product__title,
body.shop2-page ul.products li.product h2 {
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	font-size: 0.97rem !important;
	font-weight: 700 !important;
	color: #0a1e40 !important;
	line-height: 1.35 !important;
	margin: 0 !important;
	padding: 18px 18px 6px !important;
}

body.shop2-page ul.products li.product .price,
body.shop2-page ul.products li.product .woocommerce-Price-amount {
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	font-size: 1.15rem !important;
	font-weight: 800 !important;
	color: #0a1e40 !important;
	padding: 0 18px 4px !important;
	display: block;
}

body.shop2-page ul.products li.product .price del,
body.shop2-page ul.products li.product .price del .woocommerce-Price-amount {
	font-size: 0.8em !important;
	color: rgba(10, 30, 64, 0.35) !important;
	font-weight: 500 !important;
}

/* Rating stars */
body.shop2-page ul.products li.product .star-rating {
	padding: 0 18px 8px !important;
	float: none !important;
	font-size: 0.8rem !important;
	color: #f5a623;
}

/* Add to cart button */
body.shop2-page ul.products li.product .add_to_cart_button,
body.shop2-page ul.products li.product .button {
	display: block !important;
	width: calc(100% - 36px) !important;
	margin: auto 18px 18px !important;
	padding: 12px 20px !important;
	background: #0a1e40 !important;
	color: #fff !important;
	border: none !important;
	border-radius: 12px !important;
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	font-size: 0.88rem !important;
	font-weight: 700 !important;
	text-align: center !important;
	text-decoration: none !important;
	cursor: pointer !important;
	transition: background 0.2s, transform 0.15s !important;
	margin-top: auto !important;
	box-sizing: border-box !important;
}

body.shop2-page ul.products li.product .add_to_cart_button:hover,
body.shop2-page ul.products li.product .button:hover {
	background: #e66f63 !important;
	transform: translateY(-1px) !important;
}

body.shop2-page ul.products li.product .added_to_cart {
	display: none !important;
}

/* ── Breadcrumb ── */
body.shop2-page .woocommerce-breadcrumb {
	display: none !important;
}

/* ── Pagination ── */
body.shop2-page .woocommerce-pagination ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	list-style: none;
	padding: 0;
	margin: 0;
}

body.shop2-page .woocommerce-pagination ul li a,
body.shop2-page .woocommerce-pagination ul li span {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 0.88rem;
	font-weight: 600;
	color: #0a1e40;
	background: #fff;
	border: 1.5px solid rgba(10, 30, 64, 0.14);
	border-radius: 10px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: background 0.18s, color 0.18s, border-color 0.18s;
}

body.shop2-page .woocommerce-pagination ul li a:hover {
	background: #0a1e40;
	color: #fff;
	border-color: #0a1e40;
}

body.shop2-page .woocommerce-pagination ul li span.current {
	background: #0a1e40;
	color: #fff;
	border-color: #0a1e40;
}

/* ══════════════════════════════════════════════════════════════
   SINGLE PRODUCT PAGE overrides
   ══════════════════════════════════════════════════════════════ */

body.shop2-page .s2-products .woocommerce {
	width: 100%;
}

body.shop2-page div.product {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 48px;
	align-items: start;
	background: #fff;
	border-radius: 24px;
	padding: 40px;
	box-shadow: 0 8px 40px rgba(10, 30, 64, 0.08);
}

body.shop2-page div.product .woocommerce-product-gallery {
	grid-column: 1;
}

body.shop2-page div.product .summary {
	grid-column: 2;
}

body.shop2-page div.product .woocommerce-product-gallery__image img {
	border-radius: 16px;
	background: #f5f4f0;
}

body.shop2-page div.product .product_title {
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	font-size: clamp(1.6rem, 3vw, 2.4rem) !important;
	font-weight: 800 !important;
	color: #0a1e40 !important;
	letter-spacing: -0.02em !important;
	margin-bottom: 12px !important;
}

body.shop2-page div.product .price,
body.shop2-page div.product .woocommerce-Price-amount {
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	font-size: 1.8rem !important;
	font-weight: 800 !important;
	color: #0a1e40 !important;
}

body.shop2-page div.product .woocommerce-product-details__short-description {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 0.95rem;
	color: rgba(10, 30, 64, 0.65);
	line-height: 1.6;
	margin-bottom: 20px;
}

body.shop2-page div.product .single_add_to_cart_button {
	background: #0a1e40 !important;
	color: #fff !important;
	border: none !important;
	border-radius: 12px !important;
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	padding: 14px 32px !important;
	cursor: pointer !important;
	transition: background 0.2s, transform 0.15s !important;
}

body.shop2-page div.product .single_add_to_cart_button:hover {
	background: #e66f63 !important;
	transform: translateY(-2px) !important;
}

/* Related products / upsells */
body.shop2-page .related.products,
body.shop2-page .upsells.products {
	padding: 48px 0 0;
}

body.shop2-page .related.products > h2,
body.shop2-page .upsells.products > h2 {
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	font-size: clamp(1.2rem, 2vw, 1.6rem) !important;
	font-weight: 800 !important;
	color: #0a1e40 !important;
	letter-spacing: -0.02em !important;
	margin-bottom: 24px !important;
}

/* ══════════════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════════════ */

@media (max-width: 1100px) {
	body.shop2-page ul.products,
	body.shop2-page .products {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 820px) {
	body.shop2-page ul.products,
	body.shop2-page .products {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px !important;
	}

	body.shop2-page .s2-products {
		padding: 32px 20px 48px;
	}

	body.shop2-page div.product {
		grid-template-columns: 1fr;
		padding: 24px 20px;
		gap: 24px;
	}

	body.shop2-page div.product .woocommerce-product-gallery,
	body.shop2-page div.product .summary {
		grid-column: 1;
	}
}

@media (max-width: 600px) {
	body.shop2-page .s2-hero {
		padding: 20px 18px 4px;
	}

	body.shop2-page .s2-cat-filter {
		padding: 14px 18px 18px;
		gap: 4px;
	}

	body.shop2-page .s2-cat-tab {
		font-size: 0.76rem;
		padding: 6px 12px;
	}

	body.shop2-page ul.products,
	body.shop2-page .products {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px !important;
	}

	body.shop2-page ul.products li.product img {
		height: 160px !important;
	}

	body.shop2-page ul.products li.product .woocommerce-loop-product__title,
	body.shop2-page ul.products li.product h2 {
		font-size: 0.82rem !important;
		padding: 12px 12px 4px !important;
	}

	body.shop2-page ul.products li.product .price {
		font-size: 0.95rem !important;
		padding: 0 12px 4px !important;
	}

	body.shop2-page ul.products li.product .add_to_cart_button,
	body.shop2-page ul.products li.product .button {
		width: calc(100% - 24px) !important;
		margin: auto 12px 12px !important;
		padding: 10px 12px !important;
		font-size: 0.78rem !important;
		border-radius: 10px !important;
	}

	body.shop2-page .s2-hero__title {
		font-size: 1.7rem;
	}
}

@media (max-width: 430px) {
	body.shop2-page .h2-outer {
		padding: 0;
	}

	body.shop2-page .h2-card {
		border-radius: 0;
	}
}