@import url('variables.css');.page-hero { height: 50px; padding: 0; display: flex; align-items: center; }.page-hero .hero-container { padding: 0 1rem; }.hero-actions { display: flex; gap: 1.5rem; }.container--home { padding: 6rem 1rem 3rem 1rem; }.label-pill { background: rgba(255,255,255,0.1); padding: 0.5rem 1rem; border-radius: 50px; font-size: 0.9rem; font-weight: 600; text-transform: uppercase; }.section-desc { max-width: 600px; margin: 0 auto; color: var(--secondary); }.image-hero { height: 400px; border-radius: 20px; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5); position: relative; }.testimonial-card { border: 1px solid #f1f5f9; position: relative; }.testimonial-quote { position: absolute; top: 1.5rem; right: 1.5rem; font-size: 2rem; color: #e31e24;; }.testimonial-avatar { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; }.cta-icon { font-size: clamp(2rem, 4vw, 3rem); margin-bottom: 1.5rem; background: rgba(255,255,255,0.2); width: clamp(60px, 10vw, 80px); height: clamp(60px, 10vw, 80px); display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; }.text-white { color: white; }.blog-section { background: #ffffff; padding: 6rem 0; border-top: 1px solid #f1f5f9; }.post-image { width: 100%; height: 200px; object-fit: cover; border-radius: var(--radius); margin-bottom: 1rem; }.rating-badge { position: absolute; bottom: 2rem; left: -2rem; background: white; color: var(--text); padding: 1.5rem; border-radius: 12px; box-shadow: var(--shadow); display: flex; align-items: center; gap: 1rem; width: 200px; }.rating-score { font-size: 2rem; font-weight: 800; color: var(--primary); }.rating-text { font-size: 0.9rem; font-weight: 600; line-height: 1.2; }.position-relative { position: relative; }.inline-block { display: inline-block; }.cta-actions { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }.muted-opacity { opacity: 0.9; }.icon-img { width: 30px; filter: brightness(0) invert(1); }.rating-stars { margin-bottom: 1rem; color: #fbbf24; }.card--padded { padding: 2rem; border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); border: 1px solid #f1f5f9; background: var(--surface); }.card--no-border { border: 0; box-shadow: none; }.card--narrow { max-width: 450px; width: 100%; margin: 0 auto; }.card--narrow-lg { max-width: 500px; width: 100%; margin: 0 auto; }.card-shadow{border: none;box-shadow: 0 10px 30px rgb(0 0 0 / 9%);padding: 2.5rem;position: relative; transition: all 0.3s}.card-shadow:hover{ background-color: #e31e2516 ; transition: all 0.3s; box-shadow: none;}.card{border-radius: 1rem;}.checkout-container { background: #f8fafc; min-height: 80vh; padding: var(--space-xxl) 1rem; }.checkout-card { padding: 2rem; border-radius: var(--radius-lg); border: 1px solid #f1f5f9; background: var(--surface); }.checkout-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 2.5rem; }.grid--2cols { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; }.grid--auto-fill { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 2.5rem; }.badge { padding: 0.25rem 0.75rem; border-radius: 50px; font-weight: 700; font-size: 0.8rem; display: inline-block; }.badge--success { background: #dcfce7; color: #166534; }.badge--warning { background: #fef9c3; color: #854d0e; }.badge--danger { background: #fff1f2; color: #991b1b; }.notification-item { border-radius: 12px; border: 1px solid #f1f5f9; padding: 1rem; box-shadow: var(--shadow-sm); background: var(--surface); }.notification-item.unread { border-left: 4px solid var(--primary); background: #f8fafc; }.w-80 { width: 80px; }.h-80 { height: 80px; }.radius-12 { border-radius: 12px; }.text-muted { color: var(--text-light); }.text-left { text-align: left; }.m-0 { margin: 0; }.fs-3rem { font-size: clamp(1.75rem, 4vw, 3rem); }.fs-2rem { font-size: clamp(1.25rem, 3vw, 2rem); }.fs-2-5 { font-size: clamp(1.5rem, 3.5vw, 2.5rem); }.fs-1-5 { font-size: clamp(1.1rem, 2vw, 1.5rem); }.fs-1-2 { font-size: clamp(1rem, 1.5vw, 1.2rem); }.fs-0-9 { font-size: clamp(0.85rem, 1.2vw, 0.9rem); }.mb-1 { margin-bottom: 1rem; }.mb-1-5 { margin-bottom: 1.5rem; }.mb-2 { margin-bottom: 2rem; }.inline-form { display: flex; gap: 1rem; max-width: 400px; }.btn-disabled { flex: 1; background: #e5e7eb; color: #9ca3af; cursor: not-allowed; }.container--spaced { padding: 4rem 1rem 0; }.filter-bar { border-bottom: 1px solid #f1f5f9; padding-bottom: 2rem; }.web-panel { padding: 0 20px 40px 20px; background: #ffffff; border-radius: 14px; }.blog-image-wrapper img { width: 100%; height: auto; object-fit: cover; max-height: 420px; display: block; }.blog-card { transition: all 0.3s ease; display: block; padding: 0; overflow: hidden; border-radius: 24px; border: none; box-shadow: 0 10px 30px rgba(0,0,0,0.02); }.blog-card-body { padding: 2rem; }.blog-meta { color: var(--primary); font-weight: 700; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; }.blog-title { margin-top: 0.75rem; font-size: 1.4rem; line-height: 1.4; }.blog-cta { margin-top: 1.5rem; display: flex; align-items: center; color: var(--text); font-weight: 700; font-size: 0.9rem; }.blog-icon-muted { margin-left: 0.5rem; font-size: 0.8rem; color: var(--primary); }.blog-list-grid { margin-top: 3rem; gap: 2.5rem; }.web-wrapper { margin-bottom: 3rem; }.category-scroll { display: flex; gap: 0.75rem; overflow-x: auto; overflow-y: hidden;scroll-behavior: smooth;padding: 1rem 0;scrollbar-width: none; }.category-scroll::-webkit-scrollbar { display: none; }.category-scroll .btn { flex-shrink: 0; white-space: nowrap; min-width: fit-content; }.btn-pill { white-space: nowrap; padding: 0.6rem 1.5rem; border-radius: 50px; text-transform: none; font-weight: 700; }.products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1.5rem; }.img-muted { opacity: 0.5; }.product-price-wrapper { margin-bottom: 0.5rem; }.no-products { padding: 4rem 0; }.product-card { background: white; border-radius: 12px; border: 1px solid #f1f5f9; overflow: hidden; display: flex; flex-direction: column;box-shadow: var(--shadow-sm); }.product-badge { position: absolute; left: 1rem; top: 1rem; background: var(--primary); color: white; padding: 0.25rem 0.75rem; border-radius: 999px; font-weight: 800; font-size: 0.75rem; }.wishlist-btn { position: absolute; right: 1rem; top: 1rem; background: rgba(255,255,255,0.9); border-radius: 8px; padding: 0.5rem; border: 1px solid #f1f5f9; }.product-image-container { position: relative;display: flex; align-items: center; justify-content: center; background: #fff; }.product-image-container img { width: 100%; max-width: 280px; height: auto; object-fit: contain; border-radius: 8px; }.product-overlay { position: absolute; inset: 0; display: flex; align-items: flex-end; justify-content: center; gap: 0.75rem; padding: 1rem; opacity: 0; transition: opacity 0.15s ease; }.product-image-container:hover .product-overlay { opacity: 1; }.btn-buy { background: var(--primary); color: white !important; border-radius: 12px; box-shadow: 0 4px 15px rgba(227, 30, 36, 0.15);}.btn-buy:hover {transform: translateY(-3px);box-shadow: 0 12px 25px rgba(227, 30, 36, 0.3);background: var(--primary-dark);}.btn-add-overlay { background: white; color: var(--accent) !important; border-radius: 12px; border: 1px solid #e2e8f0; }.btn-add-overlay:hover {background: #f8fafc;transform: translateY(-3px);box-shadow: 0 8px 15px rgba(0, 0, 0, 0.05);}.product-title { font-weight: 800; color: var(--accent); margin-bottom: 0.25rem; font-size: 1.1rem; }.product-desc { color: var(--secondary); font-size: 0.95rem; margin-bottom: 0.75rem; }.product-price { font-weight: 900; color: var(--accent); font-size: 1.25rem; }.product-mrp { color: var(--text-light); margin-left: 0.5rem; font-weight: 700; }.product-discount { color: var(--success); font-weight: 700; }.product-footer { display: flex; align-items: center; justify-content: space-between; padding: 0 0.6rem 1rem; }.product-add-small { font-weight: 800; color: var(--primary); }.product-description { margin-bottom: 2rem; line-height: 1.8; color: var(--secondary); }.color-swatches { display: flex; gap: 0.5rem; }.swatch-container { display: inline-flex; align-items: center; gap: 0.5rem; }.swatch { width: 20px; height: 20px; border-radius: 50%; display: inline-block; }.container--narrow { max-width: 1000px; margin: 0 auto; }.link-back { color: var(--primary); font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; gap: 0.5rem; }.text-secondary { color: var(--secondary); font-weight: 400; }.badge--info { background: #dbeafe; color: #1e40af; }.btn-google { display: flex; align-items: center; justify-content: center; gap: 0.75rem; width: 100%; padding: 0.85rem; background: white; border: 2px solid #e2e8f0; border-radius: 12px; color: var(--accent); font-weight: 700; text-decoration: none; margin-bottom: 1.5rem; transition: all 0.2s ease; }.muted-link { display: block; margin-top: 1.5rem; font-size: 0.85rem; color: var(--text-light); text-decoration: none; font-weight: 600; }.divider { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; color: #cbd5e1; }.divider .divider-line { flex: 1; height: 1px; background: #e2e8f0; }.divider .divider-text { font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; }.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }.order-row { display: flex; align-items: center; justify-content: space-between; padding: 1.25rem 0; border-bottom: 1px solid #f1f5f9; }.thumb-box { width: 80px; height: 80px; background: white; border: 1px solid #e2e8f0; border-radius: 12px; display: flex; align-items: center; justify-content: center; padding: 10px; }.summary-item { border: none; padding: 0.5rem 0; display: flex; justify-content: space-between; }.total-row { margin-top: 1rem; display: flex; justify-content: space-between; font-weight: 800; }.center-box { display:flex; align-items:center; justify-content:center; }.text-right { text-align: right; }.text-small-muted { color: var(--text-light); font-size: 0.85rem; margin-top: 0.5rem; font-weight: 600; }.gap-1-5 { gap: 1.5rem; }.img-contain { max-width: 100%; max-height: 100%; object-fit: contain; }.icon-muted-lg { color: #cbd5e1; font-size: 1.5rem; }.pt-1 { padding-top: 1rem; }.border-top-2 { border-top: 2px solid #f1f5f9; }.min-w-140 { min-width: 140px; }.mb-4 { margin-bottom: 4rem; }.min-h-90vh { min-height: 90vh; }.address-box { background: #f8fafc; padding: 1.25rem; border-radius: 12px; border: 1px solid #f1f5f9; color: var(--text); line-height: 1.6; font-weight: 500; }.orders-list { display: flex; flex-direction: column; gap: 1.5rem; }.order-card { padding: 1.5rem; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1.5rem; }.status-circle { width: 100px; height: 100px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 2rem; }.status-circle--success { background: #f0fdf4; color: #10b981; box-shadow: 0 10px 25px rgba(16, 185, 129, 0.15); border: 4px solid white; }.status-circle--danger { background: #fff1f2; color: #ef4444; box-shadow: 0 10px 25px rgba(239, 68, 68, 0.15); border: 4px solid white; }.mb-3 { margin-bottom: 3rem; }.card--hero { padding: 5rem 2rem; }.status-circle--sm { width: 80px; height: 80px; background: #f1f5f9; color: #94a3b8; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem; margin: 0 auto 2rem; }.status-circle--xs { width: 60px; height: 60px; background: #fff1f2; color: var(--primary); border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; }.gap-2 { gap: 2rem; }.container--sm { max-width: 650px; margin: 0 auto; }.info-box { background: white; padding: 2.5rem; border-radius: 20px; border: 2px solid #f1f5f9; text-align: left; margin-bottom: 3rem; box-shadow: 0 4px 12px rgba(0,0,0,0.02); }.icon-primary { color: var(--primary); }.row-between { display: flex; justify-content: space-between; margin-bottom: 1.25rem; padding-bottom: 1.25rem; border-bottom: 1px solid #f1f5f9; }.row-between--no-border { display: flex; justify-content: space-between; align-items: center; }.amount-large { font-weight: 900; color: var(--primary); font-size: 1.75rem; }.arrival-row { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px dashed #e2e8f0; }.icon-inline { color: #64748b; margin-top: 0.2rem; }.gap-1-25 { gap: 1.25rem; }.btn-flex { flex: 1; min-width: 180px; }.icon-circle-md { width: 70px; height: 70px; background: #fff1f2; color: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem; margin: 0 auto 1.5rem; border: 2px solid #fee2e2; }.heading-md { font-size: 1.75rem; font-weight: 900; color: var(--accent); margin-bottom: 0.5rem; }.text-accent { color: var(--accent); }.alert--error { background: #fff1f2; color: #991b1b; padding: 1rem; border-radius: 12px; margin-bottom: 2rem; border: 1px solid #fee2e2; font-size: 0.9rem; font-weight: 600; }.otp-input { width: 100%; padding: 1rem; font-size: 2.5rem; font-weight: 900; text-align: center; letter-spacing: 15px; border: 2px solid #e2e8f0; border-radius: 16px; color: var(--accent); outline: none; transition: border-color 0.2s ease; }.pt-2 { padding-top: 2rem; }.border-top { border-top: 1px solid #f1f5f9; }.lead { font-size: 1.1rem; color: var(--secondary); }.mb-2-5 { margin-bottom: 2.5rem; }.mr-05 { margin-right: 0.5rem; }.btn-luxe { font-size: 1.1rem; }.lead-lg { font-size: 1.15rem; color: var(--secondary); margin-bottom: 3rem; line-height: 1.6; font-weight: 500; }.inline-flex-start { display: flex; align-items: flex-start; gap: 0.75rem; line-height: 1.5; }.step-line { height: 6px; border-radius: 4px; background: #e6f7ec; }.step-line--active { background: var(--success); }.icon-small { font-size: 0.8rem; }.ml-05 { margin-left: 0.5rem; }.product-name { font-weight: 800; color: var(--accent); margin-bottom: 0.25rem; font-size: 1.1rem; }.product-price-line { color: var(--secondary); font-size: 0.9rem; font-weight: 600; }.product-line-total { font-weight: 900; color: var(--accent); font-size: 1.1rem; }.label-small-uppercase { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--secondary); margin-bottom: 0.5rem; font-weight: 700; }.label-strong { font-weight: 800; color: var(--accent); font-size: 1.1rem; }pre.code-view { background: #0f172a10; border: 1px solid #e2e8f0; padding: 1.5rem; border-radius: 12px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, 'Roboto Mono', monospace; white-space: pre-wrap; word-break: break-word; }.mobile-filter-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 2000;visibility: hidden;transition: all 0.3s ease;}.mobile-filter-modal.active {visibility: visible;}.mobile-filter-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);backdrop-filter: blur(4px);opacity: 0;transition: opacity 0.3s ease;}.mobile-filter-modal.active .mobile-filter-overlay {opacity: 1;}.mobile-filter-content {position: absolute;bottom: -100%;left: 0;width: 100%;background: white;border-radius: 24px 24px 0 0;padding: 2rem 1.5rem;transition: bottom 0.4s cubic-bezier(0.4, 0, 0.2, 1);max-height: 80vh;overflow-y: auto;}.mobile-filter-modal.active .mobile-filter-content {bottom: 0;}.mobile-filter-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 2rem;padding-bottom: 1rem;border-bottom: 1px solid #f1f5f9;}.mobile-filter-header h3 {font-size: 1.25rem;font-weight: 800;color: var(--accent);margin: 0;}.mobile-filter-close {background: #f1f5f9;border: none;width: 36px;height: 36px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--accent);cursor: pointer;}.mobile-category-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1rem;}.mobile-category-item {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 1.5rem;background: #f8fafc;border-radius: 16px;border: 2px solid transparent;text-decoration: none;color: var(--secondary);transition: all 0.2s ease;gap: 0.75rem;}.mobile-category-item i {font-size: 1.5rem;}.mobile-category-item span {font-size: 0.9rem;font-weight: 700;}.mobile-category-item.active {background: #fff1f2;border-color: var(--primary);color: var(--primary);}.mobile-category-item:active {transform: scale(0.95);}@media (min-width: 769px) {.mobile-filter-btn {display: none !important;}}@media (max-width: 768px) {.desktop-only {display: none !important;}.filter-bar {flex-direction: row !important;align-items: center !important;}.mobile-filter-btn {display: inline-flex !important;}}