body{
background:#f3f5f7;
color:#1f2937;
}
.product-card,
.category-card,
.item-product{
border:0;
border-radius:14px;
background:#fff;
box-shadow:0 4px 20px rgba(15,23,42,.06);
transition:all .2s ease;
}
.card:hover,
.product-card:hover,
.category-card:hover{
box-shadow:0 10px 30px rgba(15,23,42,.10);
}
.product-card .card-body{
padding:12px 14px 14px !important;
}
.product-card img{
transition:transform .25s ease;
}
.product-card:hover img{
transform:scale(1.03);
}
.product-card h3,
.product-card .card-title{
font-size:15px;
line-height:1.45;
font-weight:600;
}
.product-card a{
text-decoration:none;
}
.product-card .price,
.product-card .fw-bold.text-primary{
color:#67b821 ;
font-size:1.45rem;
font-weight:700;
line-height:1.1;
}
.product-card .old-price{
color:#9ca3af;
text-decoration:line-through;
font-size:.9rem;
}
.btn-primary,.btn-success{
background:#67b821;
border-color:#67b821;
border-radius:14px;
font-weight:600;
padding:.7rem 1.2rem;
}
.btn-primary:hover,.btn-success:hover{
background:#5ba11d;
border-color:#5ba11d;
}
.btn-outline-primary{
border-color:#67b821;
color:#67b821;
border-radius:14px;
}
.btn-outline-primary:hover{
background:#67b821;
border-color:#67b821;
}
.product-detail-card{
border-radius:14px;
overflow:hidden;
}
.sidebar-products .card{
border-radius:10px;
}
.sidebar-products .card-body{
padding:1rem;
}
.nav-tabs{
border:0;
gap:10px;
}
.nav-tabs .nav-link{
border:0;
border-radius:8px;
padding:.75rem 1.2rem;
font-weight:600;
background:#eef2f5;
color:#374151;
}
.nav-tabs .nav-link.active{
background:#67b821;
color:#fff;
}
.breadcrumb{
margin:0;
background:transparent;
}
.breadcrumb-item,
.breadcrumb-item a{
color:#6b7280;
font-size:.9rem;
text-decoration:none;
}
header .form-control{
border-radius:14px;
border:1px solid #dbe1e7;
min-height:48px;
}
header .input-group .btn{
border-radius:14px;
}
.product-main-image{
background:#fff;
border-radius:12px;
padding:20px;
}
.product-main-image img{
max-height:480px;
object-fit:contain;
}
header.sticky-top {
z-index: 1055;
}
aside .sticky-top {
top: 80px;
z-index: 1000;
}
.top-links-menu{
margin:0;
padding:0;
list-style:none;
display:flex;
flex-wrap:wrap;
gap:28px;
align-items:center;
min-height:44px;
}
.top-links-menu a{
color:#fff;
text-decoration:none;
font-size:14px;
font-weight:500;
transition:.2s;
}
.top-links-menu a:hover{
opacity:.85;
}
main{
min-width:0;
}
.container{
max-width:1400px;
}
.product-detail-wrapper{
gap:30px;
}
.product-detail-main{
background:#fff;
border-radius:14px;
padding:28px;
box-shadow:0 10px 30px rgba(15,23,42,.05);
}
.product-detail-sidebar{
background:transparent !important;
box-shadow:none !important;
padding:0 !important;
}
.product-gallery{
background:#fff;
border:1px solid #e9eef3;
border-radius:12px;
padding:24px;
position:relative;
}
.product-gallery img{
transition:transform .25s ease;
}
.product-gallery:hover img{
transform:scale(1.02);
}
.product-gallery-thumbs{
display:flex;
gap:12px;
flex-wrap:wrap;
margin-top:18px;
}
.product-gallery-thumbs a{
width:78px;
height:78px;
border:1px solid #e5e7eb;
border-radius:9px;
padding:6px;
background:#fff;
transition:.2s;
overflow:hidden;
}
.product-gallery-thumbs a:hover{
border-color:#67b821;
box-shadow:0 6px 18px rgba(103,184,33,.18);
}
.product-gallery-thumbs img{
width:100%;
height:100%;
object-fit:contain;
}
.product-detail-main h1{
font-size:clamp(34px,4vw,62px);
line-height:1.08;
font-weight:800;
letter-spacing:-1px;
color:#111827;
margin-bottom:22px;
}
.product-price-main{
margin-bottom:22px;
}
.product-price-main .price,
.display-6.fw-bold.text-primary{
font-size:56px ;
line-height:1;
font-weight:700 !important;
color:#2563eb ;
letter-spacing:-2px;
}
.product-price-main .price_without_vat,
.text-muted{
color:#6b7280 !important;
}
.price-note{
font-size:15px;
color:#6b7280;
margin-top:6px;
}
.product-actions-links{
display:flex;
flex-wrap:wrap;
gap:22px;
margin:18px 0 28px;
}
.product-actions-links a{
color:#2563eb;
font-size:15px;
text-decoration:none;
font-weight:500;
}
.product-actions-links a:hover{
color:#1d4ed8;
}
.buy-box{
background:#fff;
border:1px solid #e8edf3;
border-radius:12px;
padding:24px;
box-shadow:0 6px 20px rgba(15,23,42,.04);
}
.buy-box .form-control{
border-radius:8px;
border:1px solid #d9e0e7;
min-height:54px;
font-size:18px;
font-weight:600;
}
.buy-box label{
font-weight:700;
margin-bottom:10px;
}
.buy-box .btn_add_cart,
.buy-box .btn-primary{
min-height:56px;
border-radius:9px;
font-size:28px;
font-weight:700;
padding:0 34px;
box-shadow:0 10px 25px rgba(103,184,33,.22);
}
.buy-box .btn_add_cart:hover{
transform:translateY(-1px);
}
.product-label,.badge{
border-radius:999px !important;
padding:10px 14px !important;
font-size:14px;
font-weight:700;
letter-spacing:-.2px;
}
.badge.bg-success{
background:#e9f8df !important;
color:#3f8d13 !important;
}
.badge.bg-danger{
background:#ffe4e6 !important;
color:#dc2626 !important;
}
.badge.bg-warning{
background:#fff5d6 !important;
color:#ca8a04 !important;
}
.delivery_options{
display:flex;
flex-wrap:wrap;
gap:10px;
align-items:center;
}
.delivery_options img{
background:#fff;
border:1px solid #e8edf3;
border-radius:14px;
padding:8px;
transition:.2s;
}
.delivery_options img:hover{
transform:translateY(-2px);
box-shadow:0 8px 20px rgba(15,23,42,.08);
}
.right-column{
background:transparent !important;
}
.right-column > .card{
background:#fff;
border-radius:12px;
box-shadow:0 6px 24px rgba(15,23,42,.06);
}
.right-column .card-body{
padding:22px;
}
.right-column h3{
font-size:20px;
font-weight:800;
margin-bottom:20px;
}
.item-product{
background:#fff;
border-radius:12px;
padding:18px;
margin-bottom:18px;
border:1px solid #edf1f5;
box-shadow:0 6px 20px rgba(15,23,42,.05);
transition:.25s;
}
.item-product:hover{
box-shadow:0 14px 32px rgba(15,23,42,.08);
}
.item-product .products-inner{
background:#fff;
border-radius:9px;
overflow:hidden;
}
.item-product img{
transition:.25s;
}
.item-product:hover img{
transform:scale(1.04);
}
.item-product .product-name{
font-size:18px;
line-height:1.35;
font-weight:700;
margin-bottom:10px;
}
.item-product .product-name a{
color:#111827;
text-decoration: none;
}
.item-product .product-name a:hover{
color:#67b821;
}
.item-product .price{
color:#2563eb !important;
font-size:34px;
line-height:1;
font-weight:800;
letter-spacing:-1px;
}
.item-product .price-box{
margin-top:8px;
}
.product-onstore,
.product-onstore2,
.small_store{
display:inline-flex;
align-items:center;
padding:7px 14px;
border-radius:999px;
background:#1f9d62;
color:#fff !important;
font-size:13px;
font-weight:700;
line-height:1;
}
.product-onorder{
display:inline-flex;
align-items:center;
padding:7px 14px;
border-radius:999px;
background:#f3f4f6;
color:#6b7280 !important;
font-size:13px;
font-weight:700;
}
.item-product .btn,
.item-product .btn-outline-primary{
width:100%;
min-height:46px;
border-radius:999px;
font-size:18px;
font-weight:700;
border:2px solid #67b821;
background:#67b821;
color:#fff !important;
}
.item-product .btn:hover{
background:#5ba11d;
border-color:#5ba11d;
transform:translateY(-1px);
}
.tab-content{
background:#fff;
border-radius:12px;
}
.page-product-box{
padding-top:10px;
}
.rte{
color:#374151;
line-height:1.8;
font-size:16px;
}
.rte h1,.rte h2,.rte h3{
font-weight:800;
color:#111827;
margin-top:28px;
}
.rte ul{
padding-left:20px;
}
.rte li{
margin-bottom:8px;
}
.table-data-sheet{
width:100%;
border-collapse:separate;
border-spacing:0 10px;
}
.table-data-sheet tr{
background:#f8fafc;
}
.table-data-sheet td{
padding:14px 18px;
}
.table-data-sheet td:first-child{
border-radius:14px 0 0 14px;
font-weight:700;
color:#111827;
}
.table-data-sheet td:last-child{
border-radius:0 14px 14px 0;
}
.breadcrumb{
gap:8px;
}
.breadcrumb-item.active{
color:#111827;
font-weight:600;
}
header{
background:#fff;
}
header .btn-success{
min-height:44px;
border-radius:8px;
}
header .form-control{
background:#fff;
border:1px solid #dbe3ea;
}
.search-box:focus{
box-shadow:0 3px 10px rgba(0,0,0,.05);
}
.top-links-menu{
min-height:52px;
}
.top-links-menu a{
font-weight:600;
letter-spacing:-.2px;
}
.tab-content{
background:transparent !important;
box-shadow:none !important;
padding:0;
}
.tab-pane{
background:transparent;
}
.tab-pane .row{
--bs-gutter-x:16px;
--bs-gutter-y:16px;
}
.product-card, .card-reason{
overflow:hidden;
border-radius:10px;
background:#fff;
border:1px solid #e9edf2;
box-shadow:0 4px 18px rgba(15,23,42,.05);
transition:.22s;
height:100%;
}
.product-card:hover{
box-shadow:0 12px 28px rgba(15,23,42,.08);
}
.product-card .position-relative{
padding:14px 14px 6px;
}
.product-image{
max-height:165px;
object-fit:contain;
transition:transform .25s ease;
}
.product-card:hover .product-image{
transform:scale(1.03);
}
.product-title a{
color:#111827 !important;
font-size:14px;
font-weight:600;
line-height:1.35;
}
.product-title a:hover{
color:#67b821 !important;
}
.product-card .text-success,
.product-card .text-muted{
display:inline-flex;
align-items:center;
border-radius:999px;
padding:6px 11px;
font-size:11px !important;
font-weight:700;
}
.product-card .text-success{
color: #4d9b18 !important;
font-size: 15px !important;
font-weight: 800 !important;
}
.product-card .text-muted{
background:#f3f4f6;
color:#6b7280 !important;
}
.product-price{
color:#111827;
font-size:18px;
font-weight:700;
line-height:1;
letter-spacing:-1px;
}
.product-card .btn{
min-height:38px;
border-radius:8px;
font-size:15px;
font-weight:700;
padding:0 12px;
box-shadow:none;
}
.product-card .mb-3{
margin-bottom:8px !important;
}
.product-card .mb-4{
margin-bottom:12px !important;
}
footer .border-bottom:first-child{
background:linear-gradient(135deg,#67b821 0%,#5aa11d 100%);
border:none !important;
margin:0 auto 40px;
overflow:hidden;
}
footer .border-bottom:first-child h2{
color:#fff;
font-size:42px;
font-weight:800;
letter-spacing:-1px;
}
footer .border-bottom:first-child p{
color:rgba(255,255,255,.88) !important;
font-size:17px;
}
footer .border-bottom:first-child .btn{
background:#fff !important;
color:#000 !important;
border:none !important;
min-height:56px;
border-radius:9px;
font-size:18px;
font-weight:700;
box-shadow:none;
}
footer .border-bottom:first-child .btn:hover{
transform:translateY(-2px);
background:#f8fafc !important;
}
footer .py-5{
border:none !important;
}
.footer-title{
font-size:20px;
font-weight:800;
margin-bottom:24px;
color:#111827;
letter-spacing:-.5px;
}
.footer-contact p{
position:relative;
padding-left:50px;
margin-bottom:14px !important;
}
.footer-contact p:nth-child(1)::before, .footer-contact p:nth-child(2)::before, .footer-contact p:nth-child(3)::before{
font-family:FontAwesome;
position:absolute;
left:0;
top:2px;
color:#fff;
font-size:16px;
line-height:30px;
width:30px;
height:30px;
text-align:center;
background:#000;
border-radius:50%;
}
.footer-contact p:nth-child(1)::before{
content:"\f041";
}
.footer-contact p:nth-child(2)::before{
content:"\f095";
}
.footer-contact p:nth-child(3)::before{
content:"\f0e0";
}
.footer-menu{
display:flex;
flex-direction:column;
gap:12px;
}
.footer-menu li{
margin:0;
}
.footer-link{
color:#4b5563;
text-decoration:none;
font-size:15px;
transition:.2s;
position:relative;
}
.footer-link:hover{
color:#67b821;
padding-left:4px;
}
footer .input-group{
background:#fff;
border-radius:9px;
padding:0px;
box-shadow:0 4px 18px rgba(15,23,42,.05);
}
footer .input-group .form-control{
border:none !important;
background:transparent !important;
min-height:48px;
box-shadow:none !important;
}
footer .input-group .btn{
border-radius:8px;
min-height:48px;
padding:0 22px;
font-weight:700;
}
.social-link{
width: 52px;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #486e9e;
color: #fff;
font-size: 22px;
text-decoration: none;
box-shadow: 0 6px 18px rgba(15,23,42,.05);
transition: .2s;
}
.social-link:hover{
transform:translateY(-2px);
background:#67b821;
color:#fff;
}
footer .py-4.border-top.bg-white{
background:transparent !important;
border-color:#e5e7eb !important;
}
footer .small.text-muted{
color:#6b7280 !important;
font-size:14px;
}
section h2{
font-size:26px;
font-weight:800;
letter-spacing:-1px;
color:#111827;
}
.category-card{
border-radius:12px;
overflow:hidden;
border:1px solid #e8edf3;
}
.category-card .card-body{
padding:26px 18px;
}
.category-card img{
transition:.25s;
}
.category-card:hover img{
transform:scale(1.05);
}
main{
padding-top:26px !important;
padding-bottom:40px;
}
section,.tab-pane,.tab-content,.row{
background:transparent;
}
.product-right-sidebar > .card{
background:transparent !important;
box-shadow:none !important;
border:none !important;
}
.col-lg-3 > .card:first-child{
overflow:hidden;
border-radius:12px !important;
}
.product-right-sidebar > .card:last-child{
padding:0 !important;
background:transparent !important;
}
.product-right-sidebar > .card:last-child .card-body{
padding:0 !important;
}
.product-right-sidebar > .card:last-child h3{
font-size:30px;
font-weight:800;
letter-spacing:-1px;
margin-bottom:22px !important;
padding-left:4px;
}
.product-right-sidebar > .card:last-child .card{
background:#fff !important;
border:1px solid #e8edf3 !important;
border-radius:14px !important;
box-shadow:0 8px 24px rgba(15,23,42,.06) !important;
overflow:hidden;
transition:.25s;
margin-bottom:22px !important;
}
.product-right-sidebar > .card:last-child .card:hover{
box-shadow:0 18px 36px rgba(15,23,42,.10) !important;
}
.product-right-sidebar > .card:last-child .col-4{
padding:12px;
}
.product-right-sidebar > .card:last-child img{
transition:.25s;
}
.product-right-sidebar > .card:last-child .card:hover img{
transform:scale(1.05);
}
.product-right-sidebar > .card:last-child h3 a{
font-size:16px;
line-height:1.45;
font-weight:700;
color:#111827 !important;
}
.product-right-sidebar > .card:last-child h3 a:hover{
color:#67b821 !important;
}
.product-right-sidebar > .card:last-child .badge.bg-success{
padding:8px 14px !important;
color: #4d9b18 !important;
font-size: 15px !important;
font-weight: 800 !important;
}
.product-right-sidebar > .card:last-child .badge.bg-light{
background:#f3f4f6 !important;
color:#6b7280 !important;
border:none !important;
padding:8px 14px !important;
border-radius:999px !important;
font-size:12px;
font-weight:700;
}
.product-right-sidebar > .card:last-child .text-primary{
color:#2563eb !important;
font-size:32px !important;
font-weight:800 !important;
line-height:1;
letter-spacing:-1px;
}
.product-right-sidebar > .card:last-child .btn{
min-height:44px;
border-radius:8px !important;
background:#67b821 !important;
border-color:#67b821 !important;
color:#fff !important;
font-weight:700;
font-size:16px;
}
.product-right-sidebar > .card:last-child .btn:hover{
background:#5ba11d !important;
border-color:#5ba11d !important;
}
.product-title,
.product-card .product-title,
.product-card h3,
.product-card .card-title{
margin-bottom:10px !important;
font-size:14px !important;
line-height:1.4;
font-weight:600;
min-height:40px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
text-overflow:ellipsis;
}
.product-right-sidebar .card h3.h6{
font-size:14px !important;
line-height:1.35;
font-weight:600;
margin-bottom:10px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
.footer-menu{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px 24px;
padding:0;
margin:0;
}
.footer-menu li{
margin:0;
line-height:1.3;
}
.footer-link{
display:inline-block;
font-size:14px;
}
.category-products-grid{
--bs-gutter-x:20px;
--bs-gutter-y:20px;
}
.modern-pagination{
gap:8px;
}
.modern-pagination .page-item{
list-style:none;
}
.modern-pagination .page-link{
min-width:44px;
height:44px;
border-radius:14px !important;
border:none;
background:#fff;
color:#111827;
font-weight:600;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 4px 12px rgba(15,23,42,.05);
transition:.2s;
}
.modern-pagination .page-link:hover{
background:#67b821;
color:#fff;
transform:translateY(-1px);
}
.modern-pagination .active .page-link{
background:#67b821;
color:#fff;
}
.modern-pagination .disabled .page-link{
opacity:.4;
pointer-events:none;
}
.page-section{
padding-bottom:60px;
}
.page-card{
background:#fff;
border-radius:32px;
padding:50px 60px;
box-shadow:0 10px 30px rgba(15,23,42,.05);
border:1px solid #e9eef3;
}
.text-page h1{
font-size:clamp(26px,3vw,28px);
line-height:1.2;
margin-bottom:24px;
}
.page-text h2{
font-size:22px;
margin-top:40px;
}
.page-text h3{
font-size:19px;
margin-top:30px;
}
.page-title{
font-size:clamp(26px,3vw,38px);
line-height:1.2;
font-weight:800;
letter-spacing:-0.5px;
color:#111827;
margin-bottom:26px;
}
.page-text{
color:#374151;
font-size:17px;
line-height:1.9;
}
.page-text p{
margin-bottom:22px;
}
.page-text ul,
.page-text ol{
padding-left:24px;
margin-bottom:24px;
}
.page-text li{
margin-bottom:10px;
}
.page-text img{
max-width:100%;
height:auto;
border-radius:11px;
}
.page-text table{
width:100%;
margin:30px 0;
border-collapse:separate;
border-spacing:0;
overflow:hidden;
border-radius:9px;
}
.page-text table tr:nth-child(even){
background:#f8fafc;
}
.page-text table td,
.page-text table th{
padding:16px 18px;
border-bottom:1px solid #edf1f5;
}
.page-text a{
color:#67b821;
font-weight:600;
text-decoration:none;
}
.page-text a:hover{
color:#5ba11d;
text-decoration:underline;
}
h1[itemprop="name"]{
font-size:clamp(28px,2.6vw,40px) ;
line-height:1.18;
font-weight:800;
letter-spacing:-0.6px;
color:#111827;
margin-bottom:18px !important;
max-width:95%;
}
.display-6.fw-bold.text-primary,
.product-price-main .price,
#price{
color:#111827 ;
font-size:44px ;
line-height:1;
font-weight:800 !important;
letter-spacing:-1.5px;
}
#price_without_vat,
.text-muted{
color:#6b7280 !important;
}
main .card.border-0.shadow-sm.rounded-4{
border-radius:14px !important;
box-shadow:0 6px 24px rgba(15,23,42,.05) !important;
}
#bigpic{
max-height:420px;
object-fit:contain;
}
#buy_block .form-control{
height:52px;
border-radius:14px;
font-weight:600;
}
.btn_add_cart{
height:52px !important;
border-radius:8px !important;
font-size:18px !important;
font-weight:700;
box-shadow:none !important;
}
.d-flex.flex-wrap.gap-3.small a{
color:#4b5563;
font-weight:500;
}
.d-flex.flex-wrap.gap-3.small a:hover{
color:#67b821;
}
.product-right-sidebar > .card:last-child h3.h5{
font-size:24px !important;
margin-bottom:18px !important;
padding-left:2px;
}
.product-right-sidebar > .card:last-child .card{
border-radius:18px !important;
margin-bottom:14px !important;
box-shadow:0 4px 16px rgba(15,23,42,.05) !important;
}
.product-right-sidebar > .card:last-child .col-4{
padding:10px !important;
}
.product-right-sidebar > .card:last-child .card-body{
padding:12px 12px 12px 0 !important;
}
.product-right-sidebar > .card:last-child h3.h6{
margin-bottom:8px !important;
min-height:auto !important;
}
.product-right-sidebar > .card:last-child h3.h6 a{
font-size:14px !important;
line-height:1.35;
font-weight:600;
}
.product-right-sidebar > .card:last-child .text-primary{
color:#111827 !important;
font-size:24px !important;
font-weight:800 !important;
letter-spacing:-0.5px;
}
.product-right-sidebar > .card:last-child .btn{
width:auto !important;
min-width:120px;
min-height:38px !important;
border-radius:12px !important;
font-size:14px !important;
padding:0 16px !important;
display:inline-flex;
align-items:center;
justify-content:center;
}
.product-right-sidebar > .card:last-child form{
margin:0 !important;
}
.product-right-sidebar > .card:last-child .w-100{
width:auto !important;
}
.product-detail-name{
font-size: 29px !important;
}
.product-detail-price{
color: #67b821 !important;
font-size: 40px !important;
}
.product-detail-price2{
color: #000 !important;
font-weight: bold !important;
}
#image-block2,
#image-block,
.orbitvu-viewer{
width:100%;
height:520px !important;
min-height:520px;
max-height:520px;
overflow:hidden;
border-radius:11px;
background:#fff;
}
#image-block2 img,
#image-block img,
.orbitvu-viewer img{
width:100%;
height:100%;
object-fit:contain;
}
.product-gallery-main{
position:relative;
border-radius:12px;
overflow:hidden;
background:#fff;
}
.product-thumbs,
.d-flex.flex-wrap.gap-2.mt-3{
display:flex !important;
flex-wrap:nowrap !important;
overflow-x:auto;
overflow-y:hidden;
gap:10px !important;
padding-bottom:6px;
scrollbar-width:thin;
}
.product-thumbs::-webkit-scrollbar,
.d-flex.flex-wrap.gap-2.mt-3::-webkit-scrollbar{
height:6px;
}
.product-thumbs::-webkit-scrollbar-thumb,
.d-flex.flex-wrap.gap-2.mt-3::-webkit-scrollbar-thumb{
background:#d1d5db;
border-radius:999px;
}
.product-thumbs a,
.d-flex.flex-wrap.gap-2.mt-3 a{
flex:0 0 auto;
width:88px;
height:88px;
border-radius:16px !important;
border:1px solid #e5e7eb !important;
background:#fff;
padding:6px !important;
transition:.2s;
overflow:hidden;
}
.product-thumbs a:hover,
.d-flex.flex-wrap.gap-2.mt-3 a:hover{
border-color:#ccc !important;
transform:none;
}
.product-thumbs img,
.d-flex.flex-wrap.gap-2.mt-3 img{
width:100%;
height:100%;
object-fit:contain;
}
header form{
position:relative;
}
.search-autocomplete{
position:absolute;
top:50px;
left:0;
right:0;
background:#fff;
border-radius:0px;
box-shadow:0 10px 25px rgba(15,23,42,.06), 0 20px 48px rgba(15,23,42,.08);
overflow:hidden;
z-index:5000;
opacity:0;
visibility:hidden;
transform:translateY(6px);
transition:.2s;
}
.search-autocomplete.active{
opacity:1;
visibility:visible;
transform:none;
}
.autocomplete-product{
display:flex;
align-items:center;
gap:16px;
padding:14px 18px;
text-decoration:none;
border-bottom:1px solid #edf1f5;
transition:.18s;
}
.autocomplete-product:last-child{
border-bottom:none;
}
.autocomplete-product:hover{
background:#f8fafc;
}
.autocomplete-thumb{
width:52px;
height:52px;
flex:0 0 72px;
border-radius:8px;
overflow:hidden;
background:#fff;
border:1px solid #e5e7eb;
display:flex;
align-items:center;
justify-content:center;
}
.autocomplete-thumb img{
width:100%;
height:100%;
object-fit:contain;
padding:6px;
}
.autocomplete-content{
min-width:0;
flex:1;
}
.autocomplete-title{
font-size:14px;
line-height:1.45;
font-weight:700;
color:#111827;
margin-bottom:8px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
padding-left: 10px;
}
.autocomplete-meta{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
.autocomplete-stock{
display:inline-flex;
align-items:center;
padding:5px 10px;
border-radius:999px;
font-size:11px;
font-weight:700;
}
.autocomplete-stock.in-stock{
background:#eaf8df;
color:#4d9b18;
}
.autocomplete-stock.out-stock{
background:#f3f4f6;
color:#6b7280;
}
.autocomplete-price{
font-size:18px;
font-weight:700;
color:#111827;
white-space:nowrap;
}
.autocomplete-heading{
padding:16px 18px 10px;
font-size:13px;
font-weight:700;
color:#6b7280;
text-transform:uppercase;
letter-spacing:.04em;
background:#f9fafb;
}
.autocomplete-empty{
padding:20px;
text-align:center;
color:#6b7280;
font-size:14px;
}
.modal-info .cart-modal{
padding:10px;
}
.modal-cart .cart-modal{
padding:30px;
}
.cart-modal-product{
display:flex;
gap:32px;
align-items:center;
}
.cart-modal-image{
width:240px;
height:240px;
flex-shrink:0;
border-radius:12px;
overflow:hidden;
background:#fff;
border:1px solid #e5e7eb;
}
.cart-modal-image img{
width:100%;
height:100%;
object-fit:contain;
padding:16px;
}
.cart-modal-content{
flex:1;
}
.cart-modal-success{
display: inline-flex;
align-items: center;
gap: 10px;
padding: 10px 18px;
border-radius: 999px;
color: #6ab42f;
font-weight: 600;
margin-bottom: 20px;
border: 1px solid #ccc;
}
.cart-modal-success i{
font-size:18px;
}
.cart-modal-title{
font-size:28px;
font-weight:700;
margin-bottom:20px;
line-height:1.3;
}
.cart-modal-variant{
margin-bottom:8px;
color:#6b7280;
}
.cart-modal-variant .label{
margin-right:6px;
}
.cart-modal-info{
margin-top:24px;
border-top:1px solid #e5e7eb;
padding-top:20px;
}
.cart-modal-row{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:12px;
font-size:15px;
}
.cart-modal-row.total{
font-size:22px;
font-weight:700;
}
.cart-modal-row.total strong{
color:#000;
}
.cart-modal-buttons{
display:flex;
gap:16px;
margin-top:32px;
}
.cart-modal-buttons .btn{
flex:1;
border: 1px solid #999;
height:54px;
border-radius:14px;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
font-weight:600;
}
.cart-go-cart{
background:#6ab42f;
border-color:#6ab42f;
}
.cart-go-cart:hover{
background:#5ba127;
border-color:#5ba127;
}
.cart-accessories{
margin-top:40px;
padding-top:32px;
border-top:1px solid #e5e7eb;
}
.cart-accessories-title{
font-size:24px;
font-weight:700;
margin:0;
}
.cart-accessories-nav{
display:flex;
gap:10px;
}
.cart-accessories-nav button{
width:42px;
height:42px;
border:none;
border-radius:12px;
background:#f3f4f6;
transition:.2s;
}
.cart-accessories-nav button:hover{
background:#e5e7eb;
}
.cart-accessory-item{
padding:6px;
}
.category-card img,
.card-reason img {
opacity: 0.85;
transition:
transform .2s ease,
box-shadow .2s ease,
background-color .2s ease;
}
.card-reason h3 {
font-weight:800;
font-size:21px;
}
.category-card:hover img,
.card-reason:hover img {
filter: grayscale(0%);
opacity: 1;
transform: scale(1.08);
}
.category-card,
.card-reason {
transition:
transform .2s ease,
box-shadow .2s ease,
background-color .2s ease;
border-radius: 9px;
overflow: hidden;
}
.category-card:hover,
.card-reason:hover {
box-shadow: 0 12px 30px rgba(0,0,0,0.12) !important;
}
.category-premium h3{
font-weight:bold;
}
.homepage-hero .carousel-inner{
border-radius:18px;
overflow:hidden;
box-shadow:0 10px 40px rgba(15,23,42,.10);
}
.homepage-hero .carousel-item{
position:relative;
}
.homepage-hero .carousel-item::after{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(
90deg,
rgba(0,0,0,.55) 0%,
rgba(0,0,0,.28) 35%,
rgba(0,0,0,.05) 70%,
rgba(0,0,0,0) 100%
);
}
.homepage-hero img{
min-height:380px;
max-height:380px;
object-fit:cover;
}
.hero-caption{
left:100px;
right:auto;
bottom:34px;
z-index:5;
max-width:560px;
}
.hero-content{
animation:heroFade .6s ease;
}
.hero-subtitle{
display:inline-flex;
align-items:center;
padding:10px 18px;
border-radius:9px;
background:rgba(255,255,255,.14);
backdrop-filter:blur(10px);
color:rgba(255,255,255,.92);
font-size:14px;
font-weight:600;
letter-spacing:.04em;
text-transform:uppercase;
margin-bottom:18px;
}
.hero-title{
font-size:clamp(28px,3vw,38px);
line-height:1.02;
font-weight:800;
letter-spacing:-2px;
color:#fff;
margin-bottom:24px;
text-shadow:0 4px 20px rgba(0,0,0,.18);
}
.hero-btn{
min-height:56px;
padding:0 28px;
border-radius:9px !important;
font-size:17px;
font-weight:700;
display:inline-flex;
align-items:center;
box-shadow:0 10px 30px rgba(103,184,33,.35);
}
.hero-btn:hover{
transform:translateY(-2px);
}
.homepage-hero .carousel-control-prev,
.homepage-hero .carousel-control-next{
top:auto;
bottom:18px;
transform:none;
width:48px;
height:48px;
z-index:20;
}
.homepage-hero .carousel-control-prev{
left:18px;
}
.homepage-hero .carousel-control-next{
right:18px;
}
@keyframes heroFade{
from{
opacity:0;
transform:translateY(20px);
}
to{
opacity:1;
transform:none;
}
}
.brands-section{
position:relative;
background:linear-gradient( 180deg, #ffffff 0%, #f8fafc 100% );
background: #f3f5f7;
border-top:1px solid #edf2f7;
border-bottom:1px solid #edf2f7;
}
.brands-subtitle{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:36px;
padding:0 18px;
color:#000;
font-size:16px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
margin-bottom:18px;
}
.brands-title{
font-size:clamp(28px,3vw,42px);
font-weight:800;
letter-spacing:-1px;
margin:0;
}
.brands-grid{
display:grid;
grid-template-columns:repeat(6,minmax(0,1fr));
gap:20px;
}
.brand-item{
height:70px;
background:#fff;
border-radius:12px;
display:flex;
align-items:center;
justify-content:center;
padding:24px;
text-decoration:none;
border:1px solid #edf2f7;
box-shadow:0 10px 30px rgba(15,23,42,.04);
transition:.25s;
}
.brand-item:hover{
transform:translateY(-4px);
box-shadow:0 2px 10px rgba(15,23,42,.06);
}
.brand-item img{
max-width:100%;
max-height:52px;
object-fit:contain;
opacity:.75;
transition:.25s;
}
.brand-item:hover img{
filter:none;
opacity:1;
}
.service-strip{
padding:20px 0;
margin-top:30px;
margin-bottom:10px;
}
.service-card{
background:#fff;
border-radius:14px;
padding:24px;
box-shadow:0 4px 20px rgba(15,23,42,.05);
overflow:hidden;
}
.service-card .row{
align-items:center;
}
.service-image-wrap{
padding-left:8px;
padding-right:10px;
display:flex;
align-items:center;
height:100%;
}
.service-image{
width:100%;
height:320px;
object-fit:cover;
border-radius:7px;
display:block;
}
.service-content{
padding-left:20px;
}
.service-badge{
display:inline-flex;
align-items:center;
height:34px;
padding:0 14px;
border-radius:999px;
background:#edf7e4;
color:#67b821;
font-size:11px;
font-weight:700;
letter-spacing:.08em;
margin-bottom:14px;
}
.service-title{
font-size: clamp(34px,3vw,40px);
line-height: 1.05;
font-weight: 700;
letter-spacing: -2px;
color: #111827;
margin-bottom: 18px;
}
.service-text{
font-size:17px;
line-height:1.8;
color:#4b5563;
margin-bottom:22px;
max-width:720px;
}
.service-mini-features{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-bottom:24px;
}
.service-mini-features span{
display:inline-flex;
align-items:center;
gap:8px;
background:#f3f4f6;
border-radius:999px;
padding:10px 16px;
color:#111827;
font-size:13px;
font-weight:600;
}
.service-mini-features i{
color:#67b821;
}
.service-btn{
min-height:52px;
padding:0 28px;
border-radius:10px !important;
background:#67b821;
border:none !important;
color:#fff;
font-size:17px;
font-weight:700;
line-height:52px;
box-shadow:none !important;
}
.service-btn:hover{
background:#5ba11d !important;
}
.tree-children{
display:none;
}
.tree-item.open > .tree-children{
display:block;
}
.category-sidebar{
background:#fff;
border:1px solid #edf1f5;
border-radius:12px;
overflow:hidden;
}
.tree-row{
display:flex;
align-items:center;
}
.tree-link{
flex:1;
display:flex;
align-items:center;
min-height:42px;
color:#1f2937;
text-decoration:none;
transition:.2s;
}
.level-0 .tree-link{
padding:0 14px;
font-size:15px;
font-weight:600;
}
.level-1 .tree-link{
padding:0 14px 0 30px;
font-size:14px;
}
.level-2 .tree-link{
padding:0 14px 0 46px;
font-size:13px;
}
.level-3 .tree-link{
padding:0 14px 0 62px;
font-size:13px;
color:#6b7280;
}
.level-4 .tree-link{
padding:0 14px 0 78px;
font-size:12px;
color:#6b7280;
}
.tree-link:hover{
background:#f9fafb;
color:#67b821;
}
.tree-item.active > .tree-row > .tree-link{
color:#67b821;
font-weight:700;
}
.tree-children{
display:none;
}
.tree-item.open > .tree-children{
display:block;
}
.tree-item{
border-bottom:1px solid #f8fafc;
}
.tree-link{
display:flex;
align-items:center;
justify-content:space-between;
padding:9px 14px;
color:#222;
text-decoration:none;
transition:.2s;
}
.tree-link:hover{
background:#f5f5f5;
}
.level-0 > .tree-row .tree-link{
font-weight:600;
font-size:15px;
}
.level-1 > .tree-row .tree-link{
font-weight:400;
font-size:14px;
padding-top:7px;
padding-bottom:7px;
}
.level-2 > .tree-row .tree-link,
.level-3 > .tree-row .tree-link,
.level-4 > .tree-row .tree-link,
.level-5 > .tree-row .tree-link{
font-size:13px;
line-height:1.15;
padding-top:5px;
padding-bottom:5px;
color:#666;
}
.search-box{
position:relative;
display:flex;
align-items:center;
height:52px;
background:#fff;
border:2px solid #e4e7eb;
border-radius:16px;
overflow:hidden;
transition:.2s;
box-shadow:0 2px 10px rgba(0,0,0,.04);
}
.search-box input{
border:0 !important;
box-shadow:none !important;
height:100%;
padding-left:48px;
padding-right:140px;
font-size:15px;
}
.search-icon{
position:absolute;
left:18px;
color:#999;
font-size:16px;
z-index:2;
}
.search-btn{
height:100%;
border-radius:0 14px 14px 0;
position: absolute;
right: 0px;
top: 0px;
bottom: 6px;
border: 0;
padding: 0 24px;
background: #67b821;
color: #fff;
font-weight: 600;
transition: .2s;
line-height: 33px;
}
.search-btn:hover{
background:#000;
}
.cart-btn{
display:inline-flex;
align-items:center;
gap:14px;
padding:10px 16px;
background:#fff;
border:0px solid #e9ecef;
border-radius:16px;
text-decoration:none;
color:#222;
transition:.2s;
min-height:56px;
}
.cart-icon-wrap{
position:relative;
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
background:#67b821;
color:#fff;
border-radius:12px;
font-size:18px;
}
.cart-count{
position:absolute;
top:-6px;
right:-6px;
min-width:20px;
height:20px;
padding:0 5px;
display:flex;
align-items:center;
justify-content:center;
background:#111;
color:#fff;
border-radius:20px;
font-size:11px;
font-weight:700;
}
.cart-info{
display:flex;
flex-direction:column;
text-align:left;
line-height:1.15;
}
.cart-label{
font-size:12px;
color:#777;
}
.cart-price{
font-size:16px;
font-weight:700;
}
.cart-page{
padding-top:20px;
padding-bottom:60px;
}
.cart-page .page-title{
font-size:clamp(30px,3vw,32px);
font-weight:700;
letter-spacing:-1px;
color:#111827;
margin-bottom:32px;
}
.cart-steps{
display:flex;
align-items:center;
justify-content:center;
gap:18px;
margin-bottom:40px;
flex-wrap:wrap;
}
.cart-step{
position:relative;
display:flex;
align-items:center;
gap:12px;
padding:14px 22px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:999px;
color:#6b7280;
font-size:14px;
font-weight:600;
transition:.2s;
}
.cart-step span{
width:34px;
height:34px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#f3f4f6;
font-size:14px;
font-weight:700;
transition:.2s;
}
.cart-step.active{
background:#67b821;
border-color:#67b821;
color:#fff;
}
.cart-step.active span{
background:#fff;
color:#67b821;
}
.cart-item{
border-radius:12px !important;
overflow:hidden;
border:1px solid #e8edf3 !important;
}
.cart-item:hover{
box-shadow: 0 12px 32px rgba(15,23,42,.08) !important;
}
.cart-item-image{
width:100%;
aspect-ratio:1/1;
display:flex;
align-items:center;
justify-content:center;
background:#fff;
border-radius:18px;
border:1px solid #edf1f5;
overflow:hidden;
}
.cart-item-image img{
width:100%;
height:100%;
object-fit:contain;
padding:12px;
transition:.25s;
}
.cart-item:hover img{
transform:scale(1.04);
}
.cart-item-title{
display:block;
color:#111827;
text-decoration:none;
font-size:17px;
line-height:1.45;
font-weight:700;
transition:.2s;
}
.cart-item-title:hover{
color:#67b821;
}
.cart-item-variants{
color:#6b7280;
line-height:1.6;
}

.cart-remove{
width:42px;
height:42px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:12px;
background:#fff0f0;
color:#dc2626;
transition:.2s;
}
.cart-remove:hover{
background:#dc2626;
color:#fff;
}
.cart-summary{
top:100px;
border-radius:12px !important;
border:1px solid #e8edf3 !important;
}
.cart-summary .card-body{
padding:32px !important;
}
.cart-summary h3{
font-size:28px;
font-weight:800;
letter-spacing:-1px;
margin-bottom:28px;
}
.summary-row strong{
color:#111827;
font-size:18px;
}
.summary-row.total{
margin-top:10px;
border-bottom:none;
font-size:18px;
font-weight:700;
}
.summary-row.total strong{
color:#67b821;
font-size:34px;
font-weight:800;
letter-spacing:-1px;
}
.cart-summary .btn-success{
height:58px;
background:#67b821;
border-color:#67b821;
font-size:17px;
font-weight:700;
transition:.2s;
}
.cart-summary .btn-success:hover{
background:#5ca41d;
border-color:#5ca41d;
}
.checkout-navigation .btn-light{
display:flex;
align-items:center;
justify-content:center;
}
.checkout-navigation .btn-light{
height:54px;
min-height:54px;
background:#fff;
border:none;
font-weight:600;
border:1px solid #ddd;
}
.btn-light:hover{
background:#eee;
color:#000;
}
.cart-benefits{
display:flex;
flex-direction:column;
gap:12px;
margin-top:28px;
}
.cart-benefits div{
display:flex;
align-items:center;
gap:10px;
font-size:14px;
font-weight:600;
color:#374151;
}
.cart-benefits i{
width:24px;
height:24px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#eaf8df;
color:#67b821;
font-size:12px;
}
#coupone_form .form-control{
height:50px;
border-radius:14px;
border:1px solid #dbe3ea;
box-shadow:none !important;
}
#coupone_form .btn{
height:50px;
border-radius:14px;
font-weight:700;
}
.cart-page .card.text-center{
border-radius:12px !important;
}
.cart-item .row{
align-items:center;
}
.cart-item-title{
margin-bottom:6px;
}
.cart-item-price{
font-size: 14px;
font-weight: 800;
color: #000;
margin-bottom: 4px;
}
.cart-item-total{
font-size:21px;
line-height:1.1;
font-weight:800;
color:#67b821;
letter-spacing:-1px;
white-space:normal;
word-break:break-word;
padding-right:0px;
}
.cart-remove{
flex-shrink:0;
}
.cart-summary .btn{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
line-height:1;
}
.cart-summary .btn-success{
min-height:58px;
}
.cart-summary .btn-light{
min-height:54px;
border:1px solid #ddd;
}
.checkout-steps{
display:flex;
align-items:center;
justify-content:center;
gap:18px;
flex-wrap:wrap;
}
.checkout-step{
display:flex;
align-items:center;
gap:12px;
color:#9ca3af;
position:relative;
}
.checkout-step::after{
content:"";
width:60px;
height:2px;
background:#dbe3ea;
margin-left:8px;
}
.checkout-step:last-child::after{
display:none;
}
.step-circle{
width:42px;
height:42px;
border-radius:999px;
background:#e5e7eb;
color:#6b7280;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
font-size:15px;
}
.step-label{
font-size:14px;
font-weight:600;
}
.checkout-step.active{
color:#111827;
}
.checkout-step.active .step-circle{
background:#67b821;
color:#fff;
box-shadow:0 8px 20px rgba(103,184,33,.25);
}
.checkout-step.done{
color:#111827;
}
.checkout-step.done .step-circle{
background:#111827;
color:#fff;
}
.checkout-title{
font-size:24px;
font-weight:700;
letter-spacing:-.5px;
color:#111827;
}
.checkout-method-card{
display:block;
border:1px solid #e5e7eb;
border-radius:18px;
background:#fff;
cursor:pointer;
transition:.2s;
}
.checkout-method-card:hover{
border-color:#67b821;
box-shadow:0 8px 24px rgba(15,23,42,.06);
}
.checkout-method-card input[type="radio"]{
display:none;
}
.checkout-method-card:has(input:checked){
border-color:#67b821;
background:#f7fdef;
}
.checkout-method-inner{
display:flex;
gap:18px;
padding:15px;
}
.checkout-method-logo{
width:45px;
height:45px;
flex:0 0 72px;
background:#fff;
border:1px solid #edf1f5;
border-radius:14px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}
.checkout-method-logo img{
max-width:80%;
max-height:80%;
object-fit:contain;
}
.checkout-method-content{
flex:1;
min-width:0;
}
.checkout-method-head{
display:flex;
justify-content:space-between;
gap:20px;
}
.checkout-method-name{
font-size:17px;
font-weight:700;
color:#111827;
margin-bottom:4px;
}
.checkout-method-desc{
color:#6b7280;
font-size:14px;
line-height:1.5;
}
.checkout-method-price{
font-size:20px;
font-weight:800;
color:#67b821;
white-space:nowrap;
}
.pickup-box{
margin-top:16px;
padding-top:16px;
border-top:1px solid #e5e7eb;
}
.pickup-box .btn{
border-radius:10px;
font-weight:600;
}
.checkout-summary{
top:90px;
}
.summary-row{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:20px;
padding:7px 0;
color:#4b5563;
border-bottom:1px solid #edf1f5;
font-size:15px;
}
.summary-row:last-child{
border-bottom:none;
}
.summary-row strong{
text-align:right;
}
.summary-row.total{
border:none;
padding-top:0px;
font-size:18px;
font-weight:700;
}
.summary-row.total strong{
color:#67b821;
font-size:28px;
line-height:1;
}
.checkout-summary .btn-success{
min-height:56px;
border-radius:14px;
background:#67b821;
border-color:#67b821;
font-size:17px;
font-weight:700;
}
.checkout-summary .btn-success:hover{
background:#5ba11d;
border-color:#5ba11d;
}
.checkout-summary .btn-light{
min-height:52px;
border-radius:14px;
border:1px solid #e5e7eb;
background:#fff;
font-weight:600;
}
.modal-overlay{
position:fixed;
inset:0;
background:rgba(0,0,0,.45);
z-index:1050;
}
.modal-box{
position:fixed !important;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:min(1000px,92vw);
height:80vh;
background:#fff;
border-radius:14px;
overflow:hidden;
z-index:1060;
box-shadow:0 30px 80px rgba(0,0,0,.35);
}
#ppl-parcelshop-map{
width:100%;
height:100%;
}
#close-modal-button{
position:absolute;
top:16px;
right:16px;
z-index:10;
border:none;
width:42px;
height:42px;
border-radius:999px;
background:#111827;
color:#fff;
font-size:14px;
font-weight:700;
}
.checkout-layout{
--bs-gutter-x:24px;
--bs-gutter-y:24px;
}
.checkout-card{
padding:28px;
margin-bottom:22px;
background: #fff;
  box-shadow: 0 6px 24px rgba(15,23,42,.06);
  border: 1px solid #e8edf3;
  border-radius: 18px;
}
.checkout-card-title{
font-size:24px;
font-weight:800;
margin-bottom:0px;
color:#111827;
letter-spacing:-0.5px;
display:flex;
align-items:center;
gap:12px;
}
.checkout-card-title .small{
font-size:14px;
color:#6b7280;
font-weight:500;
}
.checkout-card .form-group{
margin-bottom:18px;
}
.checkout-card label{
display:block;
margin-bottom:8px;
font-weight:600;
color:#374151;
}
.checkout-card .form-control{
min-height:52px;
border-radius:14px;
border:1px solid #dbe3ea;
box-shadow:none !important;
font-size:15px;
}
.checkout-card textarea.form-control{
min-height:140px;
padding-top:14px;
}
.checkout-card .form-control:focus{
border-color:#67b821;
box-shadow:0 0 0 .2rem rgba(103,184,33,.12) !important;
}
.checkout-card input[type="checkbox"]{
width:18px;
height:18px;
margin-right:10px;
accent-color:#67b821;
}
#prihlaseni-box{
padding-top:20px;
}
.checkout-summary{
position:sticky;
top:95px;
background:#fff;
border-radius:18px;
border:1px solid #e8edf3;
padding:24px;
box-shadow:0 6px 24px rgba(15,23,42,.06);
}
.checkout-summary .pos-title{
margin-bottom:22px;
}
.checkout-summary .pos-title h2{
font-size:28px;
font-weight:800;
letter-spacing:-1px;
}
.checkout-summary .item-product{
display:flex;
gap:14px;
padding:0 0 18px;
margin-bottom:18px;
border:none;
border-bottom:1px solid #edf1f5;
border-radius:0;
box-shadow:none;
}
.checkout-summary .item-product img{
width:72px;
height:72px;
object-fit:contain;
border-radius:12px;
background:#fff;
border:1px solid #edf1f5;
padding:6px;
}
.checkout-summary .product-name{
font-size:14px !important;
line-height:1.4;
margin-bottom:8px;
}
.checkout-summary .price-box{
font-size:14px;
color:#6b7280;
}
.checkout-summary .product-price{
color:#111827 !important;
font-size:16px !important;
font-weight:800;
}
.checkout-totals > div{
margin-bottom:0px;
font-size:15px;
}
.checkout-totals .sum{
font-size:24px;
font-weight:800;
color:#67b821;
}
.checkout-navigation{
margin-top:34px;
}
.checkout-submit-btn{
min-height:56px;
padding:0 34px;
border-radius:14px !important;
background:#67b821 !important;
border-color:#67b821 !important;
font-size:18px;
font-weight:700;
box-shadow:none !important;
}
.checkout-submit-btn:hover{
background:#5ba11d !important;
border-color:#5ba11d !important;
}
.checkout-navigation .button-exclusive{
min-height:56px;
padding:0 28px;
border-radius:14px !important;
display:inline-flex;
align-items:center;
justify-content:center;
background:#fff;
border:1px solid #dbe3ea;
}
.checkout-card p{
line-height:1.7;
}
.checkout-card a{
color:#67b821;
font-weight:600;
}
.ajax-modal-box{
padding:10px;
}
.ajax-modal-header{
margin-bottom:24px;
}
.ajax-modal-header h2{
font-size:24px;
font-weight:800;
letter-spacing:-1px;
margin:0;
}
.ajax-shipping-list{
display:flex;
flex-direction:column;
gap:14px;
}
.ajax-shipping-item{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding: 2px 20px 2px 0;
background:#fff;
border:1px solid #e8edf3;
border-radius:18px;
transition:.2s;
}
.ajax-shipping-item:hover{
box-shadow:0 8px 24px rgba(15,23,42,.06);
transform:translateY(-1px);
}
.ajax-shipping-left{
display:flex;
align-items:center;
gap:18px;
}
.ajax-shipping-logo{
width:74px;
height:52px;
background:#fff;
border:1px solid #edf1f5;
border-radius:12px;
display:flex;
align-items:center;
justify-content:center;
padding:8px;
}
.ajax-shipping-logo img{
max-width:100%;
max-height:100%;
object-fit:contain;
}
.ajax-shipping-name{
font-size:16px;
font-weight:700;
color:#111827;
}
.ajax-shipping-price{
font-size:20px;
font-weight:800;
color:#67b821;
white-space:nowrap;
}
header.sticky-top {
z-index: 1030;
}
#cartModal .modal-dialog{
max-width:700px;
}
.shipping-trigger{
cursor:pointer;
transition:.2s;
user-select:none;
}
.shipping-trigger:hover{
opacity:.75;
}
.right-banner .service-card{
overflow:hidden;
}
.right-banner .service-image{
width:100%;
height:260px;
object-fit:cover;
display:block;
}
.right-banner .service-gradient{
position:absolute;
inset:0;
background:linear-gradient(
to top,
rgba(0,0,0,.38),
rgba(0,0,0,.1)
);
}
.right-banner .service-content{
position:absolute;
left:20px;
right:20px;
bottom:20px;
color:#fff;
}
.right-banner .service-label{
display:inline-block;
background:#6bbd18;
color:#fff;
font-size:12px;
font-weight:700;
padding:6px 12px;
border-radius:999px;
margin-bottom:12px;
}
.right-banner .service-content h3{
font-size:1.7rem;
font-weight:700;
line-height:1.15;
margin-bottom:10px;
}
.right-banner .service-content p{
font-size:.95rem;
opacity:.95;
margin-bottom:18px;
max-width:260px;
}
.right-banner .service-content .btn{
font-weight:600;
}
.stock-onstore{
background:#67b821;
color:#fff;
}
.stock-partner{
background: #2c85d4;
color: #fff;
}
.stock-nostore{
background: #b82821;
color: #fff;
}
.stock-onstore, .stock-nostore, .stock-partner{
display:inline-flex;
align-items:center;
gap:8px;
font-size:.85rem;
font-weight:700;
letter-spacing:.01em;
padding:7px 14px;
border-radius:999px;
line-height:1;
}
.text-success {
color: #4fa207 !important;
}
.badge-onstore{
color: #67b821;
font-weight: 700;
font-size: 14px;
}
.badge-partner {
color: #2c85d4;
font-weight: 700;
font-size: 14px;
}
.badge-nostore {
color: #d21d1d;
font-weight: 700;
font-size: 14px;
}
.alert-success {
background: #e9f8df;
color: #67b821;
border: 0px solid #ccc;
font-weight: bold;
}
.tree-toggle{
width:28px;
height:28px;
display:flex;
align-items:center;
justify-content:center;
border:none;
background:transparent;
border-radius:8px;
color:#666;
transition:.2s;
}
.tree-toggle:hover{
background:#f3f5f7;
color:#67b821;
}
.tree-toggle i{
transition:.2s;
font-size:.8rem;
}
.login-icon{
width:72px;
height:72px;
margin:auto;
border-radius:50%;
background:#f3f8ec;
color:#67b821;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
}
.form-control-lg{
min-height:54px;
border:1px solid #dfe5dc;
}
.form-control-lg:focus{
border-color:#67b821;
box-shadow:0 0 0 .2rem rgba(103,184,33,.15);
}
.btn-primary{
background:#67b821;
border-color:#67b821;
}
.btn-primary:hover{
background:#5aa11d;
border-color:#5aa11d;
}
#footer{
background:#2f343a;
color:#cfd4d9;
}
#footer .footer-title{
color:#fff;
font-weight:700;
margin-bottom:1.25rem;
}
#footer .footer-link{
color:#cfd4d9;
text-decoration:none;
transition:.2s;
}
#footer .footer-link:hover{
color:#67b821;
}
#footer .text-muted{
color:#aeb6bd !important;
}
#footer .border-top{
border-color:rgba(255,255,255,.08)!important;
}
#footer .brand-item{
background:rgba(255,255,255,1);
}
#footer .brand-item:hover{
background:rgba(255,255,255,.08);
}
#footer .payment-icons img {
filter: brightness(.95);
background: #fff;
padding: 5px;
height: 31px;
border-radius: 5px;
}
.language img {
padding-right: 10px;
}
.checkout-summary .product-contents{
flex:1;
min-width:0;
}
.checkout-summary .product-name{
font-size:14px !important;
line-height:1.4;
margin-bottom:8px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
.checkout-summary, .cart-summary, .category-sidebar{
position:sticky;
top:190px;
}
.checkout-method-desc p{
margin:0;
}
.autocomplete-empty{
padding:32px 24px;
text-align:center;
}
.autocomplete-empty-icon{
width:56px;
height:56px;
margin:0 auto 18px;
border-radius:50%;
background:#f3f5f7;
display:flex;
align-items:center;
justify-content:center;
color:#9ca3af;
font-size:20px;
}
.autocomplete-empty-title{
font-size:18px;
font-weight:700;
color:#111827;
margin-bottom:8px;
}
.autocomplete-empty-text{
font-size:14px;
line-height:1.6;
color:#6b7280;
max-width:320px;
margin:auto;
}
.cart-box {
overflow: hidden;
background: #fff;
}
.cart-row {
padding: 8px 20px;
border-bottom: 1px solid #edf0f2;
transition: background .15s ease;
}
.cart-row:last-child {
border-bottom: 0;
}
.cart-row:hover {
background: #fafbfc;
}
.cart-item-image {
display: block;
background: #fff;
border-radius: 10px;
overflow: hidden;
}
.cart-item-image img {
aspect-ratio: 1/1;
object-fit: contain;
}
.cart-item-price {
font-size: 15px;
font-weight: 600;
}
.cart-item-price-label,
.cart-item-total-label {
font-size: 11px;
color: #888;
text-transform: uppercase;
margin-bottom: 2px;
}
.cart-remove:hover {
background: #dc3545;
color: #fff;
}
.cart-qty {
display: flex;
align-items: center;
border: 1px solid #dee2e6;
border-radius: 10px;
overflow: hidden;
width: fit-content;
}
.hero-image{
height:280px;
object-fit:cover;
}
.product-card .btn-primary{
border-radius:12px;
font-weight:600;
padding:12px;
box-shadow:0 4px 12px rgba(0,0,0,.08);
}
.product-card .btn-primary:hover{
transform:translateY(-1px);
}
.cart-qty input {
width: 50px;
border: 0;
box-shadow: none !important;
}
.qty-btn {
width: 36px;
height: 36px;
background: #f8f9fa;
display: flex;
align-items: center;
justify-content: center;
color: #222;
text-decoration: none;
}
.qty-btn:hover {
background: #e9ecef;
}
.level-0 > .tree-row > .tree-link{
padding-left:14px;
}
.level-1 > .tree-row > .tree-link{
padding-left:32px;
}
.level-2 > .tree-row > .tree-link{
padding-left:50px;
}
.level-3 > .tree-row > .tree-link{
padding-left:68px;
}
.level-4 > .tree-row > .tree-link{
padding-left:86px;
}
.level-5 > .tree-row > .tree-link{
padding-left:104px;
}
.pagenotfound-modern{
max-width:700px;
margin:60px auto 80px;
padding:60px 40px;
text-align:center;
background:#fff;
border-radius:24px;
box-shadow:0 10px 35px rgba(0,0,0,0.06);
}
.pagenotfound-modern .error-code{
font-size:110px;
font-weight:800;
line-height:1;
color:#67b821;
margin-bottom:20px;
letter-spacing:-3px;
}
.pagenotfound-modern h1{
font-size:36px;
font-weight:700;
color:#111827;
margin-bottom:20px;
}
.pagenotfound-modern .desc{
font-size:18px;
line-height:1.7;
color:#6b7280;
margin-bottom:25px;
}
.pagenotfound-modern h3{
font-size:20px;
font-weight:600;
color:#374151;
margin-bottom:35px;
}
.top-links-bar{
background:#67b821;
box-shadow:0 3px 10px rgba(0,0,0,.05);
}
#mobileCategories{
width:340px;
max-width:88vw;
}
#categories{
position:sticky;
top:190px;
}
.mobile-topbar{
font-size:13px;
}
.mobile-topbar-inner{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:6px 0;
}
.mobile-topbar-left{
display:flex;
align-items:center;
gap:8px;
min-width:0;
}
.mobile-topbar-right{
display:flex;
align-items:center;
}
.topbar-link{
display:flex;
align-items:center;
gap:6px;
color:#374151;
text-decoration:none;
font-weight:500;
white-space:nowrap;
}

.mobile-topbar .dropdown-toggle{
display:flex;
align-items:center;
gap:6px;
font-size:13px;
white-space:nowrap;
}
.mobile-topbar img{
border-radius:2px;
}
.mobile-menu-btn{
width:46px;
height:46px;
border:none;
border-radius:14px;
background:#67b821;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
transition:.2s;
padding:0;
}
.mobile-menu-btn:hover{
background:#5ba11d;
transform:translateY(-1px);
}
.mobile-menu-btn:active{
transform:scale(.97);
}
.btn_add_cart{
border-radius:14px;
font-weight:700;
letter-spacing:.2px;
height:56px;
font-size:1.05rem;
box-shadow:0 10px 24px rgba(25,135,84,.18);
transition:.2s ease;
}
.btn_add_cart:hover{
transform:translateY(-2px);
box-shadow:0 16px 34px rgba(25,135,84,.24);
}
.btn_add_cart:active{
transform:scale(.98);
}
#quantity_wanted{
height:56px;
border-radius:14px;
font-weight:600;
min-width:90px;
}
.right-banner{
overflow:hidden;
border-radius:24px !important;
}
.service-image{
width:100%;
height:320px;
object-fit:cover;
display:block;
}
.service-gradient{
position:absolute;
inset:0;
background:linear-gradient(
to top,
rgba(0,0,0,.72) 0%,
rgba(0,0,0,.35) 45%,
rgba(0,0,0,.05) 100%
);
}
.service-content{
position:absolute;
left:24px;
right:24px;
bottom:24px;
color:#fff;
}
.service-label{
display:inline-block;
background:#198754;
color:#fff;
font-size:.72rem;
font-weight:700;
padding:6px 10px;
border-radius:999px;
margin-bottom:12px;
letter-spacing:.5px;
}
.service-content h3{
font-size:1.45rem;
font-weight:700;
line-height:1.2;
margin-bottom:10px;
}
.service-content p{
color:rgba(255,255,255,.88);
font-size:.95rem;
margin-bottom:18px;
}
.service-strip-content{
padding-left:20px;
}
.cart-qty-wrap{
display:flex;
align-items:center;
gap:10px;
}
.cart-remove-inline{
width:40px;
height:40px;
border-radius:12px;
background:#fff0f0;
color:#dc2626;
display:flex;
align-items:center;
justify-content:center;
text-decoration:none;
transition:.18s;
flex-shrink:0;
}
.cart-remove-inline:hover{
background:#dc2626;
color:#fff;
transform:translateY(-1px);
}
.cart-qty{
display:flex;
align-items:center;
border:1px solid #dee2e6;
border-radius:12px;
overflow:hidden;
width:max-content;
background:#fff;
height:46px;
}

.qty-btn{
width:44px;
height:44px;
display:flex;
align-items:center;
justify-content:center;
background:#f8fafc;
color:#111827;
text-decoration:none;
font-size:14px;
flex-shrink:0;
transition:.18s;
}
.qty-btn:hover{
background:#67b821;
color:#fff;
}
.cart-qty input{
width:54px;
height:44px;
border:0;
box-shadow:none !important;
font-weight:700;
padding:0;
background:#fff;
}
.cart-item-bottom{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
flex-wrap:wrap;
}
.category-breadcrumb{
margin-bottom:10px;
}
.category-title{
font-size:clamp(24px,4vw,26px);
line-height:1.02;
font-weight:700;
letter-spacing:-2px;
color:#111827;
margin:0 0 0px;
}
.category-header{
background:#fff;
border:1px solid #e8edf3;
border-radius:18px;
padding:28px 32px;
margin-bottom:25px;
box-shadow:0 6px 24px rgba(15,23,42,.05);
}
.category-description{
max-width:920px;
font-size:16px;
line-height:1.85;
color:#4b5563;
margin-top:18px;
}
.category-description h2:first-child{
margin-top:0;
font-size:24px;
line-height:1.1;
letter-spacing:-1px;
}

.category-description h2,
.category-description h3{
color:#111827;
font-weight:700;
margin-bottom:16px;
}
.category-description h2{
font-size:24px;
}
.category-description h3{
font-size:21px;
}
.category-description p:last-child{
margin-bottom:0;
}
.category-description a{
color:#67b821;
font-weight:600;
text-decoration:none;
}
.category-description a:hover{
text-decoration:underline;
}
.category-description:empty{
display:none;
padding-top:0 !important;
margin-top:0 !important;
}
.seo-text{
background:#fff;
border:1px solid #e8edf3;
border-radius:24px;
padding:42px 46px;
margin:40px 0 50px;
box-shadow:0 6px 24px rgba(15,23,42,.05);
}
.seo-text h2{
font-size:clamp(18px,3vw,26px);
line-height:1.12;
font-weight:800;
letter-spacing:-1px;
color:#111827;
margin:0 0 22px;
}
.seo-text h3{
font-size:clamp(18px,3vw,22px);
line-height:1.12;
font-weight:600;
letter-spacing:-1px;
color:#111827;
margin:0 0 22px;
}
.seo-text h2:not(:first-child){
margin-top:42px;
}
.seo-text p{
font-size:17px;
line-height:1.9;
color:#4b5563;
margin-bottom:22px;
max-width:920px;
}
.seo-text p:last-child{
margin-bottom:0;
}
.seo-text a{
color:#67b821;
font-weight:600;
text-decoration:none;
}
.seo-text a:hover{
text-decoration:underline;
}
.empty-cart-box{
background:linear-gradient(180deg,#ffffff 0%,#f8faf8 100%);
border:1px solid #edf1ed;
}
.empty-cart-icon i{
font-size:42px;
color:#fff;
}
.empty-cart-title{
font-size:2rem;
font-weight:700;
color:#1c1c1c;
}
.empty-cart-text{
max-width:520px;
margin:auto;
color:#6c757d;
font-size:1.05rem;
line-height:1.7;
}
.empty-cart-box .btn{
min-width:260px;
font-weight:600;
padding-top:14px;
padding-bottom:14px;
}
.empty-cart-box .btn:hover{
transform:translateY(-2px);
transition:.2s ease;
}
.badge.bg-primary {
background: #2178b8 !important;
}
.company-toggle,
.delivery-toggle{
margin-bottom:0 !important;
}
#firma-box,
#dodaci-adresa-box{
padding-top:16px;
}
.btn-outline-secondary {
background: #f5f5f5;
border: 1px solid #ccc;
}
.breadcrumb-item:last-child{
color:#555;
font-weight:700;
}
.order-complete-icon{
width:100px;
height:100px;
border-radius:50%;
display:inline-flex;
align-items:center;
justify-content:center;
font-size:42px;
margin-bottom:24px;
}

.order-complete-icon.success{
background:#e9f8df;
color:#67b821;
}

.order-complete-icon.error{
background:#ffe4e6;
color:#dc2626;
}

.order-payment-icon{
width:52px;
height:52px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#f3f5f7;
color:#111827;
font-size:20px;
flex-shrink:0;
}

.order-complete-card{
border-radius:24px !important;
overflow:hidden;
border:1px solid #e8edf3 !important;
box-shadow:0 10px 30px rgba(15,23,42,.05) !important;
}
.order-complete-card:hover{
box-shadow:none;
}
.order-complete-card .card-body{
padding:48px;
}
.order-complete-title{
font-size:clamp(28px,4vw,36px);
font-weight:800;
letter-spacing:-1px;
color:#111827;
margin-bottom:16px;
}
.order-complete-text{
font-size:18px;
line-height:1.8;
color:#6b7280;
max-width:760px;
margin:auto;
}
.order-number{
font-weight:800;
color:#111827;
}
.order-payment-box{
max-width:760px;
margin:auto;
}
.order-payment-box .alert{
border-radius:18px;
padding:20px 24px;
}
.order-complete-actions{
margin-top:40px;
display:flex;
justify-content:center;
gap:16px;
flex-wrap:wrap;
}
.order-complete-actions .btn{
min-width:240px;
min-height:56px;
border-radius:14px;
font-size:17px;
font-weight:700;
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
}
.order-complete-error .order-complete-icon{
margin-bottom:30px;
}
.badge.bg-primary {
color: #2178b8 !important;
background: #c9e4f7 !important;
}