@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');:root{--primary:#555aea;--primary-hover:#4346c7;--primary-light:#eff1fe;--secondary:#10b981;--secondary-hover:#059669;--dark:#0f172a;--text-main:#334155;--text-muted:#64748b;--bg-light:#f8fafc;--white:#ffffff;--border:#e2e8f0;--shadow-sm:0 1px 3px rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -1px rgba(0,0,0,0.03);--shadow-lg:0 10px 25px -5px rgba(85,90,234,0.1),0 8px 10px -6px rgba(85,90,234,0.05);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--transition:all 0.25s cubic-bezier(0.4,0,0.2,1);--font-main:'Inter',sans-serif;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:var(--font-main);color:var(--text-main);background-color:var(--bg-light);line-height:1.6;-webkit-font-smoothing:antialiased;}a{color:inherit;text-decoration:none;transition:var(--transition);}ul{list-style:none;}input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="number"],input[type="date"],input[type="datetime-local"],select,textarea{font-family:inherit;font-size:0.9rem;padding:10px 14px;border:1px solid #cbd5e1;border-radius:var(--radius-sm);outline:none;transition:var(--transition);background-color:var(--white);color:var(--text-main);width:100%;}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(85,90,234,0.15);}input[type="checkbox"]{width:18px;height:18px;border-radius:4px;border:1px solid var(--border);cursor:pointer;accent-color:var(--primary);}button,.btn-primary,.btn-secondary,.btn-outline,.btn-danger{font-family:inherit;font-weight:500;padding:10px 20px;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;}.btn-primary{background-color:var(--primary);color:var(--white);}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 6px 12px rgba(85,90,234,0.2);}.btn-secondary{background-color:var(--primary-light);color:var(--primary);}.btn-secondary:hover{background-color:var(--primary);color:var(--white);}.btn-outline{background-color:transparent;border:1.5px solid var(--border);color:var(--text-main);}.btn-outline:hover{background-color:var(--bg-light);border-color:var(--text-muted);}.btn-danger{background-color:#ef4444;color:var(--white);}.btn-danger:hover{background-color:#dc2626;}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px;}header{background-color:rgba(255,255,255,0.9);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border);}.navbar{display:flex;justify-content:space-between;align-items:center;height:80px;}.logo{font-size:1.6rem;font-weight:800;color:var(--dark);display:flex;align-items:center;gap:10px;}.logo span{color:var(--primary);}.nav-links{display:flex;align-items:center;gap:32px;}.nav-links a{font-weight:500;color:var(--text-main);display:flex;align-items:center;gap:8px;}.nav-links a:hover{color:var(--primary);}.nav-actions{display:flex;align-items:center;gap:20px;}.nav-actions .btn-primary,.nav-actions .btn-secondary{height:42px;padding:0 18px;font-size:0.88rem;font-weight:600;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;gap:8px;}.nav-user-actions{display:flex;align-items:center;gap:15px;}.nav-user-actions .btn-primary,.nav-user-actions .btn-secondary{height:42px;padding:0 18px;font-size:0.88rem;font-weight:600;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;gap:8px;}.search-box-container{position:relative;width:280px;}.search-box-container input[type="text"]{padding-left:40px;border-radius:var(--radius-md);font-size:0.88rem;height:42px;}.search-box-container i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:0.9rem;}.search-autocomplete-results{position:absolute;top:calc(100% + 10px);left:0;right:0;background-color:var(--white);border-radius:var(--radius-md);box-shadow:0 10px 30px rgba(0,0,0,0.15);border:1px solid var(--border);max-height:320px;overflow-y:auto;display:none;z-index:200;}.autocomplete-item{display:flex;align-items:center;gap:14px;padding:12px 16px;cursor:pointer;border-bottom:1px solid #f8fafc;}.autocomplete-item:last-child{border-bottom:none;}.autocomplete-item:hover{background-color:var(--primary-light);}.autocomplete-item img{width:44px;height:44px;object-fit:cover;border-radius:var(--radius-sm);}.autocomplete-item .item-info{display:flex;flex-direction:column;gap:2px;}.autocomplete-item .item-name{font-weight:600;font-size:0.92rem;color:var(--dark);}.autocomplete-item .item-type{font-size:0.78rem;color:var(--text-muted);}.cart-icon-btn{position:relative;cursor:pointer;font-size:1.4rem;display:flex;align-items:center;justify-content:center;color:var(--dark);padding:10px;border-radius:50%;}.cart-icon-btn:hover{background-color:var(--primary-light);color:var(--primary);}.cart-badge{position:absolute;top:2px;right:2px;background-color:var(--primary);color:var(--white);font-size:0.7rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;}.hero{padding:80px 0;display:grid;grid-template-columns:1.1fr 0.9fr;align-items:center;gap:60px;}.hero-content h1{font-size:3.4rem;font-weight:800;color:var(--dark);line-height:1.15;margin-bottom:24px;}.hero-content h1 span{color:var(--primary);background:linear-gradient(135deg,var(--primary),#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.hero-content p{font-size:1.15rem;color:var(--text-muted);margin-bottom:36px;line-height:1.7;}.hero-buttons{display:flex;gap:16px;}.hero-image{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:6px solid var(--white);}.hero-image img{width:100%;height:auto;display:block;object-fit:cover;max-height:420px;}.section-title{text-align:center;font-size:2.2rem;color:var(--dark);margin-bottom:48px;font-weight:800;}.section-title span{color:var(--primary);}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:100px;}.feature-card{background-color:var(--white);padding:40px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:var(--transition);}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary);}.feature-icon{width:56px;height:56px;background-color:var(--primary-light);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.6rem;margin-bottom:24px;}.feature-card h3{margin-bottom:14px;color:var(--dark);font-weight:700;}.feature-card p{color:var(--text-muted);font-size:0.95rem;line-height:1.6;}.products-section{padding:20px 0 100px;}.grid-products{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}.product-card{background-color:var(--white);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:var(--transition);display:flex;flex-direction:column;position:relative;height:100%;}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary);}.badge-type{position:absolute;top:16px;left:16px;padding:6px 14px;border-radius:30px;font-size:0.75rem;font-weight:700;color:var(--white);z-index:10;text-transform:uppercase;}.badge-type.sparepart{background-color:var(--primary);}.badge-type.umkm{background-color:#047857;}.product-img{height:160px;width:100%;object-fit:cover;background-color:#f8fafc;border-bottom:1px solid var(--border);}.product-body{padding:15px;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;}.product-cat{font-size:0.68rem;color:var(--text-muted);text-transform:uppercase;font-weight:700;margin-bottom:6px;letter-spacing:0.5px;}.product-title{font-size:0.92rem;font-weight:700;color:var(--dark);margin-bottom:6px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.product-desc{font-size:0.78rem;color:var(--text-muted);line-height:1.45;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.product-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:10px;}.product-footer .btn-primary{height:32px;padding:0 12px;font-size:0.78rem;font-weight:600;border-radius:6px;}.product-price{font-weight:700;color:var(--primary);font-size:0.98rem;}.promo-banner{background:linear-gradient(135deg,var(--primary),#7c3aed);color:var(--white);border-radius:var(--radius-lg);padding:48px;display:flex;justify-content:space-between;align-items:center;margin-bottom:80px;box-shadow:0 10px 30px rgba(85,90,234,0.25);flex-wrap:wrap;gap:30px;}.promo-info h2{font-size:2.2rem;font-weight:800;margin-bottom:10px;}.promo-info p{font-size:1.1rem;opacity:0.9;}.countdown-container{display:flex;gap:16px;align-items:center;flex-wrap:wrap;}.countdown-box{background-color:rgba(255,255,255,0.12);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.2);border-radius:var(--radius-md);padding:16px 20px;text-align:center;min-width:80px;}.countdown-val{font-size:1.8rem;font-weight:800;display:block;line-height:1.2;}.countdown-label{font-size:0.78rem;opacity:0.85;text-transform:uppercase;font-weight:600;}.sidebar-filter{background-color:var(--white);padding:30px;border-radius:var(--radius-md);border:1px solid var(--border);height:fit-content;box-shadow:var(--shadow-sm);}.filter-group{margin-bottom:30px;border-bottom:1px solid var(--border);padding-bottom:24px;}.filter-group:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0;}.filter-group h4{font-size:1.05rem;color:var(--dark);margin-bottom:16px;font-weight:700;}.filter-checkbox-list label{display:flex;align-items:center;gap:12px;font-size:0.95rem;color:var(--text-main);margin-bottom:12px;cursor:pointer;user-select:none;}.detail-layout{display:grid;grid-template-columns:1.1fr 0.9fr;gap:60px;padding:50px 0;}.detail-img-box{background-color:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:30px;display:flex;align-items:center;justify-content:center;height:480px;box-shadow:var(--shadow-sm);}.detail-img-box img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md);}.detail-info h2{font-size:2.4rem;color:var(--dark);margin-bottom:12px;line-height:1.2;font-weight:800;}.detail-price{font-size:2rem;font-weight:800;color:var(--primary);margin:20px 0;}.variant-selector{margin-bottom:30px;}.variant-selector label{display:block;font-weight:700;margin-bottom:12px;color:var(--dark);}.variant-pills{display:flex;flex-wrap:wrap;gap:12px;}.variant-pill{border:2px solid var(--border);border-radius:var(--radius-sm);padding:12px 20px;cursor:pointer;transition:var(--transition);background-color:var(--white);font-weight:600;font-size:0.92rem;}.variant-pill:hover{border-color:var(--text-muted);}.variant-pill.active{border-color:var(--primary);background-color:var(--primary-light);color:var(--primary);}.variant-pill.disabled{opacity:0.45;cursor:not-allowed;background-color:#f1f5f9;pointer-events:none;}.detail-qty{display:flex;align-items:flex-end;gap:20px;margin-bottom:36px;}.qty-control{display:flex;align-items:center;border:2px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;height:48px;background-color:var(--white);}.qty-btn{background-color:transparent;color:var(--text-main);width:44px;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700;border:none;cursor:pointer;padding:0;}.qty-btn:hover{background-color:var(--bg-light);}.qty-val{width:50px;height:100%;text-align:center;border:none;font-weight:700;font-size:1.05rem;}.cart-layout{display:grid;grid-template-columns:1.7fr 1.3fr;gap:40px;padding:50px 0;}.cart-table-card{background-color:var(--white);border-radius:var(--radius-md);border:1px solid var(--border);padding:32px;box-shadow:var(--shadow-sm);}.cart-table{width:100%;border-collapse:collapse;}.cart-table th{text-align:left;padding-bottom:20px;border-bottom:1.5px solid var(--border);color:var(--text-muted);font-weight:700;text-transform:uppercase;font-size:0.85rem;letter-spacing:0.5px;}.cart-table td{padding:24px 0;border-bottom:1px solid var(--border);vertical-align:middle;}.cart-item-flex{display:flex;align-items:center;gap:20px;}.cart-item-flex img{width:70px;height:70px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);}.cart-item-name{font-weight:700;color:var(--dark);font-size:1.05rem;display:block;margin-bottom:4px;}.cart-item-var{font-size:0.85rem;color:var(--text-muted);font-weight:500;}.cart-summary-card{background-color:var(--white);border-radius:var(--radius-md);border:1px solid var(--border);padding:32px;height:fit-content;box-shadow:var(--shadow-sm);}.summary-row{display:flex;justify-content:space-between;margin-bottom:20px;font-size:0.98rem;font-weight:500;}.summary-row.total{border-top:1.5px dashed var(--border);padding-top:24px;font-size:1.4rem;font-weight:800;color:var(--dark);margin-top:24px;margin-bottom:0;}.coupon-section{margin-top:30px;padding-top:24px;border-top:1px solid var(--border);}.checkout-grid{display:grid;grid-template-columns:1.6fr 1.4fr;gap:40px;padding:50px 0;}.checkout-card{background-color:var(--white);border-radius:var(--radius-md);border:1px solid var(--border);padding:40px;box-shadow:var(--shadow-sm);}.checkout-title{font-size:1.3rem;color:var(--dark);margin-bottom:28px;font-weight:700;border-bottom:2px solid var(--border);padding-bottom:12px;}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;}.form-group{margin-bottom:20px;}.form-group label{display:block;font-weight:600;margin-bottom:8px;font-size:0.92rem;color:var(--dark);}.timeline-card{background-color:var(--white);border-radius:var(--radius-md);border:1px solid var(--border);padding:40px;margin-bottom:40px;box-shadow:var(--shadow-sm);}.timeline{display:flex;justify-content:space-between;position:relative;margin-top:48px;margin-bottom:24px;}.timeline::before{content:'';position:absolute;top:16px;left:40px;right:40px;height:4px;background-color:var(--border);z-index:1;}.timeline-progress{position:absolute;top:16px;left:40px;height:4px;background-color:var(--primary);z-index:2;transition:width 0.4s ease;}.timeline-step{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;width:80px;}.timeline-dot{width:36px;height:36px;border-radius:50%;background-color:var(--white);border:4px solid var(--border);display:flex;align-items:center;justify-content:center;transition:var(--transition);}.timeline-step.active .timeline-dot{border-color:var(--primary);background-color:var(--primary);}.timeline-step.completed .timeline-dot{border-color:var(--primary);background-color:var(--primary);}.timeline-dot i{color:var(--white);font-size:0.85rem;display:none;}.timeline-step.completed .timeline-dot i{display:block;}.timeline-label{margin-top:14px;font-size:0.88rem;font-weight:600;color:var(--text-muted);text-align:center;white-space:nowrap;}.timeline-step.active .timeline-label{color:var(--primary);}.dashboard-layout{display:grid;grid-template-columns:260px 1fr;gap:40px;padding:50px 0;}.dash-menu{background-color:var(--white);border-radius:var(--radius-md);border:1px solid var(--border);padding:24px 16px;height:fit-content;box-shadow:var(--shadow-sm);}.dash-menu-item{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:var(--radius-sm);color:var(--text-main);font-weight:600;cursor:pointer;transition:var(--transition);margin-bottom:6px;}.dash-menu-item:hover,.dash-menu-item.active{background-color:var(--primary-light);color:var(--primary);}.dash-card{background-color:var(--white);border-radius:var(--radius-md);border:1px solid var(--border);padding:32px;box-shadow:var(--shadow-sm);}.alert{padding:16px 20px;border-radius:var(--radius-sm);margin-bottom:30px;font-weight:600;display:flex;align-items:center;gap:12px;}.alert-success{background-color:#ecfdf5;color:#065f46;border:1.5px solid #a7f3d0;}.alert-danger{background-color:#fef2f2;color:#991b1b;border:1.5px solid #fca5a5;}.alert-warning{background-color:#fffbeb;color:#92400e;border:1.5px solid #fde68a;}footer{background-color:var(--dark);color:var(--white);padding:70px 0 35px;margin-top:100px;border-top:1px solid rgba(255,255,255,0.08);}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:50px;margin-bottom:50px;}.footer-col h3{margin-bottom:24px;font-size:1.25rem;font-weight:700;color:var(--white);}.footer-col p{color:#cbd5e1;font-size:0.95rem;margin-bottom:24px;line-height:1.65;}.footer-links li{margin-bottom:14px;}.footer-links a{color:#cbd5e1;font-size:0.95rem;}.footer-links a:hover{color:var(--white);padding-left:6px;}.footer-bottom{border-top:1px solid rgba(255,255,255,0.08);padding-top:35px;display:flex;justify-content:space-between;align-items:center;color:#cbd5e1;font-size:0.92rem;flex-wrap:wrap;gap:16px;}.table-custom{width:100%;border-collapse:collapse;}.table-custom th,.table-custom td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--border);}.table-custom th{background-color:#f8fafc;color:var(--text-muted);font-weight:700;font-size:0.85rem;text-transform:uppercase;}.badge-status{padding:6px 12px;border-radius:30px;font-size:0.78rem;font-weight:700;text-transform:uppercase;}.badge-status.pending{background-color:#fffbeb;color:#d97706;}.badge-status.paid{background-color:#ecfdf5;color:#059669;}.badge-status.processing{background-color:#eff6ff;color:#2563eb;}.badge-status.completed{background-color:#ecfdf5;color:#059669;}.badge-status.cancelled{background-color:#fef2f2;color:#dc2626;}.badge-status.expired{background-color:#f1f5f9;color:#64748b;}.badge-status.failed{background-color:#fef2f2;color:#dc2626;}.drag-drop-zone{border:2px dashed #cbd5e1;border-radius:8px;padding:24px;text-align:center;background-color:#f8fafc;cursor:pointer;position:relative;transition:all 0.2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-top:6px;box-sizing:border-box;}.drag-drop-zone:hover,.drag-drop-zone.dragover{border-color:var(--primary);background-color:#f0fdf4;}.drag-drop-icon{font-size:2rem;color:#94a3b8;transition:color 0.2s ease;}.drag-drop-zone:hover .drag-drop-icon,.drag-drop-zone.dragover .drag-drop-icon{color:var(--primary);}.drag-drop-text{font-size:0.88rem;color:#475569;margin:0;}.drag-drop-text span{color:var(--primary);font-weight:600;text-decoration:underline;}.drag-drop-info{font-size:0.75rem;color:#94a3b8;}.drag-drop-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2;}.drag-drop-preview{position:absolute;top:0;left:0;width:100%;height:100%;background:#f8fafc;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:8px;box-sizing:border-box;z-index:3;}.drag-drop-preview img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;}.drag-drop-remove{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:#ef4444;color:#ffffff;border:none;cursor:pointer;display:flex !important;align-items:center !important;justify-content:center !important;font-size:0.85rem !important;line-height:1 !important;padding:0 !important;margin:0 !important;box-shadow:0 2px 4px rgba(0,0,0,0.15);transition:background 0.2s;z-index:10;}.drag-drop-remove:hover{background:#dc2626;}.drag-drop-remove i{font-size:0.85rem !important;line-height:1 !important;color:#ffffff !important;margin:0 !important;padding:0 !important;}.badge-static{position:static;display:inline-block;margin-bottom:12px;}.subcat-label{display:block;font-size:0.85rem;color:var(--text-muted);text-transform:uppercase;font-weight:600;}.rating-info{display:flex;align-items:center;gap:10px;margin-top:10px;}.rating-text{font-weight:600;font-size:0.95rem;color:var(--dark);}.rating-count{color:var(--text-muted);font-size:0.85rem;}.product-desc{color:var(--text-muted);margin-bottom:20px;font-size:0.95rem;line-height:1.7;}.tags-list{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px;}.tag-pill{background-color:var(--primary-light);color:var(--primary);font-size:0.75rem;font-weight:600;padding:4px 10px;border-radius:30px;}.qty-wrapper{display:flex;flex-direction:column;gap:6px;}.qty-title{font-weight:600;font-size:0.9rem;color:var(--dark);}.actions-row{flex-grow:1;display:flex;align-items:flex-end;gap:12px;height:100%;}.btn-add-cart{flex-grow:1;padding:12px;border-radius:var(--radius-md);height:48px;}.btn-wishlist-detail{padding:12px;border-radius:var(--radius-md);font-size:1.1rem;display:flex;align-items:center;justify-content:center;height:48px;width:48px;}.sku-stock-grid{border-top:1px solid var(--border);padding-top:20px;margin-top:30px;font-size:0.85rem;color:var(--text-muted);display:grid;grid-template-columns:1fr 1fr;gap:12px;}.strong-dark{color:var(--dark);}.review-section{border-top:1px solid var(--border);padding-top:40px;}.review-title{font-size:1.4rem;color:var(--dark);margin-bottom:24px;font-weight:600;}.review-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:start;}.review-sticky-card{padding:24px;position:sticky;top:95px;}.review-card-title{margin-bottom:14px;font-weight:600;color:var(--dark);}.form-group-mb20{margin-bottom:20px;}.drag-drop-icon-size{font-size:1.6rem;}.preview-hidden{display:none;}.btn-submit-review{width:100%;justify-content:center;padding:10px;}.login-prompt-center{text-align:center;padding:20px 0;}.login-prompt-icon{font-size:2.5rem;color:var(--text-muted);margin-bottom:12px;}.login-prompt-text{font-size:0.9rem;color:var(--text-muted);margin-bottom:16px;}.btn-login-prompt{font-size:0.85rem;padding:8px 16px;}.review-body-text{color:var(--text-main);font-size:0.95rem;line-height:1.6;}.no-reviews-box{text-align:center;padding:40px;background-color:var(--white);border-radius:var(--radius-md);border:1px solid var(--border);}.no-reviews-text{color:var(--text-muted);}.navbar-logo-link{display:flex;align-items:center;gap:8px;}.navbar-logo-img{height:32px;width:auto;max-width:45px;object-fit:contain;}.footer-logo-title{color:var(--white);display:flex;align-items:center;gap:8px;}.footer-logo-img{height:28px;width:auto;max-width:40px;object-fit:contain;}.footer-social-icons{display:flex;gap:14px;font-size:1.25rem;}.footer-contact-item{margin-bottom:8px;}.footer-contact-address{margin-top:15px;}.footer-dev-link{color:#93c5fd;font-weight:500;}@media (max-width:992px){.hero{grid-template-columns:1fr;text-align:center;gap:40px;}.hero-buttons{justify-content:center;}.features-grid{grid-template-columns:1fr;}.grid-products{grid-template-columns:repeat(2,1fr);}.detail-layout{grid-template-columns:1fr;}.cart-layout{grid-template-columns:1fr;}.checkout-grid{grid-template-columns:1fr;}.dashboard-layout{grid-template-columns:1fr;}.footer-grid{grid-template-columns:1fr 1fr;}}@media (max-width:576px){.grid-products{grid-template-columns:1fr;}.footer-grid{grid-template-columns:1fr;}.form-row{grid-template-columns:1fr;}}@media (max-width:768px){.navbar{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;height:auto !important;padding:12px 16px !important;gap:10px !important;justify-content:space-between !important;align-items:center !important;}.logo{order:1 !important;}.nav-links{display:none !important;}.nav-user-actions{order:2 !important;display:flex !important;align-items:center !important;gap:10px !important;}.search-box-container{order:3 !important;width:100% !important;max-width:100% !important;margin-top:4px;}.search-box-container input[type="text"]{width:100% !important;height:38px !important;font-size:0.85rem !important;}.nav-text-mobile{display:none !important;}.nav-btn-user,.nav-btn-login{padding:0 !important;width:38px !important;height:38px !important;border-radius:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:1.05rem !important;}.cart-icon-btn{width:38px !important;height:38px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;}.detail-layout{grid-template-columns:1fr !important;padding:15px 24px !important;gap:15px !important;}.detail-img-box{height:auto !important;padding:16px !important;margin-bottom:8px;}.detail-img-box img{height:auto !important;width:100%;max-height:380px;object-fit:contain;}.detail-info{padding:15px 0 !important;}.review-grid{grid-template-columns:1fr !important;gap:25px !important;}.review-sticky-card{position:static !important;width:100% !important;}}