@media (max-width:991.98px){
body{
overflow-x:hidden;
}
.search-box-div{
margin-top:0;
}
.container,
.container-fluid{
padding-left:12px;
padding-right:12px;
}
main{
padding-top:14px !important;
padding-bottom:24px !important;
}
.row{
--bs-gutter-x:14px;
--bs-gutter-y:14px;
}
section h2,
.page-title,
.checkout-title{
font-size:30px !important;
line-height:1.15;
letter-spacing:-1px;
}
.top-links-bar{
display:none;
}
header{
padding-top:0px;
padding-bottom:10px;
}
header .logo img{
max-height:42px;
}
.search-box{
height:50px;
border-radius:16px;
margin-top:12px;
}
.search-box input{
font-size:15px;
padding-left:42px;
padding-right:105px;
}
.search-btn{
width:95px;
padding:0;
font-size:15px;
height:46px;
}
.cart-btn{
min-height:50px;
padding:8px 12px;
border-radius:14px;
}
.cart-icon-wrap{
width:38px;
height:38px;
border-radius:10px;
}
.cart-price,
.cart-label{
display:none;
}
.offcanvas{
width:88vw !important;
max-width:360px;
}
.offcanvas-header{
padding:18px;
border-bottom:1px solid #edf1f5;
}
.offcanvas-title{
font-size:20px;
font-weight:800;
}
.offcanvas-body{
padding:0;
}
.offcanvas .category-sidebar{
border:none;
border-radius:0;
box-shadow:none;
}
.offcanvas .tree-link{
min-height:46px;
}
.homepage-hero{
margin-top:6px;
}
.homepage-hero .carousel-inner{
border-radius:18px;
}
.homepage-hero img,
.hero-image{
height:420px;
min-height:420px;
max-height:420px;
object-fit:cover;
}
.homepage-hero .carousel-item::after{
background:linear-gradient(
180deg,
rgba(0,0,0,.15) 0%,
rgba(0,0,0,.55) 70%,
rgba(0,0,0,.75) 100%
);
}
.hero-caption{
left:20px;
right:20px;
bottom:24px;
max-width:none;
}
.hero-subtitle{
font-size:12px;
padding:8px 12px;
margin-bottom:14px;
}
.hero-title{
font-size:38px;
line-height:0.95;
letter-spacing:-2px;
margin-bottom:18px;
max-width:240px;
font-weight: 700;
}
.hero-btn{
width:100%;
justify-content:center;
min-height:52px;
font-size:16px;
}
.homepage-hero .carousel-control-prev,
.homepage-hero .carousel-control-next{
width:54px;
height:54px;
top:auto;
bottom:120px;
transform:none;
background:rgba(255,255,255,.22);
}
.homepage-hero .carousel-control-prev{
left:18px;
}
.homepage-hero .carousel-control-next{
right:18px;
}
.category-card .card-body{
padding:18px 14px;
}
.category-card h3{
font-size:15px;
}
.category-products-grid{
--bs-gutter-x:12px;
--bs-gutter-y:12px;
}
.product-card,
.item-product{
border-radius:16px;
}
.product-card .position-relative{
padding:10px 10px 0;
}
.product-image{
max-height:135px;
}
.product-title,
.product-card .product-title,
.product-card h3,
.product-card .card-title{
font-size:13px !important;
min-height:36px;
margin-bottom:8px !important;
}
.product-price{
font-size:20px;
}
.product-card .btn{
min-height:40px;
font-size:13px;
border-radius:12px;
}
.product-detail-wrapper{
gap:18px;
}
.product-detail-main{
padding:18px;
border-radius:18px;
}
.product-detail-name,
h1[itemprop="name"]{
font-size:30px !important;
line-height:1.08;
margin-bottom:14px !important;
max-width:100%;
}
.product-detail-price,
.display-6.fw-bold.text-primary,
.product-price-main .price,
#price{
font-size:36px !important;
line-height:1;
}
#image-block2,
#image-block,
.orbitvu-viewer{
height:340px !important;
min-height:340px;
max-height:340px;
}
.product-thumbs a,
.d-flex.flex-wrap.gap-2.mt-3 a{
width:72px;
height:72px;
border-radius:12px !important;
}
.buy-box{
padding:18px;
}
.buy-box .btn_add_cart,
.buy-box .btn-primary{
width:100%;
min-height:52px;
font-size:20px;
}
.product-actions-links{
gap:12px;
margin:14px 0 20px;
}
.product-actions-links a{
font-size:14px;
}
.nav-tabs{
overflow-x:auto;
flex-wrap:nowrap;
padding-bottom:6px;
}
.nav-tabs .nav-link{
white-space:nowrap;
padding:.7rem 1rem;
font-size:14px;
}
.checkout-summary,
.cart-summary,
.category-sidebar,
aside .sticky-top{
position:relative !important;
top:auto !important;
}
.cart-page{
padding-top:10px;
}
.cart-item{
padding:14px;
}
.cart-item .row{
row-gap:16px;
}
.cart-item-image{
border-radius:14px;
}
.cart-item-title{
font-size:15px;
}
.cart-item-total{
font-size:24px;
}
.cart-summary{
margin-top:18px;
}
.cart-summary .card-body{
padding:22px !important;
}
.cart-summary h3{
font-size:24px;
}
.checkout-layout{
--bs-gutter-x:16px;
}
.checkout-card{
padding:20px;
border-radius:18px;
}
.checkout-card-title{
font-size:22px;
}
.checkout-method-inner{
gap:14px;
padding:14px;
}
.checkout-method-logo{
width:54px;
height:54px;
flex:0 0 54px;
}
.checkout-method-name{
font-size:15px;
}
.checkout-method-desc{
font-size:13px;
}
.checkout-method-price{
font-size:18px;
}
.checkout-submit-btn{
width:100%;
min-height:54px;
}
#cartModal .modal-dialog{
max-width:96vw;
margin:10px auto;
}
.modal-cart .cart-modal{
padding:18px;
}
.cart-modal-product{
flex-direction:column;
gap:18px;
align-items:flex-start;
}
.cart-modal-image{
width:100%;
height:240px;
}
.cart-modal-title{
font-size:22px;
}
.cart-modal-buttons{
flex-direction:column;
gap:12px;
}
.cart-modal-buttons .btn{
width:100%;
}
.brands-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.brand-item{
height:64px;
padding:16px;
}
.service-card{
padding:18px;
}
.service-image{
height:220px;
}
.service-content{
padding-left:0;
}
.service-title{
font-size:32px;
line-height:1;
}
.service-text{
font-size:15px;
line-height:1.7;
}
.service-btn{
width:100%;
text-align:center;
}
#footer{
margin-top:40px;
}
.footer-title{
font-size:18px;
margin-bottom:18px;
}
.footer-contact p{
padding-left:42px;
}
.social-link{
width:46px;
height:46px;
font-size:18px;
}
footer .border-bottom:first-child{
border-radius:22px;
}
footer .border-bottom:first-child h2{
font-size:30px;
}
footer .border-bottom:first-child p{
font-size:15px;
}
}
@media (max-width:575.98px){
.product-price,
.product-detail-price,
#price{
font-size:16px !important;
}
.hero-title{
font-size:25px;
}
.homepage-hero img,
.hero-image{
height:380px;
min-height:380px;
max-height:380px;
}
.product-card .btn{
font-size:12px;
min-height:38px;
}
.product-image{
max-height:120px;
}
.service-title{
font-size:28px;
}
}
@media (max-width:575px){
.mobile-topbar .dropdown-toggle{
font-size:12px;
padding-left:6px !important;
padding-right:6px !important;
}
.topbar-link{
font-size:12px;
}
.mobile-menu-btn{
width:42px;
height:42px;
border-radius:12px;
}
}
@media (max-width:991.98px){
header.sticky-top{
position:relative !important;
top:auto !important;
z-index:auto !important;
}
}
@media (max-width:991.98px){
.cart-page{
padding-top:14px !important;
padding-bottom:30px !important;
}
.cart-page .page-title{
font-size:28px;
line-height:1.15;
margin-bottom:22px !important;
letter-spacing:-1px;
}
.checkout-steps{
gap:10px;
justify-content:flex-start;
overflow-x:auto;
flex-wrap:nowrap;
padding-bottom:4px;
margin-bottom:24px !important;
scrollbar-width:none;
}
.checkout-steps::-webkit-scrollbar{
display:none;
}
.checkout-step{
flex:0 0 auto;
gap:8px;
}
.checkout-step::after{
display:none;
}
.step-circle{
width:34px;
height:34px;
font-size:13px;
}
.step-label{
font-size:13px;
white-space:nowrap;
}
.cart-box{
border-radius:18px !important;
overflow:hidden;
}
.cart-row{
padding:16px 14px;
}
.cart-row .row{
position:relative;
}
.cart-item-image{
border-radius:14px;
}
.cart-item-image img{
padding:8px;
}
.cart-item-title{
font-size:15px;
line-height:1.4;
font-weight:700;
padding-right:36px;
}
.badge-onstore,
.badge-partner,
.badge-nostore{
font-size:11px;
padding:6px 10px;
}
.cart-remove{
position:absolute;
top:0;
right:0;
width:34px;
height:34px;
border-radius:10px;
}
.cart-qty{
margin-top:6px;
width:100%;
justify-content:center;
}
.cart-qty input{
width:42px;
height:36px;
font-size:14px;
}
.qty-btn{
width:36px;
height:36px;
}
.cart-item-price-wrap{
text-align:right;
padding-top:6px;
}
.cart-item-price-label,
.cart-item-total-label{
font-size:10px;
margin-bottom:3px;
}
.cart-item-price{
font-size:13px;
line-height:1.2;
}
.cart-item-total{
font-size:20px;
line-height:1;
letter-spacing:-1px;
margin-top:4px;
}
#coupone_form .row{
--bs-gutter-y:10px;
}
#coupone_form .btn,
#coupone_form .form-control{
height:48px;
}
.cart-summary{
position:relative !important;
top:auto !important;
margin-top:6px;
border-radius:18px !important;
}
.cart-summary .card-body{
padding:22px !important;
}
.cart-summary h3{
font-size:24px;
margin-bottom:20px;
}
.summary-row{
font-size:14px;
padding:10px 0;
}
.summary-row strong{
font-size:15px;
}
.summary-row.total{
margin-top:4px;
padding-top:16px;
border-top:1px solid #edf1f5;
}
.summary-row.total strong{
font-size:32px;
line-height:1;
}
.cart-summary .btn-success{
height:54px;
font-size:16px;
border-radius:14px !important;
}
.cart-summary .btn-light{
height:50px;
border-radius:14px !important;
}
.cart-benefits{
gap:10px;
margin-top:22px;
}
.cart-benefits div{
font-size:13px;
}
.cart-page .card{
border-radius:18px !important;
}
.cart-row .col-3{
width:88px;
flex:0 0 88px;
}
.cart-row .col-9{
width:calc(100% - 88px);
flex:0 0 calc(100% - 88px);
}
.cart-row .col-7{
width:50%;
flex:0 0 50%;
margin-top:14px;
}
.cart-row .col-5{
width:50%;
flex:0 0 50%;
margin-top:14px;
}
#footer{
margin-top:40px;
}
.footer-title{
font-size:18px;
margin-bottom:18px;
}
.payment-icons{
justify-content:center !important;
}
.payment-icons img{
height:26px !important;
}
.brands-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.brand-item{
height:62px;
padding:14px;
}
.top-links-menu{
overflow-x:auto;
flex-wrap:nowrap;
gap:20px;
padding-bottom:6px;
scrollbar-width:none;
}
.top-links-menu::-webkit-scrollbar{
display:none;
}
.top-links-menu li{
flex:0 0 auto;
}
.top-links-menu a{
font-size:14px;
white-space:nowrap;
}
}
@media (max-width:991.98px){
.checkout-layout{
row-gap:20px;
}
.checkout-layout > div{
padding-left:10px;
padding-right:10px;
}
.checkout-card{
background:#fff;
border-radius:18px;
padding:18px;
margin-bottom:16px;
box-shadow:0 2px 10px rgba(0,0,0,.05);
border:1px solid #edf1f5;
}
.checkout-card-title{
display:flex;
align-items:flex-start;
gap:12px;
font-size:18px;
font-weight:700;
line-height:1.3;
margin-bottom:18px;
color:#111827;
}
.checkout-card-title .small{
font-size:12px;
color:#6b7280;
margin-top:3px;
font-weight:400;
}
.checkout-card-title input[type="checkbox"]{
margin-top:4px;
width:18px;
height:18px;
accent-color:#5cab35;
}
.checkout-card .row{
--bs-gutter-y:12px;
}
.checkout-card label{
font-size:13px;
font-weight:600;
margin-bottom:6px;
color:#374151;
}
.checkout-card .form-control,
.checkout-card .form-select,
.checkout-card select{
height:50px;
border-radius:12px;
border:1px solid #dbe2ea;
font-size:15px;
padding:0 14px;
box-shadow:none;
}
.checkout-card textarea.form-control{
height:auto;
min-height:120px;
padding-top:12px;
resize:vertical;
}
.checkout-card .form-control:focus,
.checkout-card select:focus{
border-color:#5cab35;
box-shadow:0 0 0 4px rgba(92,172,53,.12);
}
#prihlaseni-box,
#firma-box,
#dodaci-adresa-box{
padding-top:10px;
}
.checkout-summary{
background:#fff;
border-radius:20px;
padding:20px;
box-shadow:0 2px 10px rgba(0,0,0,.05);
border:1px solid #edf1f5;
}
.checkout-summary .pos-title{
margin-bottom:18px;
padding-bottom:14px;
border-bottom:1px solid #edf1f5;
}
.checkout-summary .pos-title h2{
font-size:22px;
font-weight:700;
margin:0;
}
.item-product{
display:flex;
align-items:center;
gap:12px;
padding:12px 0;
border-bottom:1px solid #f1f5f9;
}
.products-inner{
width:70px;
flex:0 0 70px;
}
.products-inner img{
width:70px;
height:70px;
object-fit:contain;
border-radius:12px;
background:#fff;
padding:6px;
border:1px solid #edf1f5;
}
.product-contents{
flex:1;
min-width:0;
}
.product-name{
font-size:14px;
line-height:1.35;
margin-bottom:6px;
}
.product-name a{
color:#111827;
text-decoration:none;
font-weight:600;
}
.price-box{
font-size:13px;
color:#6b7280;
}
.product-price{
display:block;
font-size:15px;
font-weight:700;
color:#111827;
margin-top:2px;
}
.checkout-totals{
padding-top:10px;
}
.checkout-totals .summary-row{
display:flex;
justify-content:space-between;
align-items:center;
padding:10px 0;
font-size:14px;
border-bottom:1px solid #f3f4f6;
}
.checkout-totals .summary-row strong{
font-size:15px;
color:#111827;
}
.checkout-totals .summary-row.total{
margin-top:6px;
padding-top:18px;
border-top:2px solid #e5e7eb;
border-bottom:none;
}
.checkout-totals .summary-row.total span{
font-size:16px;
font-weight:700;
}
.checkout-totals .summary-row.total strong{
font-size:28px;
line-height:1;
color:#5cab35;
}
.checkout-card label.d-flex{
font-size:14px;
line-height:1.5;
}
.checkout-card label.d-flex input{
margin-top:4px;
accent-color:#5cab35;
}
.checkout-navigation{
bottom:0;
z-index:20;
padding:14px;
margin:20px -10px -10px;
border-top:1px solid #e5e7eb;
}
.checkout-navigation .btn{
height:52px;
border-radius:14px;
font-size:15px;
font-weight:600;
display:flex;
align-items:center;
justify-content:center;
gap:8px;
}
.checkout-navigation .btn-light{
flex:1;
}
.checkout-submit-btn{
flex:1;
background:#5cab35;
border-color:#5cab35;
}
.checkout-steps{
margin-bottom:24px !important;
}
#columns.container{
padding-left:12px;
padding-right:12px;
}
.cart-page{
padding-top:18px !important;
padding-bottom:40px !important;
}
@media (max-width:575.98px){
.checkout-card{
padding:16px;
border-radius:16px;
}
.checkout-card-title{
font-size:17px;
}
.checkout-summary{
padding:16px;
}
.checkout-summary .pos-title h2{
font-size:20px;
}
.checkout-navigation{
flex-direction:column-reverse;
}
.checkout-navigation .btn{
width:100%;
}
.checkout-totals .summary-row.total strong{
font-size:24px;
}
}
}
@media (max-width:991.98px){
.checkout-layout{
display:flex;
flex-direction:column;
}
.checkout-layout > .col-12.col-lg-4{
order:1;
}
.checkout-layout > .col-12.col-lg-8{
order:2;
}
}
@media (max-width:991.98px){
.cart-page form > .row.g-4{
display:flex;
flex-direction:column;
}
.cart-page form > .row.g-4 > .col-lg-4{
order:1;
}
.cart-page form > .row.g-4 > .col-lg-8{
order:2;
}
.cart-summary{
margin-bottom:18px;
border-radius:18px !important;
overflow:hidden;
}
.cart-summary .card-body{
padding:22px !important;
}
.cart-summary h3{
font-size:24px;
margin-bottom:18px;
}
.shipping-methods,
.payment-methods{
display:flex;
flex-direction:column;
gap:12px;
}
.checkout-method-card{
display:block;
border:1px solid #e5e7eb;
border-radius:18px;
overflow:hidden;
background:#fff;
transition:.2s;
margin:0 !important;
}
.checkout-method-card:has(input:checked){
border-color:#5cab35;
box-shadow:0 0 0 4px rgba(92,172,53,.12);
}
.checkout-method-card input[type="radio"]{
position:absolute;
opacity:0;
pointer-events:none;
}
.checkout-method-inner{
padding:16px;
gap:14px;
align-items:flex-start;
}
.checkout-method-logo{
width:56px;
height:56px;
flex:0 0 56px;
border-radius:14px;
background:#fff;
border:1px solid #edf1f5;
padding:8px;
display:flex;
align-items:center;
justify-content:center;
}
.checkout-method-logo img{
max-width:100%;
max-height:100%;
object-fit:contain;
}
.checkout-method-content{
flex:1;
min-width:0;
}
.checkout-method-head{
display:flex;
flex-direction:column;
gap:8px;
}
.checkout-method-name{
font-size:15px;
font-weight:700;
line-height:1.35;
color:#111827;
}
.checkout-method-desc{
font-size:13px;
line-height:1.5;
color:#6b7280;
}
.checkout-method-desc p{
margin:0;
}
.checkout-method-price{
font-size:20px;
font-weight:800;
color:#5cab35;
margin-top:2px;
}
.checkout-title{
font-size:24px !important;
line-height:1.15;
margin-bottom:22px !important;
}
.cart-summary .btn-success{
height:54px;
border-radius:14px;
font-size:16px;
font-weight:700;
}
.cart-summary .btn-light{
height:50px;
border-radius:14px;
}
.summary-row{
padding:10px 0;
font-size:14px;
}
.summary-row strong{
font-size:15px;
}
.summary-row.total{
margin-top:6px;
padding-top:18px;
border-top:1px solid #e5e7eb;
}
.summary-row.total strong{
font-size:30px;
line-height:1;
color:#5cab35;
}
.modal-box{
width:100vw !important;
height:100vh !important;
top:0 !important;
left:0 !important;
transform:none !important;
border-radius:0 !important;
padding:0 !important;
margin:0 !important;
}
#ppl-parcelshop-map{
height:100vh !important;
min-height:100vh !important;
}
.card.border-0.shadow-sm.rounded-2{
border-radius:18px !important;
overflow:hidden;
}
.card-body.p-4{
padding:18px !important;
}
}
@media (max-width:991.98px){
.cart-summary .btn-success,
.cart-summary .btn-light{
display:none !important;
}
}
@media (max-width:991.98px){
.checkout-mobile-navigation{
bottom:0;
left:0;
display:flex;
flex-direction:column;
gap:10px;
padding:14px;
margin-top:20px;
border-top:1px solid #e5e7eb;
z-index:40;
}
.checkout-mobile-navigation .btn{
height:54px;
border-radius:14px;
font-size:16px;
font-weight:700;
display:flex;
align-items:center;
justify-content:center;
}
.checkout-mobile-navigation .btn-success{
background:#5cab35;
border-color:#5cab35;
}
}
@media (max-width:991.98px){
.page-section{
padding-top:0 !important;
padding-bottom:24px !important;
}
.pos-breadcrumb{
padding-top:8px !important;
padding-bottom:8px !important;
margin-bottom:10px !important;
}
.page-card{
padding:0 !important;
border-radius:18px !important;
overflow:hidden;
border:1px solid #edf1f5;
box-shadow:none !important;
}
.page-card .page-content{
padding:18px 16px !important;
}
.page-card .page-text{
padding:0 !important;
margin:0 !important;
}
.page-card .page-title,
.page-content .page-title,
h1.page-title{
margin-top:0 !important;
padding-top:0 !important;
margin-bottom:18px !important;
font-size:28px !important;
line-height:1.1 !important;
letter-spacing:-1px;
}
.page-text{
font-size:15px;
line-height:1.75;
color:#374151;
}
.page-text p{
margin-bottom:16px;
}
.page-text h2,
.page-text h3,
.page-text h4{
margin-top:28px;
margin-bottom:14px;
font-size:22px;
line-height:1.2;
font-weight:700;
}
}
@media (max-width:991.98px){
header .row.align-items-center{
align-items:center !important;
}
header .logo img,
header .img-fluid{
max-height:42px !important;
width:auto;
}
.homepage-hero .carousel-control-prev,
.homepage-hero .carousel-control-next{
top:auto;
bottom:20px;
transform:none;
width:48px;
height:48px;
z-index:20;
background:rgba(255,255,255,.18);
backdrop-filter:blur(10px);
}
.homepage-hero .carousel-control-prev{
left:18px;
}
.homepage-hero .carousel-control-next{
right:18px;
}
.hero-caption{
bottom:88px;
}
}
@media (max-width:768px){
.card-reason h3{
font-size:19px;
}
.seo-text h2{
font-size: 20px !important;
}
.seo-text p {
  font-size: 14px;
}
.service-content{
left:18px;
right:18px;
bottom:18px;
}
.service-content h3{
font-size:1.2rem;
}
.btn_add_cart{
height:50px;
font-size:.95rem;
padding:0 16px;
white-space:nowrap;
}
.btn_add_cart i{
margin-right:8px !important;
}
#quantity_wanted{
width:78px;
min-width:78px;
height:50px;
padding-left:10px;
padding-right:10px;
}
}
@media (max-width:991.98px) and (orientation:landscape){
.offcanvas{
width:420px !important;
max-width:82vw;
}
.homepage-hero img,
.hero-image{
height:300px;
min-height:300px;
max-height:300px;
}
.hero-caption{
bottom:70px;
}
.brands-grid{
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
}
.brand-item{
height:58px;
padding:10px;
}
.brand-item img{
max-height:32px;
width:auto;
}
.payment-icons{
gap:10px !important;
}
.payment-icons img{
height:22px !important;
width:auto;
}
.checkout-steps{
gap:18px;
}
.step-circle{
width:30px;
height:30px;
font-size:12px;
}
.step-label{
font-size:12px;
}
.cart-row{
padding:14px 12px;
}
.cart-item-total{
font-size:18px;
}
.cart-summary .card-body{
padding:18px !important;
}

}