/* Laser engraving stays within the SIS blue, purple, and warm-white visual system. */
:root { --warm:#dcecf8; --cream:#fffdf9; --soft-white:#fffdf9; }
body { background:radial-gradient(circle at 8% 8%,rgba(77,130,196,.14),transparent 26rem),radial-gradient(circle at 92% 16%,rgba(128,97,178,.14),transparent 28rem),var(--cream); }
.eyebrow,.section-kicker .eyebrow { color:var(--violet); }
.booking-card.featured { border-color:rgba(128,97,178,.34); box-shadow:0 22px 56px rgba(74,44,121,.14); }
.hero-copy-card { background:linear-gradient(145deg,rgba(74,44,121,.76),rgba(128,97,178,.68)),radial-gradient(circle at 18% 0,rgba(220,236,248,.3),transparent 22rem); box-shadow:0 28px 70px rgba(74,44,121,.22),inset 0 1px rgba(255,255,255,.24); }
.booking-grid .booking-card:nth-child(1) { border-color:rgba(47,142,235,.25); background:linear-gradient(145deg,rgba(232,245,255,.96),rgba(211,234,252,.72)); box-shadow:0 20px 48px rgba(47,142,235,.14),inset 0 1px rgba(255,255,255,.8); }

/* Keep the examples easy to scan: real work, simple frames, no copy overlays. */
.products-section .product-grid { display:flex; align-items:flex-start; gap:16px; overflow-x:auto; padding:4px 3px 16px; scroll-snap-type:x proximity; scrollbar-color:rgba(90,44,145,.46) transparent; }
.products-section .product-card:first-child { grid-column:auto; }
.products-section .product-card { position:relative; display:block; flex:0 0 min(310px, 76vw); overflow:hidden; scroll-snap-align:start; padding:5px; border:1px solid rgba(90,44,145,.18); background:#fff; box-shadow:0 12px 26px rgba(90,44,145,.16), 0 4px 12px rgba(47,142,235,.12); transition:transform .32s ease, box-shadow .32s ease, border-color .32s ease; }
.products-section .product-card img { display:block; width:100%; height:auto; object-fit:contain; background:#fff; }
.products-section .product-card::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(112deg,transparent 34%,rgba(255,255,255,.45) 50%,transparent 66%); transform:translateX(-135%); transition:transform .62s ease; }

@media (hover:hover) {
  .products-section .product-card:hover { transform:translateY(-7px); border-color:rgba(90,44,145,.38); box-shadow:0 22px 42px rgba(90,44,145,.24), 0 10px 22px rgba(47,142,235,.17); }
  .products-section .product-card:hover::after { transform:translateX(135%); }
}

@media (max-width:719px) { .products-section .product-card { flex-basis:min(290px, 82vw); } }