@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--background:#fff;--foreground:#000;--primary:#000;--primary-foreground:#fff;--secondary:#fafafa;--secondary-foreground:#1a1a1a;--accent:#000;--accent-foreground:#fff;--muted:#999;--muted-foreground:#666;--border:#eee;--input:#f5f5f5;--ring:#0000000d;--radius:8px;--container-width:1400px;--ramadan-accent:#c5a059;--ramadan-accent-muted:#c5a05914;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-heading:"Outfit",sans-serif;--glass-bg:#ffffffb3;--glass-border:#0000000d}.ramadan-pattern{background-image:radial-gradient(var(--ramadan-accent-muted)1px,transparent 1px);background-size:20px 20px}.text-ramadan{color:var(--ramadan-accent)}.bg-ramadan{background-color:var(--ramadan-accent)}@media (prefers-color-scheme:dark){:root{--background:#000;--foreground:#fff;--primary:#fff;--primary-foreground:#000;--secondary:#121212;--secondary-foreground:#f5f5f7;--accent:#fff;--accent-foreground:#000;--muted:#86868b;--border:#262626;--input:#262626;--ring:#ffffff1a}}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--background);max-width:100vw;height:100%;color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:600}a{color:inherit;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}button,input,select,textarea{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}input,textarea{cursor:text}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 2rem}.glass{background:rgba(var(--background),.7);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}@media (max-width:768px){.md-hide{display:none!important}.container{padding:0 1.5rem}}@media (min-width:769px){.md-show{display:none!important}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-slide-in{animation:.4s cubic-bezier(.4,0,.2,1) slideInRight}.grid{display:grid}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}.block{display:block}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.product-grid{grid-template-columns:repeat(1,1fr);gap:3rem 1.5rem;display:grid}@media (min-width:640px){.product-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width:640px){.product-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem .75rem}}@media (min-width:1024px){.product-grid{grid-template-columns:repeat(4,1fr)}}.product-card-image{aspect-ratio:3/4;background-color:#f5f5f5;border-radius:4px;margin-bottom:1.5rem;overflow:hidden}@media (max-width:640px){.product-card-image{margin-bottom:.75rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s cubic-bezier(.4,0,.2,1) forwards fadeIn}.btn-primary{background:var(--primary);color:var(--primary-foreground);letter-spacing:.3em;text-transform:uppercase;justify-content:center;align-items:center;padding:1.25rem 2.5rem;font-size:.7rem;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary:hover{background:var(--foreground);transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}.btn-outline{border:1px solid var(--border);letter-spacing:.3em;text-transform:uppercase;justify-content:center;align-items:center;padding:1.25rem 2.5rem;font-size:.7rem;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-outline:hover{border-color:var(--foreground);background:var(--foreground);color:var(--background);transform:translateY(-2px)}h1{letter-spacing:-.05em;line-height:.9}.text-muted{color:var(--muted);text-transform:uppercase;letter-spacing:.4em;font-size:.65rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.section-padding{padding-top:8rem;padding-bottom:8rem}@media (max-width:768px){.section-padding{padding-top:6rem;padding-bottom:6rem}}.brand-narrative-grid{grid-template-columns:1fr 1.25fr;align-items:center;gap:8rem;display:grid}@media (max-width:1024px){.brand-narrative-grid{grid-template-columns:1fr;gap:4rem}}.cart-layout-grid{grid-template-columns:1fr;align-items:start;gap:4rem;display:grid}@media (min-width:1024px){.cart-layout-grid{grid-template-columns:1fr 420px;gap:6rem}}.footer-link-hover:hover{color:#000!important}.collection-row-even{grid-template-columns:1.5fr 1fr}.collection-row-odd{grid-template-columns:1fr 1.5fr}@media (max-width:1023px){.collection-row-even,.collection-row-odd{grid-template-columns:1fr!important;gap:3rem!important}.collection-img{order:1!important}.collection-text{order:2!important}}@media (max-width:1024px){.dashboard-grid,.settings-grid,.account-grid,.product-form-grid{grid-template-columns:1fr!important}.product-form-grid>div{grid-column:span 1!important}.form-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.form-header>div{justify-content:space-between;width:100%}.product-card{padding:1.5rem!important}.product-input-group{grid-template-columns:1fr!important}.image-upload-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:640px){.image-upload-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}}