@charset "UTF-8";
/**
    wStore AI-ERP System
    https://www.wcloud.tr 
**/
ul,li,ol,p {margin: 0;padding: 0;list-style: none;} u {text-decoration: underline;} * {margin: 0;padding: 0;vertical-align: none;text-decoration: none;list-style: none;} strong,b {font-weight: 600!important;} a {color: var(--bs-body-color);text-decoration: none;} *:disabled {cursor: not-allowed !important;pointer-events: all;} 
:root {
    --bs-body-bg : #fff;
    --bs-body-color:#293a4a;
    --bs-font-one : "Barlow Condensed";
    --bs-light : #f6f7f8;
    --bs-dark-light : #f0f2f5;
    --bs-box-shadow-xm : 0 1px 6px rgb(0 0 0 / 5%)!important;
    --bs-box-shadow-xs : 0 1px 2px rgba(0, 0, 0, 0.2)!important;
    --bs-info : #007aff!important;
    --bs-info-rgb : 0, 122, 255;
    --bs-text-info : #007aff!important;
    --bs-success : #36B257!important;
    --bs-success-rgb : 54, 178, 87;
    --bs-text-success : rgb(54, 178, 87)!important;
    --bs-warning : #EF7F1A!important;
    --bs-warning-rgb : 239, 127, 26;
    --bs-text-warning : #EF7F1A!important;
    --bs-pink : #e91e63;
    --bs-pink-rgb : 233, 30, 99;
    --bs-effect : all 0.2s ease-in-out;
    --bs-body-line-height: 1.1!important;
    --bs-dropdown-zindex: 99999!important;
}
body {font-family: var(--bs-font-one), sans-serif;font-size: 1.23rem;font-weight: 300;color: var(--bs-body-color);line-height: 1.23;}
body::-webkit-scrollbar {width: 6px;-webkit-overflow-scrolling:touch;}
body::-webkit-scrollbar-track {background: var(--bs-secondary-bg);}
body::-webkit-scrollbar-thumb {background: var(--bs-secondary);}
.header-main .container {display: flex;align-items: center;height: 80px;}
.header-main .logo {display: inline-block;max-width: 300px;height: 70px;}
.header-main .logo > img {width: 100%;height: 100%;filter: drop-shadow(rgba(0,0,0, 0.15) 3px 3px 1px);}
.header-main .opn-canvas {height: 46px;width: 46px;display: grid;place-items: center;font-size: 24px;border-radius: 50%;color: var(--bs-theme-bg);background-color: var(--bs-light);}
.header-main .opn-canvas:hover {color: var(--bs-theme-color);background-color: var(--bs-theme-bg);transition: var(--bs-effect);}
.header-main .head-category {height: 50px;display: flex;align-items: center;background-color: var(--bs-light);color: var(--bs-theme-hv);border-radius: var(--bs-border-radius-pill);font-size: 18px;font-weight: 500;margin-right: 10px;flex-shrink: 0;padding: 0 15px;}
.header-main .head-category:hover {background-color: var(--bs-theme-hv);color: var(--bs-theme-color);transition: var(--bs-effect);}
.header-main .head-category .bi {font-size: 22px;margin-right: 5px;}
.header-main .head-search {position: relative;}
.header-main .head-search .search-btn {position: absolute;top: 5px;right: 5px;height: 40px;width: 40px;display: grid;place-items: center;font-size: 20px;color: var(--bs-theme-bg);border-radius: 50%;}
.header-main .head-search > input {height: 50px;border-radius: var(--bs-border-radius-pill);text-indent: 10px;padding-right: 44px;font-size: 18px;font-weight: 400;z-index: 5;user-select: all!important;}
.header-main .head-search > input:focus {border-color: var(--bs-theme-hv);transition: var(--bs-effect);box-shadow: var(--bs-box-shadow-lg);}
.header-main .head-search > input::placeholder {opacity: 0.5;}
.header-main .head-search .search-path {width: 100%;position: absolute;top: 50px;left: 0;background-color: var(--bs-white);border-radius: var(--bs-border-radius-xl);padding: 10px;z-index: 1050;box-shadow: var(--bs-box-shadow);filter: drop-shadow(rgba(var(--bs-theme-bg-rgb), 0.6) 0px 15px 15px);}
.header-main .head-search .search-path li {width: 100%;display: block;padding: 10px;border-radius: var(--bs-border-radius-xl);border-bottom: 1px dashed var(--bs-border-color);}
.header-main .head-search .search-path li:last-of-type {border-bottom: none!important;}
.header-main .head-search .search-path li:hover {background-color: var(--bs-light);transition: var(--bs-effect);}
.header-main .head-search .search-path .search-img {width: 60px;height: 60px;flex-shrink: 0;overflow: hidden;border-radius: var(--bs-border-radius-lg);}
.header-main .head-search .search-path .search-img > img {width: 100%;height: 100%;object-fit: contain;}
.header-main .head-search .search-path .badge {font-size: 12px;font-weight: 300;border-radius: var(--bs-border-radius-pill);}
.header-main .head-search .search-path .s-title {font-size: 18px;font-weight: 500;color: var(--bs-body-color);display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 3px;}
.header-main .head-search .search-path .s-text {font-size: 18px;font-weight: 300;color: var(--bs-pink);display: flex;}
.header-main .mobil-search {display: none;align-items: center;padding:0 15px 15px;}
@media (max-width: 990px) {
    .mobil-search {display: flex!important;transition: var(--bs-effect);}
}
@media (max-width: 768px) {
    .header-main .col-wh {flex: none!important;width: 100%!important;max-width: 100%!important;}
}
.header-main .head-menu {display: flex;gap: 5px;}
.header-main .head-menu .menu-btn {position: relative;height: 46px;display: flex;align-items: center;padding-left: 5px;padding-right: 15px;border: 1px solid var(--bs-theme-bg);border-radius: var(--bs-border-radius-pill);}
.header-main .head-menu .menu-btn:hover {background-color: var(--bs-theme-hv);color: var(--bs-theme-color);transition: var(--bs-effect);box-shadow: var(--bs-box-shadow);}
.header-main .head-menu .menu-btn .icon {display: grid;place-items: center;width: 36px;height: 36px;background-color: var(--bs-theme-bg);color: var(--bs-theme-color);border-radius: 50%;margin-right: 5px;font-size: 20px;font-weight: 500;}
.header-main .head-menu .menu-btn .title {font-size: 18px;font-weight: 500;}
.header-main .head-menu .menu-btn .badge {position: absolute;top: -5px;right: -5px;background-color: var(--bs-white);color: var(--bs-theme-bg);border: 1px solid var(--bs-theme-bg);border-radius: var(--bs-border-radius-pill);font-size: 12px;}
.header-main .head-menu .dropdown-menu {width: 220px;border-radius: var(--bs-border-radius-xl);padding: 15px;}
.header-main .head-menu .dropdown-menu .btn {border-radius: var(--bs-border-radius-pill);}
.header-main .head-menu .dropdown-menu .dropdown-item {display: flex;align-items: center;height: 40px!important;font-size: 18px;font-weight: 400;color: var(--bs-body-color);border-radius: var(--bs-border-radius-pill);}
.header-main .head-menu .dropdown-menu .dropdown-item .bi {font-size: 20px;color: var(--bs-theme-bg);}
.header-main .head-menu .dropdown-menu .h-btn-success {border-color: var(--bs-success);color: var(--bs-success);background-color: var(--bs-white);}
.header-main .head-menu .dropdown-menu .h-btn-success:hover {border-color: var(--bs-success);color: var(--bs-white);background-color: var(--bs-success);box-shadow: var(--bs-box-shadow);}
.header-main .head-menu .dropdown-menu .h-btn-warning {border-color: var(--bs-warning);color: var(--bs-warning);background-color: var(--bs-white);}
.header-main .head-menu .dropdown-menu .h-btn-warning:hover {border-color: var(--bs-warning);color: var(--bs-white);background-color: var(--bs-warning);box-shadow: var(--bs-box-shadow);}
/** STORY BAR **/
.story-bar {display: flex;padding: 15px;gap: 10px;overflow-x: auto;scrollbar-width: none;-ms-overflow-style: none;scroll-behavior: smooth;justify-content: flex-start;margin-top: -15px;}
.story-bar.no-scroll {justify-content: center;}
.story-bar.dragging {cursor: grabbing;cursor: -webkit-grabbing;user-select: none!important;-webkit-user-select: none!important;}
@media (max-width: 990px) { .story-bar::-webkit-scrollbar {display: none;} }
.story-bar .story-item {flex-shrink: 0;cursor: pointer;text-align: center;}
.story-bar .story-avatar {width: 80px;height: 80px;border-radius: var(--bs-border-radius-pill);border: 2px solid var(--bs-pink);object-fit: cover;transition: transform 0.2s ease;}
.story-bar .story-avatar:hover {transform: scale(1.1);}
.story-viewer {position: fixed;top: 0; left: 0;width: 100vw; height: 100vh;background: rgba(0, 0, 0, 0.95);display: none;align-items: center;justify-content: center;z-index: 9999;flex-direction: column;}
.story-viewer .viewer {position: relative;width: 100%;max-width: 800px;height: 100vh; display: flex;align-items: center;justify-content: center;overflow: hidden;padding: 15px;}
.story-viewer .viewer .story-img {max-width: 100%;max-height: 100%;border-radius: 12px;box-shadow: 0 0 10px #000;opacity: 0;transition: opacity 0.5s ease;object-fit: contain;cursor: pointer;}
.story-viewer .viewer .w-go {position: absolute;bottom: 30px;left: 0;width: 100%;text-align: center;z-index: 3;}
.story-viewer .viewer .w-go .btn {background-color: var(--bs-theme-bg);color: var(--bs-theme-color);border-color: var(--bs-theme-bg);box-shadow: var(--bs-box-shadow);font-size: 20px;font-weight: 500;padding-left: 20px;padding-right: 20px;border-radius: var(--bs-border-radius-pill);}
.story-viewer .story-img.visible {opacity: 1;}
.story-viewer .close-btn {position: absolute;top: 20px;right: 30px;font-size: 28px;color: white;cursor: pointer;z-index: 999;}
@media (max-width: 990px) { .story-viewer .close-btn {top: 15px;right: 15px;} }
.story-viewer .progress-bar {height: 4px;width: 100%;background: rgba(var(--bs-theme-hv-rgb),0.2);position: absolute;top: 0;left: 0;display: flex;}
.story-viewer .progress {height: 100%;background: var(--bs-theme-bg);flex-grow: 1;animation: progress 5s linear forwards;}
@keyframes progress { from { width: 0%; } to { width: 100%; }}
/** BANNER WRAPPER **/
.banner-wrapper {position: relative;width: 100%;height: auto;}
.banner-wrapper .banner-item {width: 100%;height: auto;object-fit: cover;border-radius: var(--bs-border-radius-xl);}
.banner-wrapper .banner-prev, .banner-next {position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;display: grid;place-items: center;z-index: 10;font-size: 1.5rem;cursor: pointer;color: var(--bs-theme-color);background-color: var(--bs-theme-bg);border: 5px solid var(--bs-white);border-radius: 50%;display: none;}
.banner-wrapper .banner-prev, .banner-next:hover {color: var(--bs-theme-color);background-color: var(--bs-theme-hv);transition: var(--bs-effect);}
.banner-wrapper:hover .banner-prev {display: block;}
.banner-wrapper:hover .banner-next {display: block;}
@media (max-width: 990px) { .banner-wrapper .banner-prev, .banner-next {display: none!important;} }
.banner-wrapper .banner-prev { left: -3px; }
.banner-wrapper .banner-next { right: -3px; }
/** SLIDE WRAPPER **/
.slide-wrapper {position: relative;width: 100%;}
.slide-wrapper .slide-title {font-size: 24px;font-weight: 600;color: var(--bs-secondary);}
.slide-wrapper .slide-title .btm-warning {padding-bottom: 5px;border-bottom: 2px solid var(--bs-warning);}
.slide-wrapper .slide-title .btm-ons {padding-bottom: 5px;border-bottom: 2px solid var(--bs-theme-bg);}
.slide-wrapper .slide-title .btm-success {padding-bottom: 5px;border-bottom: 2px solid var(--bs-success);}
.slide-wrapper .slide-title > a {font-size: 18px;font-weight: 500;color: var(--bs-theme-hv);}
.slide-wrapper .prev,
.slide-wrapper .next {position: absolute;top: 50%;transform: translateY(-50%);font-size: 20px;cursor: pointer;z-index: 5;height: 46px;width: 46px;display: grid;place-items: center;border: 1px solid var(--bs-border-color);background-color: var(--bs-white);color: var(--bs-body-color);border-radius: 50%;}
.slide-wrapper .prev:hover,
.slide-wrapper .next:hover {background-color: rgba(var(--bs-theme-hv-rgb), 0.5);color: var(--bs-theme-color);transition: var(--bs-effect);-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);box-shadow: var(--bs-box-shadow);}
.slide-wrapper .prev {left: -5px;}
.slide-wrapper .next {right: -5px;}
.slide-wrapper .slide-inner {display: flex;overflow-x: auto;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;box-sizing: border-box;}
.slide-inner.dragging {scroll-behavior: auto !important;cursor: grabbing;}
.slide-wrapper .slide-inner::-webkit-scrollbar {display: none;}
.slide-wrapper .slide-inner.dragging {cursor: grabbing;user-select: none;}
.slide-wrapper .slide-inner .slide-item {flex-shrink: 0;box-sizing: border-box;user-select: none!important;-webkit-user-select: none!important;}
@media (max-width: 768px) {
.slide-wrapper .slide-inner {scroll-snap-type: x mandatory;}
.slide-wrapper .slide-inner .slide-item {max-width: 240px;min-width: 240px;scroll-snap-align: start;}
.slide-wrapper .prev,
.slide-wrapper .next {display: none;}
}
/** ADVERT WRAPPER **/
.advert-wrapper .adv-item {position: relative;width: 100%;height: auto;object-fit: contain;border-radius:var(--bs-border-radius-xl);display: block;overflow: hidden;}
.advert-wrapper .adv-item > img {width: 100%;height: 100%;border-radius:var(--bs-border-radius-xl);}
.advert-wrapper .adv-item .adv-title {position: absolute;bottom: 0px;left: 0;width: 100%;height: 40px;display: grid;place-items: center;background-color: rgba(var(--bs-secondary-rgb), 0.6);color: var(--bs-theme-color);font-size: 19px;font-weight: 500;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);}
/** PRODUCT CONTAINER **/
.product-container .product-header > img {width: 60px;height: 60px;border-radius: var(--bs-border-radius-xl);overflow: hidden;object-fit: cover;}
.product-container .product-header .title {font-size: 30px;font-weight: 600;color: var(--bs-body-color);}
.product-container .product-header .title span {font-size: 16px;font-weight: 300;color: var(--bs-secondary);}
.product-container .product-header .text {font-size: 16px;font-weight: 300;color: var(--bs-secondary);}
.product-container .product-header .dropdown .btn {font-size: 18px;font-weight: 400;border: 1px solid var(--bs-border-color);border-radius: var(--bs-border-radius-pill);}
.product-container .product-nav {background-color: var(--bs-light);}
.product-container .product-nav .container {height: 60px;display: flex;align-items: center;}
.product-container .product-nav .nav-menu {display: flex;overflow-x: auto;scroll-behavior: smooth;scrollbar-width: none;-ms-overflow-style: none;gap: 8px;}
.product-container .product-nav .nav-menu::-webkit-scrollbar {display: none;}
.product-container .product-nav .prev, .next {display: none;flex-shrink: 0;background: transparent;border: none;font-size: 22px;cursor: pointer;transition: var(--bs-effect);width: 30px;height: 30px;place-items: center;background-color: var(--bs-theme-bg);color: var(--bs-theme-color);border-radius: var(--bs-border-radius-pill);box-shadow: var(--bs-box-shadow);}
.product-container .product-nav .prev:hover, .next:hover {background-color: var(--bs-theme-hv);color: var(--bs-theme-color);transition: var(--bs-effect);}
.product-container .product-nav .prev {margin-left: -5px;}
.product-container .product-nav .next {margin-right: -5px;}
.product-container .product-nav .nav-item {font-size: 18px;font-weight: 400;height: 44px;display: flex;flex-shrink: 0;text-wrap: nowrap;background-color: var(--bs-white);border: 1px solid var(--bs-border-color);border-radius: var(--bs-border-radius-lg);padding: 0 15px;align-items: center;}
.product-container .product-nav .nav-item:hover {border-color: var(--bs-theme-bg);transition: var(--bs-effect);}
.product-container .product-nav .nav-item .bi {width: 17px;height: 17px;font-size: 14px;display: none;}
.product-container .product-nav .nav-item.active {position: relative;border: 1px solid var(--bs-theme-bg);color: var(--bs-theme-hv);font-weight: 500;}
.product-container .product-nav .nav-item.active .bi {position: absolute;top: 0;right: 0;background-color: var(--bs-theme-bg);color: var(--bs-theme-color);display: grid!important;place-items: center;border-top-right-radius: var(--bs-border-radius);border-bottom-left-radius: var(--bs-border-radius-lg);}
.product-container .bread {background-color: rgba(var(--bs-light-rgb), 0.8);}
.product-container .bread .breadcrumb {padding-top: 10px;padding-bottom: 10px;margin-bottom: 0!important;}
.product-container .bread .breadcrumb .breadcrumb-item {font-size: 16px;font-weight: 400;}
.product-container .bread .breadcrumb .breadcrumb-item a {font-size: 16px;font-weight: 500;}
.product-container .loadMore {height: 40px;display: flex;padding: 0 15px;align-items: center;background-color: var(--bs-theme-bg);color: var(--bs-theme-color);border-radius: var(--bs-border-radius-pill);border:none}
.product-container .product-no {display: flex;flex-direction: column;align-items: center;justify-content: center;}
.product-container .product-no .icon {width: 80px;height: 80px;color:var(--bs-white);background-color: var(--bs-warning);border-radius: 50%;display: grid;place-items: center;font-size: 28px;}
.product-container .product-no .title {text-align: center;font-size: 24px;font-weight: 600;}
.product-container .product-no .text {text-align: center;font-size: 18px;font-weight: 300;color: var(--bs-secondary);}
.product-container .image-body {width: 100%;max-width: 700px;position: relative;}
.product-container .image-body .image-list {width: 100%;max-height: 600px;display: flex;align-items: center;justify-content: center;overflow: hidden; cursor: grab;border-radius: var(--bs-border-radius-xl);border: 2px solid var(--bs-light);padding: 15px;}
@media (max-width: 990px) {.product-container .image-body {max-width: 100%;transition: var(--bs-effect);}
}
@media (max-width: 768px) {.product-container .image-body .image-list {max-width: 100%;height: 350px;transition: var(--bs-effect);}}
.product-container .image-body .image-list .img-item {cursor: zoom-in;max-width: 100%;max-height: 100%;object-fit: contain;transition: transform 0.25s ease;will-change: transform;transition: transform 0.3s ease, opacity 0.3s ease;}
.product-container .image-body .slide-left {animation: slideLeft 0.3s ease;}
.product-container .image-body .slide-right {animation: slideRight 0.3s ease;}
@keyframes slideLeft {0% {transform: translateX(100%);opacity: 0;}100% {transform: translateX(0%);opacity: 1;}}
@keyframes slideRight {0% {transform: translateX(-100%);opacity: 0;}100% {transform: translateX(0%);opacity: 1;}}
.product-container .image-body .image-tump-list {position: absolute;bottom: 0;left: 0;display: flex;align-items: center;width: 100%;height: 100px;gap: 8px;overflow-x: auto;scroll-behavior: smooth;scroll-snap-type: x mandatory;padding: 0 10px;cursor: grab;}
.product-container .image-body .image-tump-list::-webkit-scrollbar {display: none;}
.product-container .image-body .image-tump-list .tump-item {flex-shrink: 0;width: 60px;height: 60px;object-fit: cover;border-radius: var(--bs-border-radius-lg);border: 2px solid var(--bs-border-color);opacity: 0.8;cursor: pointer;}
.product-container .image-body .image-tump-list .tump-item:hover {opacity: 1;border-color: var(--bs-theme-hv);transition: var(--bs-effect);}
.product-container .image-body .image-tump-list .tump-item.active {border-color: var(--bs-theme-bg)!important;}
.product-container .product-content {background-color: var(--bs-light);border-radius: var(--bs-border-radius-xl);}
.product-container .product-content .title {font-size: 32px;font-weight: 500;color: var(--bs-body-color);}
.product-container .product-content .code {font-size: 18px;font-weight: 300;color: var(--bs-secondary);}
@media (max-width: 768px) {
.product-container .product-content .title {font-size: 28px;}
.product-container .product-content .code {font-size: 16px;}
}
.product-container .product-content .badge-webp {display: inline-flex;align-items: center;height: 32px;font-size: 16px;font-weight: 500;padding: 0 12px;}
.product-container .product-content .price {display: flex;align-items: center;}
.product-container .product-content .price .sales {font-size: 28px;font-weight: 600;color:var(--bs-theme-text);}
.product-container .product-content .price .sales span {font-size: 22px;font-weight: 500;}
.product-container .product-content .price .disc-sales {font-size: 20px;font-weight: 300;color:var(--bs-secondary);text-decoration: line-through;}
.product-container .product-content .price .bubble {width: 58px;height: 58px;background-color: var(--bs-pink);border-radius: 50%;position: relative;display: flex;align-items: center;justify-content: center;color: var(--bs-white);text-align: center;font-size: 14px;margin-right: 10px;}
.product-container .product-content .price .bubble::after {content: '';position: absolute;bottom: 3px;right: 7px;width: 12px;height: 12px;background-color: var(--bs-pink);clip-path: polygon(0 100%, 100% 100%, 100% 0);}
.product-container .product-content .price .bubble-text .txt-h1 {font-size: 22px;font-weight: 500;}
.product-container .product-content .price .bubble-text .txt-h1 span {font-size: 16px;font-weight: 300;}
.product-container .product-content .variant .btn-outline-webp {font-size: 19px;font-weight: 500;border-radius: var(--bs-border-radius-lg);}
.product-container .product-content .addBox .stock-num {display: flex;align-items: center;}
.product-container .product-content .addBox .stock-num .inum {width: 50px;height: 50px;font-size: 20px;font-weight: 500;text-align: center;color: var(--bs-body-color);background-color: var(--bs-white);border: none!important;box-shadow: none!important;padding-left: 0;padding-right: 0;appearance: textfield;border-top: 1px solid var(--bs-border-color)!important;border-bottom: 1px solid var(--bs-border-color)!important;}
.product-container .product-content .addBox .stock-num .inum:focus {border: none!important;box-shadow: none!important;}
.product-container .product-content .addBox .stock-num .inum::-webkit-inner-spin-button,
.product-container .product-content .addBox .stock-num .inum::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
.product-container .product-content .addBox .stock-num .down {font-size: 18px;width: 40px;height: 50px;border-top-left-radius: var(--bs-border-radius-pill);border-bottom-left-radius: var(--bs-border-radius-pill);background-color: var(--bs-white);border: 1px solid var(--bs-border-color);}
.product-container .product-content .addBox .stock-num .up {font-size: 18px;width: 40px;height: 50px;border-top-right-radius: var(--bs-border-radius-pill);border-bottom-right-radius: var(--bs-border-radius-pill);background-color: var(--bs-white);border: 1px solid var(--bs-border-color);}
.product-container .product-content .addBox .stock-num .up:hover,
.product-container .product-content .addBox .stock-num .down:hover {background-color: var(--bs-secondary);color: var(--bs-white);transition: var(--bs-effect);}
.product-container .product-content .addBox .disabled {opacity: 0.5;background-color: var(--bs-theme-bg);color: var(--bs-theme-color);cursor: not-allowed!important;}
.product-container .product-content .msg-sales {display: flex;align-items: center;gap: 10px;}
.product-container .product-content .msg-sales .btn-whatsapp {display: flex;align-items: center;color: var(--bs-white);background-color: #25d366;padding: 10px;border-radius: var(--bs-border-radius-xl);}
.product-container .product-content .msg-sales .btn-telegram {display: flex;align-items: center;color: var(--bs-white);background-color: #24A1DE;padding: 10px 15px;border-radius: var(--bs-border-radius-xl);}
.product-container .product-content .msg-sales .btn-whatsapp:hover, 
.product-container .product-content .msg-sales .btn-telegram:hover {opacity: 0.8;transition:var(--bs-effect);box-shadow: var(--bs-box-shadow);}
.product-container .product-content .msg-sales .icon {font-size: 28px;}
.product-container .product-content .msg-sales .txt-h1 {font-size: 19px;font-weight: 600;}
.product-container .product-content .msg-sales .txt-p {font-size: 14px;font-weight: 300;}
.product-container .product-content .share .sh-link {height: 36px;display: flex;align-items: center;font-size: 16px;font-weight: 500;background-color: var(--bs-white);border-radius: var(--bs-border-radius-pill);padding: 0 10px;display: inline-flex;}
.product-container .product-content .share .sh-link:hover {background-color: var(--bs-secondary);color: var(--bs-white);transition: var(--bs-effect);}
.product-container .product-content .docs-btn {background-color: var(--bs-secondary);color: var(--bs-white);border-radius: var(--bs-border-radius-xl);display: inline-flex;align-items: center;padding: 15px;}
.product-container .product-content .docs-btn:hover {background-color: var(--bs-pink);box-shadow: var(--bs-box-shadow);transition: var(--bs-effect);}
.product-container .product-content .docs-btn .bi {font-size: 24px;}
.product-container .product-content .docs-btn .db-title {font-size: 18px;font-weight: 500;color: var(--bs-white);}
.product-container .product-content .docs-btn .db-title > span {display: block;font-size: 12px;font-weight: 300;}
/** PRODUCT ITEM **/
.product-card {position: relative;display: flex;flex-direction: column;min-width: 0;color: var(--bs-body-color);word-wrap: break-word;background-clip: border-box;border: 1px solid var(--bs-border-color);border-radius: var(--bs-border-radius-xl);padding: 15px;}
.product-card:hover {border-color: var(--bs-theme-hv);box-shadow: var(--bs-box-shadow);transition: var(--bs-effect);}
.product-card .card-img {width: 100%;height: 220px;display: flex;align-items: center;justify-content: center;border-radius: var(--bs-border-radius-lg);}
@media (max-width: 576px) {
    .product-card {
        border-radius: var(--bs-border-radius-lg);
    }
    .product-card .card-img {
        height: 160px;
        transition: var(--bs-effect);
    }
}
.product-card .card-img .full {width: 100%;height: 100%;object-fit: cover;border-radius: var(--bs-border-radius-lg);}
.product-card .card-img .fix {width: 100%;height: 100%;object-fit: contain;border-radius: var(--bs-border-radius-lg);}
.product-card .card-body {flex: 1 1 auto;}
.product-card .card-body .card-title {font-size: 20px;font-weight: 400;color: var(--bs-body-color);display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.product-card .card-body .card-code {font-size: 16px;font-weight: 400;color: var(--bs-secondary);}
.product-card .card-variant {position: absolute;top: 55px;right: 10px;width: 36px;height: 36px;display: grid;place-items: center;z-index: 2;background-color: rgba(var(--bs-theme-text-rgb), 0.7);color: var(--bs-theme-color);filter: drop-shadow(var(--bs-theme-text) 0px 0px 10px);border-radius: var(--bs-border-radius-pill);border: 1px solid var(--bs-success);}
.product-card .card-fav {position: absolute;top: 10px;right: 10px;width: 36px;height: 36px;padding-top: 9px;text-align: center;border: 1px solid var(--bs-border-color);border-radius: 50%;background-color: var(--bs-white);color: var(--bs-pink);filter: drop-shadow(rgba(var(--bs-pink-rgb), 0.3) 0px 0px 5px);font-size: 18px;z-index: 2;cursor: pointer;}
.product-card .card-fav:hover {background-color: var(--bs-pink);border-color: var(--bs-pink);color: var(--bs-white);box-shadow: var(--bs-box-shadow);transition: var(--bs-effect);}
.product-card .card-bubble {position: absolute;top: 15px;left: 15px;z-index: 2;}
.product-card .bubble {width: 60px;height: 60px;background-color: var(--bs-pink);border-radius: 50%;position: relative;display: flex;align-items: center;justify-content: center;color: var(--bs-white);text-align: center;font-size: 12px;}
.product-card .bubble::after {content: '';position: absolute;bottom: 3px;right: 7px;width: 12px;height: 12px;background-color: var(--bs-pink);clip-path: polygon(0 100%, 100% 100%, 100% 0);}
.product-card .bubble-text .txt-h1 {font-size: 20px;font-weight: 500;}
.product-card .bubble-text .txt-h1 span {font-size: 16px;font-weight: 300;}
.product-card .card-footer {display: flex;align-items: end;height: 70px;}
.product-card .card-footer .price .sales{font-size: 24px;font-weight: 500;color: var(--bs-theme-text);}
.product-card .card-footer .price .sales span {font-size: 20px;font-weight: 400;}
.product-card .card-footer .price .disc-sales{font-size: 18px;font-weight: 500;color: var(--bs-secondary);text-decoration: line-through;}
.product-card .card-footer .card-new {background-color: rgba(var(--bs-warning-rgb), 0.2);color: var(--bs-warning);font-size: 14px;font-weight: 500;padding: 10px;border-radius: var(--bs-border-radius-xl) var(--bs-border-radius-xl) 0px;display: inline-block;}
.product-card .card-addBox {display: none;position: absolute;bottom: 0;left: 0;width: 100%;padding: 10px 15px 15px;text-align: center;background-color: var(--bs-body-bg);border-bottom-left-radius: var(--bs-border-radius-xl);border-bottom-right-radius: var(--bs-border-radius-xl);z-index: 2;}
.product-card .card-addBox .price {font-size: 24px;font-weight: 600;color: var(--bs-theme-text);}
.product-card .card-addBox .price span{font-size: 20px;font-weight: 400;}
.product-card .card-addBox .btn {font-size: 18px;font-weight: 300;color: var(--bs-theme-color);border-color: var(--bs-theme-color);background-color: var(--bs-theme-bg);border-radius: var(--bs-border-radius-pill);padding-left: 20px;padding-right: 20px;}
.product-card:hover .card-addBox{display: block;transition: var(--bs-effect);}
.product-card .no-stock {position: absolute;top: 150px;left: 0px;width: 100%;background-color: var(--bs-secondary);color: var(--bs-white);padding: 10px;text-align: center;font-size: 20px;font-weight: 600;}
@media (max-width: 768px) {
.product-card .card-addBox .btn {padding-left: 10px;padding-right: 10px;}
.product-card .card-footer .card-new {position: absolute;top: 140px;right: 15px;}
.product-card .bubble {width: 50px;height: 50px;}
.product-card .bubble::after {content: '';position: absolute;bottom: 3px;right: 7px;width: 12px;height: 12px;background-color: var(--bs-pink);clip-path: polygon(0 100%, 100% 100%, 100% 0);}
.product-card .bubble-text .txt-h1 {font-size: 18px;}
.product-card .bubble-text .txt-h1 span {font-size: 12px;}
}
/** PAGES CONTAINER **/
.pages-container .page-nav {position: relative;width: 100%;max-width: 260px;}
.pages-container .page-nav .page-menu {position: sticky;top: 15px;}
.pages-container .page-nav .page-menu .menu-item > a {height: 46px;background-color: var(--bs-light);border-radius: var(--bs-border-radius-lg);display: flex;align-items: center;padding: 0 15px;}
.pages-container .page-nav .page-menu .menu-item > a:hover {background-color: var(--bs-theme-bg);color: var(--bs-theme-color);transition: var(--bs-effect);}
.pages-container .page-nav .page-menu .menu-item.active > a {background-color: var(--bs-theme-bg);color: var(--bs-theme-color);}
.pages-container .page-nav .page-menu .menu-item {margin-bottom: 5px;}
.pages-container .page-nav .page-menu .menu-item:last-child {margin-bottom: 0 !important;}
@media (max-width: 990px) {
.pages-container .page-nav {max-width: 100%!important;}
.pages-container .page-nav .page-menu {width: 100%!important;display: flex;overflow-x: auto;gap: 5px;}
.pages-container .page-nav .page-menu .menu-item > a {height: 60px;flex-shrink: 0;text-wrap: nowrap;}
}
.pages-container .bread {background-color: rgba(var(--bs-light-rgb), 0.8);}
.pages-container .bread .breadcrumb {padding-top: 10px;padding-bottom: 10px;margin-bottom: 0!important;}
.pages-container .bread .breadcrumb .breadcrumb-item {font-size: 16px;font-weight: 400;}
.pages-container .bread .breadcrumb .breadcrumb-item a {font-size: 16px;font-weight: 500;}
.pages-container .page-no {display: flex;flex-direction: column;align-items: center;justify-content: center;}
.pages-container .page-no .icons {width: 80px;height: 80px;color:var(--bs-white);background-color: var(--bs-warning);border-radius: 50%;display: grid;place-items: center;}
.pages-container .page-no .icons > i {font-size: 75px!important;}
.pages-container .page-no .title {text-align: center;font-size: 28px;font-weight: 600;}
.pages-container .page-no .text {text-align: center;font-size: 18px;font-weight: 300;color: var(--bs-secondary);}
.pages-container .contact-page {max-width: 1199px!important;}
.pages-container .contact-page .page-top {position: relative;display: flex;align-items: center;background-color: rgba(var(--bs-secondary-rgb), 0.3);border-radius: var(--bs-border-radius-xl);overflow: hidden;}
.pages-container .contact-page .page-top .title {min-width: 150px;font-size: 36px;font-weight: 600;color: var(--bs-body-color);flex-shrink: 0;}
.pages-container .contact-page .page-top .text {font-size: 20px;font-weight: 300;color: var(--bs-body-color);}
.pages-container .contact-page .page-top .icon {position: relative;right: -35px;bottom: -35px;font-size: 200px;color: var(--bs-body-bg);transform: rotate(-15deg);line-height: 1;filter: drop-shadow(rgba(var(--bs-secondary-rgb), 0.7) 3px 7px 0px);}
.pages-container .contact-page .map {width: 100%;height: 400px;overflow: hidden;border-radius: var(--bs-border-radius-xl);}
.pages-container .contact-list .contact-item {border-radius: var(--bs-border-radius-xl);border: 1px solid var(--bs-border-color);padding: 20px;}
.pages-container .contact-list .contact-item .title {font-size: 16px;font-weight: 500;color: var(--bs-secondary);}
.pages-container .contact-list .contact-item .text {font-size: 21px;font-weight: 400;color: var(--bs-body-color);}
.pages-container .order-view {border: 2px solid var(--bs-border-color);border-radius: var(--bs-border-radius-xl);}
.pages-container .order-view .order-title {font-size: 28px;font-weight: 500;color: var(--bs-body-color);}
.pages-container .order-view .order-text {font-size: 18px;font-weight: 300;color: var(--bs-secondary);}
.pages-container .order-view .form-control {font-size: 19px;font-weight: 400;background-color: var(--bs-light);height: 48px;}
.pages-container .order-view .form-control:focus {border: 1px solid var(--bs-theme-bg);box-shadow: var(--bs-box-shadow);transition: var(--bs-effect);}
.pages-container .order-view .btn {font-size: 19px;font-weight: 400;height: 48px;}
.pages-container .blog-body .title {font-size: 28px;font-weight: 600;color: var(--bs-body-color);}
.pages-container .blog-body .text {font-size: 17px;font-weight: 300;color: var(--bs-secondary);}
.pages-container .blog-body .blog-img {width: 100%;max-width: 500px;}
.pages-container .blog-body .blog-img > img {width: 100%;height: auto;}
@media (max-width: 990px) {.pages-container .blog-body .blog-img {max-width: 300px;transition: var(--bs-effect);}}
@media (max-width: 768px) {.pages-container .blog-body .blog-img {max-width: 100%;transition: var(--bs-effect);}}
.pages-container .blog-share {display: flex;justify-content: center;}
.pages-container .blog-share a {width: 40px;height: 40px;display: grid;place-items: center;color: var(--bs-body-color);font-size: 22px;opacity: 0.5;}
.pages-container .blog-share a:hover {opacity: 1;transition: var(--bs-effect);}
.pages-container .blog-list .blg-item {position: relative;border: 1px solid var(--bs-border-color);border-radius: var(--bs-border-radius-lg);}
.pages-container .blog-list .blg-item .blg-img {height: 240px;overflow: hidden;}
.pages-container .blog-list .blg-item .blg-img > img {width: 100%;height: 100%;object-fit: cover;}
@media (max-width: 768px) {.pages-container .blog-list .blg-item .blg-img {height: 180px;transition: var(--bs-effect);}}
.pages-container .blog-list .blg-item .blg-body {padding: 15px;flex: 1 1 auto;}
.pages-container .blog-list .blg-item .blg-body .title {font-size: 24px;font-weight: 500;color: var(--bs-body-color);display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 15px;}
.pages-container .blog-list .blg-item .blg-body .text {font-size: 18px;font-weight: 300;color: var(--bs-secondary);display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.pages-container .blog-list .blg-item .blg-footer {padding: 0px 15px 15px;display: flex;align-items: end;}
.pages-container .blog-list .blg-item .blg-footer .btn {padding: 5px 15px;border-radius: var(--bs-border-radius-pill);font-size: 18px;font-weight: 500;color: var(--bs-white);background-color: var(--bs-warning);box-shadow: var(--bs-box-shadow);}
/** TABS **/
.tabs-container {background-color: var(--bs-light);border-radius: var(--bs-border-radius-xl);}
.tabs-container .tabs-header {display: flex;align-items: center;cursor: pointer;}
.tabs-container .tabs-header .title {font-size: 22px;font-weight: 500;color: var(--bs-secondary);}
.tabs-container .tabs-body {border-top: 2px dashed var(--bs-white);display: none;}
.tabs-container .tabs-body a {font-weight: 500;color: var(--bs-theme-bg);}
.tabs-container .tabs-body a:hover {text-decoration: underline;transition: var(--bs-effect);}
/** ORDER BOX **/
.order-boxed .box-header .title {font-size: 28px;font-weight: 500;color: var(--bs-body-color);}
.order-boxed .box-header .sm-text {font-size: 16px;font-weight: 300;color: var(--bs-secondary);}
.order-boxed .alert {background-color: rgba(var(--bs-warning-rgb), 0.1);border:1px solid var(--bs-warning);color: var(--bs-warning);font-size: 19px;font-weight: 400;}
.order-boxed .alert .alert-link {color: var(--bs-warning);}
.order-boxed .box-list .box-item {border: 1px solid var(--bs-border-color);border-radius: var(--bs-border-radius-xl);padding: 15px;}
.order-boxed .box-list .box-item:hover {border-color: var(--bs-theme-bg);transition: var(--bs-effect);box-shadow: var(--bs-box-shadow);}
.order-boxed .box-list .box-item .box-img {width: 70px;height: 70px;border-radius: var(--bs-border-radius-lg);overflow: hidden;flex-shrink: 0;}
.order-boxed .box-list .box-item .box-img > img {width: 100%;height: 100%;object-fit: contain;}
.order-boxed .box-list .box-item .txt-h1 {font-size: 20px;font-weight: 500;color: var(--bs-body-color);}
.order-boxed .box-list .box-item .txt-h1 span {font-size: 18px;font-weight: 300;font-style: italic;color: var(--bs-pink);}
.order-boxed .box-list .box-item .txt-p {font-size: 16px;font-weight: 300;color: var(--bs-secondary);}
.order-boxed .box-list .box-item .badge {font-size: 14px;font-weight: 300;color: var(--bs-white);background-color: var(--bs-pink);border-radius: var(--bs-border-radius-pill);}
.order-boxed .box-list .box-item .stock-status {display: flex;align-items: center;}
.order-boxed .box-list .stock-status .inum {width: 40px;height: 40px;font-size: 20px;font-weight: 500;text-align: center;color: var(--bs-body-color);background-color: var(--bs-white);border: none!important;box-shadow: none!important;padding-left: 0;padding-right: 0;appearance: textfield;border-top: 1px solid var(--bs-border-color)!important;border-bottom: 1px solid var(--bs-border-color)!important;}
.order-boxed .box-list .box-item .stock-status .inum:focus {border: none!important;box-shadow: none!important;}
.order-boxed .box-list .box-item .stock-status .inum::-webkit-inner-spin-button,
.order-boxed .box-list .box-item .stock-status .inum::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
.order-boxed .box-list .box-item .stock-status .down {font-size: 18px;width: 40px;height: 40px;border-top-left-radius: var(--bs-border-radius-pill);border-bottom-left-radius: var(--bs-border-radius-pill);background-color: var(--bs-white);border: 1px solid var(--bs-border-color);}
.order-boxed .box-list .box-item .stock-status .up {font-size: 18px;width: 40px;height: 40px;border-top-right-radius: var(--bs-border-radius-pill);border-bottom-right-radius: var(--bs-border-radius-pill);background-color: var(--bs-white);border: 1px solid var(--bs-border-color);}
.order-boxed .box-list .box-item .stock-status .up:hover,
.order-boxed .box-list .box-item .stock-status .down:hover {background-color: var(--bs-secondary);color: var(--bs-white);transition: var(--bs-effect);}
.order-boxed .box-list .box-item .price .stock-price {font-size: 16px;font-weight: 300;color: var(--bs-secondary);padding-right: 12px;}
.order-boxed .box-list .box-item .price .sales-price{font-size: 22px;font-weight: 500;color: var(--bs-success);}
.order-boxed .box-list .box-item .price .sales-price > span {font-size: 19px;font-weight: 300;}
.order-boxed .box-list .box-item .delete {width: 30px;height: 30px;display: grid;place-items: center;background-color: var(--bs-pink);color: var(--bs-white);font-size: 18px;border-radius: 50%;}
.order-boxed .box-list .box-item .delete:hover {background-color: var(--bs-secondary);transition: var(--bs-effect);}
.order-boxed .null-box .icons {width: 100px;height: 100px;display: grid;place-items: center;border-radius: 50%;background-color: var(--bs-pink);color: var(--bs-white);font-size: 40px;}
.order-boxed .null-box .null-title {font-size: 30px;font-weight: 500;color: var(--bs-body-color);}
.order-boxed .null-box .null-text {font-size: 18px;font-weight: 300;color: var(--bs-secondary);}
.order-boxed .box-stun {position: relative;width: 100%;max-width: 350px;}
@media (max-width: 990px) {.order-boxed .box-stun {max-width: 100%!important;}}
.order-boxed .box-stun .stun-body {position: sticky;top: 15px;}
.order-boxed .box-stun .stun-body .body-title {font-size: 26px;font-weight: 600;color: var(--bs-body-color);}
.order-boxed .box-stun .stun-body .bd-item {font-size: 18px;font-weight: 300;padding: 10px 0;}
.order-boxed .box-stun .stun-body .bd-item strong {font-weight: 500!important;display: inline-block;width: 150px;}
.order-boxed .box-stun .stun-body .bd-item strong > span {font-size: 16px;font-weight: 300!important;}
.order-boxed .box-stun .stun-body .bd-item .price {font-size: 20px;font-weight: 400;}
.order-boxed .box-stun .stun-body .total-item .txt-top {font-size: 18px;font-weight: 300;margin-bottom: 6px;}
.order-boxed .box-stun .stun-body .total-item .txt-top > strong {font-size: 19px;font-weight: 500;}
.order-boxed .box-stun .stun-body .total-item .price {font-size: 26px;font-weight: 500;color: var(--bs-theme-text);}
.order-boxed .box-stun .stun-body .total-item .price > span {font-size: 24px;font-weight: 400;}
.order-boxed .box-stun .stun-body .total-item .price > .txt-sm {font-size: 16px;font-weight: 500;color: var(--bs-secondary);}
.order-boxed .box-stun .stun-body .form-control {background-color: var(--bs-light);color: var(--bs-body-color);font-size: 18px;font-weight: 500;}
.order-boxed .box-stun .stun-body .form-control:focus {background-color: var(--bs-dark-light);color: var(--bs-body-color);box-shadow: var(--bs-box-shadow);border-color: var(--bs-theme-hv);}
.order-boxed .box-stun .stun-body .form-control::placeholder {font-size: 18px;font-weight: 300;opacity: 0.6;}
.order-boxed .address .addr-item {border: 2px dashed var(--bs-success);background-color: rgba(var(--bs-success-rgb), 0.2);border-radius: var(--bs-border-radius-xl);padding: 15px;color: var(--bs-success);cursor: pointer;}
.order-boxed .address .addr-item:hover {border: 2px dashed var(--bs-pink);background-color: rgba(var(--bs-pink-rgb), 0.2);transition: var(--bs-effect);color: var(--bs-pink)!important;}
.order-boxed .address .addr-item .nan-title {font-size: 18px;font-weight: 600;}
.order-boxed .address .addr-item .nan-text {display: grid;place-items: center;height: 80px;font-size: 20px;font-weight: 500;color: var(--bs-body-color);}
.order-boxed .address .addr-item-on {background-color: var(--bs-light);border-radius: var(--bs-border-radius-xl);padding: 15px;color: var(--bs-body-color);}
.order-boxed .address .addr-item-on .on-title {font-size: 18px;font-weight: 600;color: var(--bs-success);}
.order-boxed .address .addr-item-on .on-btn-info {font-size: 16px;font-weight: 500;color: var(--bs-white);background-color: var(--bs-info);border-radius: var(--bs-border-radius-pill);padding: 5px 15px;}
/* Genel kutu stilleri */
.order-boxed .cargo .carg-item { display: flex; align-items: center; padding: 15px; margin-bottom: -1px; cursor: pointer; transition: background-color 0.3s ease; border: 1px solid var(--bs-gray-400); border-radius: 0;}
.order-boxed .cargo .carg-item:hover {background-color: rgba(var(--bs-theme-bg-rgb), 0.2);}
.order-boxed .cargo .last-item:first-child .carg-item {border-top-left-radius: var(--bs-border-radius-xl);border-top-right-radius: var(--bs-border-radius-xl);}
.order-boxed .cargo .last-item:last-child .carg-item {margin-bottom: 0;border-bottom-left-radius: var(--bs-border-radius-xl);border-bottom-right-radius: var(--bs-border-radius-xl);}
.order-boxed .cargo .last-item:only-child .carg-item {border-radius: var(--bs-border-radius-xl);}
.order-boxed .cargo input[type="radio"]:checked + .carg-item {background-color: rgba(var(--bs-theme-bg-rgb), 0.2);border: 1px solid var(--bs-theme-bg);position: relative;z-index: 1;}
.order-boxed .cargo .carg-item .check {height: 50px;display: flex;align-items: center;margin-right: 14px;font-size: 24px;flex-shrink: 0;transition: color 0.3s ease, opacity 0.3s ease;}
.order-boxed .cargo .carg-item .icon-check {color: var(--bs-secondary);opacity: 0.2;}
.order-boxed .cargo input[type="radio"]:checked + .carg-item .icon-check {color: var(--bs-theme-bg);opacity: 1;}
.order-boxed .cargo input[type="radio"]:checked + .carg-item .carg-title {color: var(--bs-theme-bg);}
.order-boxed .cargo .carg-item .carg-title {display: flex;align-items: center;font-size: 21px;font-weight: 500;color: var(--bs-body-color);}
.order-boxed .cargo .carg-item .carg-title .price {font-size: 18px;font-weight: 500;color: var(--bs-success);}
.order-boxed .cargo .carg-item .carg-text {font-size: 14px;font-weight: 300;color: var(--bs-secondary);}
.order-boxed .paymnt .paym-item {display: flex; align-items: center; padding: 15px; margin-bottom: -1px; cursor: pointer; transition: background-color 0.3s ease; border: 1px solid var(--bs-gray-400); border-radius: 0;}
.order-boxed .paymnt .last-item:first-child .paym-item {border-top-left-radius: var(--bs-border-radius-xl);border-top-right-radius: var(--bs-border-radius-xl);}
.order-boxed .paymnt .last-item:last-child .paym-item {margin-bottom: 0;border-bottom-left-radius: var(--bs-border-radius-xl);border-bottom-right-radius: var(--bs-border-radius-xl);}
.order-boxed .paymnt .last-item:only-child .paym-item {border-radius: var(--bs-border-radius-xl);}
.order-boxed .paymnt .paym-item:hover {background-color: rgba(var(--bs-theme-bg-rgb), 0.1);transition: background-color 0.3s ease;}
.order-boxed .paymnt .paym-item .check {height: 50px;display: flex;align-items: center;margin-right: 14px;font-size: 24px;flex-shrink: 0;transition: color 0.3s ease, opacity 0.3s ease;}
.order-boxed .paymnt .paym-item .icon-check {color: var(--bs-secondary);opacity: 0.2;}
.order-boxed .paymnt input[type="radio"]:checked + .paym-item {background-color: rgba(var(--bs-theme-bg-rgb), 0.2);border: 1px solid var(--bs-theme-bg);position: relative;z-index: 1;}
.order-boxed .paymnt input[type="radio"]:checked + .paym-item .icon-check {color: var(--bs-theme-bg);opacity: 1;}
.order-boxed .paymnt input[type="radio"]:checked + .paym-item .paym-title {color: var(--bs-theme-bg);}
.order-boxed .paymnt .paym-item .paym-title {display: flex;align-items: center;font-size: 21px;font-weight: 500;color: var(--bs-body-color);}
.order-boxed .paymnt .paym-item .paym-title .price {font-size: 18px;font-weight: 500;color: var(--bs-theme-bg);filter: drop-shadow(var(--bs-theme-bg) 0px 0px 10px);}
.order-boxed .paymnt .paym-item .paym-text {font-size: 14px;font-weight: 300;color: var(--bs-secondary);}
.order-boxed .paymnt .paym-item .icon {font-size: 30px;opacity: 0.5;}
.order-boxed .ord-notice {border-radius: var(--bs-border-radius-xl);border :2px dashed var(--bs-theme-bg);overflow: hidden;padding: 15px;}
.order-boxed .ord-notice:hover {border :2px dashed var(--bs-success);transition: var(--bs-effect);box-shadow: var(--bs-box-shadow);cursor: pointer;}
.order-boxed .ord-notice .title {font-size: 22px;font-weight: 500;color: var(--bs-theme-bg);}
.order-boxed .ord-notice .text {font-size: 18px;font-weight: 300;}
/** PAYMENT FORM **/
.payment-form .payment-header {font-size: 24px;font-weight: 500;color: var(--bs-body-color);}
.payment-form .payment-header span {font-size: 20px;font-weight: 400;color: var(--bs-secondary);}
.payment-form .payment-body .order-content {background-color: rgba(var(--bs-success-rgb), 0.5);border-radius: var(--bs-border-radius-xl);border: 1px dashed var(--bs-success);color: var(--bs-success-text-emphasis);overflow: hidden;}
.payment-form .payment-body .order-content .col {font-size: 19px;font-weight: 500;}
.payment-form .payment-body .order-content .col > span {font-size: 18px;font-weight: 300;}
.payment-form .payment-body .order-content .stun {display: block;font-size: 15px;font-weight: 300;}
.payment-form .payment-body .order-content .border-bottom {border-bottom: 1px dashed var(--bs-success)!important;}
.payment-form .payment-body .order-top {font-size: 20px;font-weight: 600;padding: 15px;border-bottom: 1px dashed var(--bs-success);}
.payment-form .payment-body .order-code {border-left: 1px dashed var(--bs-success);}
@media (max-width: 768px) {
.payment-form .payment-body .order-code {border-top: 1px dashed var(--bs-success);border-left: none!important;}
.payment-form .payment-header span {display: block;}
}
.payment-form .payment-body .order-list {border: 1px solid var(--bs-border-color);border-radius: var(--bs-border-radius-xl);background-color: rgba(var(--bs-light-rgb), 0.5);overflow: hidden;}
.payment-form .payment-body .order-list .list-top {font-size: 20px;font-weight: 500;color: var(--bs-body-color);border-bottom: 1px solid var(--bs-border-color);background-color: var(--bs-light);}
.payment-form .payment-body .order-list .list-menu {max-height: 400px;overflow-y: auto;}
.payment-form .payment-body .order-list .list-menu .list-item {width: 100%;font-size: 19px;padding: 15px;border-bottom: 1px dashed var(--bs-border-color);}
.payment-form .payment-body .order-list .list-menu .list-item:last-child {border-bottom: none;}
.payment-form .payment-body .order-list .list-menu .list-item .price {font-weight: 500;min-width: 200px;text-align: right;}
.payment-form .payment-body .order-list .list-menu .list-item .price span {font-weight: 300;}
.payment-form .payment-body .order-bank {border-radius: var(--bs-border-radius-xl);background-color: rgba(var(--bs-warning-rgb), 0.4);overflow: hidden;}
.payment-form .payment-body .order-bank .bank-top {font-size: 20px;font-weight: 500;background-color: rgba(var(--bs-warning-rgb), 0.5);border-bottom: 1px dashed var(--bs-white);}
.payment-form .payment-body .order-bank .bank-menu {max-height: 300px;overflow-y: auto;}
.payment-form .payment-body .order-bank .bank-menu .bank-item {width: 100%;font-size: 19px;padding: 15px;border-bottom: 1px dashed var(--bs-white);}
.payment-form .payment-body .order-bank .bank-menu .bank-item:last-child {border-bottom: none;}
/** KATALOG **/
.catalog-menu .menu-item > a {display: flex;align-items: center;height: 48px;padding: 0 15px;border-radius: var(--bs-border-radius-lg);color: var(--bs-body-color);background-color: var(--bs-light);font-size: 18px;font-weight: 500;}
.catalog-menu .menu-item > a:hover {color: var(--bs-theme-color);background-color: var(--bs-theme-bg);transition: var(--bs-effect);}
.catalog-menu .menu-item {margin-bottom: 2px;}
.catalog-menu .submenu {display: none;}
.catalog-menu .submenu .sub-item > a {height:46px;display: flex;align-items: center;padding: 15px;font-size: 17px;font-weight: 500;}
.catalog-menu .submenu .sub-item > a:hover {color: var(--bs-theme-hv);transition: var(--bs-effect);}
.catalog-menu .submenu .sub-item {border-bottom: 1px dashed var(--bs-border-color);}
.catalog-menu .submenu .sub-item:last-child {border-bottom: 0px!important;}
/** FOOTER **/
.footer-main .footer-top {background-color: var(--bs-light);}
.footer-main .footer-top .footer-logo {max-width: 300px;height: 60px;}
.footer-main .footer-top .footer-blog {filter: drop-shadow(var(--bs-success) 0px 0px 10px);}
.footer-main .footer-top .smedya a {width: 30px;height: 30px;display: grid;place-items: center;background-color: var(--bs-body-color);color: var(--bs-white);font-size: 18px;}
.footer-main .footer-top .smedya span {font-size: 20px;font-weight: 500;color: var(--bs-theme-text);}
.footer-main .footer-menu .menu-title {font-size: 22px;font-weight: 500;color: var(--bs-body-color);margin-bottom: 10px;}
.footer-main .footer-menu .menu-title .ms-auto {display: none;}
.footer-main .footer-menu .menu-item > a {height: 30px;display: inline-flex;align-items: center;font-size: 18px;font-weight: 400;color: var(--bs-body-color);}
.footer-main .footer-menu .menu-item > a:hover {text-decoration: underline;transition: var(--bs-effect);}
.footer-main .copyright {text-align: center;font-size: 17px;font-weight: 300;color: var(--bs-secondary);}
.footer-main .copyright > a {font-size: 16px;font-weight: 500;color: var(--bs-body-color);}
.footer-main .buttonUps {position: fixed;bottom: 75px;right: 50px;z-index: 15;font-size: 30px;width: 50px;height: 50px;display: none;place-items: center;cursor: pointer;background-color: var(--bs-theme-bg);color: var(--bs-theme-color);transition: opacity 0.3s ease;border-radius: 50%;box-shadow: var(--bs-box-shadow);}
.footer-main .buttonUps:hover {background-color: var(--bs-theme-hv);color: var(--bs-theme-color);}
@media (max-width: 768px) {
.footer-main .footer-menu {width: 100%!important;margin-bottom: 3px;}
.footer-main .footer-menu .menu-title {font-size: 20px;display: flex;padding: 15px;margin-bottom: 0;background-color: var(--bs-light);border-radius: var(--bs-border-radius-lg);}
.footer-main .footer-menu .menu-title .ms-auto {display: block;}
.footer-main .footer-menu .menu-body {display: none;padding: 15px;}
.footer-main .buttonUps {bottom: 100px;right: 15px;}
}
.mobil-container {position: sticky; bottom: 0; left: 0; width: 100%; padding-bottom: 15px;display: none; place-items: center; z-index: 15;}
.mobil-container .mobil-nav {max-width: 350px; height: 64px; display: flex;background-color: var(--bs-light); border-radius: var(--bs-border-radius-xl);border: 2px solid var(--bs-white);filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 0px 10px);}
.mobil-container .mobil-nav .nav-item {width: 80px; height: 64px; display: grid; place-items: center;}
@media (max-width:768px) {.mobil-container { display: grid; transition: var(--bs-effect); }}
.mobil-container .mobil-nav .nav-item .mn {text-align: center;color: var(--bs-body-color);}
.mobil-container .mobil-nav .nav-item .mn .bi {font-size: 22px; margin-bottom: 5px; color: var(--bs-theme-bg);display: block;}
.mobil-container .mobil-nav .nav-item .mn>span {font-size: 13px; font-weight: 400;}
.mobil-container .mobil-nav .nav-center {position: relative; margin-top: -4px; width: 72px; height: 72px;display: grid; place-items: center; border-radius: 50%;background-color: var(--bs-theme-bg); color: var(--bs-theme-color);border: 2px solid rgba(var(--bs-white-rgb), 0.5);box-shadow: var(--bs-box-shadow-sm); flex-shrink: 0;}
.mobil-container .mobil-nav .nav-center .mn {text-align: center; color: var(--bs-theme-color);}
.mobil-container .mobil-nav .nav-center .mn .bi {font-size: 24px; margin-bottom: 4px;display: block;}
.mobil-container .mobil-nav .nav-center .mn>span {font-size: 14px; font-weight: 300;}
.mobil-container .mobil-nav .nav-center .badge {position: absolute; top: -5px; right: -5px; font-size: 14px; font-weight: 300; background-color: var(--bs-success); color: var(--bs-white); border-radius: var(--bs-border-radius-pill);}
/** ACCOUNT **/
.account-container .logn-screen {width: 100%;max-width: 440px;border: 2px solid var(--bs-border-color);border-radius: var(--bs-border-radius-xl);}
.account-container .logn-screen .logn-top .title {font-size: 34px;font-weight: 500;}
.account-container .logn-screen .logn-top .text {font-size: 16px;font-weight: 300;color: var(--bs-secondary);}
.account-container .logn-screen .btn-group {display: flex;align-items: center;padding: 5px;border-radius: var(--bs-border-radius-pill);background-color: var(--bs-light);gap: 5px;}
.account-container .logn-screen .btn-group .logn-btn {height: 40px;display: flex;align-items: center;justify-content: center;border-radius: var(--bs-border-radius-pill);background-color: var(--bs-warning);color: var(--bs-white);font-size: 18px;font-weight: 500;box-shadow: var(--bs-box-shadow);}
.account-container .logn-screen .btn-group .noactive {background-color: var(--bs-light);color: var(--bs-body-color);font-size: 18px;font-weight: 600;box-shadow: none!important;}
.account-container .logn-screen .form-group {position: relative;}
.account-container .logn-screen .form-group .icon {position: absolute;top: 0;left: 0;height: 54px;width: 52px;display: grid;place-items: center;}
.account-container .logn-screen .form-indent {text-indent: 20px;}
.account-container .logn-screen .form-control {background-color: var(--bs-border-color);border-radius: var(--bs-border-radius-xl);height: 52px;font-size: 19px;font-weight: 400;padding-left: 25px;}
.account-container .logn-screen .form-control:focus {background-color: var(--bs-white);border-color: var(--bs-theme-bg);transition: var(--bs-effect);box-shadow: var(--bs-box-shadow);}
.account-container .logn-screen .form-control::placeholder {font-size: 18px;font-weight: 300;opacity: 0.5;}
.account-container .logn-screen .btn-url {font-size: 17px;font-weight: 500;color: var(--bs-body-color);}
.account-container .logn-screen .btn-url:hover {text-decoration: underline;transition: var(--bs-effect);}
.account-container .logn-screen .btn-logn {height: 48px;display: flex;align-items: center;justify-content: center;padding: 0 15px;border-radius: var(--bs-border-radius-pill);background-color: var(--bs-theme-bg);color: var(--bs-theme-color);border: none;font-size: 20px;font-weight: 500;box-shadow: var(--bs-box-shadow);}
.account-container .logn-screen .small {font-size: 14px;}
.account-container .account-stun {position: relative;width: 100%;max-width: 260px;}
.account-container .account-stun .account-menu {position: sticky;top: 15px;}
.account-container .account-stun .account-menu .menu-item > a {height: 48px;display: flex;align-items: center;border-radius: var(--bs-border-radius-pill);padding:0 15px;font-size: 19px;font-weight: 500;color: var(--bs-body-color);}
.account-container .account-stun .account-menu .menu-item.active > a {background-color: var(--bs-theme-bg)!important;color: var(--bs-theme-color)!important;}
.account-container .account-stun .account-menu .menu-item > a:hover {background-color: var(--bs-light);color: var(--bs-body-color);transition: var(--bs-effect);}
.account-container .account-stun .account-menu .menu-item .icon {font-size: 22px;}
.account-container .account-stun .account-menu .menu-item {margin-bottom: 5px;}
.account-container .account-stun .account-menu .menu-item:last-of-type {margin-bottom: 0;}
@media (max-width: 992px) {
    .account-container .account-stun {max-width: 100%;margin-bottom: 15px;}
    .account-container .account-stun .account-menu {display: flex;gap: 5px;overflow-x: auto;}
    .account-container .account-stun .account-menu .menu-item > a {flex-shrink: 0;display: inline-flex;align-items: center;text-wrap: nowrap;height: 42px;}
}
.account-container .account-well {border-radius: var(--bs-border-radius-xl);background-color: rgba(var(--bs-success-rgb), 0.3);color: var(--bs-theme-color);}
.account-container .account-well .w-title {font-size: 26px;font-weight: 400;color: var(--bs-body-color);filter: drop-shadow(rgba(var(--bs-success-rgb), 0.4) 3px 3px 1px);}
.account-container .account-well .w-text {font-size: 18px;font-weight: 300;color: var(--bs-body-color);}
.account-container .account-well .border-bottom {border-bottom: 1px dashed var(--bs-white)!important;}
.account-container .account-widget .w-item {position: relative;border: 1px dashed var(--bs-border-color);border-radius: var(--bs-border-radius-xl);overflow: hidden;}
.account-container .account-widget .w-item:hover {border-color: var(--bs-warning);transition: var(--bs-effect);box-shadow: var(--bs-box-shadow);}
.account-container .account-widget .w-top {display: flex;align-items: center;padding: 15px;border-bottom: 1px dashed var(--bs-border-color);background-color: var(--bs-light);}
.account-container .account-widget .w-top .w-icon {font-size: 30px;color: var(--bs-warning);filter: drop-shadow(rgba(var(--bs-dark-rgb), 0.2) 3px 3px 1px);}
.account-container .account-widget .w-top .w-title {font-size: 20px;font-weight: 500;}
.account-container .account-widget .w-top .w-text {display: block;font-size: 12px;font-weight: 300;color: var(--bs-secondary);}
.account-container .account-widget .w-body .bdy-item {display: flex;padding: 15px;border-bottom: 1px dashed var(--bs-border-color);font-size: 18px;font-weight: 400;}
.account-container .account-widget .w-body .bdy-item:last-of-type {border-bottom: none;}
.account-container .pages .pg-top .pg-title {font-size: 26px;font-weight: 500;color: var(--bs-body-color);}
.account-container .pages .pg-top .pg-text {font-size: 14px;font-weight: 300;color: var(--bs-secondary);}
.account-container .pages .pg-top .pg-icon {font-size: 30px;}
.account-container .widget-list .widget {border: 1px dashed var(--bs-body-color);border-radius: var(--bs-border-radius-xl);padding: 15px;cursor: pointer;}
.account-container .widget-list .widget:hover {border-color: var(--bs-warning);transition: var(--bs-effect);box-shadow: var(--bs-box-shadow);}
.account-container .widget-list .widget .w-images {display: flex;align-items: center;}
.account-container .widget-list .widget .w-images .w-img {width: 60px;height: 60px;border: 3px solid rgba(var(--bs-white-rgb), 0.5);background-color: var(--bs-white);border-radius: 50%;overflow: hidden;margin-left: -20px;box-shadow: var(--bs-box-shadow);}
.account-container .widget-list .widget .w-images .w-img:first-of-type {margin-left: 0px;}
.account-container .widget-list .widget .w-images .w-img > img {width: 100%;height: 100%;object-fit: cover;}
.account-container .widget-list .widget .w-images .plus {display: grid;place-items: center;width: 25px;height: 25px;font-size: 20px;font-weight: 600;border-radius: 50%;background-color: var(--bs-pink);color: var(--bs-white);margin-left: -15px;}
.account-container .widget-list .widget .w-status {text-align: center;color: var(--bs-body-color);}
.account-container .widget-list .widget .w-status .text {font-size: 14px;font-weight: 400;margin-bottom: 3px;}
.account-container .widget-list .widget .w-status .status {font-size: 18px;font-weight: 400;border-radius: var(--bs-border-radius-pill);padding: 8px 15px;color: var(--bs-white);box-shadow: var(--bs-box-shadow);}
.account-container .widget-list .widget .sm-text {font-size: 15px;font-weight: 500;color: var(--bs-secondary);}
.account-container .widget-list .widget .sm-stun {font-size: 19px;font-weight: 400;color: var(--bs-body-color);background-color: var(--bs-light);display: inline-block;border-radius: var(--bs-border-radius-lg);padding: 5px 10px;}
.account-container .widget-list .widget .price {font-size: 24px;font-weight: 400;display: block;}
.account-container .widget-list .widget .price span {font-size: 20px;}
.order-detail .order-customer {background-color: var(--bs-theme-bg);color: var(--bs-theme-color);border-radius: var(--bs-border-radius-lg);}
.order-detail .order-customer .custom-item {height: 50px;display: flex;align-items: center;padding: 0px 15px;border-bottom: 1px dashed var(--bs-white);font-size: 18px;font-weight: 400;}
.order-detail .order-customer .custom-item .item-span {font-size: 18px;font-weight: 500;}
.order-detail .order-customer .custom-item .item-stun {font-size: 19px;font-weight: 400;}
.order-detail .order-customer .custom-item .price {font-size: 22px;font-weight: 500;}
.order-detail .order-customer .custom-item .price span {font-size: 18px;font-weight: 400;}
.order-detail .order-customer .custom-item:last-of-type {border-bottom: none;}
.order-detail .order-status {display: grid;place-items: center;border: 2px dashed var(--bs-body-color);border-radius: var(--bs-border-radius-lg);padding: 15px;}
.order-detail .status {height: 50px;display: flex;align-items: center;padding: 0 20px;font-size: 20px;font-weight: 500;color: var(--bs-white);border-radius: var(--bs-border-radius-pill);box-shadow: var(--bs-box-shadow);}
.order-detail .status-title {font-size: 17px;font-weight: 500;color: var(--bs-secondary);margin-bottom: 5px;}
.order-detail .cargo-view {padding: 15px;background-color: rgba(var(--bs-warning-rgb), 0.15);border: 1px dashed var(--bs-warning);border-radius: var(--bs-border-radius-lg);}
.order-detail .cargo-view > div {font-size: 19px;font-weight: 400;color: var(--bs-warning);}
.order-detail .cargo-view > a {background-color: var(--bs-white);color: var(--bs-body-color);height: 40px;display: inline-flex;align-items: center;padding: 0px 15px;border-radius: var(--bs-border-radius-pill);font-size: 20px;font-weight: 500;box-shadow: var(--bs-box-shadow);}
.order-detail .product-list {overflow: hidden;border: 1px solid var(--bs-border-color);border-radius: var(--bs-border-radius-lg);}
.order-detail .product-list .list-top {padding: 15px;font-size: 20px;font-weight: 500;background-color: var(--bs-border-color);}
.order-detail .product-list .item {padding: 15px;font-size: 19px;font-weight: 400;border-bottom: 1px dashed var(--bs-border-color);}
.order-detail .product-list .item:last-of-type {border-bottom: none;}
.order-detail .product-list .list-bottom {display: flex;}
.order-detail .product-list .list-bottom .itemx {display: flex;height: 40px;align-items: center;border-bottom: 1px solid var(--bs-border-color);padding-right: 15px;}
.order-detail .product-list .list-bottom .itemx:last-of-type {border-bottom: none;}
.order-detail .product-list .list-bottom .txt-span {font-size: 18px;font-weight: 500;width: 120px;}
.order-detail .product-list .list-bottom .txt-price {font-size: 20px;font-weight: 400;width: 148px;text-align: right;}
.order-detail .addr-item {border: 1px solid var(--bs-border-color);border-radius: var(--bs-border-radius-lg);overflow: hidden;}
.order-detail .addr-item .addr-top {padding: 15px;background-color: var(--bs-light);font-size: 19px;font-weight: 500;color: var(--bs-body-color);border-bottom: 1px solid var(--bs-border-color);}
.order-detail .address-body .address {position: relative;border: 1px solid var(--bs-border-color);border-radius: var(--bs-border-radius-xl);padding: 15px;}
.order-detail .address-body .address:hover {border-color: var(--bs-warning);transition: var(--bs-effect);box-shadow: var(--bs-box-shadow);}
.order-detail .address-body .address .title {font-size: 20px;font-weight: 500;color: var(--bs-body-color);}
.order-detail .address-body .address .name {font-size: 18px;font-weight: 400;color: var(--bs-body-color);}
.order-detail .address-body .address .addrs {font-size: 14px;font-weight: 300;}
.order-detail .address-body .address .city {font-size: 16px;font-weight: 400;}
.order-detail .address-body .address .edits {position: absolute;top: 15px;right: 15px;font-size: 18px;font-weight: 400;width: 36px;height: 36px;display: grid;place-items: center;cursor: pointer;background-color: var(--bs-light);border-radius: 50%;}
.order-forms {
    display: flex;
    height: 100vh;
}

/** FORM POST **/
.form-post .form-label {font-size: 1.05rem;font-weight: 500;color: var(--bs-body-color);}
.form-post .form-small {font-size: 15px;font-weight: 300;color: var(--bs-secondary);}
.form-post .form-control {font-size: 18px;font-weight: 500;color: var(--bs-body-color);background-color: var(--bs-light);padding: 0.75rem 0.75rem!important;}
.form-post .form-control:focus {background-color: var(--bs-white);border-color: var(--bs-theme-hv);transition: var(--bs-effect);box-shadow: var(--bs-box-shadow);}
.form-post .form-control::placeholder {font-size: 18px;font-weight: 300;opacity: 0.5;}
.form-post .form-select {font-size: 18px;font-weight: 500;color: var(--bs-body-color);background-color: var(--bs-light);padding: 0.60rem 0.75rem!important;}
.form-post .form-select:focus {background-color: var(--bs-white);border-color: var(--bs-theme-hv);transition: var(--bs-effect);box-shadow: var(--bs-box-shadow);}
.form-post .btn {font-size: 19px;}
/** BT RESET **/
.fs-14 {font-size: 14px!important;}
.fs-16 {font-size: 16px!important;}
.fs-18 {font-size: 18px!important;}
.fs-20 {font-size: 20px!important;}
.fs-22 {font-size: 22px!important;}
.fs-24 {font-size: 24px!important;}
.fs-26 {font-size: 26px!important;}
.fs-28 {font-size: 28px!important;}
.fs-30 {font-size: 30px!important;}
.fs-32 {font-size: 32px!important;}
.fs-34 {font-size: 34px!important;}
.fs-36 {font-size: 36px!important;}
.fs-38 {font-size: 38px!important;}
.fs-40 {font-size: 40px!important;}
.offcanvas-webp {position: fixed;top: 0;left: -100%;width: 100%;max-width: 340px;height: 100vh;background: #fff;box-shadow: -4px 0 10px rgba(0,0,0,0.3);transition: left 0.2s ease;z-index: 1055;display: flex;flex-direction: column;}
@media (max-width:399px) {.offcanvas-webp {max-width: 100%;}}
.offcanvas-webp.show {left: 0;}
.offcanvas-backdrop-webp {position: fixed;inset: 0;background: rgba(0,0,0,0.5);z-index: 1050;}
body.offcanvas-open {overflow: hidden;}
.offcanvas-webp .header {display: flex;align-items: center;padding: 15px;}
.offcanvas-webp .header .logo > img {width:auto; height: 56px;}
.offcanvas-webp .header .close-offcanvas {margin-left: auto;font-size: 24px;cursor: pointer;}
.offcanvas-webp .body {padding: 15px;flex: 1;overflow-y: auto;}
.offcanvas-webp .body .top-title {font-size: 18px;font-weight: 500;color: var(--bs-secondary);}
.offcanvas-webp .footer {padding: 15px;}
.offcanvas-webp .footer .f-btn-success {border-color: var(--bs-success);color: var(--bs-success);background-color: var(--bs-white);}
.offcanvas-webp .footer .f-btn-success:hover {border-color: var(--bs-success);color: var(--bs-white);background-color: var(--bs-success);box-shadow: var(--bs-box-shadow);}
.offcanvas-webp .footer .f-btn-warning {border-color: var(--bs-warning);color: var(--bs-warning);background-color: var(--bs-white);}
.offcanvas-webp .footer .f-btn-warning:hover {border-color: var(--bs-warning);color: var(--bs-white);background-color: var(--bs-warning);box-shadow: var(--bs-box-shadow);}
.modal-webp {position: fixed;top: 0;left: 0;width: 100%;min-width: 100%;height: 100%;display: grid;place-items: center;background-color: rgba(var(--bs-dark-rgb), 0.5);z-index: 999;padding: 10px;display: none;overflow-y: auto;box-sizing: border-box;}
.modal-webp .modal-webp-content {width: 100%;max-width: 600px;border-radius: var(--bs-border-radius-xl);background-color: var(--bs-body-bg);border: 1px solid var(--bs-border-color);overflow: hidden;}
.modal-webp .modal-webp-content .header {display: flex;align-items: center;padding: 20px;border-bottom: 1px solid var(--bs-border-color);}
.modal-webp .modal-webp-content .header .title {font-size: 22px;font-weight: 600;color: var(--bs-body-color);}
.modal-webp .modal-webp-content .header-success {background-color: rgba(var(--bs-success-rgb), 0.2)!important;}
.modal-webp .modal-webp-content .header-success .title {color: var(--bs-success)!important;}
.modal-webp .modal-webp-content .header .close-modal {cursor: pointer;}
.modal-webp .modal-webp-content .body {padding: 20px;max-height: 75vh;overflow-y: auto;scrollbar-width: thin;scrollbar-color: var(--bs-secondary) var(--bs-body-bg);}
.modal-webp .modal-webp-content .body .body-title {font-size: 30px;font-weight: 500;}
.modal-webp .modal-webp-content .footer {border-top: 1px solid var(--bs-border-color);padding: 15px;}
.webp-lg {width: 100%;max-width: 990px!important;}
.webp-md {width: 100%;max-width: 768px!important;}
.webp-sm {width: 100%;max-width: 400px!important;}
.btn-webp {background-color: var(--bs-theme-bg)!important;border-color: var(--bs-theme-bg);color: var(--bs-theme-color);border-radius: var(--bs-border-radius-pill)!important;}
.btn-webp:hover {background-color: var(--bs-theme-hv)!important;color: var(--bs-theme-color);border-color: var(--bs-theme-hv);}
.text-webp {color: var(--bs-theme-bg)!important;}
.badge-webp {background-color: var(--bs-theme-bg)!important;color: var(--bs-theme-color)!important;border-radius: var(--bs-border-radius-pill)!important;}
.btn-outline-webp {--bs-btn-color: var(--bs-warning)!important;--bs-btn-border-color: var(--bs-warning)!important;--bs-btn-hover-color: var(--bs-body-color)!important;--bs-btn-hover-bg: var(--bs-warning)!important;--bs-btn-hover-border-color: var(--bs-warning)!important;--bs-btn-focus-shadow-rgb: 255, 193, 7;--bs-btn-active-color: var(--bs-white)!important;--bs-btn-active-bg: var(--bs-warning)!important;--bs-btn-active-border-color: var(--bs-warning)!important;--bs-btn-active-shadow: var(--bs-box-shadow)!important;--bs-btn-disabled-color: var(--bs-warning)!important;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: var(--bs-warning)!important;--bs-gradient: none;}
.btn-success {background-color: var(--bs-success);border-color: var(--bs-success);color: var(--bs-white);}
.bg-webp {background-color: var(--bs-theme-bg)!important;color: var(--bs-theme-color)!important;}
.bg-pink {background-color: var(--bs-pink)!important;color: var(--bs-white)!important;}
.mw-xl {--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;width: 100%;max-width: 1199px;padding-right: calc(var(--bs-gutter-x) * 0.5);padding-left: calc(var(--bs-gutter-x) * 0.5);margin-right: auto;margin-left: auto;}
.mw-lg {--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;width: 100%;max-width: 990px;padding-right: calc(var(--bs-gutter-x) * 0.5);padding-left: calc(var(--bs-gutter-x) * 0.5);margin-right: auto;margin-left: auto;}
.mw-md {--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;width: 100%;max-width: 768px;padding-right: calc(var(--bs-gutter-x) * 0.5);padding-left: calc(var(--bs-gutter-x) * 0.5);margin-right: auto;margin-left: auto;}
.dropdown-toggle::after {display: none!important;}
.or {display: grid;grid-template-columns: 1fr auto 1fr;color: var(--bs-secondary);align-items: center;gap: 15px;font-size: 20px;font-weight: 500;}
.or::before,
.or:after {content: "";height: 1px;flex: 1;background: var(--bs-border-color);}
.form-check-input:checked {background-color: var(--bs-theme-bg);border-color: var(--bs-theme-bg);box-shadow: none;}
input[type="checkbox"].is-valid,
input[type="radio"].is-valid {border: 2px solid var(--bs-success);background-image: none !important;padding-right: 0 !important;}
input[type="checkbox"].is-invalid,
input[type="radio"].is-invalid {border: 2px solid var(--bs-pink);background-image: none !important;padding-right: 0 !important;}
.btn:disabled,
.btn.disabled,
.btn[disabled],
fieldset:disabled .btn {opacity: 0.4!important;cursor: not-allowed !important;}
@media (max-width: 568px) {.d-n-sm {display: none!important;transition: var(--bs-effect);}}
@media (max-width: 768px) {.d-n-md {display: none!important;transition: var(--bs-effect);}}
@media (max-width: 990px) {.d-n-lg {display: none!important;transition: var(--bs-effect);}}
@media (max-width: 1099px) {.d-n-xl {display: none!important;transition: var(--bs-effect);}}
@media (max-width: 1399px) {.container {max-width: 100% !important;}}
@media (min-width: 1399px) {.container {max-width: 1400px !important;}}
.wa-me {position: fixed;z-index: 15;}
.wa-me > a {display: flex;align-items: center;background-color: var(--bs-body-color);color: var(--bs-white);text-decoration: none;box-shadow: var(--bs-box-shadow);padding: 5px;font-size: 18px;font-weight: 400;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
.wa-me > a:hover {background-color: var(--bs-theme-hv);color: var(--bs-white);}
.wa-me .icon {width: 32px;height: 32px;display: grid;place-items: center;border-radius: 50%;color: var(--bs-white);background-color: #25d366;animation: pulse 2s infinite;font-size: 20px;}
.wa-me.m-left {left: 0;bottom: 200px;transform: rotate(-90deg) translateY(0%);transform-origin: left top;}
.wa-me.m-right {right: 0;bottom: 200px;transform: rotate(90deg) translateY(0%);transform-origin: right top;}
@keyframes pulse { 0%, 100% {transform: scale(1);box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);} 50% {transform: scale(1.1);box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);} }
.share-btn {display: flex;align-items: center;justify-content: center;gap: 10px;}
.share-btn > a {height: 46px;width: 100%;display: grid;place-content: center;font-size: 22px;border: 1px solid var(--bs-border-color);border-radius: var(--bs-border-radius-lg);}
.share-btn > a:hover {border-color: var(--bs-theme-bg);color: var(--bs-theme-bg);box-shadow: var(--bs-box-shadow);transition: var(--bs-effect);}
.dropdown-menu {position: absolute;display: none;visibility: hidden;opacity: 0;transition: all 0.25s ease;background-color: var(--bs-body-bg);box-shadow: 0 6px 12px rgba(0,0,0,0.175);z-index: 15;pointer-events: none;padding: 15px;border-color: var(--bs-border-color)!important;border-radius: var(--bs-border-radius-xl);}
.dropdown-menu.show {visibility: visible;opacity: 1;pointer-events: auto;}
.dropdown-menu.bottom {top: 100%;margin-top: 10px;transform: translateY(-10px);}
.dropdown-menu.bottom.show {transform: translateY(0);}
.dropdown-menu.bottom::before {top: -5px;left: 20px;}
.dropdown-menu.top {bottom: 100%;margin-bottom: 10px;transform: translateY(10px);}
.dropdown-menu.top.show {transform: translateY(0);}
.dropdown-menu.top::before {bottom: -5px;left: 20px;}
.dropdown-menu.right {left: 100%;top: 0;margin-left: 10px;transform: translateX(-10px);}
.dropdown-menu.right.show {transform: translateX(0);}
.dropdown-menu.right::before {left: -5px;top: 20px;right: auto;}
.dropdown-menu.left {right: 100%;top: 0;margin-right: 10px;transform: translateX(10px);}
.dropdown-menu.left.show {transform: translateX(0);}
.dropdown-menu.left::before {right: -5px;top: 20px;left: auto;}
.dropdown-menu ul::-webkit-scrollbar {width: 4px;opacity: 0;}
.dropdown-menu ul::-webkit-scrollbar-track {background: var(--bs-secondary-bg); }
.dropdown-menu ul::-webkit-scrollbar-thumb {background: var(--bs-secondary); }
.dropdown-menu ul::-webkit-scrollbar-thumb:hover {background: var(--bs-secondary); opacity: 0.5;}
.dropdown-menu .dropdown-item .bi {font-size: 20px;margin-right: 10px;}
.dropdown-menu .dropdown-item {height: 46px;display: flex;align-items: center;font-size: 18px;font-weight: 300;padding:0 15px;border-radius: var(--bs-border-radius-pill)!important;text-wrap: nowrap;}
.dropdown-menu .dropdown-item:hover {background-color: var(--bs-light);color: var(--bs-body-color);transition: var(--bs-effect);}
.dropdown-menu .dropdown-item.active, .dropdown-item:active {background-color: var(--bs-theme-hv)!important;color: var(--bs-theme-color)!important;}
.tooltip {position: absolute;background-color: var(--bs-theme-bg);color: var(--bs-theme-color);padding: 10px;border-radius: 4px;font-size: 16px;font-weight: 400;text-align: center;line-height: 1.10rem;z-index: 9999;opacity: 0;transition: opacity 0.2s ease;pointer-events: none;max-width: 180px;word-wrap: break-word;white-space: normal;border-radius: var(--bs-border-radius-xl);box-shadow: var(--bs-box-shadow);}
.tooltip.show {opacity: 1;}
.tooltip::after {content: "";position: absolute;width: 0;height: 0;border-style: solid;}
.tooltip[data-placement="top"]::after {bottom: -6px;left: 50%;transform: translateX(-50%);border-width: 6px 6px 0 6px;border-color: var(--bs-theme-bg) transparent transparent transparent;}
.tooltip[data-placement="bottom"]::after {top: -6px;left: 50%;transform: translateX(-50%);border-width: 0 6px 6px 6px;border-color: transparent transparent var(--bs-theme-bg) transparent;}
.tooltip[data-placement="left"]::after {right: -6px;top: 50%;transform: translateY(-50%);border-width: 6px 0 6px 6px;border-color: transparent transparent transparent var(--bs-theme-bg);}
.tooltip[data-placement="right"]::after {left: -6px;top: 50%;transform: translateY(-50%);border-width: 6px 6px 6px 0;border-color: transparent var(--bs-theme-bg) transparent transparent;}
.main-mode {position: sticky;top: 0;width: 100%;height: 40px;color: var(--bs-white);background-color: var(--bs-pink);z-index: 50;display: flex;align-items: center;padding: 0 8px;}
.main-mode a {background-color: var(--bs-white);color: var(--bs-body-color);font-weight: 500;padding: 4px 6px;font-size: 16px;}
.check-body .check-item > label {display: flex;align-items: flex-start;border: 1px solid var(--bs-border-color);border-radius: var(--bs-border-radius-xl);padding: 12px 14px;cursor: pointer;transition: all 0.25s ease;gap: 10px;position: relative;}
.check-body .check-item > label:hover {background-color: var(--bs-light);border-color: var(--bs-border-color);}
.check-body .check-item input[type="radio"] {display: none;}
.check-body .check-item .check-icon {font-size: 24px;color: #6c757d;transition: color 0.2s;}
.check-body .check-item input[type="radio"]:checked + .check-icon {content: '';font-family: "Bootstrap Icons";color: var(--bs-success);}
.check-body .check-item input[type="radio"]:checked + .check-icon::before {content: "\f26a";}
.check-body .check-item input[type="radio"]:not(:checked) + .check-icon::before {content: "\f26b";}
.check-body .check-item:has(input[type="radio"]:checked) > label {border-color: var(--bs-success);background-color: rgba(var(--bs-success-rgb), 0.2);}
.check-body .check-item > label .title {font-size: 19px;font-weight: 500;}
.check-body .check-item > label .name {font-size: 17px;font-weight: 400;}
.check-body .check-item > label .map {font-size: 14px;font-weight: 300;}
.check-body .check-item > label .city {font-size: 14px;font-weight: 300;}
.check-body .check-add > a {display: grid;place-items: center;font-size: 18px;font-weight: 500;color: var(--bs-success);border: 1px dashed var(--bs-success);background-color: rgba(var(--bs-success-rgb), 0.2);border-radius: var(--bs-border-radius-xl);padding: 10px;}
.age-warning-box {display: none;visibility: hidden;position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.8);display: grid;place-items: center;padding: 15px;z-index: 9999;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);}
.age-warning-box .warning-content {width: 100%;max-width: 800px;padding: 25px;background-color: var(--bs-white);border-radius: var(--bs-border-radius-xl);text-align: center;}
.age-warning-box .warning-content .warning-title {font-size: 28px;font-weight: 500;color: var(--bs-danger);}
.age-warning-box .warning-content .warning-text {font-size: 19px;font-weight: 300;}
.list-group .list-group-item {
    margin-bottom: 5px;
}
.list-group .list-group-item > a {
    padding: 15px;
    background-color: var(--bs-light);
    border-radius: var(--bs-border-radius-lg);
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list-group .list-group-item > a:hover {
    background-color: var(--bs-theme-bg);
    color: var(--bs-theme-color);
    transition: background-color 0.3s;
}
.list-group .list-group-item:last-of-type {
    margin-bottom: 0;
}
@font-face { font-display: block; font-family: "bootstrap-icons"; src: url("./fonts/bootstrap-icons.woff2?dd67030699838ea613ee6dbda90effa6") format("woff2"), url("./fonts/bootstrap-icons.woff?dd67030699838ea613ee6dbda90effa6") format("woff");}
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {display: inline-block;font-family: bootstrap-icons !important;font-style: normal;font-weight: normal !important;font-variant: normal;text-transform: none;line-height: 1;vertical-align: -.125em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.bi-arrow-left::before { content: "\f12f"; }
.bi-arrow-repeat::before { content: "\f130"; }
.bi-arrow-right::before { content: "\f138"; }
.bi-arrow-up::before { content: "\f148"; }
.bi-box::before { content: "\f1c8"; }
.bi-cart::before { content: "\f242"; }
.bi-cart2::before { content: "\f243"; }
.bi-cart3::before { content: "\f244"; }
.bi-cart4::before { content: "\f245"; }
.bi-check-circle-fill::before { content: "\f26a"; }
.bi-check-circle::before { content: "\f26b"; }
.bi-check-square-fill::before { content: "\f26c"; }
.bi-check-square::before { content: "\f26d"; }
.bi-check::before { content: "\f26e"; }
.bi-check2-all::before { content: "\f26f"; }
.bi-check2-circle::before { content: "\f270"; }
.bi-check2-square::before { content: "\f271"; }
.bi-check2::before { content: "\f272"; }
.bi-chevron-compact-down::before { content: "\f279"; }
.bi-chevron-compact-left::before { content: "\f27a"; }
.bi-chevron-compact-right::before { content: "\f27b"; }
.bi-chevron-compact-up::before { content: "\f27c"; }
.bi-credit-card-2-back-fill::before { content: "\f2d7"; }
.bi-credit-card-2-back::before { content: "\f2d8"; }
.bi-credit-card-2-front-fill::before { content: "\f2d9"; }
.bi-credit-card-2-front::before { content: "\f2da"; }
.bi-credit-card-fill::before { content: "\f2db"; }
.bi-credit-card::before { content: "\f2dc"; }
.bi-dash-circle-dotted::before { content: "\f2e4"; }
.bi-dash-circle-fill::before { content: "\f2e5"; }
.bi-dash-circle::before { content: "\f2e6"; }
.bi-dash-square-dotted::before { content: "\f2e7"; }
.bi-dash-square-fill::before { content: "\f2e8"; }
.bi-dash-square::before { content: "\f2e9"; }
.bi-dash::before { content: "\f2ea"; }
.bi-envelope::before { content: "\f32f"; }
.bi-facebook::before { content: "\f344"; } 
.bi-geo-alt-fill::before { content: "\f3e7"; }
.bi-geo-alt::before { content: "\f3e8"; }
.bi-geo-fill::before { content: "\f3e9"; }
.bi-geo::before { content: "\f3ea"; }
.bi-google::before { content: "\f3f0"; }
.bi-grid-fill::before { content: "\f3fb"; }
.bi-grid::before { content: "\f3fc"; }
.bi-heart-fill::before { content: "\f415"; }
.bi-heart::before { content: "\f417"; }
.bi-house::before { content: "\f425"; }
.bi-house-fill::before { content: "\f424"; }
.bi-instagram::before { content: "\f437"; }
.bi-link-45deg::before { content: "\f470"; }
.bi-link::before { content: "\f471"; }
.bi-linkedin::before { content: "\f472"; }
.bi-patch-question-fill::before { content: "\f4bd"; }
.bi-patch-question::before { content: "\f4be"; }
.bi-person-circle::before { content: "\f4d7"; }
.bi-person::before { content: "\f4e1"; }
.bi-plus-square-fill::before { content: "\f4fc"; }
.bi-plus-square::before { content: "\f4fd"; }
.bi-plus::before { content: "\f4fe"; }
.bi-plus-circle::before { content: "\f4fa"; }
.bi-plus-circle-dotted::before { content: "\f4f8"; }
.bi-power::before { content: "\f4ff"; }
.bi-question-circle-fill::before { content: "\f504"; }
.bi-question-circle::before { content: "\f505"; }
.bi-share-fill::before { content: "\f52d"; }
.bi-share::before { content: "\f52e"; }
.bi-shield-check::before { content: "\f52f"; }
.bi-trash-fill::before { content: "\f5dd"; }
.bi-trash::before { content: "\f5de"; }
.bi-trash2-fill::before { content: "\f5df"; }
.bi-trash2::before { content: "\f5e0"; }
.bi-twitter::before { content: "\f5ef"; }
.bi-wallet-fill::before { content: "\f613"; }
.bi-wallet::before { content: "\f614"; }
.bi-wallet2::before { content: "\f615"; }
.bi-x-circle-fill::before { content: "\f622"; }
.bi-x-circle::before { content: "\f623"; }
.bi-x-square::before { content: "\f629"; }
.bi-x::before { content: "\f62a"; }
.bi-youtube::before { content: "\f62b"; }
.bi-bank::before { content: "\f62e"; }
.bi-bank2::before { content: "\f62f"; }
.bi-x-lg::before { content: "\f659"; }
.bi-box2-fill::before { content: "\f70a"; }
.bi-box2-heart-fill::before { content: "\f70b"; }
.bi-box2-heart::before { content: "\f70c"; }
.bi-box2::before { content: "\f70d"; }
.bi-copy::before { content: "\f759"; }
.bi-twitter-x::before { content: "\f8db"; }
.bi-exclamation::before { content: "\f33c"; }
.bi-chevron-down::before { content: "\f282"; }
.bi-funnel::before { content: "\f3e1"; }
.bi-whatsapp::before { content: "\f618"; }
.bi-telegram::before { content: "\f5b3"; }
.bi-info-circle::before { content: "\f431"; }
.bi-chevron-up::before { content: "\f286"; }
.bi-telephone::before { content: "\f5c1"; }
.bi-phone::before { content: "\f4e7"; }
.bi-arrow-right-short::before { content: "\f135"; }
.bi-arrow-left-short::before { content: "\f12c"; }
.bi-caret-right-fill::before { content: "\f231"; }
.bi-caret-left-fill::before { content: "\f22d"; }
.bi-box-arrow-up-right::before { content: "\f1c5"; }
.bi-search::before { content: "\f52a"; }
.bi-chevron-left::before { content: "\f284"; }
.bi-chevron-right::before { content: "\f285"; }
.bi-lock::before { content: "\f47b"; }
.bi-box-arrow-left::before { content: "\f1c2"; }
.bi-chat-dots::before { content: "\f24a"; }
.bi-exclamation-circle::before { content: "\f333"; }
.bi-clock-history::before { content: "\f292"; }
.bi-bag-check::before { content: "\f171"; }
.bi-bag-x::before { content: "\f178"; }
.bi-truck::before { content: "\f5ea"; }
.bi-three-dots-vertical::before { content: "\f5d3"; }
.bi-pencil-square::before { content: "\f4ca"; }
.bi-shop::before { content: "\f543"; }
.bi-plus-lg::before { content: "\f64d"; }
.bi-award::before { content: "\f154"; }
.bi-download::before { content: "\f30A"; }