@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--color-bg:#fff;--color-text:#000;--color-text-muted:#666;--color-border:#e5e5e5;--color-accent:#111;--color-white:#fff;--color-black:#000;--color-error:#f33;--color-success:#0c6;--font-family:"Outfit", sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--border-radius-sm:2px;--border-radius-md:4px;--border-radius-lg:8px;--border-radius-full:9999px;--transition-fast:.15s ease-in-out;--transition-normal:.3s ease-in-out;--transition-slow:.5s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-text-muted)}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.text-h1{font-family:var(--font-family);letter-spacing:-.02em;font-size:clamp(2.25rem,5vw + 1rem,3.5rem);font-weight:500;line-height:1.1}.text-h2{font-family:var(--font-family);letter-spacing:-.01em;font-size:clamp(1.75rem,4vw + .5rem,2.75rem);font-weight:500;line-height:1.2}.text-h3{font-family:var(--font-family);font-size:clamp(1.5rem,3vw + .5rem,2rem);font-weight:500;line-height:1.2}.text-h4{font-family:var(--font-family);letter-spacing:.02em;font-size:clamp(1.25rem,2vw + .5rem,1.5rem);font-weight:500}.text-body{font-size:clamp(.875rem,1vw + .5rem,1rem);font-weight:400}.text-body-sm{font-size:.875rem;font-weight:400}.text-caption{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:500}.container{width:100%;max-width:1440px;padding:0 clamp(1rem, 5vw, var(--spacing-xl));margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.btn-primary{background-color:var(--color-black);color:var(--color-white);padding:var(--spacing-md) var(--spacing-xl);text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-normal);font-size:1rem;font-weight:500}.btn-primary:hover{background-color:var(--color-text-muted)}.btn-secondary{color:var(--color-black);border:1px solid var(--color-black);padding:var(--spacing-md) var(--spacing-xl);text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-normal);background-color:#0000;font-size:1rem;font-weight:500}.btn-secondary:hover{background-color:var(--color-black);color:var(--color-white)}.input-field{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);font-family:var(--font-family);transition:border-color var(--transition-fast);font-size:1rem}.input-field:focus{border-color:var(--color-black);outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.text-center{text-align:center}.font-medium{font-weight:500}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.tracking-wider{letter-spacing:.05em}.block{display:block}.self-start{align-self:flex-start}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.gap-3xl{gap:var(--spacing-3xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.mb-3xl{margin-bottom:var(--spacing-3xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-xl{margin-top:var(--spacing-xl)}.mt-3xl{margin-top:var(--spacing-3xl)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.p-3xl{padding:var(--spacing-3xl)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.py-2xl{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.py-3xl{padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}.py-4xl{padding-top:var(--spacing-4xl);padding-bottom:var(--spacing-4xl)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pt-md{padding-top:var(--spacing-md)}.pt-xl{padding-top:var(--spacing-xl)}.md-flex-row,.lg-flex-row{flex-direction:column}@media (width<=768px){.flex-col-mobile{flex-direction:column!important}.text-center-mobile{text-align:center!important}.p-mobile-md{padding:var(--spacing-md)!important}}@media (width>=768px){.md-flex-row{flex-direction:row}.md-justify-center{justify-content:center}.md-justify-end{justify-content:flex-end}}@media (width>=1024px){.lg-flex-row{flex-direction:row}}.border{border:1px solid var(--color-border)}.border-top{border-top:1px solid var(--color-border)}.bg-border{background-color:var(--color-border)}.bg-light{background-color:#fafafa}.hover-black:hover{color:var(--color-black)}.hover-bg-black:hover{background-color:var(--color-black)}.hover-text-white:hover{color:var(--color-white)}.hover-bg-light:hover{background-color:#fafafa}.transition-fast{transition:all var(--transition-fast)}.transition-normal{transition:all var(--transition-normal)}.flex-1{flex:1}.relative{position:relative}.list-disc{list-style:outside}.pl-lg{padding-left:var(--spacing-lg)}.max-w-md{max-width:480px}.max-w-sm{max-width:24rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.min-h-screen{min-height:100vh}.animate-fade-in{animation:.3s forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-down{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.overflow-x-auto{-webkit-overflow-scrolling:touch;overflow-x:auto}.toast-container{bottom:var(--spacing-xl);right:var(--spacing-xl);gap:var(--spacing-sm);z-index:9999;pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{pointer-events:auto;background-color:var(--color-black);min-width:250px;color:var(--color-white);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-sm);box-shadow:0 10px 25px #0000001a}.toast-error{background-color:var(--color-error)}.toast-info{background-color:var(--color-bg);color:var(--color-black);border:1px solid var(--color-border)}.toast-close-btn{color:inherit;opacity:.7;transition:opacity var(--transition-fast)}.toast-close-btn:hover{opacity:1}.animate-slide-up{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp}.navbar{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffffff2;position:sticky;top:0}.border-bottom{border-bottom:1px solid var(--color-border)}.navbar-inner{height:80px}.navbar-logo{letter-spacing:-.05em;text-transform:uppercase;font-weight:700}.navbar-links{width:100%;padding:var(--spacing-xl);border-bottom:1px solid var(--color-border);gap:var(--spacing-lg);z-index:48;background:#fff;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:80px;left:0;transform:translateY(-150%)}.navbar-links.mobile-open{transform:translateY(0);box-shadow:0 10px 15px -3px #0000001a}@media (width>=768px){.navbar-links{width:auto;box-shadow:none;gap:var(--spacing-xl);background:0 0;border:none;flex-direction:row;padding:0;position:static;transform:none}}.nav-link{text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500;position:relative}.nav-link:after{content:"";background-color:var(--color-black);width:0;height:1px;transition:width var(--transition-normal);position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.text-accent{color:var(--color-text-muted)}.navbar-icons{gap:var(--spacing-md)}.icon-btn{border-radius:var(--border-radius-full);width:40px;height:40px;transition:background-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.icon-btn:hover{background-color:var(--color-border)}.cart-btn{position:relative}.cart-badge{background-color:var(--color-black);color:var(--color-white);border-radius:var(--border-radius-full);justify-content:center;align-items:center;width:16px;height:16px;font-size:.65rem;font-weight:600;display:flex;position:absolute;top:2px;right:2px}.mobile-menu-btn{display:block}@media (width>=768px){.mobile-menu-btn{display:none}}@keyframes searchSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-overlay{border-bottom:1px solid var(--color-border);z-index:49;background:#fff;width:100%;padding:1.5rem;animation:.2s ease-out searchSlideDown;position:fixed;top:80px;left:0;box-shadow:0 4px 12px #0000000f}.search-overlay input{background:0 0;border:none;border-bottom:2px solid #000;outline:none;width:100%;max-width:600px;margin:0 auto;padding:.75rem 0;font-family:inherit;font-size:1.125rem;display:block}.search-overlay input::placeholder{color:var(--color-text-muted)}.footer{background-color:var(--color-bg);padding-top:4rem;padding-bottom:2rem}.footer-grid{gap:var(--spacing-2xl);margin-bottom:var(--spacing-3xl);grid-template-columns:1fr;display:grid}@media (width>=768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-logo{letter-spacing:-.05em;text-transform:uppercase;margin-bottom:var(--spacing-sm);font-weight:700;display:block}.footer-desc{color:var(--color-text-muted);max-width:300px;margin-bottom:var(--spacing-lg)}.footer-socials{align-items:center;gap:1rem;display:flex}.footer-socials a{color:var(--color-text-muted);transition:color var(--transition-fast)}.footer-socials a:hover{color:var(--color-black)}.footer-col ul{gap:var(--spacing-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer-col li{list-style:none}.footer-col a{color:var(--color-text-muted);transition:color var(--transition-fast);font-size:.875rem}.footer-col a:hover{color:var(--color-black)}.footer-bottom{border-top:1px solid var(--color-border);text-align:center;padding-top:1.5rem}.footer-bottom p{color:var(--color-text-muted)}.layout-wrapper{background-color:var(--color-bg)}.main-content{flex:1;width:100%}.loader-overlay{background-color:var(--color-bg);z-index:9999;width:100vw;height:100vh;position:fixed;top:0;left:0}.spinner{border:3px solid #0000001a;border-left-color:var(--color-black);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}