body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Arial,sans-serif}.main-content{padding:8px}input,select{border:1px solid #ccc;border-radius:4px;font-size:16px;height:40px;padding-left:8px;padding-right:8px;width:100%}*{box-sizing:border-box}.page-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.page-container>Header{background-color:#fff;left:0;position:fixed;top:0;width:100%;z-index:10}.scrollable-content{flex-grow:1;margin-top:60px;overflow-y:auto}.banner-container{overflow:hidden;position:relative;width:100%}.banner-image{display:block;height:100%;width:100%}.phone-number{color:#fff;font-size:18px;font-weight:700;left:50%;text-align:center}.header{align-items:center;background:red;box-shadow:0 2px 4px #0000001a;display:flex;height:60px;justify-content:space-between;left:0;padding:10px;position:fixed;right:0;top:0}.image-logo{height:auto;width:60px}.search-input{border:1px solid #ccc;border-radius:4px;flex:1 1;margin:0 10px;padding:10px}.cart-icon{align-items:center;display:flex;position:relative;right:4px}.cart-image{height:24px;width:24px}.cart-count{background-color:red;border-radius:50%;color:#fff;font-size:12px;padding:2px 6px;position:absolute;right:-10px;top:-5px}.popup-overlay{display:flex;flex-direction:column;gap:8px;padding:12px;position:relative}.close-icon{color:#f15151e8;cursor:pointer;font-size:16px;font-weight:700;position:absolute;right:16px;top:16px}.close-icon:hover{color:#000}.close-btn,.confirm-btn{cursor:pointer;padding:10px 20px}.close-btn{background-color:#f44336}.close-btn,.confirm-btn{border:none;border-radius:5px;color:#fff}.confirm-btn{background-color:#4caf50}.select-style{display:flex}
/*    !*grid-template-columns: repeat(3, 1fr); !* 3 cột cho desktop *!*!*/.product-options{display:flex;flex-wrap:wrap;gap:10px}.product-options select{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:16px;min-width:200px;padding:8px 12px}.product-buttons{border:none;display:flex;height:35px;margin-top:8px}.product-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:16px}.select-attribute{display:flex;flex-direction:column;gap:8px}.btn-buy{background:#ee4d2d;color:#fff;flex-grow:1;margin-left:6px}.product-buttons .card{font-size:14px;margin-left:4px}.cartImg{height:18px;width:18px}.btn-cart{align-items:center;background:#ee4d2d66;border-radius:4px;display:flex;font-size:12px;padding:10px}h3,h5{margin:0;padding:0}.bangSize{height:100%;margin-top:10px;width:100%}.catalog{display:block;margin-bottom:20px;width:100%}.catalog-title{padding:8px}.product-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.catalog-product-item{background-color:#fff;border:1px solid #ddd;gap:4px;padding:8px}@media (min-width:768px){.product-grid{grid-template-columns:repeat(3,1fr)}}.quantity-selector{align-items:center;display:flex;gap:10px;margin-top:8px}button{cursor:pointer;font-size:14px}button:disabled{cursor:not-allowed;opacity:.5}.product-image-container{display:inline-block;position:relative}.product-image{display:block;max-height:400px;object-fit:contain;width:100%}.discount-badge{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:30px;justify-content:center;position:absolute;right:8px;text-align:center;top:8px;width:30px}.detail-product-container{margin:0 auto;max-width:1200px;padding:16px}.breadcrumb{margin-bottom:20px}.breadcrumb a{color:#000;text-decoration:none}.product-detail{display:flex;gap:40px}.product-images,.thumbnail-images{display:flex;flex-direction:column;gap:10px}.thumbnail-images img{border:1px solid #ccc;height:60px;object-fit:cover;width:60px}.main-image img{height:auto;max-width:400px;object-fit:cover;width:100%}.product-info h1{font-size:2rem;margin-bottom:10px}.price{color:#333;font-size:1.5rem;margin-bottom:10px}.in-stock{color:green;font-weight:700}.quantity-container{align-items:center;display:flex;gap:10px}.quantity-decrease,.quantity-increase{background-color:#f0f0f0;border:1px solid #ccc;cursor:pointer;height:30px;text-align:center;width:30px}.quantity-decrease:hover,.quantity-increase:hover{background-color:#e0e0e0}input[type=number]{border:1px solid #ccc;padding:5px;text-align:center;width:50px}.action-buttons{display:flex;gap:20px}.add-to-cart{background-color:#333}.add-to-cart,.buy-now{border:none;color:#fff;cursor:pointer;padding:10px 20px}.buy-now{background-color:red}.add-to-cart:hover,.buy-now:hover{opacity:.8}.tags{margin-top:10px}.tag{background-color:#edeaea;border-radius:3px;display:inline-block;font-size:14px;margin-right:5px;padding:5px 10px;width:100%}.image-gallery-slide img{height:300px;object-fit:cover;width:100%}.image-gallery-icon{-webkit-appearance:none;appearance:none;background-color:initial;border:0;color:#fff;cursor:pointer;filter:drop-shadow(0 2px 2px #1a1a1a);outline:none;position:absolute;transition:all .3s ease-out;z-index:4}@media(hover:hover)and (pointer:fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:28px;width:28px}@media(max-width:768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media(max-width:480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px}@media(max-width:768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}}@media(max-width:480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-user-select:none;-o-user-select:none;user-select:none}.image-gallery.fullscreen-modal{background:#000;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{line-height:0;position:relative;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{display:inline-block;width:calc(100% - 110px)}@media(max-width:768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;text-align:center;white-space:nowrap}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{object-fit:contain;width:100%}.image-gallery-slide .image-gallery-description{background:#0006;bottom:70px;color:#fff;left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media(max-width:768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{-webkit-appearance:none;appearance:none;background-color:initial;border:1px solid #fff;border-radius:50%;box-shadow:0 2px 2px #1a1a1a;cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media(max-width:768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media(max-width:480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{background:#337ab7;border:1px solid #337ab7;transform:scale(1.2)}.image-gallery-bullets .image-gallery-bullet.active{background:#fff;border:1px solid #fff;transform:scale(1.2)}@media(hover:hover)and (pointer:fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{display:inline-block;vertical-align:top;width:100px}@media(max-width:768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:81px}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{height:100%;left:0;padding:0;position:absolute;top:0;width:100%}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 5px}@media(max-width:768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media(max-width:768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{background:#0000;border:4px solid #0000;display:inline-block;padding:0;transition:border .3s ease-out;width:100px}@media(max-width:768px){.image-gallery-thumbnail{border:3px solid #0000;width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{line-height:0;vertical-align:middle;width:100%}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:4px solid #337ab7;outline:none}@media(max-width:768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media(hover:hover)and (pointer:fine){.image-gallery-thumbnail:hover{border:4px solid #337ab7;outline:none}}@media(hover:hover)and (pointer:fine)and (max-width:768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;text-shadow:0 2px 2px #1a1a1a;top:50%;transform:translateY(-50%);white-space:normal;width:100%}@media(max-width:768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:#0006;color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media(max-width:768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}h4{margin:4px 0;padding:0}.circle-container{flex-wrap:wrap;justify-content:start}.circle-container,.color-item{align-items:center;display:flex;flex-direction:row}.color-item{border:1px solid #a6a6a6;border-radius:20px;box-shadow:0 2px 4px #0000001a;height:30px;justify-content:center;margin:2px 4px 2px 0;padding:2px 8px}.main-checkout{display:flex;flex-direction:column;position:relative}.checkout-container{background-color:#fff;display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:16px}.btn-checkout{background-color:#e65454;border:none;border-radius:5px;color:#fff;cursor:pointer;height:40px;width:50%}.footer-checkout{align-items:center;justify-content:center;padding:8px}.footer-checkout,.product-item{display:flex;flex-direction:column}.product-item{background:#f0f8ff;border:1px solid #ccc;padding:10px}.image-cart{height:60px;margin-right:10px;object-fit:cover;width:60px}.product-info{display:flex;flex-direction:row;position:relative}.btn-clear{background-color:#d3d3d3;border-radius:4px;color:gray;font-size:12px;margin:0;padding:8px;position:absolute;right:0;top:0;z-index:1}.product-details{display:flex;flex-direction:column;margin-top:8px}.product-name{font-size:18px;font-weight:700}.product-color,.product-price,.product-size{font-size:14px;margin:5px 0}
/*# sourceMappingURL=main.aaf5ec6a.css.map*/