@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

:root {
	--lightBlue: #84addb;
	--white: #fff;
	--darkBlue: #07243F;
	--old-gray: #5B6D76;
  --gray: #506270;
	--lightGray: #dbdbdb;
	--midBlue: #365685;
	--xBlue: #365685;
	--xGray: #4f5d5e;
	--footerText: #CCD7E2;
}

.optional {}
.mobile {}
.hide { display: none; }
@media all and (max-width: 768px){ .optional { display: none } }
@media all and (min-width: 768px){ .mobile { display: none } }

.cookieInfoContainer {width: 100vw; height: 100vh; position: fixed; background: rgba(0,0,0,0.5); z-index: 10000; top: 0px }
.cookieInfo {padding: 10px; background: #333; color: #fff; position: fixed; bottom: 0px; width: 100%; z-index: 100; }
.cookieInfo h3 {color: #fff }
.cookieInfo div {max-width: 1120px; margin: auto; }
.cookieInfo input { float: right; color: #111; background: #bbb; border: 2px solid #bbb; border-radius: 2px; padding: 5px; margin-right: 10px; padding-left: 10px; padding-right: 10px }
.cookieInfo input:hover { background: #000; color: #fff; }

body { font-size: 14px; font-family: 'Inter', sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; }
.navbar { border: none; }
.navbar-main {background-color: #F7F7F7; padding: 15px 0; box-shadow: 0 2px 5px rgba(0,0,0,0.05); position: sticky; top: 0px; z-index: 1000; }

/* Hamburger menu styling */
.navbar-toggler {border: none; background: transparent; padding: 0; outline: none !important; margin-right: 10px }
.navbar-toggler-icon {background-image: none !important; position: relative; height: 20px; width: 30px; display: inline-block; }
.navbar-toggler-icon:before,
.navbar-toggler-icon:after,
.navbar-toggler-icon span {width: 100%; height: 3px; background-color: var(--darkBlue); display: block; position: absolute; left: 0; border-radius: 2px; transition: all 0.3s ease; }
.navbar-toggler-icon:before {content: ''; top: 0; }
.navbar-toggler-icon span { top: 9px; }
.navbar-toggler-icon:after {content: ''; bottom: 0; }
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {transform: translateY(9px) rotate(45deg); }
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon span {opacity: 0; }
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {transform: translateY(-9px) rotate(-45deg); }
.navbar-main .navbar-nav {width: 100%; justify-content: center; padding-left: 0; }
.navbar-main .navbar-nav .nav-item {margin: 0 15px; }
.navbar-main .navbar-nav .nav-link {font-family: 'Inter', sans-serif; font-weight: 700; font-size: 18px; color: var(--darkBlue); padding: 5px 10px; }
.navbar-main .navbar-nav .nav-link.active {color: var(--lightBlue); }
.navbar-main .search-icon {margin-left: auto; }
.navbar-main .cart-icon {position: relative; }
.navbar-main .cart-count {position: absolute; top: -5px; right: -5px; background-color: var(--lightBlue); color: white; border-radius: 50%; width: 18px; height: 18px; font-size: 10px; font-weight: 700; display: flex; align-items: center; justify-content: center; }


a { color: var(--midBlue); transition-duration: 0.2s }
a:hover { color: var(--darkBlue); }

.lineHeader { background: var(--darkBlue); color: var(--white); text-align: center; font-size: 14px; padding: 10px }
.prodCat { text-align: center; color: var(--midBlue); text-transform: uppercase; font-size: 30px; font-weight: bold; padding-top: 60px; background: linear-gradient(180deg, #dcdcdc, #fff); margin-top: 1px; margin-bottom: 40px; }
h1.prodTitle { color: #5089cc; font-size: 23px; font-weight: 600; margin-top: 40px; margin-bottom: 20px }
.filterLine { background: var(--darkBlue); color: var(--white); font-size: 14px; padding: 10px }
.filterLine a { color: #fff; text-decoration: none; display: inline-block; margin: 2px 10px }
.filterLine .resultCount { float: right; }
.filterLine input[type=checkbox] { width: 18px; height: 18px; position: relative; top: 3px; margin: 0px 5px 0px 8px } 
.card-title { color: var(--xBlue); }
.productLine { border-bottom: 1px solid var(--lightGray); padding: 25px }
.products-container .prodImg { border: 2px solid var(--lightBlue); max-width: 400px; background: var(--white); }
.products-container .prodImg img { aspect-ratio: 2; object-fit: cover; }
.products-container .prodImg img.asobj { object-fit: contain; }
.products-container a { text-decoration:none; color: inherit; display: block; transition-duration:1s; border-radius: 10px }
.products-container a:hover { background: #f6f6f6 }
.label { border-radius: 20px; color: var(--white); padding: 5px 15px; font-size: 18px }
.label_new { background: var(--xBlue) }
.label_used { background: var(--xGray) }
.btn_ { border-radius: 20px; color: var(--white); padding: 5px 15px; font-size: 18px; text-decoration: none; transition-duration: 0.2s; }
.btn_:hover { color: var(--white); }
.btn_order { background: #365687; text-wrap: nowrap;}
.btn_order:hover { background: var(--xBlue); }
.product-container .prodImg { border: 2px solid var(--lightBlue); max-width: 400px; background: var(--white); }
.product-container .prodImg img { aspect-ratio: 1; object-fit: cover; }
.openprodthumbs { padding-left: 12px }
.product-container .prodThumb { border: 2px solid var(--lightBlue); max-width: 123px; background: var(--white); margin-top: 15px; margin-bottom: 5px; margin-right: 15px; padding: 0px }
.product-container .prodThumb img { aspect-ratio: 1.5; object-fit: cover; }
.tehlist { padding-bottom: 0px; padding-top: 0px }
.text-right { text-align: right; }

.contactmap iframe { height: calc(100vh - 300px); margin-bottom:-6px }
.contactmap {height: calc(100vh - 300px); width: 100%; margin-bottom: -6px; border-radius: 10px; overflow: hidden; }
.blueline { background: var(--darkBlue); height: 35px }

/* Contact page styling */
.contact-info p { font-size: 16px; line-height: 1.6; color: var(--darkBlue); margin-bottom: 15px; }

.contact-info p i {font-size: 20px; margin-right: 15px; min-width: 24px; color: var(--lightBlue); float: left; padding-top: 20px }

.contact-info a {color: var(--darkBlue); text-decoration: none; transition: color 0.3s ease; }

.contact-info a:hover {color: var(--lightBlue); }

.contact-info-divider {height: 1px; background-color: #eee; margin: 20px 0; width: 100%; }

.location-header, .social-header {font-family: 'Inter', sans-serif; font-size: 20px; font-weight: 600; color: var(--darkBlue); position: relative; padding-bottom: 10px; }

.social-icons {display: flex; align-items: center; }

.social-icons a {margin-right: 15px; font-size: 24px; color: var(--darkBlue); transition: color 0.3s ease; }

.social-icons a:hover {color: var(--lightBlue); }

.map-error {height: 100%; display: flex; align-items: center; justify-content: center; color: var(--darkBlue); font-family: 'Inter', sans-serif; font-size: 18px; text-align: center; padding: 20px; background-color: #f8f8f8; }

.contact-form-container {background-color: #F1F6FB; border-radius: 10px; padding: 40px 30px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); }

.contact-form-container h3 {font-family: 'Inter', sans-serif; font-size: 22px; font-weight: 600; color: var(--darkBlue); }

.contact-form-container p {font-family: 'Inter', sans-serif; font-size: 15px; color: var(--gray); line-height: 1.5; }

.contact-form label {font-family: 'Inter', sans-serif; font-weight: 500; color: var(--darkBlue); margin-bottom: 8px; display: block; }

.contact-form .form-control {border: 1px solid #DFE1E5; border-radius: 5px; padding: 12px 15px; font-family: 'Inter', sans-serif; font-size: 15px; margin-bottom: 15px; }

.contact-form .form-control:focus {border-color: var(--lightBlue); box-shadow: 0 0 0 0.2rem rgba(132, 173, 219, 0.25); }

.contact-form textarea {min-height: 120px; resize: vertical; }

.contact-form .btn-primary {background-color: var(--darkBlue); border: none; padding: 12px 30px; font-family: 'Inter', sans-serif; font-weight: 500; border-radius: 100px; transition: all 0.3s ease; font-size: 16px; }

.contact-form .btn-primary:hover {background-color: var(--lightBlue); transform: translateY(-2px); }

/* Mobile adjustments for contact form */
@media (max-width: 768px) {
  .contact-form-container {padding: 30px 20px; margin-top: 30px; }
}

.social-links a {color: var(--darkBlue); transition: all 0.3s ease; margin-right: 15px; }

.social-links a:hover {color: var(--lightBlue); }

/* Navigation buttons on contact page */
.nav-buttons h4 {font-family: 'Inter', sans-serif; font-size: 18px; font-weight: 600; color: var(--darkBlue); }

.nav-buttons .row {margin: 0 -10px; }

.nav-buttons .col-6 {padding: 0 5px; }

.btn-outline-primary {color: var(--darkBlue); border: 1px solid var(--darkBlue); background-color: transparent; font-family: 'Inter', sans-serif; font-weight: 500; font-size: 14px; padding: 10px 15px; transition: all 0.3s ease; text-align: center; display: flex; align-items: center; justify-content: center; height: 42px; border-radius: 5px; }

.btn-outline-primary:hover {background-color: var(--darkBlue); color: white; }

.btn-outline-primary i {margin-right: 5px; font-size: 16px; }

@media (max-width: 768px) {
  .contact-form-container {margin-top: 30px; }
  
  .contactmap iframe {height: 400px; }
}

#footer { background: var(--darkBlue); color: var(--footerText); margin: 0px; padding: 50px 0px 30px 0px; }
#footer h3 {font-size: 24px; font-weight: 700; color: var(--footerText); }
#footer .footer-address, 
#footer .footer-text,
#footer .footer-social,
#footer .footer-links {font-size: 16px; font-weight: 500; }
#footer .footer-address a,
#footer .footer-social a,
#footer .footer-links a {display: block; color: var(--footerText); text-decoration: none; margin-bottom: 5px; }
#footer .footer-address a:hover,
#footer .footer-social a:hover,
#footer .footer-links a:hover {text-decoration: underline; }
#footer2 { background: var(--darkBlue); color: var(--gray); margin: 0px; padding: 20px 0px; border-top: 1px solid rgba(204, 215, 226, 0.26); }
#footer2 a { color: var(--gray); }
#footer2 .powered-by { display: block; font-size: 14px; margin-top: 5px; }
#footer2 .language-selector a {display: inline-block; color: var(--footerText); text-decoration: none; margin-left: 15px; font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 500; }
#footer2 .language-selector a.active {color: var(--lightBlue); }

.form-group { margin-bottom: 1rem; }

.soc { display: flex; justify-content: center; }
.soc .fa { font-size: 30px; padding: 10px 10px; }

.partnerContainer { background: #F1F6FB; }
/* DESKTOP */
@media all and (min-width: 800px){
	.navbar-languages ul { margin-right: 0px }
	.navbar-languages ul li a:after { content: '/'; padding: 0 0px 0px 10px }
	.partnerContainer .row { padding: 38px 42px; text-align: center; }
	.productLine .labelCont { text-align: right; }
	.productLine .row { align-items: center }
	.productLine .row h5 { margin-bottom: 10px }
}

/* MOB */
@media all and (max-width: 800px){ 
	.navbar-main { position: sticky; top: 0px; z-index: 100; background: var(--white); }
	.partnerContainer .row { text-align: left; }
	.partnerContainer .row .col { flex: none; padding: 30px 50px }
	#footer .l1 { text-align: center; }
	#footer p { margin-bottom: 5px }
	#footer2 div { text-align: center; }
	#footer2 p { float: none; padding-top: 10px; }
	
	/* Mobile language selector */
	.language-dropdown {margin-left: 0; margin-top: 10px; }
	.current-language {width: 100%; text-align: center; }
	.language-dropdown-content {width: 100%; text-align: center; }
}

/*cart*/
.cartContainer { padding: 20px; border: 1px solid #DADADA; }

.cartContainer h1 { font-size: 34px; font-weight: 500 }
.cartContainer .topLine { border-bottom: 1px solid #DADADA; font-size: 18px; padding-bottom: 20px; margin-bottom: 20px }
.cartContainer .cardNr0 { border-top: 0px; }
.btn { border-radius: 25px; padding: 12px 20px; min-width: 190px; font-size: 14px }
.btn.btn-primary { border: 1px solid #23224c; background: #23224c; color: #fff }
.btn.btn-secondary { border: 1px solid #ddd; background: #ddd; color: #000 }
.cartContainer .btn.btn-outline-secondary { margin-right: 20px }
.cartContainer .card { padding: 20px }
.discountCodeField { width: 200px; border: none; border-bottom: 1px solid #000; outline: none; margin-right: 20px }
.discountCodeField:placeholder { color: #000 }
.cartTotalCount { margin-top: 10px; margin-bottom:30px; font-size: 18px; font-weight: 600 }

.subcats.optional { display: flex; flex-wrap: wrap; align-content: space-between; place-content: center; margin-bottom: 30px; }
.subcats.mobile { text-align: center; margin-bottom: 20px }
.subcats.mobile select { padding: 10px; border-radius: 20px; width: 90%; }
@media all and (max-width: 768px){ .subcats.optional { display: none } }
@media all and (min-width: 768px){ .subcats.mobile { display: none } }

.midali { display: flex; align-items: center; }
.midali.center { justify-content:center }
.midali.right { justify-content: right }

.cartContainer .card { border-radius: 2px; }
.cartContainer .card a { color: inherit; text-decoration: none; font-weight: 500 }
.error { margin-top: -40px; margin-bottom: 40px }

@media all and (min-width: 812px) and (max-width: 992px){
	.cartMainActionButtons { display: flex; width: fit-content; gap: 20px;}
	.cartContainer .btn.btn-outline-secondary{ margin: 0;}
	.cart__total__block { display: flex; flex-direction: column; align-items: flex-end;}
}

@media all and ( max-width: 810px ){
	.couponForm input, .couponForm button { width: calc(50% - 14px); padding: 13px }
	.cartMainActionButtons .btn { width: calc(50% - 5px); padding: 13px }
	.cartTotalCount { margin-top: 30px; margin-bottom:30px; text-align: center; }
	.cartContainer { padding-top: 20px; }
	.cartContainer h1 { font-size: 26px }
	.text-center { text-align: right; }
	.colx { align-items: flex-start }
	.cartContainer .btn { min-width: 0px }
	.cartContainer .btn.btn-outline-secondary { margin-right: 0px }
	.checkoutCartContent { margin-top: 20px }

	.midali.mobile { justify-content: right; }

	.product-content.row { gap: 50px;}
}

.suggestedProds { margin-top: 50px }
.suggestedProds h2 { margin-bottom: 50px }
.suggestedProd { text-align: center; }
.suggestedProdInner{ display: flex; flex-direction: column; justify-content: space-between;}
.suggestedProd .imgContainer { border: 2px solid var(--lightBlue); max-width: 125px; background: var(--white); margin: auto; }
.suggestedProd .imgContainer img { aspect-ratio: 1; object-fit: cover; }
.suggestedProd .card-body {display: flex; flex-direction: column; justify-content: space-between;}
.suggestedProd .card-title { margin-top: 10px }
.suggestedProd .card-title a { color: var(--xBlue); text-decoration: none; margin-top: 10px }
.cartLine { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--lightGray); }
.cartLine .imgContainer { max-width: 100px; text-align: center; }
.cartLine img { aspect-ratio: 1; object-fit: cover; }
.cartLine h6 {  }
.cartLine .count { background: #F8F9FB; border-radius: 50px }
.cartLine .count a { display: inline-block; background: #F8F9FB; text-decoration: none; color: #000; border-radius: 10px; font-size: 16px; min-width: 22px; line-height: 22px; font-weight: bold; position: relative; padding: 0px 20px; }
.cartLine .count input { text-align: center; border: none; border-radius: 100px; background: none; height: 46px; width: 70px; margin-left: -10px; margin-right: -10px }

.row.to-buy-space { min-height: 200px; align-content: center; }
.row.to-buy-space > div { padding: 10px }

/* Search Overlay */
.search-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.95); z-index: 1000; display: none; align-items: center; justify-content: center; }
.search-overlay.active {display: flex; }
.search-form {width: 100%; max-width: 600px; position: relative; margin: auto }
.search-input {width: 100%; padding: 15px 50px 15px 20px; font-size: 18px; border: none; border-bottom: 2px solid var(--darkBlue); background: transparent; outline: none; }
.search-button {position: absolute; right: 15px; top: 15px; background: none; border: none; font-size: 20px; color: var(--darkBlue); cursor: pointer; }
.search-close {position: absolute; top: -40px; right: 0; font-size: 24px; color: var(--darkBlue); text-decoration: none; }

/* Language Selector */
.language-dropdown {position: relative; margin-left: 15px; }
.language-selector {position: relative; cursor: pointer; line-height: 28px; }
.current-language {display: inline-block; color: var(--darkBlue); font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 400; padding: 5px 30px; border: 1px solid var(--gray); border-radius: 100px; background-color: #F7F7F7; cursor: pointer; }
.current-language i {margin-left: 5px; margin-right: -8px; font-size: 12px; }
.language-dropdown-content {display: none; position: absolute; right: 0; top: 100%; background-color: white; min-width: 120px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 999; border-radius: 5px; margin-top: 5px; padding: 5px 0; }
.language-dropdown-content a {color: var(--darkBlue); padding: 10px 15px; text-decoration: none; display: block; font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 500; transition: background-color 0.2s; }
.language-dropdown-content a:hover {background-color: #f1f1f1; }
.language-dropdown-content a.active {color: var(--lightBlue); font-weight: bold; }
.language-dropdown-content.show {display: block; }

.dropdown-toggle::after {border: none !important; content: "\f123"; font-family: "Ionicons"; font-size: 12px; margin-left: 10px; position: relative; top: 2px; }
.nav-item.dropdown {margin-right: 10px; }


/* Mobile Responsive Styles */
@media (max-width: 991px) {
  .navbar-main .navbar-nav { padding-top: 20px; padding-left: 20px; width: calc(100% - 40px); display: block }
  .navbar-main .navbar-nav .nav-item {margin: 5px 0; width: 100%; text-align: left; }
  .navbar-main .navbar-nav .nav-icon { width: 30%; float: left; text-align: right; margin-bottom: 20px }
  .navbar-main .navbar-nav .nav-link {padding: 10px 0; }
  
  /* Dropdown menu styling for mobile */
  .navbar-main .dropdown-menu {position: static; float: none; width: 100%; padding-top: 0; padding-bottom: 0; margin-top: 0; border: none; box-shadow: none; background-color: #f1f1f1; }
  .navbar-main .dropdown-item {padding: 10px 20px; border-bottom: 1px solid #ddd; }
  .navbar-main .dropdown-item:last-child {border-bottom: none; }
  .language-dropdown {margin-left: 0; padding: 10px 0; }
  .language-dropdown-content {position: static; width: 100%; box-shadow: none; margin-top: 10px; padding: 0; background-color: #f1f1f1; }  
  .language-dropdown-content a {padding: 15px; border-bottom: 1px solid #ddd; }
  .language-dropdown-content a:last-child {border-bottom: none; }
  .navbar-main .navbar-nav .nav-item a .fa { margin-right: 20px }
  .navbar-main .navbar-nav .nav-item.language-dropdown { overflow: hidden; }
}


/* Shop Styles */
.shop-header {padding: 1rem 0; margin-bottom: 2rem; border-radius: 8px; }
.shop-title {font-size: 26px; font-weight: 600; margin-bottom: 1rem; color: var(--darkBlue); font-family: 'Inter', sans-serif; }
.shop-description p {color: var(--gray); margin-bottom: 0; font-family: 'Inter', sans-serif; font-size: 15px; line-height: 1.5; }

/* Category Sidebar */
.category-sidebar {background-color: #FCFCFC; border-radius: 10px; margin-bottom: 2rem; border: 1px solid #DDE3EE; }
.category-sidebar .category-item { padding: 23px }
.category-sidebar .category-item.active { background: #568BC81C }
.category-sidebar .subcategory-list .category-item { background: none; padding: 2px; margin-bottom: 0px }
@media (min-width: 992px) {
  .category-sidebar { position: sticky; top: 130px; padding-bottom: 120px }

}
.sidebar-title {font-size: 18px; font-weight: 600; margin-bottom: 1.5rem; color: var(--darkBlue); font-family: 'Inter', sans-serif; position: relative; }
.category-list {list-style: none; padding: 0; margin: 0 0 1rem 0; }
.category-item a {color: var(--darkBlue); text-decoration: none; display: block; transition: color 0.2s; font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 700; }

.category-item a:hover {color: var(--lightBlue); }
.category-item.active > a {color: var(--lightBlue); font-weight: 600; }
.category-parent {border-bottom: 1px solid #eee; padding-bottom: 0.5rem; position: relative; }
.category-parent:before {content: ""; background: #FCFCFC; width: 13px; height: 3px; position: absolute; bottom: -2px; left: 0px }
.category-parent:after {content: ""; background: #FCFCFC; width: 31px; height: 3px; position: absolute; bottom: -2px; right: 0px }
@media (max-width: 992px) {
	.category-list { margin-bottom: 0; }
	.category-list .category-item:last-child { border-bottom: none; }
}


.subcategory-list {list-style: none; padding-left: 1rem; margin: 0.5rem 0 0.75rem 0; }
.subcategory-list .category-item a {font-size: 14px; padding: 0.3rem 0; }


/* Product Grid */
.product-grid {
  margin-bottom: 3rem;
}

.empty-category {
  text-align: center;
  padding: 3rem 0;
  color: #999;
  font-family: 'Inter', sans-serif;
}

.product-card {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  transition: transform 0.3s, box-shadow 0.3s;
  margin-bottom: 2rem;
  overflow: hidden;
  height: 100%;
}

.product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.product-card a {
  text-decoration: none;
  color: inherit;
  display: block;
  height: 100%;
}

.product-badges {padding-bottom: 20px; }
.product-badge { height: 46px; border-radius: 8px; background: #ECF2F9; display: inline-block; padding-top: 12px; padding-left: 10px; padding-right: 24px }
.product-badge:before { content: '\f122'; font-family: 'Ionicons'; display: inline-block; background: #fff; border-radius: 50%; width: 22px; height: 22px; margin-right: 10px; text-align: center; color: #568BC8; font-size: 10px; padding-top: 4px; position: relative; top: -2px }

.product-info {
  padding: 0px 15px;
}

.product-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: var(--darkBlue);
  line-height: 1.4;
  font-family: 'Inter', sans-serif;
}

.product-brand {
  font-size: 14px;
  color: var(--gray);
  margin-bottom: 0.75rem;
  font-family: 'Inter', sans-serif;
}

.product-price {
  font-size: 18px;
  font-weight: 600;
  color: var(--lightBlue);
  margin-bottom: 0;
  font-family: 'Inter', sans-serif;
}

/* Responsive Adjustments */
@media (max-width: 767px) {
  .shop-header {
    padding: 1rem 0;
  }
  
  .shop-title {
    font-size: 22px;
  }
  
  .product-grid .row {
    margin-left: -10px;
    margin-right: -10px;
  }
  
  .product-item {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  .product-info {
    padding: 1rem;
  }
}

/* Product Detail Styles */
.product-detail-container { padding: 45px 0px; }
@media (max-width: 767px) {
	.product-detail-container { padding: 20px 20px; }
}


.breadcrumb {
  background: none;
  padding: 0;
  margin-bottom: 0;
}

.breadcrumb-item a {
  color: #5B6D76;
  text-decoration: none;
}

.breadcrumb-item.active {
  color: #568BC8;
  font-weight: 600;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  color: #5B6D76;
}

/* Product Gallery */
.product-gallery {
  margin-bottom: 2rem;
}

.product-main-image {
  position: relative;
  margin-bottom: 1rem;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.product-main-image img {
  width: 100%;
  height: auto;
  display: block;
}

.product-thumbnails { display: flex; flex-wrap: wrap; margin: -5px; }
.thumbnail-item { display: block; width: calc(33% - 10px); margin: 5px; cursor: pointer; border-radius: 4px; overflow: hidden; transition: opacity 0.2s; max-height: 130px }
.thumbnail-item:hover { opacity: 0.8; }
.thumbnail-item img { width: 100%; height: auto; display: block; object-fit: cover; height: 100%; }

/* Product Info */
.product-info-container {height: 100%; display: flex; flex-direction: column; }
.product-brand {margin-bottom: 1.5rem; color: #666; }
.product-price {margin-bottom: 1.5rem; }
.price-value {font-size: 24px; font-weight: 600; color: #007bff; }
.product-description {margin-bottom: 1.5rem; color: #555; line-height: 1.6; }
.product-description:empty { display: none; }
.product-attributes {margin-bottom: 2rem; }
.product-attribute {margin-bottom: 20px; }
.attr-label {display: block; font-weight: 600; color: #000; margin-right: 0.5rem; min-width: 180px; }
.attr-value {color: #666; }
.product-actions {padding-top: 40px; }
.btn-add-to-cart, .btn-contact {padding: 0.75rem 1.5rem; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; }
.btn-add-to-cart i, .btn-contact i {margin-right: 0.5rem; }
.btn-reqitem { background: #568BC8 !important; border-color: #568BC8 !important; }

/* Similar Products */
.similar-products-section {
  margin-top: 4rem;
  padding-top: 2rem;
  border-top: 1px solid #eee;
}

.section-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 2rem;
  color: #333;
}

/* Responsive Adjustments */
@media (max-width: 991px) {
  .product-info-container {
    margin-top: 2rem;
  }
  
  .product-title {
    font-size: 24px;
  }
  
  .section-title {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .breadcrumb-container {
    margin-bottom: 1.5rem;
  }
  
  .product-title {
    font-size: 22px;
  }
  
  .price-value {
    font-size: 22px;
  }
  
  .attr-label {
    min-width: 150px;
  }
  
  .product-actions {
    text-align: center;
  }
  
  .btn-add-to-cart, .btn-contact {
    width: 100%;
  }
  
  .section-title {
    font-size: 20px;
    margin-bottom: 1.5rem;
  }
  
  .similar-products-section {
    margin-top: 3rem;
  }
}

/* Footer Language Selector */
.footer-language-selector {
  margin-top: 20px;
}

.footer-language-selector span {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: var(--footerText);
  margin-right: 10px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-block;
  border: 1px solid #fff;
	min-width: 40px;
	min-height: 40px;
	text-align: center;
	padding-top: 6px;
}

.footer-language-selector span.active {
  background-color: var(--lightBlue);
  color: white;
}

.footer-language-selector span:not(.active):hover {
  color: white;
  background-color: rgba(132, 173, 219, 0.2);
}

/* About Us Page Styles */
.about-us-container {
  font-family: 'Inter', sans-serif;
}

.about-title {
  font-size: 32px;
  font-weight: 700;
  color: var(--darkBlue);
  margin-bottom: 2rem;
  position: relative;
}

.about-title:after {
  content: '';
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 60px;
  height: 3px;
  background-color: var(--lightBlue);
}

.about-intro {
  font-size: 17px;
  line-height: 1.7;
  color: var(--gray);
  max-width: 900px;
}

.about-mission-vision {
  margin: 4rem 0;
}

.mission-box, .vision-box {
  background-color: #F1F6FB;
  border-radius: 10px;
  padding: 30px;
  height: 100%;
  transition: transform 0.3s, box-shadow 0.3s;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.mission-box:hover, .vision-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}

.mission-box {
  border-left: 4px solid var(--lightBlue);
}

.vision-box {
  border-left: 4px solid var(--darkBlue);
}

.section-title {
  font-size: 24px;
  font-weight: 600;
  color: var(--darkBlue);
  margin-bottom: 1.5rem;
  position: relative;
}

.value-box {
  background-color: #fff;
  border-radius: 10px;
  padding: 25px;
  margin-bottom: 20px;
  height: 100%;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  transition: transform 0.3s, box-shadow 0.3s;
  border-top: 4px solid var(--lightBlue);
}

.value-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0,0,0,0.1);
}

.value-box h3 {
  font-size: 20px;
  font-weight: 600;
  color: var(--darkBlue);
  margin-bottom: 15px;
}

.value-box p {
  color: var(--gray);
  font-size: 15px;
  line-height: 1.6;
}

.history-content {
  background-color: #fff;
  border-radius: 10px;
  padding: 30px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  font-size: 16px;
  line-height: 1.7;
  color: var(--gray);
}

.team-member {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  overflow: hidden;
  transition: transform 0.3s, box-shadow 0.3s;
  height: 100%;
}

.team-member:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0,0,0,0.1);
}

.member-image img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  transition: transform 0.4s;
}

.team-member:hover .member-image img {
  transform: scale(1.05);
}

.member-info {
  padding: 20px;
}

.member-name {
  font-size: 20px;
  font-weight: 600;
  color: var(--darkBlue);
  margin-bottom: 5px;
}

.member-position {
  font-size: 16px;
  color: var(--lightBlue);
  margin-bottom: 15px;
  font-weight: 500;
}

.member-bio {
  font-size: 14px;
  line-height: 1.6;
  color: var(--gray);
}

.clients-container {
  background-color: #fff;
  border-radius: 10px;
  padding: 30px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.client-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.client-list li {
  padding: 15px 25px;
  background-color: #F1F6FB;
  border-radius: 8px;
  color: var(--darkBlue);
  font-weight: 500;
  font-size: 16px;
  transition: background-color 0.3s;
}

.client-list li:hover {
  background-color: var(--lightBlue);
  color: white;
}

.testimonial-box {
  background-color: #fff;
  border-radius: 10px;
  padding: 30px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  height: 100%;
  position: relative;
  transition: transform 0.3s, box-shadow 0.3s;
}

.testimonial-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0,0,0,0.1);
}

.testimonial-box:before {
  content: '\201C';
  font-family: Georgia, serif;
  position: absolute;
  top: 15px;
  left: 20px;
  font-size: 60px;
  color: var(--lightBlue);
  opacity: 0.3;
}

.testimonial-text {
  font-size: 16px;
  line-height: 1.7;
  color: var(--gray);
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}

.testimonial-author {
  font-size: 14px;
  color: var(--darkBlue);
}

/* Responsive adjustments */
@media (max-width: 991px) {
  .about-title {
    font-size: 28px;
  }
  
  .about-intro {
    font-size: 16px;
  }
  
  .section-title {
    font-size: 22px;
  }
  
  .mission-box, .vision-box {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .about-title {font-size: 26px; }
  .about-intro {font-size: 15px; }
  .section-title {font-size: 20px; }
  .value-box h3 {font-size: 18px; }
  .client-list {gap: 1rem; }
  .client-list li {padding: 10px 15px; font-size: 14px; }
  .member-image img {height: 250px; }
}



.stats-section { background: #568BC8; color: #fff; padding: 14px; font-size: 18px }
.stats-section .row .col { border-right: 1px solid rgba(255,255,255,0.3); margin: 10px }
.stats-section .row .col:last-child { border-right: none; }
.stats-section .stat-number { font-size: 45px; font-weight: 700; margin-bottom: -12px }


.btn-view { transition-duration: 0.5s; }
.btn-primary.btn-view:hover { background: #568BC8; color: #fff }
.newLabel { background: #568BC8; color: #fff; position: absolute; padding: 7px 16px; top: 0px; right: 0px; border-radius: 0px 8px 0px 8px }
.usedLabel { background: #94A588; color: #fff; position: absolute; padding: 7px 16px; top: 0px; right: 0px; border-radius: 0px 8px 0px 8px }

@media all and (max-width: 768px){
	.contactsPage.py-5 { padding-bottom: 0px !important; }
}


.cartorder h5 { margin-bottom: 20px; font-size: 18px }
.cartorder hr { margin-top: 40px; }
.cartorder .form-control { padding: 12px 15px; font-size: 16px; min-height: 48px; border-radius: 10px; border: 1px solid #DEDEDE; }