*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#f8f9fb;--bg-secondary:#fff;--bg-tertiary:#f3f4f6;--bg-hover:#eff6ff;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-light:#f9fafb;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-dark:#9ca3af;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#dbeafe;--color-accent:#f59e0b;--color-accent-hover:#d97706;--shadow-sm:0 2px 8px #0f172a0f;--shadow-md:0 4px 20px #0f172a14;--shadow-lg:0 12px 32px #0f172a29;--backdrop:#0f172a73}:root.theme-dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#020617;--bg-hover:#1f2937;--text-primary:#f9fafb;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-light:#f9fafb;--border-light:#334155;--border-medium:#1f2937;--border-dark:#020617;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-light:#3b82f633;--color-accent:#f59e0b;--color-accent-hover:#d97706;--shadow-sm:0 2px 8px #0f172a99;--shadow-md:0 4px 20px #0f172ab3;--shadow-lg:0 12px 32px #0f172acc;--backdrop:#0f172ab3}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fb;background-color:var(--bg-primary);color:#111827;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:#9ca3af;background:var(--text-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--text-secondary)}.App{min-height:100vh;overflow-x:hidden}.App,.main-content{background-color:var(--bg-primary);transition:background-color .3s ease}.main-content{min-height:calc(100vh - 70px);padding-bottom:0;padding-top:70px}.loading-container{align-items:center;background-color:var(--bg-primary);display:flex;flex-direction:column;height:100vh;justify-content:center;transition:background-color .3s ease}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--bg-tertiary);border:4px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--color-primary);height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.main-content{min-height:calc(100vh - 145px);padding-bottom:85px;padding-top:60px}}.ad-sidebar-snippet{background:#fff;background:var(--bg-secondary,#fff);border-radius:12px;bottom:90px;box-shadow:0 4px 16px #0000001a;max-width:calc(100vw - 32px);padding:10px 10px max(10px,env(safe-area-inset-bottom,0));position:fixed;right:16px;transition:background-color .3s ease,box-shadow .3s ease;width:300px;z-index:100}:root.theme-dark .ad-sidebar-snippet{background:var(--bg-secondary);box-shadow:0 4px 16px #0003}.ad-sidebar-snippet .ad-snippet-ins,.ad-sidebar-snippet .adsbygoogle{display:block!important;max-width:100%;min-height:100px}@media (max-width:768px){.ad-sidebar-snippet{bottom:auto;margin:0 16px 16px;max-width:100%;position:static;right:auto;width:100%}}@media (max-width:480px){.ad-sidebar-snippet{border-radius:10px;margin:0 12px 12px;padding:8px}.ad-sidebar-snippet .ad-snippet-ins,.ad-sidebar-snippet .adsbygoogle{min-height:80px}}.app-footer{background:#f8f8f8;background:var(--bg-secondary,#f8f8f8);border-top:1px solid #0000000f;margin-top:32px;padding:24px 20px 20px;transition:background-color .3s ease,border-color .3s ease}:root.theme-dark .app-footer{background:var(--bg-secondary);border-top-color:#ffffff14;border-top-color:var(--border-light,#ffffff14)}.app-footer-ad{display:flex;justify-content:center;margin-bottom:20px;min-height:90px;overflow:hidden}.app-footer-ad .adsbygoogle,.app-footer-ad .footer-ad-ins{max-width:100%;min-height:90px}.app-footer-links{color:#666;color:var(--text-secondary,#666);font-size:13px;text-align:center}.app-footer-links a{color:#ff6b35;color:var(--color-primary,#ff6b35);text-decoration:none}.app-footer-links a:hover{text-decoration:underline}.app-footer-links span{margin:0 6px}@media (max-width:768px){.app-footer{margin-top:24px;padding:20px 16px 16px}.app-footer-ad{margin-bottom:16px}.app-footer-ad,.app-footer-ad .adsbygoogle,.app-footer-ad .footer-ad-ins{min-height:80px}.app-footer-links{font-size:12px}}@media (max-width:480px){.app-footer{margin-top:20px;padding:16px 12px 12px}.app-footer-ad{margin-bottom:12px}.app-footer-ad,.app-footer-ad .adsbygoogle,.app-footer-ad .footer-ad-ins{min-height:70px}.app-footer-links{font-size:11px}.app-footer-links span{margin:0 4px}}.message-slider{align-items:center;background:linear-gradient(135deg,#fff5f2,#ffe8e0);border:2px solid #ff6b3526;border-radius:24px;box-shadow:0 2px 8px #ff6b351a;display:flex;flex:1 1;height:40px;justify-content:center;margin:0 10px;overflow:hidden;padding:0 12px;position:relative}.message-slider-content{align-items:center;animation:pulse-glow 2s ease-in-out infinite;display:flex;font-size:14px;font-weight:700;gap:8px;text-align:center;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .6s ease;white-space:nowrap}.message-emoji{animation:bounce 2s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:18px}.message-text{color:#ff6b35;letter-spacing:.3px;text-shadow:0 1px 2px #ff6b3533}.message-slider-content.sliding-out{opacity:0;transform:translateX(-100%)}.message-slider-content.sliding-in{opacity:1;transform:translateX(0)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 2px rgba(255,107,53,.3))}50%{filter:drop-shadow(0 0 4px rgba(255,107,53,.5))}}:root.theme-dark .message-slider{background:linear-gradient(135deg,#2d2d2d,#353535);border:2px solid #64b5f64d;box-shadow:0 2px 8px #0006}:root.theme-dark .message-text{color:#64b5f6;text-shadow:0 1px 2px #0000004d}:root.theme-dark .message-slider-content{animation:pulse-glow-dark 2s ease-in-out infinite}@keyframes pulse-glow-dark{0%,to{filter:drop-shadow(0 0 2px rgba(100,181,246,.4))}50%{filter:drop-shadow(0 0 4px rgba(100,181,246,.6))}}@media (min-width:769px){.message-slider{display:none}}@media (max-width:768px){.message-slider{height:35px;margin:0 8px;padding:0 10px}.message-slider-content{font-size:13px;gap:6px}.message-emoji{font-size:16px}}@media (max-width:480px){.message-slider{height:32px;margin:0 5px;padding:0 8px}.message-slider-content{font-size:11px;gap:5px}.message-emoji{font-size:14px}.message-text{letter-spacing:.2px}}.tradepal-logo{align-items:center;cursor:pointer;display:flex;gap:10px;transition:transform .3s ease}.tradepal-logo:hover{transform:scale(1.05)}.tradepal-logo:hover .basket-handle{animation:basket-lift .3s ease}.tradepal-logo:hover .spoon{animation:spoon-wiggle .5s ease}@keyframes basket-lift{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes spoon-wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.logo-svg{display:block;flex-shrink:0}.logo-small .logo-svg{height:32px;width:32px}.logo-medium .logo-svg{height:48px;width:48px}.logo-large .logo-svg{height:64px;width:64px}.logo-text{align-items:baseline;display:flex;font-size:inherit;font-weight:700;line-height:1}.logo-text-trade{color:#1a237e;transition:color .3s ease}.logo-text-pal{color:#ff6b35;transition:color .3s ease}:root.theme-dark .logo-text-trade{color:#64b5f6}:root.theme-dark .basket-body{fill:#64b5f6;stroke:#90caf9}:root.theme-dark .basket-handle{stroke:#64b5f6}:root.theme-dark .logo-svg line{stroke:#90caf9}:root.theme-dark .logo-text-pal{color:#ff6b35}@media (max-width:768px){.logo-medium .logo-svg{height:40px;width:40px}.logo-text{font-size:20px}}@media (max-width:480px){.logo-medium .logo-svg{height:36px;width:36px}.logo-text{font-size:18px}.tradepal-logo{gap:8px}}.navigation{background:var(--bg-secondary);box-shadow:var(--shadow-sm);left:0;position:fixed;right:0;transition:background-color .3s ease,box-shadow .3s ease;z-index:1000}.navigation-top{height:70px;top:0}.navigation-bottom{background:var(--color-primary);border-radius:24px;bottom:0;box-shadow:0 -4px 20px #00000026;display:none;height:65px;transition:background-color .3s ease}:root.theme-dark .navigation-bottom{background:#a7f3d0;background:var(--banner-nav-bg,#a7f3d0)}.nav-container{height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:var(--color-primary);font-size:24px;font-weight:700;text-decoration:none;transition:color .3s ease}.nav-tabs{align-items:center;gap:10px}.nav-tabs,.nav-tabs-desktop{display:flex}.nav-tabs-bottom{height:100%;justify-content:space-around;padding:0 5px;width:100%}.nav-tab,.nav-tabs-bottom{align-items:center;display:flex}.nav-tab{border-radius:8px;color:var(--text-secondary);flex:1 1;flex-direction:column;justify-content:center;max-width:80px;min-width:70px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.nav-tab:hover{background-color:var(--bg-hover);color:var(--color-primary)}.nav-tab.active{background-color:var(--color-primary-light);color:var(--color-primary)}.nav-icon{font-size:20px;margin-bottom:4px}.nav-label{font-size:12px;font-weight:500}@media (max-width:768px){.navigation-top{height:60px}.navigation-bottom{bottom:8px;display:block;left:8px;max-width:none;position:fixed;right:8px;width:auto}.nav-tabs-bottom{padding:0 8px}.nav-container{padding:0 15px}.nav-logo{font-size:20px}.nav-tabs-desktop{display:none}.nav-tabs-bottom .nav-tab{border-radius:8px;color:#fff;flex:1 1;max-width:none;min-width:auto;padding:8px 4px}.nav-tabs-bottom .nav-tab:hover{background-color:#ffffff1a}.nav-tabs-bottom .nav-tab.active{background-color:#ffffff26;color:#fff}.nav-tabs-bottom .nav-icon{color:#fff;font-size:20px;margin-bottom:2px}.nav-tabs-bottom .nav-label{color:#fff;font-size:10px}:root.theme-dark .nav-tabs-bottom .nav-tab{color:#1a1a1a}:root.theme-dark .nav-tabs-bottom .nav-tab:hover{background-color:#0000000d;color:#000}:root.theme-dark .nav-tabs-bottom .nav-tab.active{background-color:#0000001a;color:#000}:root.theme-dark .nav-tabs-bottom .nav-icon,:root.theme-dark .nav-tabs-bottom .nav-label{color:#1a1a1a}}@media (max-width:480px){.nav-tabs-bottom .nav-label{font-size:9px}.nav-tabs-bottom .nav-icon{font-size:18px}.nav-tabs-bottom .nav-tab{padding:6px 2px}}.nav-login-button{align-items:center;background:var(--color-primary);border-radius:20px;color:var(--text-light);display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-login-button:hover{background:var(--color-primary-hover);box-shadow:0 2px 8px #64b5f64d;transform:translateY(-1px)}.nav-login-icon{font-size:16px}.nav-login-text{font-size:14px}@media (max-width:768px){.nav-login-button{font-size:12px;padding:6px 12px}.nav-login-icon{font-size:14px}.nav-login-text{font-size:12px}}.download-banner{background:linear-gradient(135deg,#ff6b35,#f7931e);box-shadow:0 2px 8px #0000001a;color:#fff;left:0;position:fixed;right:0;top:70px;transition:background .3s ease;z-index:999}:root.theme-dark .download-banner{background:#a7f3d0;background:var(--banner-nav-bg,#a7f3d0);color:#1a1a1a}.download-banner-content{align-items:center;display:flex;gap:15px;margin:0 auto;max-width:1200px;padding:12px 20px}.download-banner-icon{font-size:24px}.download-banner-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.download-banner-text strong{font-size:16px;font-weight:600}.download-banner-text span{font-size:13px;opacity:.9}.download-banner-button{align-items:center;background:#fff;border:none;border-radius:25px;color:#ff6b35;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}:root.theme-dark .download-banner-button{background:#1a1a1a;color:#a7f3d0}:root.theme-dark .download-banner-button:hover{background:#2d2d2d}.download-banner-button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.download-icon{font-size:18px}.download-banner-close{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;opacity:.8;padding:5px;transition:opacity .3s ease,color .3s ease}:root.theme-dark .download-banner-close{color:#1a1a1a}.download-banner-close:hover{opacity:1}@media (max-width:768px){.download-banner{top:60px}.download-banner-content{gap:10px;padding:10px 15px}.download-banner-text strong{font-size:14px}.download-banner-text span{font-size:12px}.download-banner-button{font-size:12px;padding:8px 15px}.download-banner-text span{display:none}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;max-width:450px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-title{color:#ff6b35;font-size:32px;font-weight:700;margin-bottom:10px}.login-subtitle{color:#666;font-size:14px}.login-form{margin-bottom:20px}.login-button{background:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:background .3s ease;width:100%}.login-button:hover:not(:disabled){background:#e55a2b}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-footer{color:#666;font-size:14px;margin-top:25px;text-align:center}.login-footer a{color:#ff6b35;font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (max-width:480px){.login-card{padding:30px 20px}.login-title{font-size:28px}}.register-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.register-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;max-width:450px;padding:40px;width:100%}.register-header{margin-bottom:30px;text-align:center}.register-title{color:#ff6b35;font-size:32px;font-weight:700;margin-bottom:10px}.register-subtitle{color:#666;font-size:14px}.error-message{background:#fee;border-radius:8px;color:#c33;font-size:14px;padding:12px}.error-message,.form-group,.register-form{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#ff6b35;outline:none}.register-button{background:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:background .3s ease;width:100%}.register-button:hover:not(:disabled){background:#e55a2b}.register-button:disabled{cursor:not-allowed;opacity:.6}.divider{margin:25px 0;position:relative;text-align:center}.divider:before{background:#e0e0e0;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:#fff;color:#999;font-size:14px;padding:0 15px;position:relative}.google-button{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:10px;justify-content:center;padding:12px;transition:all .3s ease;width:100%}.google-button:hover:not(:disabled){background:#f8f9fa;border-color:#4285f4}.google-button:disabled{cursor:not-allowed;opacity:.6}.google-icon{height:20px;width:20px}.register-footer{color:#666;font-size:14px;margin-top:25px;text-align:center}.register-footer a{color:#ff6b35;font-weight:500;text-decoration:none}.register-footer a:hover{text-decoration:underline}@media (max-width:480px){.register-card{padding:30px 20px}.register-title{font-size:28px}}.home-screen{margin:0 auto;max-width:1200px;padding:20px}.home-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px;transition:background-color .3s ease,box-shadow .3s ease}:root.theme-dark .home-header{background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.home-logo{font-size:24px;margin:0}.home-location,.home-logo{align-items:center;display:flex}.home-location{color:#666;font-size:14px;gap:8px;transition:color .3s ease}:root.theme-dark .home-location{color:var(--text-secondary)}.cart-icon-btn{background:none;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:24px;padding:8px;transition:background .3s ease,color .3s ease}:root.theme-dark .cart-icon-btn{color:var(--text-primary)}.cart-icon-btn:hover{background:#f5f5f5}:root.theme-dark .cart-icon-btn:hover{background:var(--bg-hover)}.search-container{margin-bottom:30px}.search-box{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:12px;padding:12px 16px;transition:background-color .3s ease,box-shadow .3s ease}:root.theme-dark .search-box{background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.search-icon{font-size:20px;transition:color .3s ease}.search-icon,:root.theme-dark .search-icon{color:var(--color-primary)}.search-box input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:16px;outline:none;transition:color .3s ease}.search-box input::placeholder{color:var(--text-tertiary);transition:color .3s ease}.search-button{background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:8px 20px;transition:background .3s ease}.search-button:hover{background:#e55a2b}.section{margin-bottom:40px}.home-ad-section{margin-bottom:24px}.home-ad-wrapper{display:flex;justify-content:center;min-height:100px;overflow:hidden}.home-ad-wrapper .adsbygoogle{max-width:100%;min-height:100px}.categories-section{border-radius:0 0 32px 32px;margin-left:-20px;margin-right:-20px;min-height:400px;overflow:hidden;padding:0;position:relative}.categories-section-background{height:100%;left:0;object-fit:cover;opacity:.4;position:absolute;top:0;width:100%;z-index:0}.categories-header{margin-bottom:30px;position:relative;text-align:center;z-index:1}.categories-header .section-title{color:#333;margin:0;text-shadow:0 2px 4px #fffc;transition:color .3s ease,text-shadow .3s ease}:root.theme-dark .categories-header .section-title{color:var(--text-primary);text-shadow:0 2px 4px #00000080}.categories-wheel-container{align-items:flex-start;display:flex;gap:40px;justify-content:flex-start;margin-bottom:20px;max-width:100%;padding:20px 40px 30px;position:relative;z-index:1}@media (min-width:1024px){.categories-wheel-container{gap:50px;justify-content:center;padding:25px 60px 35px}.category-detail-panel{flex:1 1;max-width:500px}}.categories-bubble-wrapper{cursor:grab;flex:0 0 200px;height:200px;position:relative;-webkit-user-select:none;user-select:none}.categories-bubble-wrapper:active{cursor:grabbing}.categories-animated-ring{animation:rotateRing 25s linear infinite;background:conic-gradient(from -135deg at 50% 50%,#ff6b3580 0deg,#ff6b3580 270deg,#0000 270deg,#0000 1turn);border-radius:50%;box-shadow:0 0 10px #ff6b3533;height:280px;left:50%;margin-left:-140px;margin-top:-140px;mask:radial-gradient(circle at 50% 50%,#0000 128px,#000 130px,#000 132px,#0000 134px);-webkit-mask:radial-gradient(circle at 50% 50%,#0000 128px,#000 130px,#000 132px,#0000 134px);pointer-events:none;position:absolute;top:50%;transition:transform .6s cubic-bezier(.4,0,.2,1),border-color .3s ease;width:280px}.categories-bubble-wrapper.dragging .categories-animated-ring{animation-play-state:paused;border-color:#ff6b35e6;box-shadow:0 0 15px #ff6b3566}@keyframes rotateRing{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.categories-bubble-wrapper:hover .categories-animated-ring{animation-duration:15s;border-color:#ff6b35b3;box-shadow:0 0 12px #ff6b354d}.category-ring-label{background:#fffffff2;border:1.5px solid #ff6b354d;border-radius:20px;box-shadow:0 2px 6px #00000026;color:#ff6b35f2;cursor:pointer;font-size:10px;font-weight:600;left:50%;letter-spacing:.3px;margin-left:-45px;margin-top:-14px;max-width:90px;min-width:70px;overflow:hidden;padding:5px 12px;pointer-events:all;position:absolute;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 3px #ffffffe6;text-transform:capitalize;top:50%;transform-origin:center center;transition:all .3s ease,opacity .4s ease;white-space:nowrap}:root.theme-dark .category-ring-label{background:#2d2d2df2;border:1.5px solid #64b5f666;box-shadow:0 2px 6px #0006;color:#64b5f6f2;text-shadow:0 1px 3px #00000080}.category-ring-label:hover{background:#ff6b3526;border-color:#ff6b3599;box-shadow:0 4px 10px #ff6b354d;transform:translate(-50%,-50%) scale(1.1);transform:translate(calc(-50% + var(--x, 0px)),calc(-50% + var(--y, 0px))) scale(1.1)}:root.theme-dark .category-ring-label:hover{background:#64b5f633;border-color:#64b5f699;box-shadow:0 4px 10px #64b5f64d}.category-ring-label.active{background:#ff6b3540;border-color:#ff6b35cc;box-shadow:0 4px 12px #ff6b3566;color:#ff6b35;font-weight:700;transform:translate(-50%,-50%) scale(1.15);transform:translate(calc(-50% + var(--x, 0px)),calc(-50% + var(--y, 0px))) scale(1.15)}:root.theme-dark .category-ring-label.active{background:#64b5f640;border-color:#64b5f6cc;box-shadow:0 4px 12px #64b5f666;color:#64b5f6}.category-ring-label:active{transform:translate(-50%,-50%) scale(1.05);transform:translate(calc(-50% + var(--x, 0px)),calc(-50% + var(--y, 0px))) scale(1.05)}.categories-main-bubble{align-items:center;background:radial-gradient(circle at 30% 20%,#ffe0c2,#ffb27a);border-radius:50%;box-shadow:0 10px 30px #0003;color:#fff;display:flex;flex-direction:column;height:200px;justify-content:center;left:50%;margin-left:-100px;margin-top:-100px;position:absolute;text-align:center;top:50%;transition:transform .3s ease;width:200px;z-index:10}.categories-bubble-wrapper:hover .categories-main-bubble{transform:scale(1.05)}.categories-main-icon{align-items:center;background:#ffffff26;border-radius:50%;display:flex;font-size:30px;height:70px;justify-content:center;margin-bottom:8px;width:70px}.categories-main-title{font-size:16px;opacity:.85}.categories-main-subtitle{font-size:20px;font-weight:700;margin-top:4px}.section-title{color:#333;font-size:20px;font-weight:600;margin-bottom:20px;transition:color .3s ease}:root.theme-dark .section-title{color:var(--text-primary)}.categories-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.categories-carousel{display:flex;gap:12px;overflow-x:auto;padding:6px 20px 14px;scroll-snap-type:x mandatory;scrollbar-width:thin}.categories-arc-track{align-items:center;cursor:grab;display:flex;justify-content:center;min-height:120px;overflow:hidden;padding:20px;position:relative;-webkit-user-select:none;user-select:none}.categories-arc-track:active{cursor:grabbing}.categories-carousel::-webkit-scrollbar{height:6px}.categories-carousel::-webkit-scrollbar-thumb{background:#00000026;border-radius:999px}.category-pill{align-items:center;background:linear-gradient(135deg,#ff6b35,#ff9f43);border:none;border-radius:999px;box-shadow:0 2px 8px #0000002e;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:flex-start;left:50%;padding:10px 18px;position:absolute;transform:translateX(-50%);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,visibility .3s ease;white-space:nowrap}.category-pill.arc.hidden{opacity:0;pointer-events:none;visibility:hidden}.category-pill.arc.active{box-shadow:0 8px 22px #00000047;opacity:1;transform:translateX(-50%) scale(1.1);visibility:visible;z-index:10}.category-pill:nth-child(2n){background:linear-gradient(135deg,#2196f3,#00bcd4)}.category-pill:nth-child(3n){background:linear-gradient(135deg,#8e24aa,#e040fb)}.category-pill:nth-child(4n){background:linear-gradient(135deg,#43a047,#aeea00)}.category-pill.arc.active:hover{box-shadow:0 10px 26px #00000052;transform:translateX(-50%) scale(1.15)}.category-pill.arc.active:active{box-shadow:0 4px 12px #0000003d;transform:translateX(-50%) scale(1.05)}.category-pill-initial{align-items:center;background:#fff3;border-radius:50%;display:flex;font-weight:700;height:26px;justify-content:center;width:26px}.category-pill-label{max-width:140px;overflow:hidden;text-overflow:ellipsis}@media (max-width:768px){.categories-section{min-height:350px;padding:15px}.categories-wheel-container{align-items:center;flex-direction:column;gap:25px;padding:15px 20px 20px}.categories-bubble-wrapper{flex:0 0 170px;height:170px}.categories-animated-ring{height:230px;margin-left:-115px;margin-top:-115px;mask:radial-gradient(circle at 50% 50%,#0000 105px,#000 107px,#000 109px,#0000 111px);-webkit-mask:radial-gradient(circle at 50% 50%,#0000 105px,#000 107px,#000 109px,#0000 111px);width:230px}.categories-main-bubble{height:170px;margin-left:-85px;margin-top:-85px;width:170px}.categories-main-icon{font-size:26px;height:60px;width:60px}.category-ring-label{font-size:9px;margin-left:-35px;max-width:75px;min-width:55px;padding:4px 8px}.categories-header{margin-bottom:20px}.categories-header .section-title{font-size:22px}.category-detail-panel{max-width:100%;padding:0 10px;text-align:center}.category-detail-panel h3{font-size:20px}.category-detail-panel p{font-size:14px}.category-pill{font-size:13px;padding:8px 16px}.category-pill-label{max-width:110px}}@media (max-width:480px){.categories-section{min-height:320px;padding:12px}.categories-wheel-container{gap:20px;padding:12px 15px 18px}.categories-bubble-wrapper{flex:0 0 150px;height:150px}.categories-animated-ring{height:200px;margin-left:-100px;margin-top:-100px;mask:radial-gradient(circle at 50% 50%,#0000 90px,#000 92px,#000 94px,#0000 96px);-webkit-mask:radial-gradient(circle at 50% 50%,#0000 90px,#000 92px,#000 94px,#0000 96px);width:200px}.categories-main-bubble{height:150px;margin-left:-75px;margin-top:-75px;width:150px}.categories-main-icon{font-size:22px;height:50px;width:50px}.category-ring-label{font-size:8px;margin-left:-32px;max-width:65px;min-width:50px;padding:3px 6px}.categories-header{margin-bottom:15px}.categories-header .section-title{font-size:18px}.category-detail-panel{padding:0 8px}.category-detail-panel h3{font-size:18px}.category-detail-panel p{font-size:13px}}.category-detail-panel{flex:1 1;max-width:500px;padding:0}.category-detail-panel h3{color:#333;font-size:22px;font-weight:700;margin:0 0 8px;transition:color .3s ease}:root.theme-dark .category-detail-panel h3{color:var(--text-primary)}.category-detail-panel p{color:#666;font-size:15px;line-height:1.6;margin:0 0 16px;transition:color .3s ease}:root.theme-dark .category-detail-panel p{color:var(--text-secondary)}.category-explore-button{background:#ff6b35;border:none;border-radius:999px;box-shadow:0 3px 10px #0003;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px}.category-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:20px;text-align:center;transition:all .3s ease}.category-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.category-icon{align-items:center;background:#fff3f0;border-radius:50%;color:var(--color-accent);display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;margin:0 auto 10px;width:60px}.category-name{color:#333;font-size:14px;font-weight:500;margin:0}@media (max-width:768px){.home-screen{padding:15px}.categories-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.products-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.home-header{padding:12px}.home-logo h1{font-size:20px}.home-ad-section{margin-bottom:20px}.home-ad-wrapper,.home-ad-wrapper .adsbygoogle{min-height:80px}.section{margin-bottom:28px}.section-title{font-size:18px;margin-bottom:16px}}@media (max-width:480px){.home-screen{padding:12px}.home-header,.search-box{padding:10px 12px}.search-box{gap:8px}.search-box input{font-size:14px}.search-button{font-size:14px;padding:6px 14px}.home-ad-section{margin-bottom:16px}.home-ad-wrapper,.home-ad-wrapper .adsbygoogle{min-height:70px}.section{margin-bottom:24px}.section-title{font-size:17px;margin-bottom:12px}.products-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.product-card .product-image{height:140px}.product-info{padding:10px}.product-name{font-size:14px}.product-price{font-size:15px}}.products-screen{margin:0 auto;max-width:1200px;padding:20px}.products-header{margin-bottom:30px}.products-header h1{color:#333;font-size:28px;margin-bottom:8px}.products-header p{color:#666;font-size:14px}.products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.product-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;transition:all .3s ease}.product-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.product-image{align-items:center;background:#f5f5f5;display:flex;height:200px;justify-content:center;overflow:hidden;width:100%}.product-image img{height:100%;object-fit:cover;width:100%}.product-placeholder{color:#999;font-size:14px}.product-info{padding:15px}.product-name{color:#333;font-size:16px;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-price{color:var(--color-accent);font-size:18px;font-weight:700;margin:0}.products-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.search-filter{flex:1 1;min-width:200px;position:relative}.search-icon{color:#999;font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:1px solid #ddd;border-radius:10px;box-sizing:border-box;font-size:14px;padding:10px 12px 10px 40px;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:#ff6b35;outline:none}.category-filter{min-width:180px;position:relative}.filter-icon{color:#999;font-size:14px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.category-select{appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23333' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #ddd;border-radius:10px;cursor:pointer;font-size:14px;padding:10px 36px 10px 38px;transition:border-color .2s ease;width:100%}.category-select:focus{border-color:#ff6b35;outline:none}.clear-filters-btn{border-radius:10px;padding:10px 16px}.product-category-badge{background:#f0f0f0;border-radius:12px;color:#666;display:inline-block;font-size:11px;font-weight:500;margin-top:6px;padding:4px 10px;text-transform:capitalize}.products-grid-ad-slot{display:flex;grid-column:1/-1;justify-content:center;margin:8px 0;min-height:90px;overflow:hidden}.products-grid-ad-slot .adsbygoogle{max-width:100%;min-height:90px}@media (max-width:768px){.products-screen{padding:16px}.products-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.products-header h1{font-size:22px}.products-header p{font-size:13px}.products-filters{flex-direction:column;margin-bottom:20px}.category-filter,.search-filter{min-width:100%;width:100%}.clear-filters-btn{width:100%}.products-grid-ad-slot{margin:6px 0;min-height:80px}.products-grid-ad-slot .adsbygoogle{min-height:80px}}@media (max-width:480px){.products-screen{padding:12px}.products-header{margin-bottom:20px}.products-header h1{font-size:20px}.products-header p{font-size:12px}.products-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.product-card{border-radius:10px}.product-image{height:140px}.product-info{padding:10px}.product-name{font-size:14px}.product-price{font-size:15px}.product-category-badge{font-size:10px;padding:3px 8px}.products-grid-ad-slot{margin:4px 0;min-height:70px;padding:0 4px}.products-grid-ad-slot .adsbygoogle{min-height:70px}.products-filters{gap:8px;margin-bottom:16px}.empty-state{padding:40px 16px}}.product-detail-screen{background-color:var(--bg-primary);margin:0 auto;max-width:1200px;padding:20px;transition:background-color .3s ease}.back-button{background:none;border:none;cursor:pointer;font-size:16px;margin-bottom:20px;padding:8px;transition:color .3s ease}.back-button,:root.theme-dark .back-button{color:var(--color-primary)}.back-button:hover{text-decoration:underline}.product-detail-content{grid-gap:40px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:grid;gap:40px;grid-template-columns:1fr 1fr;padding:30px;transition:background-color .3s ease,box-shadow .3s ease}:root.theme-dark .product-detail-content{background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.product-detail-image{display:flex;flex-direction:column;gap:10px;width:100%}.product-detail-main-image{background:#f5f5f5;border-radius:12px;height:420px;overflow:hidden;transition:background-color .3s ease;width:100%}:root.theme-dark .product-detail-main-image{background:var(--bg-tertiary)}.product-detail-main-image img{height:100%;object-fit:cover;width:100%}.product-detail-thumbnails{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.product-detail-thumbnails .thumb{background:#0000;border:none;border-radius:8px;cursor:pointer;flex:0 0 70px;height:70px;opacity:.6;overflow:hidden;padding:0;transition:opacity .2s ease,transform .2s ease}.product-detail-thumbnails .thumb img{height:100%;object-fit:cover;width:100%}.product-detail-thumbnails .thumb.active{box-shadow:0 0 0 2px #ff6b35;opacity:1;transform:scale(1.02)}:root.theme-dark .product-detail-thumbnails .thumb.active{box-shadow:0 0 0 2px var(--color-primary)}.product-detail-info h1{color:#333;font-size:32px;margin-bottom:20px;transition:color .3s ease}:root.theme-dark .product-detail-info h1{color:var(--text-primary)}.product-detail-price{color:var(--color-accent);font-size:28px;font-weight:700;margin-bottom:20px;transition:color .3s ease}:root.theme-dark .product-detail-price{color:var(--color-primary)}.product-detail-description{color:#666;font-size:16px;line-height:1.6;margin-bottom:20px;transition:color .3s ease}:root.theme-dark .product-detail-description{color:var(--text-secondary)}.product-detail-info{display:flex;flex-direction:column;gap:20px}.product-detail-section{border-top:1px solid #eee;margin-top:20px;padding-top:20px;transition:border-color .3s ease}:root.theme-dark .product-detail-section{border-top-color:var(--border-light)}.product-detail-section h2{color:#333;font-size:24px;font-weight:600;margin:0 0 16px;padding:0;transition:color .3s ease}:root.theme-dark .product-detail-section h2{color:var(--text-primary)}.product-detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.detail-row{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 0;transition:border-color .3s ease}:root.theme-dark .detail-row{border-bottom-color:var(--border-light)}.detail-row:last-child{border-bottom:none}.detail-label{color:#666;flex:0 0 140px;font-size:14px;font-weight:600;transition:color .3s ease}:root.theme-dark .detail-label{color:var(--text-secondary)}.detail-value{color:#333;flex:1 1;font-size:14px;text-align:right;transition:color .3s ease;word-break:break-word}:root.theme-dark .detail-value{color:var(--text-primary)}.product-detail-description p{color:inherit;margin:0 0 8px}.product-detail-description ul{color:inherit;margin:8px 0;padding-left:20px}.product-detail-description li{color:inherit}.quantity-selector{margin-bottom:30px}.quantity-selector label{color:#333;display:block;font-weight:500;margin-bottom:10px;transition:color .3s ease}:root.theme-dark .quantity-selector label{color:var(--text-primary)}.quantity-controls{align-items:center;display:flex;gap:15px}.quantity-controls button{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}:root.theme-dark .quantity-controls button{background:var(--bg-tertiary);border-color:var(--border-light)}:root.theme-dark .quantity-controls button:hover{background:var(--bg-hover);border-color:var(--color-primary)}.quantity-controls button:hover{background:#f5f5f5;border-color:var(--color-primary)}.quantity-controls span{color:var(--text-primary);font-size:20px;font-weight:600;min-width:40px;text-align:center;transition:color .3s ease}.add-to-cart-button{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:10px;justify-content:center;padding:16px;transition:background .3s ease;width:100%}.add-to-cart-button,:root.theme-dark .add-to-cart-button{background:var(--color-primary)}.add-to-cart-button:hover,:root.theme-dark .add-to-cart-button:hover{background:var(--color-primary-hover)}.product-detail-ad{display:flex;justify-content:center;margin-top:24px;min-height:90px;overflow:hidden}.product-detail-ad.product-detail-ad-inline{margin-bottom:8px;margin-top:16px}.product-detail-ad .adsbygoogle{max-width:100%;min-height:90px}.image-lightbox{background:#000000f2;bottom:0;cursor:pointer;left:0;position:fixed;right:0;top:0;z-index:9999}.image-lightbox,.lightbox-content{align-items:center;display:flex;justify-content:center}.lightbox-content{cursor:default;max-height:90vh;max-width:90vw;position:relative}.lightbox-content img{border-radius:8px;max-height:90vh;max-width:100%;object-fit:contain}.lightbox-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:50px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .3s ease;width:50px;z-index:10000}.lightbox-close:hover{background:#ffffff4d;transform:rotate(90deg)}.lightbox-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;height:60px;justify-content:center;position:fixed;top:50%;transform:translateY(-50%);transition:all .3s ease;width:60px;z-index:10000}.lightbox-nav:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-indicator{background:#000000b3;border-radius:20px;bottom:20px;color:#fff;font-size:14px;font-weight:500;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%)}.product-detail-main-image{position:relative}.product-detail-main-image:after{background:#000000b3;border-radius:6px;bottom:10px;color:#fff;content:"🔍 Click to view fullscreen";font-size:12px;left:50%;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease}.product-detail-main-image:hover:after{opacity:1}@media (max-width:968px){.product-detail-content{gap:24px;grid-template-columns:1fr;padding:24px}.product-detail-image{gap:8px}.product-detail-main-image{height:320px}.product-detail-ad,.product-detail-ad .adsbygoogle,.product-detail-ad.product-detail-ad-inline{min-height:80px}.lightbox-nav{font-size:24px;height:50px;width:50px}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-close{font-size:20px;height:40px;right:10px;top:10px;width:40px}}@media (max-width:480px){.product-detail-screen{padding:12px}.product-detail-content{border-radius:10px;gap:20px;padding:16px}.product-detail-info h1{font-size:22px;margin-bottom:12px}.product-detail-price{font-size:22px;margin-bottom:16px}.product-detail-main-image{height:260px}.product-detail-section{margin-top:16px;padding-top:16px}.product-detail-section h2{font-size:18px;margin-bottom:12px}.product-detail-description{font-size:14px}.detail-label{flex:0 0 100px}.detail-label,.detail-value{font-size:13px}.quantity-controls button{height:36px;width:36px}.quantity-controls span{font-size:18px}.add-to-cart-button{font-size:16px;padding:14px}.product-detail-ad,.product-detail-ad.product-detail-ad-inline{margin-bottom:4px;margin-top:12px;min-height:70px}.product-detail-ad .adsbygoogle{min-height:70px}.lightbox-close{font-size:18px;height:36px;right:8px;top:8px;width:36px}.lightbox-nav{font-size:20px;height:44px;width:44px}.lightbox-prev{left:8px}.lightbox-next{right:8px}.lightbox-indicator{font-size:12px;padding:6px 12px}}.cart-screen{margin:0 auto;max-width:1200px;padding:20px}.cart-title{color:#333;font-size:28px;margin-bottom:30px}.cart-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 350px}.cart-items{display:flex;flex-direction:column;gap:15px}.cart-item{grid-gap:20px;align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:grid;gap:20px;grid-template-columns:100px 1fr auto auto auto;padding:20px}.cart-item-image{background:#f5f5f5;border-radius:8px;height:100px;overflow:hidden;width:100px}.cart-item-image img{height:100%;object-fit:cover;width:100%}.cart-placeholder{align-items:center;color:#999;display:flex;font-size:12px;height:100%;justify-content:center;width:100%}.cart-item-info h3{color:#333;font-size:16px;margin:0 0 8px}.cart-item-price{color:#666;font-size:14px;margin:0}.cart-item-controls{align-items:center;display:flex;gap:10px}.cart-item-controls button{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.cart-item-controls button:hover{background:#f5f5f5;border-color:#ff6b35}.quantity{font-weight:600;min-width:30px;text-align:center}.cart-item-total{color:#ff6b35;font-size:18px;font-weight:700}.remove-button{background:#fee;border:none;border-radius:6px;color:#c33;cursor:pointer;padding:8px;transition:background .3s ease}.remove-button:hover{background:#fdd}.cart-summary{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;height:fit-content;padding:25px;position:sticky;top:90px}.cart-summary h2{color:#333;font-size:20px;margin-bottom:20px}.summary-row{display:flex;font-size:16px;justify-content:space-between;margin-bottom:15px}.summary-row.total{border-top:2px solid #e0e0e0;color:#ff6b35;font-size:20px;font-weight:700;margin-top:15px;padding-top:15px}.checkout-button{background:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:14px;transition:background .3s ease;width:100%}.checkout-button:hover{background:#e55a2b}.empty-cart{padding:60px 20px;text-align:center}.empty-cart h2{color:#333;font-size:24px;margin-bottom:10px}.empty-cart p{color:#666;margin-bottom:30px}.shop-button{background:#ff6b35;transition:background .3s ease}@media (max-width:968px){.cart-content{grid-template-columns:1fr}.cart-summary{position:static}}@media (max-width:768px){.cart-item{gap:15px;grid-template-columns:80px 1fr}.cart-item-controls,.cart-item-total,.remove-button{grid-column:2}.cart-item-image{height:80px;width:80px}}.orders-screen{margin:0 auto;max-width:1200px;padding:20px}.orders-title{color:#333;font-size:28px;margin-bottom:30px}.orders-list{display:flex;flex-direction:column;gap:20px}.orders-list-ad{display:flex;justify-content:center;margin:12px 0;min-height:90px;overflow:hidden}.orders-list-ad .adsbygoogle{max-width:100%}.order-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}@media (max-width:768px){.orders-screen{padding:16px}.orders-title{font-size:24px;margin-bottom:24px}.orders-list{gap:16px}.orders-list-ad{margin:10px 0;min-height:80px}.order-card{padding:16px}.order-header h3{font-size:16px}.order-details p{font-size:13px}}@media (max-width:480px){.orders-screen{padding:12px}.orders-title{font-size:20px;margin-bottom:20px}.orders-list{gap:12px}.orders-list-ad{margin:8px 0;min-height:70px}.order-card{border-radius:10px;padding:14px}.order-header{flex-wrap:wrap;gap:8px;margin-bottom:12px}.order-header h3{flex:1 1 100%;font-size:15px}.order-status{font-size:11px;padding:4px 10px}.order-details p{font-size:12px;margin:4px 0}.view-order-button{font-size:14px;padding:8px 16px}.empty-state{padding:40px 16px}.shop-button{font-size:15px;padding:10px 24px}}.order-header{margin-bottom:15px}.order-header h3{color:#333;font-size:18px;margin:0}.order-status{border-radius:20px;font-size:12px;padding:6px 12px}.order-status.completed{background:#d4edda;color:#155724}.order-details{margin-bottom:15px}.order-details p{color:#666;font-size:14px;margin:8px 0}.view-order-button{background:var(--color-primary);font-weight:500;padding:10px 20px;transition:background .3s ease}.view-order-button:hover{background:var(--color-primary-hover)}.shop-button{background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:12px 30px}.shop-button:hover{background:#e55a2b}.order-details-screen{margin:0 auto;max-width:1200px;padding:20px}.order-details-screen .back-button{background:none;border:none;color:#1976d2;cursor:pointer;font-size:14px;margin-bottom:16px;padding:6px 0}.order-details-card{background:#fff;border-radius:16px;box-shadow:0 4px 18px #00000014;padding:24px}.order-header-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.order-header-row h1{color:#222;font-size:24px;margin:0 0 6px}.order-date{color:#666;font-size:14px;margin:0}.order-map-actions{margin-bottom:16px}.map-button{background:linear-gradient(135deg,#1976d2,#42a5f5);border:none;border-radius:999px;box-shadow:0 2px 8px #0000002e;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:transform .15s ease,box-shadow .15s ease}.map-button:hover{box-shadow:0 4px 14px #00000038;transform:translateY(-1px)}.order-status-pill{background:#eee;border-radius:999px;color:#555;font-size:12px;padding:4px 12px;text-transform:capitalize}.order-status-pill.pending{background:#fff8e1;color:#f9a825}.order-status-pill.processing{background:#e3f2fd;color:#1976d2}.order-status-pill.shipped{background:#f3e5f5;color:#8e24aa}.order-status-pill.delivered{background:#e8f5e9;color:#2e7d32}.order-status-pill.cancelled{background:#ffebee;color:#c62828}.order-meta{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.meta-block h2{color:#333;font-size:16px;margin:0 0 6px}.meta-block p{color:#555;font-size:14px;margin:2px 0}.order-items-section h2{color:#333;font-size:18px;margin:0 0 10px}.order-items-list{display:flex;flex-direction:column;gap:10px}.order-item-row{grid-gap:12px;align-items:center;border-bottom:1px solid #eee;display:grid;gap:12px;grid-template-columns:auto 1fr auto;padding:10px 0}.order-item-image{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;height:60px;justify-content:center;overflow:hidden;width:60px}.order-item-image img{height:100%;object-fit:cover;width:100%}.item-placeholder{color:#999;font-size:11px}.order-item-info h3{color:#333;font-size:14px;margin:0 0 4px}.order-item-info p{color:#555;font-size:13px;margin:0 0 2px}.shipping-row{color:#777;font-size:12px}.order-item-total{color:#1976d2;font-size:14px;font-weight:600}.order-notes{margin-top:16px}.order-notes h2{color:#333;font-size:16px;margin:0 0 6px}.order-notes p{color:#555;font-size:14px;margin:0}.order-details-error{color:#555;padding:60px 20px;text-align:center}.order-details-error button{background:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:12px;padding:8px 14px}@media (max-width:768px){.order-details-card{padding:18px}.order-header-row{align-items:flex-start;flex-direction:column}}.legal-document-modal{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:3000}.legal-document-content{background:#fff;border-radius:16px;box-shadow:0 12px 32px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.legal-document-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:24px 28px;position:sticky;top:0;z-index:10}.legal-document-header h1{color:#333;font-size:28px;margin:0}.close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;transition:background .2s;width:40px}.close-button:hover{background:#f0f0f0}.legal-document-body{flex:1 1;line-height:1.8;overflow-y:auto;padding:28px}.last-updated{border-bottom:1px solid #e0e0e0;color:#666;font-size:14px;font-style:italic;margin-bottom:24px;padding-bottom:16px}.legal-document-body section{margin-bottom:32px}.legal-document-body h2{color:#333;font-size:22px;font-weight:700;margin:0 0 12px}.legal-document-body p{color:#444;font-size:15px;margin:0 0 12px;text-align:justify}.legal-document-body ul{margin:12px 0;padding-left:24px}.legal-document-body li{color:#444;font-size:15px;line-height:1.7;margin:8px 0}.legal-document-body strong{color:#333;font-weight:600}.legal-document-footer{background:#fff;border-radius:0 0 16px 16px;border-top:1px solid #e0e0e0;bottom:0;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px;position:sticky}.primary-button{font-size:16px;padding:12px 24px;transition:background .2s}.primary-button:hover{background:var(--color-primary-hover)}.secondary-button{font-size:16px;font-weight:600;padding:12px 24px;transition:background .2s}.secondary-button:hover{background:#e0e0e0}@media (max-width:768px){.legal-document-content{max-height:95vh}.legal-document-header{padding:20px}.legal-document-header h1{font-size:22px}.legal-document-body{padding:20px}.legal-document-body h2{font-size:20px}.legal-document-footer{flex-direction:column;padding:16px 20px}.primary-button,.secondary-button{width:100%}}.profile-screen{background-color:var(--bg-primary);margin:0 auto;max-width:1200px;padding:20px;transition:background-color .3s ease}.profile-title{color:var(--text-primary);font-size:28px;margin-bottom:30px}.profile-card{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-sm);padding:30px;transition:background-color .3s ease,box-shadow .3s ease}.profile-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:20px;margin-bottom:30px;padding-bottom:30px;transition:border-color .3s ease}.profile-avatar{align-items:center;background:var(--color-primary);border-radius:50%;color:var(--text-light);display:flex;font-size:32px;font-weight:700;height:80px;justify-content:center;overflow:hidden;transition:background-color .3s ease;width:80px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-info h2{color:var(--text-primary);font-size:24px;margin:0 0 8px;transition:color .3s ease}.profile-info p{color:var(--text-secondary);margin:0;transition:color .3s ease}.profile-menu{display:flex;flex-direction:column;gap:10px}.menu-item{background:var(--bg-tertiary);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:16px;padding:15px 20px;text-align:left;transition:all .3s ease}.menu-item:hover{background:var(--bg-hover);color:var(--color-primary)}.menu-item:last-child{background:#fee;color:#c33;margin-top:10px}.menu-item:last-child:hover{background:#fdd}.modal-backdrop{align-items:center;background:var(--backdrop);display:flex;inset:0;justify-content:center;position:fixed;transition:background-color .3s ease;z-index:1000}.modal-card{animation:modal-fade-in .2s ease-out;background:var(--bg-secondary);border-radius:16px;box-shadow:var(--shadow-lg);max-width:480px;padding:24px 28px;transition:background-color .3s ease,box-shadow .3s ease;width:100%}.modal-card h2{color:var(--text-primary);font-size:22px;margin:0 0 10px;transition:color .3s ease}.modal-card p{color:var(--text-secondary);line-height:1.5;margin-bottom:12px;transition:color .3s ease}.support-list{list-style:none;margin:8px 0 16px;padding:0}.support-list li{color:#444;margin-bottom:6px}.support-list a{color:#1976d2;text-decoration:none}.support-list a:hover{text-decoration:underline}.primary-button,.secondary-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;margin-right:8px;padding:10px 18px}.primary-button{color:var(--text-light);transition:background-color .3s ease,color .3s ease}.primary-button:hover:not(:disabled){background:var(--color-primary-hover)}.primary-button:disabled{cursor:default;opacity:.7}.secondary-button{background:var(--bg-tertiary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.secondary-button:hover{background:var(--bg-hover)}.profile-status-message{color:var(--color-primary);font-size:14px;margin-top:16px}.settings-section{background:var(--bg-tertiary);border-radius:12px;margin:20px 0;padding:16px}.theme-toggle-label{font-size:15px;font-weight:500;justify-content:space-between}.theme-toggle-button,.theme-toggle-label{align-items:center;color:var(--text-primary);display:flex}.theme-toggle-button{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .3s ease}.theme-toggle-button:hover{background:var(--bg-hover);border-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-primary);transform:translateY(-1px)}.theme-toggle-button svg{font-size:16px}.agent-type-toggle{display:flex;gap:8px;margin:12px 0 16px}.agent-type-toggle button{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;padding:8px 12px}.agent-type-toggle button.active{background:#1976d2;border-color:#1976d2;color:#fff}.modal-card label{color:#444;display:block;font-size:14px;margin-bottom:12px}.modal-card input,.modal-card textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;margin-top:4px;padding:8px 10px;width:100%}.modal-card textarea{resize:vertical}.profile-picture-upload{margin-top:4px}.profile-picture-preview{border:2px solid #ddd;border-radius:50%;height:120px;margin-bottom:8px;overflow:hidden;position:relative;width:120px}.profile-picture-preview img{height:100%;object-fit:cover;width:100%}.remove-picture-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;line-height:1;padding:0;position:absolute;right:4px;top:4px;width:28px}.remove-picture-btn:hover{background:#000c}.profile-picture-placeholder{align-items:center;background:#f0f0f0;border:2px dashed #ccc;border-radius:50%;color:#999;display:flex;font-size:14px;height:120px;justify-content:center;margin-bottom:8px;width:120px}.upload-status{color:#666;font-size:12px;font-style:italic;margin-top:4px}.modal-actions{display:flex;justify-content:flex-end;margin-top:16px}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.order-confirmation-screen{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 70px);padding:20px}.confirmation-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;max-width:500px;padding:60px 40px;text-align:center;width:100%}.confirmation-icon{align-items:center;background:#d4edda;border-radius:50%;color:#155724;display:flex;font-size:48px;font-weight:700;height:80px;justify-content:center;margin:0 auto 30px;width:80px}.confirmation-card h1{color:#333;font-size:28px;margin-bottom:15px}.confirmation-card p{color:#666;font-size:16px;margin-bottom:10px}.order-id{color:#ff6b35;font-weight:600}.confirmation-actions{display:flex;flex-direction:column;gap:15px;margin-top:30px}.continue-shopping-button,.view-orders-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease}.view-orders-button{background:#ff6b35;color:#fff}.view-orders-button:hover{background:#e55a2b}.continue-shopping-button{background:#f5f5f5;color:#333}.continue-shopping-button:hover{background:#e0e0e0}.checkout-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;max-width:900px;padding:24px 24px 20px;width:100%}.checkout-subtitle{color:#666;font-size:14px;margin-top:4px}.checkout-section{margin-top:20px}.checkout-section h2{color:#333;font-size:18px;margin-bottom:10px}.checkout-items{display:flex;flex-direction:column;gap:10px}.checkout-item{align-items:center;display:flex;gap:10px}.checkout-item-image img{border-radius:8px;height:60px;object-fit:cover;width:60px}.checkout-placeholder{align-items:center;background:#f5f5f5;border-radius:8px;color:#999;display:flex;font-size:12px;height:60px;justify-content:center;width:60px}.checkout-item-info{flex:1 1}.checkout-item-name{color:#333;font-size:14px;margin:0 0 4px}.checkout-item-meta{color:#555;font-size:13px;margin:0}.checkout-form label{color:#444;display:block;font-size:14px;margin-bottom:12px}.checkout-form input,.checkout-form textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;margin-top:4px;padding:8px 10px;width:100%}.checkout-form textarea{resize:vertical}.address-input-container{align-items:flex-start;display:flex;gap:8px}.address-textarea{flex:1 1}.locate-me-button{align-items:center;background:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;margin-top:4px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.locate-me-button:hover:not(:disabled){background:#e55a2b;box-shadow:0 2px 8px #ff6b354d;transform:translateY(-1px)}.locate-me-button:disabled{cursor:not-allowed;opacity:.6}.locate-me-button svg{font-size:14px}.location-confirmed{align-items:center;color:#4caf50;display:flex;font-size:12px;font-weight:500;gap:4px;margin-top:6px}@media (max-width:768px){.address-input-container{flex-direction:column}.locate-me-button{justify-content:center;width:100%}}.checkout-summary{background:#fafafa;border-radius:12px;margin-top:16px;padding:12px 16px}.checkout-summary .summary-row{display:flex;font-size:14px;justify-content:space-between;margin-bottom:4px}.checkout-summary .summary-row.total span:last-child{color:#1976d2;font-weight:600}.checkout-error{color:#c62828;font-size:13px;margin-top:8px}@media (max-width:768px){.checkout-card{padding:18px 16px}}.my-deliveries-screen{margin:0 auto;max-width:1200px;padding:20px}.my-deliveries-screen h1{color:#333;font-size:28px;margin-bottom:30px}.empty-state.small{padding:24px 12px}.deliveries-error{color:#c62828;margin-bottom:20px}.deliveries-section{margin-bottom:30px}.deliveries-list{display:flex;flex-direction:column;gap:16px}.delivery-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:16px 20px}.delivery-card.available{border-left:4px solid #43a047}.delivery-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.delivery-header h3{color:#333;font-size:18px;margin:0}.delivery-status{background:#eee;border-radius:999px;color:#555;font-size:12px;padding:4px 10px;text-transform:capitalize}.delivery-status.processing{background:#e3f2fd;color:#1976d2}.delivery-status.shipped{background:#f3e5f5;color:#8e24aa}.delivery-status.delivered{background:#e8f5e9;color:#2e7d32}.delivery-details p{color:#555;font-size:14px;margin:2px 0}.view-order-button{background:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 14px}.view-order-button:hover{background:#1459a4}.delivery-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:10px}.go-button,.view-order-button{align-items:center;display:flex;gap:6px}.go-button{background:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;padding:8px 14px;transition:all .3s ease}.go-button:hover{background:#e55a2b;box-shadow:0 2px 8px #ff6b354d;transform:translateY(-1px)}.claim-button{background:#43a047;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 14px}.claim-button:hover{background:#2e7d32}.delivery-map-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.delivery-map-card{background:#fff;border-radius:16px;box-shadow:0 12px 32px #0006;display:flex;flex-direction:column;gap:8px;max-width:900px;padding:16px 18px 20px;width:95%}.delivery-map-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.delivery-map-header h2{color:#333;font-size:18px;margin:0}.map-close-button{background:#0000;border:none;cursor:pointer;font-size:22px;line-height:1}.delivery-map-subtitle{color:#666;font-size:13px;margin:0 0 8px}.map-navigate-button{align-items:center;background:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin:0 0 12px;padding:10px 18px;transition:all .3s ease;width:100%}.map-navigate-button:hover{background:#e55a2b;box-shadow:0 2px 8px #ff6b354d;transform:translateY(-1px)}.map-navigate-button svg{font-size:16px}.delivery-map-frame{background:#f5f5f5;border-radius:12px;height:400px;overflow:hidden;width:100%}.delivery-map-frame iframe{border:none;height:100%;width:100%}.my-products-screen{margin:0 auto;max-width:1200px;padding:20px}.my-products-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.my-products-header h1{font-size:28px;margin:0}.add-product-button{background:#ff6b35;border:none;border-radius:999px;box-shadow:0 2px 8px #0000002e;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:transform .15s ease,box-shadow .15s ease}.add-product-button:hover{box-shadow:0 4px 14px #00000038;transform:translateY(-1px)}.my-products-screen h1{color:#333;font-size:28px;margin-bottom:30px}.empty-state{color:#999;padding:60px 20px;text-align:center}.my-products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:20px}.my-product-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.my-product-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.my-product-image{align-items:center;background:#f5f5f5;display:flex;height:160px;justify-content:center;width:100%}.my-product-image img{height:100%;object-fit:cover;width:100%}.my-product-info{padding:12px 14px 16px}.my-product-info h3{color:#333;font-size:16px;margin:0 0 4px}.my-product-info .category{color:#777;font-size:13px;margin:0 0 6px}.my-product-info .price{color:var(--color-accent);font-size:15px;font-weight:600;margin:0}.my-product-actions{border-top:1px solid #f0f0f0;display:flex;gap:8px;justify-content:flex-end;padding:8px 14px 12px}.action-btn{align-items:center;background:#0000;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:6px 10px;transition:all .2s ease}.action-btn:hover{background:#f5f5f5;border-color:var(--color-primary);color:var(--color-primary)}.edit-btn{color:#1976d2}.edit-btn:hover{background:#e3f2fd;border-color:#1976d2;color:#1976d2}.share-btn,.share-menu{position:relative}.share-dropdown{background:#fff;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #00000026;margin-bottom:8px;min-width:160px;opacity:0;position:absolute;right:0;transform:translateY(10px);transition:all .2s ease;visibility:hidden;z-index:100}.share-dropdown.show{opacity:1;transform:translateY(0);visibility:visible}.share-option{align-items:center;background:#0000;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 14px;text-align:left;transition:background .2s ease;width:100%}.share-option:hover{background:#f5f5f5}.share-option:first-child{border-radius:8px 8px 0 0}.share-option:last-child{border-radius:0 0 8px 8px}.share-option svg{font-size:16px}.share-option:first-child svg{color:#25d366}.share-option:last-child svg{color:#e4405f}.product-form-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.product-form-card{background:#fff;border-radius:16px;box-shadow:0 12px 32px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;padding:20px 24px 24px;width:95%}.product-form h2{margin:0 0 12px}.product-form{flex-direction:column}.form-row,.product-form{display:flex;gap:12px}.form-row label{flex:1 1}.product-form label{color:#444;display:flex;flex-direction:column;font-size:13px;gap:4px}.product-form input,.product-form textarea{border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;padding:8px 10px}.product-form input:focus,.product-form textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px #2563eb33}.form-section{border-top:1px solid #eee;margin-top:8px;padding-top:10px}.form-section h3{color:#333;font-size:15px;margin:0 0 8px}.helper-text{color:#777;font-size:12px;margin:2px 0 8px}.image-pill-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.image-pill{background:#f1f1f1;border:none;border-radius:999px;cursor:pointer;font-size:12px;padding:4px 10px}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.primary-button{background:var(--color-primary);cursor:click;padding:8px 16px}.secondary-button{background:#f0f0f0;border:none;padding:8px 16px}.form-error{color:#c62828;font-size:13px;margin-bottom:6px}.product-orders-count{align-items:center;color:#666;display:flex;font-size:13px;gap:6px;margin-top:6px}.product-orders-count svg{font-size:14px}.product-orders-section{border-top:1px solid #eee;margin-top:12px;padding-top:12px}.toggle-orders-btn{align-items:center;background:#f5f5f5;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:13px;gap:6px;justify-content:center;padding:8px;transition:background .2s;width:100%}.toggle-orders-btn:hover{background:#e9e9e9}.orders-list{margin-top:12px;max-height:300px;overflow-y:auto}.no-orders{color:#999;font-size:13px;padding:20px;text-align:center}.order-item{background:#f9f9f9;border:1px solid #eee;border-radius:8px;margin-bottom:8px;padding:12px}.order-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.order-status{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.order-status.pending{background:#fff3cd;color:#856404}.order-status.processing{background:#d1ecf1;color:#0c5460}.order-status.shipped{background:#d4edda;color:#155724}.order-status.delivered{background:#d1f2eb;color:#0d7377}.order-status.cancelled{background:#f8d7da;color:#721c24}.order-details{color:#666;font-size:12px}.order-details p{margin:4px 0}@media (max-width:600px){.form-row{flex-direction:column}.product-form-card{padding:16px}}.agents-screen{margin:0 auto;max-width:1200px;padding:20px}.agents-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.agents-header h1{color:#333;font-size:28px;margin:0 0 6px}.agents-header p{color:#666;font-size:14px;margin:0}.agents-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.agents-filters input,.agents-filters select{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:8px 10px}.agents-filters input{flex:1 1;min-width:200px}.agents-filters button{background:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 14px}.agents-filters button:hover{background:#1459a4}.clear-filters-btn{background:#fff;border:1px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-size:14px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.clear-filters-btn:hover{background:#f5f5f5;border-color:#ff6b35;color:#ff6b35}.agents-error,.agents-loading,.empty-state{color:#666;padding:40px 20px;text-align:center}.agents-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.agents-grid-ad-slot{display:flex;grid-column:1/-1;justify-content:center;margin:8px 0;min-height:90px;overflow:hidden}.agents-grid-ad-slot .adsbygoogle{max-width:100%}.agent-card{background:#fff;border-radius:14px;box-shadow:0 2px 10px #0000000d;cursor:pointer;display:flex;gap:14px;padding:18px;transition:transform .15s ease,box-shadow .15s ease}.agent-card:hover{box-shadow:0 6px 18px #0000001f;transform:translateY(-3px)}.agent-avatar{align-items:center;background:#1976d2;border-radius:50%;color:#fff;display:flex;font-size:22px;font-weight:600;height:52px;justify-content:center;width:52px}.agent-info h3{color:#222;font-size:16px;margin:0 0 4px}.agent-role{color:#666;font-size:13px;margin:0 0 4px}.agent-products,.agent-rating,.agent-views{color:#555;font-size:13px;margin:0}.agent-rating{font-weight:500}@media (max-width:768px){.agents-screen{padding:16px}.agents-header h1{font-size:24px}.agents-header p{font-size:13px}.agents-filters{flex-direction:column;gap:8px;margin-bottom:16px}.agents-filters input{min-width:100%}.agents-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.agents-grid-ad-slot{margin:6px 0;min-height:80px}.agents-grid-ad-slot .adsbygoogle{min-height:80px}.agent-card{padding:14px}.agent-avatar{font-size:18px;height:44px;width:44px}.agent-info h3{font-size:15px}}@media (max-width:600px){.agents-screen{padding:16px}.agents-filters{flex-direction:column}.agents-filters input{min-width:100%}}@media (max-width:480px){.agents-screen{padding:12px}.agents-header h1{font-size:20px}.agents-header p{font-size:12px}.agents-filters input,.agents-filters select{font-size:13px;padding:10px}.agents-grid{gap:12px;grid-template-columns:1fr}.agents-grid-ad-slot{margin:4px 0;min-height:70px}.agents-grid-ad-slot .adsbygoogle{min-height:70px}.agent-card{border-radius:12px;padding:12px}.agent-avatar{font-size:16px;height:40px;width:40px}.agent-info h3{font-size:14px}.agent-products,.agent-rating,.agent-role,.agent-views{font-size:12px}}.agent-profile-screen{background:#fff;margin:0 auto;max-width:600px;min-height:100vh;padding:0 0 80px}.agent-profile-header{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 20px;position:sticky;top:60px;z-index:100}.back-button-icon,.options-button-icon{align-items:center;background:#0000;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;padding:8px;transition:background .2s ease;width:36px}.back-button-icon:hover,.options-button-icon:hover{background:#f5f5f5}.agent-profile-top{align-items:center;display:flex;flex-direction:column;padding:24px 20px 16px;text-align:center}.agent-avatar-container{margin-bottom:12px}.agent-avatar-large{align-items:center;background:linear-gradient(135deg,#ff6b35,#e55a2b);border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px #ff6b354d;color:#fff;display:flex;font-size:42px;font-weight:700;height:100px;justify-content:center;overflow:hidden;width:100px}.agent-profile-picture{height:100%;object-fit:cover;width:100%}.agent-name{color:#333;font-size:24px;font-weight:700;margin:0}.agent-contact-buttons{display:flex;gap:12px;margin-top:16px}.contact-btn{align-items:center;border:none;border-radius:24px;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:transform .2s,box-shadow .2s}.contact-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.contact-btn.whatsapp-btn{background:#25d366;color:#fff}.contact-btn.call-btn{background:#ff6b35;color:#fff}.contact-btn svg{font-size:16px}.agent-metrics-card{align-items:center;background:#f9f9f9;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-around;margin:16px 20px;padding:20px 16px}.metric-item{flex:1 1;flex-direction:column;gap:8px}.like-button,.metric-item{align-items:center;display:flex}.like-button{background:#0000;border:none;cursor:pointer;justify-content:center;padding:0;transition:transform .2s}.like-button:hover{transform:scale(1.1)}.like-button:disabled{cursor:not-allowed;opacity:.6}.metric-icon.liking{animation:pulse .5s ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.metric-icon{color:#ff6b35;font-size:24px}.metric-content{align-items:center;display:flex;flex-direction:column;gap:2px}.metric-value{color:#333;font-size:18px;font-weight:700}.metric-label{color:#666;font-size:12px;text-align:center}.stars-container{display:flex;gap:2px;margin-bottom:4px}.star-icon{color:#ddd;font-size:16px}.star-icon.filled{color:#ff6b35}.agent-services-list{display:flex;flex-direction:column;gap:16px;padding:0 20px 20px}.service-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:12px;transition:transform .2s ease,box-shadow .2s ease}.service-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.service-image{background:#f5f5f5;border-radius:12px;flex-shrink:0;height:120px;overflow:hidden;width:120px}.service-image img{height:100%;object-fit:cover;width:100%}.service-placeholder{align-items:center;background:#f0f0f0;color:#999;display:flex;font-size:12px;height:100%;justify-content:center;width:100%}.service-info{display:flex;flex:1 1;flex-direction:column;gap:6px;padding:4px 0}.service-title{color:#333;font-size:16px;font-weight:600;line-height:1.3;margin:0}.service-price-tag{background:#ff6b35;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:4px 12px;width:fit-content}.service-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:13px;line-height:1.4;margin:0;overflow:hidden}.agent-profile-error,.agent-profile-loading{color:#555;padding:60px 20px;text-align:center}.agent-profile-error button{background:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:12px;padding:8px 14px}.rating-modal-backdrop{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.rating-modal-card{background:#fff;border-radius:16px;box-shadow:0 12px 32px #0000004d;max-width:420px;padding:20px;width:90%}.rating-subtitle{color:#555;font-size:13px;margin-bottom:12px;margin-top:4px}.rating-form label{color:#444;display:block;font-size:14px;margin-bottom:10px}.rating-form textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;padding:8px 10px;resize:vertical;width:100%}.stars-row{display:flex;gap:6px;margin-bottom:10px}.star-button{background:#0000;border:none;color:#ccc;cursor:pointer;font-size:26px}.star-button.active{color:gold}.rating-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.primary-button{background:#ff6b35;border:none;border-radius:8px;color:#fff;font-weight:600}.primary-button,.secondary-button{cursor:pointer;font-size:14px;padding:10px 20px}.secondary-button{background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;font-weight:500}.agent-bio{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:16px}.agent-bio p{color:#555;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.agent-section{margin-bottom:24px;padding:0 20px}.agent-section h2{color:#333;font-size:18px;font-weight:600;margin:0 0 16px}.agent-reviews{display:flex;flex-direction:row;gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.agent-review-card{background:#fff;border-radius:10px;box-shadow:0 1px 6px #0000000a;min-width:260px;padding:10px 12px;scroll-snap-align:start}.review-header{color:#333;font-size:14px;margin:0 0 4px}.review-comment{color:#555;font-size:13px;margin:0}@media (max-width:480px){.agent-profile-screen{padding-bottom:75px}.agent-avatar-large{font-size:36px;height:80px;width:80px}.agent-name{font-size:20px}.service-image{height:100px;width:100px}.service-title{font-size:15px}.service-description{font-size:12px}}
/*# sourceMappingURL=main.4a3b77c9.css.map*/