/*
 * Buyvaro React Scroll Component — minimal Tailwind utility shim.
 * Defines only the utility classes used by the imported ContainerScroll component.
 * Buyvaro is a dark-only site — `dark:` variants apply unconditionally.
 */

/* Host wrapper */
.bv-rsc-host {
	display: block;
	width: 100%;
	background: var(--bv-bg, #0a0a0a);
}

/* Tailwind: heights */
.bv-rsc-host .h-\[60rem\]      { height: 60rem; }
.bv-rsc-host .h-\[30rem\]      { height: 30rem; }
.bv-rsc-host .h-full           { height: 100%; }

/* Tailwind: widths / max-widths */
.bv-rsc-host .w-full           { width: 100%; }
.bv-rsc-host .max-w-5xl        { max-width: 64rem; }
.bv-rsc-host .mx-auto          { margin-inline: auto; }

/* Tailwind: layout */
.bv-rsc-host .flex             { display: flex; }
.bv-rsc-host .flex-col         { flex-direction: column; }
.bv-rsc-host .items-center     { align-items: center; }
.bv-rsc-host .justify-center   { justify-content: center; }
.bv-rsc-host .relative         { position: relative; }
.bv-rsc-host .text-center      { text-align: center; }
.bv-rsc-host .overflow-hidden  { overflow: hidden; }
.bv-rsc-host .leading-none     { line-height: 1; }

/* Tailwind: padding / margin */
.bv-rsc-host .p-2              { padding: 0.5rem; }
.bv-rsc-host .py-10            { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.bv-rsc-host .pb-\[500px\]     { padding-bottom: 500px; }
.bv-rsc-host .pt-\[1000px\]    { padding-top: 1000px; }
.bv-rsc-host .-mt-12           { margin-top: -3rem; }
.bv-rsc-host .mt-1             { margin-top: 0.25rem; }

/* Tailwind: borders / radii */
.bv-rsc-host .border-4         { border-width: 4px; border-style: solid; }
.bv-rsc-host .border-\[\#6C6C6C\] { border-color: #6c6c6c; }
.bv-rsc-host .rounded-2xl      { border-radius: 1rem; }
.bv-rsc-host .rounded-\[30px\] { border-radius: 30px; }

/* Tailwind: backgrounds */
.bv-rsc-host .bg-\[\#222222\]  { background-color: #222; }
.bv-rsc-host .bg-gray-100      { background-color: #f3f4f6; }

/* Tailwind: typography */
.bv-rsc-host .text-4xl         { font-size: 2.25rem; line-height: 2.5rem; }
.bv-rsc-host .font-semibold    { font-weight: 600; }
.bv-rsc-host .font-bold        { font-weight: 700; }
.bv-rsc-host .text-black       { color: #000; }
.bv-rsc-host .object-cover     { object-fit: cover; }
.bv-rsc-host .object-left-top  { object-position: left top; }

/* Shadow */
.bv-rsc-host .shadow-2xl       { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }

/* Dark variants — Buyvaro is dark-only, so these always apply */
.bv-rsc-host .dark\:bg-zinc-900 { background-color: #18181b !important; }
.bv-rsc-host .dark\:text-white  { color: #fff !important; }

/* The literal "div" class in the original code is a no-op. */

@media (min-width: 768px) {
	.bv-rsc-host .md\:h-\[80rem\]  { height: 80rem; }
	.bv-rsc-host .md\:h-\[40rem\]  { height: 40rem; }
	.bv-rsc-host .md\:p-20         { padding: 5rem; }
	.bv-rsc-host .md\:py-40        { padding-top: 10rem; padding-bottom: 10rem; }
	.bv-rsc-host .md\:p-6          { padding: 1.5rem; }
	.bv-rsc-host .md\:p-4          { padding: 1rem; }
	.bv-rsc-host .md\:rounded-2xl  { border-radius: 1rem; }
	.bv-rsc-host .md\:text-\[6rem\] { font-size: 6rem; }
}

/* Reduced motion: keep static, content visible. */
@media (prefers-reduced-motion: reduce) {
	.bv-rsc-host * {
		animation: none !important;
		transition: none !important;
	}
}