@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";
:root{--primary:#ff8b00;--text-dark:#222;--text-gray:#777;--bg-light:#f9f9ff;--product-bg:#e6e6fa;--bar-color:#828bb2}body{color:var(--text-dark);background-color:#fff;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}nav{z-index:100;background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:20px 5%;display:flex;position:sticky;top:0}.logo{color:var(--primary);align-items:center;gap:10px;font-size:1.8rem;font-weight:800;display:flex}.nav-links{text-transform:uppercase;gap:30px;font-size:.9rem;font-weight:600;display:flex}.nav-links a:hover{color:var(--primary)}.cart-icon{color:var(--text-dark);position:relative}.cart-count{background:var(--primary);color:#fff;border-radius:50%;padding:2px 6px;font-size:.7rem;position:absolute;top:-10px;right:-15px}.primary-btn{background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:10px;padding:12px 30px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 10px 20px #ff8b004d}.primary-btn:hover{background:#e07a00;transform:translateY(-3px)}.hero{background-color:var(--bg-light);align-items:center;height:90vh;padding:0 5%;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background-color:var(--primary);z-index:0;width:60%;height:100%;position:absolute;top:0;right:-20%;transform:skew(-15deg)}.hero-content{z-index:1;flex:1;max-width:500px}.hero-content h1{margin-bottom:20px;font-size:4rem;font-weight:800;line-height:1.1}.hero-content p{color:var(--text-gray);margin-bottom:30px;font-size:1.1rem;line-height:1.6}.hero-image{z-index:1;text-align:center;flex:1}.hero-image img{filter:drop-shadow(0 20px 30px #0000004d);max-width:120%;transform:rotate(-15deg)scale(1.1)}.features{z-index:2;text-align:center;background:#fff;border-radius:10px;flex-wrap:wrap;justify-content:space-between;gap:20px;margin:-40px 5% 50px;padding:30px;display:flex;position:relative;box-shadow:0 10px 30px #0000000d}.feature-item i{color:var(--text-dark);margin-bottom:10px;font-size:2rem}.feature-item h4{margin:0 0 5px;font-size:1rem}.feature-item p{color:var(--text-gray);margin:0;font-size:.8rem}.section-title{text-align:center;margin:80px 0 40px}.section-title h2{margin-bottom:10px;font-size:2.5rem}.section-title p{color:var(--text-gray);max-width:600px;margin:0 auto}.hot-deal{height:500px;margin-bottom:80px;display:flex}.deal-left{color:#fff;text-align:center;background:linear-gradient(#000000b3,#000000b3),url(https://images.unsplash.com/photo-1550009158-9ffb6e9a1ff0?auto=format&fit=crop&w=800&q=80) 50%/cover;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.deal-left h2{margin-bottom:10px;font-size:3rem}.timer{gap:15px;margin:30px 0;display:flex}.time-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:5px;min-width:60px;padding:15px 20px}.time-box span{font-size:2rem;font-weight:700;display:block}.time-box p{text-transform:uppercase;margin:0;font-size:.8rem}.deal-right{background:var(--bg-light);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.deal-right img{drop-shadow:0 20px 30px #0003;max-width:60%;margin-bottom:20px}.page-banner{background-color:var(--bg-light);justify-content:flex-end;align-items:center;height:250px;margin-bottom:50px;padding:0 10%;display:flex;position:relative;overflow:hidden}.page-banner:before{content:"";background-color:var(--primary);z-index:0;width:60%;height:100%;position:absolute;top:0;right:-10%;transform:skew(-15deg)}.banner-text{z-index:1;color:#fff;text-align:right;position:relative}.banner-text h1{margin:0 0 10px;font-size:2.5rem}.banner-text p{margin:0;font-size:.9rem;font-weight:500}.shop-container{flex-wrap:wrap;align-items:flex-start;gap:30px;max-width:1300px;margin:0 auto 80px;padding:0 5%;display:flex}.sidebar{flex-shrink:0;width:250px}.sidebar-widget{margin-bottom:30px}.widget-title{background:var(--bar-color);color:#fff;text-transform:uppercase;margin-bottom:15px;padding:12px 20px;font-size:.9rem;font-weight:700}.cat-list li{cursor:pointer;border-bottom:1px dashed #eee;justify-content:space-between;padding:10px 20px;font-size:.9rem;transition:all .2s;display:flex}.cat-list li:hover{color:var(--primary)}.cat-list span{color:#ccc}.filter-list li{align-items:center;gap:10px;padding:8px 20px;font-size:.9rem;display:flex}.filter-list input[type=checkbox]{cursor:pointer}.main-content{flex:1;min-width:300px}.top-bar{background:var(--bar-color);color:#fff;justify-content:space-between;align-items:center;margin-bottom:30px;padding:10px 20px;display:flex}.top-bar select{border:none;border-radius:4px;outline:none;padding:8px}.pagination{gap:5px;display:flex}.pagination span{color:var(--text-dark);cursor:pointer;background:#fff;border-radius:3px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;display:flex}.pagination span.active{background:var(--primary);color:#fff}.product-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px;width:100%;display:grid}.product-card{text-align:left;background:#fff;border:none;transition:all .3s}.product-card:hover .img-container img{transform:scale(1.1)}.img-container{background-color:var(--product-bg);text-align:center;border-radius:5px;margin-bottom:15px;padding:40px 20px;overflow:hidden}.img-container img{object-fit:contain;max-width:100%;height:180px;transition:all .5s}.product-card h3{color:var(--text-dark);text-transform:uppercase;margin:0 0 10px;font-size:1.1rem}.price{color:var(--text-dark);align-items:center;gap:10px;margin-bottom:15px;font-size:1.2rem;font-weight:700;display:flex}.card-actions{gap:10px;display:flex}.icon-btn{width:40px;height:40px;color:var(--text-dark);cursor:pointer;background:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.icon-btn:hover{background:var(--bar-color);color:#fff}footer{color:#fff;background:#111;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;padding:80px 5% 40px;display:grid}.footer-col h4{color:#fff;margin-top:0;margin-bottom:20px;font-size:1.2rem}.footer-col p{color:#888;font-size:.9rem;line-height:1.6}.newsletter input{color:#fff;background:#222;border:none;border-radius:4px;width:100%;margin-bottom:10px;padding:12px}.newsletter button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;width:100%;padding:12px;font-weight:700}.copyright{text-align:center;color:#555;border-top:1px solid #222;grid-column:1/-1;margin-top:40px;padding-top:20px;font-size:.9rem}#toast{visibility:hidden;background-color:var(--primary);color:#fff;text-align:center;z-index:1000;border-radius:8px;min-width:250px;padding:16px;font-size:16px;font-weight:700;position:fixed;top:100px;right:30px;box-shadow:0 10px 30px #ff8b0066}#toast.show{visibility:visible;animation:.5s slidein,.5s 2.5s slideout}@keyframes slidein{0%{opacity:0;right:-300px}to{opacity:1;right:30px}}@keyframes slideout{0%{opacity:1;right:30px}to{opacity:0;right:-300px}}