@import "font-family.css";
@import "colors.css";

.action-bar {
 font-size: 18px !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
 color: var(--bs-dark);
}

.nav-set-center {
 width: 100%;
 display: flex;
 justify-content: center;
 align-items: center;
 gap: 15px;
}

.navbar-dark .navbar-nav .nav-link.active {
 color: #fff;
 border-bottom: 1px solid #000 !important;
 padding: 0px;
}

.navbar {
 padding: 0px;
 border-bottom: 1px solid var(--bg-ls);
}

.lst-1 {
 letter-spacing: 7px;
}

.lst-2 {
 letter-spacing: 5px;
}

.lst-3 {
 letter-spacing: 3px;
}

.lst-4 {
 letter-spacing: 1px;
}

.lst-banner {
 letter-spacing: 14px;
 line-height: 75px;
}

.show {
 display: block;
}

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

.back-to-top {
 position: fixed;
 bottom: 20px;
 right: 20px;
 background: var(--bg-ur);
 padding: 5px;
 z-index: 9999;
}

.dropdown-content {
 display: none;
 position: absolute;
 left: 0px;
 top: 100%;
 min-width: 100%;
 overflow: auto;
 border: 1px solid #000;
 z-index: 1;
 background-color: var(--bg-gg);
 font-family: 'Outfit';
}

.dropdown-content::placeholder {
 color: #fff;
}

.ft-link a {
 color: black;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
 position: absolute;
 top: 50%;
 border: 0px;
 display: flex;
 justify-content: center;
 align-items: center;
 font-size: 20px;
}

.owl-carousel .owl-nav .owl-prev {
 position: absolute;
 left: -3%;
}

.owl-carousel .owl-nav .owl-next {
 position: absolute;
 right: -3%;
}

.carousel-dark .carousel-indicators [data-bs-target] {
 background-color: #000;
 width: 10px;
 border-radius: 100%;
 height: 10px;
}

span.title-line {
 display: inline-flex;
 content: '';
 width: 10%;
 height: 1px;
 background: #fff;
 /* margin-bottom: 10px; */
 margin: 12px 5px;
}

.set-slider-content {
 top: 14%;
 right: 0;
}

.owl-categories {
 padding-left: 5%;
}

.w-categories,
.w-bsellers {
 width: 196px !important;
 height: 279px;
}

.overlay-set {
 display: none;
 /*  transform: rotate(180deg);*/
 cursor: pointer;
}

.bsellers:hover .overlay-set {
 display: block;
 position: absolute;
 bottom: 10%;
 left: 44%;
 transform: translateX(-50%);
 cursor: pointer;
}

.overlay-set a img:hover {
 background-color: var(--bs-cyan) !important;
 border-radius: 100%;
 transition-delay: .4s !important;
}


img.w-icon {
 width: 40px !important;
 padding: 5px;
 border: 0.8px solid var(--bg-ch) !important;
}

.owl-kids {
 margin-left: 20px;
 width: 100%;
}

.owl-item {
 width: 33.33%;
 float: left;
}

.owl-item:nth-child(2) {
 text-align: center;
}

.owl-item:nth-child(3) {
 text-align: right;
}

.icon-count {
 font-weight: 600;
 color: var(--bg-ur);
 font-family: 'Outfit';
 padding: 1px;
}


#sidebar {
 position: sticky !important;
 top: 15%;
 max-height: 450px;
 overflow-y: scroll;
 padding-bottom: 20px;
}

.dropdown-side,
#d-s-block {
 display: none;
}

.show {
 display: block;
}

/*
.disclosureBtn{
display: block;
}*/

.acc-side {
 width: 90%;
}

.acc-side .accordion-item {
 border: 0px;
}

.acc-side .accordion-button {
 padding: 2px;
 background: none;
 border-bottom: 1px solid var(--ocean-blue);
 font-size: 18px;
}

.acc-side .accordion-button::after {
 background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
 transform: scale(.7) !important;
}

.acc-side .accordion-button:not(.collapsed)::after {
 background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}

.bg-brown {
 background: #BC9476;
}

#white-c.form-check-input:checked[type=checkbox] {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-labelledby='title' aria-describedby='desc' role='img' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cdesc%3EA color styled icon from Orion Icon Library.%3C/desc%3E%3Cpath data-name='layer1' d='M28 48L14.879 34.121a3 3 0 0 1 4.242-4.243L28 39l18.83-20.072a3 3 0 0 1 4.34 4.143z' fill='%23bacae9'%3E%3C/path%3E%3Cpath data-name='stroke' d='M28 48L14.879 34.121a3 3 0 0 1 4.242-4.243L28 39l18.83-20.072a3 3 0 0 1 4.34 4.143z' fill='none' stroke='%232e4369' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3C/path%3E%3C/svg%3E");
}


button:focus:not(:focus-visible) {
 box-shadow: none;
}

img.img-related {
 background: var(--bg-bs);
 width: 200px !important;
 height: 300px !important;
 padding: 5px;
 margin: 0 auto;
 border: 4px solid var(--bg-ch);
}

.sel-list {
 display: grid;
 grid-template-columns: repeat(7, 1fr);
 gap: 5px;
}

.ans {
 display: none;
}

.size-list,
.colors label {
 cursor: pointer;
}

.size-list-not,
.color-not {
 opacity: 0.4;
}

.size-list {
 position: relative;
 border: 1px solid var(--bg-rm);
 border-radius: 1px;
 margin: 0;
 width: 59px;
 height: 58px;
 padding: 1px;
 display: flex;
 justify-content: center;
 align-items: center;
 font-size: 40px;
 font-family: 'Libre Caslon Display';
 color: #5A5A5A;
}

.sel-list input[type="radio"]:checked + label {
 background-color: var(--bg-rm);
 color: white;
 border: 2px solid var(--bg-rm);
 /* border-color: black; */
}

.over-mini {
 overflow-y: scroll;
 height: 280px;
}

img.match-img {
 width: 88px;
 height: 111px;
}

h2.title-or::before,
h2.title-or::after {
 content: '';
 height: 1px;
 width: 34%;
 background: var(--bg--gary);
 position: relative;
 top: 3px;
 margin: 0px 3px;
}

.set-login-img img {
 max-height: 700px !important;
}

.dropdown-content {
 display: none;
 position: absolute;
 left: 50%;
 top: 100%;
 translate: -50%;
 min-width: 90%;
 overflow: auto;
 border: 1px solid #41464b;
 background: var(--bg-peach-d);
 z-index: 9999;
 margin: 0;
 box-shadow: 0px 1px 5px 0px;
 padding: 8px;
 border-radius: 3px;
}

.product-page .owl-dot.active {
 border: 3px solid #8f612c;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
 -webkit-appearance: none;
 margin: 0;
}

/* Firefox */
input[type=number] {
 -moz-appearance: textfield;
}

.border-ls {
 border: 1px solid var(--bg-ls);
}


.set-cover div {
 background: rgba(0, 0, 0, .2);
 width: -webkit-fill-available;
}

.set-bg1 {
 display: flex;
 justify-content: space-between;
 position: absolute;
 z-index: -1;
 width: 100%;
 padding: 0px;
 margin: 0px;
}

.subscribe-bg {
 background-image: url(../assets/images/home/5.png);
 background-size: contain;
}

.subscribe-bg-hr {
 background-image: url(../assets/images/home/5.png);
 background-size: 100px;
}

.bg-title {
 background-image: url(../assets/images/home/bg-blue.png);
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
}

.owl-vertical {
 transform: rotate3d(0, 0, 1, 90deg) !important;
}

.owl-vertical .item {
 transform: rotate3d(0, 0, 1, -90deg) !important;
}

.video-player {
 display: none;
}

.set-img-p {
 max-height: 700px;
 overflow-y: scroll;
}

.set-img-p::-webkit-scrollbar {
 display: none;
}



.colors ul {
 overflow: hidden;
 height: 0px;
 transition: 0.5s;
}

.colors .title.active + ul {
 height: auto;
}

.colors-option {
 list-style-type: none;
 margin: 0;
 padding: 0;
 display: flex;
 flex-wrap: wrap;
}

.colors-option li {
 position: relative;
 margin-right: 2.5px;
}

.colors-option input {
 opacity: 0.01;
 z-index: 100;
 position: absolute;
 top: 0;
 left: 0;
}

.colors-option label {
 font-weight: 600;
 padding: 5px 10px;
 cursor: pointer;
 border-radius: 10px;
}

.colors-option input[type=checkbox]:checked + label,
.colors-option .Checked + label {
 background-color: #000;
 color: #000;
}

.colors-option label {
 width: 22px;
 height: 22px;
 border-radius: 0px;
 padding: 0px;
 margin: 5px 4px;
 border: 3px solid rgba(0, 110, 255, 0.171);
 position: relative;
 border-radius: 50%;
 display: flex;
 justify-content: center;
 align-items: center;
 color: rgba(255, 255, 255, 0.507);
}

.colors-option input[type=checkbox]:checked + label,
.colors-option .Checked + label {
 border-color: rgba(53, 53, 53, 0.521);
}

.colors-option input[type=checkbox]:checked + label::after,
.colors-option .Checked + label::after {
 content: "✓";
 color: white;
}

#sidebar::-webkit-scrollbar {
 display: none;
}

.alphabet-filter a {
 padding: 0px 6px;
 display: inline-block;
 border: 1px solid var(--bg-pp);
 width: 25px;
 margin: 4px 0px;
}

.category {
 list-style-type: none;
 max-height: 500px;
 overflow-x: scroll;
 scroll-behavior: smooth;
 display: list-item;
 padding: 0px;
}

.title-text {
 font-size: 14px;
 text-transform: uppercase;
 font-weight: 600;
 padding: 5px 10px;
}

.category label {
 font-weight: 300;
 cursor: pointer;
 width: 100%;
 margin: 0px;
 font-size: 15px;
 position: relative;
 opacity: 0.7;
}

.category li {
 position: relative;
 margin-right: 2.5px;
 display: flex;
 justify-content: space-between;
 padding: 2px 0px;
 margin: 0px;
 font-family: 'Outfit';
}

img.pro-details {
 width: 100%;
 min-height: 250px;
 max-height: 439px;
 padding: 10px;
}

.instagram-set img {
 width: 95%;
 height: auto;
}

.Getopt input[type=number] {
    width: 35px;
    height: 40px;
    margin: 7px;
    font-size: 20px;
    text-align: center;
    border: 1px solid #b7b7b7;
    -moz-appearance: textfield !important;
    -webkit-appearance: none !important;
    border-radius: 20%;
} 

.Getopt input[type=number]::-webkit-inner-spin-button,
.Getopt input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}