:root{--brand-primary:#9f0038;--brand-primary-hover:#750029;--brand-primary-rgb:159,0,56;--brand-secondary:#0056b3;--brand-secondary-hover:#003f82;--brand-heading:#0f172a;--brand-text:#334155;--brand-muted:#475569;--brand-surface:#ffffff;--brand-background:#f3f4f6} *{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif} body,h1,h2,h3,p,ul,li{margin:0;padding:0} body{font-family:Arial,sans-serif} body,html{min-height:100vh;margin:0;padding:0} .slogan{position:absolute;top:75%;left:15%;transform:translate(-15%,-75%)} .slogan h2{color:var(--brand-secondary);font-size:xxx-large} .slogan h3{padding-left:250px;color:var(--brand-primary);font-size:xx-large} a:hover{text-decoration:none} .error-message{backdrop-filter:blur(15px);font-weight:600;position:absolute;left:5%} .header{background-color:rgba(255,255,255,0.9);padding:10px 0;box-shadow:0 4px 6px rgba(0,0,0,0.1);position:sticky;top:0;z-index:100} .navbar{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 20px} .links{list-style:none;display:flex;gap:20px;align-items:center} .links li{position:relative} .logout-btn{background:none;border:none;padding:0;color:inherit;cursor:pointer} .links li a,.links .logout-btn{color:var(--brand-secondary);text-decoration:none;font-size:18px;font-weight:500;padding:10px 15px;transition:transform 0.3s ease,background-color 0.3s ease;border-radius:5px} .links li a:hover,.links .logout-btn:hover{transform:scale(1.1);background-color:var(--brand-secondary);color:#fff;border-radius:5px} .toggle_btn{display:none} .logo-img{height:50px;object-fit:contain} @media (max-width:768px){.navbar{justify-content:space-between} .toggle_btn{display:block;color:white} .links{display:none;flex-direction:column;gap:10px;background-color:#2e2e2e;position:absolute;top:100%;left:0;right:0;padding:20px} .links li{width:100%} .links li a{display:block;width:100%;text-align:center}} .logo-img.base{width:100px;height:80px;object-fit:contain} .navbar .toggle_btn{color:var(--brand-secondary);font-size:3rem;cursor:pointer;display:none;padding:0;border:0;background:transparent} #id_shipment_price_given_by_customer{max-width:182px;border:1px solid #ccc} .logo-img{width:150px} .home-title{color:var(--brand-secondary);text-align:center;padding:2rem} .container-home-home{display:flex;max-width:1600px;margin:0 auto;padding:10px} .logo-home{position:absolute;width:15%;right:80%;top:0} .banner{flex:7;background-image:url('../images/truck.png');background-size:cover;background-repeat:no-repeat;background-position:center center;color:white;text-align:center;padding:4rem 0;display:flex;align-items:center;justify-content:center;border-radius:15px;margin-right:20px} .banner:before,.banner:after{content:'';position:absolute;top:0;bottom:0;width:20%;background-color:white;z-index:-1} .banner:before{left:-20%} .banner:after{} .banner-content{width:510px;max-width:800px;margin:0 auto;backdrop-filter:blur(15px);border-radius:15px;position:relative;z-index:1} .banner h2,.banner p{color:black;padding-bottom:20px;padding-top:10px} .banner .cta-button{background-color:var(--brand-primary);color:white;border:none;padding:0.5rem 1.5rem;border-radius:4px;text-decoration:none;transition:background-color 0.3s ease;margin-bottom:20px} .banner .cta-button:hover{background-color:var(--brand-secondary)} .services{flex:3;background-color:#f0f0f0;padding:10px;border-radius:15px;max-width:550px} .services h2,.services h3{text-align:center;margin-bottom:10px;color:var(--brand-secondary)} .service-card{background-color:#f4f4f4;padding:1rem;margin:1rem;border-radius:4px} .services-list{list-style:none;padding:0;margin:0} .services-list .service{margin-bottom:10px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .tv-image{width:50%} .services-list i{color:green;margin-right:5px} .service{font-weight:500} span{color:var(--brand-primary);font-size:larger;letter-spacing:1px} .btn-btn{text-align:center} .btn-home{width:170px;height:40px;color:var(--brand-secondary);background-color:var(--brand-primary);border-radius:5px;border:none;font-size:large;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer} .btn-home a{text-decoration:none;color:white} .map-section{position:relative;background:url('/static/images/bg-map-gray.png') no-repeat center center/contain;padding:80px 20px;text-align:center;display:flex;justify-content:center;align-items:center;height:400px} .map-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.58);display:flex;justify-content:center;align-items:center;padding:20px;z-index:1} .map-content{position:relative;z-index:2;color:#ffffff;max-width:800px;text-align:center} .map-content h2{font-size:36px;font-weight:700;margin-bottom:20px} .map-content h2 span{color:#ffb3c7} .map-content p{font-size:18px;line-height:1.6;margin-bottom:20px;font-weight:300} @media (max-width:768px){.map-section{height:auto} .map-content h2{font-size:28px} .map-content p{font-size:16px}} .info{padding:4rem 0} .info-container{margin:0 auto;padding:0 20px} .info-container-inner{display:flex;justify-content:center} .info-info{display:flex;justify-content:space-between;flex-wrap:nowrap} .inner-box{flex:1;background-color:white;padding:20px;border-radius:10px;margin-right:20px;box-shadow:0 4px 10px rgba(0,0,0,0.1)} .inner-box p{color:#333} .inner-box h3{color:var(--brand-secondary)} .inner-box h2{color:var(--brand-primary)} .location{display:flex;flex-direction:column;flex-grow:1;align-self:stretch;background-color:transparent;justify-content:space-evenly;margin-bottom:50px} .title-location{display:flex;flex-direction:column;align-items:center;margin:20px auto;width:53.5%;border-radius:10px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,0.1);text-align:center} .title-location h2{font-size:24px;margin:10px auto;color:var(--brand-secondary);font-weight:700} .title-location p{max-width:75%;padding-bottom:25px;font-size:larger;color:var(--brand-secondary);line-height:1.6} .location-btn{width:50%;background-color:gray;color:white;height:50px;border:none;font-weight:600;letter-spacing:1px;font-family:Arial,Helvetica,sans-serif;font-size:larger;cursor:pointer;border-radius:10px} .location-btn.uk{background-color:var(--brand-primary);color:#fff} .button-holder{display:flex;justify-content:space-evenly} .location-btns{display:flex;width:53.5%} .location-content{display:flex;justify-content:center;margin:10px auto;width:53.5%;border-radius:10px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,0.1)} .location-content.bg{display:none} .img-bg{padding-right:30px} .location-container{display:flex;flex-direction:column;justify-content:space-evenly} .location-title{text-align:center;color:var(--brand-primary);font-size:xx-large} .location-info{color:var(--brand-secondary);line-height:2} .location-info span{color:var(--brand-primary)} .location-addresses{display:flex;justify-content:space-between;margin-left:40px} .location-address{display:flex;flex-direction:column} .location-address h2{color:var(--brand-primary)} .location-address p{color:var(--brand-secondary)} .privacy-container{margin:0;padding:0;font-family:Arial,sans-serif;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center} .privacy-policy{margin-top:50px;margin-bottom:50px;max-width:1100px;padding:20px;border:1px solid #ccc;border-radius:5px;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.1);text-align:left} .privacy-policy ol{padding-left:20px;line-height:3;color:var(--brand-primary)} .privacy-policy p{margin-top:2px;margin-bottom:2px} .privacy-policy h1{font-size:24px;margin-bottom:10px;text-align:center;color:var(--brand-secondary)} .privacy-policy p{font-size:16px;line-height:1.6;color:var(--brand-secondary)} .h2_top{text-align:center;margin:10px 0 10px 0} .privacy-policy h2{font-weight:500;padding:5px 0 5px 0;color:var(--brand-primary)} .privacy-policy h3{font-weight:400;padding:5px 0 5px 0} .link_h2{text-decoration:none} *{margin:0;padding:0;box-sizing:border-box} .testimonial{width:60%;margin:0 auto;position:relative;overflow:hidden} .swiper-slide{width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden} .slide-content{display:flex;max-height:500px;padding:20px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1)} .container-services{padding:60px 0;background-color:#f5f5f5} .mySwiper{width:60%;margin:0 auto} .slide{background-color:white;display:flex;flex-direction:column;padding:20px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.1)} .slide h2{font-size:24px;margin-bottom:15px;color:var(--brand-secondary);text-align:center} .image-container{position:relative;margin-bottom:20px;overflow:hidden;border-radius:10px;width:100%;height:400px} .text-container{padding:50px 20px 20px 50px} .text-container span{text-align:center} .image{width:100%;height:auto} .slide-content h2{font-size:24px;margin-bottom:10px;color:#333} .slide-content p{font-size:16px;color:#777;line-height:1.6} .slide p{font-size:16px;color:#777;line-height:1.6} .swiper-button-next,.swiper-button-prev{color:#ff6600;font-size:24px} .swiper-pagination{bottom:20px} .swiper-pagination-bullet{background-color:#ff6600;width:10px;height:10px;border-radius:50%;margin:0 5px} .swiper-pagination-bullet-active{background-color:#ff8800} .container{width:100%;background-color:#f5f5f5} .additions-wrapper{max-width:100%;padding:50px 0;background-color:rgba(255,255,255,0.8)} .additions{display:flex;gap:50px;max-width:1200px;margin:0 auto} .info-1,.info-2{margin-bottom:30px;padding:20px;background-color:rgba(255,255,255,0.8);backdrop-filter:blur(8px);border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1);display:flex;flex-direction:column} .telephones-services{margin-top:auto;display:flex;align-items:center;justify-content:space-between} .info-1 h3{color:var(--brand-secondary);padding-bottom:10px} .info-1 p{padding-bottom:10px;padding-left:10px;word-break:unset} .info-1 ul{padding-left:30px;word-break:keep-all} .info-1 li{padding:10px 0} .info-2 h3{color:var(--brand-secondary);padding-bottom:10px} .info-2 p{padding-bottom:10px;padding-left:10px;word-break:unset;margin-top:50px} .info-2 ul{padding-left:30px;word-break:keep-all} .info-2 li{padding:10px 0} .info-2 a{text-decoration:none;font-weight:600;color:var(--brand-primary)} .info-2 a:hover{color:var(--brand-secondary)} .service-guide{display:flex;flex-direction:column;align-items:center} .step-box{border:1px solid #ddd;padding:20px;margin:20px;border-radius:10px;width:1200px;text-align:center;background-color:rgba(255,255,255,0.9);box-shadow:0 2px 10px rgba(0,0,0,0.1)} .step-box h2{font-size:24px;margin-bottom:10px;color:var(--brand-secondary)} .step-box p{font-size:16px;line-height:1.6;margin-bottom:20px;color:var(--brand-primary)} .step-box a{color:var(--brand-primary);text-decoration:none;font-weight:600;display:none} .step-box a:hover{text-decoration:underline} .page-title{font-size:36px;color:var(--brand-secondary);text-align:center;margin-top:50px;margin-bottom:30px;display:none} .background{width:100%;height:150vh;min-height:120vh;background:url('../images/truck.png') no-repeat;background-size:cover;background-position:center;filter:blur(10px)} .background-home{width:100%;height:60vh;background:url('../images/truck.png') no-repeat;background-size:cover;background-position:center;filter:blur(10px)} .container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:75%;height:550px;background:url('../images/truck.png') no-repeat;background-size:cover;background-position:center;border-radius:10px;margin-top:20px} .container-home{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);width:75%;height:550px} .container-home .content{position:absolute;top:0;left:0;width:100%;height:100%;padding:80px;color:var(--brand-secondary);display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:15px} .background.home-after-login{height:170vh} .box{width:calc(100% - 20px);padding:10px;margin-bottom:15px;border-radius:10px} .bubble{padding:15px;background-color:rgba(245,244,243,0.4);border-radius:20px;text-align:center;word-wrap:break-word} .property{text-align:center} .value{color:var(--brand-primary)} .title-desc{text-align:center;color:var(--brand-primary);font-weight:500;letter-spacing:2px;background-color:var(--brand-secondary);width:100%;border-radius:10px} .bg-uk{width:375px} .box-no-orders{width:100%;padding:10px;margin-bottom:15px} .bubble-no-orders,.bubble-no-orders-img{padding:15px;background-color:rgba(245,244,243,0.4);border-radius:20px;text-align:center;margin-bottom:25px} .desc-no-orders{padding:10px} .container .content{position:absolute;top:0;left:0;width:80%;height:80%;background:transparent;padding:5%;color:var(--brand-secondary);display:flex;justify-content:space-between;flex-direction:column} .number-mobile{display:none} .content .number{font-size:20px;background-color:rgba(245,244,243,0.4);width:25%;border-radius:10px;text-align:center} .number.prod{width:100%;text-align:left;padding-left:20%} .number .pk-number{text-decoration:underline} .content .logo{font-size:30px} .text-sci{width:60%} .text-sci.profile{width:60%;background-color:rgba(245,244,243,0.4);border-radius:10px;padding:15px;margin:5px} .text-sci h2{font-size:32px} .text-sci.profile span{font-size:25px} .text-sci h2 span{font-size:25px} .text-sci p > span{font-size:32px;color:var(--brand-secondary)} .text-sci p{font-size:24px;margin:20px 0;color:var(--brand-primary);font-weight:500} .text-sci.profile p{font-size:24px;margin:20px 0;color:var(--brand-secondary);font-weight:500} .container .logred-box{position:absolute;top:0;right:0;width:calc(100% - 58%);height:100%;overflow:hidden} .social-icons a i{font-size:32px;color:var(--brand-secondary);margin-right:10px;transition:.5s ease} .social-icons a:hover i{transform:scale(1.2);color:var(--brand-primary)} .logred-box .form-box{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:transparent;backdrop-filter:blur(20px);border-top-right-radius:10px;border-bottom-right-radius:10px;color:#e4e4e4} .logred-box .form_sign{color:var(--brand-secondary)} .logred-box .form-box.login{transform:translateX(0);transition:transform .6s ease;transition-delay:.0s} .logred-box.active .form-box.login{transform:translateX(580px);transition-delay:0s} .logred-box .form-box.register{transform:translateX(580px);transition:transform .6s ease;transition-delay:0s} .logred-box.active .form-box.register{transform:translateX(0px);transition-delay:.7s} .form-box h2{font-size:32px;text-align:center} .input-pair{display:flex;justify-content:space-between;margin-bottom:10px;gap:15px} .form-box.login .input-box,.form-box.register .input-box{position:relative;width:340px;height:50px;border-bottom:2px solid var(--brand-secondary);margin:30px 0} .form-box.order-desc .input-box{position:relative;width:170px;height:50px;border-bottom:2px solid var(--brand-secondary);margin:30px 0} .input-box input{width:100%;height:100%;background:transparent;border:none;outline:none;font-size:16px;color:#e4e4e4;font-weight:500;padding-right:28px} .input-box label{position:absolute;top:50%;left:0;transform:translateY(-50%);font-size:16px;font-weight:500;pointer-events:none;transition:.5s ease;color:var(--brand-secondary)} .input-box input:focus ~ label,.input-box input:valid ~ label{top:-5px} .input-box .icon{position:absolute;top:13px;right:0;font-size:19px;color:var(--brand-secondary)} .input-box select{width:100%;height:100%;background:transparent;border:none;outline:none;font-size:16px;color:white;font-weight:500;padding-right:28px} .input-box option{color:black} .input-box select:focus ~ label,.input-box select:valid ~ label{top:-5px} .input-box select{padding-top:10px} .input-box select:focus + .icon{color:var(--brand-primary)} .input-box select:valid + .icon{color:var(--brand-primary)} .input-box .icon{position:absolute;top:16px;right:0;font-size:19px;color:var(--brand-secondary)} .form-box .remember-forgot{font-size:14.5px;font-weight:500;margin:-15px 0 15px;display:flex;justify-content:space-between} .remember-forgot label input{accent-color:#e4e4e4;margin-right:3px} .remember-forgot a{color:#e4e4e4;text-decoration:none} .remember-forgot a:hover{text-decoration:underline} .btn,.how-it-works{width:100%;height:45px;background-color:var(--brand-primary);border:none;outline:none;border-radius:4px;cursor:pointer;font-size:16px;color:var(--brand-secondary);font-weight:500;box-shadow:0 0 10px rgba(0,0,0,.5)} .btn.no-orders{width:auto;padding:10px;height:45px;background-color:var(--brand-primary);border:none;outline:none;border-radius:4px;cursor:pointer;font-size:20px;color:var(--brand-secondary);font-weight:500;box-shadow:0 0 10px rgba(0,0,0,.5)} .form-box .login-register{font-size:14.5px;font-weight:500;text-align:center;margin-top:25px} .login-register p a{color:var(--brand-primary);font-weight:600;text-decoration:none} .login-register p a:hover{text-decoration:underline} .pagination-container{text-align:center;margin-top:20px} .pagination{display:flex;background-color:#f9f9f9;padding:8px 16px;border-radius:4px;margin-bottom:40px} .pagination a{color:var(--brand-secondary);padding:8px 16px;text-decoration:none} .pagination a:hover{background-color:#f1f1f1} .pagination .current{color:var(--brand-secondary);font-weight:bold} .content{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;visibility:hidden;opacity:0;transition:visibility 0s,opacity 0.3s ease-in-out;z-index:1000} .popup.show{visibility:visible;opacity:1} .popup-content{background-color:var(--brand-background);padding:40px;border-radius:10px;box-shadow:0 5px 30px rgba(0,0,0,0.2);width:100%;max-width:600px;position:relative;text-align:center;animation:fadeIn 0.4s ease;margin:auto;overflow-y:auto;max-height:100%} .popup-content::-webkit-scrollbar{width:6px} .popup-content::-webkit-scrollbar-track{background:transparent} .popup-content::-webkit-scrollbar-thumb{background:rgba(var(--brand-primary-rgb),0.3);border-radius:3px} .popup-content::-webkit-scrollbar-thumb:hover{background:var(--brand-primary)} .close-btn{padding:0;border:0;background:transparent;position:absolute;top:15px;right:15px;font-size:30px;color:#595959;cursor:pointer;transition:color 0.3s ease} .close-btn:hover{color:var(--brand-primary)} .popup-image{width:100%;max-width:250px;margin-bottom:20px;display:none} .popup-content h2,.popup-content h3{font-size:20px;color:#333} .popup-content h2 span,.popup-content h3 span{color:var(--brand-primary)} .services-list{list-style:none;padding:0;margin:20px 0} .service{font-size:16px;color:#555;margin-bottom:10px;text-align:left} .service i{color:#28a745;margin-right:10px} .btn-home{background-color:var(--brand-primary);color:white;font-size:16px;border:none;border-radius:5px;cursor:pointer;transition:background-color 0.3s ease} .btn-home:hover{background-color:var(--brand-primary-hover)} .btn-home a{color:white;text-decoration:none} .service-card{background-color:rgba(255,255,255,0.9);padding:20px;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.1);margin-bottom:20px;text-align:left} @media (max-width:768px){.popup-content{width:90%} .service-card{margin-bottom:20px}} @keyframes fadeIn{from{opacity:0;transform:scale(0.95)} to{opacity:1;transform:scale(1)}} .form-container{max-width:400px;margin:0 auto;padding:20px;border-radius:8px;background-color:#f7f7f7;box-shadow:0 0 10px rgba(0,0,0,0.1)} .parcel-form{display:grid;gap:10px} .form-group{display:grid;gap:5px} label{font-weight:bold} input[type="text"],input[type="number"]{padding:8px;border-radius:4px} button.btn-submit{padding:10px 20px;background-color:var(--brand-secondary);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color 0.3s} button.btn-submit:hover{background-color:var(--brand-secondary)} .container-collect{background-color:rgba(255,255,255,0.9);width:90%;max-width:800px;box-shadow:0 2px 5px rgba(0,0,0,0.3);border-radius:8px;padding:20px;margin:50px auto} .form-row{display:flex;flex-wrap:wrap;margin-left:-5px;margin-right:-5px} .phone-input{width:40px;height:40px;margin:2px;text-align:center;font-size:20px;border:1px solid #ccc;display:inline-block} .form-group{display:grid;gap:5px;margin-bottom:1rem} .form-group label{font-weight:bold;display:inline-block;margin-bottom:0.5rem} body > div > form > div:nth-child(2) > div.form-group.form-check{margin-left:auto} #officeGroup{display:none} .office{font-size:21px} #select-country{display:flex;justify-content:space-between} #priceInput{display:flex;justify-content:space-between;align-items:center} .payOn{padding-bottom:10px} #id_collection_from_address{max-width:182px;border:1px solid #ccc} #id_owed{margin-left:auto} .volume{margin-left:auto} .weight{margin-left:auto} #payOnDel{margin-left:15px} #id_price{margin-left:auto} #shipmentForm > div.form-group.form-check{padding:20px 5px;display:flex;justify-content:space-between} #paymentGroup{display:none} #checkBoxesContainer{display:flex;justify-content:space-between} @media (max-width:990px){.navbar .links,.navbar .action-btn{display:none} .navbar .toggle_btn{display:block;color:var(--brand-secondary);order:2} .logo-img.base.nav-image{display:none} .container .content{display:none} .container .logred-box{width:100%;margin-bottom:20px} .box{width:100%;margin-top:30px} .background{height:140vh} body > div.background.reg-log{height:110vh} .box-no-orders{margin-top:50px} .bubble-no-orders-img{display:none} .container-home .content{padding:80px 0 0 0} .btn.no-orders{width:auto} .logred-box .form-box{height:95%} .form-box.order-desc .input-box,.logred-box.active .form-box.login{width:auto;flex-direction:column} .input-pair{flex-direction:column;padding:10px} .container .logred-box{height:180%} .input-box label{color:var(--brand-secondary)} .input-box .icon{color:var(--brand-secondary)} .title-desc{margin-top:50px;margin-bottom:50px} .home-title{padding-top:200px} .banner{display:none} body > main > div.container.home{position:relative;margin-top:150px} .logo-home{display:none} .background-home{display:none} body{overflow-x:hidden} .info-info{flex-direction:column;margin-bottom:150px;gap:20px} .services{width:100%} .map-overlay{width:100%} .map-overlay p{font-size:large} .services-list .service{max-width:100%;white-space:unset} .services-list{text-align:center} .services{padding:0;max-width:100%} .services h2{margin-bottom:50px;margin-top:50px} .service-card{padding-left:10px;margin:0} .info-container{margin-top:250px} .swiper-slide{display:flex;flex-direction:column;align-items:center;text-align:unset;height:auto;width:100%} .slide-content{display:flex;flex-direction:column;align-items:center;max-height:100%;width:100%} .slide-content img{width:100%;max-width:100%;height:50%} .text-container{max-width:100%;margin-top:20px;padding:0} .testimonial{width:100%;height:1400px} .image-container{overflow:unset;width:100%} .image-container img{padding-top:50px} .tv-image{width:50%} .additions{flex-direction:column} .additions *{width:90%;margin:auto} .location{padding-top:150px} .title-location{width:100%} .location-btns{width:100%} .location-content{width:100%;flex-direction:column} .location-title{padding-bottom:20px} .location-info p{padding:5px} .location-info{margin-bottom:50px} .location-addresses{gap:20px;margin:0} .navbar a::after{display:none} .prof{padding-top:60px;padding-bottom:80px} .logred-box{width:100%;margin:0 auto} .container .logred-box{height:250%} .logred-box .form-box{height:90%} .container{width:100%;height:250px;background:transparent} .prof{height:500px} .prod{height:500px} .header{display:none;transition:transform 0.3s ease} .header.header-visible{display:block;width:100%;z-index:1000} .header:not(.header-visible){} .background{height:180vh} .how-it-works-main h1{padding:0 50px;display:none} .step-box{width:90%} .privacy-container{padding-top:150px}} @media (max-width:576px){.container-collect{width:400px} .home-title{padding-top:200px} .banner{display:none} body > main > div.container.home{position:relative;margin-top:150px} .logo-home{display:none} .background-home{display:none} body > div.background.reg-log{height:110vh} body > div.background.home-after-login{height:270vh} body{overflow-x:hidden} .info-info{flex-direction:column;margin-bottom:150px;gap:20px} .services{width:100%} .services h2{margin-top:20px;margin-bottom:20px} .map-overlay{width:100%} .map-overlay p{font-size:large} .services-list .service{max-width:100%;white-space:unset} .services-list{text-align:unset} .services{padding:0} .service-card{padding-left:10px;margin:0} .info-container{margin-top:250px} .swiper-slide{display:flex;flex-direction:column;align-items:center;text-align:unset;height:auto;width:100%} .slide-content{display:flex;flex-direction:column;align-items:center;max-height:100%;width:100%} .slide-content img{width:100%;max-width:100%;height:50%} .text-container{max-width:100%;margin-top:20px;padding:0} .testimonial{width:100%;height:1400px} .image-container{overflow:unset;width:100%} .image-container img{padding-top:50px} .tv-image{width:50%} .additions{flex-direction:column} .additions *{width:90%;margin:auto} .location{padding-top:150px} .title-location{width:100%} .location-btns{width:100%} .location-content{width:100%;flex-direction:column} .location-title{padding-bottom:20px} .location-info p{padding:5px} .location-info{margin-bottom:50px} .location-addresses{gap:20px;margin:0} .navbar a::after{display:none} .prof{padding-top:60px;padding-bottom:80px} .logred-box{width:100%;margin:0 auto} .container .logred-box{height:250%} .logred-box .form-box{height:90%} .container{width:100%;height:250px;background:transparent} .prof{height:500px} .prod{height:500px} .header.header-visible{display:block;position:sticky;top:0;width:100%;z-index:1000} .background .reg-log{height:110vh} .how-it-works-main h1{padding:0 50px} .step-box{width:90%} .title-desc{width:100%} .container-home{left:35%;transform:translate(-35%,-50%);width:100%} .number-mobile{display:block;font-size:20px;background-color:rgba(245,244,243,0.4);width:100%;border-radius:10px;text-align:center;color:var(--brand-secondary)}} .info{padding:40px 20px;background-color:rgba(255,255,255,0.6);margin-top:20px;z-index:2;position:relative} .info-container{margin:0 auto} .inner-box{background-color:white;padding:30px;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.1);text-align:center;margin:20px;height:320px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;transition:transform 0.3s ease,box-shadow 0.3s ease} .owl-dots{display:none} .inner-box:hover{transform:translateY(-10px);box-shadow:0 6px 20px rgba(0,0,0,0.2)} .info-icon{font-size:50px;color:var(--brand-secondary);margin-bottom:20px} .inner-box h2{font-size:36px;color:var(--brand-secondary);margin-bottom:10px} .inner-box h3{font-size:24px;color:#333;margin-bottom:10px} .inner-box p{font-size:16px;color:#555;line-height:1.5} .new-home-container{max-width:1200px;margin:0 auto;padding:0 20px} .new-banner-section{text-align:center;margin-bottom:50px} .new-logo-home{max-width:150px;margin-bottom:20px} .new-slogan-primary{font-size:36px;color:#333;font-weight:bold} .new-slogan-secondary{font-size:28px;color:var(--brand-secondary)} .new-home-container{position:relative;z-index:2;min-height:100vh} .new-hero-section{text-align:center;padding:80px 20px 180px 20px;background:linear-gradient(to right,rgb(66 135 209 / 35%),rgb(0 86 179 / 15%)),url(/static/images/truck.webp);background-size:cover;color:white;position:relative;border-bottom-left-radius:50px;border-bottom-right-radius:50px;box-shadow:0 5px 15px rgba(0,0,0,0.2)} .viber img{width:40px;height:42px;user-select:none} .whatsapp img{width:48px;height:50px;user-select:none} .call-message-buttons .viber,.call-message-buttons .whatsapp{background:none} .call-message-buttons a{text-decoration:none} .new-logo-home{max-width:180px;margin-bottom:20px} .new-slogan-primary{font-size:50px;color:white;font-weight:bold;margin-bottom:15px} .new-slogan-secondary{font-size:26px;color:#ffffff;margin-bottom:30px} .new-cta-button{padding:15px 40px;background-color:var(--brand-primary);color:white;font-size:18px;text-decoration:none;border-radius:8px;transition:background-color 0.3s ease;margin-top:20px} .new-cta-button:hover{text-decoration:none !important;color:unset !important;background-color:var(--brand-primary-hover)} .new-services-section{background-color:#f8f9fa;padding:60px 20px;margin-top:-80px;border-radius:20px;box-shadow:0 4px 15px rgba(0,0,0,0.1)} .new-section-title{font-size:32px;color:#333;margin-bottom:50px;margin-top:30px;text-align:center} .new-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px} .new-service-card{background-color:white;padding:30px;border-radius:15px;box-shadow:0 4px 10px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease;text-align:left;position:relative;display:flex;flex-direction:column} .new-service-card:hover{transform:translateY(-10px);box-shadow:0 6px 20px rgba(0,0,0,0.15)} .new-service-icon{font-size:45px;color:var(--brand-secondary);margin-bottom:20px} .new-services-list{list-style:none;padding:0;margin-bottom:10px} .new-services-list .new-service{font-size:16px;color:#555;margin-bottom:10px} .new-services-list .new-service i{color:#28a745;margin-right:10px} .new-btn-container{margin-top:auto;text-align:center} .new-btn-home{background-color:var(--brand-secondary);color:white;padding:12px 25px;border:none;border-radius:8px;transition:background-color 0.3s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:16px;font-weight:bold} .new-btn-home a{color:white;text-decoration:none} .new-btn-home:hover{background-color:#004080} .new-why-choose-us{background-color:#e9f1f7;padding:60px 20px;text-align:center} .why-title{font-size:32px;color:#333;margin-bottom:40px;text-align:center} .why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px} .why-box{background-color:white;padding:30px;border-radius:15px;box-shadow:0 4px 10px rgba(0,0,0,0.1);text-align:left;position:relative} .why-box i{font-size:40px;color:var(--brand-secondary);margin-bottom:15px;display:inline-block} .why-box h3{font-size:24px;color:#333;margin-bottom:10px} .why-box p{font-size:16px;color:#555} @media (max-width:768px){.new-services-grid,.why-grid{grid-template-columns:1fr} .new-slogan-primary{font-size:36px} .new-cta-button{font-size:16px}} body{background:url('/static/images/9492285.webp') no-repeat center center fixed;background-size:cover;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between} .tracking-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:all 0.3s ease;padding:20px;box-sizing:border-box} .tracking-modal.active{visibility:visible;opacity:1} .tracking-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px)} .tracking-modal-content{position:relative;background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px rgba(0,0,0,0.3);animation:slideUp 0.4s ease} @keyframes slideUp{from{opacity:0;transform:translateY(30px) scale(0.95)} to{opacity:1;transform:translateY(0) scale(1)}} .tracking-modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:none;background:rgba(255,255,255,0.9);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#64748b;transition:all 0.3s;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,0.1)} .tracking-modal-close:hover{background:var(--brand-primary);color:#fff;transform:rotate(90deg)} .tracking-modal-header{padding:30px 30px 20px;text-align:center;border-bottom:1px solid #f1f5f9} .tracking-status-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:30px;font-size:0.9rem;font-weight:600;margin-bottom:16px} .tracking-status-badge i{font-size:1.2rem} .tracking-status-badge.status-expected{background:rgba(245,158,11,0.1);color:#d97706} .tracking-status-badge.status-uk{background:rgba(59,130,246,0.1);color:#3b82f6} .tracking-status-badge.status-transit{background:rgba(139,92,246,0.1);color:#7c3aed} .tracking-status-badge.status-bg{background:rgba(var(--brand-primary-rgb),0.1);color:var(--brand-primary)} .tracking-status-badge.status-completed{background:rgba(16,185,129,0.15);color:#059669} .tracking-modal-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 4px 0} .tracking-modal-subtitle{font-size:0.9rem;color:#64748b;margin:0} .tracking-image-section{padding:20px 30px;display:none} .tracking-image-section.has-image{display:block} .tracking-image-wrapper{position:relative;border-radius:12px;overflow:hidden;background:#f8fafc} .tracking-image-wrapper img{width:100%;height:200px;object-fit:cover;display:block} .tracking-image-expand{position:absolute;bottom:12px;right:12px;width:36px;height:36px;border:none;background:rgba(255,255,255,0.95);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--brand-muted);transition:all 0.3s} .tracking-image-expand:hover{background:var(--brand-primary);color:#fff;transform:scale(1.1)} .tracking-timeline{padding:24px 30px;display:flex;align-items:flex-start;justify-content:space-between;position:relative;background:#f8fafc} .tracking-timeline::before{content:'';position:absolute;top:46px;left:50px;right:50px;height:3px;background:#e2e8f0;z-index:0} .tracking-timeline.parcel-timeline::before{left:80px;right:80px} .tracking-timeline.product-timeline::before{left:50px;right:50px} .timeline-step{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;position:relative;z-index:1} .timeline-icon{width:44px;height:44px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#94a3b8;margin-bottom:10px;transition:all 0.3s;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,0.08)} .timeline-step.completed .timeline-icon{background:#10b981;color:#fff} .timeline-step.active .timeline-icon{background:var(--brand-primary);color:#fff;animation:pulse 2s infinite} @keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(var(--brand-primary-rgb),0.4)} 50%{box-shadow:0 0 0 10px rgba(var(--brand-primary-rgb),0)}} .timeline-content{display:flex;flex-direction:column;gap:2px} .timeline-label{font-size:0.65rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:0.02em;line-height:1.3;max-width:80px} .timeline-step.completed .timeline-label{color:#10b981} .timeline-step.active .timeline-label{color:var(--brand-primary)} .tracking-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:20px 30px} .tracking-detail-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f8fafc;border-radius:12px;transition:all 0.3s} .tracking-detail-card:hover{background:#f1f5f9;transform:translateY(-2px)} .detail-icon{width:40px;height:40px;border-radius:10px;background:rgba(var(--brand-primary-rgb),0.1);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--brand-primary);flex-shrink:0} .detail-content{display:flex;flex-direction:column;gap:2px;min-width:0} .detail-label{font-size:0.75rem;color:#64748b;text-transform:uppercase;letter-spacing:0.02em} .detail-value{font-size:0.95rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .tracking-notes{margin:0 30px 20px;padding:16px;background:#fffbeb;border-radius:12px;border-left:4px solid #f59e0b;display:none} .tracking-notes.has-notes{display:block} .notes-header{display:flex;align-items:center;gap:8px;font-size:0.85rem;font-weight:600;color:#92400e;margin-bottom:8px} .notes-header i{font-size:1.1rem} .notes-content{font-size:0.9rem;color:#78350f;margin:0;line-height:1.5} .tracking-modal-footer{padding:16px 30px 24px;text-align:center;border-top:1px solid #f1f5f9} .tracking-help{font-size:0.85rem;color:#64748b;margin:0;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap} .tracking-help i{font-size:1.1rem;color:var(--brand-primary)} .tracking-help a{color:var(--brand-primary);font-weight:600;text-decoration:none} .tracking-help a:hover{text-decoration:underline} .tracking-not-found{padding:60px 30px;text-align:center} .tracking-not-found-icon{width:80px;height:80px;margin:0 auto 20px;background:rgba(239,68,68,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#ef4444} .tracking-not-found h3{font-size:1.25rem;color:#1e293b;margin:0 0 8px 0} .tracking-not-found p{font-size:0.9rem;color:#64748b;margin:0} .tracking-loading{padding:80px 30px;text-align:center} .tracking-loading-spinner{width:50px;height:50px;margin:0 auto 20px;border:4px solid #f1f5f9;border-top-color:var(--brand-primary);border-radius:50%;animation:spin 1s linear infinite} @keyframes spin{to{transform:rotate(360deg)}} .tracking-loading p{font-size:0.95rem;color:#64748b;margin:0} .image-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1100;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:all 0.3s ease;padding:20px;box-sizing:border-box} .image-modal.active{visibility:visible;opacity:1} .image-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9)} .image-modal-content{position:relative;max-width:90vw;max-height:90vh} .image-modal-content img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:8px} .image-modal-close{position:absolute;top:-50px;right:0;width:44px;height:44px;border:none;background:rgba(255,255,255,0.1);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;transition:all 0.3s} .image-modal-close:hover{background:var(--brand-primary);transform:rotate(90deg)} .tracking-modal-content::-webkit-scrollbar{width:6px} .tracking-modal-content::-webkit-scrollbar-track{background:transparent} .tracking-modal-content::-webkit-scrollbar-thumb{background:rgba(var(--brand-primary-rgb),0.3);border-radius:3px} .tracking-modal-content::-webkit-scrollbar-thumb:hover{background:var(--brand-primary)} @media (max-width:768px){.tracking-modal{padding:0} .tracking-modal-content{max-height:100vh;border-radius:0;height:100%;margin-top:240px} .tracking-modal-header{padding:24px 20px 16px} .tracking-modal-title{font-size:1.25rem} .tracking-timeline{padding:20px 15px;overflow-x:auto} .tracking-timeline::before{left:40px;right:40px} .timeline-icon{width:36px;height:36px;font-size:1rem} .timeline-label{font-size:0.55rem;max-width:60px} .tracking-details{padding:16px 20px} .tracking-notes{margin:0 20px 16px} .tracking-modal-footer{padding:16px 20px 20px} .tracking-image-section{padding:16px 20px}} @media (max-width:400px){.tracking-status-badge{font-size:0.8rem;padding:8px 16px} .timeline-icon{width:32px;height:32px;font-size:0.9rem} .timeline-label{font-size:0.5rem;max-width:50px}} .services-container{padding:60px 20px;max-width:1300px;margin:0 auto;background-color:rgba(255,255,255,0.8)} .services-intro{text-align:center;margin-bottom:60px} .services-main-title{font-size:42px;font-weight:bold;color:#333;margin-bottom:20px} .services-main-description{font-size:20px;color:#666;line-height:1.6;max-width:850px;margin:0 auto} .container-container-services-page{max-width:1200px;margin:0 auto} .services-intro{text-align:center;padding:60px 40px;border-radius:20px;margin-bottom:60px;color:white;position:relative;overflow:hidden} .services-main-title{font-size:3.5rem;font-weight:700;margin-bottom:20px;position:relative;z-index:2;text-shadow:0 2px 4px rgba(0,0,0,0.3)} .services-main-description{font-size:1.3rem;max-width:800px;margin:0 auto;position:relative;z-index:2;line-height:1.8;opacity:0.95} .service-section{margin-bottom:100px;position:relative} .service-content{display:flex;align-items:center;gap:50px;padding:50px;background:white;border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,0.1);transition:all 0.4s ease;position:relative;overflow:hidden;margin-bottom:40px} .service-content:hover::before{left:100%} .service-content:hover{transform:translateY(-10px);box-shadow:0 25px 50px rgba(0,0,0,0.15)} .service-content.reverse{flex-direction:row-reverse} .service-image{flex:1.5;position:relative} .service-image img{width:100%;border-radius:15px;transition:transform 0.4s ease;box-shadow:0 10px 25px rgba(0,0,0,0.1)} .service-content:hover .service-image img{transform:scale(1.05)} .service-info{flex:2;position:relative;z-index:2} .service-info h2{font-size:2.2rem;color:#333;margin-bottom:20px;position:relative;display:inline-block} .service-info h2::after{content:'';position:absolute;bottom:-8px;left:0;width:50px;height:4px;background:var(--brand-secondary);border-radius:2px;transition:width 0.4s ease} .service-content:hover .service-info h2::after{width:100px} .service-info p{font-size:1.1rem;color:#666;line-height:1.8;margin-bottom:20px} .service-list{list-style:none;padding:0;margin:25px 0} .service-list li{font-size:1rem;color:#555;margin-bottom:12px;padding:10px 15px;background:linear-gradient(135deg,#f8f9ff 0%,#e8f0ff 100%);border-radius:8px;border-left:4px solid var(--brand-secondary);transition:all 0.3s ease;position:relative;overflow:hidden} .service-list li span{font-weight:bold;color:var(--brand-primary)} .non-standard-pricing-section{padding:50px;background:linear-gradient(135deg,#ffffff 0%,#f8f9ff 100%);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,0.1);border:2px solid #e8f0ff;position:relative;overflow:hidden} .pricing-section-title{text-align:center;font-size:2.2rem;font-weight:700;margin-bottom:40px;color:#333;position:relative;z-index:2} .pricing-section-title::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:var(--brand-secondary);border-radius:2px} .pricing-table-wrapper{overflow-x:auto;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.15);position:relative;z-index:2} .non-standard-pricing-table{width:100%;border-collapse:collapse;background:white;border-radius:15px;overflow:hidden} .non-standard-pricing-table th{background:var(--brand-secondary);color:white;padding:20px 15px;text-align:center;font-weight:bold;font-size:1.2rem;text-shadow:0 1px 2px rgba(0,0,0,0.2)} .non-standard-pricing-table td{padding:18px 15px;text-align:left;border-bottom:1px solid #f0f4f8;font-size:1rem;vertical-align:middle;transition:all 0.3s ease} .price-highlight{background:linear-gradient(135deg,#e8f5e8 0%,#d4edda 100%) !important;font-weight:bold;color:#2e7d32 !important;font-size:1.1rem;text-align:center;border-left:5px solid #4caf50;position:relative} .category-header td{background:var(--brand-secondary);font-weight:bold;color:white !important;text-align:center;padding:15px;font-size:1.1rem;border-bottom:none !important;text-shadow:0 1px 2px rgba(0,0,0,0.2)} .category-header td i{margin-right:10px;color:white;font-size:1.2rem} .cta-section{text-align:center;padding:80px 50px;background:var(--brand-secondary);color:white;border-radius:20px;margin-top:60px;position:relative;overflow:hidden} .cta-section::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);animation:float 8s ease-in-out infinite reverse} .cta-section h2{font-size:2.5rem;margin-bottom:20px;position:relative;z-index:2} .cta-section p{font-size:1.2rem;margin-bottom:30px;position:relative;z-index:2} .cta-btn{display:inline-block;padding:18px 40px;background:white;color:var(--brand-secondary);border-radius:50px;text-decoration:none;font-weight:bold;font-size:1.1rem;transition:all 0.4s ease;position:relative;z-index:2;box-shadow:0 5px 15px rgba(0,0,0,0.2)} .cta-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,0.3);background:#f8f9ff} .additions-wrapper{margin-top:60px;padding:50px;background:linear-gradient(135deg,#ffffff 0%,#f8f9ff 100%);border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,0.1)} .additions{display:grid;grid-template-columns:1fr 1fr;gap:40px} .info-1,.info-2{padding:30px;background:white;border-radius:15px;box-shadow:0 8px 20px rgba(0,0,0,0.08);transition:all 0.3s ease;border-left:5px solid var(--brand-secondary)} .info-1 h3,.info-2 h3{color:#333;font-size:1.3rem;margin-bottom:15px;border-bottom:2px solid #f0f4f8;padding-bottom:10px} .info-1 span,.info-2 span{color:var(--brand-primary);font-weight:bold} @media (max-width:768px){.services-intro{padding:40px 20px} .services-main-title{font-size:2.5rem} .service-content{flex-direction:column;padding:30px 20px;gap:30px} .service-content.reverse{flex-direction:column} .service-info h2{font-size:1.8rem} .non-standard-pricing-section{padding:30px 20px} .additions{grid-template-columns:1fr;gap:20px} .additions-wrapper{padding:30px 20px}} .delivery-options{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:25px 0} .delivery-option{background:linear-gradient(135deg,#f8f9ff 0%,#e8f0ff 100%);padding:20px;border-radius:10px;border-left:4px solid var(--brand-secondary)} .delivery-option h4{color:#333;font-size:1.1rem;margin-bottom:15px;display:flex;align-items:center;gap:8px;justify-content:center} .delivery-option h4 i{color:var(--brand-secondary)} .delivery-option p{font-size:0.9rem;margin-bottom:10px;line-height:1.4} .delivery-option span{color:var(--brand-secondary);font-weight:bold} .delivery-option a{color:var(--brand-secondary);text-decoration:none} .delivery-option a:hover{text-decoration:underline} @media (max-width:768px){.delivery-options{grid-template-columns:1fr;gap:20px}} .locations-container{padding:40px;background-color:rgba(255,255,255,0.7);max-width:1200px;margin:0 auto} .title-section{text-align:center;margin-bottom:30px} .title-section h2{font-size:32px;color:#333} .title-section p{font-size:18px;color:#555} .title-section span{color:var(--brand-primary)} .maps-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;margin-top:20px} .location-card{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.1);text-align:center;flex:1;max-width:300px} .location-card h3{font-size:20px;color:var(--brand-secondary);margin-top:10px} .location-card p{font-size:14px;color:#555;margin-top:5px} iframe{border-radius:10px;width:100%;height:200px;border:none} .location-info{margin-top:40px;text-align:center} .location-info h2{font-size:28px;color:#333;margin-bottom:20px} .info-text,.info-bg{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.1);margin-bottom:20px} .info-text p,.info-bg p{font-size:16px;color:#555;margin-bottom:10px} .info-text span,.info-bg span{color:var(--brand-primary)} @media (max-width:768px){.maps-container{flex-direction:column;align-items:center} .location-card{max-width:100%}} .auth-container-new{display:flex;justify-content:center;align-items:center;padding:20px;margin:auto} .auth-content-new{background-color:white;padding:30px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.1);width:100%;max-width:500px} .auth-header-new{text-align:center;margin-bottom:20px} .logo-img-new{width:120px} .form-wrapper-new{position:relative;width:100%} .login-form-new,.register-form-new{width:100%} .form-title-new{font-size:24px;margin-bottom:20px;color:#333;text-align:center} .input-group-new{position:relative;margin-bottom:20px} .input-group-new input{width:100%;padding:12px;padding-left:45px;border:1px solid #ccc;border-radius:8px;background:#f7f7f7;outline:none;font-size:14px;transition:all 0.3s ease} .input-group-new label{position:absolute;top:-10px;left:15px;font-size:12px;color:#777;pointer-events:none;transition:all 0.3s ease} .icon-new{position:absolute;top:50%;left:15px;transform:translateY(-50%);font-size:18px;color:#999} .btn-new{width:100%;padding:12px;background-color:var(--brand-primary);color:white;border:none;border-radius:8px;cursor:pointer;transition:background-color 0.3s ease;font-size:16px;text-transform:uppercase} .btn-new:hover{background-color:#bf0042} .toggle-auth-new{text-align:center;margin-top:20px;font-size:14px} .toggle-auth-new a{color:var(--brand-primary);text-decoration:none;transition:color 0.3s ease} .toggle-auth-new a:hover{color:#bf0042} @keyframes slideDown{from{transform:translateY(-30px);opacity:0} to{transform:translateY(0);opacity:1}} @keyframes slideUp{from{transform:translateY(30px);opacity:0} to{transform:translateY(0);opacity:1}} .login-form-new{animation:slideDown 0.6s ease-in-out} .register-form-new{animation:slideUp 0.6s ease-in-out} .hidden{display:none} .remember-forgot-new{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:20px} .remember-forgot-new label{display:flex;align-items:center;cursor:pointer} .remember-forgot-new a{color:var(--brand-primary);text-decoration:none;transition:color 0.3s ease} .remember-forgot-new a:hover{color:#bf0042} .error-message-new{background-color:#ffcccc;padding:10px;border-radius:8px;color:#cc0000;font-size:14px;margin-top:10px} .form-toggle-new{display:none} .register-active .login-form-new{display:none} .register-active .register-form-new{display:block} .login-active .register-form-new{display:none} .login-active .login-form-new{display:block} .table-container{width:100%;overflow-x:auto} .dashboard-table{width:100%;border-collapse:collapse;background-color:white;box-shadow:0 4px 8px rgba(0,0,0,0.1)} .dashboard-table th,.dashboard-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd} .dashboard-table tbody tr td[data-label="Tracking"]{font-weight:600;letter-spacing:unset;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .dashboard-table th{background-color:#f8f9fa;color:#555;font-weight:600} .dashboard-table td{color:#333} .dashboard-table tbody tr:hover{background-color:#f1f3f5} .pagination-container{display:flex;justify-content:center;margin-top:20px} .pagination a,.pagination span.current{padding:8px 12px;margin:0 5px;background-color:var(--brand-primary);color:white;border-radius:5px;text-decoration:none} .pagination a:hover{background-color:#333;color:white} .no-orders-container{text-align:center;margin-top:50px} .no-orders-title{font-size:24px;color:#555;margin-bottom:20px} .no-orders-content{display:flex;flex-direction:column;align-items:center} .no-orders-image{max-width:300px;margin-bottom:20px} .no-orders-btn{padding:12px 25px;background-color:var(--brand-primary);color:white;border:none;border-radius:5px;text-decoration:none;transition:background-color 0.3s ease} .no-orders-btn:hover{background-color:#333;color:white} .profile-page-container{max-width:1200px;margin:50px auto;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.1)} .profile-header-section{text-align:center;margin-bottom:30px} .profile-logo-new{width:140px;margin-bottom:10px} .profile-title-new{font-size:28px;font-weight:bold;color:#333} .profile-number-new{font-size:18px;color:#666} .profile-instructions-new{text-align:center;margin-bottom:30px} .profile-instructions-new h3{font-size:22px;font-weight:bold;color:#333} .profile-instructions-new p{font-size:16px;color:#777;margin-top:10px} .profile-form-container{padding:30px;background-color:#f9f9f9;border-radius:10px} .profile-form-new{display:flex;flex-direction:column;gap:20px} .profile-form-row{display:flex;justify-content:space-between;gap:20px} .input-group-new{flex:1;position:relative} .input-group-new input{width:100%;padding:15px;padding-left:50px;border:1px solid #ddd;border-radius:5px;background-color:#f9f9f9;font-size:16px;outline:none;transition:border-color 0.3s} .input-group-new input:focus{border-color:var(--brand-primary);background-color:#fff} .input-group-new label{position:absolute;top:15px;left:50px;font-size:14px;color:#888;transition:all 0.3s;pointer-events:none} .input-group-new input:focus ~ label,.input-group-new input:not(:placeholder-shown) ~ label{top:-10px;left:20px;font-size:12px;color:var(--brand-primary);background-color:#fff;padding:0 5px} .input-icon-new{position:absolute;top:50%;left:15px;transform:translateY(-50%);font-size:20px;color:#999} .profile-button-container{text-align:center;margin-top:20px} .profile-save-button{background-color:var(--brand-primary);color:white;padding:12px 40px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color 0.3s} .profile-save-button:hover{background-color:#d00448} @media (max-width:768px){.profile-form-row{flex-direction:column}} .tracking-table-container{margin-top:20px;text-align:center} .tracking-table{width:100%;max-width:600px;margin:0 auto;border-collapse:collapse;border:1px solid #ddd;box-shadow:0 0 10px rgba(0,0,0,0.1)} .tracking-table th,.tracking-table td{padding:12px 15px;text-align:left;border:1px solid #ddd;font-family:Arial,sans-serif} .tracking-table th{background-color:#f5f5f5;font-size:18px;text-align:center} .tracking-table td{font-size:16px} .tracking-table td:first-child{font-weight:bold;width:30%} .error{color:var(--brand-primary);font-size:16px;margin-top:10px} .btn-container{display:flex;align-items:center;justify-content:space-between} .call-message-buttons{display:flex;align-items:center;gap:20px;position:relative} .google-maps-card{position:relative;margin-top:20px;padding:10px;text-align:center;height:auto;border:1px solid #ddd;box-shadow:0 0 10px rgba(0,0,0,0.1);border-radius:10px;background-color:#fff} .google-maps-card iframe{border-radius:10px} .google-map-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;background-color:rgba(0,0,0,0.2);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity 0.3s ease;cursor:pointer} .google-map-overlay span{font-size:16px;color:white;font-family:Arial,sans-serif} .google-maps-card:hover .google-map-overlay{opacity:1} .icon-btn{background-color:var(--brand-primary);color:white;border:none;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color 0.3s ease;font-size:24px} .icon-btn a{color:white;text-decoration:none;display:flex;width:100%;height:100%;align-items:center;justify-content:center} .icon-btn i{font-size:24px} .call-btn{background-color:#28a745} .call-btn:hover{background-color:#218838} .sms-btn{background-color:var(--brand-secondary)} .sms-btn:hover{background-color:var(--brand-secondary)} .select-container{position:relative;display:inline-block;width:180px;margin-right:20px} #model-type{background-color:#fff;border-radius:5px;color:#333;font-size:16px;padding:10px 15px;width:100%;cursor:pointer;outline:none;text-align:center;font-family:Arial,sans-serif;box-shadow:0 0 5px rgba(0,0,0,0.1);transition:all 0.3s ease} .loader{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:auto} .overlay-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.7);align-items:center;justify-content:center;z-index:9999;display:none} @keyframes spin{0%{transform:rotate(0deg)} 100%{transform:rotate(360deg)}} @media only screen and (max-width:768px){.service-card h2,.service-card h3{text-align:center} .new-service-card h3{text-align:center} .new-services-list .new-service{font-size:12px} .new-services-list{margin-bottom:20px} .close-btn{top:-5px;right:10px} .popup-content{width:90%;height:auto;padding:20px;max-height:80vh;overflow-y:auto} .popup img{height:auto} .service-card{width:100%;margin:10px 0} .service-card h3{font-size:1.5rem} .service-card ul.services-list{padding-left:10px} .service-card .service{font-size:14px} .service-card .btn-home{font-size:1rem} .popup .btn-home,.popup .btn-container button{font-size:1.2rem;order:2} .btn-container{flex-direction:column;gap:20px} .new-btn-home.log,.new-btn-home.dash{display:none} .map-section{display:none} .select-container{width:100%;margin-right:0} .navbar{max-height:100px} .service-section{flex-direction:column} .service-content{flex-direction:column;padding:25px} .service-image{margin-bottom:20px} .service-info{margin-left:0;text-align:center} .service-info h2{font-size:1.8rem} .service-info p{font-size:0.9rem} .service-list li{font-size:0.9rem} .service-list li span{font-size:1rem} .dashboard-container{padding:30px} .dashboard-table thead{display:none} .dashboard-table tbody tr{display:block;margin-bottom:20px;border-bottom:1px solid #ddd} .dashboard-table tbody tr td{display:block;text-align:right;font-size:14px;border:none;position:relative;padding-left:50%} .dashboard-table tbody tr td::before{content:attr(data-label);position:absolute;left:10px;width:45%;padding-right:10px;font-weight:bold;text-align:left} .dashboard-table tbody tr td[data-label="Tracking"]{max-width:275px} .dashboard-table tbody tr td[data-label="Статус"]::before{content:"Статус:"} .dashboard-table tbody tr td[data-label="Район"]::before{content:"Район:"} .dashboard-table tbody tr td[data-label="Онлайн Магазин"]::before{content:"Онлайн Магазин:"} .dashboard-table tbody tr td[data-label="Артикул"]::before{content:"Артикул:"} .dashboard-table tbody tr td[data-label="Цена"]::before{content:"Цена:"} .dashboard-table tbody tr td[data-label="Номер за проследяване"]::before{content:"Номер за проследяване:"} .dashboard-table tbody tr td[data-label="Доставчик в Англия"]::before{content:"Доставчик в Англия:"} .dashboard-table tbody tr td[data-label="Описание"]::before{content:"Описание:"}} @media only screen and (max-width:768px) and (orientation:landscape){.popup-content{width:70%;height:auto;padding:30px;max-height:80vh;overflow-y:auto} .popup img{max-width:90%;height:auto} .service-card{margin:1%;display:inline-block;vertical-align:top} .service-card h3{font-size:1.3rem} .service-card ul.services-list{padding-left:5px} .service-card .service{font-size:0.9rem} .service-card .btn-home{padding:8px 16px;font-size:0.9rem} .dropdown_menu{overflow:auto}} .navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px} .menu-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px} .links{list-style:none;display:flex;gap:15px} .links li a{color:var(--brand-secondary);text-decoration:none;font-size:18px} .toggle_btn{cursor:pointer;font-size:24px;color:white} .dropdown_menu{position:fixed;top:0;left:-100%;height:100vh;background-color:rgba(255,255,255,0.9);box-shadow:-2px 0 10px rgba(0,0,0,0.5);z-index:9999;transition:left 0.4s ease-in-out;display:flex;flex-direction:column} .dropdown_menu.open{left:0} .dropdown-logo{padding:20px} .menu-close-btn{background:none;border:none;font-size:3rem;color:white;cursor:pointer} .menu-list{list-style-type:none;padding:20px;margin:auto} .menu-list li{margin-bottom:15px} .menu-list li a,.menu-list .logout-btn{color:var(--brand-secondary);text-decoration:none;font-size:20px;display:block;padding:10px;border-radius:5px;transition:background-color 0.3s} .menu-list li a:hover{background-color:var(--brand-primary)} .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9998;opacity:0;transition:opacity 0.4s ease-in-out;visibility:hidden} .overlay.active{opacity:1;visibility:visible} .custom-footer{background-color:rgba(255,255,255,0.9);padding:40px 0;font-family:Arial,sans-serif} .custom-footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 20px} .custom-footer-section{flex:1;min-width:250px;margin-bottom:20px} .custom-footer-section.custom-about{display:flex;flex-direction:column;justify-content:space-evenly} .custom-footer-section h3{font-size:18px;margin-bottom:15px;text-transform:uppercase;color:var(--brand-secondary)} .custom-footer-section p{font-size:14px;line-height:1.7} .custom-footer-section a{color:var(--brand-secondary);text-decoration:none} .custom-footer-section a:hover{text-decoration:underline} .custom-social-links{list-style-type:none;padding:0} .custom-social-links li{display:inline-block;margin:0 10px} .custom-social-links li a{color:var(--brand-primary);font-size:28px} .custom-social-links li a:hover{color:var(--brand-secondary)} .custom-footer-section.custom-links ul{list-style-type:none;padding:0} .custom-footer-section.custom-links ul li{margin-bottom:10px} .custom-footer-section.custom-links ul li a{color:#000;font-size:14px;text-decoration:none} .custom-footer-section.custom-links ul li a:hover{color:var(--brand-secondary);text-decoration:underline} .custom-footer-bottom{text-align:center;padding:20px 0;background-color:#111;color:#d1d5db;font-size:14px} .custom-footer-bottom span{color:#ff8ab1} @media (max-width:768px){.custom-footer-container{flex-direction:column;align-items:center} .custom-footer-section{text-align:center}} .background-reset{background-color:#f3f3f3;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1} .container-reset{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px} .content-reset{text-align:center;margin-bottom:20px} .logo-img-reset{width:150px;margin-bottom:20px} .text-info-reset p{font-size:16px;color:#444;margin-bottom:10px} .form-container-reset{background-color:white;padding:30px;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.1);max-width:400px;width:100%} .form-box-reset{width:100%} .password-reset-form{display:flex;flex-direction:column} .form-title-reset{font-size:24px;font-weight:600;margin-bottom:20px;color:#333;text-align:center} .input-container-reset{position:relative;margin-bottom:20px} .icon-reset{position:absolute;top:12px;left:10px;color:#999} .input-reset{width:100%;padding:10px 10px 10px 40px;border:1px solid #ddd;border-radius:5px;font-size:14px;color:#333} .label-reset{top:-10px;left:20px;font-size:12px;color:var(--brand-primary);background-color:#fff;padding:0 5px;position:absolute} .input-reset:focus + .label-reset,.input-reset:not(:placeholder-shown) + .label-reset{top:-10px;font-size:12px;color:var(--brand-primary)} .btn-reset{width:100%;padding:12px;background-color:var(--brand-primary);color:white;border:none;border-radius:8px;cursor:pointer;transition:background-color 0.3s ease;font-size:16px;text-transform:uppercase} .btn-reset:hover{background-color:#bf0042} @media (max-width:1768px ){.inner-box{height:350px}} .tracking-section{padding:20px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1);text-align:center;margin-top:50px} .tracking-title{font-size:24px;font-weight:bold;margin-bottom:20px;color:#333} .tabs-container{display:flex;justify-content:center;gap:20px;margin-bottom:20px;margin-top:20px} .tab{padding:10px 10px;font-size:14px;font-weight:bold;text-transform:uppercase;color:#333;border:2px solid #ddd;border-radius:5px;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,0.1);cursor:pointer;transition:transform 0.3s ease,background-color 0.3s ease,color 0.3s ease} .tab.active{background-color:var(--brand-secondary);color:#fff;border-color:var(--brand-secondary);transform:scale(1.1)} .tab:hover{transform:scale(1.05);background-color:#1971d5;color:#fff} .tracking-input{padding:10px 15px;font-size:16px;border:1px solid #ddd;border-radius:5px;flex:1} .tracking-button{padding:10px 20px;font-size:16px;font-weight:bold;color:#fff;background-color:var(--brand-primary);border:none;border-radius:5px;cursor:pointer;transition:background-color 0.3s ease,transform 0.3s ease} .tracking-button:hover{background-color:var(--brand-primary-hover);transform:scale(1.05)} .custom-form-container{font-family:Arial,sans-serif;padding:20px;display:flex;justify-content:center;align-items:flex-start} .custom-form-container input[type="text"],.custom-form-container textarea{text-transform:uppercase} .custom-form-container .container-form{width:90%;max-width:800px;margin-top:30px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.1);border-radius:8px;padding:20px} .custom-form-container h2{text-align:center;color:#333} .custom-form-container .card{margin-bottom:20px;border-radius:6px;border:1px solid #ddd;padding:15px} .custom-form-container .card-header{font-weight:bold;font-size:1.1rem;color:#fff;padding:10px;border-radius:4px 4px 0 0;margin:-15px -15px 15px} .custom-form-container .card-header.blue{background:var(--brand-secondary)} .custom-form-container .card-header.green{background:#28a745} .custom-form-container .card-header.yellow{background:#ffc107} .custom-form-container .card-header.teal{background:#17a2b8} .custom-form-container .form-group{flex:1 1 calc(50% - 15px);display:flex;flex-direction:column} .custom-form-container .form-group label{margin-bottom:5px;font-size:0.9rem;color:#555} .custom-form-container .form-group input,.custom-form-container .form-group select,.custom-form-container .form-group textarea{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:0.9rem;color:#333;outline:none} .custom-form-container .form-group input:focus,.custom-form-container .form-group select:focus,.custom-form-container .form-group textarea:focus{border-color:var(--brand-secondary);box-shadow:0 0 5px rgba(0,123,255,0.5)} .custom-form-container .form-group.full-width{flex:1 1 100%} .custom-form-container .submit-btn{display:block;width:100%;padding:12px;font-size:1rem;font-weight:bold;color:#fff;background-color:var(--brand-secondary);border:none;border-radius:4px;cursor:pointer;transition:background-color 0.3s ease} .custom-form-container .submit-btn:hover{background-color:var(--brand-secondary)} .select2-selection__placeholder{font-size:14px !important} .select2-container .select2-selection--single{height:auto !important} @media (max-width:768px){.custom-form-container{padding:15px} .custom-form-container .container{width:95%;padding:15px} .custom-form-container .card{padding:12px;margin-bottom:15px} .custom-form-container .card-header{font-size:1rem;padding:8px} .custom-form-container .form-group{flex:1 1 100%;margin-bottom:10px} .custom-form-container .form-group label{font-size:0.85rem} .custom-form-container .form-group input,.custom-form-container .form-group select,.custom-form-container .form-group textarea{padding:8px;font-size:0.85rem} .custom-form-container .submit-btn{font-size:0.95rem;padding:10px}} @media (max-width:480px){.custom-form-container .container{width:100%;padding:10px;height:auto} .select2-container--default .select2-results__option--highlighted[aria-selected]{font-size:14px !important} .select2-selection__rendered{line-height:25px !important} .select2-container--default .select2-selection--single .select2-selection__rendered{font-size:14px !important} .custom-form-container .card{padding:10px} .custom-form-container .card-header{font-size:0.9rem;padding:6px} .custom-form-container .form-group input,.custom-form-container .form-group select,.custom-form-container .form-group textarea{padding:7px;font-size:0.8rem} .custom-form-container .submit-btn{font-size:0.9rem;padding:9px}} .modal{display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);text-align:center} .close{position:absolute;top:15px;right:35px;color:white;font-size:40px;font-weight:bold;cursor:pointer} .close:hover{color:#ccc} .modal-content{margin:auto;display:block;max-width:80%;max-height:80%} .modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0px 0px 10px rgba(255,255,255,0.5)} @media (max-width:600px){.close{font-size:24px;top:150px;right:20px} .modal-content-wrapper{width:95%;max-width:90%}} .warning-message{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba;padding:15px;margin:20px auto;text-align:center;border-radius:8px;font-size:16px;font-weight:bold;display:flex;align-items:center;justify-content:center;gap:10px;max-width:80%} .warning-message i{font-size:20px} .updates-section{margin:60px auto;padding:0 20px;max-width:1200px} .updates-section h2{text-align:center;font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:40px;position:relative} .updates-section h2::after{content:"";display:block;width:60px;height:4px;background:var(--brand-primary);margin:12px auto 0;border-radius:2px} .updates-section h2::before{display:none} #blog-carousel{padding:10px 0 30px} .update-card{display:flex;flex-direction:column;background:#ffffff;border-radius:16px;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease;border:1px solid #f1f5f9;height:100%} .update-image{width:100%;height:200px;object-fit:cover;border:none;margin:0;border-radius:0} .update-content{padding:24px;display:flex;flex-direction:column;flex-grow:1;max-width:100%} .update-content h3{margin:0 0 12px 0;color:#1e293b;font-size:1.25rem;font-weight:700;line-height:1.3} .update-content h3:hover{color:var(--brand-primary)} .update-text{color:#64748b;font-size:0.95rem;line-height:1.7;flex-grow:1} .update-text p{margin-bottom:1rem} .update-text p:last-child{margin-bottom:0} .update-text a{color:var(--brand-primary);text-decoration:none;font-weight:500} .update-text a:hover{text-decoration:underline} .update-text ul,.update-text ol{margin:0.75rem 0;padding-left:1.25rem} .update-text li{margin-bottom:0.5rem} .update-text strong{color:#1e293b} .update-map{margin:16px 0;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0} .update-map iframe{width:100%;height:180px;border:none;display:block} .map-link{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--brand-primary);color:#fff;border-radius:8px;text-decoration:none;font-size:0.875rem;font-weight:600;margin:16px 0 8px;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),0.3);width:20%} .map-link:hover{background:var(--brand-primary);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--brand-primary-rgb),0.4)} .map-link i{font-size:1.1rem} .update-content small{display:inline-flex;align-items:center;gap:6px;color:var(--brand-muted);font-size:0.8rem;font-weight:500;margin-top:auto;padding-top:16px;border-top:1px solid #f1f5f9} .update-content small::before{content:"\e9a0";font-family:'boxicons',serif;font-size:0.9rem} .no-updates{text-align:center;color:var(--brand-muted);font-size:1rem;padding:60px 20px;background:#f8fafc;border-radius:16px;border:2px dashed #e2e8f0} #blog-carousel .owl-nav{margin-top:20px;text-align:center} #blog-carousel .owl-nav button{width:44px;height:44px;background:#fff !important;border:2px solid #e2e8f0 !important;border-radius:50% !important;margin:0 8px;transition:all 0.3s ease;color:#64748b !important;font-size:1.2rem !important} #blog-carousel .owl-nav button:hover{background:var(--brand-primary) !important;border-color:var(--brand-primary) !important;color:#fff !important} #blog-carousel .owl-dots{margin-top:24px;text-align:center} #blog-carousel .owl-dot{display:inline-block;margin:0 6px} #blog-carousel .owl-dot span{width:10px;height:10px;background:#e2e8f0;border-radius:50%;display:block;transition:all 0.3s ease} #blog-carousel .owl-dot.active span,#blog-carousel .owl-dot:hover span{background:var(--brand-primary);transform:scale(1.2)} @media (max-width:768px){.updates-section{margin:40px auto} .updates-section h2{font-size:1.5rem} .update-image{height:180px} .update-content{padding:20px} .update-content h3{font-size:1.1rem} .update-text{font-size:0.9rem} .map-link{width:100%;justify-content:center}} @media (max-width:480px){.update-image{height:160px} .update-content{padding:16px} .update-map iframe{height:150px}} .update-map.consent-gated{position:relative;min-height:180px;background:#f8fafc;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0} .update-map .cg-placeholder{display:flex;align-items:center;justify-content:center;min-height:180px;padding:24px} .update-map.is-accepted .cg-placeholder{display:none} .update-map.is-accepted .cg-target{display:block !important} .consent-message{text-align:center;max-width:280px} .consent-message i{font-size:1.5rem;color:#94a3b8} .consent-message p{margin:0 0 16px;color:#64748b;font-size:0.9rem;line-height:1.5} .consent-message .cg-enable{display:flex;justify-content:center;align-items:center;gap:6px;background:var(--brand-primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:0.875rem;font-weight:600;cursor:pointer;transition:all 0.3s ease} .consent-message .cg-enable:hover{background:var(--brand-primary);transform:translateY(-2px)} .consent-alternative{font-size:0.8rem !important;color:#94a3b8 !important;margin-top:12px !important;margin-bottom:0 !important} .consent-alternative a{color:var(--brand-primary);text-decoration:none;font-weight:500} .consent-alternative a:hover{text-decoration:underline} .update-map .cg-target iframe{width:100%;height:180px;border:none;display:block} @media (max-width:480px){.update-map .cg-placeholder{min-height:150px;padding:16px} .consent-message i{font-size:1rem} .consent-message p{font-size:0.85rem}} .owl-nav{display:none} .owl-dots{text-align:center;margin-top:10px} .owl-dot{width:10px;height:10px;margin:5px;background:#ccc;display:inline-block;border-radius:50%;transition:all 0.3s ease} .owl-dot.active{background:var(--brand-secondary);width:14px;height:14px} .owl-carousel .owl-item img{width:50% !important} @media (max-width:768px){.update-card{flex-direction:column;align-items:center;text-align:center;padding:10px} .update-image{width:80px;height:80px;margin:0 0 10px 0} .update-content p{white-space:normal}} .barcode-scanner-wrapper{background:#f8f9fa;border:2px dashed var(--brand-secondary);padding:20px;border-radius:12px;margin-top:15px;display:none;transition:all 0.3s ease-in-out} .barcode-scanner-container{width:100%;max-width:500px;height:300px;margin:0 auto 15px;background:#000;border-radius:10px;overflow:hidden;position:relative} .scanner-helper-text{text-align:center;color:#555;font-size:15px;margin-top:5px} .scanner-toggle-wrapper{display:flex;align-items:center;gap:10px;margin-top:10px} .switch{position:relative;display:inline-block;width:44px;height:24px;margin:0} .switch input{opacity:0;width:0;height:0} .slider.round{border-radius:24px} .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px} .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:.4s;border-radius:50%} input:checked + .slider{background-color:#28a745} input:checked + .slider:before{transform:translateX(20px)} .scanner-label{font-weight:600;color:#333;font-size:16px;display:flex;align-items:center} .new-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between} .hero-description{max-width:760px;margin:18px auto 0;font-size:1.05rem;line-height:1.7;color:#f5f7fb;text-align:center} .section-intro,.tracking-description{max-width:820px;margin:12px auto 0;text-align:center;line-height:1.7;color:#5f6b7a;font-size:1rem} .home-seo-content{max-width:1200px;margin:70px auto 0;padding:40px 24px;background:#ffffff;border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,0.06)} .home-seo-content h2{font-size:2rem;line-height:1.3;margin-bottom:22px;color:var(--brand-heading);text-align:center} .home-seo-content p{font-size:1.05rem;line-height:1.9;color:var(--brand-text);margin-bottom:18px} .home-seo-content strong{color:#0b5ed7} .how-it-works-home{max-width:1200px;margin:50px auto 0;padding:20px 20px 0} .how-it-works-home h2{text-align:center;font-size:2rem;margin-bottom:30px;color:var(--brand-heading)} .steps-grid-new{display:grid;grid-template-columns:repeat(4,1fr);gap:22px} .step-box-new{background:#ffffff;border-radius:18px;padding:26px 22px;box-shadow:0 8px 24px rgba(0,0,0,0.06);transition:transform 0.25s ease,box-shadow 0.25s ease} .step-box-new:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,0.10)} .step-box-new h3{font-size:1.15rem;margin-bottom:12px;color:var(--brand-heading)} .step-box-new p{font-size:0.98rem;line-height:1.7;color:var(--brand-muted);margin:0} .faq-home{max-width:1200px;margin:70px auto;padding:0 20px} .faq-container{background:#ffffff;border-radius:18px;padding:40px 24px;box-shadow:0 8px 30px rgba(0,0,0,0.06)} .faq-container h2{text-align:center;font-size:2rem;margin-bottom:30px;color:var(--brand-heading)} .faq-item{padding:18px 0;border-bottom:1px solid #e5e7eb} .faq-item:last-child{border-bottom:none} .faq-item h3{font-size:1.12rem;line-height:1.5;margin-bottom:8px;color:#111827} .faq-item p{margin:0;font-size:1rem;line-height:1.8;color:#4b5563} .new-service-card p{font-size:0.98rem;line-height:1.75;color:#4b5563;margin-bottom:18px} .tracking-title,.updates-section h2,.new-section-title,.why-title,.map-content h2{line-height:1.3} .updates-section .section-intro{margin-bottom:24px} .update-content h3{line-height:1.4;margin-bottom:12px} .update-text{line-height:1.75;color:var(--brand-muted)} @media (max-width:1024px){.steps-grid-new{grid-template-columns:repeat(2,1fr)} .home-seo-content h2,.how-it-works-home h2,.faq-container h2{font-size:1.7rem}} @media (max-width:768px){.hero-description,.section-intro,.tracking-description,.home-seo-content p,.faq-item p,.step-box-new p,.new-service-card p{font-size:0.96rem;line-height:1.7} .home-seo-content,.faq-container{padding:28px 18px;border-radius:14px} .home-seo-content h2,.how-it-works-home h2,.faq-container h2{font-size:1.45rem} .faq-item h3,.step-box-new h3{font-size:1.02rem} .steps-grid-new{grid-template-columns:1fr;gap:16px} .how-it-works-home,.faq-home{margin-top:50px}} @media (max-width:480px){.hero-description{margin-top:14px} .home-seo-content,.faq-container,.step-box{padding:22px 16px} .home-seo-content h2,.how-it-works-home h2,.faq-container h2{font-size:1.3rem}} .services-seo-text{max-width:1100px;margin:50px auto 0;padding:36px 24px;background:#fff;border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,0.06)} .services-seo-text h2{font-size:2rem;margin-bottom:18px;text-align:center;color:var(--brand-heading)} .services-seo-text p{font-size:1.02rem;line-height:1.85;color:var(--brand-muted);margin-bottom:14px} .services-faq{max-width:1100px;margin:60px auto 80px;padding:36px 24px;background:#fff;border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,0.06)} .services-faq h2{text-align:center;font-size:2rem;margin-bottom:28px;color:var(--brand-heading)} .services-faq .faq-item{border-bottom:1px solid #e5e7eb;padding:18px 8px} .services-faq .faq-item:last-child{border-bottom:none} .services-faq .faq-item h3{font-size:1.1rem;margin-bottom:8px;color:#111827} .services-faq .faq-item p{margin:0;font-size:1rem;line-height:1.8;color:#4b5563} .services-main-description strong{color:#0b5ed7} .service-info h2,.info-1 h2,.info-2 h2{line-height:1.35} .service-info p{line-height:1.8} .service-list li{line-height:1.7} @media (max-width:768px){.services-seo-text,.services-faq{padding:26px 18px;border-radius:14px} .services-seo-text h2,.services-faq h2{font-size:1.45rem} .services-seo-text p,.services-faq .faq-item p{font-size:0.96rem;line-height:1.7} .services-faq .faq-item h3{font-size:1rem}} .how-it-works-hero{max-width:1200px;margin:0 auto 40px;text-align:center;padding:20px 20px 0;background:rgba(255,255,255,0.9);border-bottom-left-radius:10px;border-bottom-right-radius:10px} .page-intro{max-width:900px;margin:14px auto 0;font-size:1.03rem;line-height:1.85;color:var(--brand-muted)} .how-it-works-seo{max-width:1200px;margin:50px auto 0;padding:36px 24px;background:#ffffff;border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,0.06)} .how-it-works-seo h2{text-align:center;font-size:2rem;margin-bottom:20px;color:var(--brand-heading)} .how-it-works-seo p{font-size:1.02rem;line-height:1.85;color:var(--brand-muted);margin-bottom:14px} .how-it-works-faq{max-width:1200px;margin:60px auto 80px;padding:36px 24px;background:#ffffff;border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,0.06)} .how-it-works-faq h2{text-align:center;font-size:2rem;margin-bottom:28px;color:var(--brand-heading)} .how-it-works-faq .faq-item{border-bottom:1px solid #e5e7eb;padding:18px 0} .how-it-works-faq .faq-item:last-child{border-bottom:none} .how-it-works-faq .faq-item h3{font-size:1.1rem;margin-bottom:8px;color:#111827} .how-it-works-faq .faq-item p{margin:0;font-size:1rem;line-height:1.8;color:#4b5563} .service-guide .step-box h2{line-height:1.4} .service-guide .step-box p{line-height:1.75} @media (max-width:768px){.page-intro,.how-it-works-seo p,.how-it-works-faq .faq-item p{font-size:0.96rem;line-height:1.7} .how-it-works-seo,.how-it-works-faq{padding:26px 18px;border-radius:14px} .how-it-works-seo h2,.how-it-works-faq h2{font-size:1.45rem} .how-it-works-faq .faq-item h3{font-size:1rem}} .locations-intro-text,.contacts-seo-text,.contacts-faq{max-width:1200px;margin:35px auto 0;background:#fff;border-radius:18px;padding:34px 24px;box-shadow:0 8px 30px rgba(0,0,0,0.06)} .locations-intro-text h2,.contacts-seo-text h2,.contacts-faq h2{text-align:center;font-size:2rem;margin-bottom:18px;color:var(--brand-heading)} .locations-intro-text p,.contacts-seo-text p,.contacts-faq .faq-item p{font-size:1rem;line-height:1.8;color:var(--brand-muted);margin-bottom:12px} .contacts-faq{margin-bottom:80px} .contacts-faq .faq-item{border-bottom:1px solid #e5e7eb;padding:18px 0} .contacts-faq .faq-item:last-child{border-bottom:none} .contacts-faq .faq-item h3{font-size:1.08rem;margin-bottom:8px;color:#111827} .location-card a{color:inherit;text-decoration:none;font-weight:600} .location-card a:hover{text-decoration:underline} .title-section h1{font-size:2.2rem;line-height:1.3;margin-bottom:16px;color:var(--brand-heading);text-align:center} .title-section p{line-height:1.75} @media (max-width:768px){.locations-intro-text,.contacts-seo-text,.contacts-faq{padding:24px 18px;border-radius:14px} .locations-intro-text h2,.contacts-seo-text h2,.contacts-faq h2,.title-section h1{font-size:1.45rem} .locations-intro-text p,.contacts-seo-text p,.contacts-faq .faq-item p{font-size:0.96rem;line-height:1.7} .contacts-faq .faq-item h3{font-size:1rem}} .nav-form-item,.language-switcher-item{display:flex;align-items:center;flex-shrink:0} .nav-form-item form,.language-switcher{margin:0} .language-switcher,.language-picker{position:relative} .language-native-select{display:none} .language-picker-toggle{display:inline-flex;align-items:center;gap:7px;min-width:76px;min-height:36px;padding:0 9px;color:var(--brand-heading);background:rgba(255,255,255,0.97);border:1px solid rgba(0,86,179,0.42);border-radius:10px;box-shadow:0 2px 8px rgba(15,23,42,0.08);font:inherit;font-size:0.82rem;font-weight:700;cursor:pointer;transition:border-color 0.2s ease,box-shadow 0.2s ease} .language-picker-toggle:hover,.language-picker-toggle:focus-visible,.language-picker-toggle[aria-expanded="true"]{border-color:var(--brand-secondary);box-shadow:0 3px 12px rgba(0,86,179,0.18);outline:0} .language-picker-toggle .bx-globe{color:var(--brand-secondary);font-size:1rem} .language-picker-chevron{margin-left:auto;color:var(--brand-heading);font-size:1.15rem;transition:transform 0.2s ease} .language-picker-toggle[aria-expanded="true"] .language-picker-chevron{transform:rotate(180deg)} .language-picker-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:10001;min-width:100%;padding:5px;background:#fff;border:1px solid rgba(0,86,179,0.25);border-radius:9px;box-shadow:0 10px 24px rgba(15,23,42,0.18)} .language-picker-menu[hidden]{display:none} .language-picker-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:34px;padding:6px 9px;color:var(--brand-heading);background:transparent;border:0;border-radius:6px;font:inherit;font-size:0.82rem;font-weight:700;text-align:left;cursor:pointer} .language-picker-option:hover,.language-picker-option:focus-visible{color:var(--brand-secondary);background:rgba(0,86,179,0.1);outline:0} .language-picker-option.is-selected{color:#fff;background:var(--brand-secondary)} .language-picker-option .bx-check{font-size:1rem;opacity:0} .language-picker-option.is-selected .bx-check{opacity:1} .mobile-nav-actions{display:none} @media (max-width:1200px) and (min-width:991px){.links{gap:4px} .links li a,.links .logout-btn{padding:7px 6px;font-size:15px}} @media (max-width:990px){body.mobile-menu-open{overflow:hidden} .mobile-menu-open .mobile-nav-actions{visibility:hidden} .mobile-nav-actions{display:flex;align-items:center;gap:8px;order:2;margin-left:auto} .mobile-nav-actions .toggle_btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;line-height:1} .mobile-nav-actions .language-picker-toggle{min-height:40px} .mobile-nav-actions .language-picker-menu{min-width:82px} .dropdown_menu{width:min(86vw,360px);max-width:100%;background:#fff;box-shadow:8px 0 28px rgba(15,23,42,0.24)} .dropdown_menu .menu-close-btn{position:absolute;top:18px;right:18px;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:var(--brand-secondary);background:transparent;border:0;border-radius:10px;font-size:2.25rem} .dropdown_menu .menu-close-btn:hover,.dropdown_menu .menu-close-btn:focus-visible{color:#fff;background:var(--brand-secondary)} .dropdown_menu .dropdown-logo{display:inline-flex;align-items:center;min-height:88px;padding:8px 76px 8px 20px} .dropdown_menu .menu-list{width:100%;margin:0;padding:12px 18px 28px;overflow-y:auto} .dropdown_menu .menu-list li{width:100%;margin:2px 0} .dropdown_menu .menu-list li a,.dropdown_menu .menu-list .logout-btn{width:100%;padding:10px 12px;font-size:18px;line-height:1.3;text-align:left} .dropdown_menu .nav-form-item,.dropdown_menu .nav-form-item form{width:100%}} .container-collect .form-row{display:flex;flex-wrap:wrap;margin-right:-8px;margin-left:-8px} .container-collect .col-md-4,.container-collect .col-md-6,.container-collect .row-md-3{position:relative;width:100%;padding-right:8px;padding-left:8px} .container-collect .col-md-4{flex:0 0 33.333333%;max-width:33.333333%} .container-collect .col-md-6{flex:0 0 50%;max-width:50%} .container-collect .row-md-3{flex:1 1 0} .container-collect input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.phone-input),.container-collect select,.container-collect textarea,.container-collect .form-control{display:block;width:100%;min-height:38px;padding:7px 12px;color:var(--brand-text);background:#fff;border:1px solid #cbd5e1;border-radius:6px;font-size:1rem;line-height:1.5;transition:border-color 0.2s ease,box-shadow 0.2s ease} .container-collect input:focus,.container-collect select:focus,.container-collect textarea:focus,.container-collect .form-control:focus{border-color:var(--brand-secondary);box-shadow:0 0 0 3px rgba(0,86,179,0.16);outline:0} .container-collect input[readonly]{background:#f1f5f9} .container-collect .form-check{display:block;padding:0} .container-collect .btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;border:1px solid transparent;border-radius:6px;color:#fff;font-size:1rem;font-weight:600;line-height:1.4;text-align:center;cursor:pointer;box-shadow:none;transition:background-color 0.2s ease,border-color 0.2s ease,transform 0.2s ease} .container-collect .btn:hover{color:#fff;transform:translateY(-1px)} .container-collect .btn-primary{width:100%;background:var(--brand-primary);border-color:var(--brand-primary)} .container-collect .btn-primary:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)} .container-collect .btn-secondary{width:auto;background:var(--brand-secondary);border-color:var(--brand-secondary)} .container-collect .btn-secondary:hover{background:var(--brand-secondary-hover);border-color:var(--brand-secondary-hover)} .container-collect .list-group{display:flex;flex-direction:column;width:100%;margin-top:4px;border:1px solid #cbd5e1;border-radius:6px;overflow:hidden} .container-collect .list-group:empty{display:none} .container-collect .list-group-item{position:relative;display:block;width:100%;padding:9px 12px;color:var(--brand-text);background:#fff;border:0;border-bottom:1px solid #e2e8f0;font:inherit;text-align:left;cursor:pointer} .container-collect .list-group-item:last-child{border-bottom:0} .container-collect .list-group-item-action:hover,.container-collect .list-group-item-action:focus-visible{color:var(--brand-secondary);background:#eff6ff;outline:0} .alert{position:relative;margin-bottom:1rem;padding:12px 16px;border:1px solid transparent;border-radius:6px} .alert-danger{color:#842029;background:#f8d7da;border-color:#f5c2c7} .custom-form-container .card-body{padding:16px} @media (max-width:767px){.container-collect .col-md-4,.container-collect .col-md-6,.container-collect .row-md-3{flex:0 0 100%;max-width:100%} .container-collect .btn-secondary{width:100%}} .collect-page{position:relative;max-width:1060px;margin:48px auto 72px;padding:34px;overflow:visible;background:rgba(255,255,255,0.97);border:1px solid rgba(0,86,179,0.12);border-radius:20px;box-shadow:0 24px 60px rgba(15,23,42,0.14)} .collect-page #shipmentForm{display:grid;gap:18px} .collect-page .collect-section-title{display:flex;align-items:center;gap:12px;margin:4px 0 2px;padding:14px 16px;color:var(--brand-heading);background:linear-gradient(135deg,#eff6ff,#fff1f5);border-radius:10px;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.25} .collect-page .collect-section-title::before{content:"";width:12px;height:36px;flex:0 0 12px;background:var(--brand-secondary);border-radius:999px} .collect-page .collect-section-title-receiver::before{background:var(--brand-primary)} .collect-page .form-row{gap:16px;margin:0} .collect-page .form-row > .form-group{padding:14px} .collect-page .col-md-4{flex:1 1 calc(33.333333% - 11px);max-width:none} .collect-page .col-md-6{flex:1 1 calc(50% - 8px);max-width:none} .collect-page .row-md-3{flex:1 1 calc(50% - 8px);max-width:none} .collect-page .form-group{position:relative;margin:0;padding:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease} .collect-page .form-group:focus-within{background:#fff;border-color:rgba(0,86,179,.55);box-shadow:0 0 0 3px rgba(0,86,179,.1)} .collect-page .form-group label,.collect-page .collect-inline-field label{color:var(--brand-heading);font-size:.88rem;font-weight:700} .collect-page .collect-inline-field,.collect-page .payOn,.collect-page .payBy,.collect-page #select-country,.collect-page .payment-input{display:flex;align-items:center;justify-content:space-between;gap:16px} .collect-page #phone-input-container,.collect-page #phone-input-container-mobile{display:grid;gap:6px;max-width:570px} .collect-page #phone-input-container{grid-template-columns:repeat(10,minmax(26px,1fr));max-width:510px} .collect-page #phone-input-container-mobile{grid-template-columns:repeat(11,minmax(25px,1fr))} .collect-page .phone-input{width:100%;min-width:0;height:44px;margin:0;border:1px solid #cbd5e1;border-radius:8px;color:var(--brand-heading);background:#fff;font-size:1.05rem;font-weight:700} .collect-page .phone-input:focus{border-color:var(--brand-secondary);box-shadow:0 0 0 3px rgba(0,86,179,.14);outline:0} .collect-page .office{width:100%} .collect-page .office > div,.collect-page .office ul{display:flex;flex-wrap:wrap;gap:10px 18px;list-style:none} .collect-page #checkBoxesContainer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .collect-page #checkBoxesContainer > div{min-height:58px;padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px} .collect-page input[type="checkbox"],.collect-page input[type="radio"]{width:18px;height:18px;accent-color:var(--brand-primary)} .collect-page .collect-warning{display:none;padding:14px 16px;color:#92400e;background:#fffbeb;border:1px solid #f59e0b;border-left-width:5px;border-radius:10px;font-size:.9rem;line-height:1.55} .collect-warning-dismiss{margin-top:10px;padding:6px 12px;color:#92400e;background:transparent;border:1px solid #f59e0b;border-radius:7px;font:inherit;font-weight:700;cursor:pointer} .collect-page #officeMapBtn{display:none;margin-bottom:0} .collect-page #submitBtn{min-height:50px;margin-top:6px;border-radius:10px;font-size:1.05rem} .collect-page #submitBtn:disabled{cursor:wait;opacity:.72} .office-map-modal{display:none;position:fixed;inset:0;z-index:10050;align-items:center;justify-content:center;padding:16px;background:rgba(15,23,42,.68);backdrop-filter:blur(5px)} .office-map-dialog{display:flex;flex-direction:column;width:min(920px,96vw);height:min(680px,92vh);overflow:hidden;background:#fff;border-radius:16px;box-shadow:0 28px 80px rgba(15,23,42,.35)} .office-map-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:14px 18px;color:#fff;background:linear-gradient(135deg,#003f82,#0056b3)} .office-map-title{margin:0;font-size:1.05rem;font-weight:700} .office-map-close{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;padding:0;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);border-radius:50%;font-size:1.15rem;cursor:pointer} .office-map-body{display:flex;flex:1;min-height:0;overflow:hidden} .office-map-sidebar{display:flex;flex-direction:column;width:300px;flex:0 0 300px;overflow:hidden;border-right:1px solid #e2e8f0} .office-map-search-wrap{position:sticky;top:0;z-index:2;padding:10px;background:#fff;border-bottom:1px solid #e2e8f0} #officeMapSearch{width:100%;min-height:42px;padding:9px 12px;border:1px solid #cbd5e1;border-radius:8px;font:inherit;outline:0} #officeMapSearch:focus{border-color:var(--brand-secondary);box-shadow:0 0 0 3px rgba(0,86,179,.12)} .office-map-list{flex:1;overflow-y:auto} .office-map-canvas-wrap{position:relative;flex:1;min-width:0;min-height:240px} .office-map-canvas{width:100%;height:100%} .office-map-footer{flex-shrink:0;padding:10px 16px;text-align:right;background:#f8fafc;border-top:1px solid #e2e8f0} .office-map-cancel{padding:8px 18px;color:var(--brand-text);background:#fff;border:1px solid #cbd5e1;border-radius:8px;font:inherit;font-weight:700;cursor:pointer} .office-map-state{padding:24px 16px;color:#64748b;font-size:.88rem;font-style:italic;text-align:center} .office-city-suggestion,.office-map-item{padding:12px 14px;cursor:pointer;border-bottom:1px solid #e2e8f0;transition:background-color .15s ease,border-color .15s ease} .office-city-suggestion{background:#fffbeb} .office-city-suggestion:hover{background:#fef3c7} .office-map-item:hover{background:#eff6ff} .office-map-item.is-selected{padding-left:12px;background:#dbeafe;border-left:4px solid var(--brand-secondary)} .office-map-item-name,.office-city-name{color:#1e3a5f;font-size:.88rem;font-weight:700} .office-map-item-address,.office-city-postcode{margin-top:3px;color:#64748b;font-size:.78rem;line-height:1.4} .office-popup{min-width:190px} .office-popup-name{margin-bottom:4px;color:#1e3a5f;font-size:.9rem;font-weight:700} .office-popup-address{margin-bottom:12px;color:#64748b;font-size:.8rem;line-height:1.4} .office-popup-select{display:block;width:100%;padding:8px;color:#fff;background:var(--brand-secondary);border:0;border-radius:7px;font-weight:700;cursor:pointer} @media (max-width:767px){.collect-page{width:calc(100% - 20px);margin:20px auto 44px;padding:22px 14px;border-radius:14px} .collect-page #shipmentForm{gap:14px} .collect-page .form-group{padding:12px} .collect-page .col-md-4,.collect-page .col-md-6,.collect-page .row-md-3{flex:0 0 100%;max-width:100%} .collect-page #phone-input-container,.collect-page #phone-input-container-mobile{gap:4px} .collect-page .phone-input{width:100%;height:40px} .collect-page #checkBoxesContainer{grid-template-columns:1fr} .collect-page .collect-inline-field,.collect-page .payOn,.collect-page .payBy,.collect-page #select-country,.collect-page .payment-input{align-items:flex-start;flex-direction:column} .office-map-dialog{width:100%;height:min(720px,94vh);border-radius:12px} .office-map-body{flex-direction:column} .office-map-sidebar{width:100%;height:235px;flex:0 0 235px;border-right:0;border-bottom:1px solid #e2e8f0}} @media (max-width:420px){.collect-page .phone-input{width:100%;height:38px;font-size:.9rem}} .collect-page{width:min(100%,1060px);max-width:calc(100vw - 32px)} .collect-page,.collect-page *{min-width:0} .collect-page .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;width:100%;margin:0} .collect-page .form-row > .form-group,.collect-page .form-group{width:100%;max-width:100%} .collect-page input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.collect-page select,.collect-page textarea,.collect-page .form-control{max-width:100%;box-sizing:border-box} .collect-page #phone-input-container,.collect-page #phone-input-container-mobile{width:100%;max-width:100%} @media (max-width:767px){.collect-page{width:100%;max-width:calc(100vw - 24px);padding:18px 12px;overflow:hidden} .collect-page .collect-section-title{padding:12px;font-size:clamp(1.1rem,5.2vw,1.35rem)} .collect-page #phone-input-container,.collect-page #phone-input-container-mobile{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px} .collect-page .phone-input{min-width:0;height:40px;font-size:1rem}} @media (max-width:420px){.collect-page{max-width:calc(100vw - 16px);padding:16px 10px} .collect-page .form-group{padding:10px} .collect-page #phone-input-container,.collect-page #phone-input-container-mobile{grid-template-columns:repeat(5,minmax(0,1fr))}} .collect-page #select-country{justify-content:flex-start;width:fit-content;max-width:100%;margin-top:14px;padding-top:14px;border-top:1px solid #e2e8f0} .collect-page #select-country label{flex:0 0 auto;min-width:145px;margin:0} .collect-page #select-country select,.collect-page #priceInput input,.collect-page #owed-container input{width:clamp(220px,32vw,360px);min-width:220px} .collect-page #priceInput,.collect-page #owed-container{justify-content:flex-start;width:fit-content;max-width:100%;margin-top:12px} .collect-page #priceInput label,.collect-page #owed-container label{flex:0 0 145px;width:145px;margin:0} .collect-page #owed-container input[readonly]{color:var(--brand-heading);background:#eef4fb;cursor:default} .collect-page .collect-file-field{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:16px;background:#f8fafc;border:1px dashed #94a3b8;border-radius:10px} .collect-page .collect-file-field label{margin:0;color:var(--brand-heading);font-weight:700} .collect-page #id_images{width:100%;max-width:520px;padding:7px;color:var(--brand-muted);background:#fff;border:1px solid #cbd5e1;border-radius:8px;font:inherit;cursor:pointer} .collect-page #id_images::file-selector-button{margin-right:12px;padding:9px 14px;color:#fff;background:var(--brand-secondary);border:0;border-radius:6px;font:inherit;font-weight:700;cursor:pointer;transition:background-color 0.2s ease} .collect-page #id_images:hover::file-selector-button{background:var(--brand-secondary-hover)} .collect-page #id_images:focus-visible{outline:3px solid rgba(0,95,184,0.24);outline-offset:2px} @media (max-width:767px){.collect-page #select-country{width:100%;align-items:stretch} .collect-page #select-country label{min-width:0} .collect-page #select-country select,.collect-page #priceInput input,.collect-page #owed-container input{width:100%;min-width:0} .collect-page #priceInput,.collect-page #owed-container{width:100%} .collect-page #priceInput label,.collect-page #owed-container label{flex-basis:auto;width:auto} .collect-page .collect-file-field{grid-template-columns:1fr} .collect-page #id_images{max-width:none}} .routes-page{--routes-ink:#162033;--routes-muted:#64748b;--routes-panel:#ffffff;--routes-border:#d8e2ee;--routes-blue:#005eb8;--routes-blue-dark:#00437f;--routes-green:#166534;--routes-red:#b91c1c;--routes-red-bg:#fee2e2;width:100%;max-width:1800px;margin:auto;min-height:calc(100vh - 80px);padding:28px clamp(16px,3vw,48px) 58px;background:rgba(255,255,255,0.7);color:var(--routes-ink)} .routes-page *,.routes-page *::before,.routes-page *::after{box-sizing:border-box} .routes-page a{text-decoration:none} .routes-narrow{padding-left:max(18px,calc((100vw - 760px) / 2));padding-right:max(18px,calc((100vw - 760px) / 2))} .routes-header,.routes-card,.routes-filter,.routes-table-wrap,.routes-calendar-card{background:var(--routes-panel);border:1px solid var(--routes-border);border-radius:8px;box-shadow:0 10px 24px rgba(15,23,42,.07)} .routes-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;padding:20px 22px} .routes-planner-header{border-left:5px solid var(--routes-blue)} .routes-header h1,.routes-card h2,.routes-route-summary h3{margin:0 0 6px;color:var(--routes-ink);line-height:1.15;font-weight:800;letter-spacing:0} .routes-header h1{font-size:30px} .routes-card h2{font-size:20px} .routes-route-summary h3{font-size:18px} .routes-header p,.routes-section-title p,.routes-route-summary p,.routes-copy-intro{margin:0;color:var(--routes-muted);font-size:15px;line-height:1.45} .routes-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;max-width:640px} .routes-inline-form{margin:0} .routes-card{padding:22px} .routes-grid{display:grid;gap:20px;align-items:start} .routes-planner-grid{grid-template-columns:minmax(0,1.7fr) minmax(340px,.65fr);margin-bottom:20px} .routes-planner-main{display:grid;gap:18px;min-width:0;align-content:start} .routes-add-stop-card{align-self:start} .routes-form,.routes-add-stop-form{display:grid;gap:14px} .routes-field{display:grid;gap:7px;min-width:0} .routes-field label,.routes-filter label{color:#243244;font-size:14px;font-weight:800} .routes-field input,.routes-field select,.routes-field textarea,.routes-filter select{width:100%;min-height:42px;border:1px solid #c8d4e3;border-radius:7px;padding:9px 11px;color:var(--routes-ink);background-color:#fff;font:inherit;font-size:15px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease} .routes-field select,.routes-filter select{appearance:none;padding-right:38px;background-image:linear-gradient(45deg,transparent 50%,#526173 50%),linear-gradient(135deg,#526173 50%,transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer} .routes-field textarea{min-height:86px;resize:vertical} .routes-field input:hover,.routes-field select:hover,.routes-field textarea:hover,.routes-filter select:hover{border-color:#9fb3ca} .routes-field input:focus,.routes-field select:focus,.routes-field textarea:focus,.routes-filter select:focus{border-color:var(--routes-blue);box-shadow:0 0 0 3px rgba(0,94,184,.14)} .routes-primary-btn,.routes-secondary-btn,.routes-danger-btn,.routes-disabled-btn,.routes-filter button,.routes-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:7px;padding:0 14px;font:inherit;font-size:14px;font-weight:800;line-height:1.15;text-align:center;white-space:nowrap;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease} .routes-primary-btn,.routes-filter button{border:1px solid var(--routes-blue);background:var(--routes-blue);color:#fff;box-shadow:0 8px 18px rgba(0,94,184,.20)} .routes-primary-btn:hover,.routes-filter button:hover{background:var(--routes-blue-dark);border-color:var(--routes-blue-dark);color:#fff;transform:translateY(-1px)} .routes-secondary-btn{border:1px solid #cbd8e6;background:#f8fafc;color:#1f2a3a} .routes-secondary-btn:hover{background:#eaf0f7;color:#111827} .routes-danger-btn,.routes-danger-link{border:1px solid #fecaca;background:var(--routes-red-bg);color:var(--routes-red)} .routes-danger-btn:hover,.routes-danger-link:hover{background:#fecaca} .routes-disabled-btn,.routes-disabled-btn:disabled{border:1px solid #d1d5db;background:#e5e7eb;color:#6b7280;cursor:not-allowed;transform:none} .routes-link{min-height:32px;border:1px solid #bfdbfe;background:#eef6ff;color:var(--routes-blue);padding:0 12px} .routes-link:hover{background:#dbeafe;color:var(--routes-blue-dark)} .routes-calendar-card{margin-bottom:20px;padding:18px} .routes-calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px} .routes-calendar-heading h2{margin:0;color:var(--routes-ink);font-size:22px;font-weight:800;text-align:center} .routes-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px} .routes-calendar-weekdays{margin-bottom:8px} .routes-calendar-weekdays div{color:#526173;font-size:12px;font-weight:700;text-align:center;text-transform:uppercase} .routes-calendar-day{position:relative;display:grid;align-content:space-between;min-width:0;min-height:clamp(74px,6.5vw,104px);overflow:hidden;border:1px solid #d8e2ee;border-radius:8px;padding:10px;background:#fbfdff;color:var(--routes-ink);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease} .routes-calendar-day:hover{border-color:var(--routes-blue);box-shadow:0 8px 18px rgba(0,94,184,.12);transform:translateY(-1px)} .routes-calendar-day.is-muted{background:#f3f6fa;color:#8a98aa} .routes-calendar-day.is-today{border-color:#38bdf8} .routes-calendar-day.is-selected{border-color:var(--routes-blue);background:#eaf4ff;box-shadow:inset 0 0 0 2px rgba(0,94,184,.18)} .routes-calendar-number{font-size:clamp(15px,1.25vw,18px);font-weight:700} .routes-calendar-badges{display:flex;flex-wrap:wrap;gap:4px;min-width:0;max-width:100%;margin-top:10px;overflow:hidden} .routes-stop-count,.routes-route-count,.routes-count-pill,.routes-status-pill{display:inline-flex;align-items:center;min-width:0;max-width:100%;min-height:24px;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .routes-stop-count,.routes-count-pill{background:#dcfce7;color:#166534} .routes-route-count,.routes-status-pill{background:#e0f2fe;color:#075985} .routes-section-title,.routes-route-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px} .routes-row-actions{display:flex;align-items:center;gap:7px} .routes-route-create-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:12px;margin-top:16px;padding:16px;border:1px solid #dbe7f3;border-radius:8px;background:#f8fbff} .routes-table-wrap{padding:0;overflow:auto} .routes-scroll-area{max-height:min(52vh,620px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable} .routes-table{width:100%;min-width:min(760px,100%);margin:0;border-collapse:separate;border-spacing:0;background:transparent} .routes-table th,.routes-table td{padding:14px 15px;border-bottom:1px solid #e5edf5;color:#243244;font-size:14px;text-align:left;vertical-align:top} .routes-table th{position:sticky;top:0;z-index:1;background:#f6f9fc;color:#4b5a6d;font-weight:800} .routes-table tbody tr:last-child td{border-bottom:0} .routes-table tbody tr:hover td{background:#f9fbfe} .routes-table td[colspan]{padding:26px 18px;color:var(--routes-muted);text-align:center;font-weight:700} .routes-stops-table input[type="checkbox"]{width:18px;height:18px;accent-color:var(--routes-blue)} .routes-day-routes{display:grid;gap:14px} .routes-day-route{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 18px;border:1px solid #dfe8f2;border-radius:8px;padding:16px;background:#fbfdff} .routes-route-actions{align-self:start} .routes-assigned-list{grid-column:1 / -1;margin:0;padding-left:22px;color:#3e4c5f;line-height:1.55} .routes-stop-list{display:grid;gap:12px} .routes-stop{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:13px;align-items:start;border:1px solid #dfe8f2;border-radius:8px;padding:14px;background:#fbfdff} .routes-stop-number{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:var(--routes-blue);color:#fff;font-weight:800} .routes-stop-body{display:grid;gap:5px;min-width:0} .routes-stop-body strong{color:var(--routes-ink);font-size:16px} .routes-stop-body span,.routes-stop-body small{color:#53657a;line-height:1.35;overflow-wrap:anywhere} .routes-time-badge{display:inline-flex;width:fit-content;max-width:100%;border:1px solid #c7d7eb;border-radius:999px;padding:4px 10px;background:#f1f7ff;color:#164f86 !important;font-size:13px;font-weight:800} .routes-copy-list{max-height:520px;overflow:auto;white-space:pre-wrap;font-family:Consolas,Monaco,monospace;line-height:1.55;background:#f8fafc;border:1px solid var(--routes-border);border-radius:8px;padding:16px;color:var(--routes-ink);user-select:text} .routes-warning-list{max-height:420px;margin:0;overflow-y:auto;padding-left:20px;color:#92400e;line-height:1.55} .routes-empty-state{margin:0;color:var(--routes-muted);font-weight:700;line-height:1.45} .routes-messages{display:grid;gap:8px;margin-bottom:16px} .routes-message{border-radius:7px;padding:11px 13px;background:#e0f2fe;color:#075985;font-weight:700} .routes-message.error{background:#fee2e2;color:#991b1b} .routes-message.success{background:#dcfce7;color:var(--routes-green)} .routes-page .errorlist{margin:4px 0 0;padding-left:18px;color:var(--routes-red);font-size:13px;line-height:1.35} @media (min-width:1440px){.routes-page{padding-left:clamp(32px,4vw,72px);padding-right:clamp(32px,4vw,72px)} .routes-calendar-day{min-height:108px}} @media (max-width:1100px){.routes-planner-grid,.routes-route-create-panel{grid-template-columns:1fr}} @media (max-width:900px){.routes-page{padding:22px 12px 44px} .routes-grid,.routes-day-route{grid-template-columns:1fr} .routes-header{align-items:stretch;flex-direction:column;padding:18px} .routes-actions{justify-content:flex-start;max-width:none} .routes-calendar-heading{flex-direction:column;align-items:stretch} .routes-calendar-grid{gap:5px} .routes-calendar-day{min-height:68px;padding:8px} .routes-stop{grid-template-columns:42px minmax(0,1fr)} .routes-stop form{grid-column:2}} @media (max-width:760px){.routes-calendar-day .routes-stop-count,.routes-calendar-day .routes-route-count{display:inline-grid;place-items:center;width:22px;min-width:22px;height:22px;min-height:22px;padding:0;border-radius:999px;font-size:0;line-height:1;color:transparent} .routes-calendar-day .routes-stop-count::before,.routes-calendar-day .routes-route-count::before{content:attr(data-count);font-size:11px;font-weight:700;line-height:1} .routes-calendar-day .routes-stop-count::before{color:#166534} .routes-calendar-day .routes-route-count::before{color:#075985}} @media (max-width:720px){.routes-calendar-card,.routes-card,.routes-header{border-radius:7px} .routes-calendar-card,.routes-card{padding:14px} .routes-calendar-weekdays div{font-size:10px} .routes-calendar-grid{gap:4px} .routes-calendar-day{min-height:58px;padding:6px} .routes-calendar-badges{gap:3px;margin-top:6px} .routes-stops-table{min-width:0} .routes-stops-table thead{display:none} .routes-stops-table,.routes-stops-table tbody,.routes-stops-table tr,.routes-stops-table td{display:block;width:100%} .routes-stops-table tr{border-bottom:1px solid #e5edf5;padding:10px 12px} .routes-stops-table td{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px;border-bottom:0;padding:7px 0;overflow-wrap:anywhere} .routes-stops-table td::before{content:attr(data-label);color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase} .routes-stops-table td:first-child{grid-template-columns:1fr} .routes-stops-table td:first-child::before{display:none} .routes-row-actions{align-items:stretch;flex-direction:column}} @media (max-width:560px){.routes-primary-btn,.routes-secondary-btn,.routes-danger-btn,.routes-disabled-btn,.routes-filter button,.routes-link,.routes-inline-form{width:100%} .routes-header h1{font-size:25px} .routes-section-title,.routes-route-summary{flex-direction:column}} @media (max-width:760px){.routes-calendar-badges{flex-wrap:nowrap;align-items:center;gap:3px} .routes-calendar-day .routes-stop-count,.routes-calendar-day .routes-route-count{width:18px;min-width:18px;height:18px;min-height:18px;font-size:0} .routes-calendar-day .routes-stop-count::before,.routes-calendar-day .routes-route-count::before{font-size:10px}} @media (max-width:560px){.routes-section-title{flex-direction:row;align-items:flex-start} .routes-section-title .routes-count-pill{flex:0 0 auto;margin-top:2px} .routes-route-summary{flex-direction:column}} .product-table-page{width:100%;max-width:1800px;margin:auto;min-height:calc(100vh - 80px);padding:30px clamp(16px,3vw,54px) 56px;background:rgba(255,255,255,0.7);color:var(--brand-heading)} .product-table-page *,.product-table-page *::before,.product-table-page *::after{box-sizing:border-box} .product-table-shell{display:grid;gap:18px;width:100%;max-width:1760px;margin:0 auto} .product-table-hero,.product-table-card{background:var(--brand-surface);border:1px solid #dbe5f0;border-radius:8px;box-shadow:0 14px 34px rgba(15,23,42,.08)} .product-table-hero{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(380px,1.25fr);gap:22px;align-items:start;padding:24px;border-left:5px solid var(--brand-secondary)} .product-table-hero-copy{min-width:0} .product-table-hero-tools{display:grid;justify-items:end;gap:14px;min-width:0} .product-table-hero-tools .product-table-primary-action{width:fit-content} .product-table-kicker{margin:0 0 6px;color:var(--brand-primary);font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase} .product-table-hero h1,.product-table-card h2,.product-table-empty h3{margin:0;color:var(--brand-heading);font-weight:800;line-height:1.12;letter-spacing:0} .product-table-hero h1{font-size:clamp(26px,2.2vw,38px)} .product-table-hero p,.product-table-card-head p,.product-table-empty p{margin:7px 0 0;color:var(--brand-muted);font-size:15px;line-height:1.45} .product-table-primary-action,.product-table-search-button,.product-table-clear-button,.product-table-edit-link,.product-table-pagination a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:7px;padding:0 14px;font:inherit;font-size:14px;font-weight:800;line-height:1.15;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease} .product-table-primary-action,.product-table-search-button{border:1px solid var(--brand-secondary);background:var(--brand-secondary);color:#fff;box-shadow:0 8px 18px rgba(0,86,179,.20)} .product-table-primary-action:hover,.product-table-search-button:hover{background:var(--brand-secondary-hover);border-color:var(--brand-secondary-hover);color:#fff;transform:translateY(-1px)} .product-table-primary-action span{margin-right:8px;color:inherit;font-size:18px;line-height:1;letter-spacing:0} .product-table-search-form{display:grid;gap:8px;width:min(760px,100%)} .product-table-search-form label{display:block;margin-bottom:8px;color:#243244;font-size:14px;font-weight:800} .product-table-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center} .product-table-search-row input{width:100%;min-height:44px;border:1px solid #c8d4e3;border-radius:7px;padding:10px 12px;color:var(--brand-heading);background:#fff;font:inherit;font-size:15px;outline:none;transition:border-color .16s ease,box-shadow .16s ease} .product-table-search-row input:focus{border-color:var(--brand-secondary);box-shadow:0 0 0 3px rgba(0,86,179,.14)} .product-table-search-button{min-height:44px} .product-table-clear-button,.product-table-pagination a{border:1px solid #cbd8e6;background:#f8fafc;color:var(--brand-secondary)} .product-table-clear-button:hover,.product-table-pagination a:hover{background:#eaf0f7;color:var(--brand-secondary-hover)} .product-table-alert{border:1px solid #bfdbfe;border-left:5px solid var(--brand-secondary);border-radius:8px;padding:13px 16px;background:#eff6ff;color:#164f86;font-weight:700} .product-table-alert.alert-success{border-color:#bbf7d0;border-left-color:#16a34a;background:#f0fdf4;color:#166534} .product-table-alert.alert-warning{border-color:#fde68a;border-left-color:#d97706;background:#fffbeb;color:#92400e} .product-table-card{overflow:hidden} .product-table-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid #e4edf6;background:#fbfdff} .product-table-card h2{font-size:22px} .product-table-scroll{width:100%;max-height:min(68vh,760px);overflow:auto;scrollbar-gutter:stable} .product-table-grid{width:100%;min-width:1280px;border-collapse:separate;border-spacing:0;background:#fff} .product-table-grid th,.product-table-grid td{padding:14px 15px;border-bottom:1px solid #e6edf5;color:#263447;font-size:14px;text-align:left;vertical-align:middle} .product-table-grid th{position:sticky;top:0;z-index:2;background:#f4f8fc;color:#4b5a6d;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase} .product-table-grid tbody tr:hover td{background:#f9fbfe} .product-table-id,.product-table-status,.product-table-tracking{display:inline-flex;align-items:center;max-width:240px;min-height:26px;border-radius:999px;padding:4px 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800} .product-table-id{background:#f1f5f9;color:#334155} .product-table-status{background:#e0f2fe;color:#075985} .status-badge{gap:7px} .product-table-status .status-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 2s infinite} @keyframes pulse{0%,100%{opacity:1} 50%{opacity:.5}} .status-badge.status-expected-uk{background:rgba(59,130,246,0.1);color:#3b82f6} .status-badge.status-expected-uk .status-dot{background:#3b82f6} .status-badge.status-delivered-uk{background:rgba(245,158,11,0.1);color:#f59e0b} .status-badge.status-delivered-uk .status-dot{background:#f59e0b} .status-badge.status-sent-bg{background:rgba(139,92,246,0.1);color:#8b5cf6} .status-badge.status-sent-bg .status-dot{background:#8b5cf6} .status-badge.status-delivered-bg{background:rgba(16,185,129,0.1);color:#10b981} .status-badge.status-delivered-bg .status-dot{background:#10b981} .status-badge.status-collected{background:rgba(20,184,166,0.1);color:#0f766e} .status-badge.status-collected .status-dot{background:#0f766e} .status-badge.status-unknown{background:#f1f5f9;color:#64748b} .product-table-tracking{max-width:180px;background:#f8fafc;color:#334155;border:1px solid #dbe5f0} .product-table-thumb-link{display:inline-flex;border-radius:7px;outline:none} .product-table-thumb{width:54px;height:54px;border:1px solid #dbe5f0;border-radius:7px;object-fit:cover;background:#f8fafc;transition:transform .16s ease,box-shadow .16s ease} .product-table-thumb-link:hover .product-table-thumb,.product-table-thumb-link:focus-visible .product-table-thumb{box-shadow:0 8px 18px rgba(15,23,42,.18);transform:translateY(-1px)} .product-table-muted{color:var(--brand-muted);font-size:13px;font-weight:700} .product-table-edit-link{border:1px solid rgba(var(--brand-primary-rgb),.22);background:#fff1f5;color:var(--brand-primary)} .product-table-edit-link:hover{background:var(--brand-primary);color:#fff} .product-table-pagination{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;border-top:1px solid #e4edf6;background:#fbfdff} .product-table-pagination span{color:var(--brand-heading);font-size:14px;font-weight:800;letter-spacing:0} .product-table-empty{padding:48px 22px;text-align:center} .product-table-empty h3{font-size:22px} @media (min-width:1440px){.product-table-page{padding-left:clamp(36px,4vw,78px);padding-right:clamp(36px,4vw,78px)}} @media (max-width:920px){.product-table-hero{grid-template-columns:1fr} .product-table-card-head{flex-direction:column;align-items:stretch} .product-table-hero-tools{justify-items:stretch} .product-table-hero-tools .product-table-primary-action{width:100%} .product-table-search-form{width:100%} .product-table-search-row{grid-template-columns:1fr}} @media (max-width:760px){.product-table-page{padding:20px 12px 42px} .product-table-hero,.product-table-card-head{padding:16px} .product-table-scroll{max-height:none;overflow:visible} .product-table-grid{min-width:0} .product-table-grid thead{display:none} .product-table-grid,.product-table-grid tbody,.product-table-grid tr,.product-table-grid td{display:block;width:100%} .product-table-grid tr{border-bottom:1px solid #e4edf6;padding:12px 14px} .product-table-grid tr:last-child{border-bottom:0} .product-table-grid td{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px;border-bottom:0;padding:8px 0;overflow-wrap:anywhere} .product-table-grid td::before{content:attr(data-label);color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase} .product-table-pagination{flex-direction:column;align-items:stretch} .product-table-pagination a{width:100%}} .ops-form-page{width:100%;max-width:1800px;margin:auto;min-height:calc(100vh - 80px);padding:30px clamp(16px,3vw,54px) 56px;background:rgba(255,255,255,0.7);color:var(--brand-heading)} .ops-form-page *,.ops-form-page *::before,.ops-form-page *::after{box-sizing:border-box} .ops-form-shell{display:grid;gap:18px;width:100%;max-width:1280px;margin:0 auto} .ops-form-hero,.ops-form-card{background:var(--brand-surface);border:1px solid #dbe5f0;border-radius:8px;box-shadow:0 14px 34px rgba(15,23,42,.08)} .ops-form-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px;border-left:5px solid var(--brand-secondary)} .ops-form-kicker{margin:0 0 6px;color:var(--brand-primary);font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase} .ops-form-hero h1,.ops-form-section h2{margin:0;color:var(--brand-heading);font-weight:800;line-height:1.12;letter-spacing:0} .ops-form-hero h1{font-size:clamp(26px,2.2vw,38px)} .ops-form-section h2{font-size:21px} .ops-form-hero p,.ops-form-section-head p{margin:7px 0 0;color:var(--brand-muted);font-size:15px;line-height:1.45} .ops-form-card{display:grid;gap:18px;padding:22px} .ops-form-section{border:1px solid #e0e9f3;border-radius:8px;background:#fbfdff;overflow:hidden} .ops-form-section-head{display:flex;gap:13px;align-items:flex-start;padding:18px 20px;border-bottom:1px solid #e4edf6;background:#f7fbff} .ops-form-section-mark{flex:0 0 auto;width:10px;height:42px;border-radius:999px;background:var(--brand-secondary)} .ops-form-section-mark-green{background:#10b981} .ops-form-section-mark-red{background:var(--brand-primary)} .ops-form-grid{display:grid;gap:16px;padding:20px} .ops-form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))} .ops-field,.ops-toggle-field,.ops-file-field{display:grid;gap:8px;min-width:0} .ops-field-wide{grid-column:1 / -1} .ops-field label,.ops-toggle-field label{color:#243244;font-size:14px;font-weight:800} .ops-field input,.ops-field select,.ops-field textarea{width:100%;min-height:44px;border:1px solid #c8d4e3;border-radius:7px;padding:10px 12px;color:var(--brand-heading);background:#fff;font:inherit;font-size:15px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease} .ops-field textarea{min-height:94px;resize:vertical} .ops-field select{appearance:none;padding-right:38px;background-image:linear-gradient(45deg,transparent 50%,#526173 50%),linear-gradient(135deg,#526173 50%,transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer} .ops-field input:hover,.ops-field select:hover,.ops-field textarea:hover{border-color:#9fb3ca} .ops-field input:focus,.ops-field select:focus,.ops-field textarea:focus{border-color:var(--brand-secondary);box-shadow:0 0 0 3px rgba(0,86,179,.14)} .ops-toggle-field{align-content:center;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:72px;padding:13px 14px;border:1px solid #dbe5f0;border-radius:8px;background:#f8fafc} .ops-toggle-field input[type="checkbox"]{width:22px;height:22px;accent-color:var(--brand-secondary)} .ops-file-field input[type="file"]{padding:8px;color:var(--brand-muted);cursor:pointer} .ops-file-field input[type="file"]::file-selector-button{margin-right:12px;padding:9px 14px;color:#fff;background:var(--brand-secondary);border:0;border-radius:6px;font:inherit;font-weight:800;cursor:pointer} .ops-phone-inputs{display:grid;grid-template-columns:repeat(10,minmax(30px,1fr));gap:7px;max-width:560px} .ops-phone-inputs-long{grid-template-columns:repeat(11,minmax(28px,1fr));max-width:620px} .ops-phone-inputs .phone-input{width:100%;min-height:42px;border:1px solid #c8d4e3;border-radius:7px;padding:0;color:var(--brand-heading);font:inherit;font-weight:800;text-align:center;outline:none} .ops-phone-inputs .phone-input:focus{border-color:var(--brand-secondary);box-shadow:0 0 0 3px rgba(0,86,179,.14)} #volume-price-container,#priceInput,#loaderOverlay{display:none} #id_weight:disabled{background-color:#f1f5f9;cursor:not-allowed;opacity:.65} .required-star{color:var(--brand-primary);font-weight:700} .ops-form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px} .ops-form-primary-action,.ops-form-secondary-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:7px;padding:0 16px;font:inherit;font-size:14px;font-weight:800;line-height:1.15;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease} .ops-form-primary-action{border:1px solid var(--brand-secondary);background:var(--brand-secondary);color:#fff;box-shadow:0 8px 18px rgba(0,86,179,.20)} .ops-form-primary-action:hover{background:var(--brand-secondary-hover);border-color:var(--brand-secondary-hover);color:#fff;transform:translateY(-1px)} .ops-form-primary-action:disabled{background:#94a3b8;border-color:#94a3b8;cursor:wait;transform:none} .ops-form-secondary-action{border:1px solid #cbd8e6;background:#f8fafc;color:var(--brand-secondary)} .ops-form-secondary-action:hover{background:#eaf0f7;color:var(--brand-secondary-hover)} .ops-form-alert{border-radius:8px;padding:13px 16px;font-weight:700} .ops-form-alert ul{margin:8px 0 0;padding-left:20px} .ops-form-alert-error{border:1px solid #fecaca;border-left:5px solid #dc2626;background:#fef2f2;color:#991b1b} @media (max-width:900px){.ops-form-page{padding:22px 12px 44px} .ops-form-hero{flex-direction:column;align-items:stretch;padding:18px} .ops-form-card{padding:16px} .ops-form-grid-2{grid-template-columns:1fr} .ops-form-actions,.ops-form-secondary-action,.ops-form-primary-action{width:100%}} @media (max-width:560px){.ops-form-section-head,.ops-form-grid{padding:14px} .ops-phone-inputs,.ops-phone-inputs-long{grid-template-columns:repeat(5,minmax(34px,1fr))}} .ops-form-page .select2-container{width:100% !important;max-width:100% !important;min-width:0 !important} .ops-form-page .select2-container .select2-selection--single{display:flex;align-items:center;width:100%;min-height:44px;border:1px solid #c8d4e3;border-radius:7px;background:#fff} .ops-form-page .select2-container--default .select2-selection--single .select2-selection__rendered{max-width:100%;padding-left:12px;padding-right:34px;color:var(--brand-heading);font-size:15px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ops-form-page .select2-container--default .select2-selection--single .select2-selection__arrow{height:100%;right:8px} .select2-container--open .select2-dropdown{max-width:calc(100vw - 24px) !important;border-color:#c8d4e3;border-radius:7px;overflow:hidden} .select2-container--open .select2-search--dropdown{padding:8px} .select2-container--open .select2-search__field{width:100% !important;max-width:100% !important;min-width:0 !important;box-sizing:border-box;border:1px solid #c8d4e3;border-radius:6px;padding:8px 10px;font:inherit} .select2-container--open .select2-results__option{white-space:normal;overflow-wrap:anywhere} @media (max-width:560px){.ops-form-page .select2-container--default .select2-selection--single .select2-selection__rendered,.select2-container--open .select2-results__option,.select2-container--open .select2-search__field{font-size:14px !important}} .qr-reader-page{width:100%;min-height:calc(100vh - 80px);padding:30px clamp(16px,3vw,54px) 56px;background:linear-gradient(180deg,#f6f9fc 0%,#eef3f8 100%);color:var(--brand-heading)} .qr-reader-page *,.qr-reader-page *::before,.qr-reader-page *::after{box-sizing:border-box} .qr-reader-shell{display:grid;gap:18px;width:100%;max-width:1320px;margin:0 auto} .qr-reader-hero,.qr-reader-camera-card,.qr-reader-info-card{background:var(--brand-surface);border:1px solid #dbe5f0;border-radius:8px;box-shadow:0 14px 34px rgba(15,23,42,.08)} .qr-reader-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px;border-left:5px solid var(--brand-secondary)} .qr-reader-kicker{margin:0 0 6px;color:var(--brand-primary);font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase} .qr-reader-hero h1,.qr-reader-info-head h2{margin:0;color:var(--brand-heading);font-weight:700;line-height:1.12;letter-spacing:0} .qr-reader-hero h1{font-size:clamp(26px,2.2vw,38px)} .qr-reader-info-head h2{font-size:21px} .qr-reader-hero p,.qr-reader-info-head p,.qr-reader-message{margin:7px 0 0;color:var(--brand-muted);font-size:15px;line-height:1.45} .qr-reader-secondary-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #cbd8e6;border-radius:7px;padding:0 16px;background:#f8fafc;color:var(--brand-secondary);font:inherit;font-size:14px;font-weight:800;line-height:1.15;text-align:center;text-decoration:none;white-space:nowrap;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease} .qr-reader-secondary-action:hover{background:#eaf0f7;color:var(--brand-secondary-hover);transform:translateY(-1px)} .qr-reader-grid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(360px,1.15fr);gap:18px;align-items:start} .qr-reader-camera-card,.qr-reader-info-card{overflow:hidden} .qr-reader-camera-card{display:grid;gap:14px;padding:18px} .qr-reader-video-frame{position:relative;width:100%;overflow:hidden;aspect-ratio:4 / 5;border:1px solid #dbe5f0;border-radius:8px;background:#0f172a} .qr-reader-video{display:block;width:100%;height:100%;object-fit:cover} .qr-reader-reticle{position:absolute;inset:16%;border:2px solid rgba(255,255,255,.9);border-radius:12px;box-shadow:0 0 0 999px rgba(15,23,42,.18);pointer-events:none} .qr-reader-reticle::before,.qr-reader-reticle::after{content:"";position:absolute;left:12%;right:12%;height:2px;background:rgba(159,0,56,.95)} .qr-reader-reticle::before{top:50%} .qr-reader-reticle::after{display:none} .qr-reader-status{min-height:42px;border:1px solid #bfdbfe;border-left:5px solid var(--brand-secondary);border-radius:8px;padding:11px 13px;background:#eff6ff;color:#164f86;font-size:14px;font-weight:800;line-height:1.35} .qr-reader-status[data-state="ready"]{border-color:#bbf7d0;border-left-color:#16a34a;background:#f0fdf4;color:#166534} .qr-reader-status[data-state="busy"]{border-color:#fde68a;border-left-color:#d97706;background:#fffbeb;color:#92400e} .qr-reader-status[data-state="error"]{border-color:#fecaca;border-left-color:#dc2626;background:#fef2f2;color:#991b1b} .qr-reader-info-head{display:flex;gap:13px;align-items:flex-start;padding:18px 20px;border-bottom:1px solid #e4edf6;background:#f7fbff} .qr-reader-info-mark{flex:0 0 auto;width:10px;height:42px;border-radius:999px;background:var(--brand-primary)} .qr-reader-info-list{display:grid;gap:0;padding:0 20px} .qr-reader-info-item{display:grid;grid-template-columns:minmax(150px,.45fr) minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid #e6edf5;color:#263447;font-size:15px;line-height:1.4} .qr-reader-info-item:last-child{border-bottom:0} .qr-reader-info-label{color:#4b5a6d;font-size:13px;font-weight:700;text-transform:uppercase} .qr-reader-message{min-height:24px;padding:0 20px 18px;font-weight:700} @media (max-width:980px){.qr-reader-grid{grid-template-columns:1fr} .qr-reader-video-frame{max-height:560px;aspect-ratio:16 / 10}} @media (max-width:760px){.qr-reader-page{padding:20px 12px 42px} .qr-reader-hero{flex-direction:column;align-items:stretch;padding:18px} .qr-reader-secondary-action{width:100%} .qr-reader-camera-card{padding:14px} .qr-reader-video-frame{aspect-ratio:3 / 4} .qr-reader-info-head,.qr-reader-info-list,.qr-reader-message{padding-left:14px;padding-right:14px} .qr-reader-info-item{grid-template-columns:1fr;gap:5px;padding:12px 0}} .qr-reader-standalone{margin:0;min-height:100vh;min-height:100dvh;background:#eef3f8;color:var(--brand-heading)} .qr-reader-standalone .qr-reader-page{min-height:100vh;min-height:100dvh;padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom))} .qr-reader-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:14px 20px 4px} .qr-reader-summary[hidden]{display:none} .qr-reader-summary-item{min-width:0;border:1px solid #dbeafe;border-radius:8px;padding:12px;background:#eff6ff} .qr-reader-summary-item strong,.qr-reader-phone-link{display:block;margin-top:5px;color:var(--brand-secondary);font-size:22px;font-weight:700;line-height:1.12;overflow-wrap:anywhere;text-decoration:none} .qr-reader-standalone .qr-reader-phone-link{margin-top:0} .qr-reader-phone-link{color:#0f7a3b} .qr-reader-phone-link[aria-disabled="true"]{color:#64748b;pointer-events:none} @media (max-width:760px){.qr-reader-standalone .qr-reader-page{position:relative;height:100vh;height:100dvh;overflow:hidden;padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom));background:#0f172a} .qr-reader-standalone .qr-reader-shell{height:100%;max-width:none;gap:8px} .qr-reader-standalone .qr-reader-hero{position:relative;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid rgba(219,229,240,.5);border-left:4px solid var(--brand-secondary);background:rgba(255,255,255,.94);box-shadow:0 10px 26px rgba(15,23,42,.24)} .qr-reader-standalone .qr-reader-kicker,.qr-reader-standalone .qr-reader-hero p{display:none} .qr-reader-standalone .qr-reader-hero h1{font-size:18px;line-height:1.1} .qr-reader-standalone .qr-reader-secondary-action{width:auto;min-height:34px;padding:0 12px;font-size:13px} .qr-reader-standalone .qr-reader-grid{display:block;min-height:0} .qr-reader-standalone .qr-reader-camera-card{position:absolute;inset:0;display:block;border:0;border-radius:0;padding:0;background:#0f172a;box-shadow:none} .qr-reader-standalone .qr-reader-video-frame{width:100%;height:100%;max-height:none;border:0;border-radius:0;aspect-ratio:auto} .qr-reader-standalone .qr-reader-reticle{inset:22% 12% 34%} .qr-reader-standalone .qr-reader-status{position:fixed;left:10px;right:10px;top:calc(max(8px,env(safe-area-inset-top)) + 58px);z-index:5;min-height:0;padding:9px 11px;border-radius:8px;font-size:12px;box-shadow:0 12px 26px rgba(15,23,42,.22)} .qr-reader-standalone .qr-reader-info-card{position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:6;max-height:min(48vh,390px);overflow-y:auto;overscroll-behavior:contain;border-radius:8px;border:1px solid rgba(219,229,240,.95);background:rgba(255,255,255,.97);box-shadow:0 18px 42px rgba(15,23,42,.34);-webkit-overflow-scrolling:touch} .qr-reader-standalone .qr-reader-info-head{position:sticky;top:0;z-index:1;gap:10px;padding:11px 12px;background:rgba(247,251,255,.98)} .qr-reader-standalone .qr-reader-info-mark{width:8px;height:32px} .qr-reader-standalone .qr-reader-info-head h2{font-size:16px} .qr-reader-standalone .qr-reader-info-head p{margin-top:3px;font-size:12px} .qr-reader-standalone .qr-reader-summary{grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px 2px} .qr-reader-standalone .qr-reader-summary-item{padding:9px;display:flex;align-items:center;justify-content:space-between} .qr-reader-standalone .qr-reader-summary-item strong,.qr-reader-standalone .qr-reader-phone-link{font-size:clamp(14px,4vw,24px)} .qr-reader-standalone .qr-reader-info-list{padding:0 12px} .qr-reader-standalone .qr-reader-info-item{grid-template-columns:minmax(86px,.38fr) minmax(0,1fr);gap:8px;padding:9px 0;font-size:13px} .qr-reader-standalone .qr-reader-info-label{font-size:11px} .qr-reader-standalone .qr-reader-message{min-height:0;padding:0 12px 12px;font-size:13px}} @media (max-width:380px){.qr-reader-standalone .qr-reader-summary{grid-template-columns:1fr} .qr-reader-standalone .qr-reader-info-card{max-height:52vh}} @media (max-width:760px){.qr-reader-standalone .qr-reader-page{display:block;height:auto;min-height:100vh;min-height:100dvh;overflow:auto;padding:max(8px,env(safe-area-inset-top)) 8px max(10px,env(safe-area-inset-bottom));background:#0f172a} .qr-reader-standalone .qr-reader-shell{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;width:100%;max-width:520px;min-height:calc(100vh - 18px);min-height:calc(100dvh - 18px);margin:0 auto} .qr-reader-standalone .qr-reader-hero{position:static;z-index:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;border:1px solid rgba(219,229,240,.86);border-left:4px solid var(--brand-secondary);background:rgba(255,255,255,.97);box-shadow:0 10px 24px rgba(15,23,42,.2)} .qr-reader-standalone .qr-reader-grid{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;min-height:0} .qr-reader-standalone .qr-reader-camera-card{position:static;display:grid;gap:8px;border:1px solid rgba(219,229,240,.45);border-radius:8px;padding:8px;background:rgba(15,23,42,.9);box-shadow:0 16px 34px rgba(0,0,0,.28);overflow:hidden} .qr-reader-standalone .qr-reader-video-frame{width:100%;height:clamp(230px,34vh,340px);max-height:none;border:1px solid rgba(255,255,255,.18);border-radius:8px;aspect-ratio:auto;background:#020617} .qr-reader-standalone .qr-reader-video{object-fit:cover} .qr-reader-standalone .qr-reader-reticle{inset:18% 14%} .qr-reader-standalone .qr-reader-status{position:static;min-height:0;padding:8px 10px;border-radius:8px;font-size:12px;box-shadow:none} .qr-reader-standalone .qr-reader-info-card{position:static;max-height:none;min-height:0;overflow-y:auto;overscroll-behavior:contain;border-radius:8px;border:1px solid rgba(219,229,240,.95);background:rgba(255,255,255,.98);box-shadow:0 16px 34px rgba(15,23,42,.24);-webkit-overflow-scrolling:touch} .qr-reader-standalone .qr-reader-info-head{position:static;padding:10px 12px;justify-content:center} .qr-reader-standalone .qr-reader-info-head p{display:none} .qr-reader-standalone .qr-reader-summary{padding-top:8px} .qr-reader-standalone .qr-reader-info-item{grid-template-columns:minmax(78px,.34fr) minmax(0,1fr);padding:8px 0}} @media (max-width:760px){.qr-reader-standalone .qr-reader-page{height:auto;min-height:100vh;min-height:100dvh;overflow-y:auto;overflow-x:hidden} .qr-reader-standalone .qr-reader-shell{min-height:0;display:grid;grid-template-rows:none;gap:8px;padding-bottom:8px} .qr-reader-standalone .qr-reader-grid{display:grid;grid-template-rows:none;gap:8px} .qr-reader-standalone .qr-reader-camera-card{min-height:0} .qr-reader-standalone .qr-reader-video-frame{height:clamp(175px,30vh,255px)} .qr-reader-standalone .qr-reader-reticle{inset:18% 14%} .qr-reader-standalone .qr-reader-info-card{max-height:none;overflow:visible} .qr-reader-standalone .qr-reader-info-head{padding:9px 12px} .qr-reader-standalone .qr-reader-info-head h2{font-size:15px;overflow-wrap:anywhere} .qr-reader-standalone .qr-reader-summary{gap:7px;padding:8px 10px 0} .qr-reader-standalone .qr-reader-summary-item{padding:8px 9px} .qr-reader-standalone .qr-reader-summary-item strong,.qr-reader-standalone .qr-reader-phone-link{font-size:clamp(16px,4.5vw,21px)} .qr-reader-standalone .qr-reader-info-list{padding:0 10px} .qr-reader-standalone .qr-reader-info-item{grid-template-columns:minmax(88px,.34fr) minmax(0,1fr);gap:8px;padding:7px 0;align-items:start;font-size:13px} .qr-reader-standalone .qr-reader-info-item >:last-child{min-width:0;overflow-wrap:anywhere;word-break:break-word;white-space:normal} .qr-reader-standalone .qr-reader-info-label{font-size:10px;line-height:1.15} .qr-reader-standalone .qr-reader-message{padding:0 10px 10px;font-size:12px}} @media (max-width:380px){.qr-reader-standalone .qr-reader-video-frame{height:clamp(155px,27vh,220px)} .qr-reader-standalone .qr-reader-summary{grid-template-columns:1fr}} .container-container-services-page{width:100%;max-width:1800px;margin:auto;background:rgba(255,255,255,0.7)} .services-container,.container-container-services-page > .additions-wrapper,.container-container-services-page > .services-faq{width:min(100% - 32px,1440px);margin-left:auto;margin-right:auto} .services-container{display:grid;gap:24px;padding:34px 0 28px;max-width:none;background:transparent} .services-intro{display:grid;gap:16px;margin:0;padding:clamp(28px,5vw,58px);border:1px solid #dbe5f0;border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(240,246,252,.96) 100%);color:var(--brand-heading);box-shadow:0 18px 44px rgba(15,23,42,.08);overflow:hidden;text-align:left} .services-main-title{max-width:980px;margin:0;color:var(--brand-heading);font-size:clamp(32px,4.2vw,58px);font-weight:700;line-height:1.05;letter-spacing:0;text-shadow:none} .services-main-description{max-width:980px;margin:0;color:var(--brand-muted);font-size:clamp(16px,1.4vw,20px);line-height:1.65;opacity:1} .services-main-description strong{color:var(--brand-secondary);font-weight:700} .services-quick-nav{position:sticky;top:82px;z-index:20;display:flex;gap:10px;overflow-x:auto;padding:10px;border:1px solid #dbe5f0;border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 12px 28px rgba(15,23,42,.08);-webkit-overflow-scrolling:touch;scrollbar-width:thin} .services-quick-nav a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid #cbd8e6;border-radius:7px;padding:0 14px;background:#f8fafc;color:var(--brand-secondary);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background-color .16s ease,border-color .16s ease,color .16s ease} .services-quick-nav a:hover,.services-quick-nav a:focus-visible{border-color:var(--brand-secondary);background:var(--brand-secondary);color:#fff;outline:none} .service-section{margin:0;scroll-margin-top:150px} .service-content,.non-standard-pricing-section,.services-seo-text,.cta-section,.container-container-services-page > .additions-wrapper,.container-container-services-page > .services-faq{border:1px solid #dbe5f0;border-radius:8px;background:var(--brand-surface);box-shadow:0 14px 34px rgba(15,23,42,.08)} .service-content{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);align-items:stretch;gap:0;padding:0;overflow:hidden;margin-bottom:0;transition:box-shadow .18s ease,transform .18s ease} .service-content:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(15,23,42,.12)} .service-image{min-height:100%;background:#eaf1f8} .service-image img{display:block;width:100%;height:100%;min-height:340px;object-fit:cover;border-radius:0;box-shadow:none;transition:transform .28s ease} .service-content:hover .service-image img{transform:scale(1.025)} .service-info{display:grid;align-content:center;padding:clamp(22px,3.2vw,44px)} .service-info h2{margin:0 0 18px;color:var(--brand-heading);font-size:clamp(24px,2.4vw,34px);font-weight:700;line-height:1.15;letter-spacing:0} .service-info h2::after{bottom:-10px;width:58px;height:3px;background:var(--brand-primary)} .service-info p{margin:0 0 14px;color:var(--brand-text);font-size:16px;line-height:1.68} .service-info span,.service-list li span,.delivery-option span,.info-1 span,.info-2 span{color:var(--brand-primary);font-size:inherit;font-weight:700;letter-spacing:0} .service-list{display:grid;gap:10px;margin:18px 0} .service-list li{margin:0;border:1px solid #dbeafe;border-left:4px solid var(--brand-secondary);border-radius:8px;padding:12px 14px;background:#f8fbff;color:#243244;font-size:15px;line-height:1.45} .non-standard-pricing-section{margin-top:18px;padding:clamp(18px,3vw,34px);background:#fff} .pricing-section-title{margin:0 0 28px;color:var(--brand-heading);font-size:clamp(24px,2.4vw,34px);line-height:1.15} .pricing-table-wrapper{border:1px solid #dbe5f0;border-radius:8px;box-shadow:none;overflow-x:auto} .non-standard-pricing-table{min-width:620px;border-radius:0} .non-standard-pricing-table th{background:var(--brand-secondary);padding:15px;font-size:15px;text-shadow:none} .non-standard-pricing-table td{padding:13px 15px;color:#263447;font-size:15px} .category-header td{background:#0f4f8f;padding:12px 15px;font-size:15px;text-shadow:none} .price-highlight{border-left:4px solid #10b981;background:#ecfdf5 !important;color:#047857 !important} .delivery-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .delivery-option{border:1px solid #dbeafe;border-left:4px solid var(--brand-secondary);border-radius:8px;background:#f8fbff} .services-seo-text,.cta-section,.container-container-services-page > .services-faq,.container-container-services-page > .additions-wrapper{margin-top:24px;padding:clamp(20px,3vw,34px)} .services-seo-text h2,.services-faq h2,.cta-section h2{margin:0 0 14px;color:var(--brand-heading);font-size:clamp(24px,2.5vw,36px);font-weight:700;line-height:1.15} .services-seo-text p,.services-faq p,.cta-section p,.info-1 p,.info-2 p,.info-1 li,.info-2 li{color:var(--brand-text);font-size:16px;line-height:1.65} .cta-section{display:grid;justify-items:start;background:linear-gradient(135deg,var(--brand-secondary) 0%,#0f3f73 100%);color:#fff;text-align:left} .cta-section h2,.cta-section p{color:#fff} .cta-section::before{display:none} .cta-btn{border-radius:7px;padding:14px 22px;background:#fff;color:var(--brand-secondary);box-shadow:none} .container-container-services-page > .additions-wrapper{background:#fff} .additions{gap:18px} .info-1,.info-2{border:1px solid #dbe5f0;border-left:4px solid var(--brand-secondary);border-radius:8px;box-shadow:none} .services-faq{display:grid;gap:12px;margin-bottom:48px} .faq-item{border:1px solid #dbe5f0;border-radius:8px;padding:18px;background:#fbfdff} .faq-item h3{margin:0 0 8px;color:var(--brand-secondary);font-size:18px;font-weight:700;line-height:1.25} @media (max-width:960px){.services-container,.container-container-services-page > .additions-wrapper,.container-container-services-page > .services-faq{width:min(100% - 22px,760px)} .services-quick-nav{top:72px} .service-content{grid-template-columns:1fr} .service-image img{min-height:230px;max-height:360px} .delivery-options,.additions{grid-template-columns:1fr}} @media (max-width:560px){.services-container{gap:16px;padding-top:18px;display:flex;flex-direction:column} .services-intro,.service-info,.non-standard-pricing-section,.services-seo-text,.cta-section,.container-container-services-page > .additions-wrapper,.container-container-services-page > .services-faq{padding:16px} .services-main-title{font-size:30px} .services-main-description,.service-info p,.services-seo-text p,.services-faq p,.cta-section p,.info-1 p,.info-2 p,.info-1 li,.info-2 li{font-size:15px} .services-quick-nav{top:0;border-radius:0 0 8px 8px;margin-left:-11px;margin-right:-11px;flex-wrap:wrap} .service-image img{min-height:190px;max-height:260px} .non-standard-pricing-table{min-width:560px}} .container-container-services-page{max-width:1800px !important;margin:0 auto !important;background:rgba(255,255,255,0.7) !important;overflow-x:hidden} .container-container-services-page *,.ops-form-page *{min-width:0} @media (max-width:960px){.container-container-services-page{width:min(100%,1800px);max-width:1800px !important;margin:0 auto !important;padding:0 10px} .services-container,.container-container-services-page > .additions-wrapper,.container-container-services-page > .services-faq{width:100%;max-width:100%} .service-section,.service-content,.services-intro,.services-quick-nav,.non-standard-pricing-section,.services-seo-text,.cta-section,.container-container-services-page > .additions-wrapper,.container-container-services-page > .services-faq{max-width:100%} .container-container-services-page [data-aos],.container-container-services-page .aos-init,.container-container-services-page .aos-animate{transform:none !important}} @media (max-width:560px){.container-container-services-page{padding:0 8px;overflow-x:hidden} .services-container{width:100%;padding:16px 0 22px} .services-intro{width:100%} .services-quick-nav{width:100%;margin-left:0;margin-right:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible} .services-quick-nav a{width:100%;min-width:0;padding:0 8px;white-space:normal;text-align:center;line-height:1.15} .service-content{width:100%} .service-image img{width:100%;max-width:100%}} .ops-toggle-field{justify-items:stretch} .ops-toggle-field input[type="checkbox"]{justify-self:end;align-self:center;flex:0 0 auto;margin:0} .ops-file-field{overflow:hidden} .ops-file-field input[type="checkbox"]{width:20px;height:20px;margin:0 8px 0 0;vertical-align:middle;accent-color:var(--brand-secondary)} .ops-file-field a{overflow-wrap:anywhere;word-break:break-word} .ops-file-field input[type="file"]{max-width:100%} @media (max-width:760px){.ops-toggle-field{grid-template-columns:minmax(0,1fr) 28px;gap:12px;min-height:58px} .ops-toggle-field input[type="checkbox"]{width:24px;height:24px} .ops-file-field{display:grid;gap:8px} .ops-file-field input[type="file"]{width:100%;min-height:46px;font-size:14px}} @media (max-width:430px){.services-quick-nav{grid-template-columns:1fr}} .container-container-services-page > .additions-wrapper{padding:clamp(20px,3vw,38px) !important;background:rgba(255,255,255,.92) !important} .container-container-services-page .additions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch} .container-container-services-page .info-1,.container-container-services-page .info-2{display:flex;flex-direction:column;gap:14px;min-height:100%;padding:clamp(18px,2.4vw,30px);border:1px solid #dbe5f0;border-left:5px solid var(--brand-secondary);border-radius:8px;background:#fbfdff;box-shadow:none} .container-container-services-page .info-2{border-left-color:var(--brand-primary)} .container-container-services-page .info-1 h3,.container-container-services-page .info-2 h3{margin:0;padding:0 0 12px;border-bottom:1px solid #e4edf6;color:var(--brand-heading);font-size:clamp(20px,1.8vw,26px);font-weight:800;line-height:1.2;letter-spacing:0} .container-container-services-page .info-1 p,.container-container-services-page .info-2 p{margin:0;color:var(--brand-text);font-size:16px;line-height:1.62} .container-container-services-page .info-1 ul,.container-container-services-page .info-2 ul{display:grid;gap:10px;margin:0;padding:0;list-style:none} .container-container-services-page .info-1 li,.container-container-services-page .info-2 li{position:relative;margin:0;padding:12px 14px 12px 38px;border:1px solid #dbeafe;border-radius:8px;background:#f8fbff;color:var(--brand-text);font-size:15px;line-height:1.5} .container-container-services-page .info-1 li::before,.container-container-services-page .info-2 li::before{content:"";position:absolute;left:16px;top:18px;width:8px;height:8px;border-radius:50%;background:var(--brand-secondary)} .container-container-services-page .info-2 li::before{background:var(--brand-primary)} .container-container-services-page .info-1 span,.container-container-services-page .info-2 span{color:var(--brand-primary);font-size:inherit;font-weight:800;letter-spacing:0} .container-container-services-page .info-2 a{color:var(--brand-secondary);font-weight:800;text-decoration:none} .container-container-services-page .info-2 a:hover,.container-container-services-page .info-2 a:focus-visible{color:var(--brand-primary);text-decoration:underline} .container-container-services-page .telephones-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:auto} .container-container-services-page .telephones-services p,.container-container-services-page .info-1 > p:last-child{border:1px solid #dbeafe;border-radius:8px;padding:12px 14px;background:#eff6ff;color:#164f86;font-weight:800} @media (max-width:860px){.container-container-services-page .additions{grid-template-columns:1fr}} @media (max-width:560px){.container-container-services-page > .additions-wrapper{padding:14px !important} .container-container-services-page .info-1,.container-container-services-page .info-2{padding:16px} .container-container-services-page .info-1 p,.container-container-services-page .info-2 p,.container-container-services-page .info-1 li,.container-container-services-page .info-2 li{font-size:14px} .container-container-services-page .telephones-services{grid-template-columns:1fr}} .routes-calendar-day .routes-calendar-badges{position:absolute;inset:0;display:block;margin:0;overflow:visible;pointer-events:none} .routes-calendar-day .routes-stop-count{position:absolute;bottom:7px;left:7px;max-width:calc(100% - 14px)} .routes-calendar-day .routes-route-count{position:absolute;top:7px;right:7px;max-width:calc(100% - 14px)} .routes-phone-inputs{display:grid;grid-template-columns:repeat(11,minmax(24px,1fr));gap:6px;width:100%} .routes-phone-input{width:100%;min-width:0;min-height:42px;border:1px solid #d6e2f0;border-radius:8px;background:#fff;color:var(--routes-ink);font-size:18px;font-weight:800;text-align:center;transition:border-color .16s ease,box-shadow .16s ease} .routes-phone-input:focus{border-color:var(--routes-blue);box-shadow:0 0 0 3px rgba(0,94,184,.12);outline:none} .routes-time-window-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .routes-time-window-fields label{display:block;margin-bottom:6px} .routes-phone-link{color:var(--routes-blue-dark);font-weight:800;text-decoration:none} .routes-phone-link:hover{text-decoration:underline} .routes-muted-text{color:#7b889a;font-weight:700} .routes-image-link{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;overflow:hidden;border:1px solid #d6e2f0;border-radius:8px;background:#f8fbff} .routes-stop-thumb{width:100%;height:100%;object-fit:cover} .routes-add-stop-form input[type="file"]{width:100%;border:1px solid #d6e2f0;border-radius:8px;padding:9px;background:#fff;color:var(--routes-ink)} @media (max-width:760px){.routes-calendar-day .routes-stop-count{bottom:5px;left:5px} .routes-calendar-day .routes-route-count{top:5px;right:5px}} @media (max-width:520px){.routes-phone-inputs{grid-template-columns:repeat(6,minmax(28px,1fr))} .routes-time-window-fields{grid-template-columns:1fr} .routes-image-link{width:48px;height:48px}} .routes-route-create-panel select,.routes-add-stop-form select{min-height:44px;border:1px solid #c8d4e3;border-radius:8px;padding:10px 40px 10px 12px;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#526173 50%),linear-gradient(135deg,#526173 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;color:var(--routes-ink);font-weight:700;appearance:none;cursor:pointer} .routes-route-create-panel select:focus,.routes-add-stop-form select:focus{border-color:var(--routes-blue);box-shadow:0 0 0 3px rgba(0,94,184,.14);outline:none} .routes-add-stop-form input[type="file"]{min-height:46px;border:1px dashed #b8c8dc;border-radius:8px;padding:8px;background:#f8fbff;color:#4b5a6d;font-weight:700;cursor:pointer} .routes-add-stop-form input[type="file"]::file-selector-button{min-height:32px;margin-right:12px;border:0;border-radius:7px;padding:0 13px;background:var(--routes-blue);color:#fff;font-weight:800;cursor:pointer} .routes-add-stop-form input[type="file"]:hover{border-color:var(--routes-blue);background:#f1f7ff} .routes-custom-select *,.routes-custom-select *::before,.routes-custom-select *::after{box-sizing:border-box} .routes-custom-select{position:relative;width:100%;min-width:0} .routes-custom-select .routes-native-select{position:absolute;inset:auto auto 0 0;width:1px;height:1px;opacity:0;pointer-events:none} .routes-custom-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;border:1px solid #c8d4e3;border-radius:8px;padding:10px 14px 10px 16px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);color:var(--routes-ink);font:inherit;font-size:15px;font-weight:800;line-height:1.25;text-align:left;white-space:normal;overflow-wrap:anywhere;word-break:break-word;cursor:pointer;box-shadow:0 8px 18px rgba(15,23,42,.06);transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease} .routes-custom-select-trigger span,.routes-custom-select-option span,.routes-custom-select [data-routes-select-label]{display:inline;width:auto;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:0;text-transform:none;box-shadow:none;animation:none} .routes-custom-select [data-routes-select-label]{display:block;flex:1 1 auto;overflow:hidden;min-width:0;overflow-wrap:anywhere;word-break:break-word} .routes-custom-select-trigger:hover,.routes-custom-select-trigger:focus-visible,.routes-custom-select-trigger[aria-expanded="true"]{border-color:var(--routes-blue);box-shadow:0 0 0 3px rgba(0,94,184,.14),0 10px 22px rgba(15,23,42,.08);outline:none} .routes-custom-select-icon{flex:0 0 auto;width:10px;height:10px;border-right:2px solid #526173;border-bottom:2px solid #526173;transform:rotate(45deg) translateY(-2px);transition:transform .16s ease} .routes-custom-select-trigger[aria-expanded="true"] .routes-custom-select-icon{transform:rotate(225deg) translateY(-2px)} .routes-custom-select-menu{position:absolute;z-index:40;top:calc(100% + 6px);left:0;right:0;max-height:260px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;border:1px solid #c8d4e3;border-radius:8px;padding:6px;background:rgba(255,255,255,.98);box-shadow:0 18px 42px rgba(15,23,42,.18);-webkit-overflow-scrolling:touch} .routes-custom-select-option{display:flex;align-items:center;width:100%;max-width:100%;min-width:0;min-height:40px;border:0;border-radius:7px;padding:9px 11px;background:transparent;color:var(--routes-ink);font:inherit;font-size:14px;font-weight:700;line-height:1.25;text-align:left;white-space:normal;overflow-wrap:anywhere;word-break:break-word;cursor:pointer} .routes-custom-select-option:hover,.routes-custom-select-option:focus-visible{background:#eaf4ff;color:var(--routes-blue-dark);outline:none} .routes-custom-select-option[aria-selected="true"]{background:var(--routes-blue);color:#fff} .routes-custom-select-option:disabled{color:#8794a6;cursor:default} @media (max-width:720px){.routes-custom-select-menu{max-height:220px}}