/* Tema genel body arka plan rengi */
[data-bs-theme="dark"] {
    --uri-body-bg: #181d25;
}

body {
    background-color: var(--uri-body-bg);
}

/* Tüm ekranlar için (xs ve yukarısı) */
.row-cols-7>* {
    flex: 0 0 auto;
    width: 14.2857%;
}

.row-cols-8>* {
    flex: 0 0 auto;
    width: 12.5%;
}

.row-cols-9>* {
    flex: 0 0 auto;
    width: 11.1111%;
}

.row-cols-10>* {
    flex: 0 0 auto;
    width: 10%;
}

.row-cols-11>* {
    flex: 0 0 auto;
    width: 9.0909%;
}

.row-cols-12>* {
    flex: 0 0 auto;
    width: 8.3333%;
}

/* Breakpoint'li sınıflar */
@media (min-width: 576px) {
    .row-cols-sm-7>* {
        flex: 0 0 auto;
        width: 14.2857%;
    }

    .row-cols-sm-8>* {
        flex: 0 0 auto;
        width: 12.5%;
    }

    .row-cols-sm-9>* {
        flex: 0 0 auto;
        width: 11.1111%;
    }

    .row-cols-sm-10>* {
        flex: 0 0 auto;
        width: 10%;
    }

    .row-cols-sm-11>* {
        flex: 0 0 auto;
        width: 9.0909%;
    }

    .row-cols-sm-12>* {
        flex: 0 0 auto;
        width: 8.3333%;
    }
}

@media (min-width: 768px) {
    .row-cols-md-7>* {
        flex: 0 0 auto;
        width: 14.2857%;
    }

    .row-cols-md-8>* {
        flex: 0 0 auto;
        width: 12.5%;
    }

    .row-cols-md-9>* {
        flex: 0 0 auto;
        width: 11.1111%;
    }

    .row-cols-md-10>* {
        flex: 0 0 auto;
        width: 10%;
    }

    .row-cols-md-11>* {
        flex: 0 0 auto;
        width: 9.0909%;
    }

    .row-cols-md-12>* {
        flex: 0 0 auto;
        width: 8.3333%;
    }
}

@media (min-width: 992px) {
    .row-cols-lg-7>* {
        flex: 0 0 auto;
        width: 14.2857%;
    }

    .row-cols-lg-8>* {
        flex: 0 0 auto;
        width: 12.5%;
    }

    .row-cols-lg-9>* {
        flex: 0 0 auto;
        width: 11.1111%;
    }

    .row-cols-lg-10>* {
        flex: 0 0 auto;
        width: 10%;
    }

    .row-cols-lg-11>* {
        flex: 0 0 auto;
        width: 9.0909%;
    }

    .row-cols-lg-12>* {
        flex: 0 0 auto;
        width: 8.3333%;
    }
}

@media (min-width: 1200px) {
    .row-cols-xl-7>* {
        flex: 0 0 auto;
        width: 14.2857%;
    }

    .row-cols-xl-8>* {
        flex: 0 0 auto;
        width: 12.5%;
    }

    .row-cols-xl-9>* {
        flex: 0 0 auto;
        width: 11.1111%;
    }

    .row-cols-xl-10>* {
        flex: 0 0 auto;
        width: 10%;
    }

    .row-cols-xl-11>* {
        flex: 0 0 auto;
        width: 9.0909%;
    }

    .row-cols-xl-12>* {
        flex: 0 0 auto;
        width: 8.3333%;
    }
}

@media (min-width: 1400px) {
    .row-cols-xxl-7>* {
        flex: 0 0 auto;
        width: 14.2857%;
    }

    .row-cols-xxl-8>* {
        flex: 0 0 auto;
        width: 12.5%;
    }

    .row-cols-xxl-9>* {
        flex: 0 0 auto;
        width: 11.1111%;
    }

    .row-cols-xxl-10>* {
        flex: 0 0 auto;
        width: 10%;
    }

    .row-cols-xxl-11>* {
        flex: 0 0 auto;
        width: 9.0909%;
    }

    .row-cols-xxl-12>* {
        flex: 0 0 auto;
        width: 8.3333%;
    }
}

@keyframes wd-rotate {
    100% {
        transform: rotate(360deg)
    }
}

:root {
    --wd-text-line-height: 1.6;
    --wd-main-bgcolor: #fff;
    --color-white: #fff;
    --color-gray-100: #f7f7f7;
    --color-gray-200: #f1f1f1;
    --color-gray-300: #bbb;
    --color-gray-400: #a5a5a5;
    --color-gray-500: #767676;
    --color-gray-600: #666;
    --color-gray-700: #555;
    --color-gray-800: #333;
    --color-gray-900: #242424;
    --bgcolor-black-rgb: 0, 0, 0;
    --bgcolor-white-rgb: 255, 255, 255;
    --bgcolor-white: #fff;
    --bgcolor-gray-100: #f7f7f7;
    --bgcolor-gray-200: #f7f7f7;
    --bgcolor-gray-300: #f1f1f1;
    --bgcolor-gray-400: rgba(187, 187, 187, 0.4);
    --brdcolor-gray-200: rgba(0, 0, 0, 0.075);
    --brdcolor-gray-300: rgba(0, 0, 0, 0.105);
    --brdcolor-gray-400: rgba(0, 0, 0, 0.12);
    --brdcolor-gray-500: rgba(0, 0, 0, 0.2);
    --btn-default-bgcolor: #f7f7f7;
    --btn-default-bgcolor-hover: #efefef;
    --btn-accented-bgcolor: rgb(28, 28, 28);
    --btn-accented-bgcolor-hover: rgb(51, 51, 51);
    --wd-start: start;
    --wd-end: end;
    --wd-center: center;
    --wd-stretch: stretch;
}


.header-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
}

header>div {
    display: flex;
    align-items: center;
}

.navbar-stuck .sticky-hidden {
    display: none;
}

p {
    margin-bottom: 0;
}

.header-top .uri-col>*,
.header-middle .uri-col>*,
.header-bottom .uri-col>* {
    text-wrap: nowrap !important;
}

.uri-col {
    display: flex;
    max-height: inherit;
    gap: 10px;
    max-width: 100%;
}

.uri-col:not(footer .uri-col) {
    flex-direction: row;
    align-items: center;
}

footer .uri-col {
    flex-direction: column;
    align-items: start;
}

footer .uri-col>* {
    margin: 0;
}

footer .uri-col>*:empty {
    display: none;
}

.uri-col-left,
.uri-mobile-left {
    justify-content: flex-start;
}

.uri-col-right,
.uri-mobile-right {
    justify-content: flex-end;
}

.uri-col-center {
    justify-content: center;
    flex: 1 1 0%;
}

.uri-column {
    display: flex;
    align-items: center;
    flex-direction: row;
    max-height: inherit;
}

header .center {
    width: 100%;
}

header p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.header-banner {
    display: flex;
}

.header-banner a {
    text-align: center;
}

img.cart-product-img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.category-card-2 {
    overflow: hidden;
    position: relative;
    min-height: 350px;
}

.category-card-2:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.line-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp.clamp-1 {
    -webkit-line-clamp: 1;
}

.line-clamp.clamp-2 {
    -webkit-line-clamp: 2;
}

.line-clamp.clamp-3 {
    -webkit-line-clamp: 3;
}

.line-clamp.clamp-4 {
    -webkit-line-clamp: 4;
}

.line-clamp.clamp-5 {
    -webkit-line-clamp: 5;
}


@media(min-width:768px) {
    .offcanvas#shoppingCart {
        width: 500px;
    }
}

@media(max-width:768px) {
    img.cart-product-img {
        width: 130px;
        height: 130px;
    }

    ol.breadcrumb {
        flex-wrap: nowrap;
        text-wrap: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        padding-bottom: 1rem;
    }
}

header button.dropdown-toggle:after {
    display: none !important;
}

/* Read More */
[data-read-more="true"] {
    overflow: hidden;
    position: relative;
}

[data-read-more="true"]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 210px;
    background: linear-gradient(transparent, var(--bs-body-bg, #fff));
    pointer-events: none;
}


.read-more-button-wrapper {
    position: relative;
    z-index: 999;
}

[data-read-more="false"] .read-more-button-wrapper {
    bottom: -30px;
}

/* Swiper Elements */

.btn-prev {
    top: 50%;
    left: -2%;
    z-index: 999;
}

.btn-next {
    top: 50%;
    right: -2%;
    z-index: 999;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    display: none;
}

.swiper .slide-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

.swiper.content-type-inside .slide-wrapper {
    position: relative;
}

.swiper.content-type-inside .slide-wrapper .slide-container {
    position: absolute;
    z-index: 1;
    width: 100%;
}

/* Vertical */
.swiper.content-type-inside.vertical-align-top .slide-wrapper .slide-container {
    top: 3%;
    transform: none;
}

.swiper.content-type-inside.vertical-align-center .slide-wrapper .slide-container {
    top: 50%;
    transform: translateY(-50%) !important;
}

.swiper.content-type-inside.vertical-align-center.horizontal-align-center .slide-wrapper .slide-container {
    top: 50%;
    transform: translate(-50%, -50%) !important;
}

.swiper.content-type-inside.vertical-align-bottom .slide-wrapper .slide-container {
    bottom: 3%;
    transform: none;
}

/* Horizontal */
.swiper.content-type-inside.horizontal-align-left .slide-wrapper .slide-container {
    left: 3%;
}

.swiper.content-type-inside.horizontal-align-center .slide-wrapper .slide-container {
    left: 50%;
    transform: translateX(-50%);
}

.swiper.content-type-inside.horizontal-align-right .slide-wrapper .slide-container {
    right: 3%;
}

.swiper.text-align-left .slide-wrapper .slide-content>* {
    text-align: left;
}

.swiper.text-align-left .slide-wrapper .slide-content .slide-buttons {
    justify-content: flex-start;
}

.swiper.text-align-center .slide-wrapper .slide-content>* {
    text-align: center;
}

.swiper.text-align-center .slide-wrapper .slide-content .slide-buttons {
    justify-content: center;
}

.swiper.text-align-right .slide-wrapper .slide-content>* {
    text-align: right;
}

.swiper.text-align-right .slide-wrapper .slide-content .slide-buttons {
    justify-content: flex-end;
}

.swiper .swiper-slide {
    overflow: hidden;
}

.swiper .image-wrapper img {
    object-fit: cover;
    object-position: center;
    height: 350px;
}

.swiper .image-wrapper {
    position: relative;
    overflow: hidden;
}

.form-text, .text-muted {
    color: #222934 !important;
}
/* Container */

body[uritor-page] .container {
    display: flex;
    flex-direction: var(--container-flex-direction, column);
    justify-content: var(--container-justify-content, flex-start);
    align-items: var(--container-align-items, start);
    align-content: var(--container-align-content, flex-start);
    flex-wrap: var(--container-flex-wrap, wrap);
    gap: var(--container-gap-y, 10px) var(--container-gap-x, 10px);
    background-color: var(--container-backgroundColor, transparent);
    background-image: var(--container-backgroundImage, none);
    background-repeat: var(--container-backgroundRepeat, no-repeat);
    background-attachment: var(--container-backgroundAttachment, scroll);
    background-size: var(--container-backgroundSize, cover);
    background-position: var(--container-backgroundPosition, center);
    min-width: 0;
    --container-flex-direction: var(--container-flex-direction, column);
    --container-justify-content: var(--container-justify-content, flex-start);
    --container-align-items: var(--container-align-items, start);
    --container-align-content: var(--container-align-content, flex-start);
    --container-flex-wrap: var(--container-flex-wrap, wrap);
    --container-gap-x: var(--container-gap-x, 10px);
    --container-gap-y: var(--container-gap-y, 10px);
    --container-backgroundColor: var(--container-backgroundColor, transparent);
    --container-backgroundImage: var(--container-backgroundImage, none);
    --container-backgroundRepeat: var(--container-backgroundRepeat, no-repeat);
    --container-backgroundAttachment: var(--container-backgroundAttachment, scroll);
    --container-backgroundSize: var(--container-backgroundSizeCustom, var(--container-backgroundSizeNormal, cover));
    --container-backgroundPosition: var(--container-backgroundPosition, center);
}

body[uritor-page] .container>.swiper {
    min-width: 0;
    width: 100%;
    max-width: 100%;
}

.position-relative,
.position-relative > * {
    min-width: 0;
    max-width: 100%;
}


.swiper-wrapper {
    box-sizing: border-box;
}

body[uritor-page] .container > div {
    width: 100%;
}

/* Social Icons */

ul.social-icons,
ul.social-icons li a {
    gap: 16px;
}

/* Product */

.products-bordered-grid {
    gap: 0;
    align-items: stretch;
    border-inline-start: var(--wd-prods-brd);
    border-top: var(--wd-prods-brd-top);
    --uri-gutter-y: 0 !important;
    --uri-gutter-x: 0 !important;
    --wd-prods-brd: 1px solid var(--wd-bordered-brd, var(--brdcolor-gray-300));
    --wd-prods-brd-top: var(--wd-prods-brd);
}

.products-bordered-grid>.col {
    padding: 10px;
    border-bottom: var(--wd-prods-brd);
    border-inline-end: var(--wd-prods-brd);
}

.product-image {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: center;
}

/* Product Wrapper */
.product-wrapper {
    border-radius: var(--uri-border-radius);
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: var(--text-align);
    line-height: 1.4;
    gap: var(--wd-prod-gap);
    --text-align: start;
    --wd-btn-inset: 10px;
    --wd-prod-gap: 12px;
    --wd-prod-bg-sp: 0;
    --wd-prod-bg-cont-sp: 0;
    --wd-prod-trim: calc((var(--wd-text-line-height) * -.5em) + .5em);
    --wd-text-font-size: 1rem;
    --wd-text-line-height: 1.4;
    --wd-text-font-weight: 600;
    --wd-text-font-style: normal;
    --wd-text-font-family: var(--uri-font-family);
    --wd-text-text-transform: none;
    --wd-text-color: var(--color-gray-900);
}

.product-wrapper .wd-entities-title {
    font-size: inherit;
    text-align: var(--text-align);
}

.product-wrapper :is(.wd-entities-title, .product-wrapper-cats, .product-wrapper-brands-links,
    .product-wrapper-sku, .product-wrapper-stock, .price) {
    line-height: inherit;
    margin-block: -.2em;
}

.product-wrapper .price {
    display: block;
}

.product-wrapper:hover:not(:is(.product-swatched, .quick-shop-shown, [class*="wd-loading"])) .wd-buttons[class*="wd-pos-r"] {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

.product-wrapper .wd-buttons.wd-pos-r-t {
    top: var(--wd-btn-inset);
    inset-inline-end: var(--wd-btn-inset);
}

.product-wrapper .wd-buttons.wd-pos-r-b {
    inset-inline-end: var(--wd-btn-inset);
    bottom: var(--wd-btn-inset);
}

.product-wrapper .wd-buttons[class*="wd-pos-r"] {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(20px, 0, 0);
}

.product-wrapper .wd-buttons {
    z-index: 4;
    display: flex;
    flex-direction: column;
    border-radius: calc(var(--uri-border-radius) / 1.2);
    background: var(--uri-body-bg);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    transition: all .3s ease;
}

.product-wrapper .wd-action-btn {
    display: inline-flex;
    vertical-align: middle;
}

.product-wrapper .wd-action-btn.wd-style-icon {
    --wd-action-icon-size: 20px;
}

.product-wrapper .wd-action-btn.wd-style-icon>a {
    position: relative;
    flex-direction: column;
    width: 50px;
    height: 50px;
    font-weight: 400;
    font-size: 0 !important;
    line-height: 0;
}

.product-wrapper .wd-action-btn>a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--wd-action-color, var(--color-gray-800));
    cursor: pointer;
}

.wd-fill {
    position: absolute;
    inset: 0;
}

.wd-entities-title a {
    color: inherit;
}

.wd-entities-title {
    display: block;
    color: var(--wd-entities-title-color);
    word-wrap: break-word;
    font-weight: var(--wd-entities-title-font-weight);
    font-style: var(--wd-entities-title-font-style);
    font-family: var(--wd-entities-title-font);
    text-transform: var(--wd-entities-title-transform);
    line-height: 1.4;
}

.product-wrapper .hover-img {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--uri-body-bg);
    opacity: 0;
    transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
    pointer-events: none;
}

.product-wrapper:hover .hover-img {
    opacity: 1;
    transform: scale(1.09);
}

.product-element-top {
    position: relative;
    overflow: hidden;
    border-radius: var(--uri-border-radius);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
}

.product-image-link {
    position: relative;
    display: block;
}

[class*="screen-reader"] {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    transform: scale(0);
}

.price ins {
    padding: 0;
    background-color: transparent;
    color: var(--uri-primary-color);
    text-decoration: none;
    opacity: 1;
}

.price del {
    color: var(--color-gray-300);
    font-size: 90%;
}

del .amount {
    color: var(--color-gray-300);
    font-weight: 400;
}

.price .amount {
    font-size: inherit;
}

.amount {
    color: var(--uri-primary-color);
    font-weight: 600;
}

/* Product Card Info */

.product-wrapper.product-card-info .top-information {
    top: 25px;
    inset-inline: 25px;
}

.product-wrapper.product-card-info [class*="-information"] {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: var(--wd-prod-gap);
    transition: all .3s ease;
    z-index: 2;
}

.product-wrapper.product-card-info .bottom-information {
    inset-inline: 25px 60px;
    top: calc(100% - 20px);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateY(0) translateZ(0);
}

.product-wrapper.product-card-info .bottom-information :is(.login-to-prices-msg, .price) {
    position: absolute;
    bottom: 100%;
    inset-inline-start: 0;
    min-width: calc(100% - 60px);
}

.product-wrapper.product-card-info .bottom-information .price :is(ins, del) {
    display: block;
}

.product-wrapper.product-card-info .bottom-information .price ins {
    margin-top: 5px;
}

.product-wrapper.product-card-info:hover .bottom-information {
    transform: translateY(-100%) translateZ(0);
}

/* Product Card Inherit */

.product-card-inherit.product-card-inherit :is(.product-element, .top-information) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--wd-prod-gap);
}

.product-card-inherit.product-card-inherit .product-element {
    position: relative;
}

/* Product Card Alt */

.product-wrapper.product-card-alt :is(.wd-product-header, .wrap-price) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--wd-prod-gap);
}

.product-wrapper.product-card-alt .wrap-price {
    flex-wrap: wrap;
}

.product-wrapper.product-card-alt .swap-elements {
    display: flex;
    flex-direction: column;
    gap: var(--wd-prod-gap);
}

.product-wrapper.product-card-alt .wd-add-btn>a {
    padding: 0;
    min-height: unset;
    background-color: transparent;
    color: var(--color-gray-900);
    text-transform: capitalize;
    white-space: nowrap;
    font-size: 90%;
    font-weight: 600;
    transition: all .2s ease;
}

.product-wrapper.product-card-alt .wd-add-btn>a span {
    position: relative;
    display: inline-block;
    border-bottom: 1px solid var(--brdcolor-gray-300);
    vertical-align: middle;
}

.product-wrapper.product-card-alt .wd-add-btn>a span:before {
    content: "";
    position: absolute;
    top: 100%;
    inset-inline-start: 0;
    width: 0;
    height: 1px;
    transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15);
    background-color: var(--uri-primary-color);
}

.product-wrapper.product-card-alt .wd-add-btn>a:after {
    position: absolute;
    top: calc(50% - var(--wd-text-font-size) / 2);
    inset-inline-start: 0;
    opacity: 0;
    transition: opacity .25s ease;
    content: "";
    display: inline-block;
    width: var(--wd-text-font-size);
    height: var(--wd-text-font-size);
    border: 1px solid rgba(0, 0, 0, 0);
    border-left-color: var(--color-gray-900);
    border-radius: 50%;
    vertical-align: middle;
    animation: wd-rotate 450ms infinite linear var(--wd-anim-state, paused);
}

.product-wrapper.product-card-alt:hover .swap-elements {
    transform: translateY(-50%);
}

.product-wrapper.product-card-alt .wd-add-btn>a:hover span:before {
    width: 100%;
}

@media (min-width: 1025px) {
    .product-wrapper.product-card-alt:not(.wd-variation-active) .swap-wrapp {
        overflow: hidden;
        height: calc(var(--wd-text-font-size) * 1.4);
        transition: all .3s ease;
        margin-block: -.2em;
    }

    .product-wrapper.product-card-alt:not(.wd-variation-active) .swap-elements {
        display: block;
        transition: transform .3s ease;
    }

    .product-wrapper.product-card-alt:not(.wd-variation-active) .swap-elements :is(.price, .wd-add-btn) {
        line-height: calc(var(--wd-text-font-size) * 1.4);
        margin-top: -2px;
    }


}

/* Product Card Icons */

.product-wrapper.product-card-icons .wrapp-buttons {
    position: absolute;
    inset-inline: 0;
    bottom: 10px;
    text-align: center;
    transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 25px, 0);
}

.product-wrapper.product-card-icons .wd-buttons {
    display: inline-flex;
    align-items: stretch;
    flex-direction: row;
    padding: 0 7px;
    max-width: calc(100% - 20px);
}

.product-wrapper.product-card-icons .wd-buttons .wd-action-btn {
    flex: 1 1 auto;
    max-width: 43px;
    width: 100vw;
}

.product-wrapper.product-card-icons .wd-buttons .wd-action-btn>a {
    width: 100%;
}

.product-wrapper.product-card-icons:not(:is(.quick-shop-shown, .product-swatched, [class*="wd-loading"])):hover .wrapp-buttons {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

/* Product Card Button */

.product-wrapper.product-card-button {
    --text-align: center;
}

@media (min-width: 1025px) {

    .product-wrapper.product-card-button .product-element-top:before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 2;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        transition: opacity .3s ease;
        pointer-events: none;
    }

    .product-wrapper.product-card-button:not(:is(.product-swatched, .quick-shop-shown, [class*="wd-loading"])):hover .product-element-top:before {
        opacity: 1;
    }

    .product-wrapper.product-card-button .wd-add-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 3;
        text-align: center;
        opacity: 0;
        transform: translate(-50%, 0);
        transition: transform .3s ease, opacity .3s ease;
    }

    .product-wrapper.product-card-button:not(:is(.product-swatched, .quick-shop-shown, [class*="wd-loading"])):hover .wd-add-btn {
        transform: translate(-50%, -50%);
        opacity: 1;
    }

    .product-wrapper.product-card-button .wd-buttons {
        background: none;
        box-shadow: none;
    }

    .product-wrapper.product-card-button .wd-buttons .wd-action-btn>a {
        color: #fff;
    }
}

.wd-add-btn-replace .add-to-cart-loop {
    overflow: hidden;
    padding: 0;
}

.wd-add-btn-replace .add-to-cart-loop span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: inherit;
    transition: transform .25s ease, opacity .15s ease;
}

.wd-add-btn-replace .add-to-cart-loop:before {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 20px;
    transition: opacity .15s ease, transform .25s ease;
    transform: translateY(100%);
    content: "\f123";
    font-family: "woodmart-font";
}

.wd-add-btn-replace .add-to-cart-loop:after {
    position: absolute;
    top: calc(50% - 9px);
    inset-inline-start: calc(50% - 9px);
    opacity: 0;
    transition: opacity .2s ease;
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-left-color: currentColor;
    border-radius: 50%;
    vertical-align: middle;
    animation: wd-rotate 450ms infinite linear var(--wd-anim-state, paused);
}

/* Product Card Base */

.product-wrapper.product-card-base {
    --text-align: center;
}

.wd-hover-with-fade.product-wrapper {
    position: relative;
    transition: transform .3s ease;
}

.wd-hover-with-fade .content-product-imagin {
    position: absolute;
    inset: -15px -15px -2px -15px;
    visibility: hidden;
    border: inherit;
    border-radius: 0.5rem;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    opacity: 0;
    transform: scale(0.98);
}


.product-wrapper.product-card-base .wrapp-swatches {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    min-height: 47px;
    border-top: 1px solid var(--brdcolor-gray-300);
    border-bottom: 1px solid var(--brdcolor-gray-300);
    background-color: var(--wd-prod-bg, var(--bgcolor-white));
    transition: transform .3s ease;
    transform: translateY(calc(100% + 1px)) translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.product-wrapper.product-card-base .wd-compare-btn {
    margin-inline-start: auto;
}

.product-wrapper.product-card-base :is(.wd-bottom-actions .wd-action-btn.wd-style-icon, .wd-compare-btn)>a {
    width: 35px;
    height: 35px;
}

.product-wrapper.product-card-base .product-element-bottom {
    padding: 0 10px var(--wd-prod-gap) 10px;
}

.product-wrapper.product-card-base .product-element-bottom {
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.product-wrapper :where(.product-wrapper, .product-element-bottom) {
    display: flex;
    flex-direction: column;
    gap: var(--wd-prod-gap);
}

.product-wrapper.product-card-base .product-rating-price {
    margin-block: -.2em;
}

.product-wrapper.product-card-base .wrapp-product-price {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: var(--wd-prod-gap);
}

.product-wrapper.product-card-base .product-rating-price :is(.star-rating, .price) {
    line-height: calc(var(--wd-text-font-size) * 1.4);
    margin: 0;
}

.product-wrapper.product-card-base .fade-in-block {
    top: 100%;
    padding: 0 10px 10px 10px;
}

.wd-hover-with-fade .fade-in-block {
    display: flex;
    flex-direction: column;
    gap: var(--wd-prod-gap);
    position: absolute;
    inset-inline: 0;
    visibility: hidden;
    opacity: 0;
}

.product-wrapper.product-card-base .hover-content {
    padding-inline: 2px;
    margin-block: var(--wd-prod-trim);
}

.wd-more-desc {
    position: relative;
    overflow: hidden;
    max-height: calc(var(--wd-text-line-height) * var(--wd-more-desc-lines, calc(3em + 2px)));
}

.wd-more-desc .wd-more-desc-inner {
    --wd-tags-mb: 10px;
    line-height: var(--wd-text-line-height);
}

.wd-more-desc .wd-more-desc-btn {
    --wd-link-color: var(--color-gray-900);
    --wd-link-color-hover: var(--color-gray-900);
    position: absolute;
    inset: auto 0 0 0;
    z-index: 2;
    display: flex;
    align-items: end;
    justify-content: center;
    height: calc(var(--wd-text-line-height) * 1em);
    background: linear-gradient(to bottom, transparent 0, var(--wd-prod-bg, var(--bgcolor-white)) 90%);
    transform: translateY(calc(var(--wd-text-line-height) * 1em));
}

.wd-more-desc .wd-more-desc-btn:after {
    font-size: 20px;
    line-height: .8;
    content: "•••";
    color: var(--color-gray-900);
}

.product-wrapper.product-card-base .wd-bottom-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-wrapper.product-card-base .wd-bottom-actions .wrap-wishlist-button {
    flex: 1 0 0;
    text-align: start;
}

.product-wrapper.product-card-base .wd-bottom-actions.wd-add-small-btn>div:not(:empty)+div:not(:empty),
.product-wrapper.product-card-base .wd-bottom-actions.wd-add-small-btn>div:not(:empty)+div:empty+div:not(:empty) {
    border-inline-start-style: solid;
}

.product-wrapper.product-card-base .wd-bottom-actions.wd-add-small-btn .wd-add-btn {
    flex: 1 0 0;
}

.product-wrapper.product-card-base .wd-bottom-actions.wd-add-small-btn .wd-action-btn {
    width: 100%;
    justify-content: center;
}

.product-wrapper.product-card-base .wd-bottom-actions.wd-add-small-btn>div {
    border-inline-start: 1px none var(--brdcolor-gray-300);
}

.product-wrapper.product-card-base .wd-bottom-actions.wd-add-small-btn .wd-action-btn>a {
    width: inherit;
}

.product-wrapper.product-card-base :is(.wd-bottom-actions .wd-action-btn.wd-style-icon, .wd-compare-btn)>a {
    width: 35px;
    height: 35px;
}

.product-wrapper.product-card-base:hover .product-wrapper {
    z-index: 20;
    transform: translateY(-5px) translateZ(0);
}

.product-wrapper.product-card-base:hover .content-product-imagin {
    visibility: visible;
    opacity: 1;
    transition: opacity .3s ease, visibility .0s ease, transform .3s ease;
    transform: scale(1);
    z-index: 9;
}

.product-wrapper.product-card-base:hover .wrapp-swatches {
    transform: none;
}

.product-wrapper.product-card-base:hover .fade-in-block {
    visibility: visible;
    opacity: 1;
    transition: opacity .3s ease, visibility .0s ease;
}

.product-wrapper.product-card-base:hover .product-element-top,
.product-wrapper.product-card-base:hover .product-element-bottom {
    z-index: 10;
}

.product-wrapper.product-card-base:hover .wd-more-desc-btn {
    transform: none;
}

/* Product Card Tiled */

.product-wrapper.product-card-tiled {
    background-color: var(--wd-prod-bg, var(--bgcolor-white));
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
    gap: 0;
}

.product-wrapper.product-card-tiled .product-element-top {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.product-wrapper.product-card-tiled .product-element-bottom {
    padding: 1rem;
}

/* Product Card Small */

.product-wrapper.product-card-small {
    position: relative;
    flex-direction: row;
    gap: 15px;
}

.product-wrapper.product-card-small .product-element-top {
    flex: 0 0 auto;
    max-width: 50%;
    border-radius: calc(var(--uri-border-radius) / 1.5);
}

.product-wrapper.product-card-small .product-element-top :is(.product-image-link, .hover-img) img {
    border-radius: calc(var(--uri-border-radius) / 1.5);
    height: 100px;

}



.product-wrapper.product-card-buttons-on-hover .product-element-top {
    border-radius: var(--uri-border-radius);
}

.product-wrapper.product-card-buttons-on-hover .product-element-bottom .wd-buttons {
    opacity: .6;
    visibility: visible;
    transform: none;
    background: none;
    box-shadow: none;
}


.product-wrapper.product-card-buttons-on-hover .product-element-bottom {
    padding: 0;
    background-color: inherit;
}

.product-wrapper.product-card-buttons-on-hover :is(.wd-product-header, .wrap-price) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--wd-prod-gap);
}

.product-wrapper.product-card-buttons-on-hover .wrap-price {
    flex-wrap: wrap;
}

.product-wrapper.product-card-buttons-on-hover :is(.wd-product-header, .wrap-price) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--wd-prod-gap);
}

.product-wrapper.product-card-buttons-on-hover .wd-action-buttons {
    display: inline-flex;
    gap: var(--wd-prod-gap);
}

.product-wrapper.product-card-buttons-on-hover .product-element-bottom .wd-action-btn.wd-style-icon>a {
    width: 30px;
    height: 30px;
    padding: 0;
}

@media (min-width: 1025px) {
    .product-wrapper.product-card-buttons-on-hover .product-element-top {
        clip-path: inset(0 0 0 0 round var(--uri-border-radius));
        transition: all .3s ease;
    }

    .product-wrapper.product-card-buttons-on-hover .product-element-bottom {
        margin-bottom: -48px;
        transition: all .3s ease;
        z-index: 2;
    }

    .product-wrapper.product-card-buttons-on-hover .wd-product-footer {
        display: flex;
        align-items: center;
        gap: 15px;
        opacity: 0;
        transition: all .3s ease;
    }

    .product-wrapper.product-card-buttons-on-hover:not(:is(.quick-shop-shown, .wd-loading)):is(:hover, .wd-variation-active) .product-element-top {
        clip-path: inset(0 0 48px 0 round var(--uri-border-radius));
    }

    .product-wrapper.product-card-buttons-on-hover:not(:is(.quick-shop-shown, .wd-loading)):is(:hover, .wd-variation-active) :is(.product-element-bottom, .wd-product-grid-slider-pagin) {
        transform: translateY(-48px);
    }

    .product-wrapper.product-card-buttons-on-hover:not(:is(.quick-shop-shown, .wd-loading)):is(:hover, .wd-variation-active) .wd-product-footer {
        opacity: 1;
    }
}


/* Product Card Buttons On Hover */

.product-wrapper.product-card-buttons-on-hover {
    overflow: hidden;
    border-radius: 0;
    transition: all .3s ease;
    transform: translate3d(0, 0, 0);
}

/* Product Card Helpers */

@media (min-width: 1025px) {

    .product-card-inherit .top-information :is(.amount, .price, .price ins) {
        color: #fff;
    }

    .product-card-inherit .top-information>* {
        pointer-events: auto;
    }

    .product-wrapper.product-card-inherit {
        --wd-btn-inset: 0;
    }

    .product-card-inherit .top-information {
        z-index: 3;
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s ease, visibility .3s ease;
        padding: 10px 38px;
        pointer-events: none;
    }

    .product-card-inherit :is(.top-information, .product-wrapper-grid-slider-nav, .wd-buttons) {
        --color-gray-300: rgba(255, 255, 255, 0.5);
        --color-gray-400: rgba(255, 255, 255, 0.6);
        --color-gray-500: rgba(255, 255, 255, 0.7);
        --color-gray-700: rgba(255, 255, 255, 0.9);
        --color-gray-800: #fff;
        --color-gray-900: #fff;
        --color-white: #000;
        --wd-form-brd-color: #fff;
        --wd-form-color: #fff;
        --wd-form-brd-color-focus: rgba(255, 255, 255, 0.5);
        --wd-link-color: rgba(255, 255, 255, 0.7);
        --wd-link-color-hover: #fff;
        --wd-entities-title-color: #fff;
        --wd-entities-title-color-hover: rgba(255, 255, 255, 0.8);
    }

    .product-card-inherit.wd-hover-button .product-element-top:before,
    .product-card-inherit .product-element-top:before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 2;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        transition: opacity .3s ease;
        pointer-events: none;
    }

    .product-wrapper.wd-hover-button:not(:is(.product-swatched, .quick-shop-shown, [class*="wd-loading"])):hover .product-element-top:before,
    .product-wrapper.product-card-inherit:hover:not(:is(.quick-shop-shown, [class*="wd-loading"])) .product-element-top:before {
        opacity: 1;
    }

    .product-wrapper.product-card-inherit:hover:not(:is(.quick-shop-shown, [class*="wd-loading"])) .top-information {
        opacity: 1;
        visibility: visible;
    }

    .product-wrapper.product-card-inherit .wd-buttons {
        background: none;
        box-shadow: none;
    }
}

/* Category */

.category-wrapper {
    position: relative;
    overflow: hidden;
}


.category-wrapper {
    border-radius: var(--uri-border-radius);
}

.category-wrapper .wd-cat-thumb {
    position: relative;
    overflow: hidden;
    border-radius: var(--uri-border-radius);
    transform: translate3d(0, 0, 0);
}

.category-wrapper .wd-cat-image {
    display: block;
    margin: -1px;
    transition: transform 0.5s cubic-bezier(0, 0, 0.44, 1.18);
}

.category-wrapper .wd-cat-count>a {
    color: inherit;
}

.category-wrapper .wd-cat-inner>a {
    z-index: 5;
}

.category-wrapper .wd-cat-image img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.category-wrapper .wd-entities-title {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 20px;
}

.category-wrapper .wd-cat-content {
    padding: 10px;
}


.category-wrapper:hover .wd-cat-image {
    transform: scale3d(1.1, 1.1, 1);
}


.category-wrapper .wd-cat-count>a {
    text-decoration: none;
}

.category-wrapper>a {
    z-index: 5;
}

.categories-bordered-grid {
    gap: 0;
    align-items: stretch;
    border-inline-start: var(--wd-prods-brd);
    border-top: var(--wd-prods-brd-top);
    --uri-gutter-y: 0 !important;
    --uri-gutter-x: 0 !important;
    --wd-prods-brd: 1px solid var(--wd-bordered-brd, var(--brdcolor-gray-300));
    --wd-prods-brd-top: var(--wd-prods-brd);
}

.categories-bordered-grid>.col {
    padding: 10px;
    border-bottom: var(--wd-prods-brd);
    border-inline-end: var(--wd-prods-brd);
}

/* Category Card Inherit */

.category-card-inherit {
    overflow: hidden;
}

@media (min-width: 769px) {
    .category-card-inherit .wd-cat-content {
        position: absolute;
        inset-inline: 20px;
        bottom: 0;
        padding: 0 !important;
        text-align: start;
        transition: transform .3s ease;
        transform: translateY(100%) translateZ(0);
    }

    .category-card-inherit .wd-cat-count {
        margin-top: 5px;
        opacity: 0;
        transition: transform .3s ease, opacity .3s ease;
        transform: translateY(15px) translateZ(0);
    }

    .category-card-inherit .wd-entities-title {
        position: absolute;
        bottom: 150%;
        inset-inline-start: 0;
        margin-bottom: 0;
        transition: bottom .3s ease;
        text-transform: capitalize;
    }


    .category-card-inherit:hover .wd-cat-content {
        transform: translateY(-15px) translateZ(0);
    }

    .category-card-inherit:hover .wd-entities-title {
        bottom: 100%;
    }

    .category-card-inherit:hover .wd-cat-count {
        opacity: 1;
        transform: translateY(0) translateZ(0);
    }



    .wd-cat-inner {
        overflow: hidden;
    }
}

/* Category Card Alt */

.category-card-alt .wd-cat-thumb {
    margin-inline: auto;
    max-width: var(--wd-cat-img-width);
}

.category-card-alt img {
    width: revert-layer;
}

.category-card-alt .wd-cat-content {
    text-align: center;
}

.category-card-alt .wd-entities-title {
    text-transform: capitalize;
}


/* Category Card Center Title */

.category-card-center-title {
    overflow: hidden;
}

@media (min-width: 769px) {

    .category-card-center-title:before,
    .category-card-center-title :is(.wd-cat-content, .wd-cat-count) {
        transform: translate3d(0, 0, 0);
    }

    .category-card-center-title:before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 2;
        background-color: #000;
        opacity: .1;
        transition: opacity 0.5s cubic-bezier(0, 0, 0.44, 1.18);
    }

    .category-card-center-title:not(.without-product-count) .wd-cat-content {
        transform: translateY(calc(-50% + 12px)) translateZ(0);
    }

    .category-card-center-title .wd-entities-title {
        color: #fff;
    }

    .category-card-center-title .wd-cat-count {
        margin-top: 5px;
        line-height: 20px;
        opacity: 0;
        transition: transform .3s ease, opacity .3s ease;
        transform: translateY(15px) translateZ(0);
        color: rgba(255, 255, 255, 0.9);
    }

    .category-card-center-title:hover:before {
        opacity: .4;
    }

    .category-card-center-title:not(.without-product-count):hover .wd-cat-content {
        transform: translateY(-50%) translateZ(0);
    }

    .category-card-center-title .wd-cat-content {
        position: absolute;
        top: 50%;
        inset-inline: 0;
        z-index: 3;
        padding: 15px;
        transition: transform .3s ease;
        text-align: center;
        color: #fff;
    }

    .category-card-center-title:not(.without-product-count):hover .wd-cat-count {
        opacity: 1;
        transform: none;
    }
}

/* Category Card Replace Title */

@media (min-width: 769px) {

    .category-card-replace-title:before,
    .category-card-replace-title :is(.wd-cat-content, .wd-cat-count) {
        transform: translate3d(0, 0, 0);
    }

    .category-card-replace-title:before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 2;
        background-color: #000;
        opacity: .1;
        transition: opacity 0.6s cubic-bezier(0, 0, 0.44, 1.18);
    }

    .category-card-replace-title:before,
    .category-card-replace-title :is(.wd-cat-content, .wd-cat-count) {
        transform: translate3d(0, 0, 0);
    }

    .category-card-replace-title :is(.wd-cat-content, .wd-cat-count) {
        position: absolute;
        inset: 0;
        z-index: 3;
        display: flex;
        align-items: center;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        padding: 15px;
    }

    .category-card-replace-title .wd-entities-title {
        padding: 12px 25px;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        color: #fff;
        font-size: 18px;
        line-height: 1.4;
        transition: opacity .25s ease .25s;
        background-color: var(--uri-primary);
        border-radius: var(--uri-border-radius);
        text-align: center;
    }

    .category-card-replace-title .wd-cat-count {
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 16px;
        opacity: 0;
        transition: opacity .25s ease;
    }

    .category-card-replace-title:hover:before {
        opacity: .4;
    }

    .category-card-replace-title:not(.without-product-count):hover .wd-entities-title {
        opacity: 0;
        transition: opacity .25s ease;
    }

    .category-card-replace-title:not(.without-product-count):hover .wd-cat-count {
        opacity: 1;
        transition: opacity .25s ease .25s;
    }
}

/* Category Card Zoom Out */

.category-card-zoom-out {
    overflow: hidden;
    border-radius: var(--uri-border-radius);
    transform: translate3d(0, 0, 0);
}

.category-card-zoom-out .wd-cat-thumb:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background-color: #000;
    opacity: .1;
    transition: opacity 0.5s cubic-bezier(0, 0, 0.44, 1.18);
}

.category-card-zoom-out .wd-cat-content {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
    padding: 10px;
}

.category-card-zoom-out .wd-cat-count {
    margin-top: 10px;
    line-height: 20px;
    color: #fff;
    transition: transform .3s ease, opacity .3s ease;
    text-align: center;
}

.category-card-zoom-out .wd-entities-title {
    display: inline-block;
    padding: .2em .9em;
    background-color: #fff;
    border-radius: 25px;
    text-align: center;
}

@media (min-width: 769px) {
    .category-card-zoom-out .wd-cat-image {
        transform: scale3d(1.1, 1.1, 1);
        transition: transform 0.5s cubic-bezier(0, 0, 0.44, 1.18);
    }

    .category-card-zoom-out:not(.without-product-count) .wd-cat-header {
        transform: translateY(15px) translateZ(0);
        transition: transform .3s ease;
    }

    .category-card-zoom-out .wd-cat-count {
        opacity: 0;
        transform: translateY(15px) translateZ(0);
    }

    .category-card-zoom-out:hover .wd-cat-thumb:before {
        opacity: .4;
    }

    .category-card-zoom-out:hover .wd-cat-image {
        transform: none;
    }

    .category-card-zoom-out:not(.without-product-count):hover .wd-cat-header {
        transform: none;
    }

    .category-card-zoom-out:hover .wd-cat-count {
        opacity: 1;
        transform: none;
    }
}