/*
Theme Name: Momsik
Theme URI: https://momsik.com.ua/
Author: Momsik
Description: Тема інтернет-магазину Momsik — дизайн з Tilda
Version: 1.3.6
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: momsik-theme
*/

:root {
	--momsik-bg: #fffdfb;
	--momsik-accent: #c7a287;
	--momsik-text: #222;
	--momsik-white: #fff;
	--momsik-serif: "Cormorant Garamond", Georgia, serif;
	--momsik-sans: "Montserrat", Arial, sans-serif;
	--momsik-container: 1200px;
}

* { box-sizing: border-box; }

body {
	margin: 0;
	font-family: var(--momsik-sans);
	font-size: 15px;
	font-weight: 300;
	line-height: 1.6;
	color: var(--momsik-text);
	background: var(--momsik-bg);
	-webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }

img { max-width: 100%; height: auto; display: block; }

.momsik-container {
	max-width: var(--momsik-container);
	margin: 0 auto;
	padding: 0 20px;
}

.momsik-serif {
	font-family: var(--momsik-serif);
	font-weight: 400;
}

.momsik-btn {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 14px 28px;
	border: 1px solid var(--momsik-text);
	background: transparent;
	color: var(--momsik-text);
	font-family: var(--momsik-sans);
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
	transition: .25s ease;
}

.momsik-btn:hover {
	background: var(--momsik-text);
	color: var(--momsik-white);
}

.momsik-btn--white {
	border-color: var(--momsik-white);
	color: var(--momsik-white);
}

.momsik-btn--white:hover {
	background: var(--momsik-white);
	color: var(--momsik-accent);
}

.momsik-arrow-link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 16px;
}

.momsik-arrow-link img {
	width: 40px;
	height: auto;
}

/* Shared product cards (catalog, homepage, related) */
.momsik-product-card {
	display: block;
	text-decoration: none;
	color: inherit;
	transition: transform 0.25s ease;
}

.momsik-product-card:hover {
	transform: translateY(-3px);
}

.momsik-product-card h3 {
	font-family: var(--momsik-sans);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.35;
	margin: 12px 0 6px;
	transition: color 0.2s ease;
}

.momsik-product-card:hover h3 {
	color: #a97956;
}

.momsik-product-card__price {
	font-size: 15px;
	font-weight: 500;
	color: var(--momsik-accent);
	margin: 0;
}

.momsik-product-card__price .woocommerce-Price-amount {
	font-weight: 500;
}

.momsik-product-card__img {
	aspect-ratio: 1;
	overflow: hidden;
	background: #f5f0eb;
	border-radius: 6px;
}

.momsik-product-card__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.35s ease;
}

.momsik-product-card:hover .momsik-product-card__img img {
	transform: scale(1.04);
}