@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--primary-color:#d11243;--primary-light:#fbe6ea;--secondary-color:#d4af37;--bg-color:#fcfcfc;--surface-color:#fff;--text-main:#1a1a1a;--text-muted:#666;--text-light:#999;--border-radius:16px;--border-radius-sm:8px;--spacing:16px;--shadow-sm:0 4px 6px #0000000d;--shadow-md:0 10px 15px #00000014;--shadow-lg:0 20px 25px #0000001f;--shadow-float:0 20px 25px #d1124326;--shadow-glow:0 12px 30px #d1124359;--nav-height:65px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;background:var(--bg-color);max-width:100%;min-height:100vh;margin:0 auto;font-family:Outfit,sans-serif;position:relative}.app-container{background-color:var(--bg-color);max-width:1440px;min-height:100vh;box-shadow:none;padding-bottom:calc(var(--nav-height) + 20px);margin:0 auto;position:relative;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.5px;font-weight:600}p{line-height:1.5}a{color:inherit;text-decoration:none}.btn-primary{background:linear-gradient(135deg, var(--primary-color), #b10a34);color:#fff;cursor:pointer;width:100%;box-shadow:var(--shadow-float);border:none;border-radius:50px;padding:14px 24px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-3px)scale(1.03)}.btn-primary:active{transform:scale(.96)}.btn-secondary{background:var(--primary-light);color:var(--primary-color);border-radius:var(--border-radius-sm);cursor:pointer;border:none;padding:12px 20px;font-weight:500;transition:all .3s}.btn-secondary:hover{background:#fcd2d2;transform:translateY(-2px)}.smart-search{background:var(--surface-color);z-index:10;border-radius:50px;align-items:center;gap:12px;margin:-24px 20px 20px;padding:12px 20px;display:flex;position:relative;box-shadow:0 8px 16px #0000000f}.smart-search input{width:100%;color:var(--text-main);border:none;outline:none;font-family:inherit;font-size:15px}.smart-search input::placeholder{color:var(--text-light)}.search-icon{color:var(--primary-color)}.whatsapp-float{bottom:calc(var(--nav-height) + 20px);color:#fff;z-index:100;cursor:pointer;background-color:#25d366;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;right:20px;box-shadow:0 10px 20px #25d3664d}.whatsapp-float:hover{transform:translateY(-5px)scale(1.05)}.bottom-nav{width:100%;max-width:1440px;height:var(--nav-height);background:var(--surface-color);z-index:1000;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 20px #0000000d}.nav-item{color:var(--text-light);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:500;transition:color .2s;display:flex}.nav-item.active{color:var(--primary-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.px-main{padding-left:var(--spacing);padding-right:var(--spacing)}.section-title{color:var(--text-main);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:18px;font-weight:700;display:flex}.section-link{color:var(--primary-color);font-size:13px;font-weight:500;transition:color .2s,transform .2s}.section-link:hover{color:#b10a34;transform:translate(2px)}.global-loader-container{background-color:var(--bg-color);flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;min-height:100vh;display:flex}.spinner{border:4px solid var(--primary-light);border-top-color:var(--primary-color);border-radius:50%;width:50px;height:50px;animation:.8s linear infinite spinner}@keyframes spinner{to{transform:rotate(360deg)}}.pulse-text{color:var(--primary-color);letter-spacing:2px;text-transform:uppercase;font-size:14px;font-weight:600;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.hover-scale{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.hover-scale:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)scale(1.02)}.category-icon{width:60px;height:60px;box-shadow:var(--shadow-sm);cursor:pointer;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:28px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.category-icon:hover{box-shadow:var(--shadow-glow);border-color:#d1124333;transform:translateY(-8px)scale(1.1)}.footer-grid{grid-template-columns:1fr}.footer-link{color:#ccc;cursor:pointer;font-size:14px;text-decoration:none;transition:color .2s,transform .2s}.footer-link:hover{color:var(--primary-color);transform:translate(4px)}.social-icon{color:#ccc;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.social-icon:hover{color:#fff;background:var(--primary-color);transform:translateY(-3px)scale(1.1)}.responsive-grid{flex-direction:column;gap:16px;display:flex}.category-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (min-width:768px){.px-main{padding-left:40px;padding-right:40px}.responsive-grid.vendors{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.responsive-grid.blogs{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.category-grid{grid-template-columns:repeat(8,1fr);gap:20px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}.detail-grid{grid-template-columns:1fr 1fr;align-items:flex-start;gap:40px;display:grid}.floating-action-bar{border-radius:16px!important;width:400px!important;max-width:1440px!important;bottom:40px!important;left:auto!important;right:40px!important;transform:none!important}.bottom-nav{display:none!important}.app-container{padding-top:70px}}