@charset "UTF-8";.berfor{width:1px;height:15px;background-color:gray;margin-right:10px}.header-container{width:100%;height:50px;background-color:#f7f7f7;display:flex;flex-direction:column}.infor-header__cotnainer{width:1430px;height:50px;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:space-between}.img-icon{width:25px}.certificate-discount{position:relative;display:inline-block;font-size:20px;color:#1a1a1a;transition:transform .5s ease}.certificate-discount i{font-size:20px}.certificate-discount:hover{transform:rotateY(180deg)}.percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#e6e6e6;font-size:10px;font-weight:700;font-family:Arial,sans-serif}.text-content__size{color:#4e4e4e;font-size:17px;font-weight:600}.header-infor__ringt{display:flex;align-items:center;justify-content:space-between}.content-infor__code{display:flex;align-items:center;gap:10px}.track__Order{margin-right:12px}.track__Order i{transition:transform .5s ease}.track__Order i:hover{transform:rotateY(180deg)}.text-content__font{font-weight:500}.country-header__infor{position:relative;display:inline-block}.dropdown-toggle{display:flex;align-items:center;gap:5px;padding:5px 10px;background:transparent;border:none;border-radius:4px;cursor:pointer}.img-icon{width:20px;height:15px;margin-right:5px}.arrow{font-size:10px}.dropdown-menu{position:absolute;top:160%;left:0;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px #0000001a;list-style:none;padding:0;margin:0;min-width:80px;z-index:1000;display:flex;flex-direction:column;opacity:0;transform:translateY(-10px);visibility:hidden;transition:opacity .3s ease-out,transform .3s ease-out,visibility .3s}.dropdown-menu.show{opacity:1;transform:translateY(0);visibility:visible}.dropdown-menu li{display:flex;align-items:center;padding:6px 15px;cursor:pointer}.dropdown-menu li span:hover{color:#000}.img-icon__item{width:14px;margin-right:10px}.text-content__cou{font-weight:300;font-size:15px}.title-usd{font-size:13px;font-weight:600;color:#4e4e4e}.header-langueas{position:relative;display:inline-block}.menu-langue{position:absolute;top:130%;left:0;background:#fff;border:1px solid #ddd;box-shadow:0 2px 4px #0000;list-style:none;padding:0;width:95px;min-height:50px;border-radius:8px}.menu-langue li{display:flex;align-items:center;padding:6px 10px;cursor:pointer}.container-header__content{width:100%;height:148px;display:flex}.content-header__item{width:100%;height:100%;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:space-between}.ctn-Header__content{display:flex;align-items:center;list-style-type:none;padding:0;transform:translate(-55px)}.ctn-Header__content li{width:50px;position:relative;margin-bottom:15px}.price-load{position:absolute;top:-5px;right:15px;display:block;display:flex;align-items:center;justify-content:center;color:#fff;width:20px;height:20px;font-size:13px;border-radius:50px;background-color:#f3283d}.berfor{width:1px;height:25px;background-color:gray;margin-right:10px}.Srch-container{max-width:585px;width:100%;height:48px;border:1px solid #e5e5e5;border-radius:50px;display:flex;align-items:center;margin-right:200px}.input-Srch{max-width:300px;width:600px;height:100%;border:none;outline:none;background:transparent;margin-left:10px;font-size:15px}.Srch-content__item{position:relative;display:inline-block}.Srch-content__btn{background-color:transparent;border:none;outline:none;display:flex;align-items:center;gap:10px;font-size:15px;color:#939393}.dropdown-menus{position:absolute;top:180%;left:0;background:#fff;border:1px solid #ddd;border-radius:20px;box-shadow:0 2px 4px #0000;list-style:none;padding:0;margin:0;min-width:130px;z-index:1000;display:flex;flex-direction:column}.dropdown-menus li{font-size:15px;color:#939393;padding:4px 20px}.btn-Search{width:138px;height:100%;border-radius:50px;border:none;background-color:#f3283d;display:flex;align-items:center;color:#fff;margin-left:120px;justify-content:center;gap:10px;position:relative;overflow:hidden;transition:color .3s ease}.btn-Search__text{font-size:16px;font-weight:400;position:relative;z-index:2}.btn-Search:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fed700;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:0}.btn-Search:hover:before{transform:scaleX(1)}.btn-Search:after{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(to right,rgba(255,255,255,.4),transparent);transform:translate(-100%);transition:transform .3s ease .1s,opacity .1s ease .4s;opacity:1;z-index:1}.btn-Search:hover:after{transform:translate(100%);opacity:0}.newtitle{font-weight:600;color:#000;font-size:17px}.menubar-container{width:100%;height:70px;background:#fed700;display:flex;justify-content:center}.menubar-container__item{width:1430px;height:100%;display:flex}.content-menubar{height:100%;display:flex;align-items:center;gap:17px;margin-left:auto;margin-right:auto}.link-btn{min-width:82px;max-width:181px;height:40px;display:flex;align-items:center;justify-content:center;color:#000;font-weight:500;text-decoration:none;border-radius:20px;position:relative;overflow:hidden;background:transparent;transition:color .3s ease-in-out}.link-btn span{position:relative;z-index:2;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;padding:10px}.link-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#f3283d;transition:X .2s ease-in-out;z-index:1}.link-btn:after{content:"";position:absolute;top:0;left:-150%;width:50%;height:100%;background:#ffffff4d;transform:skew(-30deg);transition:left .5s ease-in-out;z-index:1}.link-btn:hover{color:#fff}.link-btn:hover:before{left:0}.link-btn:hover:after{left:120%}.footer-container{width:100%;min-height:100px;display:flex;flex-direction:column;background-color:#f7f7f7}.footer-header{width:100%;height:80px;background:#f3283d;display:flex;align-items:center;justify-content:center}.footer-header__item{display:flex;align-items:center;color:#fff}.font-sizec__icon,.font-sizec__icon i{font-size:35px}.font-sizec__icon span{font-size:20px}.stl-btn{background-color:#fff;width:111px;height:40px;position:relative}.stl-btn span{color:#000;position:relative;font-size:15px;font-weight:600;z-index:2;transition:color .3s ease}.stl-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:0}.stl-btn:hover:before{transform:scaleX(1)}.stl-btn:hover span{color:#fff}.footer-content{width:100%;height:261px;margin-left:auto;margin-right:auto;display:flex;align-items:center;margin-bottom:10px}.infor-footer{width:70%;height:100%;display:flex;align-items:center;justify-content:center;border-right:1px solid #e5e5e5;position:relative;margin-left:27px}.infor-footer__item{width:100%;height:309px;display:flex;align-items:center;gap:20px;position:relative}.infor-footer__item{opacity:0;visibility:hidden;position:absolute;transition:opacity .5s ease-in-out,visibility .5s}.infor-footer__item.active{opacity:1;visibility:visible;position:relative}.infor-user__ftr{display:flex;align-items:center;gap:10px}.infor-user__ftr h5{font-size:21px;font-weight:500}.infor-user__ftr img{width:100px;border-radius:50px}.infor-user__ftr span{font-weight:300;font-size:17px;font-style:italic;color:#666}.user-ftr__text{display:flex;flex-direction:column;gap:10px}.user-mess{width:628px;height:147px;color:#666;box-shadow:0 0 4px 1px #0000000d;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative}.user-mess p{margin-left:10px;margin-right:10px;line-height:20px}.affer-footer{width:90px;height:100%}.icon-messs{position:absolute;top:-19px;left:20px}.icon-messs i{color:#f3283d;font-size:34px}.user-mess:before{content:"";position:absolute;left:-24px;top:50%;transform:translateY(-50%);border-width:15px;border-style:solid;border-color:transparent #ffffff transparent transparent}.style-slide{position:absolute;right:0;top:25%}.slide-indicators{display:flex;justify-content:center;flex-direction:column;margin-top:10px;gap:8px;margin-right:35px}.dot{width:10px;height:10px;background-color:#ccc;border-radius:50%;transition:all .5s ease}.dot.active{width:10px;height:20px;background-color:#f3283d;border-radius:5px}.email-footer{width:100%;display:flex;justify-content:center;padding:10px 0}.email-footer__item{max-width:1000px;width:100%;height:auto;min-height:unset;display:flex;justify-content:center;padding:0;margin:0}.footer-content{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-sizing:border-box;margin-bottom:10px}.email-footer__row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;width:100%;padding:0;margin:0}.email-footer__title{display:flex;align-items:center;gap:15px}.email-footer__title i{font-size:30px;margin-top:5px}.email-footer__title h1{font-weight:500;margin:0;line-height:1.2}.email-footer__title p{font-size:14px;color:#666;margin:0;line-height:1.2}.newstitle{font-weight:600;color:#666;font-size:14px;text-align:center;margin-bottom:8px}.newsContent{margin-left:20px;display:flex;height:45px;border-radius:10px;background-color:#fff;position:relative}.newsContent input{width:250px;border:none;padding:0 10px;outline:none;height:35px}.btn-email{position:absolute;right:0;width:10%;height:100%;border-top-right-radius:10px;border-bottom-right-radius:10px;border:none;background-color:#000;overflow:hidden;transition:color .3s ease}.btn-email i{color:#fff;position:relative;z-index:2}.btn-email:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fed700;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:0}.btn-email:hover:before{transform:scaleX(1)}.btn-email:after{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(to right,rgba(255,255,255,.4),transparent);transform:translate(-100%);transition:transform .3s ease .1s,opacity .1s ease .4s;opacity:1;z-index:1}.btn-email:hover:after{transform:translate(100%);opacity:0}.footer-wrap{width:100%;height:300px;display:flex;flex-direction:column;background:#fff;border-top:1px solid #e5e5e5}.footer-wrap__item{width:1430px;height:44%;margin-left:auto;margin-right:auto;display:flex;gap:10px;flex-wrap:wrap;margin-top:31px}.footer-wraper__logo{width:330px;height:222px;display:flex}.footer-widht__item{width:238px;height:218px}.footer-text__title{display:flex;flex-direction:column;gap:10px}.footer-text__title span{color:#666;display:block;line-height:20px}.content-foter__logo{display:flex;flex-direction:column;align-items:center}.content-foter__logo .content-foter__logo__item{width:44%}.footer-text__img{display:flex;align-items:center;gap:20px}.footer-text__img img{transition:transform .5s ease}.footer-text__img img:hover{transform:rotateY(180deg)}.footer-widht__item h2{font-weight:500;margin-bottom:20px}.footer-widht__item ul{padding:0;list-style-type:none;display:flex;flex-direction:column;gap:10px}.footer-widht__item a{text-decoration:none;color:#666;font-size:16px;font-weight:100}.footer-widht__item a:hover{color:#000}.img-footer img:hover{box-shadow:0 0 4px 1px #0000001a}.infor-email{display:flex;flex-direction:column;gap:20px}.infor-email h2{font-weight:500;margin-bottom:20px}.infor-email a{text-decoration:none;color:#666;font-size:18px;font-weight:100}.infor-email span{color:#666}.infor-email i{margin-right:10px}.email-infor__item{display:flex;align-items:center;gap:10px}.email-infor__item .icon{display:flex;align-items:center;justify-content:center;height:100%}.email-infor_item .material-icons{font-size:20px;vertical-align:middle}.email-infor_item .text{line-height:1.5}.footer-phone{color:#f3283d;font-size:20px}.link-footer{display:flex;align-items:center;gap:5px;color:#666}.link-footer a{text-decoration:none;color:#666}.link-footer a:hover{color:#000}*{margin:0}.layout-container{width:100%}.layout-container{display:flex;flex-direction:column;min-height:100vh}.content{flex:1}a{text-decoration:none;color:#000}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.container-header__contents{width:100%;height:148px;display:flex;position:fixed;top:0;z-index:1000;background-color:#fff;transform:translateY(-100%);animation:slideDown .5s ease-in-out forwards}.content-header__item{width:1430px;height:100%;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:space-between}.ctn-Header__content{display:flex;align-items:center;list-style-type:none;padding:0}.ctn-Header__content li{width:50px;position:relative;margin-top:30px}.ctn-Header__content li i{transition:transform .5s ease}.ctn-Header__content li i:hover{transform:rotateY(180deg);color:#f3283d}.price-load{position:absolute;top:-10px;right:15px;display:block;display:flex;align-items:center;justify-content:center;color:#fff;width:20px;height:20px;font-size:13px;border-radius:50px;background-color:#f3283d}.chatbot-wrapper{position:fixed;bottom:20px;right:20px;z-index:999}.chatbot-wrapper .chatbot-toggle{background-color:#fed700;color:#000;padding:10px 16px;border:none;border-radius:20px;cursor:pointer;box-shadow:0 4px 6px #0000001a}.chatbot-wrapper .chatbot-toggle:hover{background-color:#f22}.chatbot-wrapper .link-btn span{position:relative;z-index:2;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:300;padding:10px}.chatbot-wrapper .link-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#f3283d;transition:X .2s ease-in-out;z-index:1}.chatbot-wrapper .link-btn:after{content:"";position:absolute;top:0;left:-150%;width:50%;height:100%;background:#ffffff4d;transform:skew(-30deg);transition:left .5s ease-in-out;z-index:1}.chatbot-wrapper .link-btn:hover{color:#fff}.chatbot-wrapper .link-btn:hover:before{left:0}.chatbot-wrapper .link-btn:hover:after{left:120%}.chatbot-wrapper .chatbot-popup{width:300px;height:400px;background-color:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 10px 15px #0003;display:flex;flex-direction:column;overflow:hidden}.chatbot-wrapper .chatbot-popup .chatbot-header{background-color:#cdc7c7;color:#000;padding:10px;font-weight:700;font-size:16px}.chatbot-wrapper .chatbot-popup .chatbot-messages{flex:1;padding:10px;overflow-y:auto;background:#f5f5f5}.chatbot-wrapper .chatbot-popup .chatbot-messages .message{margin-bottom:8px;padding:8px 12px;border-radius:10px;max-width:80%}.chatbot-wrapper .chatbot-popup .chatbot-messages .message.user{background-color:#cad0cd;align-self:flex-end;margin-left:auto}.chatbot-wrapper .chatbot-popup .chatbot-messages .message.assistant{background-color:#e2e3e5;align-self:flex-start;margin-right:auto}.chatbot-wrapper .chatbot-popup .chatbot-input{display:flex;border-top:1px solid #ddd}.chatbot-wrapper .chatbot-popup .chatbot-input input{flex:1;border:none;padding:10px;outline:none}.chatbot-wrapper .chatbot-popup .chatbot-input button{border:none;padding:10px 16px;background-color:#cdc7c7;color:#fff;cursor:pointer}.chatbot-wrapper .chatbot-popup .chatbot-input button:hover{background-color:#ff1b1bf3}.home-container{width:100%;min-height:500px;display:flex;flex-direction:column;margin-bottom:10px}.home-container__item{width:1430px;margin-left:auto;margin-right:auto;margin-top:20px}.slide-container{width:100%;height:464px;position:relative;overflow:hidden}.slide-wrapper{display:flex;width:100%;height:100%;transition:transform .5s ease}.slide{background-size:cover;background-position:center;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:100%;flex-shrink:0;border-radius:10px;position:relative}.slide.active .slide-content__left{animation:slideRight 1s ease forwards}.slide.active .slide-content__right{animation:slideLeft 1s ease forwards}.slide-content__left{display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;margin-left:190px}.slide-content__left h1{font-size:48px}.slide-content__right{display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;margin-right:190px}.slide-content__right h1{font-size:48px}@keyframes slideRight{0%{opacity:0;transform:translate(700px)}to{opacity:1;transform:translate(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(-700px)}to{opacity:1;transform:translate(0)}}.btn-home__slie{height:40px;margin-left:0}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fed700;color:#000;border:none;width:40px;height:70px;cursor:pointer;opacity:0;transition:opacity .3s ease;font-size:24px}.prev-btn{left:0;border-top-right-radius:10px;border-bottom-right-radius:10px}.next-btn{right:0;border-top-left-radius:10px;border-bottom-left-radius:10px}.slide-container:hover .nav-btn{opacity:1}.content-img__slide{width:788px;height:100px;background-color:#fff;position:absolute;bottom:-6px;left:25%;border-radius:7px}.container-slide{width:100%;height:100%;display:flex}.btn-slide{width:25%;height:100%;display:flex;position:relative;z-index:10}.btn-slide img{position:absolute;top:-64px;width:194px;z-index:1;animation:SlideYImgDown .5s forwards}.btn-slide:hover img{animation:SlideYImgUp .5s forwards}@keyframes SlideYImgUp{0%{opacity:0;transform:translateY(64px)}to{opacity:1;transform:translateY(0)}}@keyframes SlideYImgDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(64px)}}.btn-slide__text{width:100%;height:100%;border-right:1px solid #e5e5e5;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;z-index:10}.btn-slide__text p{font-weight:600;font-size:17px}.btn-slide__text span{color:#888;font-style:italic;font-size:15px}.cam-container{width:100%;display:flex;align-items:center;flex-direction:column;margin-bottom:20px}.cam-img{width:50%;height:292px;position:relative;background-color:#000;overflow:hidden;border-radius:7px;transition:color .3s ease}.cam-img img{width:100%;height:100%;border-radius:10px;transition:transform .1s ease;z-index:2}.cam-img img:hover{transform:scale(1.1);z-index:2}.cam-img:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(255,255,255,.1),transparent);transition:transform .5s ease,opacity .5s ease;opacity:0;z-index:0}.cam-img:hover:after{transform:translateY(100%);opacity:1}.cam-img .cam-infor{position:absolute;top:35%;left:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.cam-img .cam-infor p{color:#fff;font-size:23px}.cam-img .cam-infor h1{color:#fff}.a-btn__cam{min-width:120px;max-width:142px;overflow:hidden;height:42px;background-color:#f3283d;border-radius:25px;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;transition:width .3s ease,background-color .3s ease,transform .3s ease;z-index:1}.a-btn__cam p,.a-btn__cam i,.a-btn__cam span{color:#fff;font-weight:400;position:relative}.a-btn__cam span{font-weight:600;margin-left:10px}.cam-img:hover .a-btn__cam{transform:translate(5%);width:140px;height:46px;border-radius:25px}.cam-img:hover .a-btn__cam .tick{opacity:1;background-color:#fed700}.cam-img:hover .a-btn__cam .tick i{color:#fff;font-size:10px}.a-btn__cam:hover{background-color:#fed700;animation:fadeIn .3s ease-in-out forwards;z-index:3}.a-btn__cam:hover .tick{background-color:#f3283d;opacity:1}.tick{width:15px;height:15px;border-radius:50px;display:flex;align-items:center;justify-content:center;background-color:#f3283d;transform:translate(-3px);opacity:0;transition:opacity .3s ease}.tick i{font-size:13px;color:#fff}.tile-content h1{margin-bottom:14px}.specials-container{width:100%;min-height:421px;display:flex;flex-direction:column;align-items:center}.specials-container__item{width:1430px;min-height:443px;display:flex;gap:10px;transition:all .3s ease}.specials-product{width:705px;height:440px;border:1px solid #e5e5e5;border-radius:10px;display:flex;transform-origin:center right;animation:growAnimation .5s ease-out forwards}.specials-product__img{margin-top:auto;margin-bottom:auto;width:300px;height:90%;display:flex;flex-direction:column;position:relative;overflow:hidden;border-right:1px solid #e5e5e5}.product-sale p{font-size:18px;margin-left:10px}.product-sale .percent-product{width:50px;height:50px;border-radius:50px;background-color:#f3283d;color:#fff;display:flex;align-items:center;justify-content:center;margin-right:10px}.specials-product__infor{margin-top:20px;margin-left:20px;width:450px;min-height:100px;display:flex;flex-direction:column;gap:10px}.specials-product__infor h3{line-height:39px;font-weight:500;color:#777;border-bottom:1px solid #e5e5e5}.specials-product__infor.orlor-span{color:#777}.specials-product__price{display:flex;gap:7px}.specials-product__price p{color:#f3283d;font-size:19px}.specials-product:hover .specials-product__infor h3{color:#000}.specials-product:hover .specials-product__img .product-sale{animation:SlideY .5s forwards}.specials-product:hover .specials-product__infor .btn-cards .tranfer-start{animation:SlideXz .5s ease forwards;transition:opacity .5s ease-in-out}.specials-container .no-products{text-align:center;padding:40px 20px;color:#777}.specials-container .btn-produc__slide button.disabled{opacity:.5;cursor:not-allowed}.specials-container .special-note{margin:8px 0;padding:4px 8px;background-color:#fff5f5;border-radius:4px;border-left:3px solid #e74c3c}.specials-container .current-price{font-weight:700;color:#e74c3c;font-size:1.1em}.specials-container .contact-price{font-style:italic;color:#666}.specials-container .pagination-indicators{display:flex;justify-content:center;gap:8px;margin-top:20px}.specials-container .pagination-indicators .indicator{width:10px;height:10px;border-radius:50%;border:none;background-color:#ddd;cursor:pointer;transition:background-color .3s}.specials-container .pagination-indicators .indicator.active{background-color:#e74c3c}.specials-container .pagination-indicators .indicator:hover{background-color:#bbb}.Card-Modal{z-index:9999;position:fixed;top:0;right:0;left:0;bottom:0;background:#2d2d32cc;display:flex;border-radius:7px;animation:fadeIn .3s ease-in-out forwards}.modal-container{width:590px;height:363px;background-color:#fff;margin:auto;display:flex;flex-direction:column;border-radius:7px;animation:fadeIn .3s ease-in-out forwards}.modal-header{width:100%;height:38px;background-color:#4cbb6c;display:flex;align-items:center;color:#fff;border-top-left-radius:7px;border-top-right-radius:7px}.modal-header p{font-size:18px}.modal-header button{margin-left:auto;background-color:transparent;border:none;color:#fff;margin-right:10px;transition:transform .8s ease;transform-origin:center}.modal-header button i{font-size:20px}.modal-header button:hover{transform:rotate(360deg)}@keyframes fadeIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes fadeOut{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.modal-content{width:90%;height:100%;margin:40px auto auto;display:flex}.content-img{width:204px;height:244px;border:1px solid #e5e5e5;border-radius:10px}.content-img img{width:100%;height:98%}.content-text__modal{display:flex;flex-direction:column;margin-left:20px}.content-text__modal span{color:#4cbb6c}.content-text__modal p{font-size:20px;margin-bottom:7px;margin-top:5px}.content-price__modal span{text-decoration:line-through;text-decoration-thickness:1px}.content-price__modal p{color:#black}.pro-card{display:flex;align-items:center;gap:5px;margin-top:10px}.a-btn{min-width:129px;height:37px;background-color:#fed700;border-radius:50px;color:#000;text-decoration:none;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:color .3s ease}.a-btn span,.a-btn i{color:#000;font-weight:400;position:relative;z-index:2}.a-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f3283d;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:0}.a-btn:hover:before{transform:scaleX(1)}.a-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(255,255,255,.4),transparent);transform:translate(-100%);transition:transform .3s ease .1s,opacity .1s ease .4s;opacity:1;z-index:1}.a-btn:hover:after{transform:translate(100%);opacity:0}.a-btn span:hover,.a-btn i:hover{color:#fff}.content-price__modal{display:flex;align-items:center;gap:10px}.content-price__modal span{color:#777}.product-defaul{width:40%;background-color:#fff}.img-defaul__infor{position:absolute;top:60%;left:107px;display:flex;flex-direction:column;align-items:center;gap:10px}.img-defaul__infor.img-defaul__infor p{color:#fff;font-size:23px}.img-defaul__infor.img-defaul__infor h1{color:#fff}.img-defaul__infors{position:absolute;top:27px;left:103px;display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff}.img-defaul__infors.img-defaul__infor p{color:#fff;font-size:23px}.img-defaul__infors.img-defaul__infor h1{color:#fff}.Best-item{width:1430px;min-height:100px;margin-left:auto;margin-right:auto;display:flex;gap:10px;transition:transform .5s ease-in-out;flex-wrap:wrap;max-height:330px;overflow:hidden}.best-content{width:337px;height:154px;border-radius:7px;border:1px solid #e5e5e5;display:flex}.best-content:hover{box-shadow:0 10px 10px #0000004d}.best-img{width:132px;height:134px;border-right:1px solid #e5e5e5;position:relative;overflow:hidden}.best-img img{width:112px;height:134px}.best-infor{display:flex;flex-direction:column;gap:10px;margin-top:10px;margin-left:10px}.best-infor span{color:#444;font-size:18px}.best-price{display:flex;gap:10px}.best-price p{font-size:18px;color:#f3283d}.best-price span{font-size:14px;text-decoration:line-through}.sale-text{position:absolute;left:0;top:10px;animation:SlideBacks .5s ease forwards}.best-content:hover .best-img .sale-text{animation:SlideX .5s ease forwards}@keyframes SlideX{0%{opacity:0;transform:translate(-70px)}to{opacity:1;transform:translate(0)}}.sale-number{width:41px;height:22px;border-radius:10px;background-color:#f3283d;display:flex;align-items:center;justify-content:center;color:#fff;position:absolute;right:0;top:40px;animation:SlideBacksSale .5s ease forwards}.best-content:hover .best-img .sale-number{animation:SlideXSale .5s ease forwards}@keyframes SlideXSale{0%{opacity:0;transform:translate(42px)}to{opacity:1;transform:translate(0)}}@keyframes SlideBacks{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-70px)}}@keyframes SlideBacksSale{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(42px)}}.tranfer-btn2{opacity:0;animation:SlideBacksBtn .5s ease forwards}.best-content:hover .best-infor .tranfer-btn2{animation:SlideXbtn .5s ease forwards}@keyframes SlideXbtn{0%{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:translate(0)}}@keyframes SlideBacksBtn{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-60px)}}.best-content:hover .best-img .image-container .default-image{opacity:1}.best-content:hover .best-img .image-container .hover-image{opacity:0}.infor-deflau__banner{position:absolute;top:10%;left:25%;display:flex;flex-direction:column;gap:10px}.dafelau-img:hover{background-color:#000;animation:fadeIn .3s ease-in-out forwards;z-index:3}.dafelau-img:hover .tick{background-color:#f3283d;opacity:1}.trending2{color:#444;font-size:17px;height:76px}.header-slider__link{display:flex;justify-content:center;color:#000;text-decoration:none;font-weight:500;position:relative;padding-bottom:5px;transition:color .3s ease;width:130px}.header-slider__link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:#fed700;transform:translate(-50%);transition:width .3s ease}.header-slider__link.activeTv:after{width:100%}.cam-container{width:100%;display:flex;justify-content:center;margin-top:50px;margin-bottom:20px}.cam-container__item{width:1430px;display:flex;align-items:center;gap:10px}.cam-imgs{width:100%;min-height:200px;position:relative;overflow:hidden;border-radius:10px;transition:color .3s ease}.cam-imgs img{width:100%;height:100%;border-radius:inherit;transition:transform .3s ease,filter .3s ease}.cam-imgs:hover img{filter:brightness(.6)}.cam-imgs:hover .cam-infor p,.cam-imgs:hover .cam-infor h1{opacity:1;transform:translateY(0)}.cam-infors{position:absolute;top:30%;left:45%;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #fff;opacity:0;transform:scale(1.2);transition:transform .3s ease,opacity .3s ease}.cam-infors i{color:#fff;font-size:18px}.cam-imgs:hover .cam-infors{opacity:1;transform:scale(1)}@keyframes shrinkAnimation{0%{transform:scale(1.2)}to{transform:scale(1)}}.new-creat{position:relative}.creact{width:153px;height:38px;background-color:#fff;position:absolute;bottom:92px;left:25%;display:flex;align-items:center;justify-content:center;gap:10px;border-top-left-radius:8px;border-top-right-radius:8px;color:#777}.last-blog__text{width:100%;display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:19px}.last-blog__text h4{color:#333}.last-blog__text span{color:#777}.last-blog__text p{color:red}.laptop-showcase-container{width:100%;min-height:421px;display:flex;flex-direction:column;align-items:center}.tile-content{width:1430px;height:50px;display:flex;justify-content:space-between;border-bottom:1px solid #e5e5e5;margin-bottom:10px}.tile-content .laptop-tabs{display:flex;align-items:center;gap:0;position:relative}.tile-content .laptop-tabs .laptop-tab{padding:12px 30px;font-weight:600;font-size:14px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;position:relative;background-color:#f5f5f5;color:#666}.tile-content .laptop-tabs .laptop-tab.promotion-tab{background-color:gold;color:#333;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 100%,0 100%);z-index:3}.tile-content .laptop-tabs .laptop-tab.bestseller-tab{background-color:#2c5aa0;color:#fff;clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 100%,0 100%);margin-left:-10px;z-index:2}.tile-content .laptop-tabs .laptop-tab.new-products-tab{background-color:#f5f5f5;color:#666;clip-path:polygon(20px 0,100% 0,100% 100%,0 100%);margin-left:-10px;z-index:1}.tile-content .laptop-tabs .laptop-tab:hover{transform:translateY(-2px)}.tile-content .laptop-tabs .view-all-link{margin-left:20px;color:#2c5aa0;font-weight:500;cursor:pointer}.tile-content .laptop-tabs .view-all-link:hover{text-decoration:underline}.laptop-showcase-container__item{width:1430px;min-height:443px;display:flex;gap:10px;transition:all .3s ease}.laptop-product{width:705px;height:auto;min-height:500px;border:1px solid #e5e5e5;border-radius:10px;display:flex;transform-origin:center right;animation:growAnimation .5s ease-out forwards}.laptop-product__img{margin-top:auto;margin-bottom:auto;width:300px;height:90%;display:flex;flex-direction:column;position:relative;overflow:hidden;border-right:1px solid #e5e5e5}.product-sale{display:flex;align-items:center;justify-content:space-between;width:100%;position:absolute;top:20px;animation:SlideBack .5s forwards}.product-sale p{font-size:18px;margin-left:10px;background:#f3283de6;color:#fff;padding:4px 8px;border-radius:4px}.product-sale .percent-product{width:50px;height:50px;border-radius:50px;background-color:#f3283d;color:#fff;display:flex;align-items:center;justify-content:center;margin-right:10px;font-weight:700}.new-badge{position:absolute;top:80px;right:10px;background:#2c5aa0;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;z-index:2}.img-product__item{width:300px;height:300px;border-right:1px solid #e5e5e5;margin-top:5px;margin-bottom:5px}.transfer-img{display:flex;align-items:center;gap:10px;margin-left:auto;margin-right:auto}.transfer-img button{width:22px;height:22px;border-radius:50px;background-color:transparent;border:1px solid #e5e5e5;display:flex;align-items:center;justify-content:center}.transfer-img button i{font-size:18px;display:flex;align-items:center;justify-content:center}.transfer-img button:hover{background-color:#f3283d}.transfer-img button:hover i{color:#fff}.transfer-img .div-img{width:72px;height:83px;border-radius:7px;border:1px solid #e5e5e5}.transfer-img img{width:69px;height:79px}.laptop-product__infor{margin-top:20px;margin-left:20px;width:450px;min-height:100px;display:flex;flex-direction:column;gap:10px}.laptop-product__infor h3{line-height:39px;font-weight:500;color:#777;border-bottom:1px solid #e5e5e5}.laptop-product__infor .corlor-span{color:#777}.laptop-specs{display:flex;flex-direction:column;gap:8px;margin:10px 0}.laptop-specs .spec-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#f8f9fa;border-radius:4px;font-size:13px}.laptop-specs .spec-item .spec-label{color:#666;font-weight:500}.laptop-specs .spec-item .spec-value{color:#333;font-weight:600}.laptop-rating{display:flex;align-items:center;gap:5px;margin:10px 0}.laptop-rating .star{color:#ddd;font-size:16px}.laptop-rating .star.filled{color:#ffc107}.laptop-rating .review-count{font-size:14px;color:#666;margin-left:5px}.laptop-product__price{display:flex;gap:7px}.laptop-product__price p{color:#000;font-size:19px;font-weight:700}.laptop-product__price span{text-decoration:line-through;color:#999}.stock-status{display:flex;align-items:center;gap:5px;color:#27ae60;font-size:14px;font-weight:500;margin-top:10px}.stock-status .stock-icon{width:8px;height:8px;background:#27ae60;border-radius:50%}.pauths{width:90%;height:10px;border-radius:50px;background-color:#e5e5e5}.btn-cards{display:flex;align-items:center;width:90%;height:50px;border-top:1px solid #e5e5e5}.card span{font-size:14px;font-weight:400;position:relative;z-index:2;display:flex;align-items:center;padding:5px}.card:after{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(to right,rgba(255,255,255,.4),transparent);transform:translate(-100%);transition:transform .3s ease .1s,opacity .1s ease .4s;opacity:1;z-index:1}.laptop-product:hover .laptop-product__infor h3{color:#000}.laptop-product:hover .laptop-product__img .product-sale{animation:SlideY .5s forwards}.tranfer-start{animation:SlideBacks .5s ease forwards;transition:opacity .5s ease-out}.laptop-product:hover .laptop-product__infor .btn-cards .tranfer-start{animation:SlideXz .5s ease forwards;transition:opacity .5s ease-in-out}@keyframes SlideY{0%{opacity:0;transform:translateY(-71px)}to{opacity:1;transform:translateY(0)}}@keyframes SlideBack{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-120px)}}@keyframes SlideXz{0%{opacity:0;transform:translate(-120px)}to{opacity:1;transform:translate(0)}}@keyframes SlideBacks{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-120px)}}@media (max-width: 1450px){.tile-content,.laptop-showcase-container__item{width:95%}}@media (max-width: 768px){.laptop-showcase-container__item{flex-direction:column}.laptop-product{width:100%}.tile-content .laptop-tabs{flex-direction:column;gap:10px}.tile-content .laptop-tabs .laptop-tab{clip-path:none!important;margin-left:0!important;width:100%;text-align:center}}.sale-product-container .no-products{text-align:center;padding:40px 20px;color:#777}.sale-product-container .btn-produc__slide button.disabled{opacity:.5;cursor:not-allowed}.sale-product-container .new-badge{position:absolute;top:10px;left:10px;background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;z-index:10}.sale-product-container .special-note{margin:8px 0;padding:4px 8px;background-color:#fff5f5;border-radius:4px;border-left:3px solid #e74c3c}.sale-product-container .product-rating{margin:8px 0;display:flex;align-items:center;gap:8px}.sale-product-container .product-rating .star{color:#ddd;font-size:14px}.sale-product-container .product-rating .star.filled{color:#ffc107}.sale-product-container .product-rating .review-count{font-size:12px;color:#666}.sale-product-container .sale-product__price .current-price{font-weight:700;color:#000;font-size:1.2em;margin:0}.sale-product-container .sale-product__price .original-price{text-decoration:line-through;margin-left:8px;color:#999!important;font-size:.9em}.sale-product-container .sale-product__price .contact-price{font-style:italic;color:#666;margin:0}.sale-product-container .stock-status{margin-top:8px;font-size:12px;display:flex;align-items:center;gap:4px}.sale-product-container .stock-status .stock-icon{width:8px;height:8px;border-radius:50%;display:inline-block}.sale-product-container .stock-status.in-stock{color:#4caf50}.sale-product-container .stock-status.in-stock .stock-icon{background-color:#4caf50}.sale-product-container .stock-status.out-of-stock{color:#f44336}.sale-product-container .stock-status.out-of-stock .stock-icon{background-color:#f44336}.sale-product-container .pagination-indicators{display:flex;justify-content:center;gap:8px;margin-top:20px}.sale-product-container .pagination-indicators .indicator{width:10px;height:10px;border-radius:50%;border:none;background-color:#ddd;cursor:pointer;transition:background-color .3s}.sale-product-container .pagination-indicators .indicator.active{background-color:#e74c3c}.sale-product-container .pagination-indicators .indicator:hover{background-color:#bbb}.Detail-header{width:100%;height:67px;background:#f7f7f7;display:flex;align-items:center;justify-content:space-between}.Detail-header h3{margin-left:20px;font-size:23px;font-weight:500}.Detail-header h5{margin-right:20px;font-weight:400}.cart-empty{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.cart-empty__container{text-align:center;max-width:500px;width:100%}.cart-empty__icon{position:relative;display:inline-block;margin-bottom:2rem}.cart-empty__icon .material-icons{font-size:5rem;color:#ddd;transition:all .3s ease}.cart-empty__icon .empty-badge{position:absolute;top:-10px;right:-10px;background:#e74c3c;color:#fff;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700}.cart-empty__title{color:#333;margin-bottom:1rem;font-size:2rem;font-weight:600}.cart-empty__subtitle{color:#666;margin-bottom:2rem;font-size:1.1rem;line-height:1.5}.cart-empty__actions{display:center;gap:1rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap}.cart-empty__actions .btn-continue-shopping,.cart-empty__actions .btn-view-deals{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease}.cart-empty__actions .btn-continue-shopping .material-icons,.cart-empty__actions .btn-view-deals .material-icons{font-size:1.2rem}.cart-empty__actions .btn-continue-shopping{background:#3498db;color:#fff}.cart-empty__actions .btn-continue-shopping:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.cart-empty__actions .btn-view-deals{background:#e74c3c;color:#fff}.cart-empty__actions .btn-view-deals:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.cart-empty__suggestions h3{color:#333;margin-bottom:1rem;font-size:1.2rem}.cart-empty__suggestions .suggestion-items{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.cart-empty__suggestions .suggestion-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:2px dashed #ddd;border-radius:8px;cursor:pointer;transition:all .3s ease;min-width:80px}.cart-empty__suggestions .suggestion-item:hover{border-color:#3498db;background:#f8f9fa}.cart-empty__suggestions .suggestion-item:hover .material-icons{color:#3498db}.cart-empty__suggestions .suggestion-item .material-icons{font-size:2rem;color:#999;transition:color .3s ease}.cart-empty__suggestions .suggestion-item span{font-size:.9rem;color:#666}@media (max-width: 768px){.cart-empty__actions{flex-direction:column;align-items:center}.cart-empty__actions .btn-continue-shopping,.cart-empty__actions .btn-view-deals{width:100%;max-width:250px;justify-content:center}.cart-empty__suggestions .suggestion-items{gap:.5rem}.cart-empty__suggestions .suggestion-items .suggestion-item{min-width:70px;padding:.8rem}}.Detail-container{width:100%;min-height:300px;display:flex}.Detail-container__item{width:100%;height:100%;margin-left:auto;margin-right:auto;display:flex;align-items:center;gap:15px}.cart-container{width:70%;margin:20px auto;font-family:Arial,sans-serif;border:1px solid #e5e5e5}.cart-container .cart-header,.cart-container .cart-item{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #e5e5e5}.cart-container .cart-header div{flex:1;text-align:center}.cart-container .cart-item{align-items:center;height:93px}.cart-container .cart-item div{flex:1;text-align:center;position:relative;height:100%;display:flex;align-items:center;justify-content:center}.cart-container .cart-item div:not(:last-child):after{content:"";position:absolute;right:0;top:0;height:100%;width:1px;background-color:#e5e5e5}.cart-container .product-image img{width:80px;height:auto}.cart-container .product-name p{color:#444;font-size:13px;font-weight:100}.cart-container .remove-btn{cursor:pointer;font-size:18px}.cart-container .quantity-btn{display:flex;align-items:center;justify-content:center}.cart-container .quantity-btn button{width:30px;height:30px;border:1px solid #ccc;background:#fff;cursor:pointer}.cart-container .quantity-btn input{width:40px;height:30px;border:1px solid #ccc;text-align:center}.cart-container .unit-price,.cart-container .total{color:red}.detai-check{width:30%;min-height:150px;background:#f7f7f7;display:flex;flex-direction:column;align-items:center;gap:10px}.detail-check{display:flex;align-items:center;flex-direction:column;width:25%;background-color:#f7f7f7;height:159px;border-radius:8px;justify-content:center;gap:10px}.detail-check h1{font-weight:500}.cart-actions{gap:10px;margin-top:15px}.cart-actions .card{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;border-radius:6px;transition:all .3s ease;position:relative;overflow:hidden}.cart-actions .card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#0000001a;transition:left .3s ease-in-out;z-index:1}.cart-actions .card:after{content:"";position:absolute;top:0;left:-150%;width:50%;height:100%;background:#ffffff4d;transform:skew(-30deg);transition:left .5s ease-in-out;z-index:1}.cart-actions .card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.cart-actions .card:hover:before{left:0}.cart-actions .card:hover:after{left:120%}.inFor-producht__container{width:100%;min-height:500px;display:flex;align-items:center;flex-direction:column;margin-top:10px;margin-bottom:10px}.inFor-producht__container-item{width:1430px;display:flex}.InforProduct__price{width:30%;display:flex;flex-direction:column}.inforProducht__item{width:70%;display:flex}.InforProducht__img{width:453px;height:503px;border:2px solid #e5e5e5;border-radius:8px;display:flex;flex-direction:column;align-items:center}.InforProduct__text{width:100%}.InforProduct__text__item{width:90%;min-height:50px;margin-left:20px;border-bottom:1px solid #e5e5e5;display:flex;flex-direction:column;justify-content:center}.InforProduct__text__item span{color:#444;display:block;margin-bottom:10px}.InforProduct__text__item h1{font-size:20px;font-weight:600;margin-bottom:19px}.InforProduct__text__item .card{width:80px;display:flex;align-items:center;justify-content:center}.InforProduct__text__item .card span{margin:0;color:#000}.InforProduct__text__item .card i{position:relative;z-index:5}.InforProduct__text__item .card:hover span,.InforProduct__text__item .card:hover i{color:#fff}.InforProduct__text__items{width:90%;min-height:50px;margin-left:20px;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.share-card{display:flex;width:174px;font-size:16px;gap:10px}.share-card i{color:#444}.InforProduct__price{width:30%;min-height:506px;border:1px solid #e5e5e5;border-radius:1px;display:flex;flex-direction:column}.InforProduct__price-item{width:90%;height:30%;margin-left:auto;margin-right:auto}.InforProduct__price-save{display:flex;flex-direction:column;align-items:center;gap:20px}.InforProduct__price-save h4{font-weight:500;font-size:18px;font-style:italic}.save-sale{display:flex;gap:10px}.save-sale h2{font-weight:500;font-size:20px;color:#000}.save-sale span{color:#444;text-decoration:line-through}.save-sale__item label{color:#777;margin-right:10px}.save-sale__item select{padding:10px;width:216px;margin-bottom:20px;border:1px solid #e5e5e5;border-radius:10px}.Quanyti-container{margin-bottom:120px;width:90%;height:70%;border-radius:20px;background-color:#f5f5f5;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center;gap:10px}.Quanyti-container h3{margin-top:20px;font-weight:500}.Quanyti-container input{border-radius:7px;border:1px solid #e5e5e5;height:40px}.container-text{border:1px solid #e5e5e5;border-radius:8px;margin-top:10px;width:1430px;min-height:154px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column}.container-text a{font-size:20px}.container-text__item{width:96%;display:flex;flex-direction:column;gap:10px;margin-left:auto;margin-right:auto;margin-top:20px}.container-text__item span{color:#777}.transfer-img{display:flex;align-items:center;gap:10px;margin-top:15px;width:100%}.transfer-img .nav-btn{flex-shrink:0;width:35px;height:35px;border:1px solid #ddd;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:2}.transfer-img .nav-btn:hover:not(:disabled){background:#f5f5f5;border-color:#999;transform:scale(1.05)}.transfer-img .nav-btn:disabled{opacity:.5;cursor:not-allowed}.transfer-img .nav-btn i{font-size:18px;color:#666}.transfer-img .thumbnails-wrapper{flex:1;overflow:hidden;border-radius:8px}.transfer-img .thumbnails-wrapper .thumbnails-container{display:flex;gap:8px;overflow-x:auto;padding:5px 0;scroll-behavior:smooth}.transfer-img .thumbnails-wrapper .thumbnails-container::-webkit-scrollbar{height:4px}.transfer-img .thumbnails-wrapper .thumbnails-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.transfer-img .thumbnails-wrapper .thumbnails-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.transfer-img .thumbnails-wrapper .thumbnails-container::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.transfer-img .thumbnails-wrapper .thumbnails-container .div-img{flex-shrink:0;width:60px;height:60px;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;position:relative;transition:all .3s ease}.transfer-img .thumbnails-wrapper .thumbnails-container .div-img:hover{border-color:#ddd;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.transfer-img .thumbnails-wrapper .thumbnails-container .div-img.active{border-color:#1890ff;box-shadow:0 0 0 1px #1890ff,0 2px 8px #1890ff4d}.transfer-img .thumbnails-wrapper .thumbnails-container .div-img.active .active-indicator{position:absolute;top:0;right:0;width:12px;height:12px;background:#1890ff;border-radius:0 6px}.transfer-img .thumbnails-wrapper .thumbnails-container .div-img.active .active-indicator:after{content:"✓";position:absolute;top:-1px;right:1px;color:#fff;font-size:8px;font-weight:700}.transfer-img .thumbnails-wrapper .thumbnails-container .div-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.transfer-img .thumbnails-wrapper .thumbnails-container .div-img:hover img{transform:scale(1.05)}.image-main-container{position:relative;border-radius:12px;overflow:hidden}.image-main-container.loading{opacity:.7}.image-main-container .image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;border-radius:12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.image-placeholder{width:250px;height:250px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:12px}.loading-spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #1890ff;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.transfer-img{gap:8px}.transfer-img .nav-btn{width:30px;height:30px}.transfer-img .nav-btn i{font-size:16px}.transfer-img .thumbnails-wrapper .thumbnails-container .div-img{width:50px;height:50px}}@media (max-width: 480px){.transfer-img{gap:6px}.transfer-img .nav-btn{width:28px;height:28px}.transfer-img .nav-btn i{font-size:14px}.transfer-img .thumbnails-wrapper .thumbnails-container .div-img{width:45px;height:45px}}.error-state,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;min-height:300px}.error-state h2,.loading-state h2{margin-bottom:16px;color:#333}.error-state p,.loading-state p{margin-bottom:24px;color:#666}.error-state .card,.loading-state .card{padding:12px 24px;background:#1890ff;color:#fff;border-radius:6px;text-decoration:none;transition:background .3s ease}.error-state .card:hover,.loading-state .card:hover{background:#40a9ff}.quantity-controls{display:flex;align-items:center;gap:8px;margin:10px 0}.quantity-controls .quantity-btn{width:32px;height:32px;border:1px solid #ddd;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease}.quantity-controls .quantity-btn:hover:not(:disabled){background:#f5f5f5;border-color:#999}.quantity-controls .quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-controls input{width:60px;height:32px;text-align:center;border:1px solid #ddd;border-radius:4px;font-size:14px}.quantity-controls input:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.action-buttons{gap:10px;margin-top:15px}.action-buttons .card{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;border-radius:6px;transition:all .3s ease}.action-buttons .card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.product-filter-container{max-width:1200px;margin:0 auto 20px;padding:20px;background-color:#f8f9fa;border-radius:8px}.categories-section{display:flex;gap:0;margin-bottom:25px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.category-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:15px 10px;cursor:pointer;transition:all .3s ease;border-right:1px solid #e0e0e0;background:#fff}.category-item:last-child{border-right:none}.category-item:hover{background-color:#f0f8ff;transform:translateY(-2px)}.category-item.active{background-color:#1976d2;color:#fff}.category-item.active .category-icon{transform:scale(1.1)}.category-icon{font-size:24px;margin-bottom:8px;transition:transform .3s ease}.category-label{font-size:12px;text-align:center;font-weight:500;line-height:1.3}.filters-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.filter-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.results-count{font-size:16px;color:#333}.results-count strong{color:#1976d2;font-weight:600}.clear-filters-btn{padding:6px 12px;background:#ff4757;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .3s ease}.clear-filters-btn:hover{background:#ff3838;transform:translateY(-1px)}.filter-group{margin-bottom:20px}.filter-group:last-child{margin-bottom:0}.filter-title{font-size:14px;font-weight:600;color:#333;margin-bottom:12px;margin-top:0}.price-range-options{display:flex;flex-wrap:wrap;gap:8px}.price-option{padding:8px 14px;border:1px solid #ddd;border-radius:20px;background:#fff;color:#666;font-size:13px;cursor:pointer;transition:all .3s ease}.price-option:hover:not(.disabled){border-color:#1976d2;color:#1976d2;transform:translateY(-1px)}.price-option.active{background-color:#1976d2;color:#fff;border-color:#1976d2}.price-option.disabled{opacity:.5;cursor:not-allowed}.brand-options{display:flex;flex-wrap:wrap;gap:8px}.brand-option{padding:6px 12px;border:1px solid #ddd;border-radius:15px;background:#fff;color:#666;font-size:12px;cursor:pointer;transition:all .3s ease}.brand-option:hover{border-color:#1976d2;color:#1976d2}.brand-option.active{background-color:#1976d2;color:#fff;border-color:#1976d2}.sort-options{display:flex;flex-wrap:wrap;gap:8px}.sort-option{padding:8px 12px;border:1px solid #ddd;background:#fff;color:#666;font-size:13px;cursor:pointer;border-radius:4px;transition:all .3s ease}.sort-option:hover{background-color:#f0f8ff;border-color:#1976d2;color:#1976d2}.sort-option.active{background-color:#1976d2;color:#fff;border-color:#1976d2}@media (max-width: 768px){.product-filter-container{padding:15px}.categories-section{flex-wrap:wrap}.category-item{flex:1 1 calc(25% - 5px);min-width:80px}.filter-summary{flex-direction:column;gap:10px;text-align:center}.price-range-options,.brand-options,.sort-options{justify-content:center}}@media (max-width: 480px){.category-item{flex:1 1 calc(50% - 5px)}.category-label{font-size:11px}.category-icon{font-size:20px}}.simple-pagination{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin:20px 0}.simple-pagination .page-info{font-size:14px;color:#495057;font-weight:500}.simple-pagination .page-controls{display:flex;gap:10px}.simple-pagination .page-controls .page-btn{padding:8px 16px;background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;transition:all .3s ease;font-size:14px}.simple-pagination .page-controls .page-btn:hover:not(:disabled){background:#007bff;color:#fff;border-color:#007bff}.simple-pagination .page-controls .page-btn:disabled{opacity:.5;cursor:not-allowed;background:#f8f9fa}@media (max-width: 768px){.simple-pagination{flex-direction:column;gap:10px;text-align:center}}.image-container{position:relative;width:220px;height:264px}.default-image,.hover-image{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .3s ease}.image-container:hover .default-image{opacity:1}.image-container:hover .hover-image{opacity:0}.produc-content{width:100%;display:flex}.produc-content__item{width:1430px;min-height:100px;margin-left:auto;margin-right:auto;display:flex;gap:18px;transition:all .3s ease}.producs-ctn{flex:0 0 268px;border:1px solid #e5e5e5;border-radius:7px;position:relative;display:flex;align-items:center;flex-direction:column;transition:transform .3s ease}.producs-ctn:hover .sale-info,.producs-ctn:hover .btn-card{display:flex}.producs-ctn.next{transform-origin:center right;animation:growFromRight .5s ease-out forwards}.producs-ctn.prev{transform-origin:center left;animation:growFromLeft .5s ease-out forwards}.producs-ctn.new-product{animation:pushIn .5s ease-out forwards}@keyframes growFromRight{0%{transform:scale(0) translate(20px);opacity:0}to{transform:scale(1) translate(0);opacity:1}}@keyframes growFromLeft{0%{transform:scale(0) translate(-20px);opacity:0}to{transform:scale(1) translate(0);opacity:1}}@keyframes pushIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.producs-ctn:hover{box-shadow:0 10px 10px #0006;transform:scale(1.1);border:none}.producs-ctn__item{display:flex;align-items:center;flex-direction:column;text-decoration:none}.producs-ctn__item p{color:#444;font-size:18px;margin-bottom:10px}.product-price{width:251px;height:50px;border-top:1px solid #e5e5e5;display:flex;align-items:center;gap:10px}.product-price p{font-weight:500;font-size:18px;color:#f3283d;margin:0}.product-price span{text-decoration:line-through;font-size:16px;color:#666;font-weight:200}.sale-info{display:none;width:100%;justify-content:space-between;padding:10px;position:absolute;top:0;left:0}.sale-label{color:#000;font-size:17px;font-weight:400;animation:Slidelef ease .3s}@keyframes Slidelef{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.discount{background-color:#f3283d;color:#fff;font-weight:700;padding:2px 8px;border-radius:3px;margin-right:20px;animation:SlideRight ease .3s}@keyframes SlideRight{0%{opacity:0;transform:translate(70px)}to{opacity:1;transform:translate(0)}}.btn-card{display:none;align-items:center;width:90%;height:50px;margin-left:auto;margin-right:auto;border-top:1px solid #e5e5e5;margin-bottom:10px}.card{min-width:36px;height:36px;border-radius:50px;border:none;background-color:#fed700;display:flex;align-items:center;color:#000;margin-left:10px;justify-content:center;gap:10px;position:relative;overflow:hidden;transition:color .3s ease}.card span{font-size:14px;font-weight:400;position:relative;z-index:2;display:flex;align-items:center;padding:10px}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f3283d;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:0}.card:hover:before{transform:scaleX(1)}.card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(255,255,255,.4),transparent);transform:translate(-100%);transition:transform .3s ease .1s,opacity .1s ease .4s;opacity:1;z-index:1}.card:hover:after{transform:translate(100%);opacity:0}.card:hover{color:#fff}.btn-produc__slide{margin-left:auto;margin-right:auto;gap:20px;margin-top:65px;display:flex;align-items:center}.btn-produc__slide button{background-color:#fff;border:none;font-size:20px;position:relative}.btn-produc__slide:hover .defaul-btn{opacity:0;transition:opacity .3s ease}.defaul-btn{position:absolute;bottom:50%;font-size:20px}.hover-btn{position:absolute;opacity:0;transition:opacity .3s ease;bottom:50%;font-size:20px}.btn-produc__slide:hover .hover-btn{opacity:1;transition:opacity .3s ease}.btn-product__item{display:block;width:1px;height:15px;background-color:#e5e5e5}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.new-product{animation:slideInFromRight .5s ease-in-out}.product-tranfer{animation:growAnimation .5s ease-out forwards}@keyframes growAnimation{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.jump-to-page .page-input{width:60px;padding:5px 8px;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:14px}.pagination-info{display:flex;justify-content:space-between;align-items:center;margin:20px 0;padding:10px 0;border-bottom:1px solid #eee}.pagination-info p{margin:0;color:#666;font-size:14px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:20px 0}@media (max-width: 768px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}}@media (max-width: 480px){.products-grid{grid-template-columns:1fr 1fr;gap:12px}}.product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease;position:relative}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.product-card__container{height:100%;display:flex;flex-direction:column}.image-container{position:relative;width:100%;height:240px;overflow:hidden;background:#f8f9fa}.image-container .product-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-container .product-image.default{opacity:1}.image-container .product-image.hover{display:none}.image-container:hover .product-image.default{transform:scale(1.05)}.sale-badge{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:2}.product-info{padding:16px;flex-grow:1;display:flex;flex-direction:column;gap:8px}.product-title-link{text-decoration:none;color:inherit}.product-title-link:hover .product-title{color:#007bff}.product-title{font-size:14px;font-weight:500;line-height:1.4;color:#333;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.product-brand .brand-label{font-size:12px;color:#666;background:#f0f0f0;padding:2px 6px;border-radius:4px;font-weight:500}.product-pricing{margin-top:auto;text-align:center}.product-pricing .current-price{font-size:18px;font-weight:700;color:#000}.product-pricing .old-price{font-size:14px;color:#999;text-decoration:line-through;margin-left:8px}.product-actions{padding:16px;border-top:1px solid #f0f0f0;display:flex;gap:8px;align-items:center}.action-btn{border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:500}.action-btn.primary{background:#f9ea17;color:#000;padding:10px 16px;flex:1;font-size:14px}.action-btn.primary:hover{background:#d0c304;transform:translateY(-1px)}@media (max-width: 480px){.action-btn.primary .btn-text{display:none}}.action-btn.secondary{background:#f8f9fa;color:#666;padding:10px;width:40px;height:40px;border-radius:50%}.action-btn.secondary:hover{background:#e9ecef;color:#e3d404;transform:scale(1.1)}.action-btn.secondary i{font-size:16px}.secondary-actions{display:flex;gap:8px}@media (max-width: 480px){.image-container{height:180px}.product-info{padding:12px}.product-title{font-size:13px}.product-pricing .current-price{font-size:16px}.product-actions{padding:12px}}.pagination-container{display:flex;flex-direction:column;align-items:center;gap:20px;margin:40px 0;padding:20px;background:#f9f9f9;border-radius:8px}.pagination{display:flex;align-items:center;gap:10px}.pagination-btn{display:flex;align-items:center;gap:5px;padding:10px 15px;background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;transition:all .3s ease;font-size:14px}.pagination-btn:hover:not(.disabled){background:#1976d2;color:#fff;border-color:#1976d2}.pagination-btn.disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.pagination-btn i{font-size:18px}.page-numbers{display:flex;gap:5px}.page-number{min-width:40px;height:40px;border:1px solid #ddd;background:#fff;color:#333;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.page-number:hover:not(.active):not(.dots){background:#e3f2fd;border-color:#1976d2;color:#1976d2}.page-number.active{background:#1976d2;color:#fff;border-color:#1976d2}.page-number.dots{cursor:default;border:none;background:transparent}.page-number.dots:hover{background:transparent}.jump-to-page{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.page-input{width:60px;padding:5px 8px;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:14px}.page-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}.no-products{text-align:center;padding:60px 20px;color:#666}.no-products p{font-size:18px;margin:0}@media (max-width: 768px){.pagination-info{flex-direction:column;gap:10px;text-align:center}.pagination{flex-wrap:wrap;justify-content:center}.pagination-btn{padding:8px 12px;font-size:13px}.pagination-btn span{display:none}.page-numbers{order:-1;margin-bottom:10px}.page-number{min-width:35px;height:35px;font-size:13px}.jump-to-page{font-size:13px}}@media (max-width: 480px){.pagination-container{margin:20px 0;padding:15px}.page-numbers{gap:3px}.page-number{min-width:32px;height:32px;font-size:12px}}.checkout-page{min-height:100vh;background-color:#f5f5f5;padding:20px 0}.checkout-container{max-width:1200px;margin:0 auto;padding:0 20px}.checkout-progress{display:flex;justify-content:center;align-items:center;background:#1a1a1a;border-radius:12px;padding:20px;margin-bottom:30px;position:relative}.progress-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.step-circle{width:50px;height:50px;border-radius:50%;background:#333;display:flex;align-items:center;justify-content:center;margin-bottom:8px;transition:all .3s ease}.step-circle.active{background:#ff9800;transform:scale(1.1)}.step-icon{font-size:20px}.step-title{font-size:12px;color:#999;text-align:center}.step-title.active{color:#ff9800;font-weight:600}.step-line{position:absolute;top:25px;left:75%;width:50%;height:2px;background:#333;z-index:-1}.step-line.completed{background:#ff9800}.checkout-step{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 6px #0000001a}.step-title{font-size:24px;font-weight:600;margin-bottom:30px;color:#333}.checkout-form{max-width:800px}.form-section{margin-bottom:30px}.form-section h3,.form-section h4{margin-bottom:15px;color:#333;font-weight:600}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group .required{color:#e74c3c}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ff9800;box-shadow:0 0 0 3px #ff98001a}.form-group input.error,.form-group textarea.error{border-color:#e74c3c}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.error-message{color:#e74c3c;font-size:12px;margin-top:5px;display:block}.radio-group{display:flex;gap:20px;flex-wrap:wrap}.radio-option{display:flex;align-items:center;cursor:pointer}.radio-option input[type=radio]{width:auto;margin-right:8px}.radio-option .radio-label{font-size:14px;color:#333}.location-options{display:flex;flex-direction:column;gap:10px}.location-option{padding:12px;border:1px solid #ddd;border-radius:8px;transition:all .3s ease}.location-option:hover{border-color:#ff9800;background-color:#fff8f0}.location-option input[type=radio]:checked+.radio-label{color:#ff9800;font-weight:500}.review-container{display:grid;grid-template-columns:1fr 1fr;gap:30px}.order-summary,.customer-review{background:#f9f9f9;padding:20px;border-radius:8px}.order-summary h3,.customer-review h3{margin-bottom:20px;color:#333;font-weight:600}.cart-items{margin-bottom:20px}.cart-item{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid #eee}.cart-item:last-child{border-bottom:none}.item-image{width:60px;height:60px;object-fit:cover;border-radius:8px}.item-details{flex:1}.item-details h4{margin:0 0 5px;font-size:14px;color:#333}.item-details .item-price,.item-details .item-quantity{margin:0;font-size:12px;color:#666}.item-total{font-weight:600;color:#333}.order-totals{border-top:1px solid #eee;padding-top:15px}.total-row{display:flex;justify-content:space-between;margin-bottom:8px}.total-row.total-final{font-weight:600;font-size:16px;color:#333;border-top:1px solid #eee;padding-top:8px;margin-top:8px}.info-section{margin-bottom:20px}.info-section h4{margin-bottom:10px;color:#333;font-size:16px}.info-section p{margin:5px 0;font-size:14px;color:#666}.info-section p strong{color:#333}.payment-step .order-summary-card{background:#f8f9fa;border-radius:12px;padding:1.5rem;height:fit-content;border:1px solid #e9ecef}.payment-step .order-summary-card .summary-details .summary-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #e9ecef}.payment-step .order-summary-card .summary-details .summary-row.total-row{font-weight:600;font-size:1.1rem;color:#333;padding-top:1rem;border-top:2px solid #333;margin-top:.5rem}.payment-step .order-summary-card .summary-details .summary-row.total-row .total-amount{color:#e74c3c;font-size:1.3rem}.payment-step .order-summary-card .summary-details .summary-row .order-number{font-family:Courier New,monospace;font-weight:600;color:#667eea}.payment-step .payment-instructions{background:#fff;border-radius:12px;border:1px solid #e9ecef;overflow:hidden}.payment-step .payment-instructions .instruction-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.payment-step .payment-instructions .bank-info-card .bank-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.payment-step .payment-instructions .bank-info-card .bank-header .material-icons{color:#667eea;font-size:1.3rem}.payment-step .payment-instructions .bank-info-card .bank-details .detail-row:hover{background:#f8f9fa}.payment-step .payment-instructions .bank-info-card .bank-details .detail-row.highlight{background:linear-gradient(135deg,#667eea15,#764ba215);border:2px solid #667eea;font-weight:600}.payment-step .payment-instructions .bank-info-card .bank-details .detail-row.highlight .account-number{color:#667eea;font-size:1.1rem;letter-spacing:1px}.payment-step .payment-instructions .bank-info-card .bank-details .detail-row .detail-label .material-icons{font-size:1.1rem;color:#667eea}.payment-step .payment-instructions .bank-info-card .bank-details .detail-row .detail-value span.swift-code{font-weight:600;color:#667eea;letter-spacing:1px}.payment-step .payment-instructions .bank-info-card .bank-details .detail-row .detail-value .copy-btn{background:#667eea;color:#fff;border:none;border-radius:6px;padding:.3rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:28px;height:28px}.payment-step .payment-instructions .bank-info-card .bank-details .detail-row .detail-value .copy-btn:hover{background:#5a67d8;transform:scale(1.1)}.payment-step .payment-instructions .bank-info-card .bank-details .detail-row .detail-value .copy-btn.copied{background:#48bb78;animation:pulse .5s ease}.payment-step .payment-instructions .transfer-instructions{padding:1.5rem;background:#f8f9fa;border-top:1px solid #e9ecef}.payment-step .payment-instructions .transfer-instructions h4:before{content:"";width:4px;height:20px;background:#667eea;border-radius:2px}.payment-step .payment-instructions .transfer-instructions .instruction-list .instruction-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid #e9ecef}.payment-step .payment-instructions .transfer-instructions .instruction-list .instruction-item .step-number{background:#667eea;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;flex-shrink:0}.payment-step .payment-instructions .transfer-instructions .instruction-list .instruction-item .step-content span.amount{color:#e74c3c;font-weight:600;font-size:1rem}.payment-step .payment-instructions .transfer-confirmation{padding:1.5rem;border-top:1px solid #e9ecef}.payment-step .payment-instructions .transfer-confirmation .checkbox-container .checkmark{width:20px;height:20px;border:2px solid #667eea;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.payment-step .payment-instructions .transfer-confirmation .checkbox-container input[type=checkbox]:checked+.checkmark{background:#667eea}.payment-step .form-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.payment-step .form-actions .btn-prev,.payment-step .form-actions .btn-next{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:1rem}.payment-step .form-actions .btn-prev{background:#6c757d;color:#fff}.payment-step .form-actions .btn-prev:hover{background:#5a6268;transform:translateY(-2px)}.payment-step .form-actions .btn-next{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.payment-step .form-actions .btn-next:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.payment-step .form-actions .btn-next.disabled{background:#ccc;cursor:not-allowed;opacity:.6}@media (max-width: 768px){.payment-step .form-actions{flex-direction:column}.payment-step .form-actions .btn-prev,.payment-step .form-actions .btn-next{width:100%;justify-content:center}}.success-step{text-align:center;padding:50px 30px}.success-content{max-width:600px;margin:0 auto}.success-icon{margin-bottom:20px}.success-icon i{font-size:80px;color:#27ae60}.success-title{font-size:28px;color:#27ae60;margin-bottom:10px}.success-message{font-size:16px;color:#666;margin-bottom:30px}.order-details{background:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:30px;text-align:left}.order-details h3,.order-details h4{color:#333;margin-bottom:15px}.checkout-page{min-height:100vh;background:linear-gradient(135deg,#ffd89b,#19547b);padding:2rem 0}.checkout-page .checkout-container{max-width:1200px;margin:0 auto;padding:0 1rem}.checkout-progress{display:flex;justify-content:center;align-items:center;margin-bottom:3rem;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #ffc10733}.checkout-progress .progress-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.checkout-progress .progress-step .step-circle{width:60px;height:60px;border-radius:50%;background:#f8f9fa;border:3px solid #dee2e6;display:flex;align-items:center;justify-content:center;margin-bottom:.8rem;transition:all .3s ease;position:relative;z-index:2}.checkout-progress .progress-step .step-circle.active{background:linear-gradient(135deg,#ffc107,#ff8f00);border-color:#ffc107;transform:scale(1.1);box-shadow:0 4px 20px #ffc10766}.checkout-progress .progress-step .step-circle .step-icon{font-size:1.5rem}.checkout-progress .progress-step .step-title{font-size:.9rem;color:#6c757d;text-align:center;font-weight:500;transition:all .3s ease}.checkout-progress .progress-step .step-title.active{color:#ff8f00;font-weight:600}.checkout-progress .progress-step .step-line{position:absolute;top:30px;left:60%;width:80%;height:3px;background:#dee2e6;z-index:1;transition:all .3s ease}.checkout-progress .progress-step .step-line.completed{background:linear-gradient(90deg,#ffc107,#ff8f00)}.checkout-progress .progress-step:last-child .step-line{display:none}@media (max-width: 768px){.checkout-progress .progress-step .step-circle{width:50px;height:50px}.checkout-progress .progress-step .step-title{font-size:.8rem}}.checkout-step{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 8px 32px #ffc10726;margin-bottom:2rem}.checkout-step .step-title{font-size:2rem;font-weight:700;color:#333;margin-bottom:2rem;text-align:center;background:linear-gradient(135deg,#ffc107,#ff8f00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.checkout-step .checkout-form .form-section{margin-bottom:2rem;padding:1.5rem;background:#fefefe;border-radius:12px;border:1px solid #fff3cd}.checkout-step .checkout-form .form-section h3,.checkout-step .checkout-form .form-section h4{color:#333;margin-bottom:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.checkout-step .checkout-form .form-section h3:before,.checkout-step .checkout-form .form-section h4:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#ffc107,#ff8f00);border-radius:2px}.checkout-step .checkout-form .form-section .form-group{margin-bottom:1.5rem}.checkout-step .checkout-form .form-section .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.checkout-step .checkout-form .form-section .form-group label .required{color:#dc3545}.checkout-step .checkout-form .form-section .form-group input,.checkout-step .checkout-form .form-section .form-group textarea,.checkout-step .checkout-form .form-section .form-group select{width:100%;padding:.8rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.checkout-step .checkout-form .form-section .form-group input:focus,.checkout-step .checkout-form .form-section .form-group textarea:focus,.checkout-step .checkout-form .form-section .form-group select:focus{outline:none;border-color:#ffc107;box-shadow:0 0 0 3px #ffc10733}.checkout-step .checkout-form .form-section .form-group input.error,.checkout-step .checkout-form .form-section .form-group textarea.error,.checkout-step .checkout-form .form-section .form-group select.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc354533}.checkout-step .checkout-form .form-section .form-group .error-message{color:#dc3545;font-size:.875rem;margin-top:.25rem;display:block}.checkout-step .checkout-form .form-section .radio-group .radio-option{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.2rem;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#fff}.checkout-step .checkout-form .form-section .radio-group .radio-option:hover{border-color:#ffc107;background:#fff9e6}.checkout-step .checkout-form .form-section .radio-group .radio-option input[type=radio]{width:auto;margin:0}.checkout-step .checkout-form .form-section .radio-group .radio-option input[type=radio]:checked+.radio-label{color:#ff8f00;font-weight:600}.checkout-step .checkout-form .form-section .radio-group .radio-option:has(input[type=radio]:checked){border-color:#ffc107;background:linear-gradient(135deg,#fff9e6,#fff3cd)}.checkout-step .checkout-form .form-section .location-options{display:flex;flex-direction:column;gap:.5rem}.checkout-step .checkout-form .form-section .location-options .location-option{margin-bottom:.5rem}.checkout-step .form-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:2px solid #f8f9fa}.checkout-step .form-actions .btn-prev,.checkout-step .form-actions .btn-next,.checkout-step .form-actions .btn-place-order{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;text-decoration:none;justify-content:center}.checkout-step .form-actions .btn-prev{background:#6c757d;color:#fff}.checkout-step .form-actions .btn-prev:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d66}.checkout-step .form-actions .btn-next,.checkout-step .form-actions .btn-place-order{background:linear-gradient(135deg,#ffc107,#ff8f00);color:#fff}.checkout-step .form-actions .btn-next:hover:not(.disabled),.checkout-step .form-actions .btn-place-order:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ffc10766}.checkout-step .form-actions .btn-next.disabled,.checkout-step .form-actions .btn-place-order.disabled{background:#ccc;cursor:not-allowed;opacity:.6}@media (max-width: 768px){.checkout-step .form-actions{flex-direction:column}.checkout-step .form-actions .btn-prev,.checkout-step .form-actions .btn-next,.checkout-step .form-actions .btn-place-order{width:100%}}.checkout-step .review-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.checkout-step .review-container{grid-template-columns:1fr;gap:1rem}}.checkout-step .order-summary{background:#fefefe;border-radius:12px;padding:1.5rem;border:2px solid #fff3cd;height:fit-content}.checkout-step .order-summary h3{margin:0 0 1.5rem;color:#333;font-size:1.3rem}.checkout-step .order-summary .cart-items .cart-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid #f0f0f0}.checkout-step .order-summary .cart-items .cart-item:last-child{border-bottom:none}.checkout-step .order-summary .cart-items .cart-item .item-image{width:60px;height:60px;object-fit:cover;border-radius:8px;border:2px solid #fff3cd}.checkout-step .order-summary .cart-items .cart-item .item-details{flex:1}.checkout-step .order-summary .cart-items .cart-item .item-details h4{margin:0 0 .5rem;font-size:1rem;color:#333}.checkout-step .order-summary .cart-items .cart-item .item-details .item-price{color:#ff8f00;font-weight:600;margin:0}.checkout-step .order-summary .cart-items .cart-item .item-details .item-quantity{color:#666;font-size:.9rem;margin:0}.checkout-step .order-summary .cart-items .cart-item .item-total{font-weight:600;color:#ff8f00;font-size:1.1rem}.checkout-step .order-summary .order-totals{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #fff3cd}.checkout-step .order-summary .order-totals .total-row{display:flex;justify-content:space-between;padding:.5rem 0}.checkout-step .order-summary .order-totals .total-row.total-final{font-weight:700;font-size:1.2rem;color:#ff8f00;border-top:2px solid #ffc107;margin-top:1rem;padding-top:1rem}.checkout-step .customer-review{background:#fefefe;border-radius:12px;padding:1.5rem;border:2px solid #fff3cd}.checkout-step .customer-review h3{margin:0 0 1.5rem;color:#333;font-size:1.3rem}.checkout-step .customer-review .info-section{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.checkout-step .customer-review .info-section:last-child{border-bottom:none}.checkout-step .customer-review .info-section h4{color:#ff8f00;margin-bottom:.8rem;font-size:1rem}.checkout-step .customer-review .info-section p{margin:.3rem 0;color:#555}.checkout-step .customer-review .info-section p strong{color:#333}.payment-step .payment-container{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.payment-step .payment-container{grid-template-columns:1fr;gap:1rem}}.payment-step .order-summary-card{background:#fefefe;border-radius:12px;padding:1.5rem;height:fit-content;border:2px solid #fff3cd}.payment-step .order-summary-card h3{margin:0 0 1rem;color:#333;font-size:1.2rem}.payment-step .order-summary-card .summary-details .summary-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f0f0f0}.payment-step .order-summary-card .summary-details .summary-row:last-child{border-bottom:none}.payment-step .order-summary-card .summary-details .summary-row.total-row{font-weight:600;font-size:1.1rem;color:#333;padding-top:1rem;border-top:2px solid #ffc107;margin-top:.5rem}.payment-step .order-summary-card .summary-details .summary-row.total-row .total-amount{color:#ff8f00;font-size:1.3rem}.payment-step .order-summary-card .summary-details .summary-row .order-number{font-family:Courier New,monospace;font-weight:600;color:#ff8f00}.payment-step .payment-instructions{background:#fff;border-radius:12px;border:2px solid #fff3cd;overflow:hidden}.payment-step .payment-instructions .instruction-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#ffc107,#ff8f00);color:#fff}.payment-step .payment-instructions .instruction-header .instruction-icon .material-icons{font-size:2rem}.payment-step .payment-instructions .instruction-header h3{margin:0 0 .5rem;font-size:1.3rem}.payment-step .payment-instructions .instruction-header p{margin:0;opacity:.9}.payment-step .payment-instructions .bank-info-card{padding:1.5rem}.payment-step .payment-instructions .bank-info-card .bank-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #fff3cd}.payment-step .payment-instructions .bank-info-card .bank-header .material-icons{color:#ffc107;font-size:1.3rem}.payment-step .payment-instructions .bank-info-card .bank-header h4{margin:0;color:#333;font-size:1.1rem}.payment-step .payment-instructions .bank-info-card .bank-details .detail-row{display:flex;justify-content:space-between;align-items:center;padding:.8rem;border-radius:8px;margin-bottom:.5rem;transition:all .3s ease}.payment-step .payment-instructions .bank-info-card .bank-details .detail-row:hover{background:#fff9e6}.payment-step .payment-instructions .bank-info-card .bank-details .detail-row.highlight{background:linear-gradient(135deg,#fff9e6,#fff3cd);border:2px solid #ffc107;font-weight:600}.payment-step .payment-instructions .bank-info-card .bank-details .detail-row.highlight .account-number{color:#ff8f00;font-size:1.1rem;letter-spacing:1px}.payment-step .payment-instructions .bank-info-card .bank-details .detail-row.half{flex:1}.payment-step .payment-instructions .bank-info-card .bank-details .detail-row .detail-label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#555;min-width:140px}.payment-step .payment-instructions .bank-info-card .bank-details .detail-row .detail-label .material-icons{font-size:1.1rem;color:#ffc107}.payment-step .payment-instructions .bank-info-card .bank-details .detail-row .detail-value{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:flex-end}.payment-step .payment-instructions .bank-info-card .bank-details .detail-row .detail-value span{font-family:Courier New,monospace;color:#333}.payment-step .payment-instructions .bank-info-card .bank-details .detail-row .detail-value span.swift-code{font-weight:600;color:#ff8f00;letter-spacing:1px}.payment-step .payment-instructions .bank-info-card .bank-details .detail-row .detail-value .copy-btn{background:#ffc107;color:#fff;border:none;border-radius:6px;padding:.3rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:28px;height:28px}.payment-step .payment-instructions .bank-info-card .bank-details .detail-row .detail-value .copy-btn:hover{background:#ff8f00;transform:scale(1.1)}.payment-step .payment-instructions .bank-info-card .bank-details .detail-row .detail-value .copy-btn.copied{background:#28a745;animation:pulse .5s ease}.payment-step .payment-instructions .bank-info-card .bank-details .detail-row .detail-value .copy-btn .material-icons{font-size:.9rem}.payment-step .payment-instructions .bank-info-card .bank-details .code-row{display:flex;gap:1rem}@media (max-width: 768px){.payment-step .payment-instructions .bank-info-card .bank-details .code-row{flex-direction:column;gap:.5rem}}.payment-step .payment-instructions .bank-info-card .bank-details .code-row .detail-row{margin-bottom:0}.payment-step .payment-instructions .transfer-instructions{padding:1.5rem;background:#fff9e6;border-top:1px solid #fff3cd}.payment-step .payment-instructions .transfer-instructions h4{margin:0 0 1rem;color:#333;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.payment-step .payment-instructions .transfer-instructions h4:before{content:"";width:4px;height:20px;background:#ffc107;border-radius:2px}.payment-step .payment-instructions .transfer-instructions .instruction-list .instruction-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid #fff3cd}.payment-step .payment-instructions .transfer-instructions .instruction-list .instruction-item:last-child{border-bottom:none}.payment-step .payment-instructions .transfer-instructions .instruction-list .instruction-item .step-number{background:#ffc107;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;flex-shrink:0}.payment-step .payment-instructions .transfer-instructions .instruction-list .instruction-item .step-content{display:flex;flex-direction:column;gap:.3rem}.payment-step .payment-instructions .transfer-instructions .instruction-list .instruction-item .step-content strong{color:#333;font-size:.95rem}.payment-step .payment-instructions .transfer-instructions .instruction-list .instruction-item .step-content span{color:#666;font-size:.9rem}.payment-step .payment-instructions .transfer-instructions .instruction-list .instruction-item .step-content span.amount{color:#ff8f00;font-weight:600;font-size:1rem}.payment-step .payment-instructions .transfer-confirmation{padding:1.5rem;border-top:1px solid #fff3cd}.payment-step .payment-instructions .transfer-confirmation .checkbox-container{display:flex;align-items:center;gap:.8rem;cursor:pointer;font-size:1rem;color:#333}.payment-step .payment-instructions .transfer-confirmation .checkbox-container input[type=checkbox]{display:none}.payment-step .payment-instructions .transfer-confirmation .checkbox-container .checkmark{width:20px;height:20px;border:2px solid #ffc107;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.payment-step .payment-instructions .transfer-confirmation .checkbox-container .checkmark:after{content:"✓";color:#fff;font-weight:700;opacity:0;transform:scale(0);transition:all .3s ease}.payment-step .payment-instructions .transfer-confirmation .checkbox-container input[type=checkbox]:checked+.checkmark{background:#ffc107}.payment-step .payment-instructions .transfer-confirmation .checkbox-container input[type=checkbox]:checked+.checkmark:after{opacity:1;transform:scale(1)}.payment-step .payment-instructions .transfer-confirmation .checkbox-container .checkbox-text{font-weight:500}.success-step{text-align:center}.success-step .success-content{max-width:600px;margin:0 auto}.success-step .success-content .success-icon{margin-bottom:2rem}.success-step .success-content .success-icon .material-icons{font-size:5rem;color:#ffc107;background:linear-gradient(135deg,#fff9e6,#fff3cd);border-radius:50%;padding:1rem;border:3px solid #ffc107}.success-step .success-content .success-title{font-size:2.5rem;color:#333;margin-bottom:1rem;background:linear-gradient(135deg,#ffc107,#ff8f00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.success-step .success-content .success-message{font-size:1.2rem;color:#666;margin-bottom:3rem}.success-step .success-content .order-details{background:#fefefe;border-radius:12px;padding:2rem;margin-bottom:3rem;border:2px solid #fff3cd;text-align:left}.success-step .success-content .order-details h3{color:#333;margin-bottom:1.5rem;text-align:center}.success-step .success-content .order-details .order-info{margin-bottom:2rem}.success-step .success-content .order-details .order-info p{margin:.5rem 0;color:#555}.success-step .success-content .order-details .order-info p strong{color:#333}.success-step .success-content .order-details .next-steps h4{color:#ff8f00;margin-bottom:1rem}.success-step .success-content .order-details .next-steps ul{list-style:none;padding:0}.success-step .success-content .order-details .next-steps ul li{color:#555;position:relative;padding:.5rem 0 .5rem 1.5rem}.success-step .success-content .order-details .next-steps ul li:before{content:"✓";position:absolute;left:0;color:#ffc107;font-weight:700}.success-step .success-content .success-actions{display:flex;gap:1rem;justify-content:center}.success-step .success-content .success-actions .btn-track-order,.success-step .success-content .success-actions .btn-continue-shopping{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:10px;text-decoration:none;font-weight:600;transition:all .3s ease}.success-step .success-content .success-actions .btn-track-order{background:linear-gradient(135deg,#ffc107,#ff8f00);color:#fff}.success-step .success-content .success-actions .btn-track-order:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffc10766}.success-step .success-content .success-actions .btn-continue-shopping{background:#6c757d;color:#fff}.success-step .success-content .success-actions .btn-continue-shopping:hover{background:#5a6268;transform:translateY(-2px)}@media (max-width: 768px){.success-step .success-content .success-actions{flex-direction:column}.success-step .success-content .success-actions .btn-track-order,.success-step .success-content .success-actions .btn-continue-shopping{width:100%;justify-content:center}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.checkout-step{animation:fadeInUp .5s ease}@media (max-width: 768px){.checkout-page{padding:1rem 0}.checkout-step{padding:1.5rem;margin-bottom:1rem}.checkout-step .step-title{font-size:1.5rem}}@media (max-width: 480px){.checkout-step{padding:1rem}.checkout-step .step-title{font-size:1.3rem}.checkout-step .form-section{padding:1rem}}.checkout-step{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 8px 32px #ffc10726;margin-bottom:2rem;animation:fadeInUp .5s ease}.checkout-step .step-title{font-size:2rem;font-weight:700;color:#333;margin-bottom:2rem;text-align:center;background:linear-gradient(135deg,#ffc107,#ff8f00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.checkout-step .step-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(135deg,#ffc107,#ff8f00);border-radius:2px}.checkout-step .checkout-form .form-section{margin-bottom:2.5rem;padding:2rem;background:linear-gradient(135deg,#fefefe,#fff9e6);border-radius:12px;border:2px solid #fff3cd;position:relative;transition:all .3s ease}.checkout-step .checkout-form .form-section:hover{border-color:#ffc107;box-shadow:0 4px 20px #ffc1071a}.checkout-step .checkout-form .form-section h3{color:#333;margin:0 0 1.5rem;font-weight:600;font-size:1.3rem;display:flex;align-items:center;gap:.8rem}.checkout-step .checkout-form .form-section h3:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,#ffc107,#ff8f00);border-radius:2px}.checkout-step .checkout-form .form-section h3:nth-of-type(1):after{content:"👤";font-size:1.2rem}.checkout-step .checkout-form .form-section .form-group{margin-bottom:1.8rem}.checkout-step .checkout-form .form-section .form-group:last-child{margin-bottom:0}.checkout-step .checkout-form .form-section .form-group label{display:block;margin-bottom:.8rem;font-weight:600;color:#333;font-size:1rem;position:relative}.checkout-step .checkout-form .form-section .form-group label .required{color:#dc3545;margin-left:.2rem;font-weight:700}.checkout-step .checkout-form .form-section .form-group label[for=fullName]:before{content:"👤";margin-right:.5rem}.checkout-step .checkout-form .form-section .form-group label[for=phone]:before{content:"📱";margin-right:.5rem}.checkout-step .checkout-form .form-section .form-group label[for=email]:before{content:"📧";margin-right:.5rem}.checkout-step .checkout-form .form-section .form-group label[for=deliveryAddress]:before{content:"🏠";margin-right:.5rem}.checkout-step .checkout-form .form-section .form-group label[for=specialRequests]:before{content:"📝";margin-right:.5rem}.checkout-step .checkout-form .form-section .form-group input,.checkout-step .checkout-form .form-section .form-group textarea,.checkout-step .checkout-form .form-section .form-group select{width:100%;padding:1rem 1.2rem;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;font-family:inherit;transition:all .3s ease;background:#fff;box-sizing:border-box}.checkout-step .checkout-form .form-section .form-group input::placeholder,.checkout-step .checkout-form .form-section .form-group textarea::placeholder,.checkout-step .checkout-form .form-section .form-group select::placeholder{color:#999;font-style:italic}.checkout-step .checkout-form .form-section .form-group input:focus,.checkout-step .checkout-form .form-section .form-group textarea:focus,.checkout-step .checkout-form .form-section .form-group select:focus{outline:none;border-color:#ffc107;box-shadow:0 0 0 4px #ffc10733;transform:translateY(-2px)}.checkout-step .checkout-form .form-section .form-group input:hover:not(:focus),.checkout-step .checkout-form .form-section .form-group textarea:hover:not(:focus),.checkout-step .checkout-form .form-section .form-group select:hover:not(:focus){border-color:#ffd54f}.checkout-step .checkout-form .form-section .form-group input.error,.checkout-step .checkout-form .form-section .form-group textarea.error,.checkout-step .checkout-form .form-section .form-group select.error{border-color:#dc3545;box-shadow:0 0 0 4px #dc354533;background:#fff5f5}.checkout-step .checkout-form .form-section .form-group input.error:focus,.checkout-step .checkout-form .form-section .form-group textarea.error:focus,.checkout-step .checkout-form .form-section .form-group select.error:focus{border-color:#dc3545;box-shadow:0 0 0 4px #dc35454d}.checkout-step .checkout-form .form-section .form-group input[type=tel],.checkout-step .checkout-form .form-section .form-group textarea[type=tel],.checkout-step .checkout-form .form-section .form-group select[type=tel]{font-family:Courier New,monospace;letter-spacing:1px}.checkout-step .checkout-form .form-section .form-group input[type=email],.checkout-step .checkout-form .form-section .form-group textarea[type=email],.checkout-step .checkout-form .form-section .form-group select[type=email]{font-family:Courier New,monospace}.checkout-step .checkout-form .form-section .form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.checkout-step .checkout-form .form-section .form-group .error-message{color:#dc3545;font-size:.875rem;margin-top:.5rem;display:flex;align-items:center;gap:.3rem;font-weight:500}.checkout-step .checkout-form .form-section .form-group .error-message:before{content:"⚠️";font-size:.8rem}.checkout-step .checkout-form .form-section .radio-group{display:flex;gap:1rem;flex-wrap:wrap}.checkout-step .checkout-form .form-section .radio-group .radio-option{display:flex;align-items:center;gap:.8rem;padding:1rem 1.5rem;border:2px solid #e9ecef;border-radius:10px;cursor:pointer;transition:all .3s ease;background:#fff;position:relative;min-width:160px;flex:1}.checkout-step .checkout-form .form-section .radio-group .radio-option:hover{border-color:#ffc107;background:linear-gradient(135deg,#fff9e6,#fff3cd);transform:translateY(-2px);box-shadow:0 4px 12px #ffc10733}.checkout-step .checkout-form .form-section .radio-group .radio-option input[type=radio]{width:20px;height:20px;margin:0;accent-color:#ffc107;cursor:pointer}.checkout-step .checkout-form .form-section .radio-group .radio-option .radio-label{font-weight:500;color:#333;cursor:pointer;transition:all .3s ease}.checkout-step .checkout-form .form-section .radio-group .radio-option:has(input[type=radio]:checked){border-color:#ffc107;background:linear-gradient(135deg,#fff9e6,#fff3cd);box-shadow:0 4px 12px #ffc1074d}.checkout-step .checkout-form .form-section .radio-group .radio-option:has(input[type=radio]:checked) .radio-label{color:#ff8f00;font-weight:600}.checkout-step .checkout-form .form-section .radio-group .radio-option:has(input[type=radio]:checked):after{content:"✓";position:absolute;top:-8px;right:-8px;background:#ffc107;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;animation:checkmark .3s ease}.checkout-step .checkout-form .form-section .radio-group .radio-option:has(input[value=MasterCard]) .radio-label:before{content:"💳";margin-right:.5rem}.checkout-step .checkout-form .form-section .radio-group .radio-option:has(input[value=Visa]) .radio-label:before{content:"💳";margin-right:.5rem}.checkout-step .checkout-form .form-section .radio-group .radio-option:has(input[value=delivery]) .radio-label:before{content:"🚚";margin-right:.5rem}.checkout-step .checkout-form .form-section .radio-group .radio-option:has(input[value=pickup]) .radio-label:before{content:"🏪";margin-right:.5rem}@media (max-width: 768px){.checkout-step .checkout-form .form-section .radio-group{flex-direction:column}.checkout-step .checkout-form .form-section .radio-group .radio-option{min-width:auto}}.checkout-step .checkout-form .form-section:has(h3:contains("Delivery Method")) .radio-group .radio-option{justify-content:center;text-align:center;padding:1.5rem}.checkout-step .checkout-form .form-section:has(h3:contains("Delivery Method")) .radio-group .radio-option .radio-label{font-size:1.1rem}.checkout-step .checkout-form .form-section:has(h3:contains("Payment Method")) .radio-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.checkout-step .checkout-form .form-section:has(h3:contains("Payment Method")) .radio-group{grid-template-columns:1fr}}.checkout-step .checkout-form .form-section:has(h3:contains("Payment Method")) .radio-group .radio-option{justify-content:center;text-align:center;padding:1.5rem;background:linear-gradient(135deg,#fff,#fff9e6)}.checkout-step .checkout-form .form-section:has(h3:contains("Payment Method")) .radio-group .radio-option .radio-label{font-size:1.1rem;font-weight:600}.checkout-step .checkout-form .form-section:has(h3:contains("Payment Method")) .radio-group .radio-option:hover{background:linear-gradient(135deg,#fff9e6,#fff3cd)}.checkout-step .checkout-form .form-section:has(h3:contains("Payment Method")) .radio-group .radio-option:has(input[type=radio]:checked){background:linear-gradient(135deg,#ffc107,#ff8f00);color:#fff}.checkout-step .checkout-form .form-section:has(h3:contains("Payment Method")) .radio-group .radio-option:has(input[type=radio]:checked) .radio-label{color:#fff}.checkout-step .checkout-form .form-actions{display:flex;justify-content:flex-end;margin-top:3rem;padding-top:2rem;border-top:2px solid #f8f9fa}.checkout-step .checkout-form .form-actions .btn-next{display:flex;align-items:center;gap:.8rem;padding:1.2rem 2.5rem;border:none;border-radius:12px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#ffc107,#ff8f00);color:#fff;box-shadow:0 4px 12px #ffc1074d}.checkout-step .checkout-form .form-actions .btn-next:after{content:"→";font-size:1.2rem;transition:all .3s ease}.checkout-step .checkout-form .form-actions .btn-next:hover:not(.disabled){transform:translateY(-3px);box-shadow:0 8px 20px #ffc10766}.checkout-step .checkout-form .form-actions .btn-next:hover:not(.disabled):after{transform:translate(3px)}.checkout-step .checkout-form .form-actions .btn-next:active{transform:translateY(-1px)}.checkout-step .checkout-form .form-actions .btn-next.disabled{background:#ccc;cursor:not-allowed;opacity:.6;box-shadow:none}.checkout-step .checkout-form .form-actions .btn-next.disabled:hover{transform:none}@media (max-width: 768px){.checkout-step .checkout-form .form-actions{justify-content:center}.checkout-step .checkout-form .form-actions .btn-next{width:100%;justify-content:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes checkmark{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.2) rotate(180deg);opacity:1}to{transform:scale(1) rotate(360deg);opacity:1}}@media (max-width: 768px){.checkout-step{padding:1.5rem}.checkout-step .step-title{font-size:1.6rem}.checkout-step .checkout-form .form-section{padding:1.5rem;margin-bottom:2rem}.checkout-step .checkout-form .form-section h3{font-size:1.2rem}.checkout-step .checkout-form .form-section .form-group{margin-bottom:1.5rem}.checkout-step .checkout-form .form-section .form-group input,.checkout-step .checkout-form .form-section .form-group textarea{padding:.9rem 1rem;font-size:.95rem}}@media (max-width: 480px){.checkout-step{padding:1rem}.checkout-step .step-title{font-size:1.4rem}.checkout-step .checkout-form .form-section{padding:1rem}.checkout-step .checkout-form .form-section .radio-group .radio-option{padding:1rem;min-width:auto}}.form-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ffc107,#ff8f00,#ffc107);border-radius:12px 12px 0 0;opacity:0;transition:all .3s ease}.form-section:hover:before{opacity:1}.checkout-form input:focus,.checkout-form textarea:focus,.checkout-form select:focus{outline:3px solid rgba(255,193,7,.3);outline-offset:2px}.contact-section{padding:60px 20px;background-color:#f8f9fa;min-height:100vh;display:flex;align-items:center;justify-content:center}.contact-section .contact-container{max-width:1200px;width:100%;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;border:2px solid #e9ecef;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;min-height:600px;transition:all .3s ease}.contact-section .contact-container:hover{box-shadow:0 15px 40px #00000026}.contact-section .section-title{font-size:28px;font-weight:700;color:#333;margin-bottom:30px;text-align:left;position:relative}.contact-section .section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:50px;height:3px;background:#ffc107;border-radius:2px}.contact-section .office-info{padding:40px;background:#fff;border-right:1px solid #e9ecef}.contact-section .office-info .info-list{display:flex;flex-direction:column;gap:25px}.contact-section .office-info .info-item{display:flex;align-items:flex-start;gap:15px;transition:all .3s ease}.contact-section .office-info .info-item:hover{transform:translate(5px)}.contact-section .office-info .info-item:hover .info-icon{background:#ffc107;color:#fff}.contact-section .office-info .info-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:50%;flex-shrink:0;color:#333;transition:all .3s ease}.contact-section .office-info .info-icon svg{width:20px;height:20px}.contact-section .office-info .info-content{flex:1}.contact-section .office-info .info-content h4{font-size:16px;font-weight:600;color:#333;margin:0 0 8px}.contact-section .office-info .info-content p{font-size:14px;color:#666;line-height:1.6;margin:0}.contact-section .contact-form{padding:40px;background:#fff}.contact-section .contact-form .form-container{display:flex;flex-direction:column;gap:20px}.contact-section .contact-form .form-group{display:flex;flex-direction:column;position:relative}.contact-section .contact-form .form-input,.contact-section .contact-form .form-textarea{padding:15px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;color:#333;background:#fff;font-family:inherit;transition:all .3s ease}.contact-section .contact-form .form-input:focus,.contact-section .contact-form .form-textarea:focus{outline:none;border-color:#ffc107;box-shadow:0 0 0 3px #ffc1071a}.contact-section .contact-form .form-input::placeholder,.contact-section .contact-form .form-textarea::placeholder{color:#999}.contact-section .contact-form .form-input:disabled,.contact-section .contact-form .form-textarea:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.contact-section .contact-form .form-textarea{resize:vertical;min-height:120px;font-family:inherit}.contact-section .contact-form .submit-btn{background:#ffc107;color:#333;border:none;padding:15px 30px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;transition:all .3s ease}.contact-section .contact-form .submit-btn:hover:not(:disabled){background:#ffb300;transform:translateY(-2px);box-shadow:0 5px 15px #ffc1074d}.contact-section .contact-form .submit-btn:active:not(:disabled){transform:translateY(0)}.contact-section .contact-form .submit-btn:disabled{cursor:not-allowed;opacity:.7}.contact-section .contact-form .submit-btn.loading{pointer-events:none}.contact-section .contact-form .submit-btn .btn-icon{display:flex;align-items:center;justify-content:center}.contact-section .contact-form .submit-btn .btn-icon svg{width:16px;height:16px}.contact-section .contact-form .submit-btn .btn-icon .spinner{animation:spin 1s linear infinite}.contact-section .contact-form .submit-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:all .6s ease}.contact-section .contact-form .submit-btn:active:before{width:300px;height:300px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.contact-section{padding:40px 20px}.contact-section .contact-container{grid-template-columns:1fr;margin:0}.contact-section .office-info{border-right:none;border-bottom:1px solid #e9ecef}.contact-section .office-info,.contact-section .contact-form{padding:30px 20px}.contact-section .section-title{font-size:24px;text-align:center}.contact-section .section-title:after{left:50%;transform:translate(-50%)}}@media (max-width: 480px){.contact-section{padding:20px 10px}.contact-section .office-info,.contact-section .contact-form{padding:20px 15px}.contact-section .section-title{font-size:20px}.contact-section .info-item{gap:10px}.contact-section .info-icon{width:35px;height:35px}.contact-section .info-icon svg{width:18px;height:18px}.contact-section .submit-btn{padding:12px 25px;font-size:14px}}@media (prefers-color-scheme: dark){.contact-section{background-color:#1a1a1a}.contact-section .contact-container,.contact-section .office-info,.contact-section .contact-form{background:#2d2d2d;border-color:#404040}.contact-section .section-title,.contact-section .info-content h4{color:#fff}.contact-section .info-content p{color:#ccc}.contact-section .form-input,.contact-section .form-textarea{background:#1a1a1a;border-color:#404040;color:#fff}.contact-section .form-input::placeholder,.contact-section .form-textarea::placeholder{color:#888}.contact-section .form-input:focus,.contact-section .form-textarea:focus{border-color:#ffc107}}