/**
 * HighThere Site Kit — GLOBAL card + cleanup styles.
 * Loads on EVERY front-end page (kit pages, archived pages, any theme) so
 * product cards look identical wherever they appear: WooCommerce loops,
 * search results, related/upsell grids and Gutenberg product blocks.
 */

/* ---------- WooCommerce classic loops (any theme) ---------- */
body ul.products{
	display:grid !important;
	grid-template-columns:repeat(auto-fill,minmax(238px,1fr)) !important;
	gap:24px !important;
	margin:0 0 28px !important;
	padding:0 !important;
	list-style:none !important;
	width:100% !important;
}
body ul.products::before,
body ul.products::after{display:none !important}
body ul.products li.product{
	width:auto !important;
	float:none !important;
	margin:0 !important;
	padding:0 !important;
	background:#fff !important;
	border:1px solid #e1eaef !important;
	border-radius:16px !important;
	overflow:hidden !important;
	box-shadow:0 10px 30px rgba(6,43,61,.10) !important;
	display:flex !important;
	flex-direction:column !important;
	text-align:left !important;
	position:relative;
	transition:transform .2s ease, box-shadow .2s ease !important;
	font-family:'Poppins',-apple-system,'Segoe UI',Roboto,Arial,sans-serif !important;
}
body ul.products li.product:hover{
	transform:translateY(-4px) !important;
	box-shadow:0 18px 44px rgba(6,43,61,.16) !important;
}
body ul.products li.product > a,
body ul.products li.product .woocommerce-LoopProduct-link{display:block;color:inherit}
body ul.products li.product img{
	width:100% !important;
	height:auto !important;
	aspect-ratio:1/1;
	object-fit:cover !important;
	margin:0 !important;
	border-radius:0 !important;
	display:block;
}
body ul.products li.product .woocommerce-loop-product__title,
body ul.products li.product h2,
body ul.products li.product h3{
	font-size:15.5px !important;
	font-weight:700 !important;
	line-height:1.4 !important;
	color:#10171c !important;
	padding:14px 16px 4px !important;
	margin:0 !important;
	background:none !important;
}
body ul.products li.product .price{
	color:#0a4c6c !important;
	font-weight:800 !important;
	font-size:16px !important;
	padding:0 16px !important;
	margin:0 !important;
}
body ul.products li.product .price del{color:#9fb2bd !important;font-weight:600;font-size:.8em;opacity:1}
body ul.products li.product .price ins{text-decoration:none !important}
body ul.products li.product .star-rating{margin:6px 16px 0 !important;color:#f5b301}
body ul.products li.product .button,
body ul.products li.product .add_to_cart_button{
	margin:12px 16px 16px !important;
	align-self:flex-start;
	background:#0a4c6c !important;
	color:#fff !important;
	border:2px solid #0a4c6c !important;
	border-radius:999px !important;
	font-family:'Poppins',sans-serif !important;
	font-weight:700 !important;
	font-size:12.5px !important;
	text-transform:uppercase;
	letter-spacing:.06em;
	padding:10px 20px !important;
	line-height:1.2 !important;
	transition:.18s;
}
body ul.products li.product .button:hover{background:#3fae50 !important;border-color:#3fae50 !important;color:#fff !important}
body ul.products li.product .onsale{
	position:absolute !important;
	top:12px !important;
	left:12px !important;
	right:auto !important;
	margin:0 !important;
	background:#61ce70 !important;
	color:#06331f !important;
	font-weight:800 !important;
	font-size:12px !important;
	text-transform:uppercase;
	letter-spacing:.06em;
	border-radius:999px !important;
	padding:6px 14px !important;
	min-height:0 !important;
	min-width:0 !important;
	line-height:1.4 !important;
	z-index:2;
}
body ul.products li.product .added_to_cart{padding:0 16px 14px;font-weight:700;color:#0a4c6c}

/* ---------- Gutenberg / Woo blocks product grids ---------- */
body .wc-block-grid__products{
	display:grid !important;
	grid-template-columns:repeat(auto-fill,minmax(238px,1fr)) !important;
	gap:24px !important;
	margin:0 !important;
	padding:0 !important;
}
body .wc-block-grid__product{
	width:auto !important;
	max-width:none !important;
	margin:0 !important;
	padding:0 0 16px !important;
	border:1px solid #e1eaef !important;
	border-radius:16px !important;
	overflow:hidden !important;
	background:#fff !important;
	box-shadow:0 10px 30px rgba(6,43,61,.10) !important;
	text-align:left !important;
	font-family:'Poppins',sans-serif !important;
	transition:transform .2s ease, box-shadow .2s ease !important;
}
body .wc-block-grid__product:hover{transform:translateY(-4px) !important;box-shadow:0 18px 44px rgba(6,43,61,.16) !important}
body .wc-block-grid__product img{width:100% !important;aspect-ratio:1/1;object-fit:cover !important;border-radius:0 !important}
body .wc-block-grid__product-title{font-size:15.5px !important;font-weight:700 !important;color:#10171c !important;padding:14px 16px 4px !important;margin:0 !important}
body .wc-block-grid__product-price{color:#0a4c6c !important;font-weight:800 !important;padding:0 16px !important}
body .wc-block-grid__product-onsale{position:absolute;top:12px;left:12px;background:#61ce70 !important;color:#06331f !important;border:0 !important;border-radius:999px !important;font-weight:800 !important;padding:6px 14px !important}
body .wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link{
	margin:12px 16px 0 !important;background:#0a4c6c !important;color:#fff !important;border-radius:999px !important;
	font-weight:700 !important;text-transform:uppercase;font-size:12.5px !important;padding:10px 20px !important;
}

/* ---------- The kit's own cards when a shortcode is used outside the canvas ---------- */
body .ht-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:24px}
body .ht-card.ht-prod{background:#fff;border:0;border-radius:16px;overflow:hidden;box-shadow:0 8px 26px rgba(6,43,61,.09);display:flex;flex-direction:column;position:relative;transition:.2s;font-family:'Poppins',sans-serif}
body .ht-card.ht-prod:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(6,43,61,.16)}
body .ht-prod__media{display:block;position:relative;aspect-ratio:1/1;background:#f1f6f9;overflow:hidden}
body .ht-prod__media img{width:100%;height:100%;object-fit:cover;display:block}
body .ht-prod__media .ht-prod__ph{position:absolute;inset:0;display:none;place-items:center;color:#c4d7e1}
body .ht-prod__media.noimg .ht-prod__ph{display:grid}
body .ht-prod__media.noimg img{display:none}
body .ht-prod__flag{position:absolute;top:12px;left:12px;background:#10171c;color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:6px 12px}
body .ht-prod.is-out img{filter:grayscale(.7);opacity:.75}
body .ht-prod__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
body .ht-prod__body .ht-chip{align-self:flex-start;background:#f1f6f9;color:#0a4c6c;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:5px 11px}
body .ht-prod__name{margin:0;font-size:15.5px;font-weight:700;line-height:1.4;flex:1}
body .ht-prod__name a{color:#10171c;text-decoration:none}
body .ht-prod__name a:hover{color:#0a4c6c}
body .ht-prod__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
body .ht-prod__price{color:#0a4c6c;font-weight:800;font-size:16px}
body .ht-btn.ht-btn--small{display:inline-flex;align-items:center;justify-content:center;background:#0a4c6c;color:#fff !important;border:2px solid #0a4c6c;border-radius:999px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding:9px 16px;line-height:1.2;text-decoration:none;transition:.18s;cursor:pointer}
body .ht-btn.ht-btn--small:hover{background:#3fae50;border-color:#3fae50}

/* ---------- Archived single product pages: tidy the restored markup ---------- */
body:not(.htsk-canvas) .Product .Price-amount,
body:not(.htsk-canvas) .sqs-money-native{color:#0a4c6c;font-weight:800}
body:not(.htsk-canvas) img.alignnone{max-width:100%;height:auto}

@media (max-width:560px){
	body ul.products,
	body .wc-block-grid__products,
	body .ht-grid{grid-template-columns:repeat(2,1fr) !important;gap:14px !important}
}