*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#f9fafb,#f0f4ff);color:#1f2937;line-height:1.6}.hero{width:100%;height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#6366f1cc,#ec4899cc),url(https://images.pexels.com/photos/5650049/pexels-photo-5650049.jpeg) center/cover no-repeat;border-radius:0 0 40px 40px;box-shadow:0 10px 25px #00000026;animation:fadeIn 1s ease-in-out;color:#fff}.hero-content h1{font-size:3rem;font-weight:800;margin-bottom:1rem;letter-spacing:1px;text-shadow:0 3px 12px rgba(0,0,0,.3)}.hero-content p{font-size:1.2rem;max-width:550px;margin:0 auto 2rem;color:#fef9c3;font-weight:500}.shop-btn{background:linear-gradient(90deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:.9rem 2.2rem;border-radius:50px;font-weight:700;font-size:1rem;text-decoration:none;box-shadow:0 0 20px #8b5cf666;transition:all .35s ease;animation:pulseGlow 2.5s infinite}.shop-btn:hover{background:linear-gradient(90deg,#ec4899,#f43f5e);transform:scale(1.07);box-shadow:0 0 35px #ec48998c}.shop{padding:4rem 2rem}.shop__title{text-align:center;font-size:2.2rem;font-weight:700;margin-bottom:2.5rem;color:#2563eb}.shop__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}.product-card{background:#fff;border-radius:18px;box-shadow:0 4px 16px #6366f126;border:1px solid #e2e8f0;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease;cursor:pointer}.product-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 10px 28px #ec489940;border-color:#8b5cf6;background:linear-gradient(135deg,#fff,#f8f5ff)}.product-card__image{border-radius:14px 14px 0 0;background:#f1f5f9}.product-card__title{color:#6366f1;font-weight:700;margin:.5rem 0;transition:color .3s ease}.product-card__description{color:#475569;font-size:.95rem;margin-bottom:.5rem}.product-card__price{color:#dc2626;font-weight:700;font-size:1.1rem;transition:color .3s ease}.product-card:hover .product-card__title{color:#6366f1}.product-card:hover .product-card__price{color:#0ea5e9}@keyframes pulseGlow{0%{box-shadow:0 0 12px #6366f159}50%{box-shadow:0 0 28px #8b5cf699}to{box-shadow:0 0 12px #6366f159}}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hero-content h1{font-size:2.1rem}.hero-content p{font-size:1rem}.shop-btn{padding:.7rem 1.6rem;font-size:.9rem}.shop{padding:3rem 1rem}}:root{--footer-bg: #111827;--footer-text: #e5e7eb;--footer-link: #ddd6fe;--footer-padding: 2rem 1rem;--footer-font-size: .9rem;--footer-line-height: 1.6;--footer-max-width: 1200px;--footer-transition: all .3s ease;--footer-shadow: 0 -2px 10px rgba(0, 0, 0, .05)}.shop-footer{background-color:var(--footer-bg);color:var(--footer-text);padding:var(--footer-padding);margin-top:4rem;box-shadow:var(--footer-shadow)}.footer-container{max-width:var(--footer-max-width);margin:0 auto;text-align:center;font-size:var(--footer-font-size);line-height:var(--footer-line-height);transition:var(--footer-transition)}.footer-container a{color:var(--footer-link);text-decoration:none;transition:var(--footer-transition)}.footer-container a:hover{text-decoration:underline}:root{--gap: 1.5rem;--radius: 8px;--shadow: 0 4px 6px rgba(0, 0, 0, .1)}.shop{max-width:1200px;margin:0 auto;padding:2rem}.shop__title{text-align:center;margin-bottom:2rem;font-size:2rem;color:#333}.shop__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--gap)}.product-card{border:1px solid #e0e0e0;border-radius:var(--radius);overflow:hidden;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-card__image{width:100%;height:200px;object-fit:cover}.product-card__body{padding:1rem}.product-card__title{margin:0 0 .5rem;font-size:1.2rem}.product-card__description{margin:0 0 1rem;color:#666;font-size:.9rem}.product-card__price{font-weight:700;color:#2a5db0}.product-card:focus{outline:2px solid #2a5db0}:root{--navbar-bg: #6d28d9;--navbar-text: #fff;--navbar-hover: #ddd6fe;--navbar-shadow: 0 4px 12px rgba(0, 0, 0, .1);--navbar-transition: all .3s ease;--navbar-z-index: 1000}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--navbar-bg);color:var(--navbar-text);position:sticky;top:0;z-index:var(--navbar-z-index);box-shadow:var(--navbar-shadow)}.navbar__logo{font-size:clamp(1.2rem,2vw,1.5rem);font-weight:700;text-decoration:none;color:var(--navbar-text);transition:var(--navbar-transition)}.navbar__logo:hover{opacity:.9}.navbar__links{display:flex;gap:1.5rem}.navbar__link{text-decoration:none;font-size:clamp(.95rem,1.5vw,1rem);color:var(--navbar-text);font-weight:500;padding:.5rem 0;position:relative;transition:var(--navbar-transition)}.navbar__link:hover{color:var(--navbar-hover)}.navbar__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--navbar-hover);transition:var(--navbar-transition)}.navbar__link:hover:after,.navbar__link.active:after{width:100%}.navbar__menu-btn{display:none;background:none;border:none;color:var(--navbar-text);font-size:1.5rem;cursor:pointer}@media (max-width: 768px){.navbar{padding:1rem}.navbar__links{gap:1rem}}.product-view{padding:20px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.product-card{border:1px solid #ccc;padding:15px;border-radius:8px;cursor:pointer;transition:transform .2s}.product-card:hover{transform:scale(1.02)}.product-card img{width:100%;height:200px;object-fit:cover;border-radius:8px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;padding:20px;border-radius:12px;width:90%;max-width:350px;box-shadow:0 0 15px #0000004d}.modal img{width:100%;height:200px;object-fit:cover;border-radius:10px}.modal input{width:100%;padding:10px;margin-top:10px;border-radius:5px;border:1px solid #ccc}.modal-buttons{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.modal-buttons button{flex:1;padding:10px 15px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.modal-buttons button:not(.cancel){background-color:#27ae60;color:#fff}.modal-buttons button:not(.cancel):hover{background-color:#219150}.modal-buttons .cancel{background-color:#e74c3c;color:#fff}.modal-buttons .cancel:hover{background-color:#c0392b}.popup-notification{position:fixed;bottom:20px;right:20px;background:indigo;color:#fff;padding:12px 20px;border-radius:8px;z-index:2000;box-shadow:0 0 12px #0003;animation:fadeInOut 2s ease-out}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(10px)}}@media (max-width: 600px){.product-grid{grid-template-columns:repeat(1,1fr)}.modal{width:95%;max-width:90%}}.modal.success{background:#fff;padding:20px;border-radius:12px;width:90%;max-width:350px;box-shadow:0 0 15px #0000004d;text-align:center;color:#333}.modal.success h2{font-size:22px;margin-bottom:10px;color:#27ae60}.modal.success p{font-size:19px;margin-bottom:30px;color:#0c0c0c}.modal.success .modal-buttons{display:flex;justify-content:space-between;gap:12px}.modal.success .btn-red{flex:1;padding:10px 15px;background-color:#e74c3c;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .3s ease}.modal.success .btn-red:hover{background-color:#c0392b}.modal.success .btn-green{flex:1;padding:10px 15px;background-color:#27ae60;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .3s ease}.modal.success .btn-green:hover{background-color:#219150}.modal.success .btn-blue{flex:1;padding:10px 15px;background-color:#3498db;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .3s ease}.modal.success .btn-blue:hover{background-color:#2c80b4}.loader{font-size:1.2rem;font-weight:600;text-align:center;padding:2rem;color:#6366f1;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}