:root{--color-base:#F4EDE4;--color-surface:#EDE4D8;--color-border:#D4C9BA;--color-primary:#2D4A3E;--color-accent:#8EAD90;--color-highlight:#E8BF9F;--color-cta:#C4975A;--color-text-primary:#2D4A3E;--color-text-secondary:#6B7C6E;--font-display:"Lora",Georgia,serif;--font-body:"Nunito Sans",system-ui,sans-serif;--glass-bg:rgba(255,255,255,0.4);--glass-border:rgba(255,255,255,0.2);--glass-shadow:0 8px 32px 0 rgba(31,38,135,0.07);--shadow-premium:0 10px 40px -10px rgba(0,0,0,0.1);--transition-smooth:0.3s cubic-bezier(0.4,0,0.2,1);--color-success:#16a34a;--color-danger:#dc2626;--premium-gradient:linear-gradient(135deg,#2D4A3E,#8EAD90);--gold-gradient:linear-gradient(135deg,#D49B4F,#F9D5A3);--glow-gold:0 0 15px rgba(212,155,79,0.4);--glow-primary:0 0 15px rgba(45,74,62,0.3)}*,:after,:before{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;padding:0;background-color:var(--color-base);color:var(--color-text-primary);font-family:var(--font-body);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color var(--transition-smooth),color var(--transition-smooth)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.premium-gradient{background:var(--premium-gradient)}.hover-lift{transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition-smooth),filter var(--transition-smooth)}.hover-lift:hover{transform:translateY(-6px);box-shadow:0 20px 40px -12px rgba(0,0,0,.15);border-color:var(--color-accent)!important;filter:brightness(1.02)}.tactile-click{transition:transform .15s cubic-bezier(.4,0,.2,1)}.tactile-click:active{transform:scale(.96) translateY(-2px)!important}.clickable-surface{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}a,button{cursor:pointer;outline:none;transition:all var(--transition-smooth)}img,span,svg{max-width:100%}.dashboard-icon{width:1.5rem!important;height:1.5rem!important;-o-object-fit:contain;object-fit:contain}a:focus-visible,button:focus-visible{box-shadow:0 0 0 3px rgba(45,74,62,.3)}button:disabled{cursor:not-allowed;opacity:.6;filter:grayscale(.5)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-base)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}@media (max-width:768px){html{font-size:14px}body{-webkit-tap-highlight-color:transparent}.desktop-only{display:none!important}.glass-card{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}}@media (min-width:769px){.mobile-only{display:none!important}}.text-fluid-h1{font-size:clamp(2rem,8vw,3.5rem)}.text-fluid-h2{font-size:clamp(1.5rem,5vw,2.2rem)}.container-responsive{width:100%;padding-left:clamp(1rem,5vw,3rem);padding-right:clamp(1rem,5vw,3rem);margin-left:auto;margin-right:auto;max-width:1600px}.snap-scroll-x{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1.5rem;padding-bottom:1.5rem}.snap-item{scroll-snap-align:start;flex:0 0 320px;min-width:280px}@media (max-width:640px){.snap-item{flex:0 0 85vw}}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(280px,20vw,380px),1fr));gap:clamp(1rem,3vw,2.5rem)}.responsive-product-grid{display:grid;grid-template-columns:1fr 400px;gap:3rem;align-items:start}@media (max-width:1100px){.responsive-product-grid{grid-template-columns:1fr;gap:2rem}}@media (max-width:640px){.container-responsive{padding-left:1rem;padding-right:1rem}.responsive-product-grid{gap:1.5rem}}.metadata-sidebar{position:relative}@media (min-width:1101px){.metadata-sidebar{position:sticky;top:90px}}.metadata-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media (max-width:640px){.metadata-bottom-grid{grid-template-columns:1fr;gap:1.25rem}}.gallery-image{height:420px;width:auto;border-radius:20px;box-shadow:var(--shadow-premium);transition:transform var(--transition-smooth)}.gallery-image:hover{transform:scale(1.02)}@media (max-width:768px){.gallery-image{height:320px;min-width:240px}}@media (max-width:480px){.gallery-image{height:260px;min-width:200px;border-radius:16px}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}