*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{background:#f8fafc;color:#1e293b;min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}header{background:white;padding:1rem 2rem;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.05);box-shadow:0 2px 10px rgba(0,0,0,.05);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left,header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-left{gap:2rem}.logo{font-weight:700;font-size:1.5rem;letter-spacing:-.02em;background:-webkit-linear-gradient(135deg,#3b82f6,#8b5cf6);background:-o-linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#3b82f6;white-space:nowrap}.desktop-nav{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem}.desktop-nav a{text-decoration:none;color:#475569;font-weight:500;-webkit-transition:color .2s;-o-transition:color .2s;transition:color .2s;font-size:1rem;cursor:pointer}.desktop-nav a:hover{color:#3b82f6}.desktop-nav a.active{color:#3b82f6;font-weight:600}.hamburger{display:none;font-size:1.5rem;cursor:pointer;color:#1e293b;-webkit-transition:color .2s;-o-transition:color .2s;transition:color .2s}.hamburger:hover{color:#3b82f6}.cart-icon{position:relative;cursor:pointer;font-size:1.4rem;color:#1e293b}.cart-badge{position:absolute;top:-8px;right:-8px;background:#ef4444;color:white;font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:20px;min-width:18px;text-align:center;transition:transform .15s}.sidebar{position:fixed;top:0;left:-280px;width:260px;height:100vh;background:white;-webkit-box-shadow:4px 0 15px rgba(0,0,0,.1);box-shadow:4px 0 15px rgba(0,0,0,.1);-webkit-transition:left .3s ease;-o-transition:left .3s ease;transition:left .3s ease;z-index:1000;padding:2rem 1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sidebar.open{left:0}.sidebar-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:2rem}.close-sidebar,.sidebar-header .logo{font-size:1.2rem}.close-sidebar{cursor:pointer;color:#64748b}.sidebar-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.2rem;-webkit-box-flex:1;-ms-flex:1;flex:1}.sidebar-nav a{text-decoration:none;color:#334155;font-weight:500;font-size:1.1rem;padding:.5rem 0;border-bottom:1px solid #e2e8f0;-webkit-transition:color .2s;-o-transition:color .2s;transition:color .2s;cursor:pointer}.sidebar-nav a:hover{color:#3b82f6}.sidebar-nav a.active{color:#3b82f6;font-weight:600}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;z-index:999}.overlay.active{opacity:1;visibility:visible}.container{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.carousel-container{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;background:#f1f5f9;height:100vh}.carousel-item{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;scroll-snap-align:start;position:relative}.carousel-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.carousel-caption{position:absolute;bottom:0;left:0;right:0;padding:2rem;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.7)),to(transparent));background:-o-linear-gradient(bottom,rgba(0,0,0,.7),transparent);background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);color:white;text-align:center}.carousel-caption h3{font-size:1.8rem;margin-bottom:.5rem}.carousel-caption p{font-size:1rem;opacity:.9}.carousel-caption a{color:white;text-decoration:underline;margin-top:.5rem;display:inline-block}.carousel-indicators{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.5rem;margin-top:1rem;position:absolute;bottom:20px;width:100%;z-index:1}.dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1;cursor:pointer;-webkit-transition:background .3s;-o-transition:background .3s;transition:background .3s}.dot.active{background:#3b82f6}.product-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:2rem}@media (min-width:768px){.product-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width:1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.product-grid{grid-template-columns:repeat(4,1fr)}}.product-card{background:white;border-radius:16px;overflow:hidden;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.05);box-shadow:0 4px 12px rgba(0,0,0,.05);-webkit-transition:-webkit-transform .2s,-webkit-box-shadow .2s;transition:-webkit-transform .2s,-webkit-box-shadow .2s;-o-transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s,-webkit-box-shadow .2s}.product-card:hover{-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 10px 25px rgba(0,0,0,.1);box-shadow:0 10px 25px rgba(0,0,0,.1)}.product-image{width:100%;height:220px;-o-object-fit:cover;object-fit:cover;background-color:#f1f5f9}.product-info{padding:1.2rem}.product-title{font-weight:600;font-size:1.1rem;margin-bottom:.3rem}.product-price{font-weight:700;color:#3b82f6;margin-bottom:.5rem}.product-stock{font-size:.9rem;color:#64748b;margin-bottom:1rem}.btn-add{width:100%;padding:.8rem;border:none;border-radius:12px;background:#3b82f6;color:white;font-weight:600;cursor:pointer;-webkit-transition:background .2s;-o-transition:background .2s;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-add:disabled{background:#cbd5e1;cursor:not-allowed}.btn-add:hover:not(:disabled){background:#2563eb}.cart-sidebar{position:fixed;top:0;right:-400px;width:380px;max-width:95vw;height:100vh;background:white;-webkit-box-shadow:-4px 0 15px rgba(0,0,0,.1);box-shadow:-4px 0 15px rgba(0,0,0,.1);-webkit-transition:right .3s ease;-o-transition:right .3s ease;transition:right .3s ease;z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cart-sidebar.open{right:0}.cart-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cart-header h3,.close-cart{font-size:1.2rem}.close-cart{background:none;border:none;cursor:pointer;color:#64748b}.cart-scroll-area{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:1.5rem}.cart-item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.cart-item-img{width:70px;height:70px;-o-object-fit:cover;object-fit:cover;border-radius:12px;background-color:#f1f5f9}.cart-item-details{-webkit-box-flex:1;-ms-flex:1;flex:1}.cart-item-title{font-weight:600;margin-bottom:.2rem}.cart-item-price{color:#3b82f6;font-weight:600;margin-bottom:.5rem}.cart-item-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.qty-btn{width:30px;height:30px;border:none;background:#f1f5f9;border-radius:8px;cursor:pointer;-webkit-transition:background .2s;-o-transition:background .2s;transition:background .2s}.qty-btn:hover:not(:disabled){background:#e2e8f0}.qty-btn:disabled{opacity:.5;cursor:not-allowed}.qty-btn.danger:hover{background:#fee2e2;color:#ef4444}.cart-footer{padding:1.5rem;border-top:1px solid #e2e8f0}.cart-total{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-weight:700;font-size:1.2rem;margin-bottom:1rem}.btn-checkout{width:100%;padding:1rem;border:none;border-radius:12px;background:#10b981;color:white;font-weight:600;cursor:pointer;-webkit-transition:background .2s;-o-transition:background .2s;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-checkout:disabled{background:#cbd5e1;cursor:not-allowed}.btn-checkout:hover:not(:disabled){background:#059669}.checkout-form-container{margin-top:2rem;display:none}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:500;margin-bottom:.3rem;color:#475569}.form-group input{width:100%;padding:.8rem;border:1px solid #cbd5e1;border-radius:12px;font-size:1rem;-webkit-transition:border-color .2s;-o-transition:border-color .2s;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#3b82f6}.about-section{background:#ffffff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,.04)}.about-grid{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(300px,1fr)) [auto-fit];grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.about-item h4{font-size:1.3rem;margin-bottom:1rem;color:#3b82f6}.about-item p{line-height:1.6;color:#475569}.contact-section{background:#ffffff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,.04)}.contact-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr 2rem 1fr;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.contact-info div{margin-bottom:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem}.contact-info i{width:24px;color:#3b82f6}.map-container{border-radius:16px;overflow:hidden;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.05);box-shadow:0 4px 12px rgba(0,0,0,.05);min-height:300px}.map-container iframe{width:100%;height:100%;border:none}footer{background:#1e293b;color:white;padding:3rem 2rem 2rem;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.5rem}.store-name{font-size:1.8rem;font-weight:700;background:-webkit-linear-gradient(135deg,#94a3b8,#cbd5e1);background:-o-linear-gradient(135deg,#94a3b8,#cbd5e1);background:linear-gradient(135deg,#94a3b8,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#94a3b8}.social-links{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.social-links a{color:#cbd5e1;font-size:1.8rem;-webkit-transition:color .2s,-webkit-transform .2s;transition:color .2s,-webkit-transform .2s;-o-transition:color .2s,transform .2s;transition:color .2s,transform .2s;transition:color .2s,transform .2s,-webkit-transform .2s}.social-links a:hover{color:#3b82f6;-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)}.copyright{color:#94a3b8;font-size:.9rem;margin-top:1rem}.section-title{font-size:2rem;margin-bottom:2rem;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:#3b82f6;border-radius:2px}.hidden{display:none!important}.skeleton{background:-webkit-gradient(linear,left top,right top,color-stop(25%,#e2e8f0),color-stop(50%,#f1f5f9),color-stop(75%,#e2e8f0));background:-o-linear-gradient(left,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%;-webkit-animation:skeleton-loading 1.5s infinite;animation:skeleton-loading 1.5s infinite;border-radius:8px}.skeleton-carousel{height:100%;width:100%;border-radius:20px}.skeleton-card{height:100%;width:100%;border-radius:16px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.loading{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:white;-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:768px){header{padding:1rem}.header-left{gap:1rem}.logo{font-size:1.2rem}.desktop-nav{display:none}.hamburger{display:block}.cart-sidebar{width:100%;right:-100%}.carousel-caption h3{font-size:1.2rem}.carousel-caption p{font-size:.9rem}.container{padding:1rem}.about-grid,.contact-grid{grid-template-columns:1fr}}@media (min-width:769px){.sidebar{display:none}.desktop-nav{display:-webkit-box;display:-ms-flexbox;display:flex}}.cart-scroll-area{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.cart-scroll-area::-webkit-scrollbar{width:6px}.cart-scroll-area::-webkit-scrollbar-track{background:#f1f5f9}.cart-scroll-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.cart-scroll-area::-webkit-scrollbar-thumb:hover{background:#94a3b8}