.search-results-message{background-color:var(--accent);color:#fff;padding:.75rem 1.25rem;border-radius:var(--border-radius-md);margin-bottom:1.5rem;animation:fadeIn .3s ease;box-shadow:var(--shadow-sm)}.search-results-message p{margin:0;font-weight:500;font-size:.95rem}.search-results-message span{font-weight:700;text-decoration:underline}.user-orders-link{display:flex;align-items:center;gap:5px;padding:8px 12px;background-color:#ffffff1a;border-radius:var(--border-radius-md, 4px);font-weight:500;font-size:.9rem;text-decoration:none;color:#fff;transition:background-color .2s}.user-orders-link:hover{background-color:#fff3;text-decoration:none}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}img{max-width:100%;display:block}a{color:var(--secondary);text-decoration:none}.wrap{max-width:1200px;margin:0 auto;padding:0 16px}.brand-logo{width:40px;height:40px;border-radius:12px;background:radial-gradient(circle at 30% 30%,#ffd166,#ff6f61);box-shadow:var(--shadow-soft)}.brand-title{font-family:"Baloo 2",cursive;font-size:1.4rem;font-weight:700;color:var(--navy)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:999px;border:2px solid transparent;cursor:pointer;font-weight:600;box-shadow:var(--shadow-soft);transition:.2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.btn-ghost{background:#fff;color:var(--navy);border-color:#073b4c1a}.btn-ghost:hover{background:#f8fafc}.hero{padding:28px 0 12px}.hero-card{position:relative;overflow:hidden;border-radius:24px;background:#fff;box-shadow:var(--shadow);display:grid;grid-template-columns:1.3fr 1fr;min-height:260px}@media (max-width: 860px){.hero-card{grid-template-columns:1fr}}.hero-content{padding:28px}.kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#fff2d6;color:#8a5a00;font-weight:600;font-size:.85rem}.hero h1{font-family:"Baloo 2",cursive;font-size:2.1rem;line-height:1.15;margin:14px 0 8px;color:var(--navy)}.hero p{color:var(--muted);margin:0 0 16px}.hero-cta{display:flex;gap:10px;flex-wrap:wrap}.hero-art{position:relative;padding:20px;background:linear-gradient(130deg,#ffd166,#ff6f61 45%,#118ab2);display:flex;align-items:center;justify-content:center}.toy-bubble{width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#fef3c7 38%,#ffd166);box-shadow:0 12px 30px #0000001f,inset 0 4px 12px #ffffff80;position:relative;transform:rotate(-6deg)}.toy-bubble:after{content:"🧸";position:absolute;font-size:64px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(6deg)}.toy-bubble-logo img{width:340px;height:230px;border-radius:50%;box-shadow:0 12px 30px #0000001f,inset 0 4px 12px #ffffff80;position:relative}.card{background:var(--card, #FFFFFF);border-radius:18px;box-shadow:var(--shadow-soft, 0 4px 12px rgba(7,59,76,.06));overflow:hidden;display:flex;flex-direction:column;min-height:100%;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-5px) scale(1.01);box-shadow:var(--shadow, 0 8px 24px rgba(7,59,76,.08))}.product-card-link{display:flex;flex-direction:column;text-decoration:none;color:inherit;flex:1;cursor:pointer;position:relative;z-index:1;padding:0}.thumb img{max-width:100%;max-height:140px;border-radius:.75rem;margin:0 auto;display:block}.content{padding:14px;display:flex;flex-direction:column;flex:1}.title{font-weight:700;font-size:1.05rem;margin:0 0 6px;color:var(--text, #1F2937)}.desc{color:var(--muted, #6B7280);font-size:.9rem;margin:0 0 10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.8em}.product-category{width:max-content;font-size:.75rem;color:#073b4c;font-weight:700;display:inline-block;padding:.25rem .5rem;margin:0px 0px .5rem 5px;border-radius:999px;background:var(--secondary)}.price{font-weight:700;color:var(--navy, #073B4C);font-size:1rem}.qty button{width:24px;height:24px;border:none;background:var(--primary, #FF6F61);color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:background .2s ease}.qty button:hover:not(:disabled){background:var(--secondary, #118AB2)}.qty button:disabled{opacity:.5;cursor:not-allowed}.add{margin-top:10px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary, #FF6F61);color:#fff;border:none;border-radius:12px;padding:10px 12px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-soft, 0 4px 12px rgba(7,59,76,.06));transition:transform .2s ease,box-shadow .2s ease;font-size:.9rem}.add:hover{transform:translateY(-1px);box-shadow:var(--shadow, 0 8px 24px rgba(7,59,76,.08))}.add:focus{outline:3px solid #0000;box-shadow:0 0 0 4px #118ab259}.admin-actions{position:absolute;top:7px;right:7px;display:flex;gap:4px;z-index:3;opacity:.8;transition:opacity .3s ease}.card:hover .admin-actions{opacity:1}.admin-action-btn{width:24px!important;height:24px!important;padding:4px!important;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.edit-btn{background:#3498db;color:#fff}.edit-btn:hover{background:#2980b9}.delete-btn{background:#e74c3c;color:#fff}.delete-btn:hover{background:#c0392b}.video-indicator{position:absolute;bottom:8px;right:8px;background-color:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;display:flex;align-items:center;gap:4px;z-index:2}.external-links-indicator{position:absolute;top:8px;right:8px;display:flex;gap:4px;z-index:2}.external-link-icon{background-color:#ffffffe6;border-radius:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease;padding:2px}.external-link-icon:hover{transform:scale(1.1)}.external-link-icon img{width:100%;height:100%;object-fit:contain}@media (max-width: 1100px){.product-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 780px){.product-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 520px){.product-grid{grid-template-columns:1fr!important}}@media (max-width: 767px){.card{padding:.75rem!important}.thumb img{height:120px!important}.title{font-size:.9rem!important}.desc{font-size:.75rem!important;-webkit-line-clamp:2!important;line-clamp:2!important}}@media (max-width: 480px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important}}.product-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@media (max-width: 1100px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 780px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.product-grid{grid-template-columns:1fr}}.section h2{font-family:"Baloo 2",cursive;font-size:1.5rem;margin:0 0 12px;color:var(--navy)}.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#fff;color:var(--text);box-shadow:var(--shadow-soft);cursor:pointer;border:2px solid transparent;font-weight:600;transition:.2s ease}.chip:hover{transform:translateY(-1px)}.chip.active{background:var(--secondary);color:#fff}.chip:focus{outline:3px solid #0000;box-shadow:0 0 0 4px #118ab259}.btn:focus,.chip:focus,.add:focus,.qty button:focus{outline:3px solid #0000;box-shadow:0 0 0 4px #118ab259}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.pagination-info{display:flex;justify-content:center;margin:20px 0 10px;padding:8px 16px;background:linear-gradient(135deg,#ff6f611a,#118ab21a);border-radius:20px;color:var(--navy, #073B4C);font-size:.85rem;font-weight:500;font-family:"Baloo 2",cursive;border:1px solid rgba(255,111,97,.2);box-shadow:var(--shadow-soft)}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin:30px 0 20px;flex-wrap:wrap}.pagination-btn{padding:8px 16px;border:2px solid var(--primary, #118ab2);background:#fff;color:var(--primary, #118ab2);border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;min-width:80px}.pagination-btn:hover:not(:disabled){background:var(--primary, #118ab2);color:#fff;transform:translateY(-1px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pagination-numbers{display:flex;gap:5px;align-items:center}.pagination-number{padding:8px 12px;border:2px solid #e0e0e0;background:#fff;color:var(--text, #333);border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;min-width:40px}.pagination-number:hover{border-color:var(--primary, #118ab2);color:var(--primary, #118ab2)}.pagination-number.active{background:var(--primary, #118ab2);color:#fff;border-color:var(--primary, #118ab2)}.search-results-message{text-align:center;margin:20px 0;padding:12px;background:var(--tag-bg, rgba(17, 138, 178, .1));border-radius:8px;color:var(--text, #333)}.search-results-message span{font-weight:600;color:var(--primary, #118ab2)}@media (max-width: 768px){.pagination{flex-direction:column;gap:15px}.pagination-numbers{order:-1;flex-wrap:wrap;justify-content:center}.pagination-btn{min-width:100px}.pagination-info{font-size:.75rem;margin:15px 0 5px;padding:6px 12px}}.product-categories{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.product-category-tag{font-size:.75rem;color:var(--primary);background-color:var(--tag-bg, rgba(var(--primary-rgb), .1));padding:2px 8px;border-radius:12px;white-space:nowrap}html{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.product-details{min-height:100vh;background:#f8fafc;padding:2rem 0}.product-details-container{max-width:1200px;margin:0 auto;padding:0 2rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;color:#6b7280}.breadcrumb a{color:#ff6f61;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#ff6f61;cursor:pointer;margin-bottom:2rem;padding:.5rem 0;font-size:.875rem;transition:color .2s}.stock-status{margin:1rem 0;font-size:.95rem}.stock-status .in-stock{display:flex;align-items:center;gap:.5rem;color:#16a34a;font-weight:500}.stock-status .out-of-stock{display:flex;align-items:center;gap:.5rem;color:#dc2626;font-weight:500}.stock-status .stock-icon{font-size:1.1rem;font-weight:700}.back-button:hover{color:#118ab2}.product-details-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:3rem;background:#fff;border-radius:18px;padding:2rem;box-shadow:0 4px 12px #073b4c0f;border:none}.media-gallery{display:flex;flex-direction:column;gap:1rem}.main-media{position:relative;aspect-ratio:1;border-radius:18px;overflow:hidden;background:radial-gradient(40% 40% at 30% 30%,#fff,#f1f5f9);box-shadow:0 4px 12px #073b4c0f}.image-container{position:relative;width:100%;height:100%}.main-image{width:100%;height:100%;object-fit:cover;cursor:zoom-in;transition:transform .3s}.main-image.zoomed{transform:scale(1.5);cursor:zoom-out}.video-container{width:100%;height:100%}.main-video{width:100%;height:100%;object-fit:cover;border-radius:8px}.zoom-btn{position:absolute;top:1rem;right:1rem;background:#000000b3;color:#fff;border:none;border-radius:6px;padding:.5rem;cursor:pointer;opacity:0;transition:opacity .2s}.image-container:hover .zoom-btn{opacity:1}.media-nav{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s}.main-media:hover .media-nav{opacity:1}.media-nav.prev{left:1rem}.media-nav.next{right:1rem}.media-nav:hover{background:#000000e6}.media-thumbnails{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0}.thumbnail{flex-shrink:0;width:80px;height:80px;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s}.thumbnail.active{border-color:#3b82f6}.thumbnail img,.thumbnail video{width:100%;height:100%;object-fit:cover}.video-thumbnail{position:relative}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:#000000b3;border-radius:50%;padding:.25rem}.product-info{display:flex;flex-direction:column;gap:1.5rem}.product-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.product-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0;line-height:1.3}.product-actions{display:flex;gap:.5rem}.wishlist-btn,.share-btn{background:none;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem;cursor:pointer;transition:all .2s;color:#64748b}.wishlist-btn:hover,.share-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.wishlist-btn.active{color:#dc2626;background:#fef2f2;border-color:#fecaca}.product-rating{display:flex;align-items:center;gap:.75rem}.stars{display:flex;gap:.125rem}.star{color:#fbbf24}.star:not(.filled){color:#e5e7eb}.rating-text{color:#64748b;font-size:.875rem}.product-pricing{display:flex;align-items:baseline;gap:1rem}.current-price{font-size:2rem;font-weight:700;color:#073b4c}.original-price{font-size:1.125rem;text-decoration:line-through;color:#9ca3af}.discount{background:#ff6f61;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.stock-status{font-weight:600}.in-stock{color:#059669}.out-of-stock{color:#dc2626}.quantity-selector{display:flex;align-items:center;gap:1rem}.quantity-selector label{font-weight:600;color:#374151}.qty input{width:44px;border:none;background:transparent;text-align:center;font-weight:600;font-size:.9rem}.quantity-btn{width:24px;height:24px;border:none;background:#ff6f61;color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:background .2s ease}.quantity-btn:hover:not(:disabled){background:#118ab2}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.product-actions-main{display:flex;gap:1rem}.add-to-cart-btn,.buy-now-btn{flex:1;padding:10px 12px;font-weight:700;border-radius:12px;border:none;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #073b4c0f;cursor:pointer}.add-to-cart-btn{background:#ff6f61;color:#fff}.add-to-cart-btn:hover:not(:disabled){background:#118ab2;transform:translateY(-1px);box-shadow:0 8px 24px #073b4c14}.buy-now-btn{background:#073b4c;color:#fff}.buy-now-btn:hover{background:#118ab2;transform:translateY(-1px);box-shadow:0 8px 24px #073b4c14}.external-links{margin-top:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.external-links h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#374151}.external-links-buttons{display:flex;gap:1rem;flex-wrap:wrap}.external-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;text-decoration:none;color:#374151;font-weight:500;font-size:.875rem;transition:all .2s ease}.external-link:hover{border-color:#ff6f61;background:#fef2f2;color:#ff6f61;transform:translateY(-1px);box-shadow:0 2px 8px #ff6f611a}.external-link img{height:20px;width:auto}.external-link-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000001a}.flipkart-link:hover{border-color:#2874f0;background:#f0f8ff;color:#2874f0;box-shadow:0 2px 8px #2874f01a}.amazon-link:hover{border-color:#f90;background:#fff8f0;color:#f90;box-shadow:0 2px 8px #ff99001a}.product-features{display:flex;gap:2rem;padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.feature{display:flex;align-items:center;gap:.5rem;color:#059669;font-size:.875rem;font-weight:500}.product-tabs{background:#fff;border-radius:18px;box-shadow:0 4px 12px #073b4c0f;overflow:hidden}.tab-headers{display:flex;border-bottom:1px solid #e2e8f0}.tab-header{flex:1;background:none;border:none;padding:1rem 2rem;cursor:pointer;transition:all .2s;font-weight:500;color:#6b7280;border-bottom:3px solid transparent}.tab-header:hover{background:#f8fafc;color:#1f2937}.tab-header.active{color:#ff6f61;border-bottom-color:#ff6f61;background:#f8fafc}.tab-content{padding:2rem}.description-content{max-width:none}.description-text p{margin-bottom:1rem;line-height:1.7;color:#374151}.description-text p:last-child{margin-bottom:0}.customization-note{margin-top:1rem;padding:1rem;background:#e6f7ff;border-left:4px solid #FF6F61;border-radius:4px;font-weight:500;color:#374151}.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.spec-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.spec-label{font-weight:600;color:#374151}.spec-value{color:#64748b;font-weight:500}.dimensions-container h3{margin-bottom:1.5rem;color:#1e293b;font-size:1.25rem}.dimensions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.dimension-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.dimension-icon{color:#3b82f6;flex-shrink:0}.dimension-details{display:flex;flex-direction:column}.dimension-label{font-size:.875rem;color:#64748b;font-weight:500}.dimension-value{font-size:1.125rem;font-weight:700;color:#1e293b}.dimension-visual{display:flex;justify-content:center;margin-top:2rem}.dimension-box{position:relative;perspective:800px}.box-3d{position:relative;width:200px;height:150px;transform-style:preserve-3d;transform:rotateX(-10deg) rotateY(20deg);animation:rotate3d 8s infinite linear}@keyframes rotate3d{0%{transform:rotateX(-10deg) rotateY(20deg)}25%{transform:rotateX(-10deg) rotateY(110deg)}50%{transform:rotateX(-10deg) rotateY(200deg)}75%{transform:rotateX(-10deg) rotateY(290deg)}to{transform:rotateX(-10deg) rotateY(380deg)}}.box-face{position:absolute;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:2px solid #1e40af;opacity:.8}.box-face.front{width:200px;height:150px;transform:translateZ(100px)}.box-face.back{width:200px;height:150px;transform:rotateY(180deg) translateZ(100px)}.box-face.right{width:200px;height:150px;transform:rotateY(90deg) translateZ(100px)}.box-face.left{width:200px;height:150px;transform:rotateY(-90deg) translateZ(100px)}.box-face.top{width:200px;height:200px;transform:rotateX(90deg) translateZ(75px)}.box-face.bottom{width:200px;height:200px;transform:rotateX(-90deg) translateZ(75px)}.dimension-labels{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);display:flex;gap:1rem;font-size:.75rem;font-weight:600;color:#3b82f6}.reviews-content{text-align:center}.reviews-summary{margin-bottom:2rem}.rating-overview{display:flex;justify-content:center}.average-rating{display:flex;flex-direction:column;align-items:center;gap:.5rem}.rating-number{font-size:3rem;font-weight:700;color:#1e293b}.total-reviews{color:#64748b;font-size:.875rem}.review-placeholder{color:#64748b;padding:2rem}.image-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:zoom-out}.image-modal-content{position:relative;max-width:30vw;max-height:90vh;cursor:default}.modal-image{max-width:100%;max-height:100%;object-fit:contain}.modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:.5rem}.product-details-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.product-not-found{text-align:center;padding:4rem 2rem}.product-not-found h2{font-size:2rem;margin-bottom:1rem;color:#1e293b}.product-not-found p{color:#64748b;margin-bottom:2rem}@media (max-width: 768px){.product-details-container{padding:0 1rem}.product-details-content{grid-template-columns:1fr;gap:2rem;padding:1rem}.media-thumbnails{flex-wrap:wrap;justify-content:center}.product-title{font-size:1.5rem}.current-price{font-size:1.75rem}.product-actions-main{flex-direction:column}.product-features{flex-direction:column;gap:1rem}.tab-headers{flex-wrap:wrap}.tab-header{flex:1 1 50%;min-width:120px}.specs-grid{grid-template-columns:1fr}.dimensions-grid{grid-template-columns:repeat(2,1fr)}.box-3d,.box-face.front,.box-face.back,.box-face.right,.box-face.left{width:150px;height:112px}.box-face.top,.box-face.bottom{width:150px;height:150px}.box-face.top{transform:rotateX(90deg) translateZ(56px)}.box-face.bottom{transform:rotateX(-90deg) translateZ(56px)}.box-face.front{transform:translateZ(75px)}.box-face.back{transform:rotateY(180deg) translateZ(75px)}.box-face.right{transform:rotateY(90deg) translateZ(75px)}.box-face.left{transform:rotateY(-90deg) translateZ(75px)}}@media (max-width: 480px){.breadcrumb{font-size:.75rem}.product-header{flex-direction:column;align-items:flex-start}.product-actions{align-self:flex-end}.product-pricing{flex-direction:column;align-items:flex-start;gap:.5rem}.dimensions-grid{grid-template-columns:1fr}.dimension-labels{flex-direction:column;gap:.25rem}}.reviews-content{display:flex;flex-direction:column;gap:2rem}.reviews-summary{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid #eee}.rating-overview{display:flex;align-items:center;gap:2rem}.average-rating{display:flex;flex-direction:column;align-items:center}.rating-number{font-size:2.5rem;font-weight:700;color:#333}.total-reviews{color:#777;margin-top:.5rem}.write-review-btn{padding:.75rem 1.25rem}.login-prompt{text-align:right}.review-form{background-color:#f9f9f9;padding:1.5rem;border-radius:8px;margin-bottom:2rem;border:1px solid #eee}.review-form h3{margin-top:0;margin-bottom:1rem}.rating-selector{margin-bottom:1.25rem}.star-selector{display:flex;gap:.5rem;margin-top:.5rem}.star-btn{background:none;border:none;cursor:pointer;padding:0;color:#ddd;transition:all .2s}.star-btn.selected{color:gold}.star-btn:hover{transform:scale(1.1)}.review-form .form-group{margin-bottom:1.25rem}.review-form label{display:block;margin-bottom:.5rem;font-weight:500}.review-form textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;resize:vertical}.submit-review-btn{display:flex;align-items:center;gap:.5rem}.reviews-list{margin-top:1rem}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.review-card{background-color:#fff;padding:1rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #eee;position:relative}.review-header{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:.75rem}.reviewer-name{font-weight:600;margin-right:auto;margin-bottom:.5rem}.review-rating{margin-right:.5rem}.review-date{color:#777;font-size:.75rem}.review-comment{color:#333;line-height:1.5;margin-bottom:.5rem;word-wrap:break-word}.delete-review-btn{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:#f55;cursor:pointer;padding:4px;border-radius:50%;opacity:.7;transition:all .2s}.delete-review-btn:hover{opacity:1;background-color:#fee}.no-reviews,.loading-reviews{text-align:center;padding:2rem;color:#777}.error-message{background-color:#fee;color:#c00;padding:.75rem;border-radius:4px;margin-bottom:1rem}.success-message{background-color:#efe;color:#070;padding:.75rem;border-radius:4px;margin-bottom:1rem}.grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@media (max-width: 1100px){.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 780px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.grid{grid-template-columns:1fr}}.card{background:var(--card);border-radius:18px;box-shadow:var(--shadow-soft);overflow:hidden;display:flex;flex-direction:column;min-height:100%}.thumb{aspect-ratio:4/3;background:radial-gradient(40% 40% at 30% 30%,#fff,#f1f5f9);display:flex;align-items:center;justify-content:center;position:relative}.thumb .emoji{font-size:60px}.badge{position:absolute;top:12px;left:12px;padding:6px 10px;border-radius:999px;font-size:.75rem;font-weight:700;color:#073b4c;background:#ffd166;box-shadow:var(--shadow-soft)}.content{padding:14px}.title{font-weight:700;font-size:1.05rem;margin:0 0 6px}.desc{color:var(--muted);font-size:.9rem;margin:0 0 10px}.price-row{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.price{font-weight:700;color:var(--navy)}.qty{display:flex;align-items:center;gap:6px;background:#f8fafc;padding:6px 8px;border-radius:999px;border:1px solid rgba(0,0,0,.05)}.qty input{width:44px;border:none;background:transparent;text-align:center;font-weight:600}.add{margin-top:10px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:#fff;border:none;border-radius:12px;padding:10px 12px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-soft);transition:.2s ease}.add:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.product-tags{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.product-tag{background-color:var(--primary);color:#fff;padding:4px 12px;border-radius:16px;font-size:.9rem;white-space:nowrap}.phonepe-payment-container,.payment-callback-container{max-width:600px;margin:2rem auto;padding:1.5rem;border-radius:8px;background-color:#fff;box-shadow:0 4px 12px #0000001a}.payment-error{background-color:#fee2e2;color:#dc2626;padding:.75rem;border-radius:4px;margin-bottom:1rem;border-left:4px solid #dc2626}.payment-status{text-align:center;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.payment-status.completed{background-color:#ecfdf5;border:1px solid #10b981}.payment-status.pending{background-color:#fffbeb;border:1px solid #f59e0b}.payment-status.failed{background-color:#fee2e2;border:1px solid #ef4444}.payment-actions{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.order-details{background-color:#f9fafb;padding:1.5rem;border-radius:8px;margin:1.5rem 0;border:1px solid #e5e7eb;text-align:left}.order-details h3{margin-top:0;border-bottom:1px solid #e5e7eb;padding-bottom:.75rem;margin-bottom:1rem;color:#374151}.order-details h4{margin-top:1.5rem;margin-bottom:.75rem;font-weight:600;color:#4b5563}.order-status,.payment-status{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-weight:500;font-size:.875rem;text-transform:capitalize}.order-status.pending,.payment-status.pending{background-color:#fffbeb;color:#d97706;border:1px solid #fbbf24}.order-status.processing,.payment-status.processing{background-color:#eff6ff;color:#2563eb;border:1px solid #3b82f6}.order-status.shipped{background-color:#f0fdfa;color:#0d9488;border:1px solid #14b8a6}.order-status.delivered{background-color:#ecfdf5;color:#059669;border:1px solid #10b981}.order-status.cancelled,.payment-status.failed,.payment-status.cancelled{background-color:#fee2e2;color:#b91c1c;border:1px solid #ef4444}.order-status.completed,.payment-status.completed{background-color:#ecfdf5;color:#059669;border:1px solid #10b981}.shipping-address{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:1rem}.shipping-address p{margin:.25rem 0}.order-items{margin-bottom:1.5rem}.pay-button{background-color:#573391!important;color:#fff;padding:.75rem 2rem;font-size:1.1rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;width:100%;max-width:300px}.pay-button:hover{background-color:#45277a!important}.pay-button:disabled{background-color:#9ca3af!important;cursor:not-allowed}.payment-note{text-align:center;color:#6b7280;font-size:.875rem;margin-top:1rem}.phonepe-logo{width:80px;margin-bottom:1rem}.order-details{background-color:#f3f4f6;padding:1rem;border-radius:4px;margin:1rem 0;text-align:left}.payment-title{font-size:1.5rem;margin-bottom:1rem}.payment-message{margin-bottom:1.5rem}.payment-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.payment-actions button{min-width:180px}.btn-secondary{background-color:#e5e7eb;color:#374151}.btn-secondary:hover{background-color:#d1d5db}.loader-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 0}.loader{border:5px solid #f3f3f3;border-top:5px solid #573391;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}button:disabled{animation:pulse 2s infinite}.checkout-container{background:var(--card, #FFFFFF);border-radius:18px;box-shadow:var(--shadow-soft, 0 4px 12px rgba(7,59,76,.06));padding:2rem;margin-top:2rem;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.checkout-container h1{text-align:center;margin-bottom:2rem;color:var(--navy, #073B4C);font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.checkout-steps{display:flex;justify-content:center;align-items:center;margin-bottom:3rem;position:relative}.checkout-steps:before{content:"";position:absolute;top:50%;left:30%;right:30%;height:3px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);border-radius:2px;z-index:1}.order-notes-section{background:#f9fafb;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.order-notes-section h3{color:var(--navy, #073B4C);font-size:1.1rem;margin-bottom:1rem}.order-notes-input{width:100%;min-height:120px;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-family:inherit;font-size:.95rem;resize:vertical;transition:border-color .2s,box-shadow .2s}.order-notes-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.order-notes-input::placeholder{color:#9ca3af}.notes-character-count{text-align:right;font-size:.85rem;color:#6b7280;margin-top:.5rem}.step{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 2rem;background:var(--card, #FFFFFF);border-radius:18px;box-shadow:var(--shadow-soft, 0 4px 12px rgba(7,59,76,.06));position:relative;z-index:2;transition:all .3s ease;min-width:160px;margin:0 1rem;border:1px solid rgba(255,255,255,.8)}.step.active{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;transform:translateY(-5px) scale(1.01);box-shadow:var(--shadow, 0 8px 24px rgba(7,59,76,.08))}.step.completed{background:linear-gradient(135deg,var(--accent) 0%,var(--secondary) 100%);color:#fff}.step-number{width:40px;height:40px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;border:2px solid rgba(255,255,255,.8);color:var(--navy)}.step.active .step-number,.step.completed .step-number{background:#fffffff2;color:var(--navy);border-color:#ffffffe6}.step-title{font-weight:600;font-size:.9rem;text-align:center}.checkout-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;margin-top:2rem}.confirmation-section{background:#fffc;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid rgba(255,255,255,.5);margin-bottom:2rem}.selected-address-summary{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#4ecdc41a,#45b7d11a);border-radius:18px;border:2px solid rgba(78,205,196,.3);box-shadow:var(--shadow-soft, 0 4px 12px rgba(7,59,76,.06))}.selected-address-summary h3{color:#333;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.address-summary-card{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--card, #FFFFFF);border-radius:18px;box-shadow:var(--shadow-soft, 0 4px 12px rgba(7,59,76,.06));border:1px solid rgba(255,255,255,.8);transition:transform .2s ease,box-shadow .2s ease}.address-info{flex:1}.address-info strong{color:#333;font-size:1.1rem;display:block;margin-bottom:.5rem}.address-info p{margin:.25rem 0;color:#666;line-height:1.4}.location-info{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem;background:#4ecdc41a;border-radius:6px;color:#333;font-size:.9rem}.map-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#45b7d1,#4ecdc4)!important;color:#fff!important;border:none!important;padding:.75rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;white-space:nowrap;min-width:auto}.map-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #45b7d166}.payment-step .payment-section{background:#fffc;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid rgba(255,255,255,.5)}.selected-address-mini{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#96ceb41a,#81c7841a);border-radius:18px;border:2px solid rgba(150,206,180,.3);box-shadow:var(--shadow-soft, 0 4px 12px rgba(7,59,76,.06))}.selected-address-mini h3{color:#333;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.mini-address-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--card, #FFFFFF);border-radius:18px;box-shadow:var(--shadow-soft, 0 4px 12px rgba(7,59,76,.06));border:1px solid rgba(255,255,255,.8);transition:transform .2s ease,box-shadow .2s ease}.mini-address-card strong{color:#333;font-size:1rem;display:block;margin-bottom:.25rem}.mini-address-card p{color:#666;margin:0;font-size:.9rem}.change-address-btn{background:linear-gradient(135deg,#4ecdc4,#45b7d1);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-soft, 0 4px 12px rgba(7,59,76,.06))}.change-address-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow, 0 8px 24px rgba(7,59,76,.08));filter:brightness(1.1)}.payment-form h2{color:#333;margin-bottom:1.5rem;font-size:1.4rem;font-weight:600}.card-element-container{padding:1.5rem;border:2px solid rgba(255,107,107,.2);border-radius:10px;background:#ffffffe6;margin-bottom:1.5rem;transition:all .3s ease}.card-element-container:focus-within{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a;background:#fff}.checkout-btn{width:100%;padding:1.25rem 2rem;margin-top:2rem;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 16px #ff6b6b4d;text-transform:uppercase;letter-spacing:.05em}.checkout-actions .checkout-btn{margin-top:0}.checkout-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #ff6b6b66;filter:brightness(1.1)}.checkout-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;position:relative;overflow:hidden}.checkout-btn:disabled:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid rgba(255,255,255,.8);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.checkout-actions{margin-top:2rem;text-align:center}.checkout-actions .btn{min-width:200px;padding:1rem 2rem;font-size:1.1rem;font-weight:600}.address-preview{margin-top:1.5rem;padding:1.5rem;background:var(--card, #FFFFFF);border-radius:18px;box-shadow:var(--shadow-soft, 0 4px 12px rgba(7,59,76,.06));border:1px solid rgba(255,255,255,.8);transition:transform .2s ease,box-shadow .2s ease}.address-preview h3{color:#333;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.address-preview p{margin:.25rem 0;color:#666;line-height:1.5;font-size:.95rem}.address-actions{display:flex;gap:.5rem;align-items:center}.order-summary{background:#ffffffe6;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid rgba(255,255,255,.5);height:fit-content;position:sticky;top:2rem}.order-summary h2{color:#333;margin-bottom:1.5rem;font-size:1.3rem;font-weight:600;text-align:center;padding-bottom:1rem;border-bottom:2px solid rgba(255,107,107,.1)}.checkout-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(255,107,107,.1);font-size:.95rem}.checkout-item:last-of-type{border-bottom:2px solid rgba(255,107,107,.2);margin-bottom:1rem}.checkout-item span:first-child{color:#333;font-weight:500}.checkout-item span:last-child{color:#ff6b6b;font-weight:600}.checkout-total{background:linear-gradient(135deg,#ff6b6b0d,#4ecdc40d);padding:1.5rem;border-radius:10px;border:2px solid rgba(255,107,107,.1)}.checkout-total div{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.95rem;color:#666}.checkout-total .total{font-size:1.2rem;font-weight:700;color:#333;border-top:2px solid rgba(255,107,107,.2);padding-top:1rem;margin-top:1rem;margin-bottom:0}.checkout-total .total span:last-child{background:linear-gradient(45deg,#ff6b6b,#ff8e53);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.error-message{background:linear-gradient(135deg,#ff6b6b1a,#ff8e531a);color:#ff6b6b;padding:1rem;border-radius:8px;border:1px solid rgba(255,107,107,.3);margin:1rem 0;font-weight:500;text-align:center;animation:shake .5s ease-in-out}.success-message{background:linear-gradient(135deg,#4ecdc41a,#45b7d11a);color:#4ecdc4;padding:1rem;border-radius:8px;border:1px solid rgba(78,205,196,.3);margin:1rem 0;font-weight:500;text-align:center;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width: 1024px){.checkout-container{margin:1rem;padding:1.5rem}.checkout-content{grid-template-columns:1fr;gap:2rem}.order-summary{position:static}}@media (max-width: 768px){.checkout-container{margin:.5rem;padding:1rem}.checkout-container h1{font-size:2rem}.checkout-steps{flex-direction:column;gap:1rem}.checkout-steps:before{display:none}.step{width:100%;max-width:300px}.address-summary-card,.mini-address-card{flex-direction:column;align-items:stretch;gap:1rem}.map-btn{align-self:center}.change-address-btn{align-self:center;width:fit-content}}@media (max-width: 480px){.checkout-container{margin:0;border-radius:0}.address-step .shipping-section,.payment-step .payment-section,.order-summary,.selected-address-summary,.selected-address-mini,.checkout-total{padding:1rem}}.map-picker-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.map-picker-container{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.map-picker-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(0,0,0,.1)}.map-picker-header h3{margin:0;color:#333;font-size:1.5rem;font-weight:600}.map-picker-content{padding:2rem}.search-section{margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.search-bar{display:flex;gap:.5rem}.search-bar input{flex:1;padding:.75rem 1rem;border-radius:8px;border:2px solid rgba(0,0,0,.1);font-size:1rem}.search-bar input:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a;outline:none}.search-btn,.current-location-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;border:none;border-radius:8px;padding:.75rem 1rem;cursor:pointer;transition:all .3s ease}.current-location-btn{background:linear-gradient(135deg,#4ecdc4,#45b7d1)}.search-btn:hover,.current-location-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #ff6b6b33;filter:brightness(1.05)}.current-location-btn:hover{box-shadow:0 6px 15px #4ecdc433}.location-display{background:linear-gradient(135deg,#ff6b6b0d,#ff8e530d);padding:1.5rem;border-radius:12px;border:2px solid rgba(255,107,107,.1);margin-bottom:2rem}.location-display div{color:#333}.location-display strong{font-weight:600;margin-bottom:.5rem;display:block}.location-display p{margin:.25rem 0;color:#ff6b6b;font-size:1.1rem;font-weight:500}.location-display small{margin-top:.5rem;display:block;color:#666;font-size:.9rem}.map-placeholder{height:240px;background:linear-gradient(135deg,#f5f7fa,#e6e9f0);border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:2rem;position:relative;border:2px solid rgba(0,0,0,.05);overflow:hidden}.map-marker{color:#ff6b6b;animation:bounce 1.5s infinite ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.map-placeholder p{margin:.5rem 0 0;font-weight:600;color:#333}.map-placeholder small{color:#666;margin-top:.5rem}.popular-cities{margin-bottom:2rem}.popular-cities h4{color:#333;margin:0 0 1rem;font-size:1.1rem;font-weight:600}.cities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.city-btn{background:#fff;border:2px solid rgba(0,0,0,.1);border-radius:8px;padding:.75rem 1rem;text-align:center;cursor:pointer;transition:all .3s ease;color:#333;font-weight:500}.city-btn:hover{border-color:#ff6b6b;background:#ff6b6b0d;transform:translateY(-2px)}.city-btn.selected{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;border-color:transparent;box-shadow:0 6px 15px #ff6b6b33}.map-picker-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.error-message{background:linear-gradient(135deg,#ff6b6b1a,#ff8e531a);color:#ff6b6b;padding:1rem;border-radius:8px;border:1px solid rgba(255,107,107,.3);margin:1rem 0;font-weight:500;text-align:center}@media (max-width: 768px){.map-picker-container{max-width:100%;height:100%;max-height:100%;border-radius:0;margin:0}.map-picker-overlay{padding:0}.map-picker-content{padding:1rem}.cities-grid{grid-template-columns:1fr 1fr}.search-bar{flex-direction:column}.current-location-btn{width:100%}}.shipping-summary{margin-top:2rem;margin-bottom:2rem;padding:1.5rem;background:var(--card, #FFFFFF);border-radius:18px;box-shadow:var(--shadow-soft, 0 4px 12px rgba(7,59,76,.06));border:1px solid rgba(255,255,255,.8)}.shipping-summary h3{color:#333;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.cart-summary{margin-bottom:2rem;padding:1.5rem;background:var(--card, #FFFFFF);border-radius:18px;box-shadow:var(--shadow-soft, 0 4px 12px rgba(7,59,76,.06));border:1px solid rgba(255,255,255,.8)}.cart-summary h3{color:#333;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.shipping-summary p{margin:.5rem 0;color:#666;line-height:1.4}.shipping-section .error-message,.confirmation-section .error-message{margin:1.5rem 0;background:#ffebee;color:#d32f2f;padding:.75rem 1rem;border-radius:6px;font-size:.9rem;border-left:4px solid #f44336}.checkout-buttons{margin-top:2rem;display:flex;justify-content:space-between;gap:1.5rem}.checkout-buttons .btn{flex:1}.back-btn{background:#f5f5f5;color:#333;border:none;padding:1rem 2rem;border-radius:8px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 8px #0000001a}.back-btn:hover{background:#e8e8e8;transform:translateY(-2px)}.payment-section{padding:2rem}.order-summary-mini{background-color:#f9f9f9;border-radius:8px;padding:1.5rem;margin-bottom:2rem;border:1px solid #eaeaea}.order-summary-mini h3{margin-bottom:1rem;font-size:1.2rem}.payment-options{margin-top:2rem;text-align:center}.payment-note{font-size:.9rem;color:#666;margin-top:1.5rem;text-align:center}.coupon-section{margin-top:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.coupon-section h3{margin-bottom:1rem;color:#073b4c;font-size:1.1rem;font-weight:600}.coupon-input-group{display:flex;gap:.5rem;align-items:center}.coupon-input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.coupon-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.apply-coupon-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease}.apply-coupon-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.apply-coupon-btn:disabled{opacity:.6;cursor:not-allowed}.applied-coupon{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724}.coupon-info{display:flex;flex-direction:column;gap:.25rem}.coupon-code-display{font-weight:600;font-size:1.1rem;letter-spacing:1px}.coupon-description{font-size:.9rem;opacity:.8}.coupon-discount{font-weight:600;color:#0f5132}.remove-coupon-btn{padding:.5rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.remove-coupon-btn:hover{background:#c82333}.coupon-error{margin-top:.5rem;color:#dc3545;font-size:.9rem;font-weight:500}.cart-discount{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;color:#28a745;font-weight:500;border-bottom:1px solid #e9ecef}.cart-discount span:first-child{color:#28a745}.image-upload-container{margin-bottom:1rem}.image-upload-box{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.image-upload-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#f0f0f0;border:1px dashed #ccc;border-radius:4px;cursor:pointer;transition:all .2s}.image-upload-button:hover{background-color:#e0e0e0;border-color:#aaa}.upload-btn{background-color:#4a90e2;color:#fff}.upload-btn:disabled{background-color:#ccc;cursor:not-allowed}.stock-controls{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.stock-checkbox{display:flex;align-items:center;gap:.5rem}.stock-checkbox input[type=checkbox]{width:auto;margin:0}.stock-checkbox label{margin:0;font-weight:400}.stock-controls input[type=number]{width:150px}.selected-files,.uploaded-images{margin-top:1rem;padding:1rem;background-color:#f9f9f9;border-radius:4px}.file-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.file-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background-color:#fff;border:1px solid #eee;border-radius:4px}.remove-file,.remove-image{background:none;border:none;color:#f55;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:.5rem}.image-preview-container{position:relative}.image-preview{width:100%;height:150px;overflow:hidden;border-radius:4px;border:1px solid #eee}.image-preview img{width:100%;height:100%;object-fit:cover}.remove-image{position:absolute;top:5px;right:5px;background-color:#ffffffb3;border-radius:50%;width:25px;height:25px}.specifications-fields,.dimensions-fields{border:1px solid #e0e0e0;border-radius:8px;padding:15px;margin-top:10px;background-color:#f9f9f9}.spec-field{margin-bottom:10px}.spec-field input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.dimensions-icon{color:#666;margin-right:10px}.dimensions-fields .form-row{display:flex;gap:15px;margin-bottom:15px}.dimensions-fields .form-group{flex:1}.dimensions-fields input,.dimensions-fields select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.edit-product-container{max-width:1200px;margin:0 auto;padding:20px}.edit-product-form-container{display:grid;grid-template-columns:3fr 1fr;gap:20px;margin-top:20px}@media (max-width: 768px){.edit-product-form-container{grid-template-columns:1fr}}.media-type-selector{display:flex;margin-bottom:15px;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.media-type-btn{display:flex;align-items:center;justify-content:center;padding:10px 20px;background-color:#f5f5f5;border:none;font-size:14px;cursor:pointer;transition:all .2s ease;flex-grow:1;gap:8px}.media-type-btn.active{background-color:#007bff;color:#fff}.media-type-btn:first-child{border-right:1px solid rgba(0,0,0,.1)}.uploaded-videos{margin-top:20px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:10px}.video-preview-container{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #0000001a}.video-preview{width:100%;aspect-ratio:16 / 9;background-color:#000}.video-preview video{width:100%;height:100%;object-fit:contain}.remove-video{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;background:#fffc;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ff3b30}.admin-container{max-width:1200px;margin:0 auto;padding:20px}.admin-subtitle{color:#666;margin-bottom:20px}.payment-details-container{margin-top:15px;padding:15px;background-color:#f3f9ff;border-radius:6px;margin-bottom:15px}.payment-info{margin-bottom:10px}.payment-status{display:inline-block;padding:3px 8px;border-radius:12px;font-size:.85rem;font-weight:600;margin-left:5px}.payment-status.completed{background-color:#d4edda;color:#155724}.payment-status.pending{background-color:#fff3cd;color:#856404}.payment-status.failed{background-color:#f8d7da;color:#721c24}.payment-status-update{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.payment-status-update label{font-weight:500;font-size:.9rem;color:#495057}.payment-status-select{padding:6px 10px;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;min-width:150px}.check-status-btn{background-color:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.check-status-btn:hover{background-color:#0056b3}.check-status-btn:disabled{background-color:#6c757d;cursor:not-allowed}.expected-delivery-container{margin-top:15px;padding:15px;background-color:#f8f9fa;border-radius:6px}in-actions{margin-bottom:20px}.btn-secondary{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background-color:#5a6268}.btn-secondary:disabled{background-color:#b3b7bb;cursor:not-allowed}.success-message{background-color:#d4edda;color:#155724;padding:10px 15px;margin-bottom:20px;border-radius:4px;border:1px solid #c3e6cb}.error-message{background-color:#f8d7da;color:#721c24;padding:10px 15px;margin-bottom:20px;border-radius:4px;border:1px solid #f5c6cb}.status-container{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.status-badge{padding:5px 10px;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:uppercase}.status-dropdown{display:flex;align-items:center;gap:10px}.status-select{padding:8px 12px;border-radius:4px;border:1px solid #ddd;font-size:.9rem;background-color:#fff;min-width:130px}.loading-spinner{font-size:.9rem;color:#666}.expected-delivery{color:#155724;font-weight:500;margin-top:10px}.expected-delivery-container{margin-top:10px;padding:10px;background-color:#f8f9fa;border-radius:6px}.delivery-date-update{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.delivery-date-update label{font-weight:500;font-size:.9rem;color:#495057}.date-input{padding:6px 10px;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;min-width:150px}.update-date-btn{background-color:#28a745;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.update-date-btn:hover{background-color:#218838}.update-date-btn:disabled{background-color:#6c757d;cursor:not-allowed}.coordinates{margin-top:10px;font-size:.8rem;color:#666}.order-items{border-top:1px solid #eee;padding-top:15px}.order-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}.admin-controls{background-color:#f8f9fa;border-radius:6px;padding:15px;margin-bottom:20px;border:1px solid #dee2e6}.status-update-section,.payment-status-update,.delivery-date-update{margin-bottom:15px}.status-update-section label,.payment-status-update label,.delivery-date-update label{display:block;font-weight:500;margin-bottom:5px;color:#495057}.status-select,.payment-status-select{padding:6px 10px;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;min-width:150px;margin-right:10px}.date-input{padding:6px 10px;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;margin-right:10px}.update-date-btn,.check-status-btn{padding:6px 12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.update-date-btn:hover,.check-status-btn:hover{background-color:#0056b3}.update-date-btn:disabled,.check-status-btn:disabled{background-color:#6c757d;cursor:not-allowed}.check-result{margin-left:10px;padding:4px 8px;border-radius:4px;font-size:.85rem;font-weight:500}.check-result.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.check-result.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.check-timestamp{display:block;font-size:.75rem;opacity:.7;margin-top:2px}.admin-container{max-width:1200px;margin:0 auto;padding:2rem}.admin-header{margin-bottom:2rem}.admin-header h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.admin-subtitle{font-size:1.1rem;color:var(--muted);margin-top:0}.category-admin-content{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-top:2rem}.create-category-form{background:#fffc;border-radius:var(--border-radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);height:fit-content}.create-category-form h2{margin-top:0;font-size:1.4rem;color:var(--text);margin-bottom:1.2rem}.form-group{display:flex;gap:1rem}.form-group input{flex:1;padding:.75rem 1rem;font-size:1rem;border:1px solid rgba(0,0,0,.1);border-radius:var(--border-radius-md);background:#fff}.create-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.2rem;background:var(--secondary-gradient);color:#fff;border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s ease}.create-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.categories-list-container{background:#fffc;border-radius:var(--border-radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.categories-list-container h2{margin-top:0;font-size:1.4rem;color:var(--text);margin-bottom:.5rem}.drag-instruction{color:var(--muted);font-size:.9rem;font-style:italic;margin-bottom:1.5rem}.no-categories{padding:2rem;text-align:center;color:var(--muted);background:#00000008;border-radius:var(--border-radius-md)}.categories-list{list-style:none;padding:0;margin:0}.category-item{margin-bottom:.75rem;background:#fff;border-radius:var(--border-radius-md);box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:all .2s ease}.category-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.category-item-inner{display:flex;align-items:center;padding:.75rem 1rem}.drag-handle{margin-right:1rem;color:var(--muted);cursor:grab;display:flex;align-items:center}.drag-handle:active{cursor:grabbing}.category-name{flex:1;font-size:1rem;font-weight:500}.category-actions{display:flex;gap:.5rem}.edit-category-form{display:flex;align-items:center;flex:1;gap:.75rem}.edit-category-form input{flex:1;padding:.5rem .75rem;font-size:.95rem;border:1px solid rgba(0,0,0,.1);border-radius:var(--border-radius-sm);background:#fff}.edit-actions{display:flex;gap:.5rem}.btn{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:var(--border-radius-sm);border:none;cursor:pointer;transition:all .2s ease;background:transparent;color:var(--muted)}.edit-btn:hover{background:#ff95001a;color:#ff9500}.delete-btn:hover{background:#ff3b301a;color:#ff3b30}.save-btn{background:#34c7591a;color:#34c759}.save-btn:hover{background:#34c75933}.cancel-btn{background:#8e8e931a;color:#8e8e93}.cancel-btn:hover{background:#8e8e9333}.error-message{background:#ff3b301a;border-left:4px solid #ff3b30;color:#d8000c;padding:1rem;margin:1rem 0;border-radius:var(--border-radius-md)}.success-message{background:#34c7591a;border-left:4px solid #34c759;color:#34c759;padding:1rem;margin:1rem 0;border-radius:var(--border-radius-md)}@media (max-width: 768px){.category-admin-content{grid-template-columns:1fr}.admin-container{padding:1.5rem}}.visitors-dashboard{padding:20px;max-width:1200px;margin:0 auto}.visitors-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.visitors-subtitle{color:#666;margin-bottom:20px}.unique-ips-section{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.unique-ips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:15px}.ip-stat-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:12px;text-align:center;transition:transform .2s}.ip-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.ip-address{font-family:monospace;font-size:14px;color:#343a40;margin-bottom:8px}.visit-count{font-size:13px;color:#6c757d;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px}.stat-card{background-color:#f8f9fa;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.stat-card h3{margin-top:0;color:#333;font-size:16px;margin-bottom:10px}.stat-value{font-size:32px;font-weight:700;color:#4a6ee0;margin-bottom:10px}.period-selector{display:flex;gap:10px;margin-bottom:20px}.period-selector button{background-color:#f1f3f5;border:1px solid #ddd;border-radius:4px;padding:5px 10px;cursor:pointer;transition:all .2s}.period-selector button.active{background-color:#4a6ee0;color:#fff;border-color:#4a6ee0}.table-responsive{overflow-x:auto}.visitors-table{width:100%;border-collapse:collapse}.visitors-table th,.visitors-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}.visitors-table th{background-color:#f8f9fa;font-weight:600;color:#333}.visitors-table tbody tr:hover{background-color:#f1f3f5}.visitors-table .path-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-container{margin-top:30px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.chart-header{display:flex;justify-content:space-between;margin-bottom:15px}.top-referrers{margin-top:20px}.referrer-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}.referrer-item:last-child{border-bottom:none}.referrer-bar{height:8px;background-color:#4a6ee0;margin-top:5px;border-radius:4px}.loading-state{display:flex;justify-content:center;align-items:center;min-height:200px}.error-state{background-color:#fee;color:#c00;padding:15px;border-radius:4px;margin-bottom:20px}.logged-in-visitor{background-color:#f0f7ff!important}.logged-in-visitor:hover{background-color:#e0f0ff!important}.user-action{display:inline-block;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap}.action-view{background-color:#e8f0fe;color:#1a73e8;border:1px solid #d2e3fc}.action-create{background-color:#e6f4ea;color:#137333;border:1px solid #ceead6}.action-update{background-color:#fef7e0;color:#b06000;border:1px solid #feefc3}.action-delete{background-color:#fce8e6;color:#c5221f;border:1px solid #f6d2cf}.action-auth{background-color:#f3e8fd;color:#6200ee;border:1px solid #e9d2fd}.action-admin{background-color:#e8eaf6;color:#3f51b5;border:1px solid #d1d4e6}.action-checkout{background-color:#e0f2f1;color:#00897b;border:1px solid #b2dfdb}.action-other{background-color:#f0f0f0;color:#5f6368;border:1px solid #e0e0e0}.user-role-badge{display:inline-block;font-size:10px;padding:2px 6px;border-radius:10px;margin-left:5px;text-transform:uppercase}.user-role-badge[title="Role: admin"]{background-color:#e91e63;color:#fff}.user-role-badge[title="Role: user"]{background-color:#4a6ee0;color:#fff}.ip-address-small{font-size:11px;color:#888;margin-top:2px}.refresh-button{display:flex;align-items:center;gap:6px;background-color:#4a6ee0;color:#fff;border:none;border-radius:4px;padding:8px 12px;cursor:pointer;transition:background-color .2s}.refresh-button:hover{background-color:#3957b5}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-header select{padding:5px 10px;border-radius:4px;border:1px solid #ddd}.no-data-state{text-align:center;padding:30px;color:#888;font-style:italic}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}}.user-activities-section{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.activities-table{width:100%;border-collapse:collapse;margin-top:15px}.activities-table th,.activities-table td{padding:12px;text-align:left;border-bottom:1px solid #e9ecef}.activities-table th{background:#f8f9fa;font-weight:600;color:#495057}.activities-table tr:hover{background:#f8f9fa}.activity-details{font-size:12px;color:#6c757d;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-product{color:#adb5bd;font-style:italic}.admin-contact-messages{padding:20px}.admin-contact-messages h1{margin-bottom:20px;color:#333}.contact-messages-filters{display:flex;gap:15px;margin-bottom:20px;align-items:center}.contact-messages-filters select,.contact-messages-filters button{padding:8px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff}.contact-messages-filters select{min-width:150px}.contact-messages-filters button{background-color:#4a6ee0;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;gap:6px}.contact-messages-filters button:hover{background-color:#3a5bc0}.message-list{display:grid;gap:20px}.message-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .3s ease}.message-card.unread{border-left:4px solid #4a6ee0}.message-card.read{border-left:4px solid #28a745}.message-card.archived{border-left:4px solid #6c757d;opacity:.8}.message-header{background-color:#f8f9fa;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0}.message-info{flex:1}.message-subject{font-size:1.1rem;margin-bottom:5px;color:#333;font-weight:500}.message-meta{display:flex;gap:15px;color:#666;font-size:.9rem}.message-actions{display:flex;gap:10px}.message-actions button{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;padding:6px 10px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s}.message-actions button:hover{background-color:#e9ecef}.message-actions button.read-btn{color:#28a745}.message-actions button.unread-btn{color:#4a6ee0}.message-actions button.archive-btn{color:#6c757d}.message-body{padding:15px 20px}.message-content{margin-top:10px;white-space:pre-wrap}.message-additional-info{margin-top:15px;padding-top:15px;border-top:1px dashed #e0e0e0;color:#666;font-size:.9rem}.message-additional-info div{margin-bottom:5px}.message-empty{text-align:center;padding:40px 0;color:#666}.message-empty-icon{margin-bottom:15px;color:#ddd}.pagination{display:flex;justify-content:center;margin-top:30px;gap:10px}.pagination button{padding:8px 15px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination button.active{background:#4a6ee0;color:#fff;border-color:#4a6ee0}.loading-messages{text-align:center;padding:30px;color:#666}.message-error{text-align:center;color:#dc3545;padding:30px}@media (max-width: 768px){.contact-messages-filters{flex-direction:column;align-items:stretch}.message-meta{flex-direction:column;gap:5px}.message-header{flex-direction:column;align-items:flex-start;gap:10px}.message-actions{align-self:flex-end}}.admin-refunds-container{max-width:1200px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a}.admin-refunds-container h1{text-align:center;margin-bottom:2rem;color:#333}.refunds-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 768px){.refunds-layout{grid-template-columns:1fr}}.orders-list,.refund-form{background-color:#f9f9f9;padding:1.5rem;border-radius:8px;border:1px solid #eee}.refundable-orders{list-style-type:none;padding:0;margin:0;max-height:500px;overflow-y:auto}.refundable-orders li{padding:1rem;margin-bottom:1rem;background-color:#fff;border-radius:6px;border-left:4px solid #ddd;cursor:pointer;transition:all .2s ease}.refundable-orders li:hover{box-shadow:0 3px 8px #0000001a;transform:translateY(-2px);border-left-color:#573391}.refundable-orders li.selected{border-left-color:#573391;background-color:#f0ebfa;box-shadow:0 3px 8px #0000001a}.order-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.order-id{font-weight:700}.order-total{font-size:1.1rem;font-weight:600;margin-bottom:.3rem}.order-status{font-size:.8rem;text-transform:uppercase;background-color:#e6f7ff;color:#06c;display:inline-block;padding:.2rem .5rem;border-radius:4px}.refund-form h2{margin-bottom:1.5rem}.order-summary{background-color:#fff;padding:1rem;margin-bottom:1.5rem;border-radius:6px}.order-summary h3{margin-bottom:1rem;font-size:1.2rem;color:#333}.order-summary p{margin-bottom:.5rem}.refund-details .form-group{margin-bottom:1.2rem}.refund-details label{display:block;margin-bottom:.5rem;font-weight:500}.refund-details input,.refund-details textarea{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.refund-details input:focus,.refund-details textarea:focus{border-color:#573391;outline:none}.refund-button{background-color:#573391;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:4px;font-size:1rem;cursor:pointer;width:100%;transition:background-color .2s ease}.refund-button:hover:not(:disabled){background-color:#452676}.refund-button:disabled{background-color:#9a86c1;cursor:not-allowed}.error-message{background-color:#ffebee;color:#d32f2f;padding:1rem;margin-bottom:1.5rem;border-radius:4px;border-left:4px solid #d32f2f}.success-message{background-color:#e8f5e9;color:#2e7d32;padding:1rem;margin-bottom:1.5rem;border-radius:4px;border-left:4px solid #2e7d32}.user-orders-container{max-width:1200px;margin:0 auto;padding:20px}.order-notes{margin-top:1rem;padding:1rem;background:#fff;border-radius:6px;border:1px solid #e9ecef}.order-notes strong{display:block;margin-bottom:.5rem;color:#495057}.notes-content{font-size:.95rem;color:#6c757d;white-space:pre-wrap;line-height:1.4}.modal-order-details .order-notes{margin-top:1.5rem;margin-bottom:1rem;background:#f8f9fa;border:1px solid #dee2e6}.user-orders-subtitle{color:#666;margin-bottom:20px}.order-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.tab-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:999px;background:#6c757d;color:#fff;box-shadow:0 2px 8px #0000001a;cursor:pointer;border:2px solid transparent;font-weight:600;transition:.2s ease;font-size:1rem;min-width:120px}.tab-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.tab-button.active{background:var(--secondary, #118AB2);color:#fff;border-color:var(--secondary, #118AB2)}.tab-button.active:hover{background-color:#0056b3}.orders-list{display:grid;grid-template-columns:1fr;gap:20px}.order-card{border:1px solid #ddd;border-radius:8px;padding:20px;background-color:#fff;box-shadow:0 2px 4px #0000000d}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:15px}.order-date{font-size:.9rem;color:#666}.order-status-section,.payment-status-section{background-color:#f8f9fa;border-radius:6px;padding:15px;margin-bottom:20px}.status-info{display:flex;flex-direction:column;gap:10px}.status-badge{display:inline-block;padding:5px 10px;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:uppercase;width:fit-content}.status-message{color:#555;margin:0;line-height:1.4}.status-badge.pending{background-color:#ffeeba;color:#856404}.status-badge.processing{background-color:#b8daff;color:#004085}.status-badge.shipped{background-color:#c3e6cb;color:#155724}.status-badge.delivered{background-color:#d1ecf1;color:#0c5460}.status-badge.cancelled{background-color:#f5c6cb;color:#721c24}.payment-status-info{display:flex;flex-direction:column;gap:10px}.payment-method{font-weight:500;margin-bottom:5px}.payment-status{display:inline-block;padding:5px 10px;border-radius:20px;font-size:.9rem;font-weight:600;width:fit-content}.payment-completed{background-color:#d4edda;color:#155724}.payment-pending{background-color:#fff3cd;color:#856404}.payment-failed{background-color:#f8d7da;color:#721c24}.payment-unknown{background-color:#e2e3e5;color:#383d41}.order-details{margin-bottom:20px}.expected-delivery{color:#155724;font-weight:500;margin-top:10px;padding:5px 10px;background-color:#e8f6ef;border-radius:4px;display:inline-block}.shipping-address-details{margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:4px}.address-info{padding-left:10px}.order-items{border-top:1px solid #eee;padding-top:15px;margin-bottom:20px}.order-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f0f0}.item-name{flex:2}.item-qty{flex:1;text-align:center}.item-price{flex:1;text-align:right;font-weight:600}.order-footer{border-top:1px solid #eee;padding-top:15px;font-size:.9rem}.order-actions{margin-bottom:10px}.view-updates-btn{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.view-updates-btn:hover{background-color:#5a6268}.order-support{color:#666}.update-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.update-modal-overlay.active{opacity:1;visibility:visible}.update-modal-content{background-color:#fff;border-radius:8px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column}.modal-header{padding:15px 20px;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background-color:#fff;z-index:1}.modal-header h3{margin:0;font-size:1.25rem}.modal-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d;padding:0;line-height:1}.modal-body{padding:20px;flex:1;overflow-y:auto}.order-identifier{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.order-identifier p{margin:5px 0}.update-history-list{display:flex;flex-direction:column;gap:15px}.update-history-item{display:flex;flex-direction:column;border-left:3px solid #007bff;padding-left:15px;position:relative;margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed #e0e0e0}.update-history-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.update-timestamp{font-size:.85rem;color:#6c757d;margin-bottom:8px;font-weight:700}.update-details{background-color:#f8f9fa;padding:12px;border-radius:6px;box-shadow:0 1px 3px #00000014}.update-field-name{margin:0 0 8px;color:#0056b3;font-size:.95rem}.update-message{margin:0 0 8px;line-height:1.4}.update-by{font-size:.85rem;color:#6c757d;margin:0;font-style:italic;text-align:right}.no-updates{text-align:center;color:#6c757d;font-style:italic;padding:20px 0}.modal-footer{padding:15px 20px;border-top:1px solid #dee2e6;text-align:right;position:sticky;bottom:0;background-color:#fff}.modal-refresh-button{background-color:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .2s;margin-right:10px}.modal-refresh-button:hover{background-color:#218838}.modal-close-button{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .2s}.modal-close-button:hover{background-color:#5a6268}.order-support a{color:#007bff;text-decoration:none}.order-support a:hover{text-decoration:underline}.empty-state{text-align:center;padding:50px 0}.shop-now-btn{display:inline-block;margin-top:15px;padding:10px 25px;background-color:#28a745;color:#fff;text-decoration:none;border-radius:4px;font-weight:500;transition:background-color .2s}.shop-now-btn:hover{background-color:#218838}.loading{text-align:center;padding:50px 0;color:#666}@media (min-width: 768px){.orders-list{grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}}.coupon-code{background-color:#e8f5e8;color:#2e7d32;padding:2px 6px;border-radius:4px;font-weight:600;font-family:monospace;border:1px solid #4caf50}.change-password-container{max-width:500px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.change-password-container h2{margin-bottom:1.5rem;text-align:center;color:#333}.password-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;margin-bottom:1rem}.form-group label{margin-bottom:.5rem;font-weight:500;color:#555}.form-group input{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-actions{display:flex;justify-content:space-between;margin-top:1rem}.form-actions button{padding:.75rem 1.5rem;min-width:120px}.success-message{padding:1rem;margin-bottom:1rem;background-color:#d4edda;color:#155724;border-radius:4px;border-left:4px solid #28a745}.error-message{padding:1rem;margin-bottom:1rem;background-color:#f8d7da;color:#721c24;border-radius:4px;border-left:4px solid #dc3545}.user-profile-container{max-width:900px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.user-profile-container h1{color:var(--primary);margin-bottom:1.5rem;text-align:center;font-size:2rem}.profile-actions{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.edit-profile-btn,.save-profile-btn,.cancel-btn{padding:.5rem 1rem;border:1px;border-radius:4px;cursor:pointer;font-weight:500;transition:all .3s ease}.edit-profile-btn,.save-profile-btn{color:#080808;margin-left:.5rem}.edit-profile-btn:hover,.save-profile-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.cancel-btn{background:#f1f1f1;color:#666;margin-left:.5rem}.cancel-btn:hover{background:#e0e0e0}.edit-actions{display:flex}.profile-input{width:100%;padding:.5rem;font-size:1rem;border:1px solid #ddd;border-radius:4px}.update-message{padding:.75rem;margin-bottom:1rem;border-radius:4px;font-weight:500}.update-message.success{background-color:#e6f7ee;color:#2e7d32;border-left:4px solid #2e7d32}.update-message.error{background-color:#fdede8;color:#d32f2f;border-left:4px solid #d32f2f}.profile-tabs{display:flex;margin-bottom:2rem;border-bottom:1px solid #e0e0e0}.tab-button{padding:.8rem 1.5rem;background:none;border:none;font-size:1rem;color:#666;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;margin-right:1rem}.tab-button:hover{color:var(--primary)}.tab-button.active{color:var(--card);border-bottom-color:var(--primary);font-weight:600}.user-info-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.user-info-item{display:flex;flex-direction:column;margin-bottom:1rem}.user-info-item label{font-weight:600;margin-bottom:.5rem;color:#666;font-size:.9rem}.user-info-item span{font-size:1.1rem;color:#333;padding:.5rem;background-color:#f9f9f9;border-radius:4px}.profile-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.profile-link{display:inline-block;padding:.7rem 1.2rem;background:var(--secondary-gradient);color:#fff;border-radius:4px;text-decoration:none;transition:all .3s ease;font-weight:500}.profile-link:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.password-change-section{max-width:500px;margin:0 auto}.loading,.error{text-align:center;padding:2rem;font-size:1.2rem}.loading{color:#666}.error{color:var(--primary)}@media (max-width: 768px){.user-profile-container{padding:1.5rem;margin:1rem}.user-info-container{grid-template-columns:1fr}.profile-tabs{flex-direction:column}.tab-button{width:100%;text-align:center;padding:.8rem;border-bottom:1px solid #eee}.tab-button.active{border-bottom-color:var(--primary);border-left:none}}.terms-container{max-width:900px;margin:40px auto;padding:0 20px}.terms-container h1{margin-bottom:10px;color:#333;font-size:32px}.terms-updated{color:#777;margin-bottom:30px;font-style:italic}.terms-section{margin-bottom:30px}.terms-section h2{color:#444;margin-bottom:15px;font-size:22px;border-bottom:1px solid #eee;padding-bottom:10px}.terms-section p{line-height:1.6;color:#555;margin-bottom:15px}@media (max-width: 768px){.terms-container h1{font-size:28px}.terms-section h2{font-size:20px}}.privacy-container{max-width:900px;margin:40px auto;padding:0 20px}.privacy-container h1{margin-bottom:10px;color:#333;font-size:32px}.privacy-updated{color:#777;margin-bottom:30px;font-style:italic}.privacy-section{margin-bottom:30px}.privacy-section h2{color:#444;margin-bottom:15px;font-size:22px;border-bottom:1px solid #eee;padding-bottom:10px}.privacy-section p{line-height:1.6;color:#555;margin-bottom:15px}.privacy-section ul{padding-left:20px;margin-bottom:15px}.privacy-section li{margin-bottom:8px;line-height:1.6;color:#555}@media (max-width: 768px){.privacy-container h1{font-size:28px}.privacy-section h2{font-size:20px}}.shipping-container{max-width:900px;margin:40px auto;padding:0 20px}.shipping-container h1{margin-bottom:10px;color:#333;font-size:32px}.shipping-updated{color:#777;margin-bottom:30px;font-style:italic}.shipping-section{margin-bottom:30px}.shipping-section h2{color:#444;margin-bottom:15px;font-size:22px;border-bottom:1px solid #eee;padding-bottom:10px}.shipping-section p{line-height:1.6;color:#555;margin-bottom:15px}.shipping-section ul{padding-left:20px;margin-bottom:15px}.shipping-section li{margin-bottom:8px;line-height:1.6;color:#555}.shipping-table{width:100%;border-collapse:collapse;margin:20px 0}.shipping-table th,.shipping-table td{border:1px solid #ddd;padding:12px;text-align:left}.shipping-table th{background-color:#f2f2f2;font-weight:600}.shipping-table tr:nth-child(2n){background-color:#f9f9f9}.shipping-table tr:hover{background-color:#f1f1f1}.note{font-style:italic;color:#666;font-size:14px}@media (max-width: 768px){.shipping-container h1{font-size:28px}.shipping-section h2{font-size:20px}.shipping-table{display:block;overflow-x:auto;white-space:nowrap}}.footer{background:#0b3040;color:#dbeafe;padding:24px 0;margin-top:28px;border-top:none}.footer-container{max-width:1200px;margin:0 auto;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr 1fr;padding:0 16px}.footer-section{margin-bottom:0}.footer-section h3{margin:0 0 10px;font-family:"Baloo 2";color:#fff;font-size:1.1rem;font-weight:700}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#cbd5e1;text-decoration:none;transition:color .3s}.footer-section ul li a:hover{color:#ffd166;text-decoration:underline}.social-links li a{display:flex;align-items:center;transition:color .3s}.social-icon{margin-right:8px;stroke-width:2px}.social-links li a:hover .social-icon[data-icon=facebook]{color:#1877f2}.social-links li a:hover .social-icon[data-icon=instagram]{color:#e4405f}.social-links li a:hover .social-icon[data-icon=twitter]{color:#1da1f2}.footer-bottom{max-width:1200px;margin:0 auto;padding:20px;text-align:center;border-top:1px solid #e7e7e7}.footer-bottom p{margin:0;color:#777;font-size:14px}@media (max-width: 768px){.footer-container{flex-direction:column}.footer-section{width:100%;margin-bottom:20px}}header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#fff,#fffdf9);border-bottom:1px solid rgba(0,0,0,.05)}.topbar{display:flex;align-items:center;gap:12px;padding:12px 0}.brand{display:flex;align-items:center;gap:10px}.brand-logo{width:78px;height:52px;border-radius:12px;background:radial-gradient(circle at 30% 30%,#ffd166,#ff6f61);box-shadow:var(--shadow-soft)}.brand-title{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:1.4rem;font-weight:700;color:var(--navy)}.search{flex:1;display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:10px 14px;box-shadow:var(--shadow-soft)}.search input{flex:1;border:none;outline:none;font-size:.95rem;background:transparent}.nav-actions{display:flex;align-items:center;gap:10px}.hamburger,.mobile-menu{display:none}:root{--bg: #FFF9F3;--card: #FFFFFF;--text: #1F2937;--muted:#6B7280;--primary:#FF6F61;--secondary:#118AB2;--accent:#06D6A0;--yellow:#FFD166;--navy:#073B4C;--radius:16px;--shadow: 0 8px 24px rgba(7,59,76,.08);--shadow-soft: 0 4px 12px rgba(7,59,76,.06)}:root *{box-sizing:border-box}:root html,:root body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}:root img{max-width:100%;display:block}:root .wrap{max-width:1200px;margin:0 auto;padding:0 13px 0 0}.App{min-height:100vh;background:var(--background-gradient);padding-bottom:2rem;color:var(--text-color)}.navbar{background:var(--primary-gradient);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center;color:#fff;box-shadow:var(--shadow-md);border-bottom:3px solid rgba(255,255,255,.2);position:sticky;top:0;z-index:1000;transition:all .3s ease}.navbar .logo{text-decoration:none;color:inherit}.logo-content{display:flex;align-items:center;gap:1rem;transition:all .3s ease}.logo-content h1{margin:0;font-size:2.2rem;font-weight:700;background:linear-gradient(45deg,#fff,#fff8dc,#ffeb3b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 3px 6px rgba(0,0,0,.3);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.logo-image{width:60px;height:60px;object-fit:contain;border-radius:1rem;filter:drop-shadow(0 4px 12px rgba(255,107,107,.4));transition:all .3s ease;background:#ffffff40;padding:.4rem;border:3px solid rgba(255,235,59,.6)}.logo-image:error{display:none}.logo-icon{color:#ffeb3b;filter:drop-shadow(0 4px 12px rgba(255,235,59,.5));transition:all .3s ease}.navbar .logo:hover .logo-image,.navbar .logo:hover .logo-icon{transform:scale(1.15) rotate(5deg)}.navbar .logo:hover .logo-content h1{text-shadow:0 4px 8px rgba(0,0,0,.4)}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-links a{color:#fff;text-decoration:none;padding:.75rem 1.25rem;border-radius:.75rem;transition:all .3s ease;font-weight:500;font-size:.95rem;letter-spacing:.025em;position:relative;overflow:hidden}.nav-links a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.nav-links a:hover{background:#ffffff40;color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-md)}.nav-links a:hover:before{left:100%}.auth-links{display:flex;align-items:center;gap:1rem}.login-link{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:.75rem 1.25rem;border-radius:.75rem;transition:all .3s ease;font-weight:500}.login-link:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 20px #ffffff26}.register-link{background:var(--secondary-gradient);border:none;padding:.75rem 1.5rem;border-radius:1.5rem;font-weight:600;transition:all .3s ease;box-shadow:0 6px 20px #ff6b6b66}.register-link:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ff6b6b66;filter:brightness(1.1)}.admin-link{background:var(--accent-gradient);padding:.6rem 1rem;border-radius:1rem;transition:all .3s ease;font-weight:500;font-size:.9rem;display:flex;align-items:center;gap:.4rem}.admin-link:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4caf5066;filter:brightness(1.1)}.add-product-link{display:flex;align-items:center;gap:.5rem;background:var(--success-gradient);padding:.5rem 1rem;border-radius:1rem;transition:all .3s ease;font-weight:600}.add-product-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.cart-link{position:relative;display:flex;align-items:center;gap:.5rem;background:#ffffff1a;padding:.75rem 1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;font-weight:500}.cart-link:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 6px 20px #ffffff26}.cart-badge{position:static;top:-2px;right:0;background:linear-gradient(45deg,#ff6b6b,#ee5a52);color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid rgba(255,255,255,.3);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.user-menu{display:flex;align-items:center;gap:.75rem;background:#ffffff1a;padding:.75rem 1.25rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.user-menu:hover{background:#ffffff26;transform:translateY(-1px);box-shadow:0 4px 15px #ffffff1a}.user-menu span{font-weight:500;font-size:.9rem}.logout-btn{background:#ff6b6bcc;border:none;color:#fff;padding:.6rem;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;transition:all .3s ease;margin-left:.5rem}.logout-btn:hover{background:#ff6b6b;transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b66}.products-header{font-family:"Baloo 2",cursive;font-size:.7rem;margin:25px 0 12px;color:var(--navy)}.btn{display:inline-flex;align-items:center;justify-content:center;color:var(--navy);font-size:14px;gap:8px;padding:.3rem!important;border-radius:999px;border:2px solid #0000001c;cursor:pointer;font-weight:600;box-shadow:var(--shadow-soft);transition:.2s ease}.btn-primary{background:var(--primary);color:#fff}.cart-container{max-width:1000px;margin:0 auto;padding:2rem}.empty-cart{text-align:center;padding:4rem 2rem;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;color:#000}.cart-items{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.cart-item{display:flex;gap:1rem;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1rem;color:#000;align-items:center;border:1px solid rgba(0,0,0,.1)}.cart-item-image{width:100px;height:100px;object-fit:cover;border-radius:.5rem}.cart-item-details{flex:1}.cart-item-details h3{margin-bottom:.5rem}.cart-item-details p{opacity:.8;margin-bottom:.5rem}.cart-item-controls{display:flex;flex-direction:column;align-items:center;gap:1rem;min-width:150px}.quantity-controls{display:flex;align-items:center;gap:.5rem}.quantity-btn{background:var(--primary-gradient);border:none;color:#0a0a0a;width:36px;height:36px;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.item-total{font-weight:700;font-size:1.2rem;color:var(--primary-color);background:linear-gradient(45deg,#ff6b6b,#ff8e53);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin:.5rem 0}.remove-btn{background:linear-gradient(45deg,#ff4757,#ff3742);border:none;color:#fff;width:40px;height:40px;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.remove-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-md);background:linear-gradient(45deg,#ff3742,#ff2f2f)}.cart-summary{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius-lg);padding:2rem;border:2px solid rgba(255,107,107,.2);box-shadow:var(--shadow-lg);color:var(--text-color);margin-top:2rem}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,107,107,.1);font-size:1.1rem;font-weight:500}.summary-row:last-of-type{border-bottom:none;margin-bottom:1.5rem}.summary-row.total{font-size:1.3rem;font-weight:700;color:var(--primary-color);background:linear-gradient(90deg,#ff6b6b1a,#4ecdc41a);padding:1rem;border-radius:var(--border-radius-md);border:2px solid rgba(255,107,107,.2);margin:1rem 0}.cart-actions{display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap}.cart-actions .btn{flex:1;min-width:150px;text-align:center}.cart-actions .btn.secondary{background:linear-gradient(45deg,#74b9ff,#0984e3);color:#fff;border:2px solid rgba(116,185,255,.3)}.cart-actions .btn.secondary:hover{background:linear-gradient(45deg,#0984e3,#0770d1);transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-md)}.cart-item{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--border-radius-lg);padding:1.5rem;color:var(--text-color);border:2px solid rgba(255,107,107,.15);box-shadow:var(--shadow-md);transition:all .3s ease}.cart-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#ff6b6b4d}.cart-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.cart-item-card,.cart-item-card .content{position:relative}.cart-item-card .item-total{font-weight:700;font-size:1.1rem;color:var(--navy);text-align:center;margin:.5rem 0;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cart-item-card .remove-btn{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#ff4757,#ff3742);border:none;color:#fff;padding:6px 12px;border-radius:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ff47574d;z-index:10;font-size:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.cart-item-card .remove-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #ff475766;background:linear-gradient(135deg,#ff3742,#ff2f2f)}.cart-item-image{width:120px;height:120px;object-fit:cover;border-radius:var(--border-radius-md);border:3px solid rgba(255,107,107,.2);transition:all .3s ease}.cart-item:hover .cart-item-image{transform:scale(1.05);border-color:#ff6b6b66}.cart-item-details h3{margin-bottom:.5rem;color:var(--text-color);font-size:1.3rem;font-weight:700}.cart-item-details p{opacity:.8;margin-bottom:.75rem;font-size:1rem;line-height:1.5}.empty-cart{text-align:center;padding:4rem 2rem;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius-xl);color:var(--text-color);border:2px solid rgba(255,107,107,.2);box-shadow:var(--shadow-lg)}.empty-cart p{font-size:1.2rem;margin-bottom:2rem;opacity:.8}.cart-container{max-width:1200px;margin:0 auto;padding:2rem}.cart-container h1{text-align:center;margin-bottom:2rem;font-size:2.5rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(255,107,107,.3)}.products-layout{display:flex;gap:2rem;margin-top:1rem}.category-sidebar{min-width:250px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem;height:fit-content;box-shadow:0 8px 32px #1f26875e;border:1px solid rgba(255,255,255,.18);position:sticky;top:2rem}@media (max-width: 768px){.products-layout{flex-direction:column;gap:1rem}.category-sidebar{min-width:auto;position:static;padding:1rem;width:100%}}.category-sidebar h3{color:#04294d;margin:0 0 1rem;font-size:1.25rem;font-weight:600}.category-filters{display:flex;flex-direction:column;gap:.5rem}.category-btn{background:#1616161a;border:1px solid rgba(17,16,16,.2);color:#080808;padding:.75rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease;text-align:left;display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.category-btn:hover{background:#fff3;transform:translate(5px)}.category-btn.active{background:linear-gradient(45deg,#ff6b6b,#ee5a52);border-color:transparent;box-shadow:0 4px 15px #ff6b6b4d}.category-count{background:#fff3;padding:.2rem .5rem;border-radius:.75rem;font-size:.8rem;font-weight:500}.category-btn.active .category-count{background:#ffffff4d}.products-content{flex:1}.no-products{text-align:center;color:#fff;padding:3rem;background:#ffffff1a;border-radius:1rem;margin-top:2rem}.no-products p{font-size:1.1rem;opacity:.8}.nav-product-link{background:#ffffff26;border:1px solid rgba(255,255,255,.3);padding:.75rem 1.25rem!important;border-radius:.75rem!important;font-weight:500!important;transition:all .3s ease!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.nav-product-link:hover{background:#fff3!important;border-color:#ffffff4d!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #ffffff26!important}.contact-container{max-width:1200px;margin:0 auto;padding:2rem;color:var(--text-color)}.contact-header{text-align:center;margin-bottom:3rem}.contact-header h1{font-size:3rem;font-weight:700;margin-bottom:1rem;background:var(--secondary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.contact-header p{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto}.contact-header:before{content:"🧸 ";font-size:2rem;display:block;text-align:center;margin-bottom:1rem;animation:bounce 2s ease-in-out infinite}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem}.contact-info h2,.contact-form-section h2{font-size:1.8rem;margin-bottom:1.5rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.contact-info p{font-size:1rem;opacity:.9;margin-bottom:2rem;line-height:1.6}.contact-methods{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.contact-method{display:flex;align-items:flex-start;gap:1rem;background:linear-gradient(135deg,#fffffff2,#fff8dce6);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:1.5rem;border-radius:var(--border-radius-lg);border:2px solid rgba(255,235,59,.3);transition:all .3s ease;box-shadow:var(--shadow-sm)}.contact-method:hover{background:linear-gradient(135deg,#fff,#fff8dcf2);transform:translateY(-5px) scale(1.02);box-shadow:var(--shadow-md);border-color:#ffeb3b99}.contact-icon{background:var(--secondary-gradient);padding:.75rem;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;min-width:48px;height:48px;box-shadow:var(--shadow-sm)}.contact-method:nth-child(1) .contact-icon{background:linear-gradient(45deg,#ff6b6b,#ff8e53)}.contact-method:nth-child(2) .contact-icon{background:linear-gradient(45deg,#4ecdc4,#44a08d)}.contact-method:nth-child(3) .contact-icon{background:linear-gradient(45deg,#45b7d1,#96ceb4)}.contact-method:nth-child(4) .contact-icon{background:linear-gradient(45deg,#96ceb4,#81c784)}.contact-details h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--text-color)}.contact-details p{margin:0 0 .25rem;font-size:1rem;font-weight:500}.contact-details span{font-size:.9rem;opacity:.8}.contact-features{background:linear-gradient(135deg,#fffffff2,#fff8dce6);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:1.5rem;border-radius:var(--border-radius-lg);border:2px solid rgba(255,235,59,.3);box-shadow:var(--shadow-sm)}.contact-features h3{margin-bottom:1rem;font-size:1.2rem;background:var(--success-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.contact-features ul{list-style:none;padding:0;margin:0}.contact-features li{font-size:.95rem;color:var(--text-color);position:relative;padding:.5rem 0 .5rem 1.5rem}.contact-features li:before{content:"🎈";position:absolute;left:0;top:.5rem}.contact-form-section .contact-form-section{background:linear-gradient(135deg,#fffffff2,#fff8dce6);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:2rem;border-radius:var(--border-radius-xl);border:2px solid rgba(255,235,59,.3);height:fit-content;box-shadow:var(--shadow-md)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-form .form-group{margin-bottom:0}.contact-form label{display:block;margin-bottom:.75rem;font-weight:500;font-size:.95rem;color:var(--text-color)}.contact-form input,.contact-form textarea{width:100%;padding:1rem 1.25rem;border:2px solid rgba(255,235,59,.3);border-radius:var(--border-radius-md);background:#fffffff2;color:var(--text-color);font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:inherit;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px #ff6b6b26;transform:translateY(-2px)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-light);font-style:italic}.contact-submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;background:var(--secondary-gradient)!important;border-radius:var(--border-radius-lg)!important;box-shadow:var(--shadow-md)!important}.contact-submit-btn:hover{animation:wiggle .5s ease-in-out!important}.contact-submit-btn:disabled{opacity:.7;cursor:not-allowed}.contact-faq{background:linear-gradient(135deg,#fffffff2,#fff8dce6);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:2.5rem;border-radius:var(--border-radius-xl);border:2px solid rgba(255,235,59,.3);box-shadow:var(--shadow-md)}.contact-faq h2{text-align:center;font-size:2rem;margin-bottom:2rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.faq-item{background:linear-gradient(135deg,#fffc,#e6f7ffb3);padding:1.5rem;border-radius:var(--border-radius-lg);border:2px solid rgba(78,205,196,.3);transition:all .3s ease;box-shadow:var(--shadow-sm)}.faq-item:hover{background:linear-gradient(135deg,#fffffff2,#e6f7ffe6);transform:translateY(-5px) scale(1.02);box-shadow:var(--shadow-md);border-color:#4ecdc499}.faq-item h3{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;color:var(--text-color);font-weight:600}.faq-item p{margin:0;color:var(--text-color);line-height:1.6}@media (max-width: 768px){.contact-container{padding:1rem}.contact-header h1{font-size:2.5rem}.contact-header p{font-size:1rem}.contact-content{grid-template-columns:1fr;gap:2rem}.contact-method{padding:1rem}.contact-form-section{padding:1.5rem}.form-row{grid-template-columns:1fr}.contact-faq{padding:2rem}.faq-grid{grid-template-columns:1fr}}@media (max-width: 480px){.contact-header h1{font-size:2rem}.contact-method{flex-direction:column;text-align:center;gap:1rem}.contact-form input,.contact-form textarea{padding:.875rem 1rem;font-size:.95rem}.contact-submit-btn{padding:.875rem 1.5rem;font-size:1rem}.contact-faq{padding:1.5rem}.faq-item{padding:1rem}}.nav-contact-link{background:#ffffff26;border:1px solid rgba(255,255,255,.3);padding:.75rem 1.25rem!important;border-radius:.75rem!important;font-weight:500!important;transition:all .3s ease!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.nav-contact-link:hover{background:#fff3!important;border-color:#ffffff4d!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #ffffff26!important}.about-container{max-width:1200px;margin:0 auto;padding:2rem;color:var(--text-color)}.about-hero{text-align:center;margin-bottom:4rem;padding:3rem 0}.about-hero h1{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 0px rgb(160 6 6 / 30%);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.about-hero p{font-size:1.3rem;color:var(--text-color);max-width:700px;margin:0 auto;line-height:1.6}.about-mission{background:linear-gradient(135deg,#fffffff2,#fff8dce6);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--border-radius-xl);padding:3rem;margin-bottom:4rem;border:2px solid rgba(255,235,59,.3);box-shadow:var(--shadow-md)}.mission-content h2{font-size:2.2rem;margin-bottom:1.5rem;text-align:center;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.mission-content p{font-size:1.1rem;line-height:1.8;color:var(--text-color);text-align:center;max-width:800px;margin:0 auto 3rem}.mission-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:3rem}.stat-item{text-align:center;background:linear-gradient(135deg,#fffc,#e6f7ffb3);padding:2rem 1rem;border-radius:var(--border-radius-lg);border:2px solid rgba(78,205,196,.3);transition:all .3s ease;box-shadow:var(--shadow-sm)}.stat-item:hover{background:linear-gradient(135deg,#fffffff2,#e6f7ffe6);transform:translateY(-8px) scale(1.05);box-shadow:var(--shadow-lg);border-color:#4ecdc499}.stat-number{font-size:2.5rem;font-weight:700;background:var(--secondary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{font-size:1rem;color:var(--text-color);font-weight:500}.about-values{margin-bottom:4rem}.about-values h2{font-size:2.2rem;text-align:center;margin-bottom:3rem;background:var(--success-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.value-card{background:linear-gradient(135deg,#fffffff2,#fff0f5e6);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:2.5rem;border-radius:var(--border-radius-xl);border:2px solid rgba(255,107,107,.3);text-align:center;transition:all .3s ease;box-shadow:var(--shadow-sm)}.value-card:hover{background:linear-gradient(135deg,#fff,#fff0f5f2);transform:translateY(-12px) scale(1.05);box-shadow:var(--shadow-xl);border-color:#ff6b6b99}.value-icon{background:var(--secondary-gradient);width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:var(--shadow-md)}.value-card h3{font-size:1.3rem;margin-bottom:1rem;color:var(--text-color);font-weight:600}.value-card p{color:var(--text-color);line-height:1.6}.about-story{background:linear-gradient(135deg,#fffffff2,#e6f7ffe6);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--border-radius-xl);padding:3rem;margin-bottom:4rem;border:2px solid rgba(69,183,209,.3);box-shadow:var(--shadow-md)}.story-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:center}.story-text h2{font-size:2.2rem;margin-bottom:1.5rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.story-text p{font-size:1rem;line-height:1.7;color:var(--text-color);margin-bottom:1.5rem}.story-image{display:flex;justify-content:center;align-items:center}.story-placeholder{background:#fff8dc4d;border-radius:var(--border-radius-lg);padding:3rem;text-align:center;border:2px dashed rgba(255,235,59,.5)}.story-placeholder p{margin-top:1rem;color:var(--text-light);font-style:italic}.about-features{margin-bottom:4rem}.about-features h2{font-size:2.2rem;text-align:center;margin-bottom:3rem;background:linear-gradient(45deg,#ffeaa7,#fdcb6e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.feature-item{display:flex;align-items:flex-start;gap:1rem;background:linear-gradient(135deg,#ffffffe6,#ffeba7cc);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:1.5rem;border-radius:var(--border-radius-lg);border:2px solid rgba(255,235,167,.4);transition:all .3s ease;box-shadow:var(--shadow-sm)}.feature-item:hover{background:linear-gradient(135deg,#fff,#ffeba7f2);transform:translateY(-5px) scale(1.02);box-shadow:var(--shadow-md);border-color:#ffeba7b3}.feature-item svg{color:var(--primary-color);flex-shrink:0;margin-top:.25rem}.feature-content h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--text-color);font-weight:600}.feature-content p{color:var(--text-color);line-height:1.5;font-size:.9rem}.about-team{background:linear-gradient(135deg,#fffffff2,#96ceb4cc);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--border-radius-xl);padding:3rem;margin-bottom:4rem;border:2px solid rgba(150,206,180,.4);text-align:center;box-shadow:var(--shadow-md)}.about-team h2{font-size:2.2rem;margin-bottom:1rem;background:var(--success-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.about-team>p{font-size:1.1rem;color:var(--text-color);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.team-member{background:linear-gradient(135deg,#ffffffe6,#96ceb499);padding:2rem;border-radius:var(--border-radius-lg);border:2px solid rgba(150,206,180,.3);transition:all .3s ease;box-shadow:var(--shadow-sm)}.team-member:hover{background:linear-gradient(135deg,#fff,#96ceb4cc);transform:translateY(-8px) scale(1.03);box-shadow:var(--shadow-lg);border-color:#96ceb499}.member-avatar{background:var(--success-gradient);width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:var(--shadow-md)}.team-member h3{font-size:1.2rem;margin-bottom:1rem;color:var(--text-color);font-weight:600}.team-member p{color:var(--text-color);line-height:1.5;font-size:.9rem}.about-cta{background:linear-gradient(135deg,#ff6b6b26,#ff8e5326);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--border-radius-xl);padding:3rem;border:2px solid rgba(255,107,107,.3);text-align:center;box-shadow:var(--shadow-md)}.cta-content h2{font-size:2.2rem;margin-bottom:1.5rem;background:var(--secondary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.cta-content p{font-size:1.1rem;color:var(--text-color);line-height:1.7;max-width:700px;margin:0 auto 2.5rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-primary,.cta-secondary{padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;min-width:150px}.cta-primary{background:linear-gradient(45deg,#ff6b6b,#ee5a52);box-shadow:0 4px 15px #ff6b6b4d}.cta-secondary{background:linear-gradient(45deg,#ffffff1a,#fff3);border:2px solid rgba(255,255,255,.3)}@media (max-width: 768px){.about-container{padding:1rem}.about-hero h1{font-size:2.5rem}.about-hero p{font-size:1.1rem}.about-mission{padding:2rem}.mission-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-item{padding:1.5rem 1rem}.stat-number{font-size:2rem}.values-grid{grid-template-columns:1fr}.value-card{padding:2rem}.story-content{grid-template-columns:1fr;gap:2rem}.story-image{order:-1}.features-grid{grid-template-columns:1fr}.about-team{padding:2rem}.team-grid{grid-template-columns:1fr}.about-cta{padding:2rem}.cta-buttons{flex-direction:column;align-items:center}.cta-primary,.cta-secondary{width:100%;max-width:300px}}@media (max-width: 480px){.about-hero h1{font-size:2rem}.about-hero p{font-size:1rem}.mission-stats{grid-template-columns:1fr}.value-icon,.member-avatar{width:60px;height:60px}.story-placeholder{padding:2rem}.feature-item{padding:1rem}.value-card{padding:1.5rem}}.nav-about-link{background:#ffffff26;border:1px solid rgba(255,255,255,.3);padding:.75rem 1.25rem!important;border-radius:.75rem!important;font-weight:500!important;transition:all .3s ease!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.nav-about-link:hover{background:#fff3!important;border-color:#ffffff4d!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #ffffff26!important}.edit-product-container{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:2rem;margin:2rem auto;max-width:1000px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 25px #ffffff1a}.edit-product-header{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.2)}.edit-product-header h1{display:flex;align-items:center;gap:.75rem;color:#0c0b0b;font-size:2rem;margin:0;font-weight:600}.edit-product-form-container{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start}.edit-product-form{display:flex;flex-direction:column;gap:1.5rem}.edit-product-btn{background:linear-gradient(135deg,#ff9500,#f70);border:none;color:#fff;padding:.875rem 2rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #ff95004d}.edit-product-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff950066}.edit-product-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.edit-product-info{background:#311717b9;border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.15);height:fit-content}.edit-product-info h3{color:#fff;margin:0 0 1rem;font-size:1.2rem;font-weight:600}.edit-product-info ul{color:#fffc;margin:0;padding-left:1.2rem;list-style-type:disc}.edit-product-info li{margin-bottom:.5rem;line-height:1.4}.loading-state{text-align:center;padding:4rem 2rem}.loading-state p{color:#fff;font-size:1.1rem;margin:0}.product-image-container{position:relative;overflow:hidden;border-radius:.5rem}.product-image-container img{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.admin-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.5rem;opacity:0;transition:all .3s ease}.product-card:hover .admin-actions{opacity:1}.admin-action-btn{background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.admin-action-btn:hover{transform:scale(1.1);border-color:#fff6}.admin-action-btn.edit-btn{background:#ff9500cc;border-color:#ff95004d}.admin-action-btn.edit-btn:hover{background:#ff9500e6;border-color:#ff950080}.admin-action-btn.delete-btn{background:#ff453acc;border-color:#ff453a4d}.admin-action-btn.delete-btn:hover{background:#ff453ae6;border-color:#ff453a80}@media (max-width: 768px){.edit-product-container{margin:1rem;padding:1.5rem}.edit-product-header{flex-direction:column;align-items:flex-start;gap:1rem}.edit-product-header h1{font-size:1.6rem}.edit-product-form-container{grid-template-columns:1fr;gap:2rem}.admin-actions{opacity:1}.admin-action-btn{width:36px;height:36px}}.product-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:auto;padding-top:1rem}.view-details-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a52)!important;color:#fff!important;border:none!important;padding:.75rem 1rem!important;text-decoration:none!important;display:block!important;text-align:center!important;border-radius:.75rem!important;transition:all .3s ease!important;font-weight:600!important;font-size:.9rem!important;margin-bottom:.75rem!important;box-shadow:0 4px 15px #ff6b6b4d!important;text-transform:uppercase!important;letter-spacing:.05em!important;position:relative!important;overflow:hidden!important}.view-details-btn:hover{background:linear-gradient(45deg,#ff6b6b,#ee5a52)!important;color:#fff!important;transform:translateY(-3px)!important;box-shadow:0 8px 25px #ff6b6b66!important;filter:brightness(1.1)!important}.view-details-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.view-details-btn:hover:before{left:100%}.product-card{display:flex!important;flex-direction:column!important}.product-card .quantity-selector{margin:.5rem 0}.view-details-btn{order:-1}@media (max-width: 768px){.view-details-btn{padding:.6rem .8rem!important;font-size:.85rem!important;margin-bottom:.5rem!important}.product-actions{gap:.5rem}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(1deg)}75%{transform:rotate(-1deg)}}@keyframes rainbow{0%{filter:hue-rotate(0deg)}25%{filter:hue-rotate(90deg)}50%{filter:hue-rotate(180deg)}75%{filter:hue-rotate(270deg)}to{filter:hue-rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.navbar .logo:hover .logo-image{animation:wiggle .5s ease-in-out}.product-card:hover img{animation:float 2s ease-in-out infinite}.btn:hover{animation:bounce .6s ease-in-out}.action-btn{background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.auth-container{min-height:85vh;padding:2rem 1rem;background:var(--bg, #FFF9F3);display:flex;align-items:center;justify-content:center}.login-section{max-width:1200px;margin:0 auto;padding:0 16px}.login-card{background:var(--card, #FFFFFF);border-radius:18px;box-shadow:var(--shadow-soft, 0 4px 12px rgba(7,59,76,.06));overflow:hidden;max-width:450px;margin:0 auto;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;transition:transform .2s ease,box-shadow .2s ease}.login-card:hover{transform:translateY(-5px) scale(1.01);box-shadow:var(--shadow, 0 8px 24px rgba(7,59,76,.08))}.login-content{padding:2rem}.login-title{font-family:"Baloo 2",cursive;font-size:1.8rem;font-weight:700;color:var(--navy, #073B4C);text-align:center;margin:0 0 .5rem}.login-subtitle{color:var(--muted, #6B7280);font-size:.95rem;text-align:center;margin:0 0 1rem;line-height:1.4}.browse-notice{background:#ffd6661a;color:#8a5a00;padding:.75rem 1rem;border-radius:12px;border-left:4px solid var(--yellow, #FFD166);font-size:.9rem;margin-bottom:1.5rem;text-align:center;font-weight:600}.login-form{display:flex;flex-direction:column}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.9rem;color:var(--text, #1F2937)}.form-group input{width:100%;padding:.875rem 1rem;border:2px solid rgba(0,0,0,.05);border-radius:12px;background:#f8fafc;color:var(--text, #1F2937);font-size:.95rem;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;transition:all .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--primary, #FF6F61);background:#fff;box-shadow:0 0 0 4px #ff6f611a;transform:translateY(-1px)}.form-group input::placeholder{color:var(--muted, #6B7280)}.form-group select{width:100%;padding:.875rem 2.5rem .875rem 1rem;border:2px solid rgba(0,0,0,.05);border-radius:12px;background:#f8fafc;color:var(--text, #1F2937);font-size:.95rem;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;transition:all .2s ease;box-sizing:border-box;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem}.form-group select:focus{outline:none;border-color:var(--primary, #FF6F61);background:#fff;box-shadow:0 0 0 4px #ff6f611a;transform:translateY(-1px)}.form-group select:hover{border-color:#0000001a}.remember-me{margin-bottom:1.5rem}.checkbox-container{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;font-size:.9rem;color:var(--text, #1F2937)}.checkbox-container input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary, #FF6F61);cursor:pointer}.login-btn{width:100%;padding:.875rem 1rem;background:var(--primary, #FF6F61);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:var(--shadow-soft, 0 4px 12px rgba(7,59,76,.06));transition:all .2s ease;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin-bottom:1rem}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow, 0 8px 24px rgba(7,59,76,.08));background:var(--secondary, #118AB2)}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-btn:focus{outline:3px solid #0000;box-shadow:0 0 0 4px #118ab259}.browse-link{text-align:center;margin-bottom:1.5rem}.browse-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.75rem 1.25rem;background:#fff;color:var(--navy, #073B4C);border:2px solid rgba(7,59,76,.1);border-radius:999px;font-weight:600;text-decoration:none;transition:all .2s ease;font-size:.9rem;box-shadow:var(--shadow-soft, 0 4px 12px rgba(7,59,76,.06))}.browse-btn:hover{transform:translateY(-1px);background:#f8fafc;box-shadow:var(--shadow, 0 8px 24px rgba(7,59,76,.08))}.auth-switch{text-align:center;padding-top:1rem;border-top:1px solid rgba(0,0,0,.05)}.auth-switch p{margin:0;color:var(--muted, #6B7280);font-size:.9rem}.auth-link{color:var(--secondary, #118AB2);text-decoration:none;font-weight:600;transition:all .2s ease}.auth-link:hover{color:var(--primary, #FF6F61);text-decoration:underline}.error-message{background:#ff6f611a;color:#c0392b;padding:.75rem 1rem;border-radius:12px;border-left:4px solid var(--primary, #FF6F61);font-size:.9rem;margin-bottom:1.5rem;font-weight:600;text-align:center}@media (max-width: 520px){.login-content{padding:1.5rem}.login-title{font-size:1.5rem}}@media (max-width: 768px){.topbar{position:relative}.nav-actions{display:none}.search{flex:none;max-width:200px;margin-right:auto}.hamburger{display:block;background:none;border:none;cursor:pointer;color:var(--text);padding:8px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.brand-title{display:none}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid rgba(0,0,0,.05);padding:10px;display:none;flex-direction:column;gap:10px;box-shadow:var(--shadow);z-index:1000;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.mobile-menu.open{display:flex;opacity:1;transform:translateY(0)}}.admin-payments-container{max-width:1100px;margin:32px auto;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014}.admin-payments-container h2{margin-bottom:24px;font-size:2rem;color:#333;text-align:center}.admin-payments-table{width:100%;border-collapse:collapse;font-size:1rem;background:#fafafa}.admin-payments-table th,.admin-payments-table td{padding:12px 16px;border-bottom:1px solid #e0e0e0;text-align:left}.admin-payments-table th{background:#f0f4f8;color:#222;font-weight:600}.admin-payments-table tr:nth-child(2n){background:#f9f9f9}.admin-payments-table tr:hover{background:#e6f7ff}.admin-payments-table td{color:#444}.payment-status-completed{color:#388e3c;font-weight:700;background:#e8f5e9;border-radius:4px;padding:2px 8px}.payment-status-pending{color:#fbc02d;font-weight:700;background:#fffde7;border-radius:4px;padding:2px 8px}.payment-status-failed{color:#d32f2f;font-weight:700;background:#ffebee;border-radius:4px;padding:2px 8px}.check-status-btn{padding:6px 16px;background:#1976d2;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;transition:background .2s}.check-status-btn:disabled{background:#90caf9;cursor:not-allowed}.check-status-btn:hover:not(:disabled){background:#1565c0}.error-message{color:#d32f2f;background:#fff0f0;padding:12px;border-radius:6px;margin:24px auto;max-width:600px;text-align:center}.admin-coupons-container{max-width:1200px;margin:0 auto;padding:20px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.admin-header h1{display:flex;align-items:center;gap:10px;margin:0;color:#333}.add-coupon-btn{display:flex;align-items:center;gap:8px}.coupons-list{margin-top:20px}.no-coupons{text-align:center;padding:60px 20px;background:#f9f9f9;border-radius:8px;border:2px dashed #ddd}.no-coupons-icon{color:#ccc;margin-bottom:20px}.no-coupons h3{color:#666;margin-bottom:10px}.no-coupons p{color:#888;margin-bottom:20px}.coupons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.coupon-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.coupon-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.coupon-card.inactive{opacity:.7;border-color:#fcc}.coupon-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.coupon-code{display:flex;flex-direction:column;gap:5px}.coupon-code strong{font-size:18px;font-weight:600;color:#333;letter-spacing:1px}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.coupon-actions{display:flex;gap:8px}.action-btn{padding:6px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.edit-btn{background:#e3f2fd;color:#1976d2}.edit-btn:hover{background:#bbdefb}.delete-btn{background:#ffebee;color:#d32f2f}.delete-btn:hover{background:#ffcdd2}.coupon-details{margin-bottom:15px}.coupon-details .description{color:#666;margin-bottom:10px;font-size:14px}.discount-info{display:flex;align-items:baseline;gap:5px;margin-bottom:10px}.discount-amount{font-size:24px;font-weight:700;color:#2e7d32}.discount-type{color:#666;font-size:14px}.coupon-meta{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#666}.meta-item{display:flex;justify-content:space-between}.coupon-footer{padding-top:15px;border-top:1px solid #f0f0f0}.coupon-form-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.coupon-form-container{background:#fff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.form-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #e0e0e0}.form-header h3{margin:0;color:#333}.close-btn{background:none;border:none;cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease}.close-btn:hover{background:#f5f5f5;color:#333}.coupon-form{padding:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;color:#333;margin-bottom:5px;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.form-group textarea{resize:vertical;min-height:80px}.checkbox-group{margin-bottom:20px}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:500;color:#333}.checkbox-label input[type=checkbox]{margin-right:10px;width:18px;height:18px}.error-text{color:#d32f2f;font-size:12px;margin-top:5px}.form-actions{display:flex;gap:15px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e0e0e0;margin-top:30px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.primary{background:#1976d2;color:#fff}.btn.primary:hover:not(:disabled){background:#1565c0}.btn.secondary{background:#f5f5f5;color:#333;border:1px solid #ddd}.btn.secondary:hover:not(:disabled){background:#e0e0e0}.loading-state{text-align:center;padding:60px 20px;color:#666}.loading-state p{font-size:16px}.admin-header{flex-direction:column;gap:15px;text-align:center}.coupons-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr;gap:15px}.coupon-form-overlay{padding:10px}.coupon-form-container{max-height:95vh}.coupon-form{padding:20px}.form-actions{flex-direction:column}.welcome20-notice{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border:1px solid #4caf50;border-radius:6px;padding:12px;margin-top:8px;font-size:13px}.welcome20-notice strong{color:#2e7d32;display:block;margin-bottom:8px}.welcome20-notice ul{margin:0;padding-left:20px}.welcome20-notice li{color:#388e3c;margin-bottom:4px}.special-coupon-notice{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #f0c674;border-radius:6px;padding:8px 12px;margin:8px 0;font-size:12px}.special-badge{display:inline-block;background:#28a745;color:#fff;padding:2px 6px;border-radius:10px;font-weight:600;margin-right:8px}.special-coupon-notice small{color:#856404;font-weight:500}:root{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#2c3e50;background-color:#fff8dc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#fff8dc,#e6f7ff,#fff0f5)}#root{width:100%;min-height:100vh}.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:20px;max-width:1200px;margin:0 auto;width:100%}@media (max-width: 768px){.products-layout{flex-direction:column;gap:1rem}.category-sidebar{min-width:auto;position:static;padding:1rem;width:100%}.products-container{padding:1rem}.products-header{flex-direction:column;align-items:flex-start;gap:1rem}.products-header h1{font-size:1.75rem}.products-actions{width:100%;display:flex;justify-content:space-between}.navbar{padding:1rem;flex-wrap:wrap}.logo-content h1{font-size:1.5rem}.logo-image{width:40px;height:40px}.nav-links{width:100%;overflow-x:auto;white-space:nowrap;justify-content:flex-start;margin-top:.75rem;padding:.25rem 0;-webkit-overflow-scrolling:touch;gap:.75rem}.nav-links a{padding:.5rem .75rem;font-size:.85rem}.auth-links{margin-left:auto;gap:.5rem}.login-link,.register-link{padding:.5rem .75rem;font-size:.85rem}}@media (max-width: 480px){.products-actions{flex-direction:column;gap:.5rem}.products-actions .btn{width:100%;text-align:center;justify-content:center}.products-header h1{font-size:1.5rem}}