*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Cormorant Garamond", Georgia, serif;--radius: .75rem;--container: 1200px}html[data-theme=light]{--surface: #faf8f5;--surface-elevated: #ffffff;--text-primary: #1a1612;--text-secondary: #5c534a;--text-muted: #8a8178;--border: #e8e0d6;--accent: #b8860b;--accent-dark: #8b6914;--accent-soft: rgba(184, 134, 11, .12);--glow: rgba(184, 134, 11, .18);--shadow-sm: 0 1px 3px rgba(26, 22, 18, .06);--shadow-md: 0 8px 24px rgba(26, 22, 18, .08);--shadow-lg: 0 16px 48px rgba(26, 22, 18, .12)}html[data-theme=dark]{--surface: #0f0d0b;--surface-elevated: #1a1714;--text-primary: #f5f0ea;--text-secondary: #c4bbb0;--text-muted: #8a8178;--border: #2e2924;--accent: #d4a843;--accent-dark: #b8922f;--accent-soft: rgba(212, 168, 67, .15);--glow: rgba(212, 168, 67, .22);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .25);--shadow-md: 0 8px 28px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 56px rgba(0, 0, 0, .5)}html{scroll-behavior:smooth;transition:background-color .45s ease,color .45s ease}body{font-family:var(--font-body);background:var(--surface);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .45s ease,color .45s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.animate-fade-in{animation:fadeIn .6s ease both}.animate-fade-up{animation:fadeUp .65s ease both}.float{animation:float 5s ease-in-out infinite}.float--delay{animation-delay:1.2s}.shimmer{background:linear-gradient(90deg,var(--accent-soft) 0%,color-mix(in srgb,var(--accent) 35%,var(--accent-soft)) 50%,var(--accent-soft) 100%);background-size:200% auto;animation:shimmer 4s linear infinite}.header,.footer,.product-card,.bracket-card,.why-card,.enquire-panel,.category-chip,.control-btn,.filter-input,.filter-select{transition:background-color .4s ease,border-color .4s ease,color .4s ease,box-shadow .4s ease}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(100% - 2rem,var(--container));margin-inline:auto}.section{padding-block:clamp(2.5rem,6vw,4rem)}.section--muted{background:color-mix(in srgb,var(--surface-elevated) 70%,var(--border))}.section__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.section__head h2{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem)}.page-hero{padding-block:clamp(2.5rem,6vw,4rem);background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 10%,transparent),transparent 50%),var(--surface-elevated);border-bottom:1px solid var(--border)}.page-hero h1{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem)}.page-hero p{margin-top:.75rem;max-width:40rem;color:var(--text-secondary);line-height:1.7}.product-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.65rem 1.25rem;border-radius:999px;border:1px solid transparent;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-1px)}.btn--primary{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover{box-shadow:var(--shadow-md)}.btn--ghost{background:transparent;border-color:var(--border);color:var(--text-primary)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.btn--sm{min-height:2.5rem;padding-inline:1rem;font-size:.9rem}