*{box-sizing:border-box;margin:0;padding:0}.home-container{display:flex;flex-direction:column}.hero-section{display:flex;justify-content:center;align-items:center;min-height:60vh;background-color:#f5f5f5;padding:40px 20px;text-align:center}.hero-section .hero-content{max-width:600px}.hero-section .hero-content .hero-title{font-family:Special Gothic Expanded One,sans-serif;font-size:48px;font-weight:400;margin-bottom:16px;letter-spacing:2px}@media(max-width:768px){.hero-section .hero-content .hero-title{font-size:32px}}.hero-section .hero-content .hero-subtitle{font-size:18px;color:#555;margin-bottom:32px;line-height:1.6}@media(max-width:768px){.hero-section .hero-content .hero-subtitle{font-size:16px}}.hero-section .hero-content .hero-cta{display:inline-block;padding:14px 40px;background-color:#000;color:#fff;text-decoration:none;font-size:14px;letter-spacing:2px;text-transform:uppercase;transition:background-color .3s ease}.hero-section .hero-content .hero-cta:hover{background-color:#333}.categories-highlight{padding:60px 20px;max-width:1200px;margin:0 auto;width:100%;text-align:center}.categories-highlight .section-title{font-family:Special Gothic Expanded One,sans-serif;font-size:28px;font-weight:400;margin-bottom:40px;letter-spacing:1px}.categories-highlight .categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}@media(max-width:1024px){.categories-highlight .categories-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.categories-highlight .categories-grid{grid-template-columns:1fr}}.categories-highlight .categories-grid .category-highlight-card{position:relative;overflow:hidden;text-decoration:none;color:#000;aspect-ratio:3/4}.categories-highlight .categories-grid .category-highlight-card:hover .category-highlight-image{transform:scale(1.05)}.categories-highlight .categories-grid .category-highlight-card:hover .category-highlight-label{background-color:#000;color:#fff}.categories-highlight .categories-grid .category-highlight-card .category-highlight-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.categories-highlight .categories-grid .category-highlight-card .category-highlight-label{position:absolute;bottom:16px;left:16px;font-family:Special Gothic Expanded One,sans-serif;font-size:14px;font-weight:400;letter-spacing:2px;text-transform:capitalize;background-color:#fff;padding:8px 16px;transition:all .3s ease}.categories-highlight .browse-all-link{display:inline-block;padding:12px 32px;border:1px solid #000;color:#000;text-decoration:none;font-size:14px;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease}.categories-highlight .browse-all-link:hover{background-color:#000;color:#fff}.shop-container{padding:20px;max-width:1200px;margin:0 auto}.shop-container .shop-title{font-family:Special Gothic Expanded One,sans-serif;font-size:32px;margin-bottom:40px;text-align:center}.shop-container .category-section{margin-bottom:48px}.shop-container .category-section .category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.shop-container .category-section .category-header .category-title{font-family:Special Gothic Expanded One,sans-serif;font-size:24px;text-transform:capitalize}.shop-container .category-section .category-header .view-all-link{font-size:14px;color:#333;text-decoration:none;padding:8px 16px;border:1px solid #333;border-radius:4px;transition:all .2s ease}.shop-container .category-section .category-header .view-all-link:hover{background-color:#333;color:#fff}.shop-container .category-section .products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1024px){.shop-container .category-section .products-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.shop-container .category-section .products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.shop-container .category-section .products-grid{grid-template-columns:1fr}}.product-card-container{display:flex;flex-direction:column;gap:8px;width:100%;padding:16px}.product-card-container .image-container{display:block;cursor:pointer;aspect-ratio:3/4;overflow:hidden;border-radius:16px 16px 4px 4px}.product-card-container .image-container img{width:100%;height:100%;object-fit:cover;transition:opacity .2s ease}.product-card-container .image-container:hover img{opacity:.85}.product-card-container .product-card-footer .product-infos{display:flex;font-size:20px;font-family:Special Gothic Expanded One,sans-serif;letter-spacing:1px;font-weight:400;font-style:normal;margin-bottom:8px}.product-card-container .product-card-footer .product-infos .title{flex:1;text-decoration:none;color:inherit}.product-card-container .product-card-footer .product-infos .title:hover{text-decoration:underline}.button{padding:8px 16px;border-radius:8px;color:#fff;background-color:#000;border:none}.category-container{padding:20px;max-width:1200px;margin:0 auto}.category-container .category-title{font-family:Special Gothic Expanded One,sans-serif;font-size:32px;margin-bottom:32px;text-align:center;text-transform:capitalize}.category-container .products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1024px){.category-container .products-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.category-container .products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.category-container .products-grid{grid-template-columns:1fr}}.product-detail-container{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:40px;max-width:1200px;margin:0 auto}@media(max-width:768px){.product-detail-container{grid-template-columns:1fr;padding:20px;gap:24px}}.product-detail-container .product-image-section .product-image{width:100%;border-radius:16px;object-fit:cover}.product-detail-container .product-info-section{display:flex;flex-direction:column;gap:24px;padding-top:20px}.product-detail-container .product-info-section .product-name{font-family:Special Gothic Expanded One,sans-serif;font-size:32px;font-weight:400}.product-detail-container .product-info-section .product-price{font-size:28px;font-weight:700;color:#333}.product-detail-container .product-info-section .product-actions{margin-top:16px}.product-detail-container .product-info-section .back-link{background:none;border:none;cursor:pointer;font-size:14px;color:#666;text-align:left;padding:0;margin-top:24px}.product-detail-container .product-info-section .back-link:hover{color:#333;text-decoration:underline}.product-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:80px 20px}.product-not-found h2{font-family:Special Gothic Expanded One,sans-serif;font-size:24px}.sign-in-container{display:flex;flex-direction:column;width:100%;max-width:380px}.sign-in-container h2{font-family:Special Gothic Expanded One,sans-serif;font-size:20px;margin-bottom:8px}.sign-in-container span{color:#666;margin-bottom:24px}.sign-in-container form{display:flex;flex-direction:column;gap:16px}.sign-in-container form .form-group{display:flex;flex-direction:column;gap:4px}.sign-in-container form .form-group label{font-size:14px;font-weight:500}.sign-in-container form .form-group input{padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px}.sign-in-container form .form-group input:focus{outline:none;border-color:#333}.sign-in-container form .error-message{color:#e53935;font-size:14px;margin:0}.sign-in-container form .buttons-container{display:flex;gap:12px;margin-top:8px}.sign-in-container form .buttons-container button{flex:1}.sign-up-container{display:flex;flex-direction:column;width:100%;max-width:380px}.sign-up-container h2{font-family:Special Gothic Expanded One,sans-serif;font-size:20px;margin-bottom:8px}.sign-up-container span{color:#666;margin-bottom:24px}.sign-up-container form{display:flex;flex-direction:column;gap:16px}.sign-up-container form .form-group{display:flex;flex-direction:column;gap:4px}.sign-up-container form .form-group label{font-size:14px;font-weight:500}.sign-up-container form .form-group input{padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px}.sign-up-container form .form-group input:focus{outline:none;border-color:#333}.sign-up-container form .error-message{color:#e53935;font-size:14px;margin:0}.sign-up-container form button{margin-top:8px}.auth-container{display:flex;justify-content:center;gap:80px;padding:40px 20px;max-width:900px;margin:0 auto}@media(max-width:768px){.auth-container{flex-direction:column;gap:48px;align-items:center}}.navigation-container{display:flex;align-items:center;padding:16px}.navigation-container .logo-container{flex:1}.navigation-container .right-navigation-container{display:flex;align-items:center;gap:16px}.navigation-container .right-navigation-container .links-container{display:flex;gap:16px}.navigation-container .right-navigation-container .link{text-decoration:none;color:#000}.navigation-container .right-navigation-container .auth-link{cursor:pointer}.navigation-container .right-navigation-container .auth-link:hover{text-decoration:underline}.navigation-container .right-navigation-container .cart-container{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center}.navigation-container .right-navigation-container .cart-container .cart-count{position:absolute;top:-8px;right:-8px;background-color:#e53935;color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:2px}.cart-preview-container{position:absolute;display:flex;flex-direction:column;gap:16px;top:60px;right:16px;width:15rem;height:20rem;padding:8px 16px;background-color:#fff;box-shadow:0 0 10px #00000040;border-radius:1rem;overflow:scroll}.cart-preview-container .title{text-align:center}.cart-item-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.cart-item-container .image-container{width:50px}.cart-item-container .image-container img{width:100%;height:100%}.cart-item-container .item-details{display:flex;flex-direction:column;gap:8px}.checkout-container{padding:20px;max-width:1200px;margin:0 auto}@media(max-width:768px){.checkout-container{padding:16px}}.checkout-container .checkout-title{font-family:Special Gothic Expanded One,sans-serif;font-size:32px;margin-bottom:32px;text-align:center;text-transform:capitalize}@media(max-width:768px){.checkout-container .checkout-title{font-size:24px;margin-bottom:24px}}.checkout-preview-container{background:#f9f9f9;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014}.checkout-preview-container .header-checkout-preview{display:grid;grid-template-columns:2fr 1fr 1fr .8fr;gap:16px;background:#fff;border-bottom:1px solid #e0e0e0;padding:20px;font-weight:600;font-size:14px;text-transform:uppercase;color:#666;align-items:center}@media(max-width:768px){.checkout-preview-container .header-checkout-preview{grid-template-columns:1.5fr 1fr .8fr;padding:16px;font-size:12px}.checkout-preview-container .header-checkout-preview span:nth-child(2){display:none}}@media(max-width:480px){.checkout-preview-container .header-checkout-preview{grid-template-columns:1fr .6fr;padding:12px}.checkout-preview-container .header-checkout-preview span:nth-child(2),.checkout-preview-container .header-checkout-preview span:nth-child(3){display:none}}.checkout-preview-container .total{display:flex;justify-content:flex-end;align-items:center;background:#fff;border-top:2px solid #e0e0e0;padding:24px 20px;font-size:20px;font-weight:600;color:#333;gap:8px}@media(max-width:768px){.checkout-preview-container .total{padding:20px 16px;font-size:18px}}@media(max-width:480px){.checkout-preview-container .total{padding:16px 12px;font-size:16px}}.body-checkout-item{display:grid;grid-template-columns:2fr 1fr 1fr .8fr;gap:16px;align-items:center;padding:20px;background:#fff;border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.body-checkout-item:hover{background-color:#fafafa}@media(max-width:768px){.body-checkout-item{grid-template-columns:1.5fr 1fr .8fr;padding:16px;gap:12px}.body-checkout-item .price{display:none}}@media(max-width:480px){.body-checkout-item{grid-template-columns:1fr .6fr;padding:12px;gap:8px}.body-checkout-item .price,.body-checkout-item .checkout-item-quantity{display:none}}.body-checkout-item .checkout-item-product{display:flex;align-items:center;gap:12px}.body-checkout-item .checkout-item-product .image{width:60px;height:60px;object-fit:cover;border-radius:4px;flex-shrink:0}@media(max-width:768px){.body-checkout-item .checkout-item-product .image{width:50px;height:50px}}@media(max-width:480px){.body-checkout-item .checkout-item-product .image{width:40px;height:40px}}.body-checkout-item .checkout-item-product .product-name{font-size:14px;color:#333;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.body-checkout-item .checkout-item-product .product-name{font-size:13px}}@media(max-width:480px){.body-checkout-item .checkout-item-product .product-name{font-size:12px}}.body-checkout-item .price{font-weight:600;font-size:14px;color:#333}.body-checkout-item .checkout-item-quantity{display:flex;align-items:center;justify-content:center;gap:8px}.body-checkout-item .checkout-item-quantity svg{width:20px;height:20px;cursor:pointer;color:#666;transition:color .2s ease}.body-checkout-item .checkout-item-quantity svg:hover{color:#000}@media(max-width:768px){.body-checkout-item .checkout-item-quantity svg{width:18px;height:18px}}.body-checkout-item .checkout-item-quantity span{min-width:24px;text-align:center;font-size:14px;font-weight:500}.body-checkout-item .remove-btn{padding:8px 12px!important;font-size:12px;white-space:nowrap}
