:root{--primary: #1f2937;--primary-light: #374151;--accent: #f59e0b;--accent-light: #fcd34d;--success: #10b981;--danger: #ef4444;--warning: #f97316;--info: #3b82f6;--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--border-color: #e5e7eb;--border-light: #f3f4f6;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--transition-fast: .15s ease-out;--transition-normal: .25s ease-out;--transition-slow: .4s ease-out;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background:var(--bg-secondary);overflow-x:hidden}body[dir=rtl]{direction:rtl;text-align:right}body[dir=ltr]{direction:ltr;text-align:left}.safo-mobile-header{position:sticky;top:0;z-index:1000;background:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:var(--spacing-md) var(--spacing-lg)}.safo-header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);max-width:100%}.safo-header-right{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;flex:1}.safo-header-logo{width:32px;height:32px;object-fit:contain}.safo-header-brand{display:flex;flex-direction:column;gap:2px}.safo-header-name{font-size:18px;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,#1f2937,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.safo-header-tagline{font-size:11px;color:var(--text-muted);font-weight:500;letter-spacing:.3px}.safo-header-left{display:flex;align-items:center;gap:var(--spacing-sm)}.safo-header-btn{position:relative;width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-light);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);color:var(--text-primary);font-size:0}.safo-header-btn:hover{background:var(--bg-tertiary);border-color:var(--border-color);transform:scale(1.05)}.safo-header-btn:active{transform:scale(.95)}.safo-notif-dot{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;background:var(--danger);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:2px solid var(--bg-primary)}.sticky-search{position:sticky;top:60px;z-index:999;background:var(--bg-secondary);padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.smart-search-premium{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--spacing-sm) var(--spacing-md);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.smart-search-premium:focus-within{border-color:var(--accent);box-shadow:var(--shadow-md),0 0 0 3px #f59e0b1a}.search-btn-orange{background:none;border:none;color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);transition:transform var(--transition-fast)}.search-btn-orange:hover{transform:scale(1.1)}.smart-search-premium input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:var(--text-primary);font-family:inherit}.smart-search-premium input::placeholder{color:var(--text-muted)}.search-actions{display:flex;gap:var(--spacing-xs)}.search-icon-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.search-icon-btn:hover{color:var(--accent)}.product-card{background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);cursor:pointer;display:flex;flex-direction:column;border:1px solid var(--border-light)}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--border-color)}.product-card-img-wrap{position:relative;width:100%;aspect-ratio:1;background:var(--bg-secondary);overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.product-card-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.product-card:hover .product-card-img{transform:scale(1.08)}.product-card-price-row{display:flex;align-items:center;gap:var(--spacing-sm)}.product-card-price{font-size:16px;font-weight:700;color:var(--primary)}.discount-tag{background:var(--danger);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:var(--radius-xs)}.product-card-title{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-rating{font-size:11px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.product-card-seller{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.product-card-cta-row{display:flex;gap:var(--spacing-xs);margin-top:auto}.product-card-cta{flex:1;padding:8px 10px;border-radius:var(--radius-md);border:none;font-size:11px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.product-card-cta--cart{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.product-card-cta--cart:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.product-card-cta--buy{background:var(--accent);color:#fff}.product-card-cta--buy:hover{background:#f59e0b;transform:scale(1.02)}.cart-drawer{position:fixed;top:0;right:0;width:100%;max-width:400px;height:100vh;background:var(--bg-primary);box-shadow:-4px 0 12px #00000026;z-index:2000;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--transition-normal);border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.cart-drawer.open{transform:translate(0)}.cart-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.cart-drawer-title{font-size:18px;font-weight:700;color:var(--text-primary)}.cart-drawer-close{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.cart-drawer-close:hover{color:var(--text-primary)}.cart-drawer-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.cart-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);border:1px solid var(--border-light)}.cart-item-img{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-md);background:var(--bg-primary)}.cart-item-details{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.cart-item-name{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3}.cart-item-price{font-size:14px;font-weight:700;color:var(--primary)}.cart-item-qty{display:flex;align-items:center;gap:var(--spacing-xs);width:fit-content}.qty-btn{background:var(--bg-primary);border:1px solid var(--border-color);width:24px;height:24px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all var(--transition-fast)}.qty-btn:hover{background:var(--bg-secondary)}.qty-input{width:32px;height:24px;border:1px solid var(--border-color);border-radius:4px;text-align:center;font-size:12px;font-weight:600}.cart-item-remove{background:none;border:none;color:var(--danger);cursor:pointer;font-size:14px;padding:0;transition:color var(--transition-fast)}.cart-item-remove:hover{color:#dc2626}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-lg);color:var(--text-muted)}.cart-empty-icon{font-size:48px;opacity:.5}.cart-drawer-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color);background:var(--bg-secondary)}.cart-summary{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.summary-row{display:flex;justify-content:space-between;font-size:14px}.summary-row.total{font-size:16px;font-weight:700;color:var(--primary);border-top:1px solid var(--border-color);padding-top:var(--spacing-md)}.cart-drawer-btn{width:100%;padding:var(--spacing-md);border-radius:var(--radius-lg);border:none;font-size:14px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.cart-drawer-btn-primary{background:var(--accent);color:#fff}.cart-drawer-btn-primary:hover{background:#f59e0b;transform:scale(1.02)}.cart-drawer-btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);margin-top:var(--spacing-sm)}.cart-drawer-btn-secondary:hover{background:var(--bg-secondary)}.cart-drawer-backdrop{position:fixed;inset:0;background:#00000080;z-index:1999;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.cart-drawer-backdrop.open{opacity:1;pointer-events:auto}@media(max-width:768px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-sm);padding:var(--spacing-md)}.cart-drawer{max-width:100%}.safo-mobile-header{padding:var(--spacing-sm) var(--spacing-md)}}@media(max-width:480px){.products-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);padding:var(--spacing-sm)}.product-card-title{font-size:12px}.product-card-price{font-size:14px}.sticky-search{top:50px;padding:var(--spacing-md)}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:pulse 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.hidden{display:none!important}.visible{display:block!important}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-0{margin-top:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-0{margin-bottom:0}.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)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.product-card{background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);cursor:pointer;display:flex;flex-direction:column;border:1px solid var(--border-light);height:100%;position:relative}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px);border-color:var(--border-color)}.product-card:active{transform:translateY(-3px)}.product-card-img-wrap{position:relative;width:100%;aspect-ratio:1;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.product-card-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal);display:block}.product-card:hover .product-card-img{transform:scale(1.1)}.product-badges{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);z-index:10}.product-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm)}.badge-discount{background:var(--danger);color:#fff}.badge-featured{background:var(--accent);color:#fff}.badge-fast{background:var(--success);color:#fff}.badge-ready{background:var(--info);color:#fff}.product-card-wishlist{position:absolute;top:var(--spacing-md);left:var(--spacing-md);width:36px;height:36px;border-radius:50%;background:#fffffff2;border:1px solid var(--border-light);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);z-index:11}.product-card-wishlist:hover{background:#fff;transform:scale(1.1)}.product-card-wishlist.active{color:var(--danger);font-weight:700}.product-card-body{padding:var(--spacing-md);flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.product-card-price-section{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.product-card-price{font-size:16px;font-weight:700;color:var(--primary);line-height:1}.old-price{font-size:12px;color:var(--text-muted);text-decoration:line-through}.product-card-title{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.product-card-rating{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary)}.product-card-rating .stars{color:#fbbf24;letter-spacing:1px}.product-card-rating .rating-value{font-weight:600;color:var(--text-primary)}.product-card-rating .review-count{color:var(--text-muted)}.product-card-seller{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-warning{font-size:11px;color:var(--warning);font-weight:600;padding:4px 8px;background:#f973161a;border-radius:var(--radius-sm)}.stock-out{font-size:11px;color:var(--danger);font-weight:600;padding:4px 8px;background:#ef44441a;border-radius:var(--radius-sm)}.product-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs);margin-top:auto}.action-btn{padding:8px 10px;border-radius:var(--radius-md);border:none;font-size:11px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.action-btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.action-btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.action-btn-secondary:active{transform:scale(.95)}.action-btn-primary{background:var(--accent);color:#fff;border:none}.action-btn-primary:hover{background:#f59e0b;transform:scale(1.02)}.action-btn-primary:active{transform:scale(.95)}.deal-card{background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);cursor:pointer;border:2px solid var(--accent);display:flex;flex-direction:column}.deal-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.deal-card-img{position:relative;width:100%;aspect-ratio:1;background:var(--bg-secondary);overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.deal-card-img img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.deal-card:hover .deal-card-img img{transform:scale(1.08)}.deal-card-body{padding:var(--spacing-md);flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.deal-card-price{font-size:18px;font-weight:700;color:var(--danger)}.deal-card-title{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.deal-card-lowest{font-size:11px;color:var(--text-muted);font-style:italic}.deal-card-cta-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs);margin-top:auto}.deal-card-cta{padding:10px;border-radius:var(--radius-md);border:none;font-size:11px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:4px}.deal-card-cta--cart{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.deal-card-cta--cart:hover{background:var(--bg-tertiary)}.deal-card-cta--buy{background:var(--danger);color:#fff}.deal-card-cta--buy:hover{background:#dc2626;transform:scale(1.02)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-md);padding:var(--spacing-lg)}.deals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-md);padding:var(--spacing-lg)}@media(max-width:768px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-sm);padding:var(--spacing-md)}.deals-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-sm);padding:var(--spacing-md)}.product-card-title{font-size:12px}.product-card-price{font-size:14px}.action-btn{font-size:10px;padding:6px 8px}}@media(max-width:480px){.products-grid,.deals-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);padding:var(--spacing-sm)}.product-card-title{font-size:11px;-webkit-line-clamp:1}.product-card-price{font-size:13px}.product-card-body{padding:var(--spacing-sm);gap:6px}.action-btn{font-size:9px;padding:5px 6px}.product-card-actions{gap:4px}}.skeleton-card{background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.skeleton-card .skel-img{width:100%;aspect-ratio:1;background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton-card .skel-line{height:12px;background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;margin:8px;border-radius:var(--radius-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.product-card{animation:fadeIn .3s ease-out}.product-card:nth-child(n){animation-delay:calc(.05s * var(--index, 0))}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:0 8px!important;align-items:start}.product-card,.products-grid{touch-action:pan-x pan-y}.product-card{border-radius:14px!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 1px 4px #0f172a12!important;transition:box-shadow .16s ease,border-color .16s ease!important;contain:layout paint style;content-visibility:auto;contain-intrinsic-size:260px}.product-card:hover,.product-card:active{transform:none!important;box-shadow:0 6px 16px #0f172a1a!important}.product-card-img-wrap{aspect-ratio:1 / 1.2!important;border-radius:14px 14px 0 0!important}.product-card-img,.product-card:hover .product-card-img{transform:none!important}.product-card-sale-chip{position:absolute;top:8px;inset-inline-start:8px;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 8px;border-radius:999px;background:#dc2626;color:#fff;font-size:10px;font-weight:800;box-shadow:0 2px 8px #dc262633}.product-card-body,.product-card-body--compact{padding:8px 8px 10px!important;gap:4px!important}.product-card-price-row,.product-card-price-row--compact{margin:0!important;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.product-card-price{font-size:14px!important;font-weight:800!important;line-height:1.1}.old-price{font-size:10px!important}.discount-tag{display:inline-flex;align-items:center;justify-content:center;min-height:18px;padding:0 6px;border-radius:999px;background:#dc26261a;color:#dc2626;font-size:10px;font-weight:800}.product-card-title,.product-card-title--compact{margin:0!important;font-size:12px!important;line-height:1.35!important;min-height:32px!important;-webkit-line-clamp:2}@media(max-width:360px){.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:0 6px!important}.product-card-body,.product-card-body--compact{padding:7px 7px 9px!important}.product-card-title,.product-card-title--compact{font-size:11px!important;min-height:30px!important}}@media(min-width:768px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))!important;gap:12px!important;padding:0 12px!important}}@media(hover:none){.product-card{box-shadow:0 1px 4px #0f172a0f!important}}html{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body{-webkit-user-select:text;user-select:text;-webkit-tap-highlight-color:transparent;overscroll-behavior-x:none;overscroll-behavior-y:auto}input,textarea,button,select{-webkit-user-select:text;user-select:text}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:500;background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;padding:8px 0 max(8px,env(safe-area-inset-bottom));box-shadow:0 -2px 8px #0000000d}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 12px;font-size:11px;color:var(--text-muted);transition:all var(--transition-fast);cursor:pointer;flex:1;position:relative;border-radius:var(--radius-md)}.bottom-nav-item:active{background:var(--bg-secondary)}.bottom-nav-item.active{color:var(--accent);font-weight:600}.bottom-nav-item.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:var(--accent);border-radius:2px}.bottom-nav-item svg{width:24px;height:24px}html{scroll-padding-top:60px;scroll-padding-bottom:60px}button,a[role=button],input[type=button],input[type=submit]{min-height:44px;min-width:44px;padding:10px 16px;border-radius:var(--radius-lg);font-size:14px;font-weight:600;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}button:active,a[role=button]:active{opacity:.8;transform:scale(.98)}input,textarea,select{min-height:44px;padding:12px 14px;font-size:16px;border-radius:var(--radius-lg);border:1px solid var(--border-color);font-family:inherit;transition:all var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f59e0b1a}.swipe-container{touch-action:pan-y;overflow-x:hidden}.swipe-item{transition:transform var(--transition-normal)}.pull-to-refresh{position:absolute;top:-50px;left:50%;transform:translate(-50%);width:40px;height:40px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;transition:all var(--transition-normal)}.pull-to-refresh.active{top:10px;animation:spin .6s linear infinite}@keyframes spin{to{transform:translate(-50%) rotate(360deg)}}.haptic-btn{position:relative}.haptic-btn:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#fff3;opacity:0;pointer-events:none}.haptic-btn:active:after{animation:haptic-pulse .3s ease-out}@keyframes haptic-pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.fab{position:fixed;bottom:80px;right:16px;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;border:none;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:all var(--transition-normal);z-index:400}.fab:hover{transform:scale(1.1);box-shadow:var(--shadow-xl)}.fab:active{transform:scale(.95)}#scrollToTop{position:fixed;bottom:80px;left:50%;transform:translate(-50%) scale(0);width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;z-index:400;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:all var(--transition-normal);opacity:0}#scrollToTop.visible{transform:translate(-50%) scale(1);opacity:1}#scrollToTop:active{transform:translate(-50%) scale(.95)}.modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.modal-backdrop.show{opacity:1;pointer-events:auto}.modal{position:fixed;inset:0;z-index:1001;display:flex;align-items:flex-end;pointer-events:none}.modal.show{pointer-events:auto}.modal-content{width:100%;background:var(--bg-primary);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:var(--spacing-lg);padding-bottom:max(var(--spacing-lg),env(safe-area-inset-bottom));max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.toast-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:calc(100% - 32px)}.toast{background:var(--bg-primary);color:var(--text-primary);padding:12px 16px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;animation:slideDown .3s ease-out;pointer-events:auto;border-left:4px solid var(--info)}.toast.toast-success{border-left-color:var(--success)}.toast.toast-error{border-left-color:var(--danger)}.toast.toast-warning{border-left-color:var(--warning)}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast.fade-out{animation:slideUp .3s ease-out forwards}.spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}@media(max-width:480px){html{font-size:14px}body{font-size:14px;line-height:1.5}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}h4,p{font-size:14px}button,input,select,textarea{font-size:16px}}@media(max-height:500px)and (orientation:landscape){.safo-mobile-header{padding:8px 12px}.sticky-search{top:50px;padding:8px 12px}.bottom-nav{padding:4px 0 max(4px,env(safe-area-inset-bottom))}.bottom-nav-item{padding:4px 8px;gap:2px}}@media(prefers-color-scheme:dark){:root{--bg-primary: #1a1a1a;--bg-secondary: #242424;--bg-tertiary: #2d2d2d;--text-primary: #f5f5f5;--text-secondary: #b0b0b0;--border-color: #3a3a3a;--border-light: #2d2d2d}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:more){:root{--border-color: #000;--text-primary: #000;--text-secondary: #333}}@media(prefers-reduced-data:reduce){img{background:var(--bg-secondary)}video{display:none}}.products-grid,.premium-products-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:0 10px 12px!important;align-items:start}@media(min-width:1024px){.products-grid,.premium-products-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;padding:0 16px 16px!important}}@media(min-width:768px)and (max-width:1023px){.products-grid,.premium-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;padding:0 12px 12px!important}}.product-card,.product-card--compact{border-radius:10px!important;border:1px solid rgba(15,23,42,.07)!important;box-shadow:0 1px 3px #0f172a0f!important;overflow:hidden;background:#fff;transition:box-shadow .16s ease,border-color .16s ease!important;transform:none!important;contain:layout paint style;content-visibility:auto;contain-intrinsic-size:260px}.product-card:hover,.product-card:active{box-shadow:0 4px 12px #0f172a1a!important;transform:none!important;border-color:#0f9f5c33!important}.product-card-img-wrap{aspect-ratio:1 / 1.08!important;border-radius:0!important;overflow:hidden;width:100%;position:relative;background:#f5f5f5}.product-card-img,.product-card:hover .product-card-img{width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important;transition:none!important}.product-card-sale-chip{position:absolute!important;top:6px!important;inset-inline-start:6px!important;z-index:2;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:18px!important;padding:0 6px!important;border-radius:3px!important;background:#e02020!important;color:#fff!important;font-size:10px!important;font-weight:800!important;box-shadow:none!important;letter-spacing:0}.product-card-wishlist,.product-card-overlay,.product-card-cta-row,.product-card-actions,.product-card-meta-row,.product-card-rating,.product-card-seller,.product-card-supplier-badge,.product-badges-row,.product-badges,.product-card .stock-low,.product-card .stock-out{display:none!important}.product-card-body,.product-card-body--compact{padding:6px 8px 8px!important;display:flex!important;flex-direction:column!important;gap:2px!important}.product-card-price-row,.product-card-price-row--compact{display:flex!important;align-items:baseline!important;gap:4px!important;flex-wrap:wrap!important;margin:0!important}.product-card-price{font-size:13px!important;font-weight:800!important;color:#e02020!important;line-height:1.1!important;letter-spacing:-.01em!important}.old-price,.product-card .old-price{font-size:10px!important;color:#999!important;text-decoration:line-through!important;font-weight:400!important}.discount-tag,.product-card .discount-tag{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:0!important;padding:0 4px!important;border-radius:2px!important;background:#e0202017!important;color:#e02020!important;font-size:10px!important;font-weight:700!important}.product-card-title,.product-card-title--compact{margin:0!important;font-size:11px!important;font-weight:400!important;line-height:1.35!important;color:#333!important;min-height:28px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}@media(max-width:360px){.products-grid,.premium-products-grid{gap:6px!important;padding:0 6px 10px!important}.product-card-body,.product-card-body--compact{padding:5px 6px 7px!important}.product-card-price{font-size:12px!important}.product-card-title,.product-card-title--compact{font-size:10px!important;min-height:26px!important}}.mx-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.mx-product-card,.mx-skeleton-card{border-radius:10px!important;border:1px solid rgba(15,23,42,.07)!important;box-shadow:0 1px 3px #0f172a0f!important;overflow:hidden}.mx-product-thumb{aspect-ratio:1 / 1.08!important;background:#f5f5f5}.mx-badge{top:6px!important;inset-inline-start:6px!important;min-height:18px!important;padding:0 6px!important;font-size:10px!important;font-weight:800!important;border-radius:3px!important}.mx-product-body,.mx-product-body--dense{padding:6px 8px 8px!important;gap:2px!important;display:flex!important;flex-direction:column!important}.mx-product-price-row{gap:4px!important;margin-bottom:0!important;display:flex!important;align-items:baseline!important;flex-wrap:wrap!important}.mx-product-price{font-size:13px!important;font-weight:800!important;color:#e02020!important;line-height:1.1!important}.mx-product-old-price{font-size:10px!important;color:#999!important;text-decoration:line-through!important}.mx-product-title{margin:0!important;font-size:11px!important;font-weight:400!important;line-height:1.35!important;color:#333!important;min-height:28px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.mx-product-actions,.mx-product-meta,.mx-product-signal-row{display:none!important}@media(max-width:360px){.mx-feed-grid{gap:6px!important}.mx-product-price{font-size:12px!important}.mx-product-title{font-size:10px!important;min-height:26px!important}}@media(min-width:768px){.mx-feed-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}}.search-chip-groups{display:flex!important;flex-direction:column!important;gap:5px!important;padding:5px 0 2px!important;margin-top:2px!important}.search-chip-group{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;padding-bottom:1px}.search-chip-group::-webkit-scrollbar{display:none!important}.search-chip-label{display:inline-flex!important;align-items:center!important;gap:4px!important;flex-shrink:0!important;padding:2px 7px!important;border-radius:4px!important;background:#f1f5f9!important;color:#475569!important;font-size:10px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;border:none!important;box-shadow:none!important}.search-chip-label:before{content:""!important;display:inline-block!important;width:5px!important;height:5px!important;border-radius:50%!important;background:#94a3b8!important;flex-shrink:0!important}.search-chip-group.trending .search-chip-label:before{background:#0f9f5c!important}.search-chip{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:4px 10px!important;border-radius:999px!important;background:#f8fafc!important;border:1px solid rgba(148,163,184,.25)!important;color:#374151!important;font-size:11px!important;font-weight:500!important;cursor:pointer!important;white-space:nowrap!important;flex-shrink:0!important;transition:background .14s ease,border-color .14s ease,color .14s ease!important;box-shadow:none!important}.search-chip:hover,.search-chip:active{background:#0f9f5c12!important;border-color:#0f9f5c4d!important;color:#0a7a46!important}.search-chip.trend-chip{background:#3b82f60d!important;border-color:#3b82f62e!important;color:#1d4ed8!important}.search-chip.trend-chip:hover,.search-chip.trend-chip:active{background:#3b82f61a!important;border-color:#3b82f659!important;color:#1e40af!important}.premium-top-tabs,.top-tabs.premium-top-tabs{display:flex!important;gap:6px!important;overflow-x:auto!important;scrollbar-width:none!important;padding:8px 12px 4px!important;margin:0!important;-webkit-overflow-scrolling:touch}.premium-top-tabs::-webkit-scrollbar{display:none!important}.premium-top-tabs .top-tab,.top-tabs.premium-top-tabs .top-tab{flex:0 0 auto!important;padding:6px 14px!important;border-radius:999px!important;font-size:12px!important;font-weight:600!important;background:#f8fafc!important;color:#475569!important;border:1px solid rgba(148,163,184,.22)!important;box-shadow:none!important;transition:background .14s,color .14s,border-color .14s!important;white-space:nowrap}.premium-top-tabs .top-tab.active,.top-tabs.premium-top-tabs .top-tab.active{background:#0f9f5c!important;color:#fff!important;border-color:transparent!important;box-shadow:0 2px 8px #0f9f5c40!important}.premium-top-tabs .top-tab:hover:not(.active),.top-tabs.premium-top-tabs .top-tab:hover:not(.active){background:#0f9f5c0f!important;border-color:#0f9f5c40!important;color:#0a7a46!important}@media(hover:none){.product-card:hover,.mx-product-card:hover{box-shadow:0 1px 3px #0f172a0f!important;border-color:#0f172a12!important}}:root{--safo-shop-black: #0e0e12;--safo-shop-accent: #fe4a6e;--safo-shop-border: rgba(15, 23, 42, .08);--safo-shop-muted: #7a8191;--safo-shop-soft: #f5f6f8}.home-premium-shell{background:radial-gradient(circle at top right,rgba(254,74,110,.1),transparent 22%),radial-gradient(circle at top left,rgba(15,159,92,.08),transparent 20%),linear-gradient(180deg,#fafafc,#f8fafc 12% 100%)}.safo-home-header-shell{position:sticky;top:0;z-index:120}.safo-home-announce{display:flex;align-items:center;gap:8px;background:var(--safo-shop-black);color:#fff;padding:6px 12px;min-height:32px;box-shadow:0 10px 24px #0f172a1f}.safo-home-announce.is-hidden{display:none}.safo-home-announce-icon,.safo-home-announce-close{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.safo-home-announce-icon{color:#ffd166}.safo-home-announce-close{margin-inline-start:auto;border:none;border-radius:999px;background:#ffffff14;color:#ffffffb8}.safo-home-announce-text{overflow:hidden;flex:1;text-align:center;font-size:11px;font-weight:700;white-space:nowrap}.safo-home-announce-text span{display:inline-block;animation:safoAnnouncementMarquee 18s linear infinite}@keyframes safoAnnouncementMarquee{0%{transform:translate(18%)}to{transform:translate(-18%)}}.premium-header--shop{position:static!important;background:#fffffff5!important;border-bottom:1px solid rgba(15,23,42,.06)!important;box-shadow:0 8px 28px #0f172a0f!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.safo-header-inner--shop{display:grid;gap:12px;padding:12px 14px 10px!important}.safo-home-header-top{display:flex;align-items:center;gap:10px}.safo-home-wordmark{min-width:0;flex:1;display:flex;align-items:center;gap:10px;border:none;background:none;text-align:right}.safo-home-wordmark-logo{width:40px;height:40px;border-radius:12px;object-fit:contain;background:#fff;padding:5px;box-shadow:0 8px 18px #0f9f5c24;flex-shrink:0}.safo-home-wordmark-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.safo-home-wordmark-copy strong{font-family:Playfair Display,Times New Roman,serif;font-size:1.42rem;line-height:1;letter-spacing:.14em;color:#111;text-transform:uppercase}.safo-home-wordmark-copy span{font-size:11px;color:var(--safo-shop-muted);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.safo-home-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.safo-header-btn--shop{width:40px!important;height:40px!important;border-radius:14px!important;background:linear-gradient(180deg,#fff,#f7f8fa)!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 8px 18px #0f172a0d!important}.safo-home-searchbar{min-height:46px;display:flex;align-items:center;gap:10px;padding:0 10px 0 12px;border-radius:16px;background:linear-gradient(180deg,#f8f8f9,#f2f3f5);border:1px solid rgba(15,23,42,.08);box-shadow:inset 0 1px #ffffffe6,0 8px 18px #0f172a0a}.safo-home-searchbar-icon{color:#b0b7c3;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.safo-home-searchbar input{flex:1;min-width:0;border:none;background:transparent;outline:none;font-size:13px;color:#1f2937}.safo-home-searchbar input::placeholder{color:#c1c7d0}.safo-home-searchbar-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.safo-home-search-action{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:10px;background:transparent;color:#8e96a3}.safo-home-search-divider{width:1px;height:14px;background:#0f172a1a}.safo-home-search-meta{display:grid;gap:8px}.safo-home-chip-row{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.safo-home-chip-row::-webkit-scrollbar,.premium-top-tabs--header::-webkit-scrollbar{display:none}.safo-home-chip-label{flex:0 0 auto;color:#8f97a5;font-size:11px;font-weight:800}.safo-home-chip{flex:0 0 auto;border:1px solid rgba(15,23,42,.08);background:#fff;color:#1f2937;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;box-shadow:0 4px 12px #0f172a0a}.safo-home-chip--accent{background:#fe4a6e14;color:#d83258;border-color:#fe4a6e1f}.premium-top-tabs--header{margin-bottom:0!important;padding:0 0 2px!important;gap:0!important;overflow-x:auto;border-bottom:1px solid rgba(15,23,42,.08)}.premium-top-tabs--header .top-tab{position:relative;flex:0 0 auto;border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#7d8491!important;padding:10px 14px 12px!important;min-height:auto!important;font-size:13px!important;font-weight:800!important}.premium-top-tabs--header .top-tab.active{color:#111!important}.premium-top-tabs--header .top-tab.active:after{content:"";position:absolute;right:50%;bottom:0;transform:translate(50%);width:22px;height:3px;border-radius:999px;background:#111}.home-content-premium,.profile-page{padding-top:14px!important}.home-hero-panel{padding:14px 14px 0!important}.hero-slider-container-premium{min-height:246px!important;height:246px!important;border-radius:28px!important;overflow:hidden!important;box-shadow:0 18px 44px #0f172a24!important}.hero-slider-container-premium .hero-slider-track,.hero-slider-container-premium .hero-slide,.hero-slider-container-premium .hero-skeleton{height:246px!important}.hero-premium-overlay{padding:18px 18px 20px!important}.hero-kicker{background:#ffffff24!important;border:1px solid rgba(255,255,255,.18)!important}.hero-premium-title{max-width:12ch!important}.home-promo-card,.quick-action-card,.product-card,.deal-card,.ui2-suppliers__card,.recent-card,.category-card,.section-block{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.product-card,.deal-card,.ui2-suppliers__card,.recent-card,.quick-action-card{border:1px solid rgba(15,23,42,.06)!important;box-shadow:0 10px 24px #0f172a0f!important}.product-card:hover,.deal-card:hover,.home-promo-card:hover,.quick-action-card:hover,.ui2-suppliers__card:hover,.recent-card:hover{transform:translateY(-2px);box-shadow:0 18px 36px #0f172a1a!important}.product-card-img-wrap,.deal-card-img,.home-promo-card,.quick-action-card,.ui2-suppliers__card{border-radius:20px!important}.section-block.premium-section,.ui2-suppliers{margin-inline:14px;padding:14px;border-radius:24px;background:#ffffffbd;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 10px 24px #0f172a0a;border:1px solid rgba(255,255,255,.85)}@media(max-width:380px){.safo-home-wordmark-copy strong{font-size:1.24rem;letter-spacing:.1em}.safo-home-wordmark-copy span{font-size:10px}.safo-home-chip,.premium-top-tabs--header .top-tab{font-size:11px!important}}.safo-cp-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;opacity:0;transition:opacity .3s ease}.safo-cp-overlay.safo-cp-open{opacity:1;pointer-events:auto}.safo-cp-backdrop{position:absolute;inset:0;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.safo-cp-sheet{position:relative;width:100%;max-width:520px;max-height:85vh;background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden;transform:translateY(100%);transition:transform .35s cubic-bezier(.16,1,.3,1);box-shadow:0 -4px 30px #00000026}.safo-cp-open .safo-cp-sheet{transform:translateY(0)}@media(min-width:769px){.safo-cp-overlay{align-items:center}.safo-cp-sheet{max-height:70vh;border-radius:20px;transform:translateY(30px) scale(.95);opacity:0}.safo-cp-open .safo-cp-sheet{transform:translateY(0) scale(1);opacity:1}}.safo-cp-handle{display:flex;justify-content:center;padding:10px 0 4px}.safo-cp-handle-bar{width:40px;height:4px;border-radius:4px;background:#d1d5db}.safo-cp-header{padding:0 20px 16px;border-bottom:1px solid #F3F4F6;flex-shrink:0}.safo-cp-header-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.safo-cp-title{flex:1;font-size:1.1rem;font-weight:700;color:#111827;margin:0}.safo-cp-back-btn,.safo-cp-close-btn{width:36px;height:36px;border:none;background:#f3f4f6;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s}.safo-cp-back-btn:hover,.safo-cp-close-btn:hover{background:#e5e7eb;color:#111827}.safo-cp-breadcrumb{display:flex;align-items:center;gap:6px;margin-bottom:12px;font-size:13px}.safo-cp-bc-item{color:#6b7280;cursor:pointer;transition:color .2s}.safo-cp-bc-item:hover{color:#49b47b}.safo-cp-bc-item.active{color:#111827;font-weight:600;cursor:default}.safo-cp-bc-sep{color:#d1d5db}.safo-cp-search-wrap{position:relative;display:flex;align-items:center;gap:8px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;padding:0 12px;transition:all .2s}.safo-cp-search-wrap:focus-within{border-color:#49b47b;background:#fff;box-shadow:0 0 0 3px #49b47b1a}.safo-cp-search-wrap svg{flex-shrink:0;color:#9ca3af}.safo-cp-search{flex:1;border:none;background:transparent;padding:10px 0;font-size:14px;outline:none;color:#111827}.safo-cp-search::placeholder{color:#9ca3af}.safo-cp-search-clear{width:24px;height:24px;border:none;background:#e5e7eb;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s}.safo-cp-search-clear:hover{background:#d1d5db}.safo-cp-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 20px;-webkit-overflow-scrolling:touch}.safo-cp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:480px){.safo-cp-grid{grid-template-columns:repeat(3,1fr)}}.safo-cp-cats{display:flex;flex-direction:column;gap:6px}.safo-cp-cat-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f9fafb;border:2px solid transparent;border-radius:14px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative}.safo-cp-cat-card:hover{background:#f0fdf4;border-color:#bbf7d0;transform:translate(-2px)}.safo-cp-cat-card:active{transform:scale(.98)}.safo-cp-cat-card.selected{background:#f0fdf4;border-color:#49b47b;box-shadow:0 0 0 3px #49b47b1f}.safo-cp-cat-emoji{font-size:1.8rem;flex-shrink:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f}.safo-cp-cat-card.selected .safo-cp-cat-emoji{background:#e8f5ee}.safo-cp-cat-info{flex:1;min-width:0}.safo-cp-cat-name{font-size:14px;font-weight:700;color:#111827;line-height:1.3}.safo-cp-cat-count{font-size:12px;color:#9ca3af;margin-top:2px}.safo-cp-cat-arrow{flex-shrink:0;color:#d1d5db;display:flex;align-items:center;transition:color .2s,transform .2s}.safo-cp-cat-card:hover .safo-cp-cat-arrow{color:#49b47b;transform:translate(-3px)}.safo-cp-cat-check{width:24px;height:24px;background:#49b47b;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;animation:safo-cp-checkPop .25s cubic-bezier(.16,1,.3,1)}.dark-mode .safo-cp-cat-card{background:#374151}.dark-mode .safo-cp-cat-card:hover{background:#064e3b;border-color:#059669}.dark-mode .safo-cp-cat-card.selected{background:#064e3b;border-color:#49b47b}.dark-mode .safo-cp-cat-emoji{background:#1f2937}.dark-mode .safo-cp-cat-card.selected .safo-cp-cat-emoji{background:#064e3b}.dark-mode .safo-cp-cat-name{color:#f9fafb}.safo-cp-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px 12px;background:#f9fafb;border:2px solid transparent;border-radius:14px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-align:center}.safo-cp-card:hover{background:#f0fdf4;border-color:#bbf7d0;transform:translateY(-2px);box-shadow:0 4px 12px #49b47b1a}.safo-cp-card.selected{background:#f0fdf4;border-color:#49b47b;box-shadow:0 0 0 3px #49b47b26}.safo-cp-card.selected .safo-cp-card-emoji{transform:scale(1.1)}.safo-cp-card-emoji{font-size:2rem;line-height:1;transition:transform .2s}.safo-cp-card-name{font-size:13px;font-weight:600;color:#111827;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.safo-cp-card-count{font-size:11px;color:#9ca3af}.safo-cp-card-arrow{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#d1d5db;transition:color .2s}.safo-cp-card:hover .safo-cp-card-arrow{color:#49b47b}.safo-cp-card-check{position:absolute;top:6px;right:6px;width:22px;height:22px;background:#49b47b;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;animation:safo-cp-checkPop .25s cubic-bezier(.16,1,.3,1)}.safo-cp-list{display:flex;flex-direction:column;gap:4px}.safo-cp-list-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f9fafb;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s}.safo-cp-list-item:hover{background:#f0fdf4;border-color:#bbf7d0}.safo-cp-list-item.selected{background:#f0fdf4;border-color:#49b47b;box-shadow:0 0 0 3px #49b47b1f}.safo-cp-list-emoji{font-size:1.5rem;flex-shrink:0}.safo-cp-list-name{flex:1;font-size:14px;font-weight:600;color:#111827}.safo-cp-list-check{width:24px;height:24px;background:#49b47b;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;animation:safo-cp-checkPop .25s cubic-bezier(.16,1,.3,1)}.safo-cp-empty{text-align:center;padding:40px 20px;color:#6b7280}.safo-cp-empty-icon{font-size:2.5rem;margin-bottom:12px}.safo-cp-empty p{margin:0 0 16px;font-size:14px}.safo-cp-no-subs{text-align:center;padding:32px 20px}.safo-cp-no-subs-icon{font-size:3rem;margin-bottom:12px}.safo-cp-no-subs h4{font-size:18px;font-weight:700;color:#111827;margin:0 0 6px}.safo-cp-no-subs p{font-size:14px;color:#6b7280;margin:0 0 4px}.safo-cp-no-subs-hint{font-size:13px;color:#9ca3af;margin-bottom:16px!important}.safo-cp-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px solid #F3F4F6;background:#fff;flex-shrink:0}.safo-cp-selected-summary{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#111827}.safo-cp-check-icon{width:22px;height:22px;background:#49b47b;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}@keyframes safo-cp-checkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}[dir=rtl] .safo-cp-card-arrow{left:auto;right:10px;transform:translateY(-50%) scaleX(-1)}[dir=rtl] .safo-cp-card-check{right:auto;left:6px}.dark-mode .safo-cp-sheet{background:#1f2937}.dark-mode .safo-cp-header{border-color:#374151}.dark-mode .safo-cp-title{color:#f9fafb}.dark-mode .safo-cp-card{background:#374151}.dark-mode .safo-cp-card:hover{background:#064e3b;border-color:#059669}.dark-mode .safo-cp-card.selected{background:#064e3b;border-color:#49b47b}.dark-mode .safo-cp-card-name{color:#f9fafb}.dark-mode .safo-cp-list-item{background:#374151}.dark-mode .safo-cp-list-item:hover{background:#064e3b}.dark-mode .safo-cp-list-item.selected{background:#064e3b;border-color:#49b47b}.dark-mode .safo-cp-list-name{color:#f9fafb}.dark-mode .safo-cp-search-wrap{background:#374151;border-color:#4b5563}.dark-mode .safo-cp-search-wrap:focus-within{background:#1f2937;border-color:#49b47b}.dark-mode .safo-cp-search{color:#f9fafb}.dark-mode .safo-cp-footer{background:#1f2937;border-color:#374151}.dark-mode .safo-cp-selected-summary{color:#f9fafb}.dark-mode .safo-cp-empty{color:#9ca3af}.ui2-seller{--ui2-primary: #059669;--ui2-primary-light: #D1FAE5;--ui2-bg: #F8F9FA;--ui2-surface: #FFFFFF;--ui2-text: #111827;--ui2-text-secondary: #6B7280;--ui2-border: #E5E7EB;--ui2-radius: 16px;--ui2-radius-sm: 12px;--ui2-shadow: 0 2px 12px rgba(0,0,0,.06);--ui2-shadow-lg: 0 8px 30px rgba(0,0,0,.1)}.ui2-header{background:var(--ui2-surface);border-radius:var(--ui2-radius);overflow:hidden;box-shadow:var(--ui2-shadow);margin-bottom:20px}.ui2-cover{position:relative;height:160px;background:linear-gradient(135deg,#0d9488,#059669,#047857);overflow:hidden}.ui2-cover img{width:100%;height:100%;object-fit:cover}.ui2-cover:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,rgba(0,0,0,.5),transparent)}.ui2-cover-edit{position:absolute;top:12px;left:12px;width:32px;height:32px;border-radius:50%;background:#ffffffd9;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .2s}.ui2-cover-edit:hover{background:#fff;transform:scale(1.1)}.ui2-header-body{padding:0 20px 20px;display:flex;gap:16px;align-items:flex-start}.ui2-avatar-wrap{margin-top:-40px;position:relative;z-index:1;flex-shrink:0}.ui2-avatar{width:80px;height:80px;border-radius:50%;border:4px solid #fff;background:var(--ui2-primary-light);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--ui2-primary);overflow:hidden;box-shadow:0 4px 12px #0000001a}.ui2-avatar img{width:100%;height:100%;object-fit:cover}.ui2-header-info{flex:1;padding-top:8px;min-width:0}.ui2-store-name{font-size:20px;font-weight:700;color:var(--ui2-text);margin:0 0 4px;line-height:1.3}.ui2-store-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--ui2-text-secondary)}.safo-verified-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.3px;box-shadow:0 1px 3px #1e40af4d;white-space:nowrap}.safo-verified-badge svg{width:14px;height:14px;stroke:#fff;stroke-width:2.5;fill:none;flex-shrink:0}.safo-verified-badge--sm{padding:2px 7px;font-size:10px;gap:3px}.safo-verified-badge--sm svg{width:12px;height:12px}.safo-gold-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;background:linear-gradient(135deg,#92400e,#d97706,#f59e0b);color:#fff;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:.3px;box-shadow:0 1px 3px #92400e4d}.safo-gold-badge svg{width:14px;height:14px;stroke:#fff;stroke-width:2.5;fill:none}.ui2-header-actions{display:flex;gap:8px;margin-top:8px}.ui2-header-actions .btn{font-size:13px;padding:6px 14px;border-radius:10px}.ui2-completion{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #F59E0B;border-radius:var(--ui2-radius);padding:16px 20px;margin-bottom:20px}.ui2-completion-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ui2-completion-title{font-size:14px;font-weight:700;color:#92400e;display:flex;align-items:center;gap:6px}.ui2-completion-pct{font-size:13px;font-weight:600;color:#b45309}.ui2-completion-bar{height:8px;background:#fff9;border-radius:8px;overflow:hidden;margin-bottom:12px}.ui2-completion-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#059669);border-radius:8px;transition:width .6s cubic-bezier(.16,1,.3,1)}.ui2-completion-steps{display:flex;flex-wrap:wrap;gap:6px}.ui2-completion-step{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#ffffffb3;border-radius:16px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.ui2-completion-step:hover{background:#ffffffe6}.ui2-completion-step.done{color:#059669}.ui2-completion-step.pending{color:#b45309}.ui2-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}@media(max-width:480px){.ui2-kpis{grid-template-columns:repeat(2,1fr)}}.ui2-kpi{background:var(--ui2-surface);border-radius:var(--ui2-radius-sm);padding:16px 12px;text-align:center;box-shadow:var(--ui2-shadow);cursor:pointer;transition:all .2s;position:relative}.ui2-kpi:hover{transform:translateY(-2px);box-shadow:var(--ui2-shadow-lg)}.ui2-kpi-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px}.ui2-kpi-value{font-size:22px;font-weight:700;color:var(--ui2-text);line-height:1.2}.ui2-kpi-value.empty{color:#d1d5db}.ui2-kpi-label{font-size:12px;color:var(--ui2-text-secondary);margin-top:2px}.ui2-kpi-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;background:#ef4444;color:#fff;border-radius:10px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;animation:ui2-badgePop .3s cubic-bezier(.16,1,.3,1)}@keyframes ui2-badgePop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.ui2-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}@media(min-width:768px){.ui2-actions{grid-template-columns:repeat(6,1fr)}}.ui2-action{background:var(--ui2-surface);border-radius:var(--ui2-radius-sm);padding:18px 12px;text-align:center;cursor:pointer;transition:all .2s;border:1px solid var(--ui2-border);-webkit-tap-highlight-color:transparent}.ui2-action:active{transform:scale(.96)}.ui2-action:hover{border-color:var(--ui2-primary);box-shadow:0 4px 16px #0596691a}.ui2-action-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.ui2-action-label{font-size:13px;font-weight:500;color:var(--ui2-text)}.ui2-action.cta{background:var(--ui2-primary);border-color:var(--ui2-primary)}.ui2-action.cta .ui2-action-label{color:#fff;font-weight:600}.ui2-tasks{background:var(--ui2-surface);border-radius:var(--ui2-radius);padding:20px;box-shadow:var(--ui2-shadow);margin-bottom:20px}.ui2-tasks-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ui2-tasks-title{font-size:15px;font-weight:700;color:var(--ui2-text);display:flex;align-items:center;gap:6px}.ui2-task-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--ui2-bg);border-radius:var(--ui2-radius-sm);margin-bottom:8px;transition:all .2s}.ui2-task-item:hover{background:#f0fdf4}.ui2-task-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem}.ui2-task-body{flex:1;min-width:0}.ui2-task-text{font-size:13px;font-weight:500;color:var(--ui2-text);line-height:1.4}.ui2-task-time{font-size:11px;color:var(--ui2-text-secondary);margin-top:2px}.ui2-task-action{flex-shrink:0}.ui2-tasks-empty{text-align:center;padding:24px;color:var(--ui2-text-secondary);font-size:14px}.ui2-tabs{display:flex;gap:0;border-bottom:2px solid var(--ui2-border);margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.ui2-tab{padding:12px 20px;font-size:14px;font-weight:500;color:var(--ui2-text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:all .2s}.ui2-tab:hover{color:var(--ui2-text)}.ui2-tab.active{color:var(--ui2-primary);border-bottom-color:var(--ui2-primary);font-weight:600}.ui2-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;background:var(--ui2-bg);border-radius:10px;font-size:11px;font-weight:600;color:var(--ui2-text-secondary);margin-right:6px;padding:0 5px}.ui2-tab.active .ui2-tab-count{background:var(--ui2-primary-light);color:var(--ui2-primary)}.ui2-empty-products{text-align:center;padding:48px 24px;background:var(--ui2-surface);border-radius:var(--ui2-radius);border:2px dashed var(--ui2-border)}.ui2-empty-products-icon{width:64px;height:64px;border-radius:16px;background:var(--ui2-primary-light);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.ui2-empty-products h4{font-size:16px;font-weight:700;color:var(--ui2-text);margin:0 0 6px}.ui2-empty-products p{font-size:13px;color:var(--ui2-text-secondary);margin:0 0 16px}.ui2-fab{position:fixed;bottom:80px;left:20px;width:56px;height:56px;border-radius:16px;background:var(--ui2-primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #05966959;z-index:100;transition:all .2s}.ui2-fab:hover{transform:translateY(-2px);box-shadow:0 8px 28px #05966973}.ui2-fab:active{transform:scale(.95)}@media(min-width:769px){.ui2-fab{display:none}}.ui2-skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:ui2-shimmer 1.5s infinite;border-radius:8px}@keyframes ui2-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:480px){.ui2-header-body{flex-direction:column;align-items:center;text-align:center}.ui2-header-info{text-align:center}.ui2-store-meta,.ui2-header-actions{justify-content:center}.ui2-kpi-value{font-size:18px}.ui2-cover{height:120px}.ui2-avatar{width:64px;height:64px;font-size:1.5rem}.ui2-avatar-wrap{margin-top:-32px}}.dark-mode .ui2-header,.dark-mode .ui2-tasks,.dark-mode .ui2-kpi{background:#1f2937}.dark-mode .ui2-action{background:#1f2937;border-color:#374151}.dark-mode .ui2-action:hover{border-color:#059669}.dark-mode .ui2-store-name,.dark-mode .ui2-kpi-value,.dark-mode .ui2-action-label{color:#f9fafb}.dark-mode .ui2-task-item{background:#374151}.dark-mode .ui2-task-item:hover{background:#064e3b}.dark-mode .ui2-empty-products{background:#1f2937;border-color:#374151}.dark-mode .ui2-empty-products h4{color:#f9fafb}.dark-mode .ui2-tabs{border-color:#374151}.dark-mode .ui2-completion{background:linear-gradient(135deg,#451a03,#78350f);border-color:#92400e}.dark-mode .ui2-completion-title{color:#fde68a}.dark-mode .ui2-completion-pct{color:#fcd34d}:root{--ui2-primary: #2E7D32;--ui2-primary-light: #E8F5E9;--ui2-primary-soft: rgba(46, 125, 50, .06);--ui2-accent-gold: #F59E0B;--ui2-accent-gold-light: #FFFBEB;--ui2-accent-gold-text: #D97706;--ui2-surface: #FFFFFF;--ui2-bg: #F5F7FA;--ui2-text: #111827;--ui2-text-secondary: #6B7280;--ui2-text-muted: #9CA3AF;--ui2-border: rgba(0, 0, 0, .06);--ui2-border-light: rgba(0, 0, 0, .04);--ui2-radius-sm: 10px;--ui2-radius-md: 14px;--ui2-radius-lg: 18px;--ui2-radius-xl: 22px;--ui2-shadow-sm: 0 1px 6px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--ui2-shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .03);--ui2-shadow-lg: 0 8px 32px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04);--ui2-shadow-float: 0 16px 48px rgba(0, 0, 0, .1);--ui2-bottom-nav-height: 68px}.ui2-benefits{padding:40px 20px;background:var(--ui2-bg);margin-top:16px}.ui2-section__header{text-align:center;margin-bottom:28px}.ui2-section__title{font-size:20px;font-weight:800;color:var(--ui2-text);margin:0 0 8px;letter-spacing:-.03em;line-height:1.3}.ui2-section__subtitle{font-size:13px;color:var(--ui2-text-secondary);margin:0;line-height:1.5}.ui2-benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ui2-benefit-card{background:var(--ui2-surface);border-radius:var(--ui2-radius-lg);padding:24px 18px;text-align:center;box-shadow:var(--ui2-shadow-sm);border:1px solid var(--ui2-border-light);transition:all .35s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;overflow:hidden}.ui2-benefit-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--cinema-accent, linear-gradient(135deg, #49B47B, #2E9963));opacity:0;transition:opacity .3s ease}.ui2-benefit-card:hover{transform:translateY(-4px);box-shadow:var(--ui2-shadow-lg)}.ui2-benefit-card:hover:after{opacity:1}.ui2-benefit-card:active{transform:translateY(-2px) scale(.98)}.ui2-benefit-icon{width:52px;height:52px;border-radius:var(--ui2-radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.ui2-benefit-card:hover .ui2-benefit-icon{transform:scale(1.08)}.ui2-benefit-icon svg{width:26px;height:26px;stroke-width:1.6}.ui2-benefit-icon--green{background:var(--ui2-primary-soft);color:var(--ui2-primary)}.ui2-benefit-icon--blue{background:#3b82f60f;color:#1565c0}.ui2-benefit-icon--amber{background:#f59e0b0f;color:#d97706}.ui2-benefit-icon--purple{background:#8b5cf60f;color:#5e35b1}.ui2-benefit-title{font-size:14px;font-weight:700;color:var(--ui2-text);margin:0;line-height:1.3;letter-spacing:-.01em}.ui2-benefit-desc{font-size:12px;color:var(--ui2-text-secondary);margin:0;line-height:1.5}.ui2-suppliers{padding:32px 0 32px 20px;background:var(--ui2-surface);margin-top:16px}.ui2-suppliers__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-right:20px}.ui2-suppliers__title-wrap{display:flex;flex-direction:column;gap:4px}.ui2-suppliers__title{font-size:18px;font-weight:800;color:var(--ui2-text);margin:0;display:flex;align-items:center;gap:10px;letter-spacing:-.02em}.ui2-suppliers__title svg{width:22px;height:22px;color:var(--ui2-primary)}.ui2-suppliers__subtitle{font-size:12px;color:var(--ui2-text-secondary);margin:0}.ui2-suppliers__link{font-size:13px;color:var(--ui2-primary);font-weight:600;text-decoration:none;white-space:nowrap;display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;transition:all .2s ease}.ui2-suppliers__link:hover{background:var(--ui2-primary-soft)}.ui2-suppliers__link svg{width:14px;height:14px}.ui2-suppliers-carousel{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px;padding-right:20px;scrollbar-width:none}.ui2-suppliers-carousel::-webkit-scrollbar{display:none}.ui2-supplier-card{min-width:180px;max-width:180px;background:var(--ui2-surface);border-radius:var(--ui2-radius-lg);padding:18px;box-shadow:var(--ui2-shadow-sm);border:1px solid var(--ui2-border-light);scroll-snap-align:start;transition:all .35s cubic-bezier(.25,.46,.45,.94);flex-shrink:0;display:flex;flex-direction:column;gap:12px;cursor:pointer;position:relative;overflow:hidden}.ui2-supplier-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--cinema-accent, linear-gradient(135deg, #49B47B, #2E9963));opacity:0;transition:opacity .3s ease}.ui2-supplier-card:hover{transform:translateY(-4px);box-shadow:var(--ui2-shadow-lg)}.ui2-supplier-card:hover:after{opacity:1}.ui2-supplier-card:active{transform:translateY(-2px) scale(.98)}.ui2-supplier-card__top{display:flex;align-items:center;gap:12px}.ui2-supplier-avatar{width:48px;height:48px;border-radius:var(--ui2-radius-md);background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:var(--ui2-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;flex-shrink:0;text-transform:uppercase;box-shadow:0 2px 8px #2e7d321f}.ui2-supplier-info{flex:1;min-width:0}.ui2-supplier-name{font-weight:700;font-size:13px;color:var(--ui2-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;display:flex;align-items:center;gap:5px;letter-spacing:-.01em}.ui2-supplier-verified{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.ui2-supplier-verified svg{width:13px;height:13px;color:var(--ui2-primary)}.ui2-supplier-location{font-size:11px;color:var(--ui2-text-muted);margin:3px 0 0;display:flex;align-items:center;gap:4px}.ui2-supplier-location svg{width:11px;height:11px;flex-shrink:0}.ui2-supplier-card__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--ui2-border)}.ui2-supplier-rating{display:flex;align-items:center;gap:4px}.ui2-supplier-rating svg{width:14px;height:14px;color:var(--ui2-accent-gold);fill:var(--ui2-accent-gold)}.ui2-supplier-rating__value{font-weight:700;font-size:12px;color:var(--ui2-text)}.ui2-supplier-badge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:6px;background:var(--ui2-accent-gold-light);color:var(--ui2-accent-gold-text);letter-spacing:.01em}.bottom-nav.ui2-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--ui2-bottom-nav-height);background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--ui2-border);box-shadow:0 -2px 20px #0000000d;display:flex;justify-content:space-around;align-items:center;padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px));z-index:1000;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bottom-nav-item.ui2-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 14px;color:var(--ui2-text-muted);text-decoration:none;transition:all .25s ease;position:relative;-webkit-tap-highlight-color:transparent;border-radius:12px;touch-action:manipulation;user-select:none;-webkit-user-select:none}.bottom-nav-item.ui2-nav-item:hover{background:#00000005}.bottom-nav-item.ui2-nav-item .bnav-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center;transition:transform .25s ease}.bottom-nav-item.ui2-nav-item .bnav-icon svg{width:22px;height:22px;stroke-width:1.8}.bottom-nav-item.ui2-nav-item span:not(.bnav-icon):not(.bnav-badge){font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:56px;text-align:center;transition:color .2s ease}.bottom-nav-item.ui2-nav-item.active{color:var(--ui2-primary)}.bottom-nav-item.ui2-nav-item.active .bnav-icon{transform:scale(1.12) translateY(-2px)}.bottom-nav-item.ui2-nav-item.active .bnav-icon svg{stroke-width:2.2}.bottom-nav-item.ui2-nav-item.active:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:var(--ui2-primary);border-radius:0 0 4px 4px;box-shadow:0 2px 8px #2e7d3240}.bottom-nav-item.ui2-nav-item .bnav-badge{position:absolute;top:0;right:50%;transform:translate(14px);min-width:16px;height:16px;background:#e53935;color:#fff;font-size:9px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid white;box-shadow:0 2px 6px #e539354d}.ui2-divider{height:8px;background:var(--ui2-bg);border:none;margin:0}.notif-bell-float{position:fixed;top:12px;left:12px;z-index:999}.notif-bell-wrap{width:42px;height:42px;background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.06);border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 12px #0000000f;transition:all .25s ease;position:relative}.notif-bell-wrap:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0000001a}.notif-bell-icon{color:#374151}.notif-bell-icon svg{width:20px;height:20px}.notif-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;background:#e53935;color:#fff;font-size:10px;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid white;box-shadow:0 2px 6px #e539354d}@media(max-width:480px){.notif-bell-float{top:10px;left:8px;z-index:999}.notif-bell-wrap{width:38px;height:38px;border-radius:12px}.notif-bell-icon svg{width:18px;height:18px}.notif-badge{min-width:16px;height:16px;font-size:9px;top:-2px;right:-2px;border-width:2px}}@media(min-width:600px){.ui2-benefits-grid{grid-template-columns:repeat(4,1fr)}.ui2-supplier-card{min-width:192px;max-width:192px}}@media(min-width:768px){.ui2-benefits{max-width:960px;margin-left:auto;margin-right:auto;padding:48px 32px}.ui2-suppliers{max-width:960px;margin-left:auto;margin-right:auto}}@media(min-width:1024px){.ui2-benefits,.ui2-suppliers{max-width:1100px}}[data-theme=dark]{--primary: #5FC48E;--primary-dark: #49B47B;--primary-light: #7DD4A8;--primary-bg: #0F2922;--success: #34D399;--success-bg: #064E3B;--warning: #FBBF24;--error: #F87171;--error-bg: #450A0A;--info: #60A5FA;--white: #111827;--bg: #0F172A;--gray-50: #1E293B;--gray-100: #1E293B;--gray-200: #334155;--gray-300: #475569;--gray-400: #94A3B8;--gray-500: #CBD5E1;--gray-600: #E2E8F0;--gray-700: #F1F5F9;--gray-800: #F8FAFC;--gray-900: #FFFFFF}[data-theme=dark] body{background:var(--bg);color:#e2e8f0}[data-theme=dark] .admin-layout,[data-theme=dark] .seller-layout{background:var(--bg)}[data-theme=dark] .admin-main,[data-theme=dark] .seller-main{background:#0f172a}[data-theme=dark] .admin-sidebar,[data-theme=dark] .seller-sidebar{background:#1e293b;border-color:#334155}[data-theme=dark] .admin-topbar,[data-theme=dark] .seller-topbar,[data-theme=dark] .admin-stat-card,[data-theme=dark] .seller-stat-card,[data-theme=dark] .product-card-seller,[data-theme=dark] .rfq-card,[data-theme=dark] .review-card,[data-theme=dark] .order-card,[data-theme=dark] .settings-card,[data-theme=dark] .profile-seller-grid a{background:#1e293b;border-color:#334155;color:#e2e8f0}[data-theme=dark] .seller-welcome{background:linear-gradient(135deg,#1e293b,#0f2922);border-color:#334155}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background:#1e293b;border-color:#334155;color:#e2e8f0}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] .form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5fc48e26}[data-theme=dark] .form-input::placeholder,[data-theme=dark] .form-textarea::placeholder{color:#64748b}[data-theme=dark] .form-label{color:#cbd5e1}[data-theme=dark] .admin-table,[data-theme=dark] .seller-table{background:#1e293b;color:#e2e8f0}[data-theme=dark] .admin-table thead th,[data-theme=dark] .seller-table thead th{background:#0f172a;color:#94a3b8;border-color:#334155}[data-theme=dark] .admin-table tbody td,[data-theme=dark] .seller-table tbody td{border-color:#1e293b}[data-theme=dark] .admin-table tbody tr:hover,[data-theme=dark] .seller-table tbody tr:hover{background:#334155}[data-theme=dark] .badge-success{background:#064e3b;color:#34d399}[data-theme=dark] .badge-warning{background:#451a03;color:#fbbf24}[data-theme=dark] .badge-error{background:#450a0a;color:#f87171}[data-theme=dark] .badge-info{background:#1e3a5f;color:#60a5fa}[data-theme=dark] .badge-primary{background:#0f2922;color:#5fc48e}[data-theme=dark] .badge-gray{background:#334155;color:#94a3b8}[data-theme=dark] .btn-secondary{background:#334155;border-color:#475569;color:#e2e8f0}[data-theme=dark] .btn-secondary:hover{background:#475569}[data-theme=dark] .btn-outline{background:transparent;border-color:#475569;color:#e2e8f0}[data-theme=dark] .btn-outline:hover{background:#334155}[data-theme=dark] .btn-light{background:#334155;color:#e2e8f0}[data-theme=dark] .admin-nav-item,[data-theme=dark] .seller-nav-item{color:#94a3b8}[data-theme=dark] .admin-nav-item:hover,[data-theme=dark] .seller-nav-item:hover{background:#334155;color:#e2e8f0}[data-theme=dark] .admin-nav-item.active,[data-theme=dark] .seller-nav-item.active{background:var(--primary-bg);color:var(--primary)}[data-theme=dark] .bottom-nav{background:#1e293b;border-color:#334155}[data-theme=dark] .bottom-nav-item{color:#64748b}[data-theme=dark] .bottom-nav-item.active{color:var(--primary)}[data-theme=dark] .modal-content,[data-theme=dark] .modal-body{background:#1e293b;color:#e2e8f0}[data-theme=dark] .modal-header{border-color:#334155}[data-theme=dark] .modal-overlay{background:#000000b3}[data-theme=dark] .toast{background:#334155;color:#e2e8f0;border-color:#475569}[data-theme=dark] .notif-dropdown{background:#1e293b;border-color:#334155}[data-theme=dark] .notif-item{border-color:#334155}[data-theme=dark] .notif-item.unread{background:#0f2922}[data-theme=dark] .notif-item:hover{background:#334155}[data-theme=dark] .product-card{background:#1e293b;border-color:#334155}[data-theme=dark] .product-card:hover{border-color:var(--primary)}[data-theme=dark] .search-bar,[data-theme=dark] .seller-search-box{background:#1e293b;border-color:#334155}[data-theme=dark] .search-bar input,[data-theme=dark] .seller-search-box input{background:transparent;color:#e2e8f0}[data-theme=dark] .empty-state{color:#64748b}[data-theme=dark] .empty-icon{color:#475569}[data-theme=dark] .wallet-balance-card{background:linear-gradient(135deg,#1e293b,#0f2922);border-color:#334155}[data-theme=dark] .wallet-tx{border-color:#334155}[data-theme=dark] .wizard-content{background:#1e293b;border-color:#334155}[data-theme=dark] .wizard-step-circle{background:#334155;border-color:#475569}[data-theme=dark] .wizard-step.active .wizard-step-circle{background:var(--primary);border-color:var(--primary)}[data-theme=dark] canvas{filter:invert(.85) hue-rotate(180deg)}[data-theme=dark] ::-webkit-scrollbar{width:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:#0f172a}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#475569}[data-theme=dark] .quick-action-btn{background:#1e293b;border-color:#334155;color:#e2e8f0}[data-theme=dark] .quick-action-btn:hover{border-color:var(--primary);background:#0f2922}[data-theme=dark] .analytics-bar-item{color:#cbd5e1}[data-theme=dark] .progress-bar{background:#334155}[data-theme=dark] .auth-page{background:var(--bg)}[data-theme=dark] .auth-form,[data-theme=dark] .admin-login-card,[data-theme=dark] .detail-header,[data-theme=dark] .pwa-install-banner,[data-theme=dark] .category-card,[data-theme=dark] .review-summary{background:#1e293b;border-color:#334155}[data-theme=dark] .review-bar{background:#334155}[data-theme=dark] .tiered-pricing-table{background:#1e293b;border-color:#334155}[data-theme=dark] .tiered-header{background:#0f172a;color:#94a3b8}[data-theme=dark] .shipping-option{background:#1e293b;border-color:#334155;color:#e2e8f0}[data-theme=dark] .shipping-option.active{border-color:var(--primary);background:#0f2922}[data-theme=dark] .preview-card{background:#1e293b;border-color:#334155}[data-theme=dark] .admin-alert{background:#1e293b;border-color:#334155;color:#e2e8f0}[data-theme=dark] .settings-tab{color:#94a3b8;border-color:#334155}[data-theme=dark] .settings-tab.active{color:var(--primary);border-color:var(--primary)}[data-theme=dark] .settings-tab-content{background:#1e293b;border-color:#334155}[data-theme=dark] .settings-cover{filter:brightness(.7)}[data-theme=dark] hr,[data-theme=dark] .divider{border-color:#334155}[data-theme=dark] .text-gray-400{color:#94a3b8}[data-theme=dark] .text-gray-500{color:#cbd5e1}[data-theme=dark] a{color:var(--primary-light)}[data-theme=dark] .admin-cat-group{background:#1e293b;border-color:#334155}[data-theme=dark] .admin-cat-header,[data-theme=dark] .admin-subcat-item{border-color:#334155}[data-theme=dark] .admin-subcat-item:hover{background:#334155}:root{--glass-bg: rgba(255, 255, 255, .78);--glass-border: rgba(255, 255, 255, .25);--glass-blur: 24px;--cinema-gradient: linear-gradient(135deg, #0a1628 0%, #0f2847 30%, #163a5f 60%, #0a1628 100%);--cinema-accent: linear-gradient(135deg, #49B47B 0%, #2E9963 50%, #1E7A4A 100%);--cinema-gold: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);--premium-shadow: 0 2px 12px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .03);--premium-shadow-hover: 0 8px 32px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .04);--premium-shadow-float: 0 16px 48px rgba(0, 0, 0, .12), 0 4px 16px rgba(0, 0, 0, .06);--glow-green: 0 0 40px rgba(73, 180, 123, .12);--text-gradient: linear-gradient(135deg, #49B47B, #2E9963);--surface-elevated: #FFFFFF;--surface-reduced: #F8FAFB;--border-subtle: rgba(0, 0, 0, .06);--border-medium: rgba(0, 0, 0, .1)}body{background:#f5f7fa;background-attachment:fixed}.cinema-hero{position:relative;min-height:220px;background:var(--cinema-gradient);overflow:hidden;margin:0;border-radius:0 0 24px 24px}.cinema-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 800px 500px at 15% 85%,rgba(73,180,123,.18) 0%,transparent 60%),radial-gradient(ellipse 600px 400px at 85% 15%,rgba(30,122,74,.15) 0%,transparent 60%),radial-gradient(ellipse 400px 300px at 50% 40%,rgba(245,158,11,.06) 0%,transparent 60%);animation:auroraShift 12s ease-in-out infinite alternate}@keyframes auroraShift{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}to{opacity:.8;transform:scale(1)}}.cinema-hero:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M40 0l40 40-40 40L0 40z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.cinema-hero-content{position:relative;z-index:2;padding:24px 20px 28px;color:#fff}.hero-split-slider{display:flex;min-height:200px;position:relative;z-index:2}.hero-split-left{flex:1;display:flex;align-items:center;padding:20px 16px;position:relative;z-index:2}.hero-split-left-inner{width:100%}.hero-split-logo{width:52px;height:52px;border-radius:14px;margin-bottom:12px;box-shadow:0 4px 20px #0003;animation:fadeInDown .5s ease}.cinema-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:#49b47b26;backdrop-filter:blur(12px);border:1px solid rgba(73,180,123,.25);border-radius:100px;font-size:11px;font-weight:600;color:#fffffff2;margin-bottom:12px;animation:fadeInDown .4s ease;letter-spacing:.02em}.cinema-hero h1{font-size:1.4rem;font-weight:800;line-height:1.3;margin-bottom:8px;animation:fadeInUp .4s ease .1s both;text-shadow:0 2px 20px rgba(0,0,0,.3);letter-spacing:-.01em}.cinema-hero h1 .highlight,.cinema-hero h1 .hero-brand{background:linear-gradient(135deg,#49b47b,#7dd9a4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hero-brand:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg,#49b47b,#f59e0b);border-radius:2px;animation:brandGlow 2.5s ease-in-out infinite alternate}@keyframes brandGlow{0%{opacity:.4;transform:scaleX(.7)}to{opacity:1;transform:scaleX(1)}}.cinema-hero p{font-size:12px;color:#ffffffb3;max-width:280px;line-height:1.5;animation:fadeInUp .4s ease .2s both}.hero-rotating-wrap{display:flex;align-items:center;min-height:32px;margin-bottom:8px;animation:fadeInUp .5s ease .2s both}.hero-rotating-text{font-size:1.05rem;font-weight:700;color:#f59e0b;text-shadow:0 1px 12px rgba(245,158,11,.25);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:85vw}.hero-cursor{display:inline-block;width:2.5px;height:1.2em;background:#f59e0b;margin-right:3px;border-radius:2px;animation:cursorBlink .8s step-end infinite;vertical-align:middle;box-shadow:0 0 8px #f59e0b66}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.hero-split-title{font-size:1.3rem;font-weight:800;line-height:1.3;margin-bottom:6px;color:#fff;animation:fadeInUp .5s ease .1s both;text-shadow:0 2px 16px rgba(0,0,0,.2)}.hero-split-tagline{font-size:12px;color:#ffffffa6;max-width:280px;line-height:1.5;animation:fadeInUp .4s ease .25s both}.hero-split-right{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;position:relative;z-index:2}.hero-slider-container{position:relative;width:100%;max-width:320px;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:#ffffff0f;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003}.hero-slider-track{display:flex;transition:transform .5s cubic-bezier(.25,.46,.45,.94);height:100%}.hero-slide{min-width:100%;height:100%}.hero-slide img{width:100%;height:100%;object-fit:cover}.hero-slider-dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:5}.hero-slider-dot{width:6px;height:6px;border-radius:50%;background:#fff6;border:none;cursor:pointer;transition:all .3s ease;padding:0}.hero-slider-dot.active{background:#fff;width:18px;border-radius:3px;box-shadow:0 0 8px #fff6}.hero-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;background:#ffffff26;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;transition:all .2s ease;opacity:0}.hero-slider-container:hover .hero-slider-arrow{opacity:1}.hero-slider-arrow:hover{background:#ffffff40;transform:translateY(-50%) scale(1.1)}.hero-slider-prev{right:8px}.hero-slider-next{left:8px}.hero-slider-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff6;font-size:12px;gap:8px}.hero-slider-empty-icon{font-size:28px;opacity:.5}.cinema-hero-stats{display:flex;gap:20px;margin-top:14px;animation:fadeInUp .4s ease .3s both}.cinema-stat{text-align:center}.cinema-stat-value{font-size:1.15rem;font-weight:800;color:#fff;display:block;letter-spacing:-.02em}.cinema-stat-label{font-size:10px;color:#ffffff80;margin-top:2px;letter-spacing:.02em}.hero-tagline{font-size:13px;color:#ffffffb3;max-width:320px;margin:0 auto 10px;line-height:1.5;animation:fadeInUp .5s ease .35s both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}.cinema-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.cinema-particle{position:absolute;width:3px;height:3px;background:#ffffff14;border-radius:50%;animation:floatParticle 12s ease-in-out infinite;will-change:transform,opacity}.cinema-particle:nth-child(1){left:12%;top:25%;animation-delay:0s}.cinema-particle:nth-child(2){left:55%;top:65%;animation-delay:4s;width:2px;height:2px}.cinema-particle:nth-child(3){left:82%;top:20%;animation-delay:8s}@keyframes floatParticle{0%,to{transform:translateY(0) translate(0);opacity:0}15%{opacity:.5}50%{transform:translateY(-25px) translate(12px);opacity:.2}85%{opacity:.5}}.top-tabs{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--border-subtle)!important;box-shadow:0 1px 8px #00000008}.smart-search{border:none!important;background:var(--surface-elevated)!important;border:1px solid var(--border-medium)!important;box-shadow:var(--premium-shadow),var(--glow-green)!important;transition:all .3s cubic-bezier(.25,.46,.45,.94)!important}.smart-search:focus-within{box-shadow:var(--premium-shadow-hover),0 0 50px #49b47b1f!important;border-color:#49b47b59!important;transform:translateY(-1px)}.search-btn-orange{background:var(--cinema-accent)!important;box-shadow:0 4px 14px #49b47b4d;transition:all .2s ease}.search-btn-orange:hover{box-shadow:0 6px 20px #49b47b66;transform:scale(1.05)}.quick-action-card{background:var(--surface-elevated)!important;border:1px solid var(--border-subtle)!important;box-shadow:var(--premium-shadow)!important;transition:all .3s cubic-bezier(.25,.46,.45,.94)!important;border-radius:14px!important}.quick-action-card:hover{transform:translateY(-3px)!important;box-shadow:var(--premium-shadow-hover)!important;border-color:#49b47b40!important}.quick-action-card:active{transform:translateY(-1px) scale(.98)!important}.promo-banner{background:linear-gradient(135deg,#49b47b0a,#ffffffe6,#f59e0b0a)!important;backdrop-filter:blur(12px);border:1px solid var(--border-subtle)!important;box-shadow:var(--premium-shadow)!important;border-radius:16px!important}.product-card{background:var(--surface-elevated)!important;border:1px solid var(--border-subtle)!important;border-radius:14px!important;overflow:hidden;transition:all .35s cubic-bezier(.25,.46,.45,.94)!important;box-shadow:var(--premium-shadow)!important}.product-card:hover{transform:translateY(-4px)!important;box-shadow:var(--premium-shadow-hover)!important;border-color:#49b47b33!important}.product-card-img-wrap{border-radius:0!important;position:relative;overflow:hidden}.product-card-img-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.03) 100%);pointer-events:none}.product-card:hover .product-card-img{transform:scale(1.08)!important}.product-card-overlay{background:linear-gradient(transparent,#0009)!important;opacity:0;transform:translateY(8px);transition:all .3s cubic-bezier(.25,.46,.45,.94)!important;pointer-events:none}.product-card:hover .product-card-overlay{opacity:1;transform:translateY(0);pointer-events:auto}.overlay-btn{background:#fffffff2!important;color:#1a1a2e!important;padding:7px 16px!important;border-radius:8px!important;font-size:12px!important;font-weight:600!important;backdrop-filter:blur(8px);box-shadow:0 4px 16px #00000026!important;transition:all .25s ease!important}.overlay-btn:hover{background:var(--primary, #49B47B)!important;color:#fff!important;transform:scale(1.05)!important;box-shadow:0 6px 24px #49b47b4d!important}.deal-card{background:var(--surface-elevated)!important;border:1px solid var(--border-subtle)!important;border-radius:14px!important;box-shadow:var(--premium-shadow)!important;transition:all .35s cubic-bezier(.25,.46,.45,.94)!important}.deal-card:hover{transform:translateY(-4px)!important;box-shadow:var(--premium-shadow-hover)!important}.deal-card-img{border-radius:0!important}.deal-card-price{color:#e53935!important;font-weight:800!important}.pro-cat-card{background:var(--surface-elevated)!important;border:1px solid var(--border-subtle)!important;border-radius:16px!important;box-shadow:var(--premium-shadow)!important;transition:all .35s cubic-bezier(.25,.46,.45,.94)!important;overflow:hidden}.pro-cat-card:hover{transform:translateY(-4px)!important;box-shadow:var(--premium-shadow-hover)!important}.pro-cat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--cat-gradient, var(--cinema-accent));opacity:0;transition:opacity .3s ease}.floating-banner{background:linear-gradient(135deg,#0a1628,#0f2847)!important;color:#fff!important;border:none!important;box-shadow:0 -4px 24px #00000026!important;border-radius:16px 16px 0 0!important}.floating-banner .btn-primary{background:var(--cinema-accent)!important;box-shadow:0 4px 14px #49b47b4d}.section-block,.services-section,.promo-banner,.quick-actions,.ui2-benefits,.ui2-suppliers{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s cubic-bezier(.25,.46,.45,.94)}.section-block.reveal,.services-section.reveal,.promo-banner.reveal,.quick-actions.reveal,.ui2-benefits.reveal,.ui2-suppliers.reveal{opacity:0;transform:translateY(15px)}.section-block.visible,.services-section.visible,.promo-banner.visible,.quick-actions.visible,.ui2-benefits.visible,.ui2-suppliers.visible{opacity:1;transform:translateY(0)}.safo-mobile-header{background:#ffffffeb!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-bottom:1px solid var(--border-subtle)!important;box-shadow:0 1px 8px #00000008!important;position:sticky;top:0;z-index:100}.safo-header-logo{width:36px!important;height:36px!important;border-radius:10px!important;box-shadow:0 2px 8px #00000014}.safo-header-name{font-size:18px!important;font-weight:800!important;color:#1a1a2e!important;letter-spacing:-.02em}.safo-header-tagline{font-size:10px!important;color:#9ca3af!important;letter-spacing:.02em}.safo-header-btn{width:38px!important;height:38px!important;border-radius:12px!important;background:var(--surface-reduced)!important;border:1px solid var(--border-subtle)!important;transition:all .2s ease!important}.safo-header-btn:hover{background:var(--surface-elevated)!important;box-shadow:var(--premium-shadow)!important;transform:translateY(-1px)}.safo-notif-dot{width:8px!important;height:8px!important;background:#e53935!important;border:2px solid #fff!important;box-shadow:0 0 8px #e5393566}@media(max-width:600px){.hero-split-slider{flex-direction:column;min-height:auto}.hero-split-left{padding:16px}.hero-split-right{padding:0 16px 16px}.hero-slider-container{max-width:100%;aspect-ratio:16/9}.cinema-hero h1{font-size:1.2rem}.hero-rotating-text{font-size:.95rem}.hero-split-logo,.cinema-hero-badge,.hero-split-title,.hero-split-tagline{display:none!important}}@media(min-width:769px){.hero-split-slider{max-width:960px;margin:0 auto}.cinema-hero{border-radius:0 0 28px 28px}}@media(min-width:1024px){.hero-split-slider{max-width:1100px}.cinema-hero h1{font-size:1.8rem}.hero-rotating-text{font-size:1.3rem}.hero-slider-container{max-width:400px;aspect-ratio:16/10}}.pro-categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pro-cat-card{background:var(--surface-elevated, #fff);border:1px solid rgba(0,0,0,.04);border-radius:16px;padding:16px 12px;cursor:pointer;transition:all .35s cubic-bezier(.25,.46,.45,.94);box-shadow:0 1px 6px #0000000a,0 1px 2px #00000005;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden;text-decoration:none;color:inherit}.pro-cat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--cat-gradient, linear-gradient(135deg, #49B47B, #2E9963));opacity:0;transition:opacity .3s ease}.pro-cat-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a;border-color:#49b47b26}.pro-cat-card:hover:before{opacity:1}.pro-cat-card:active{transform:translateY(-1px) scale(.98)}.pro-cat-icon-wrap{width:44px;height:44px;border-radius:12px;background:var(--cat-gradient, linear-gradient(135deg, #49B47B, #2E9963));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease}.pro-cat-card:hover .pro-cat-icon-wrap{transform:scale(1.08)}.pro-cat-emoji{font-size:1.4rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.pro-cat-info{flex:1;min-width:0}.pro-cat-name{font-size:13px;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.pro-cat-hints{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.pro-cat-hints span{font-size:9px;color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:4px;font-weight:500}.pro-cat-arrow{color:#d1d5db;flex-shrink:0;transition:all .2s ease}.pro-cat-card:hover .pro-cat-arrow{color:#49b47b;transform:translate(-3px)}.toast-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:12px 18px;font-size:13px;font-weight:600;color:#111827;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000a;animation:toastIn .3s cubic-bezier(.25,.46,.45,.94);pointer-events:auto;max-width:360px;text-align:center}.toast.success{border-right:4px solid #10B981}.toast.error{border-right:4px solid #E53935}.toast.info{border-right:4px solid #3B82F6}.toast.warning{border-right:4px solid #F59E0B}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.spinner{width:32px;height:32px;border:3px solid #E5E7EB;border-top-color:#49b47b;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:600px){.pro-categories-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:769px){.pro-categories-grid{grid-template-columns:repeat(4,1fr);max-width:960px;margin-left:auto;margin-right:auto}}@media(min-width:1024px){.pro-categories-grid{grid-template-columns:repeat(6,1fr);max-width:1100px}}