.product-card{background:var(--ivory);border:1px solid var(--outline-variant);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative}@media (hover: hover) and (pointer: fine){.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--gold)}}.product-card__imgbox{position:relative;aspect-ratio:4 / 5;background:var(--surface-container-low);overflow:hidden}.product-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,1,.36,1)}@media (hover: hover) and (pointer: fine){.product-card:hover .product-card__img{transform:scale(1.04)}}.product-card__no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--primary-container);font-family:var(--font-serif);font-size:52px;font-weight:600;color:var(--primary)}.product-card__badge{position:absolute;top:12px;left:12px;z-index:3;background:var(--primary);color:#fff;font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:.06em;padding:4px 9px;border-radius:2px}.product-card__hover-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(74,13,24,.55) 0%,transparent 55%);opacity:0;transition:opacity .3s ease;display:flex;align-items:flex-end;justify-content:center;padding-bottom:18px;z-index:2}@media (hover: hover) and (pointer: fine){.product-card:hover .product-card__hover-layer{opacity:1}}.product-card__view-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff;border:1px solid rgba(255,255,255,.6);padding:6px 14px;border-radius:2px;transform:translateY(6px);transition:transform .3s ease}@media (hover: hover) and (pointer: fine){.product-card:hover .product-card__view-link{transform:translateY(0)}}.product-card__body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:4px;flex:1}.product-card__category{font-family:var(--font-sans);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dark)}.product-card__title{font-family:var(--font-serif);font-size:16px;font-weight:500;color:var(--on-surface);line-height:1.3;letter-spacing:0;margin:0}.product-card__price-row{display:flex;align-items:baseline;gap:8px;margin-top:8px}.product-card__price{font-family:var(--font-sans);font-size:16px;font-weight:600;color:var(--primary);letter-spacing:-.02em}.product-card__unit{font-size:11px;font-weight:400;color:var(--on-surface-variant)}.product-card__compare{font-size:12px;color:var(--outline);text-decoration:line-through}@media (max-width: 480px){.product-card__body{padding:10px 12px 14px}.product-card__title,.product-card__price{font-size:14px}}:root{--primary: #6B1225;--primary-dark: #4A0D18;--primary-light: #8B2035;--primary-container: #F5E8EC;--on-primary: #FFFFFF;--on-primary-container: #4A0D18;--surface: #FAF6EE;--surface-high: #F5EFE4;--surface-low: #FDF9F3;--ivory: #FFFDF8;--background: #FAF6EE;--surface-container-lowest: #FFFDF8;--surface-container-low: #F5EFE4;--surface-container: #EDE3D6;--surface-container-high: #E2D5C4;--surface-container-highest: #D4C5B2;--inverse-surface: #4A0D18;--inverse-on-surface: #FAF6EE;--on-surface: #1C0A12;--on-surface-variant: #6B4A52;--on-background: #1C0A12;--gold: #C9A84C;--gold-light: #E2C97A;--gold-dark: #A07830;--secondary: #C9A84C;--on-secondary: #FFFFFF;--outline: #D4BFC4;--outline-variant: #EDE0E4;--font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-sans: "Urbanist", system-ui, -apple-system, sans-serif;--radius: 10px;--radius-sm: 6px;--radius-lg: 16px;--shadow-sm: 0 2px 8px -2px rgba(107, 18, 37, .08);--shadow-md: 0 4px 20px -4px rgba(107, 18, 37, .12);--shadow-lg: 0 10px 40px -8px rgba(107, 18, 37, .18);--transition: .25s ease;--tertiary-container: #F5E8EC;--on-tertiary-container: #4A0D18;--secondary-container: #FFF1D6;--on-secondary-container: #7A5810}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}#root{overflow-x:clip}:root{--font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-sans: "Urbanist", system-ui, -apple-system, sans-serif}body{background:var(--background);color:var(--on-background);font-family:var(--font-sans);font-size:15px;line-height:1.6;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans);cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:600;line-height:1.15;letter-spacing:-.01em;color:var(--on-surface)}.container{max-width:1180px;margin:0 auto;padding:0 24px}.section-eyebrow{font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:16px}.section-heading{font-family:var(--font-serif);font-size:clamp(28px,4vw,44px);font-weight:600;color:var(--on-surface);line-height:1.1;margin:0}.gold-divider{width:48px;height:1px;background:var(--gold);margin:18px auto 0}.gold-divider--left{margin:18px 0 0}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--primary);color:var(--on-primary);border:1.5px solid var(--primary);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background var(--transition),border-color var(--transition),transform .15s ease}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px)}.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:11px 28px;background:transparent;color:var(--primary);border:1.5px solid var(--primary);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background var(--transition),color var(--transition),transform .15s ease}.btn-outline:hover{background:var(--primary);color:var(--on-primary);transform:translateY(-1px)}.hover-card{transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.hover-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.category-tile{transition:transform var(--transition),box-shadow var(--transition)}.category-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.section{padding:80px 0}.section--sm{padding:48px 0}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,var(--surface-container-low) 25%,var(--surface-container) 50%,var(--surface-container-low) 75%);background-size:600px 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-container-low)}::-webkit-scrollbar-thumb{background:var(--outline);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}input,select,textarea{font-family:var(--font-sans);-webkit-tap-highlight-color:transparent}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}.product-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media (max-width: 1024px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px}}@media (max-width: 768px){.container{padding:0 16px}.section{padding:56px 0}.product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}}@media (max-width: 480px){.container{padding:0 12px}.section{padding:32px 0}.section--sm{padding:24px 0}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 360px){.product-grid{gap:10px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
