@import "../../../css/theme.css";
@import "../../../css/custom.css";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Boldonse&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

.ff-roboto { font-family: 'Inter', sans-serif; }
.ff-roboto-condensed { font-family: 'Inter', sans-serif; }

.bg-dark-vertex { background: #212224; }
.bg-dark-vertex-light-1 { background: #3d3d3f; }
.bg-dark-vertex-light-2 { background: #5f5f5f; }

.text-golden { color: rgba(195, 172, 156, 1); }

.bg-golden { background-color: rgba(102, 107, 87, 1); }
.border-golden { border-color: rgba(102, 107, 87, 1) !important; }
.bg-green { background: rgba(102, 107, 87, 1); }

input { font-family: 'Inter', sans-serif; }

a, button, .btn{transition: .3s;}

html, body { background: #000; font-family: 'Inter', sans-serif; }

.c-primary{ color:#198754!important;}
.c-secondary{ color:#212e3b!important;}
.border-primary{ border-color:#198754!important;}
.bg-primary{ background-color:#198754!important;}
.bg-secondary{ background-color:#212e3b!important;}

header { z-index: 1021; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);position: fixed;inset: 0 0 auto 0;background-color: rgba(0, 0, 0, .4);}
header::before {content: "";position: absolute;inset: 0;backdrop-filter: saturate(180%) blur(20px);-webkit-backdrop-filter: saturate(180%) blur(20px);pointer-events: none;}

header .logo { max-height: 48px; }
header nav a, header nav button{ font-size: 16px; }
header nav a:hover, header nav button:hover{opacity: 0.7;}
header nav a:hover, header nav button:hover{ color: #f1f1f1!important; }
header .dropdown-menu { max-height: calc(100vh - 130px); overflow: auto; width: 250px; z-index: 9999; }
header .dropdown-menu li a{position: relative;display: inline-block;color: white;text-decoration: none;transition: color 0.3s ease;}
header .dropdown-menu li a::after{content: "";position: absolute;left: 0;bottom: 0;width: 0%;height: 2px;background-color: #198754;transition: width 0.3s ease;}
header .dropdown-menu li:hover a::after {width: 100%;}
header .menu { width: 30px; }
header .menu span { height: 2px; transition: all ease-in-out 0.3s; }
header .menu.active span:first-child { transform: rotate(45deg); }
header .menu.active span:nth-child(2) { opacity: 0; }
header .menu.active span:last-child { transform: rotate(-45deg); margin-top: -11px; }
header .badge{font-size: 10px;}

body { padding-top: 103px; }
body.with-name { padding-top: 137px; }
body.with-bar { padding-top: 119px; }
body.with-name.with-bar { padding-top: 163px; }

.shipping_type.active::after, .payment_method.active::after { color: var(--bs-green); content: '\F26A'; display: block; font-family: 'bootstrap-icons'; height: 16px; position: absolute; right: 5px; top: 5px; width: 16px; }

.longDescription, .short_description { overflow: hidden; }
.longDescription figure img, .short_description figure img, .longDescription p img, .short_description p img { max-width: 100%; height: auto; }
.longDescription figure, .short_description figure { display: block; margin: 20px auto; max-width: 100%; }
.longDescription figure img, .short_description figure img { display: block; margin: 20px auto; }
.longDescription figure.image-style-side, .short_description figure.image-style-side { float: right; margin: 20px 0 20px 20px; }

.tns-controls { left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2; }
.tns-controls button { background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: contain; border: none; color: #F6C40F; height: 24px; position: absolute; width: 24px; }
.tns-controls button[data-controls="prev"] { background-image: url('../img/ico-arrow-prev.svg'); left: 15px; }
.tns-controls button[data-controls="next"] { background-image: url('../img/ico-arrow-next.svg'); right: 15px; }

.tns-nav { bottom: 15px; display: flex; justify-content: center; left: 0; position: absolute; text-align: center; width: 100%; z-index: 2; }
.tns-nav button {border: 1px solid #75b798;display: block;height: 1px;margin: 0 5px;border-radius: 2px;opacity: 1;width: 20px;}
.tns-nav button.tns-nav-active { border-color: #FFF; }

.featuredCategories .tns-controls{right: 0; left: inherit;}

.icons-cards .border{ border-color: #333333!important; }
.icons-cards .box-img{min-width: 75px;height: 75px;border: 1px solid #8BC34A;background-color: #8BC34A;display: flex;align-items: center;justify-content: center;border-radius: 20px;}

.offcanvas{ background-color: #121519; }
.offcanvas-header{ box-shadow: 0 0 10px #81818133; }
.offcanvas-cart .offcanvas{width: 385px;}

.btn-delete{ text-decoration: underline; }

footer { background-color: #222; }
footer .logo { max-height: 45px; max-width: 115px; }
footer .border-top{ border-color:#3e3a3a!important; }
footer .col-sm-6 ul li a, .menu-categories.d-none ul li a{position: relative;display: inline-block;color: white;text-decoration: none;transition: color 0.3s ease;}
footer .col-sm-6 ul li a::after, .menu-categories.d-none ul li a::after{content: "";position: absolute;left: 0;bottom: 0;width: 0%;height: 2px;background-color: #198754;transition: width 0.3s ease;}
footer .col-sm-6 ul li:hover a::after, .menu-categories.d-none ul li:hover a::after {width: 100%;}

.menu-categories li.active > div > a { color: #CB8161; }
.menu-categories button { transition: all ease-in-out .3s;}
.menu-categories button.active { transform: rotate(90deg); }

.border-dashed.active { border-color: #3fca90 !important; }
.shipping_type.active::after, .payment_method.active::after { color: #3fca90; content: '\F26A'; display: block; font-family: 'bootstrap-icons'; height: 16px; position: absolute; right: 5px; top: 5px; width: 16px; }
.btn-whatsapp{z-index: 1;bottom: 0px !important;}

.featuredCategories .ratio:hover::before{ content: ""; background-color: #000; width: 100%; height: 100%; opacity: 0.2; transition: .3s; }
.featuredCategories .item-box { position: relative; transition: all 0.3s ease; border-radius: 1rem;}
.featuredCategories .item-box .ratio { position: relative; overflow: hidden; border-radius: 1rem; transition: all 0.3s ease;}
.featuredCategories .item-box .ratio::after {content: ""; position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0); transition: all 0.3s ease;}
.featuredCategories .item-box:hover .ratio::after { background-color: rgba(0, 0, 0, 0.25);}
.featuredCategories .item-box:hover .bg-color h3 {color: #198754!important; transition: .3s all ease;border-color: #198754!important;}
.featuredCategories .item-box h3{border-bottom: 1px solid white;display: inline-block;padding-bottom: 5px !important;}

.featuredCategories .bg-color, .sliderCategoriesNav .bg-color{text-align: center;}
.form-floating{ border-radius: 15px;}

.btn-sellfast{ background-color: #198754; border: #198754; }
.btn-sellfast:hover{background-color: white!important;color: #1c1c1d!important;}

.menu-categories.d-none{ box-shadow: 0 0 .5rem rgba(241, 241, 241, .1); border-radius: 10px;}
.menu-categories.d-none h3{ background-color: #f1f1f1; padding: 15px; border-radius: 10px 10px 0 0; }
.menu-categories .list-unstyled{ padding: 15px; padding-top: 0px;}
.menu-categories.cats-mobile{border-radius: 15px;}

.product-box .mask{mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkwMCIgaGVpZ2h0PSIxNTIyIiB2aWV3Qm94PSIwIDAgMTkwMCAxNTIyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMjQgMC41SDE4NzZDMTg4OC45OCAwLjUwMDAxNyAxODk5LjUgMTEuMDIxMyAxODk5LjUgMjRWMTQzOEMxODk5LjUgMTQ1MC45OCAxODg4Ljk4IDE0NjEuNSAxODc2IDE0NjEuNUgxODc1QzE4NTUuMzkgMTQ2MS41IDE4MzkuNSAxNDc3LjM5IDE4MzkuNSAxNDk3VjE0OThDMTgzOS41IDE1MTAuOTggMTgyOC45OCAxNTIxLjUgMTgxNiAxNTIxLjVIMjRDMTEuMDIxMyAxNTIxLjUgMC41IDE1MTAuOTggMC41IDE0OThWMjRDMC41IDExLjAyMTMgMTEuMDIxMyAwLjUgMjQgMC41WiIgZmlsbD0id2hpdGUiIHN0cm9rZT0id2hpdGUiLz4KPC9zdmc+Cg==) bottom right no-repeat;}
.product-box .btn-close-var{border-radius: 5px!important;padding-left: 5px;}

.btn-buy-add > :last-child{position: absolute;padding-left: 14px;padding-right: 15px;line-height: 58px;height: 50px;right: 0px;bottom: 67px;}
.btn-buy-add > :last-child{background-color: #198754;}
.btn-buy-add > :last-child:hover, .call-action .bg-white a:hover, .offcanvas-header .rounded-start:hover{background-color: #1c1c1d!important;}
.btn-buy-add > :first-child{padding-left: 23px;;padding-right: 17px;background-color: #212e3b;color: white;margin-top: 15px;border-radius: 50px;line-height: 37px;}
.btn-buy-add > :first-child:hover, .offcanvas-header .rounded-end:hover, .btn-confirm:hover{background-color: #f1f1f1!important; color: #212e3b!important;}

#bg-category::before{content: "";display: block;height: 100%;width: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.3);z-index: 1;}

#bg-category{background-repeat: no-repeat;background-position: center;background-size: cover;}

#bg-category h1, #bg-category .d-flex {position: relative;z-index: 2;}
.breadcrumb-item.active{color: #a7acb1!important;}
.product-detail .cash-price{margin-bottom: 20px;}

.breadcrumb-item>a{color: white;}

.breadcrumb-item+.breadcrumb-item::before { content: ""; display: inline-block; width: 7px; height: 7px; background-color: #615f5f; border-radius: 50%; margin: 0 8px; mask: none !important; -webkit-mask: none !important; background-image: none !important; }

.logo-white{filter: invert(1);}

.fw-bold.text-discount {color: white;}

.bodyProduct #btn-wsp .btn-icon, #contact-footer .scroll-top-btn {display: none;}

.img-review .btn{height: inherit;line-height: 30px;position: absolute;top: 0;right: 0;padding-left: 10px;padding-right: 10px;}

.img-review .btn i{color: white;}

#contact-footer .bi-whatsapp{color: white;background-color: #198754;border-radius: 50%;padding: 10px;display: flex;}

.formShipping .form-floating .form-control{position: relative;z-index: 3;background: transparent;}

.form-sellfast h4, .form-sellfast h3, .form-sellfast .subtotal-text, .form-sellfast .shipping-text{color: white; opacity: 0.7;}
.form-sellfast .total-text{color: white; font-weight: bold;}
.form-sellfast .btn-success{border-radius: 15px!important;}

#sellfastModal .payments-method>:nth-child(4) img, #sellfastModal .payments-method>:nth-child(5) img, .checkout-payments .payments-method>:nth-child(3) img, .checkout-payments .payments-method>:nth-child(4) img, .form-sellfast .payments-method>:nth-child(4) img, .form-sellfast .payments-method>:nth-child(5) img {filter: none;}

.cart-detail .titles, .cart-detail .border-top{ border-color: #f1f1f114!important; }

footer li a:hover{color: white!important;}
footer .social-media a:hover, .see-more:hover{opacity: 0.7; box-shadow: 0px 8px 19px #81818133;}
footer .social-media a, .form-contact .social-media a{text-align: center;line-height: 1;-webkit-backdrop-filter: blur(58px);backdrop-filter: blur(58px);background-color: #d8dadf21;border-width: 1px;border-style: solid;border-image: initial;border-color: #ffffff17;border-radius: 50%;padding: 15px;}
.form-contact .social-media a{height: 56px;display: flex;align-items: center;}

.page-link.active, .active>.page-link{color: white; font-weight: bold;}

.splide__track--nav>.splide__list>.splide__slide.is-active{border: 3px solid white;}

.offcanvas-preview-cart a, .search-header form{text-align: center;line-height: 1;-webkit-backdrop-filter: blur(58px);backdrop-filter: blur(58px);background-color: #d8dadf21;border-width: 1px;border-style: solid;border-image: initial;border-color: #ffffff17;border-radius: 50%;padding: 15px;}

.call-action .bg-white{position: relative;}
.call-action .bg-white::before{content: "";position: absolute;top: 0;left: -199px;width: 200px;height: 100%;background: linear-gradient(to left, #FFF 0%, rgba(18, 21, 25, 0) 100%)}

.see-more:hover{color: white!important;}

.ratings .text-sm-end button:hover{background-color: #212e3b!important;color: white!important;}

.buttons-single-product button.rounded-pill, #variations button.rounded-pill{padding-left: 23px!important;padding-right: 17px!important;line-height: 37px;}
.buttons-single-product button.rounded-pill:hover, #variations button.rounded-pill:hover{opacity: 0.7;}
.btn-buy-var, .btn-add-var{border-radius: 25px;}
.btn-buy-var{background-color: #212e3b!important;color: white;}
@media (max-width: 991px) {
	body { padding-top: 79px; }
	body .mobile-nav { left: -100%; padding-top: 68px; transition: all ease-in-out 0.3s; z-index: 3; max-width: 425px; }
	body .mobile-nav.active { left: 0; }
	body.with-name { padding-top: 118px; }
	body.with-name .mobile-nav { padding-top: 118px; }
	body.with-bar { padding-top: 105px; }
	body.with-bar .mobile-nav { padding-top: 105px; }
	body.with-name.with-bar { padding-top: 144px; }
	body.with-name.with-bar .mobile-nav { padding-top: 144px; }
  .btn-buy-add .rounded-start{ border-end-start-radius: 0px !important; border-start-end-radius: 15px;}
  .btn-buy-add .rounded-end{ border-end-end-radius: 15px !important; border-start-end-radius: 0px !important; border-end-start-radius: 15px !important; }
}

@media (max-width: 575px) {
	.menu-categories.cats-mobile ul li a{color: #000 !important;opacity: 0.6;text-transform: none;}
  .cart-item{ flex-direction: row !important; position: relative;}
  .cart-actions{ width: 100%!important;}
  .cart-price{ position: absolute; bottom: -15px; width: 100% !important; right: 0; justify-content: end !important;}
  body.with-bar .mobile-nav{background-color: white;}
  body.with-bar .mobile-nav .border-bottom .fw-normal{color: #282828!important;}
  body.with-bar .mobile-nav a{color: #576071;}
  header .logo{max-height: 30px;}
  .call-action .bg-white::before {top: -148px;left: 0;width: 100%;height: 150px;background: linear-gradient(to top, #fff 0%, rgba(18, 21, 25, 0) 100%);}
}

@media (max-width: 400px) {
  .related-grid > [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .checkout-summary .items-detail{
	display: block !important;
	position: relative;
  }
  .checkout-summary .items-detail .text-golden{
	position: absolute;
    top: 11px;
    right: 11px;
  }
  .checkout-summary .items-detail .flex-fill {
	margin-top: 15px;
    padding-left: 0px !important;
  }
}