*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cream: #F5F0E8;--cream-dark: #EDE6D8;--brown: #8B6F47;--brown-dark: #6B5234;--brown-light: #D4B896;--text-primary: #2C1A0E;--text-secondary: #6B5B4E;--text-muted: #9E8E82;--border: rgba(139,111,71,.18);--border-strong: rgba(139,111,71,.32);--white: #FFFFFF;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(44,26,14,.08);--shadow-md: 0 4px 16px rgba(44,26,14,.12);--shadow-lg: 0 8px 32px rgba(44,26,14,.16)}html{font-size:16px}body{font-family:Inter,system-ui,sans-serif;background:var(--cream);color:var(--text-primary);line-height:1.6;min-height:100vh}h1,h2,h3,h4{font-family:Lora,Georgia,serif;font-weight:500;line-height:1.3}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--brown-light);border-radius:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width: 600px){.kit-grid{grid-template-columns:repeat(2,1fr)!important}}.shelf-kit-item:hover>div:first-child{transform:translateY(-8px);box-shadow:0 14px 28px #00000059,-2px 4px 8px #0000002e!important}.shelf-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;background:#2a1f14;color:#f5f0eb;font-size:12px;font-weight:500;padding:5px 10px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .18s ease,transform .18s ease;transform:translate(-50%) translateY(4px);z-index:100;max-width:200px;overflow:hidden;text-overflow:ellipsis;box-shadow:0 3px 10px #00000047}.shelf-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#2a1f14}.shelf-kit-item:hover .shelf-tooltip{opacity:1;transform:translate(-50%) translateY(0)}