* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; }
:root {
	--fruit-berry: #e94f78;
	--fruit-grape: #55336f;
	--fruit-citrus: #ffb52e;
	--fruit-lime: #78ad45;
	--fruit-peach: #ffdfc2;
	--fruit-cream: #fff8e9;
	--fruit-ink: #392946;
}
body { display: flex; min-height: 100vh; flex-direction: column; background-color: var(--fruit-cream); color: var(--fruit-ink); }
.bg-slate-50 { background-color: var(--fruit-cream) !important; }
body .hero-bg { background: radial-gradient(circle at 88% 10%, rgba(255,181,46,.48) 0, transparent 27%), radial-gradient(circle at 5% 90%, rgba(233,79,120,.38) 0, transparent 32%), linear-gradient(125deg, #55336f, #8b477e 58%, #bd5a76); }
body .hero-bg { background-size: 170% 170%; animation: fruit-gradient-drift 24s ease-in-out infinite alternate; }
body nav a:hover { color: var(--fruit-berry); }
body .eyebrow, body .product-code { color: var(--fruit-berry); }
body .section-title, body .product-card h3, body .accordion summary, body .info-card h2 { color: var(--fruit-ink); }
body .field { border-color: #eadcc8; background: #fffdf7; color: var(--fruit-ink); }
body .field:focus { border-color: var(--fruit-berry); box-shadow: 0 0 0 3px rgba(233,79,120,.17); }
body .product-card, body .accordion, body .info-card { border-color: #f0dfce; background: #fffdf7; }
body .product-card:hover { border-color: #f2a0aa; }
body .spec-btn { border-color: #eadcc8; color: var(--fruit-grape); }
body .quote-btn { background: var(--fruit-berry); }
body .quote-btn:hover { background: #c93362; }
body .accordion summary:hover { background: #fff0d5; }
body .accordion summary::after, body .quantity button { color: var(--fruit-berry); }
body .icon { background: #ffe6b8; color: var(--fruit-grape); }
body .modal { background: rgba(57,41,70,.74); }
body .modal-panel { background: #fffdf7; }
:root { --sidebar-expanded: 300px; --sidebar-collapsed: 78px; }
body { --sidebar-width: var(--sidebar-expanded); }
body.sidebar-collapsed { --sidebar-width: var(--sidebar-collapsed); }
main, footer { margin-left: var(--sidebar-width); transition: margin-left .28s ease; }
main { flex: 1 0 auto; }
footer { flex: 0 0 auto; margin-top: auto; }
.site-sidebar { position: fixed; inset: 0 auto 0 0; z-index: 60; display: flex; width: var(--sidebar-width); flex-direction: column; overflow-x: hidden; border-right: 1px solid #eadcc8; background: rgba(255,248,233,.98); box-shadow: 8px 0 30px rgba(57,41,70,.08); transition: width .28s ease, transform .28s ease; }
.sidebar-brand-row { display: flex; min-height: 110px; align-items: center; justify-content: space-between; gap: .25rem; padding: .7rem .6rem .7rem .5rem; border-bottom: 1px solid #f0dfce; }
.site-sidebar .brand-logo { width: 220px; height: 75px; flex: 0 0 220px; aspect-ratio: auto; }
.site-sidebar .brand-logo img { object-fit: contain; mix-blend-mode: multiply; }
.sidebar-toggle { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border: 1px solid #eadcc8; border-radius: .7rem; background: #fffdf7; color: var(--fruit-grape); font-size: 1.6rem; line-height: 1; transition: background .2s, transform .28s; }
.sidebar-toggle:hover { background: #fff0d5; }
.sidebar-nav { display: grid; gap: .4rem; padding: 1.1rem .7rem; }
.sidebar-nav a, .sidebar-basket { display: flex; min-height: 48px; align-items: center; gap: .9rem; border: 0; border-radius: .75rem; padding: .65rem .8rem; background: transparent; color: var(--fruit-grape); font: inherit; font-size: .9rem; font-weight: 700; text-align: left; text-decoration: none; white-space: nowrap; transition: background .2s, color .2s; }
.sidebar-nav a:hover, .sidebar-nav a[aria-current="page"] { background: #fce7e9; color: #bd315f; }
.sidebar-nav a:focus-visible, .sidebar-basket:focus-visible, .sidebar-toggle:focus-visible { outline: 3px solid var(--fruit-citrus); outline-offset: 2px; }
.sidebar-icon { display: grid; width: 26px; flex: 0 0 26px; place-items: center; font-size: 1.3rem; }
.sidebar-icon svg { display: block; width: 22px; height: 22px; }
.sidebar-basket { margin: auto .7rem 1rem; border: 1px solid #e9c5d0; background: var(--fruit-berry); color: white; }
.sidebar-basket:hover { background: #c93362; }
.quote-review-note { flex: 1; align-self: center; color: #8a4d28; font-size: .75rem; font-weight: 700; line-height: 1.4; }
.basket-count { display: grid; min-width: 24px; height: 24px; margin-left: auto; place-items: center; border-radius: 999px; background: white; color: var(--fruit-grape); font-size: .75rem; font-weight: 800; }
body.sidebar-collapsed .site-sidebar .brand-logo { display: none; }
body.sidebar-collapsed .sidebar-brand-row { justify-content: center; padding-inline: .5rem; }
body.sidebar-collapsed .sidebar-toggle { transform: rotate(180deg); }
body.sidebar-collapsed .sidebar-nav { padding-inline: .65rem; }
body.sidebar-collapsed .sidebar-nav a, body.sidebar-collapsed .sidebar-basket { justify-content: center; gap: 0; padding-inline: .4rem; }
body.sidebar-collapsed .sidebar-label { display: none; }
body.sidebar-collapsed .basket-count { position: absolute; min-width: 18px; height: 18px; margin: -28px 0 0 30px; font-size: .65rem; }
@media (max-width: 767px) { body:not(.sidebar-collapsed) .site-sidebar { box-shadow: 12px 0 40px rgba(57,41,70,.2); } }
/* Mobile/tablet: use an overlay drawer instead of reserving a sidebar column. */
.mobile-sidebar-toggle, .sidebar-backdrop { display: none; }
@media (max-width: 1279px) {
	main, footer,
	body.sidebar-collapsed main, body.sidebar-collapsed footer { margin-left: 0; }

	.site-sidebar,
	body.sidebar-collapsed .site-sidebar {
		inset: 0 auto 0 0;
		width: min(86vw, 320px);
		transform: translateX(0);
	}

	body.sidebar-collapsed .site-sidebar { transform: translateX(-105%); visibility: hidden; }
	.sidebar-brand-row { min-height: 116px; padding: .65rem .75rem; }
	.site-sidebar .brand-logo { width: 240px; height: 82px; flex-basis: 240px; }
	.site-sidebar .sidebar-toggle { width: 36px; height: 36px; flex-basis: 36px; }

	body.sidebar-collapsed .site-sidebar .brand-logo { display: block; }
	body.sidebar-collapsed .sidebar-brand-row { justify-content: space-between; padding-inline: .75rem; }
	body.sidebar-collapsed .sidebar-toggle { transform: none; }
	body.sidebar-collapsed .sidebar-nav { padding: 1.1rem .7rem; }
	body.sidebar-collapsed .sidebar-nav a,
	body.sidebar-collapsed .sidebar-basket { justify-content: flex-start; gap: .9rem; padding: .65rem .8rem; }
	body.sidebar-collapsed .sidebar-label { display: inline; }
	body.sidebar-collapsed .basket-count { position: static; min-width: 24px; height: 24px; margin-left: auto; font-size: .75rem; }

	.mobile-sidebar-toggle {
		position: fixed;
		top: .85rem;
		left: .85rem;
		z-index: 55;
		display: grid;
		width: 44px;
		height: 44px;
		place-items: center;
		border: 1px solid #eadcc8;
		border-radius: .8rem;
		background: var(--fruit-cream);
		color: var(--fruit-grape);
		box-shadow: 0 5px 18px rgba(57,41,70,.15);
		font-size: 1.35rem;
	}

	.sidebar-backdrop {
		position: fixed;
		inset: 0;
		z-index: 58;
		display: block;
		border: 0;
		background: rgba(35,24,43,.48);
		opacity: 0;
		pointer-events: none;
		transition: opacity .25s ease;
	}

	body:not(.sidebar-collapsed) .site-sidebar { visibility: visible; }
	body:not(.sidebar-collapsed) .sidebar-backdrop { opacity: 1; pointer-events: auto; }
	body:not(.sidebar-collapsed) .site-sidebar { z-index: 60; }
	.mobile-sidebar-toggle:focus-visible { outline: 3px solid var(--fruit-citrus); outline-offset: 2px; }
	.mobile-sidebar-toggle svg { display: block; width: 22px; height: 22px; }
	.sidebar-toggle { font-size: 0; }
	.sidebar-toggle::after { content: '×'; font-size: 1.6rem; }
}
@media (max-width: 640px) {
	.brand-logo { width: 145px; }
	.site-sidebar .brand-logo { width: min(220px, calc(86vw - 88px)); height: 74px; flex-basis: min(220px, calc(86vw - 88px)); }
	#quote-drawer { height: 100vh; height: 100dvh; }
	main > .page > div:not(.hero-bg) { max-width: 100%; }
	.section-title { font-size: clamp(1.7rem, 8vw, 2.25rem); }
	.hero-image-card img { max-height: 220px; }
	.product-actions { flex-direction: column; }
	.modal-panel { padding: 1.5rem; }
	.hero-bg .py-20 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
}
body .hover\:bg-blue-700:hover,
body .hover\:bg-orange-500:hover { background-color: var(--fruit-berry); }
.catalogue-banner-images { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-bottom: 2rem; }
.catalogue-banner-images img { display: block; width: 100%; height: 220px; border-radius: 1rem; background: #fffdf7; object-fit: contain; }
.honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.batch-size-control { display: grid; gap: .45rem; }
.batch-size-control label { color: var(--fruit-grape); font-size: .82rem; font-weight: 800; }
.batch-size-fields { display: grid; grid-template-columns: minmax(0, 1fr) 5.25rem; gap: .5rem; }
.batch-size-input, .batch-size-unit { min-width: 0; padding: .65rem .75rem; }
.product-range-section { margin-top: clamp(3rem, 7vw, 5.5rem); }
.product-range-section > .section-title { max-width: 48rem; margin-top: .6rem; }
.range-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 1.75rem; }
.range-card { position: relative; min-height: 190px; overflow: hidden; border: 1px solid #f0dfce; border-radius: 1rem; padding: 1.5rem; background: linear-gradient(145deg, #fffdf8, #fff3e8 58%, #fde9ee); box-shadow: 0 8px 24px rgba(57,41,70,.06); transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease, border-color .3s ease; }
.range-card::after { position: absolute; right: -2.5rem; bottom: -3.5rem; width: 8rem; height: 8rem; border: 1px solid rgba(233,79,120,.18); border-radius: 50%; content: ''; transition: transform .5s cubic-bezier(.2,.8,.2,1); }
.range-card:hover { transform: translateY(-6px); border-color: var(--fruit-berry); box-shadow: 0 16px 35px rgba(85,51,111,.12); }
.range-card:hover::after { transform: scale(1.25) translate(-8px, -8px); }
.range-number { display: inline-flex; align-items: center; justify-content: center; min-width: 2.25rem; height: 2.25rem; border-radius: 999px; background: #ffe6b8; color: var(--fruit-grape); font-size: .76rem; font-weight: 800; }
.range-card h3, .range-card h4 { position: relative; z-index: 1; margin: 1.1rem 0 .45rem; color: var(--fruit-ink); font-size: 1.1rem; font-weight: 800; }
.range-card p { position: relative; z-index: 1; max-width: 30rem; margin: 0; color: #6d6270; font-size: .92rem; line-height: 1.65; }
.range-request { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: 2rem; border: 1px solid rgba(85,51,111,.14); border-radius: 1.25rem; padding: clamp(1.5rem, 4vw, 2.5rem); background: radial-gradient(circle at 95% 10%, rgba(255,181,46,.35), transparent 28%), linear-gradient(120deg, #55336f, #8b477e 62%, #bd5a76); color: #fff; box-shadow: 0 18px 40px rgba(57,41,70,.16); }
.range-request .eyebrow { color: #ffdf9a; }
.range-request h2, .range-request h3 { margin: .5rem 0; color: #fff; font-size: clamp(1.5rem, 3vw, 2.2rem); font-weight: 800; letter-spacing: -.03em; }
.range-request p:not(.eyebrow) { max-width: 42rem; margin: 0; color: rgba(255,255,255,.86); line-height: 1.65; }
.range-request-button { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.5); border-radius: 999px; padding: .9rem 1.35rem; background: var(--fruit-citrus); color: #392946; font-size: .82rem; font-weight: 900; letter-spacing: .06em; text-decoration: none; box-shadow: 0 6px 20px rgba(39,25,49,.18); transition: transform .25s ease, background .25s ease, box-shadow .25s ease; }
.range-request-button:hover { transform: translateY(-3px) scale(1.025); background: #ffd36d; box-shadow: 0 10px 25px rgba(39,25,49,.25); }
.range-request-button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.product-card { overflow: hidden; padding-top: 0; }
.product-card-art { position: relative; display: grid; min-height: 118px; margin: 0 -1.25rem 1rem; overflow: hidden; place-items: center; background: radial-gradient(circle at 20% 18%, rgba(255,181,46,.72), transparent 30%), radial-gradient(circle at 85% 75%, rgba(233,79,120,.55), transparent 34%), linear-gradient(135deg, #55336f, #a34879 55%, #db7169); }
.product-card-art::before, .product-card-art::after { position: absolute; width: 7rem; height: 7rem; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; content: ''; transition: transform .75s cubic-bezier(.2,.8,.2,1); }
.product-card-art::before { top: -3.5rem; left: -1.8rem; }
.product-card-art::after { right: -2.5rem; bottom: -5rem; width: 10rem; height: 10rem; }
.product-card-art span { color: rgba(255,255,255,.92); font-size: 3rem; font-weight: 800; letter-spacing: -.08em; text-shadow: 0 5px 22px rgba(39,25,49,.25); transition: transform .5s cubic-bezier(.2,.8,.2,1); }
.product-card:hover .product-card-art::before { transform: translate(10px, 9px) scale(1.12); }
.product-card:hover .product-card-art::after { transform: translate(-12px, -8px) scale(1.06); }
.product-card:hover .product-card-art span { transform: scale(1.12) rotate(-5deg); }
.product-meta { min-height: 3.4em; }
.media-poster { overflow: hidden; transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease, border-color .3s ease; }
.media-poster:hover { transform: translateY(-7px) scale(1.025); border-color: var(--fruit-berry); box-shadow: 0 18px 36px rgba(57,41,70,.15); }
.best-sellers-rail { display: flex; gap: 1rem; overflow-x: auto; overscroll-behavior-inline: contain; padding: .25rem .25rem 1.25rem; scroll-snap-type: x mandatory; scrollbar-color: var(--fruit-berry) #f3e9df; scrollbar-width: thin; }
.best-sellers-rail > .media-poster { flex: 0 0 clamp(190px, 22vw, 245px); scroll-snap-align: start; }
.poster-art { position: relative; display: flex; min-height: 112px; align-items: flex-end; overflow: hidden; border-radius: .65rem; padding: .65rem; background: radial-gradient(circle at 20% 24%, rgba(255,181,46,.86), transparent 32%), radial-gradient(circle at 84% 78%, rgba(233,79,120,.76), transparent 34%), linear-gradient(135deg, #55336f, #8b477e 58%, #bd5a76); }
.poster-art::before, .poster-art::after { position: absolute; width: 6rem; height: 6rem; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; content: ''; transition: transform .65s cubic-bezier(.2,.8,.2,1); }
.poster-art::before { top: -3.2rem; right: 10%; }
.poster-art::after { right: -2rem; bottom: -4rem; width: 8rem; height: 8rem; }
.poster-art span { position: relative; z-index: 1; color: rgba(255,255,255,.95); font-size: 2.6rem; font-weight: 800; letter-spacing: -.09em; text-shadow: 0 4px 18px rgba(39,25,49,.3); }
.media-poster:hover .poster-art::before { transform: translate(-9px, 8px) scale(1.15); }
.media-poster:hover .poster-art::after { transform: translate(-8px, -9px) scale(1.08); }
.motion-reveal { opacity: 0; transform: translateY(28px) scale(.985); filter: blur(5px); transition: opacity .7s ease, transform .75s cubic-bezier(.2,.8,.2,1), filter .65s ease; }
.motion-reveal.is-visible { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
.product-card.motion-reveal:nth-child(2) { transition-delay: .09s; }
.product-card.motion-reveal:nth-child(3) { transition-delay: .18s; }
.sidebar-nav a, .sidebar-basket, .quote-btn { transition-duration: .22s; }
@media (max-width: 767px) {
	.catalogue-banner-images img { height: 160px; }
	.poster-art { min-height: 86px; }
	.best-sellers-rail > .media-poster { flex-basis: min(72vw, 250px); }
	.range-grid { grid-template-columns: 1fr; }
	.range-card { min-height: auto; }
	.range-request { align-items: flex-start; flex-direction: column; gap: 1.25rem; }
}
@media (prefers-reduced-motion: reduce) {
	.motion-reveal, .motion-reveal.is-visible { opacity: 1; transform: none; filter: none; transition: none; }
	.media-poster, .poster-art::before, .poster-art::after, .range-card, .range-card::after, .range-request-button { transition: none; }
	body .hero-bg { animation: none; }
}
@keyframes fruit-gradient-drift { from { background-position: 0% 40%; } to { background-position: 100% 60%; } }
a { transition: color .2s, background-color .2s; }
.brand-logo { display: block; flex: 0 0 auto; width: clamp(150px, 20vw, 220px); aspect-ratio: 3 / 1; overflow: hidden; }
.brand-logo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; mix-blend-mode: multiply; }
.hero-bg { background: radial-gradient(circle at 88% 10%, rgba(245,190,111,.48) 0, transparent 27%), radial-gradient(circle at 5% 90%, rgba(205,122,116,.35) 0, transparent 32%), linear-gradient(125deg, #37483f, #52675c 58%, #6d7f6b); }
.hero-image-card { overflow:hidden; align-self:center; border:1px solid rgba(255,255,255,.3); border-radius:1rem; background:rgba(255,255,255,.11); color:white; box-shadow:0 18px 40px rgba(0,0,0,.2); }.hero-image-card img { display:block; width:100%; max-height:320px; background:#fffdf7; object-fit:contain; }.hero-image-card div { padding:1.1rem 1.25rem; }
.page { animation: fadeIn .35s ease-out; }
.eyebrow { color: #a84e50; font-size: .72rem; font-weight: 800; letter-spacing: .13em; }
.section-title { color: #35463d; font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; line-height: 1.15; }
.field { width: 100%; border: 1px solid #ded6c9; border-radius: .6rem; background: #fffdf9; padding: .82rem 1rem; color: #35463d; outline: none; }
.field:focus { border-color: #b85c4b; box-shadow: 0 0 0 3px rgba(184,92,75,.15); }
.product-card { display: flex; flex-direction: column; border: 1px solid #e9dfd2; border-radius: 1rem; background: #fffdf9; padding: 1.25rem; box-shadow: 0 2px 7px rgba(74,64,52,.05); transition: transform .38s cubic-bezier(.2,.8,.2,1), box-shadow .38s ease, border-color .38s ease; animation: cardEnter .48s both; }
.product-card:hover { transform: translateY(-7px) scale(1.018); border-color:#e6b59f; box-shadow: 0 18px 35px rgba(76,67,54,.16); }
.product-code { color: #a84e50; font-size: .72rem; font-weight: 800; letter-spacing: .08em; }
.product-card h3 { margin: .5rem 0; color: #35463d; font-size: 1rem; font-weight: 800; }
.product-meta { color: #64748b; font-size: .78rem; line-height: 1.6; }
.product-actions { display: flex; gap: .5rem; margin-top: 1rem; }
.product-actions button { flex: 1; border-radius: .5rem; padding: .6rem; font-size: .78rem; font-weight: 800; }
.spec-btn { border: 1px solid #ded6c9; color: #52675c; }.quote-btn { background: #b85c4b; color: white; transition:transform .25s ease, background .25s ease; }.quote-btn:hover { background: #9e473f; transform:translateY(-2px); }
.accordion { overflow: hidden; border: 1px solid #e9dfd2; border-radius: .9rem; background: #fffdf9; }.accordion summary { cursor: pointer; list-style: none; padding: 1.1rem 1.25rem; color: #35463d; font-weight: 800; transition:background .25s ease; }.accordion summary:hover { background:#fbf1e5; }.accordion summary::-webkit-details-marker { display:none; }.accordion summary::after { content:'+'; float:right; color:#b85c4b; font-size:1.35rem; }.accordion[open] summary::after { content:'−'; }.accordion-content { border-top: 1px solid #f0e7dd; padding: 1rem; }.info-card { border-radius: 1rem; border: 1px solid #e9dfd2; background: #fffdf9; padding: 1.7rem; transition:transform .35s ease,box-shadow .35s ease; }.info-card:hover { transform:translateY(-5px); box-shadow:0 16px 30px rgba(76,67,54,.12); }.info-card h2 { margin: .7rem 0; color: #35463d; font-size: 1.2rem; font-weight: 800; }.info-card p { color: #64748b; line-height: 1.7; }.icon { display:flex; align-items:center; justify-content:center; width:2.7rem; height:2.7rem; border-radius:.7rem; background:#fce1c9; color:#a84e50; font-size:1.4rem; font-weight:900; }.modal { position:fixed; inset:0; z-index:70; display:flex; align-items:center; justify-content:center; padding:1rem; background:rgba(43,58,49,.72); }.modal-panel { position:relative; width:min(100%, 35rem); border-radius:1rem; background:#fffdf9; padding:2rem; box-shadow:0 20px 50px rgba(0,0,0,.25); animation:modalEnter .35s cubic-bezier(.2,.8,.2,1); }.modal-close { position:absolute; right:1rem; top:.7rem; color:#64748b; font-size:2rem; }.basket-line { border-bottom:1px solid #f0e7dd; padding-bottom:1rem; margin-bottom:1rem; }.quantity { display:inline-flex; overflow:hidden; border:1px solid #ded6c9; border-radius:.45rem; }.quantity button { padding:.2rem .55rem; color:#a84e50; font-weight:800; }.quantity span { min-width:2rem; padding:.2rem; text-align:center; }.remove-btn { color:#dc2626; font-size:.78rem; font-weight:800; } .quote-toast { position:fixed; z-index:80; right:1rem; bottom:1rem; display:flex; align-items:center; gap:.8rem; max-width:calc(100vw - 2rem); border:1px solid #e4c2ae; border-radius:.9rem; background:#fff9f2; padding:1rem 1.2rem; color:#35463d; box-shadow:0 18px 40px rgba(57,50,43,.22); opacity:0; transform:translateY(2rem) scale(.96); pointer-events:none; transition:opacity .35s ease, transform .35s cubic-bezier(.2,.8,.2,1); }.quote-toast.show { opacity:1; transform:translateY(0) scale(1); }.quote-toast span { display:flex; align-items:center; justify-content:center; width:1.75rem; height:1.75rem; border-radius:50%; background:#dcebdc; color:#477354; font-weight:900; }.quote-toast p { margin:0; font-size:.84rem; }.quote-toast strong,.quote-toast small { display:block; }.quote-toast small { margin-top:.15rem; color:#758078; } .hidden { display:none !important; } @media(max-width:1023px){.mobile-nav{display:flex}.hero-image-card{max-width:470px}} @media(max-width:640px){.brand-logo{width:145px}.hero-image-card img{height:180px}.product-actions{flex-direction:column}.modal-panel{padding:1.5rem}.hero-bg .py-20{padding-top:3.5rem;padding-bottom:3.5rem}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important;}} @keyframes fadeIn { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } } @keyframes cardEnter { from { opacity:0; transform:translateY(15px) scale(.98); } to { opacity:1; transform:translateY(0) scale(1); } } @keyframes modalEnter { from { opacity:0; transform:scale(.93) translateY(12px); } to { opacity:1; transform:scale(1) translateY(0); } }