/* ==========================================================================
   Vintage House Boutique – page sections (generated from the original layout)
   Each page is a stack of full-width "vh-sec" sections containing a 1224px grid,
   the same grid the Hostinger builder used.
   ========================================================================== */

.vh-sec {
	position: relative;
	width: 100%;
	padding-left: var(--vh-gutter, 16px);
	padding-right: var(--vh-gutter, 16px);
	margin: 0 !important;
	color: #1d1e20;
}

.vh-sec .vh-inner {
	max-width: 1224px;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Works with and without WordPress' classic "inner container" wrapper. */
.vh-sec .wp-block-group__inner-container {
	width: 100%;
}

/* Backgrounds */
.vh-bg-white { background: #fff; }
.vh-bg-black { background: #000; color: #fff; }
.vh-bg-ink { background: #0d141a; color: #fff; }
.vh-bg-purple { background: #6a4c93; color: #fff; }
.vh-bg-plum { background: #2a2234; color: #fff; }
.vh-bg-learn { background: linear-gradient(135deg, #0035b8, #bf50ff); color: #fff; }

.vh-hero {
	background-color: #1d1e20;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	color: #fff;
}

.vh-band {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	height: 20px;
	background: #0d141a;
}

.vh-band .vh-band__spacer {
	margin: 0;
	height: 20px;
}

/* Element boxes */
.vh-sec .vh-el {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
}

.vh-sec .vh-el.vh-jc { margin-left: auto; margin-right: auto; }
.vh-sec .vh-el.vh-jl { margin-left: 0; margin-right: auto; }
.vh-sec .vh-el.vh-jr { margin-left: auto; margin-right: 0; }

.vh-sec .vh-el > *:first-child,
.vh-sec .vh-el > .wp-block-group__inner-container > *:first-child { margin-top: 0; }
.vh-sec .vh-el > *:last-child,
.vh-sec .vh-el > .wp-block-group__inner-container > *:last-child { margin-bottom: 0; }

/* Per-paragraph spacing captured from the original text boxes */
.vh-sec .vh-text .vh-mb-8 { margin-bottom: 8px; }
.vh-sec .vh-text .vh-mb-12 { margin-bottom: 12px; }
.vh-sec .vh-text .vh-mb-16 { margin-bottom: 16px; }
.vh-sec .vh-text .vh-mb-18 { margin-bottom: 18px; }
.vh-sec .vh-text .vh-mb-24 { margin-bottom: 24px; }
.vh-sec .vh-text .vh-mb-32 { margin-bottom: 32px; }
.vh-sec .vh-text .vh-mb-40 { margin-bottom: 40px; }

/* Full-width video, like the original hero */
.vh-sec .vh-video .wp-block-embed,
.vh-sec .vh-video .wp-block-embed__wrapper {
	width: 100%;
}

.vh-sec .vh-video .wp-block-embed__wrapper {
	position: relative;
	aspect-ratio: 16 / 9;
}

.vh-sec .vh-video .wp-block-embed__wrapper::before {
	display: none;
}

.vh-sec .vh-video iframe {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	border: 0;
}

/* Text boxes behave like the builder's: no paragraph margins, empty lines create space */
.vh-sec .vh-text :where(p, h1, h2, h3, h4, h5, h6, ul, ol) {
	margin-top: 0;
	margin-bottom: 0;
}

.vh-sec .vh-text p:empty::before {
	content: "\00a0";
}

.vh-sec .vh-text ul,
.vh-sec .vh-text ol {
	padding-left: 40px;
}

.vh-sec .vh-text li {
	margin: 0;
}

.vh-sec .vh-text a {
	color: inherit;
}

.vh-sec h1, .vh-sec h2, .vh-sec h3, .vh-sec h4, .vh-sec h5, .vh-sec h6 {
	font-family: var(--vh-serif);
	font-weight: 600;
}

/* Images */
.vh-sec .vh-el .wp-block-image {
	margin: 0;
}

.vh-sec .vh-el .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
}

.vh-sec .vh-img-round img {
	border-radius: 50%;
}

/* Video / embeds */
.vh-sec .wp-block-embed {
	margin: 0;
}

.vh-embed--video {
	position: relative;
	aspect-ratio: 4 / 3;
	width: 100%;
}

.vh-embed--video iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Columns */
.vh-sec .wp-block-columns.vh-cols {
	margin: 0;
	gap: var(--vh-g, 24px);
	align-items: flex-start;
}

.vh-sec .wp-block-columns.vh-cols > .wp-block-column {
	margin: 0;
}

.vh-gap-0 { --vh-g: 0px; }
.vh-gap-8 { --vh-g: 8px; }
.vh-gap-16 { --vh-g: 16px; }
.vh-gap-24 { --vh-g: 24px; }
.vh-gap-32 { --vh-g: 32px; }
.vh-gap-40 { --vh-g: 40px; }
.vh-gap-48 { --vh-g: 48px; }
.vh-gap-56 { --vh-g: 56px; }
.vh-gap-64 { --vh-g: 64px; }
.vh-gap-80 { --vh-g: 80px; }
.vh-gap-96 { --vh-g: 96px; }
.vh-gap-120 { --vh-g: 120px; }

/* Spacing scale (section padding, gaps between elements) */
.vh-pt-0 { padding-top: 0; }
.vh-pt-8 { padding-top: 8px; }
.vh-pt-16 { padding-top: 16px; }
.vh-pt-24 { padding-top: 24px; }
.vh-pt-32 { padding-top: 32px; }
.vh-pt-40 { padding-top: 40px; }
.vh-pt-48 { padding-top: 48px; }
.vh-pt-56 { padding-top: 56px; }
.vh-pt-64 { padding-top: 64px; }
.vh-pt-80 { padding-top: 80px; }
.vh-pt-96 { padding-top: 96px; }
.vh-pt-120 { padding-top: 120px; }
.vh-pb-0 { padding-bottom: 0; }
.vh-pb-8 { padding-bottom: 8px; }
.vh-pb-16 { padding-bottom: 16px; }
.vh-pb-24 { padding-bottom: 24px; }
.vh-pb-32 { padding-bottom: 32px; }
.vh-pb-40 { padding-bottom: 40px; }
.vh-pb-48 { padding-bottom: 48px; }
.vh-pb-56 { padding-bottom: 56px; }
.vh-pb-64 { padding-bottom: 64px; }
.vh-pb-80 { padding-bottom: 80px; }
.vh-pb-96 { padding-bottom: 96px; }
.vh-pb-120 { padding-bottom: 120px; }
.vh-sec .vh-el.vh-mt-8 { margin-top: 8px; }
.vh-sec .vh-el.vh-mt-16 { margin-top: 16px; }
.vh-sec .vh-el.vh-mt-24 { margin-top: 24px; }
.vh-sec .vh-el.vh-mt-32 { margin-top: 32px; }
.vh-sec .vh-el.vh-mt-40 { margin-top: 40px; }
.vh-sec .vh-el.vh-mt-48 { margin-top: 48px; }
.vh-sec .vh-el.vh-mt-56 { margin-top: 56px; }
.vh-sec .vh-el.vh-mt-64 { margin-top: 64px; }
.vh-sec .vh-el.vh-mt-80 { margin-top: 80px; }
.vh-sec .vh-el.vh-mt-96 { margin-top: 96px; }
.vh-sec .vh-el.vh-mt-120 { margin-top: 120px; }

/* Buttons from the original pages */
.vh-sec .wp-block-buttons { margin: 0; }

.vh-sec .vh-btn-amazon .wp-block-button__link {
	background: #044f02;
	color: #fff;
	border-radius: 28px;
	font-family: Inter, Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	padding: 16px 40px;
	text-decoration: none;
}

.vh-sec .vh-btn-youtube .wp-block-button__link {
	background: #18181a;
	color: #fff;
	border-radius: 8px;
	font-family: var(--vh-serif);
	font-size: 16px;
	padding: 14px 28px;
	text-decoration: none;
}

.vh-sec .vh-btn-primary .wp-block-button__link {
	background: #000;
	color: #fff;
	border-radius: 999px;
	font-family: var(--vh-serif);
	padding: 14px 36px;
}

.vh-sec .wp-block-button__link:hover {
	filter: brightness(1.2);
}

/* Shop sections (product grids on Bracelets, Rings, …) */
.vh-sec--shop {
	padding-top: 24px;
	padding-bottom: 64px;
}

.vh-sec--shop .woocommerce {
	max-width: none;
}

/* Shipping & insurance policy panel (was a custom HTML embed on the old site) */
.vh-ship {
	font-family: Arial, Helvetica, sans-serif;
	background: #f8f6f2;
	color: #2e2e2e;
	line-height: 1.7;
	border-radius: 6px;
	overflow: hidden;
}

.vh-ship * {
	box-sizing: border-box;
}

.vh-ship .vh-ship__hero {
	background: linear-gradient(135deg, #4a3f35, #8b7355);
	color: #fff;
	text-align: center;
	padding: 60px 20px;
}

.vh-ship .vh-ship__hero h2 {
	margin: 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.5rem;
	font-weight: 700;
	letter-spacing: 1px;
	color: #fff;
	border: 0;
	padding: 0;
}

.vh-ship .vh-ship__hero p {
	max-width: 700px;
	margin: 0 auto;
	font-size: 1.05rem;
}

.vh-ship .vh-ship__container {
	max-width: 1000px;
	margin: 40px auto;
	background: #fff;
	padding: 40px 30px;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
	border-radius: 10px;
}

.vh-ship h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #6b4f3a;
	margin: 30px 0 12px;
	font-size: 1.5rem;
	font-weight: 700;
	border-bottom: 2px solid #d8c7b0;
	padding-bottom: 8px;
}

.vh-ship p {
	margin: 0 0 16px;
}

.vh-ship ul {
	padding-left: 22px;
	margin: 0 0 20px;
}

.vh-ship li {
	margin-bottom: 10px;
}

.vh-ship .vh-ship__highlight {
	background: #f4ede3;
	border-left: 5px solid #8b7355;
	padding: 18px 20px;
	margin: 25px 0;
	border-radius: 6px;
}

.vh-ship .vh-ship__footer {
	text-align: center;
	font-size: 0.95rem;
	color: #666;
	padding: 30px 20px 50px;
}

@media (max-width: 768px) {
	.vh-ship .vh-ship__hero h2 { font-size: 2rem; }
	.vh-ship .vh-ship__container { margin: 20px; padding: 25px 20px; }
}

/* ---------- Tablet & phone ---------- */
@media (max-width: 781px) {
	.vh-pt-80, .vh-pt-96, .vh-pt-120 { padding-top: 48px; }
	.vh-pb-80, .vh-pb-96, .vh-pb-120 { padding-bottom: 48px; }
	.vh-pt-56, .vh-pt-64 { padding-top: 40px; }
	.vh-pb-56, .vh-pb-64 { padding-bottom: 40px; }
	.vh-sec .vh-el.vh-mt-80, .vh-sec .vh-el.vh-mt-96, .vh-sec .vh-el.vh-mt-120 { margin-top: 48px; }
	.vh-sec .vh-el.vh-mt-56, .vh-sec .vh-el.vh-mt-64 { margin-top: 40px; }

	.vh-sec .wp-block-columns.vh-cols {
		gap: 24px;
		align-items: stretch;
	}

	.vh-sec .wp-block-columns.vh-cols > .wp-block-column {
		width: 100%;
	}

	.vh-sec .vh-text p,
	.vh-sec .vh-text li {
		text-align: left;
	}

	.vh-sec .vh-text .vh-s5,
	.vh-sec .vh-text .vh-s8,
	.vh-sec .vh-text .vh-s9,
	.vh-sec .vh-text .vh-s10,
	.vh-sec .vh-text .vh-s12,
	.vh-sec .vh-text .vh-s13,
	.vh-sec .vh-text .vh-s14,
	.vh-sec .vh-text .vh-s15,
	.vh-sec .vh-text .vh-s16,
	.vh-sec .vh-text .vh-s22,
	.vh-sec .vh-text .vh-s26,
	.vh-sec .vh-text .vh-s27,
	.vh-sec .vh-text .vh-s28,
	.vh-sec .vh-text .vh-s29 {
		text-align: center;
	}

	/* Contact page: heading and photo above the form, like the original mobile layout */
	.vh-page-contact .vh-sec .wp-block-columns.vh-cols {
		flex-direction: column-reverse;
	}
}


/* ---- Text styles captured from the original site (vh-sN) ---- */
.vh-s0{font-family:var(--vh-serif);font-size:26px;font-weight:600;color:#ffffff;text-align:left;line-height:1.3;}
.vh-s1{font-family:var(--vh-serif);font-size:14px;font-weight:400;color:#ffffff;text-align:left;line-height:1.3;}
.vh-s2{font-family:var(--vh-serif);font-size:14px;font-weight:500;color:#ffffff;text-align:left;line-height:1.5;text-transform:uppercase;}
.vh-s3{font-family:var(--vh-serif);font-size:16px;font-weight:400;color:#1d1e20;text-align:left;line-height:1.5;}
.vh-s4{font-family:var(--vh-serif);font-size:16px;font-weight:400;color:#ffffff;text-align:left;line-height:1.5;}
.vh-s5{font-family:var(--vh-serif);font-size:14px;font-weight:400;color:#ffffff;text-align:center;line-height:1.3;}
.vh-s6{font-family:var(--vh-serif);font-size:clamp(24px, 2.78vw, 40px);font-weight:600;color:#1d1e20;text-align:left;line-height:1.3;}
.vh-s7{font-family:var(--vh-sans);font-size:16px;font-weight:400;color:#1d1e20;text-align:left;line-height:normal;}
.vh-s8{font-family:var(--vh-serif);font-size:clamp(29px, 3.33vw, 48px);font-weight:600;color:#ffffff;text-align:center;line-height:1.3;}
.vh-s9{font-family:var(--vh-serif);font-size:18px;font-weight:400;color:#ffffff;text-align:center;line-height:1.3;}
.vh-s10{font-family:var(--vh-serif);font-size:clamp(24px, 2.78vw, 40px);font-weight:600;color:#ffffff;text-align:center;line-height:1.3;}
.vh-s11{font-family:var(--vh-serif);font-size:18px;font-weight:600;color:#ffffff;text-align:left;line-height:1.3;}
.vh-s12{font-family:var(--vh-serif);font-size:24px;font-weight:600;color:#ffffff;text-align:center;line-height:1.3;}
.vh-s13{font-family:var(--vh-serif);font-size:20px;font-weight:400;color:#ffffff;text-align:center;line-height:1.3;}
.vh-s14{font-family:var(--vh-serif);font-size:16px;font-weight:400;color:#ffffff;text-align:center;line-height:1.5;}
.vh-s15{font-family:var(--vh-serif);font-size:22px;font-weight:400;color:#ffffff;text-align:center;line-height:1.3;}
.vh-s16{font-family:var(--vh-serif);font-size:clamp(43px, 5.0vw, 72px);font-weight:600;color:#b08238;text-align:center;line-height:1.3;}
.vh-s17{font-family:var(--vh-serif);font-size:clamp(29px, 3.33vw, 48px);font-weight:600;color:#1d1e20;text-align:left;line-height:1.3;}
.vh-s18{font-family:var(--vh-serif);font-size:18px;font-weight:400;color:#000000;text-align:left;line-height:1.5;}
.vh-s19{font-family:var(--vh-serif);font-size:16px;font-weight:400;color:#18181a;text-align:left;line-height:1.5;}
.vh-s20{font-family:var(--vh-serif);font-size:26px;font-weight:600;color:#1d1e20;text-align:left;line-height:1.3;}
.vh-s21{font-family:var(--vh-serif);font-size:clamp(34px, 3.89vw, 56px);font-weight:600;color:#18181a;text-align:left;line-height:1.3;}
.vh-s22{font-family:var(--vh-serif);font-size:clamp(38px, 4.44vw, 64px);font-weight:600;color:#ffffff;text-align:center;line-height:1.3;}
.vh-s23{font-family:var(--vh-serif);font-size:clamp(38px, 4.44vw, 64px);font-weight:600;color:#18181a;text-align:left;line-height:1.3;}
.vh-s24{font-family:var(--vh-serif);font-size:16px;font-weight:400;color:#000000;text-align:left;line-height:1.5;}
.vh-s25{font-family:var(--vh-serif);font-size:16px;font-weight:400;color:#0d141a;text-align:left;line-height:1.5;}
.vh-s26{font-family:var(--vh-serif);font-size:clamp(29px, 3.33vw, 48px);font-weight:600;color:#1d1e20;text-align:center;line-height:1.3;}
.vh-s27{font-family:var(--vh-serif);font-size:16px;font-weight:400;color:#1a1a1c;text-align:center;line-height:1.5;}
.vh-s28{font-family:var(--vh-serif);font-size:16px;font-weight:400;color:#56585e;text-align:center;line-height:1.5;}
.vh-s29{font-family:var(--vh-serif);font-size:16px;font-weight:600;color:#0d141a;text-align:center;line-height:1.3;}
.vh-s30{font-family:var(--vh-serif);font-size:clamp(29px, 3.33vw, 48px);font-weight:600;color:#1a1a1a;text-align:left;line-height:1.3;}
.vh-s31{font-family:var(--vh-serif);font-size:18px;font-weight:600;color:#1d1e20;text-align:left;line-height:1.3;}
.vh-s32{font-family:var(--vh-serif);font-size:20px;font-weight:600;color:#1d1e20;text-align:left;line-height:1.3;}
.vh-s33{font-family:var(--vh-serif);font-size:16px;font-weight:400;color:#56585e;text-align:left;line-height:1.5;}
.vh-s34{font-family:var(--vh-serif);font-size:16px;font-weight:600;color:#0d131a;text-align:left;line-height:1.3;}
.vh-s35{font-family:var(--vh-serif);font-size:14px;font-weight:500;color:#56585e;text-align:left;line-height:1.5;text-transform:uppercase;}

/* ---- Element widths ---- */
.vh-w-48{max-width:48px}
.vh-w-148{max-width:148px}
.vh-w-156{max-width:156px}
.vh-w-192{max-width:192px}
.vh-w-228{max-width:228px}
.vh-w-240{max-width:240px}
.vh-w-248{max-width:248px}
.vh-w-332{max-width:332px}
.vh-w-352{max-width:352px}
.vh-w-356{max-width:356px}
.vh-w-376{max-width:376px}
.vh-w-380{max-width:380px}
.vh-w-400{max-width:400px}
.vh-w-420{max-width:420px}
.vh-w-432{max-width:432px}
.vh-w-480{max-width:480px}
.vh-w-492{max-width:492px}
.vh-w-504{max-width:504px}
.vh-w-524{max-width:524px}
.vh-w-608{max-width:608px}
.vh-w-640{max-width:640px}
.vh-w-680{max-width:680px}
.vh-w-708{max-width:708px}
.vh-w-812{max-width:812px}
.vh-w-952{max-width:952px}
.vh-w-976{max-width:976px}
.vh-w-1016{max-width:1016px}
.vh-w-1084{max-width:1084px}
.vh-w-1120{max-width:1120px}
.vh-w-1144{max-width:1144px}