:root { color-scheme: light; }
html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
a, button { -webkit-tap-highlight-color: transparent; }
.mobile-menu { display: none; }
.mobile-menu.open { display: block; }
.hero { min-height: min(780px, calc(100vh - 116px)); background: #d8c3a6 url('../images/aurelia-hero.png') center/cover no-repeat; }
.product-visual { background-image: url('../images/product-collection.png'); background-repeat: no-repeat; background-size: cover; background-color: #f3ede4; }
.product-card .product-visual { transition: transform .65s cubic-bezier(.2,.7,.2,1); }
.product-card:hover .product-visual { transform: scale(1.035); }
.product-card:hover .product-name { color: #6C1F2D; }
.btn-primary { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; background:#191816; color:white; padding:.9rem 1.4rem; font-size:.78rem; letter-spacing:.13em; text-transform:uppercase; transition:.25s; }
.btn-primary:hover { background:#6C1F2D; transform:translateY(-1px); }
.btn-light { display:inline-flex; align-items:center; justify-content:center; background:white; color:#191816; padding:.9rem 1.4rem; font-size:.78rem; letter-spacing:.13em; text-transform:uppercase; transition:.25s; }
.btn-light:hover { background:#f7f3ec; }
.eyebrow { color:#6C1F2D; font-size:.7rem; font-weight:600; letter-spacing:.24em; text-transform:uppercase; }
.field { width:100%; border:1px solid #d6d3d1; background:white; padding:.85rem 1rem; outline:none; transition:.2s; }
.field:focus { border-color:#6C1F2D; box-shadow:0 0 0 1px #6C1F2D; }
.reveal { opacity:0; transform:translateY(20px); transition:opacity .7s,transform .7s; }
.reveal.visible { opacity:1; transform:none; }
.toast-show { opacity:1!important; transform:translate(-50%,-8px)!important; }
.skeleton { position:relative; overflow:hidden; background:#eee8df; }
.skeleton::after { content:""; position:absolute; inset:0; transform:translateX(-100%); background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent); animation:skeleton-shimmer 1.35s infinite; }
nav[aria-label="Pagination"] { width:fit-content; max-width:100%; margin:2rem auto 0; padding:.55rem; border:1px solid #e7e2da; border-radius:.9rem; background:#fff; box-shadow:0 8px 28px rgba(25,24,22,.05); }
nav[aria-label="Pagination"] a { border-radius:.6rem; border-color:transparent; transition:transform .2s,background .2s,color .2s; }
nav[aria-label="Pagination"] a:hover { transform:translateY(-1px); background:#f2eee8; }
nav[aria-label="Pagination"] a.bg-ink:hover { background:#191816; }
@media (max-width:480px) { nav[aria-label="Pagination"] { width:100%; justify-content:center; overflow-x:auto; } }
@keyframes skeleton-shimmer { 100% { transform:translateX(100%); } }
@media (max-width: 767px) {
  .hero { min-height: 650px; background-position: 64% center; position:relative; }
  .hero:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(22,18,14,.58),rgba(22,18,14,.08)); }
  .hero > * { position:relative; z-index:1; }
}
@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.product-card .product-visual{transition:none}.skeleton::after{animation:none} }