:root, [data-bs-theme=light] {
    --bs-border-radius: 30px;
    --bs-warning: var(--orange) !important;
    --bs-warning-rgb: 213, 139, 32;
    --bs-success-rgb: 126, 130, 36;
}
:root, body { font-size: 16px; }
.h2.small {font-size: 50px;}
.vh-100 {min-height: calc(100vh - 250px); height: auto !important; max-height: 1000px;}
.text-green {color: var(--green) !important;}
.text-cream {color: var(--cream) !important;}
.text-orange {color: var(--orange) !important;}
.text-khaki {color: var(--khaki) !important;}
.text-gray {color: var(--gray) !important;}
.card {background: rgba(255, 255, 255, 0.6); border:0 none;}
.card.card-body {padding: 14px;}
a {color:var(--green);}
.bg-color-after::after {
    background:
        url(/local/templates/kupitut/images/bg/up_bg.png) top no-repeat,
        url(/local/templates/kupitut/images/bg/down_bg.png) bottom no-repeat,
        rgba(233, 216, 188, .2);

    bottom: -20px;
    top:-80px;
    background-size: 100% 260px;
}
.bg-light {background: rgba(255,255,255,.5) !important;}
.accordion {
    --bs-accordion-btn-icon: url('/upload/icons/accordion.svg');
    --bs-accordion-btn-active-icon: url('/upload/icons/accordion-hover.svg');
    --bs-accordion-btn-icon-transform: -360deg;
    --bs-accordion-bg: var(--cream);
    --bs-accordion-active-bg: var(--green);
    --bs-accordion-active-color: var(--cream);
    
}
.accordion-collapse.collapse.show{margin-bottom: 1rem;}
.accordion .accordion-button {border: 1px solid var(--green);border-radius: 30px; box-shadow: none;}
.accordion .accordion-collapse {border:1px solid var(--green); border-top:0 none; border-radius: 0 0 30px 30px; position: relative; margin-top: -30px; padding-top: 30px;}

.mod-mainbanner .main-banner:before {top:-250px !important;}


.mod-about {position: relative;}
.mod-about::before {content:url('/upload/bg/001.svg'); opacity: .4; position: absolute; left:50%; margin-left: -1260px; top:100px;}

.mod-ecology {}
.mod-ecology .canvas {position: relative;}
.mod-ecology .canvas .preview_text > * {position: absolute; right: 0; top:0; max-width:40%;}
.mod-ecology .canvas .preview_text .item-1 {right: auto; top:auto; left:0; bottom: 0;}
.mod-ecology .canvas .detail_text ul {position: absolute; left: 50%; top:50%; margin: 0; padding: 0;}
.mod-ecology .canvas .detail_text ul li {position: absolute; display: block; padding: 0 0 0 40px; margin: 0; width:430px;}
.mod-ecology .canvas .detail_text ul li::before {content:''; width:24px; height: 24px; border-radius: 50%; background: var(--orange); position: absolute; top:50%; left:0; margin-top: -12px; }

.mod-ecology .canvas .detail_text ul li:nth-child(1),
.mod-ecology .canvas .detail_text ul li:nth-child(2),
.mod-ecology .canvas .detail_text ul li:nth-child(3) {text-align: right; padding: 0 40px 0 0}

.mod-ecology .canvas .detail_text ul li:nth-child(1)::before,
.mod-ecology .canvas .detail_text ul li:nth-child(2)::before,
.mod-ecology .canvas .detail_text ul li:nth-child(3)::before {right:0; left:auto;}

.mod-ecology .canvas .detail_text ul li:nth-child(1) {top:-250px; left:-490px;}
.mod-ecology .canvas .detail_text ul li:nth-child(2) {top:-170px; left:-605px;}
.mod-ecology .canvas .detail_text ul li:nth-child(3) {top:-100px; left:-645px;}

.mod-ecology .canvas .detail_text ul li:nth-child(4) {top:20px; left:222px;}
.mod-ecology .canvas .detail_text ul li:nth-child(5) {top:90px; left:195px;}
.mod-ecology .canvas .detail_text ul li:nth-child(6) {top:160px; left:140px;}
.mod-ecology .canvas .preview_picture .main-label {position: absolute;z-index: 10;color: var(--green);font-size: 40px;font-weight: 600;text-transform: uppercase;top: 50%;left: 50%;transform: translate(-50%, -50%);}


.mod-mission {text-transform: uppercase;}
.mod-mission.bg-color::before {background: url('/upload/bg/002.svg') bottom right no-repeat;}
.mod-mission .card {align-items: start;}
.mod-mission .card b {background: var(--cream); border-radius: 10px; display: inline; padding: 0 10px; font-weight: 600; }
.mod-mission .card.bg-success b {color:rgb(var(--bs-success-rgb));}
.mod-mission .card.bg-warning b {color:rgb(var(--bs-warning-rgb));}

.mod-benefits {padding: 200px 0;} 
.mod-benefits.bg-color::before {background: url('/upload/bg/003.jpg') fixed bottom no-repeat;filter: blur(2px);}
.mod-benefits .preview_text > * {max-width: 50%; min-width: 35%;border: 1px solid var(--cream);}
.mod-benefits .preview_text > *:nth-child(1),
.mod-benefits .preview_text > *:nth-child(2),
.mod-benefits .preview_text > *:nth-child(3) {max-width: none; min-width: 0;}

.mod-benefits-wholesale {padding: 200px 0;}
.mod-benefits-wholesale.bg-color::before {background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('/upload/bg/016.jpg') fixed bottom no-repeat;}

.mod-benefits-wholesale .items {position: relative;}
.mod-benefits-wholesale .items::before {content:''; position: absolute; z-index: -1; left:100px; right:0; bottom: 0; top:0; background: url('/upload/bg/017.svg') center no-repeat; background-size: auto 100%;}

.mod-partners {}
.mod-partners.bg-color::before {background: url('/upload/bg/004.svg') left no-repeat;}

.mod-docs .nav-slider .owl-prev {background: var(--orange) url("data: image/svg+xml, %3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M30.1667 15.583H1' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M15.5833 30.1667L1 15.5833L15.5833 1' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E") center no-repeat; margin-right: 1rem;transition: all 0.2s ease-in-out;}
.mod-docs .nav-slider .owl-prev:active {background: #D58B2080 url("data: image/svg+xml, %3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M30.1667 15.583H1' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M15.5833 30.1667L1 15.5833L15.5833 1' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E") center no-repeat;transform: translateY(2px);}
.mod-docs .nav-slider .owl-next {background: var(--orange) url("data: image/svg+xml, %3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M1 15.583H30.1667' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M15.5833 1L30.1666 15.5833L15.5833 30.1667' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E") center no-repeat; margin-right: 1rem;transition: all 0.2s ease-in-out;}
.mod-docs .nav-slider .owl-next:active {background: #D58B2080 url("data: image/svg+xml, %3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M1 15.583H30.1667' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M15.5833 1L30.1666 15.5833L15.5833 30.1667' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E") center no-repeat;transform: translateY(2px);}


.mod-mainbanner2 {display: flex; flex-direction: column; justify-content: center;}
.mod-mainbanner2 * {color:#fff !important;}
.mod-mainbanner2 * {color:#fff !important;}
.mod-mainbanner2 .btns {padding-bottom: 10rem;}

.mod-mainbanner2.bg-color::before {background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('/upload/bg/005.jpg'); top:-250px;}
.mod-mainbanner2.sale.bg-color::before {background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('/upload/bg/009.jpg');}
.mod-mainbanner2.cooperation.bg-color::before {background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('/upload/bg/018.jpg');}
.mod-mainbanner2.delivery.bg-color::before {background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('/upload/bg/021.jpg');}


.mod-mainbanner2.bg-color::before {background-size: cover; background-attachment:fixed; background-position:center; border-radius: 0 0 100px 100px; overflow: hidden;}




.section {}
.section.bg-color::before {background: url('/upload/bg/006.svg') top right no-repeat;}
.section.bg-color-after::after {background: url('/upload/bg/007.svg') bottom left no-repeat;}


.element {}
.element.bg-color::before {background: url('/upload/bg/008.svg') left top no-repeat; top:-200px; bottom: -5rem;}

.mod-sale {}
.mod-sale.bg-color::before {background: url('/upload/bg/010.svg') right top no-repeat;}
.mod-sale .img {position: relative;}
.mod-sale .img img {border-radius: var(--bs-border-radius); height: 300px; object-fit: cover; width: 100%;}
.mod-sale .img .name {position: absolute; bottom: 1rem; left:1rem; color:var(--cream);}

.mod-spec {}
.mod-spec.bg-color::before {background: url('/upload/bg/011.svg') left bottom no-repeat;}
.mod-spec .item {position: relative; overflow: hidden; padding: 1rem;}
.mod-spec .item .img {position: absolute; z-index: -1; border-radius: var(--bs-border-radius); top:0; left:0; right:0; bottom: 0; overflow: hidden;}
.mod-spec .item .img img {border-radius: var(--bs-border-radius); width: 100%; height: 100%; object-fit: cover;}
.mod-spec .item .img::after {content:''; background: rgba(0,0,0,.4); position: absolute; top:0; left:0; right:0; bottom: 0;}
.mod-spec .item .wrap {background: rgba(255,255,255,.3); padding: 1rem; border-radius: var(--bs-border-radius); max-width: 500px; min-height: 300px; display:flex; flex-direction: column; justify-content: space-between;}
.mod-spec .item .wrap * {color:var(--cream);}

.mod-form {}
.mod-form.bg-color::before {background: url('/upload/bg/012.svg') left no-repeat;}
.mod-form.mod-form-cooperation.bg-color::before {background: url('/upload/bg/014.svg') left no-repeat;}

.rating {display: inline-flex; align-items: center; gap: 6px;}

.rating-input { position: absolute; opacity: 0; pointer-events: none; }
.star { font-size: 28px; line-height: 1; cursor: pointer; user-select: none; display: inline-block; width: 34px; height: 34px; text-align: center; vertical-align: middle;}
.star::before {content: "☆"; font-size: 28px; display: inline-block; transition: transform .08s ease, color .12s ease;}
.star.filled::before {content: "★";}
.star.hover::before {transform: scale(1.08);}

.mod-form .row > * {position: relative;}
.mod-form .row > *::before {content:''; position: absolute; top:0; left:0; right: 0; bottom: 0; background: var(--cream); z-index: -1; opacity: .75; filter:blur(15px); border-radius: var(--bs-border-radius)}

.news-list {}
.news-list.bg-color::before {background: url('/upload/bg/013.svg') left top no-repeat;}
.news-list .stretched-link {display: flex; gap:3; align-items: center; justify-content: space-between;}
.news-list .stretched-link::after {content:url('/upload/icons/link.svg'); position: relative;}

.mod-form-wholesale {}
.mod-form-wholesale .card.card-body {background: rgba(255, 255, 255, 0.6); padding: 60px; position: relative;}
.mod-form-wholesale .card.card-body::before {content:''; position: absolute; top: 30px; left:30px; right: 30px; bottom: 30px; border-radius: var(--bs-border-radius); border: 2px dashed #7E8224; z-index: -1;}

.mod-when {text-align: center; position: relative; height:620px; margin:100px auto;}
.mod-when.bg-color::before {background: url('/upload/bg/014.svg') left bottom no-repeat;}
.mod-when.bg-color.bg-color-after::after {background: url('/upload/bg/015.svg') bottom no-repeat; transform: translateX(-30px);}
.mod-when .h2 {position: absolute; width: 100%;}
.mod-when .row > *:nth-child(2),
.mod-when .row > *:nth-last-child(2) {transform: translateY(50%);}
.mod-when .row > *:nth-last-child(3) {transform: translateY(100%);}

.mod-format {}
.mod-format.bg-color::before {background: url('../images/bg/bull.svg') left top no-repeat; top: 10rem;}
.mod-format.bg-color.bg-color-after::after {background: url('/upload/bg/019.svg') right bottom no-repeat;}
.mod-format .h4{text-transform: none;}
.mod-free ul,
.mod-format ul {list-style: none;padding-left: 0;}

.mod-free li,
.mod-format li {position: relative;padding-left: 25px;}
.mod-free li::before {content: "•";color: var(--orange);font-size: 3em;position: absolute;left: 0;top: -0.35em;line-height: 1;}
.mod-format li::before {content: "•";color: var(--orange);font-size: 3em;position: absolute;left: 0;top: -0.35em;line-height: 1;}

.mod-why {padding: 200px 0;}
.mod-why.bg-color::before {background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('/upload/bg/020.jpg') fixed bottom no-repeat;}
.mod-why .card.card-body {height: 72px;}

.mod-banner {padding: 200px 0;}
.mod-banner.bg-color::before {background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('/upload/bg/022.jpg');}


.mod-free {text-align: center; position: relative; z-index: 10;}
.mod-free.bg-color::before {background: url(/upload/bg/019.svg) right bottom no-repeat;}
.mod-free ul {text-align: left;}
.mod-free .card.card-body {max-width:400px; margin: 0 auto; padding: 30px;}
.mod-free .card.card-body ul {margin: 0;}

.mod-cards {}
.mod-cards.bg-color::before {background: url('/upload/bg/012.svg') left top no-repeat;}




#header {position: relative; padding-bottom: 100px; overflow: hidden;}
#header::before {content: url('/upload/bg/024.svg'); position: absolute; top:0; left:50%; margin-left: -960px; border-radius: 0}
body.theme-light #header::before {content: url('/upload/bg/023.svg'); }
body.theme-light #header::before {backdrop-filter:blur(6.5px);
    mask: url('/upload/bg/024.svg');
    -webkit-mask: url('/upload/bg/024.svg');
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
}
#header a {color:var(--cream);}

.main-banner .promotion .box {position: absolute; cursor: pointer; user-select: none; display: inline-block;}
.main-banner .promotion #canvas {overflow:hidden; position:relative; height: 300px;}

ul.section-list {display: block; margin: 0; padding: 0;}
ul.section-list li {display: block; margin: 0; padding: 0;}
ul.section-list li.active {font-weight: bold;}
ul.section-list li a {display: block;}
ul.section-list li a:hover {font-weight: bold;}

.bx-filter .bx-filter-param-label {display: block;}
.bx-filter-input-checkbox {display: flex; gap:1rem;}
.bx-filter-input-checkbox .bx-filter-param-text {flex:1;}
.bx-ui-slider-pricebar-v {background: var(--green);}
.bx-ui-slider-pricebar-vn {background: var(--orange);}
.bx-filter .bx-ui-slider-range {z-index: 1000;}
.bx-ui-slider-handle {background: var(--orange); border-radius: 50%; transform: translate(50%, -50%); border:1px solid var(--green);}
.bx-ui-slider-handle.right {transform: translate(-50%, -50%);}

.btn-search {background: none; border: none; position: absolute; top:50%; right: 1rem; transform: translateY(-50%);}

.product-item-detail-slider-block {padding-top:500px;}
.product-item-detail-slider-image {background: #fff; border-radius: 30px; overflow: hidden;}
.product-item-detail-slider-image  video,
.product-item-detail-slider-image  img {width:100%; height: 100%; object-fit: cover;}
.product-item-detail-slider-controls-block {display: flex; overflow: auto; gap:1rem;}
.product-item-detail-slider-controls-image {width:120px; height: 160px; border-radius: 30px;}
.product-item-detail-slider-controls-image img {width:100%; height: 100%; object-fit: cover; max-width: none; max-height: none; position: relative;}
.product-item-detail-slider-controls-image[data-type="VIDEO"]::before {content:''; position: absolute; top:0; left:0; right:0; bottom: 0; background: rgba(0,0,0,.3); z-index: 5}
.product-item-detail-slider-controls-image[data-type="VIDEO"]::after {content:url('/upload/icons/play.svg'); position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 6}

.catalog-element .addcart {width:100%; background: var(--orange); border-radius: 30px; padding: 10px 15px; white-space: nowrap; align-items: center;}
.catalog-element .btn[name="like"] {padding: 0; width: 60px;}
.catalog-element .btn[name="like"].active {background: var(--green);}

.catalog-element input[name="quantity"] {width:30px; text-align:center; color:var(--cream); border:none; }
.btn.btn-success {background-color: rgba(var(--bs-success-rgb),1 )!important; border:none; box-shadow: none; padding: 10px;}
.catalog-element .btn.btn-light {background: var(--cream);  color:#000;}
.search-catalog {color: var(--green);border: 1px solid var(--khaki) ;}
.search-catalog.form-control:focus {color: var(--khaki);border-color: var(--khaki);outline: 0;box-shadow: 0 0 0 .25rem #7E822440;}
.search-catalog::placeholder {color: var(--khaki);opacity: 0.7;}


.basket-item-block-image {border-radius: 30px;overflow: hidden;max-width: 293px;padding: 0; border-right: 2px dashed var(--khaki);}
.basket-items-list-wrapper {display: flex; flex-direction: column; gap:1rem; border:0 none;}
.basket-items-list-header {background: var(--orange); color:var(--cream); border-radius: 30px;}
.basket-items-list-header-filter-item.active {color:var(--cream);}
.basket-item-info-name-link:hover{text-decoration: none; color: var(--khaki);}


.basket-checkout-container,
.bx-soa-cart-total,
.bx-soa-section {background: #FFFFFF99; border-radius: 30px !important; overflow: hidden; padding: 30px; position: relative;}
.basket-checkout-container::before,
.bx-soa-cart-total::before,
.bx-soa-section::before {content:''; border: 2px dashed var(--khaki); position: absolute; top:14px; left:14px; right:14px; bottom:14px; pointer-events: none; border-radius: 30px;}
.basket-items-list-table {border-spacing: 0 2rem;border-collapse: separate;}

.basket-items-list-item-container {background: #FFFFFF99;}
.basket-items-list-item-container td:first-child {border-radius: 30px 0 0 30px;}

.basket-items-list-item-container td:last-child {border-radius: 0 30px 30px 0;}

.basket-items-list-item-container::before {content:''; border: 2px dashed var(--khaki); position: absolute; top:14px; left:14px; right:14px; bottom:14px; pointer-events: none; border-radius: 30px;}

.basket-items-list{ border-radius: 30px !important; overflow: hidden;  position: relative;}
.basket-items-list-item-descriptions {padding-top: 14px; padding-bottom: 14px;}
.basket-item-block-amount {background: var(--orange); border-radius: 30px;}
.basket-item-amount-filed {background: var(--orange); border: none;}
.basket-item-amount-btn-plus:before,
.basket-item-amount-btn-plus:after,
.basket-item-amount-btn-minus:after {background-color: var(--cream);}
.basket-item-amount-btn-plus,
.basket-item-amount-btn-minus {width: 5px;}
.basket-item-actions-remove:after {display: none;}
.basket-item-actions-remove:before {position: absolute;width: 40px;height: 40px;top: 50%;left: 50%;background: url('../images/icons/basket/prod_del.svg') center no-repeat;content: '';transition: 300ms background-color ease;transform: translate(-50%, -50%);}
.basket-items-list-item-price-for-one::before {position: absolute;content: ""; top:14px; left:14px; right:14px; bottom:14px; border-left: 2px dashed var(--khaki);border-radius: 30px;}

.basket-item-actions-remove:hover:before{background-color: transparent;border-radius: 30px;border: 1px solid var(--green);}


.basket-checkout-block.basket-checkout-block-btn,
.basket-checkout-block-total-price,
.basket-coupon-block-field {margin: 0; padding: 0;}
.basket-checkout-section-inner.basket-checkout-section-inner,
.basket-checkout-block-total,
.basket-coupon-block-total-price-current,
.basket-checkout-block-total-price-inner {display: block; text-align: left;}
.basket-items-list-header.basket-items-list-header-fixed {top:0 !important;}
.basket-coupon-block-field {min-width: 100%;}





.card.card-body.card-product.theme-light .block-icons .icon,
.card.card-body.card-product.theme-dark .block-icons .icon {border:none; background-color:unset;}
.card.card-body.card-product.theme-light .block-icons .icon.icon-favorite.active {background-image: url('/upload/icons/like4.svg');}
.card.card-body.card-product.theme-dark .block-icons .icon.icon-favorite.active {background-image: url('/upload/icons/like5.svg');}
.personal-block{padding-bottom: 10rem;}
.personal .border-right {border-right: 2px dashed var(--khaki); border-radius: 30px}
.personal .border-left {border-left: 2px dashed var(--khaki); border-radius: 30px}
.personal .card .card-border {position: relative; padding: 1rem 2rem; }
.personal .card .card-border::before {border: 2px dashed var(--khaki); content:''; top:1rem; left:1rem; right: 1rem; bottom: 1rem; position: absolute; pointer-events: none; border-radius: 30px;}
.personal .card .card-border .row > * {padding-top: 1rem; padding-bottom: 1rem;}

.order-list-template-2 .road {border-bottom: 1px solid var(--khaki);}
.order-list-template-2 .road .item {position: relative; text-align: center; padding-bottom: 1rem;}
.order-list-template-2 .road .item::before {position: absolute; width:10px; height: 10px; background: var(--cream);border: 1px solid var(--green); content:''; top:100%; left:50%; transform:translate(-50%, -50%); border-radius: 50%;}
.order-list-template-2 .road .item.active::before {background: var(--khaki);border: 1px solid var(--khaki);}
.card-remove-address {position: relative; padding-left: 5rem;}
.card-remove-address::before {content:''; position:absolute; top:1rem; left:1rem; right:1rem; bottom:1rem; border-radius: 30px; border:2px dashed var(--khaki); pointer-events: none;}
.card-remove-address a.btn.btn-success{padding: 1rem 2rem;}

.bx-filter .bx-filter-block {display: block;}