@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-main: #f7f7f8;--bg-surface: #ffffff;--text-main: #2b2b2b;--text-muted: #5f5f5f;--accent: #6A5ACD;--border: #e3e3e3;font-family:Inter,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);line-height:1.6}h1,h2,h3,h4{font-weight:600;color:var(--text-main)}p{color:var(--text-muted);font-size:1rem}a{color:var(--accent);text-decoration:none;font-weight:500}a:hover{opacity:.8}button{font-family:inherit;background-color:var(--accent);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer}button:hover{opacity:.85}input,select{font-family:inherit;padding:10px;border-radius:6px;border:1px solid var(--border);font-size:.95rem}ul{list-style:none}.site-header{background-color:var(--bg-surface);border-bottom:1px solid var(--border)}.nav-container{max-width:1200px;margin:0 auto;padding:18px 32px;display:flex;align-items:center;justify-content:space-between}.nav-left{display:flex;align-items:center;gap:12px}.brand-logo{height:46px}.brand-name{font-size:1.4rem;font-weight:600;color:var(--text-main)}.nav-links{display:flex;gap:32px}.nav-links a{font-size:1rem;font-weight:500;color:var(--text-main)}.nav-links a:hover{color:var(--accent)}.cart-link{position:relative}.cart-link a{position:relative;padding-right:8px}.cart-badge{position:absolute;top:-6px;right:-12px;background-color:#ff5a5f;color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:999px;line-height:1}.page-content{padding:40px 32px;min-height:60vh}.site-footer{background-color:var(--bg-surface);border-top:1px solid var(--border);margin-top:100px}.footer-grid{max-width:1200px;margin:0 auto;padding:60px 32px;display:grid;grid-template-columns:repeat(4,1fr);gap:36px}.footer-logo{height:42px}.footer-tagline{font-size:.9rem;margin-top:10px;color:var(--text-muted)}.footer-links h4,.footer-social h4,.footer-subscribe h4{font-size:1rem;margin-bottom:12px}.footer-links ul,.footer-social ul{display:flex;flex-direction:column;gap:8px;font-size:.9rem}.footer-subscribe input{margin-top:8px}.subscribe-form{display:flex;gap:10px;margin-top:10px}.subscribe-form input{flex:1;padding:10px 12px;border-radius:8px;border:1px solid #ccc;font-size:.9rem}.subscribe-form button{padding:10px 16px;border-radius:8px;border:none;background-color:#6a5acd;color:#fff;font-size:.85rem;cursor:pointer}.subscribe-form button:hover{opacity:.9}.subscribe-success{margin-top:8px;font-size:.85rem;color:#6a5acd}.footer-bottom{text-align:center;padding:18px;font-size:.85rem;color:var(--text-muted);border-top:1px solid var(--border)}.home-hero{max-width:1200px;margin:0 auto;padding:80px 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-text h1{font-size:3rem;font-weight:600;margin-bottom:18px;color:#2f2f2f}.hero-text p{font-size:1.05rem;line-height:1.6;max-width:420px;margin-bottom:30px;color:#555}.hero-btn{display:inline-block;padding:14px 30px;border-radius:10px;background-color:#6a5acd;color:#fff;text-decoration:none;font-size:.95rem;font-weight:500;transition:background-color .2s ease}.hero-btn:hover{background-color:#5a4fcf}.hero-image{max-width:520px;justify-self:end}.hero-image img{width:100%;height:auto;display:block;border-radius:20px;object-fit:cover;box-shadow:0 20px 40px #0000001f}.home-about{padding:90px 20px 80px;text-align:center}.home-about h2{font-size:1.6rem;margin-bottom:18px;color:#2f2f2f}.home-about p{max-width:620px;margin:0 auto;font-size:1rem;line-height:1.6;color:#666}.home-cta{padding:80px 20px 100px;text-align:center}.home-cta h2{font-size:1.6rem;margin-bottom:40px;color:#2f2f2f}.cta-grid{max-width:1000px;margin:0 auto 40px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.cta-card{background-color:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:28px 24px;text-align:center;transition:transform .25s ease,box-shadow .25s ease}.cta-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001f}.cta-image{width:120px;height:120px;object-fit:contain;margin-bottom:18px}.cta-title{font-size:.95rem;font-weight:500;margin-bottom:10px;color:#333}.cta-link{font-size:.85rem;color:#6a5acd;text-decoration:none}.cta-link:hover{text-decoration:underline}.cta-bottom-link{display:inline-block;font-size:.9rem;color:#6a5acd;text-decoration:none}.cta-bottom-link:hover{text-decoration:underline}@media(max-width:900px){.home-hero{grid-template-columns:1fr;text-align:center}.hero-text p{margin-left:auto;margin-right:auto}.hero-image{justify-self:center;margin-top:40px}.cta-grid{grid-template-columns:1fr}}.products-page{max-width:1200px;margin:80px auto;padding:0 32px}.products-header{max-width:620px;margin-bottom:48px}.products-header h1{font-size:2.2rem;margin-bottom:12px}.products-header p{font-size:1.05rem}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.product-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;transition:transform .2s ease}.product-card:hover{transform:translateY(-4px)}.product-image{height:220px;display:flex;align-items:center;justify-content:center;background-color:#f1f1f3}.product-image img{max-width:80%;max-height:80%;object-fit:contain}.product-info{padding:20px}.product-info h2{font-size:1.05rem;margin-bottom:8px}.product-price{font-weight:500;margin-bottom:14px}.product-link{font-size:.95rem;font-weight:500}.product-detail{max-width:1100px;margin:0 auto;padding:40px 20px}.product-main{display:flex;gap:60px;margin-bottom:80px}.product-media{max-width:420px}.product-main-image{width:100%;height:auto;border-radius:16px;object-fit:cover}.product-thumbs{display:flex;gap:12px;margin-top:14px}.thumb{width:72px;height:72px;object-fit:cover;border-radius:10px;cursor:pointer;opacity:.6;border:2px solid transparent}.thumb:hover{opacity:1}.thumb.active{opacity:1;border-color:#6a5acd}.product-content{max-width:520px}.product-content h1{font-size:2rem;margin-bottom:10px}.product-price{font-size:1.4rem;font-weight:600;margin-bottom:20px;color:#6a5acd}.product-description{font-size:1rem;line-height:1.6;margin-bottom:30px}.add-to-cart-btn{padding:14px 28px;font-size:1rem;background-color:#6a5acd;color:#fff;border:none;border-radius:10px;cursor:pointer}.add-to-cart-btn:hover{opacity:.9}.related-products h2{margin-bottom:24px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.related-card{border:1px solid #eee;padding:18px;border-radius:14px;text-align:center}.related-card img{width:100%;max-height:180px;object-fit:cover;border-radius:10px;margin-bottom:12px}.related-card h3{font-size:1rem;margin-bottom:6px}.related-card p{color:#6a5acd;margin-bottom:10px}.related-card a{font-size:.9rem}.back-link{display:inline-block;margin-top:40px;font-size:.9rem}.cart-page{max-width:1100px;margin:80px auto;padding:0 32px}.cart-page h1{font-size:2.2rem;margin-bottom:40px}.cart-layout{display:grid;grid-template-columns:2fr 1fr;gap:48px;margin-bottom:60px}.cart-items h2,.cart-summary h2,.cart-payment h2{font-size:1.4rem;margin-bottom:20px}.cart-items ul{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:18px;padding:20px}.cart-item{display:grid;grid-template-columns:60px 1fr auto auto;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}.cart-item:last-child{border-bottom:none}.cart-item img{width:56px;height:56px;object-fit:contain;border-radius:8px;background-color:#f1f1f3}.cart-item-info p{font-weight:500}.cart-item-info span{font-size:.85rem;color:var(--text-muted)}.cart-price{font-weight:500}.remove-btn{background:none;border:none;color:var(--accent);font-size:.85rem;cursor:pointer}.cart-summary{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:18px;padding:20px}.cart-summary p{display:flex;justify-content:space-between;margin-bottom:14px}.cart-total{font-weight:600;font-size:1.1rem;margin-top:16px}.cart-payment{max-width:520px}.cart-payment form{display:flex;flex-direction:column;gap:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cart-payment label{display:flex;flex-direction:column;font-size:.9rem;gap:6px}.cart-payment button{margin-top:12px;align-self:flex-start}.thankyou-page{position:relative;min-height:75vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#f4f3fa,#fff);overflow:hidden}.confetti{position:absolute;inset:0;pointer-events:none;z-index:1}.confetti span{position:absolute;top:-12px;left:var(--x);width:8px;height:14px;background-color:#6a5acd;border-radius:2px;animation:confettiFall var(--duration) ease-out forwards;animation-delay:var(--delay)}.confetti span:nth-child(3n){background-color:#8ecae6}.confetti span:nth-child(4n){background-color:#ffb703}.celebration-burst{position:absolute;width:300px;height:300px;z-index:2;animation:burstFade 1.2s ease-out forwards}.burst-lines line{stroke:#6a5acd;stroke-width:4;stroke-linecap:round;animation:burstDraw .9s ease-out forwards}.thankyou-card{position:relative;z-index:3;background-color:#fff;padding:64px 72px;border-radius:24px;max-width:540px;text-align:center;box-shadow:0 40px 80px #00000026;animation:cardPop .6s ease-out}.thankyou-card h1{font-size:1.9rem;margin-bottom:10px}.thankyou-card h2{font-size:1.4rem;color:#6a5acd;margin-bottom:18px}.thankyou-message{font-size:1rem;margin-bottom:12px}.thankyou-sub{font-size:.9rem;color:#666;margin-bottom:28px}.thankyou-link{display:inline-block;padding:14px 26px;border-radius:12px;background-color:#6a5acd;color:#fff;text-decoration:none}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(240deg);opacity:0}}@keyframes burstDraw{0%{stroke-dasharray:100;stroke-dashoffset:100;opacity:0}to{stroke-dasharray:100;stroke-dashoffset:0;opacity:1}}@keyframes burstFade{to{opacity:0}}@keyframes cardPop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}
