@import url(components.css);
@import url(salesmen-style.css);
* { 
  padding: 0px;
  margin: 0px;
}

html {
  scroll-behavior: smooth;
}

body { 
  padding: 0px;
  margin: 0px;
  font-family: 'Sofia Pro', sans-serif;
  font-size: 14px;
  font-weight: normal;
}

select {
  cursor: pointer !important;
}

a { text-decoration: none !important; }
img{max-width:100%;}
h1,h2,h3,h4,h5,h6 { margin: 0; }
.h1, .h2, .h3, .h4, .h5, .h6 { margin: 0; }

.offer-bar-top { background: var(--black-900);color: var(--black-50);padding: 10px; }
.header-menu-item { display: inline-flex;align-items: center;gap: 10px;color: var(--black-800); }
.header-menu-item:hover { color: var(--primary); }
.header-menu-item span { font-size: 16px;line-height: 140%;font-weight: 400;}
.header-menu-item i { font-size: 24px; }
.header-menus { display: flex;gap: 20px; }
.header-search { position: relative; }
.header-search .btn-search-header { width: 45px; position: absolute;right: 0;top: 0;bottom: 0;border: none;background: transparent;font-size: 24px;color: var(--black-400); }
.header-search .btn-search-header:hover { color: var(--black-900); }
.header-search input { padding-right: 50px; }
.header-mid .header-search { width: 100%; }
.header-mid { gap: 50px;padding: 15px 0; }
.header-mid .navbar-brand { min-width: 210px;}
.menu-header { width: 100%;border-top: 1px solid var(--black-200); }
.menu-header .nav-link { color: var(--black-800);padding: 15px 0; }
.menu-header .nav-link.active { color: var(--primary); }
header { box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);position: relative;}
header .navbar { padding: 0px; }
.customer-info-block-item { display: flex;gap: 15px;align-items: center;border-radius: 16px;border-bottom: 1px solid var(--pink-200); padding: 20px;background-color: var(--pink-dark-50); }
.customer-info-block-item p { margin: 0;margin-top: 5px;color: var(--black-600); }
.slider-home { padding: 0px 70px; }
.slider-home .swiper  { border-radius: 0px 0px 16px 16px;overflow: hidden; }
.slider-home .swiper-slide { display: flex;align-items: center;height: 650px;padding: 0px 100px; }
.slider-home .swiper-slide .slider-bg-image { position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden; } 
.slider-home .swiper-slide .slider-bg-image img { width: 100%;height: 100%;object-fit: cover;object-position: center; } 
.slider-content { color: var(--black-50);}
.slider-content p { margin-top: 20px;}
.slider-home .row { position: relative;z-index: 1; }
body .swiper-button-next,body .swiper-button-prev { width: 40px !important;height: 40px !important;border-radius: 50%;background-color: var(--white-900);box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17); }
body .swiper-button-next:after { font-size: 24px;color: var(--black-900);content: '\f061';font-family: 'Line Awesome Free'; font-weight: 900;}
body .swiper-button-prev:after { font-size: 24px;color: var(--black-900);content: '\f060';font-family: 'Line Awesome Free'; font-weight: 900;}
.category-card .category-card-image { transition: 0.3s ease-in-out; width: 150px;height: 150px;border-radius: 50%;margin: auto;margin-bottom: 15px; }
.category-card h6 { color: var(--black-900);text-align: center; }
.category-card:hover .category-card-image {
	-webkit-animation: flip-vertical-right 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
  animation: flip-vertical-right 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
.offer-banner-blocks .row { margin-left: -2.5px;margin-right: -2.5px;}
.offer-banner-blocks .row > * { padding: 0 2.5px;}
.offer-banner-img { border-radius: 16px;overflow: hidden; }
.offer-banner-img img { width: 100%;height: 100%;object-fit: cover;object-position: center; }
.card-product { background-color: var(--white-900); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.14);border-radius: 8px;overflow: hidden; }
.card-product-image { aspect-ratio: 9/11; position: relative;}
.card-product-image .heart-btn { position: absolute;top: 15px;right: 15px;}
.card-product-content { padding: 20px;display: flex;flex-direction: column;gap: 10px; }
.heart-btn  { border: none; cursor: pointer; display: flex;align-items: center;justify-content: center;width: 38px;height: 38px;background: var(--white-900);box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17);border-radius: 40px; }
.heart-btn i { font-size: 24px;color: var(--black-500); }
.heart-btn.active i {color: var(--primary); }
.rating-stars { display: flex;align-items: center;gap: 5px; }
.rating-stars i { font-size: 16px;color: #FF9500; }
.rating-stars span { font-size: 14px;color: var(--black-800); }
.rating-stars span font {color: var(--black-500); }
.card-product-text h6 { color: var(--black-900); }
.card-product-text .card-product-price { color: var(--secondary); }
.section-padding { padding: 80px 0; }
.latest-toys { background: var(--card-bg-100); }
footer { background-color: var(--white-900);border-top: 1px solid var(--card-bg-300); }
.footer-top { padding: 80px 0; }
.footer-bottom { background: var(--card-bg-100);border-top: 1px solid var(--card-bg-300);padding:15px 10px;text-align: center; }
.footer-link { margin: 0;padding: 0;list-style: none; display: flex;flex-direction: column;gap: 10px; }
.footer-link li a { color: var(--black-700);font-size: 14px; }
.footer-link li a:hover { color: var(--primary); }
.footer-headings { margin-bottom: 30px; }
.footer-logo img { margin-bottom: 30px;}
.footer-logo .body-1 { color: var(--black-700); } 
.inner-page-padding { padding: 80px 0; }
.bg-gray { background-color: #F7F7F7; }
.input-icon-btn { border: none;background: transparent;font-size: 24px;color: var(--black-400); }
.input-with-icon { position: relative; }
.input-with-icon .input-icon-btn{ position: absolute;right: 0;top: 0;bottom: 0;width: 45px; }
.input-with-icon input { padding-right: 50px; }
.or-login-with { position: relative;text-align: center;margin: 20px 0;}
.or-login-with::before { content: '';position: absolute;top: 50%;left: 0;right: 0;height: 1px;background-color: var(--black-200);transform: translateY(-50%); }
.or-login-with span { color: var(--black-300); display: inline-block;padding: 0px 15px;position: relative;z-index: 1;background-color: var(--white-900); }
.auth-bottom { color: var(--black-500);margin-top: 20px;}
.social-btns .btn { border: 1px solid var(--black-200); }
.social-btns .btn:hover { background-color: var(--black-100); }
.auth-container { min-height: 700px; display: flex; max-width: 1130px;margin: auto;border-left: 1px solid var(--card-bg-300);border-right: 1px solid var(--card-bg-300); }
.auth-left { padding: 40px 80px; width: 55%; }
.auth-right { width: 45%; }
.auth-head { margin-bottom: 30px;}
.auth-head p { color: var(--black-500);margin-top: 10px;}
.page-banner { background-color: var(--card-bg-100); max-width: 1130px;margin: auto;overflow: hidden;border-radius: 0px 0px 16px 16px;height: 220px;position: relative; }
.page-banner-img { position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.page-banner-content { position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: var(--white-900);background-color: rgba(0, 0, 0, 20%); }
.sigup-form-content { max-width: 680px;margin: auto; }


.product-slider { display: flex;gap: 20px;max-width: 670px; }
.product-slider .swiper-slider-thumbs-wrapper {  position: relative; width: 95px;min-width: 95px; height:730px;padding: 40px 0;}
.product-slider .swiper-slider-images-wrapper { border-radius: 8px; overflow: hidden; width: calc(100% - 115px);height:730px;position: relative; }
.product-slider .swiper-slider-images-wrapper .heart-btn { position: absolute;top: 15px;right: 15px;z-index: 11; }
.swiper-slider-thumbs-wrapper > .swiper  { height: 100%; }
.swiper-slider-thumbs-wrapper .thumbs-slider-img { height: 100%;border-radius: 8px; } 
.swiper-slider-images-wrapper > .swiper  { height: 100%; }
.swiper-slider-thumbs-wrapper .swiper-button-next, .swiper-slider-thumbs-wrapper .swiper-button-prev { background: none;box-shadow: none;  }
.swiper-slider-thumbs-wrapper .swiper-button-next { top: 0;margin: 0;left: 25px;}
.swiper-slider-thumbs-wrapper .swiper-button-next:after { font-size: 24px;color: var(--black-900);content: '\f106';font-family: 'Line Awesome Free'; font-weight: 900;}
.swiper-slider-thumbs-wrapper .swiper-button-prev { bottom: 0;top: auto;left: 25px;}
.swiper-slider-thumbs-wrapper .swiper-button-prev:after { font-size: 24px;color: var(--black-900);content: '\f107';font-family: 'Line Awesome Free'; font-weight: 900;}
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { object-fit: cover !important;width: 100%;height: 100%; }
.product-detail-main { padding: 0px 70px;}
.product-detail-cover { padding: 50px;background: var(--card-bg-100);border-radius: 0px 0px 16px 16px; }
.product-detail-main-in { display: flex;justify-content: space-between; }
.product-detail-info { max-width: 610px;min-width: 610px; }
.rating-stars-big.rating-stars span { font-size: 16px;} 
.color-product .color-product-item input{ display: none;}
.color-product .color-product-item label { cursor: pointer; width: 45px;height: 45px;border-radius: 45px;border: 3px solid var(--black-200); }
.color-product .color-product-item input[type="radio"]:checked + label  { border-color: var(--black-900); }
.color-product { display: flex;gap: 10px;flex-wrap: wrap; }
.color-product.color-product-size label { border: 1px solid var(--primary);background-color: var(--white-900);display: flex;align-items: center;justify-content: center; font-size: 20px;color: var(--primary);}
.color-product.color-product-size input[type="radio"]:checked + label { border-color: var(--primary);background: var(--primary);color: var(--white-900); }
.product-detail-price { display: flex;align-items: end;}
.product-detail-price h4 {font-weight: 500;text-decoration: line-through;color: var(--black-500); }
.product-detail-info { display: flex;flex-direction: column;gap: 30px; }
.product-detail-info-head { display: flex;flex-direction: column;gap: 10px; }
.product-detail-btns .btn { min-width: 200px;}
.swiper-slide-thumb-active .thumbs-slider-img{ border:2px solid var(--secondary); }
.product-description-features-col .body-2 { position: relative;padding-left: 25px; }
.product-description-features-col .body-2:before { content: '';position: absolute;top: 8px;border-radius: 8px; left: 0;width: 8px;height: 8px;background-color: var(--pink-dark-500);z-index: 1; }
.reviews-overview { display: inline-flex;align-items: center;gap: 10px;padding: 20px;border-radius: 16px;border: 1px solid var(--card-bg-300); }
.total-reviews { background: var(--black-100);font-size: 55px;font-weight: 600;padding: 10px 15px;line-height: 55px;border-radius: 16px; }
.reviews-stars { color: var(--pink-dark-600);font-size: 24px;}
.reviews-star-based .body-2 { color: var(--black-600); }
.reviews-star-based { min-width: 200px; }
.reviews-list-item { padding: 20px; border: 1px solid var(--card-bg-300);border-radius: 16px; display: flex;align-items: center;gap: 40px;justify-content: space-between; }
.reviews-list-item .review-user-info { min-width: 225px; }
.reviews-list-item .user-review-info { flex: 1;}
.user-review-head {display: flex;align-items: center;gap: 10px; }
.user-review-head i { color: var(--pink-dark-600);font-size: 18px; }
.user-review-info .body-2,.review-date.body-2 { color: var(--black-600); }
.similar-products-slider .swiper-slide  { padding:1px; }
.filter-item-head .btn { padding: 0;width: 100%;padding-right: 40px; justify-content: start;position: relative;}
.filter-item-head .btn:not(.collapsed):after { content: '\f068'; }
.filter-item-head .btn:after { content: '';position: absolute;top: 50%;right: 15px;transform: translateY(-50%);font-size: 24px;color: var(--black-800);content: '\f067';font-family: 'Line Awesome Free'; font-weight: 900; }
.filter-link-list { display: flex;flex-direction: column;gap: 15px; list-style: none;padding: 0;margin: 0; }
.filter-link-list a { color: var(--black-800);font-size: 16px;font-weight: 500; }
.filter-body .filter-item { padding-bottom: 15px; border-bottom: 1px solid var(--black-200);margin-bottom: 10px; }
.listing-product-wraper-head .form-control { background-color: var(--white-900);}
.filter-price-range-item input { background-color: var(--white-900) !important;border: none; }
.filter-item-body > div { margin-top: 8px;}
.about-image-sec { aspect-ratio: 16/10;overflow: hidden;border-radius: 16px; }
.about-image-sec img { width: 100%;height: 100%;object-fit: cover;object-position: center; }
.image-sec-about { padding: 100px 0; }
.about-info-sec { padding: 100px 0; position: relative; background: var(--pink-dark-50);}
.about-info-sec .about-info-sec-img { position: absolute;top: 0;right: 0;width: 45%;height: 100%; }
.about-info-sec .about-info-sec-img img { width: 100%;height: 100%;object-fit: cover;object-position: center; }
.about-info-sec-block-item { display: flex; }
.about-info-sec-block-item article { flex: 1;background: var(--pink-dark-950);padding: 30px;border-radius: 16px; }
.about-info-sec-block-item article h6 { color: var(--white-900);margin-bottom: 15px; }
.about-info-sec-block-item article p { color: var(--pink-dark-200); margin-bottom: 0; }
.cms-page-content-row p { color: var(--black-500); }
.badge-count { width: 22px;height: 22px;border-radius: 22px;background-color: var(--primary);color: var(--white-900);font-size: 11px;display: flex;align-items: center;justify-content: center;line-height: 15px; }
#cart-canvas { width: 650px; }
.cart-item figure { overflow: hidden;border-radius: 8px;min-width: 175px;width: 175px; }
.cart-item figure img { aspect-ratio: 9/12;width: 100%;height: 100%;object-fit: cover;object-position: center; }
.cart-item { display: flex;gap: 20px; }
.cart-size-color { display: flex;gap: 10px; }
.cart-size-color font { font-weight: 700; }
.cart-qty-btn .d-flex { border: 1px solid var(--black-200);border-radius: 8px; }
.cart-qty-btn .d-flex button { width: 45px;min-width: 45px;}
.cart-qty-btn .d-flex button:first-child { border-right: 1px solid var(--black-200);border-radius: 8px 0px 0px 8px; }
.cart-qty-btn .d-flex button:last-child { border-left: 1px solid var(--black-200);border-radius: 0px 8px 8px 0px; }
.cart-qty-btn .d-flex span { font-size: 20px; display: flex;align-items: center;justify-content: center;min-width: 75px; }
.cart-item figcaption h6 { color: var(--black-800); }
.cart-item-remove { font-size: 24px;color: var(--black-500);}
.cart-item-remove i { color: var(--black-500); }
.cart-total-with-btn { padding-bottom: 20px;position: sticky;top: -16px;background:#fff;}
.card { box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);border-radius: 8px;background-color: var(--white-900);border: none; }
.card-header { padding: 30px;background-color: var(--white-900);border: none; }
.card-body { padding:30px; }
.cart-items-list-checkout .cart-item figure { min-width: 100px;width: 100px; }
.address-item-choose label { padding: 20px;border: 1px solid var(--white-800);border-radius: 16px; display: flex;gap: 10px;align-items: center;cursor: pointer;padding-left: 50px;background-image: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='2.5' width='15' height='15' rx='7.5' fill='white'/%3E%3Crect x='0.5' y='2.5' width='15' height='15' rx='7.5' stroke='%23DADADA'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;background-position: 20px 50%; }
.address-item-choose label:has(input:checked) { border-color: var(--primary); background-image: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='4' width='12' height='12' rx='6' fill='white'/%3E%3Crect x='2' y='4' width='12' height='12' rx='6' stroke='%23FF274D' stroke-width='4'/%3E%3C/svg%3E%0A");}
.address-item-choose label input { display: none; }
.address-item-choose label p { margin: 0; }
.sidebar-customer ul { list-style: none; }
.sidebar-customer { padding: 20px;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);border-radius: 8px;background: var(--white-900); }
.sidebar-customer li  a { display: flex;align-items: center;gap: 10px;color: var(--black-900);padding: 15px 0;border-bottom: 1px solid var(--black-100); }
.sidebar-customer li  a i { font-size: 24px; }
.sidebar-customer li  a.active { color: var(--pink-dark-700); }
.after-login-container { display: flex;gap: 40px; }
.after-login-container .sidebar-customer { min-width: 275px; }
.after-login-container .after-login-content { width: 100%; }
.profile-upload-img { position: relative; }
.profile-upload-img .avatar  { width: 100px;height: 100px;border-radius: 100px; }
.profile-upload-img .heart-btn { position: absolute;top: 35%;left: 80px;border:none;}
.profile-upload-img .heart-btn input { position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.notification-item { border: 1px solid var(--card-bg-200);border-radius: 8px;padding: 20px; }
.notification-item figure { margin: 0; min-width: 36px; width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;border-radius: 8px;background-color: var(--pink-50);; }
.notification-item figure i { font-size: 24px;color: var(--primary) }
.notification-item p { margin: 0; color: var(--black-500); }
.notification-item time { color: var(--black-400); }
.loader-container{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

header .header-menu-item .dropdown-menu { left: auto;right: 0; }

.custom-cursor{
  cursor: pointer !important;
}
.dropdown-item{
  cursor:pointer !important;
}
.custom-logout-popup {
  border-radius: 12px;
  padding: 30px;
  text-align: center;
}

.logout-icon {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}

.react-tel-input .form-control {
  
  border: none !important;
  width: 100% !important;
  background-color: var(--black-100) !important;
  height: 45px !important;
}
.react-tel-input .form-control:focus{
  box-shadow: none !important;
}
.form-control.is-invalid, .was-validated .form-control:invalid{  background-image: none; }
.react-tel-input .special-label {
  display: none !important;
}
.react-tel-input .form-control:focus{
  box-shadow: none !important;
}
.react-tel-input .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
  border-color: var(--bs-form-invalid-border-color) !important;
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25) !important;
}
.text-danger{
  margin-top: 5px !important;
}
.custom-logout-popup {
  border-radius: 12px;
  padding: 30px;
  text-align: center;
}

.custom-confirm-btn {
  background-color: #ff4d6d; /* red button */
  color: white;
  border: none;
  padding: 10px 25px;
  margin: 10px;
  border-radius: 8px;
  font-weight: bold;
  font-size: 16px;
  width: 45%;
}

.custom-cancel-btn {
  background-color: #0e0e14; /* black button */
  color: white;
  border: none;
  padding: 10px 25px;
  margin: 10px;
  border-radius: 8px;
  font-weight: bold;
  font-size: 16px;
  width: 45%;
}

.custom-logout-title {
  font-size: 18px;
  font-weight: 600;
  color: #0e0e14;
  margin-top: 15px;
}
div:where(.swal2-container) div:where(.swal2-actions) {
width: 100% !important;
display: flex !important;
flex-direction: row !important;
}