.wd-loader:after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    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);
}
.dropdowns-loading .dropdown-load-ajax.menu-mega-dropdown:not(.dropdown-with-height) > .wd-dropdown-menu {
    min-height: 400px;
}
.dropdowns-loaded .dropdown-load-ajax > .wd-dropdown-menu > .container {
    animation: wd-fadeIn 0.3s ease;
}
.dropdown-html-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--bgcolor-white-rgb), 0.6);
    border-radius: var(--wd-brd-radius);
}
.dropdown-html-placeholder:after {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    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);
}
.dropdowns-loading .dropdown-html-placeholder:after {
    --wd-anim-state: running;
}
.wd-dropdown-menu:is(.wd-design-sized, .wd-design-full-width, .wd-design-full-height) > .container > .wd-grid-f-inline,
.wd-dropdown-menu:is(.wd-design-sized, .wd-design-full-width, .wd-design-full-height)
    > div
    > div
    > .container
    > .wd-grid-f-inline {
    --wd-f-basis: 200px;
}
.wd-side-hidden.wd-opened {
    transform: none;
}
@media (max-width: 1024px) {
    .wd-side-hidden {
        --wd-side-hidden-w: min(300px, 80vw);
    }
    html:has(.wd-side-hidden.wd-opened) {
        overflow: hidden;
    }
}
.tooltip .tooltip-inner {
    padding: 7px 15px;
    width: max-content;
    max-width: 200px;
    text-transform: none;
    font-weight: 400;
    font-size: 12px;
    line-height: var(--wd-text-line-height);
    background-color: var(--wd-tooltip-bg);
    color: var(--wd-tooltip-color);
    text-align: center;
    word-break: break-word;
    border-radius: calc(var(--wd-brd-radius) / 1.5);
}
.tooltip .tooltip-arrow {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: var(--wd-tooltip-bg);
}
.tooltip.top {
    margin-top: -8px;
}
.tooltip.top .tooltip-arrow {
    top: calc(100% - 1px);
    left: 50%;
    clip-path: polygon(0 0, 50% 50%, 100% 0);
    transform: translateX(-50%);
}
.tooltip.bottom {
    margin-top: 8px;
}
.tooltip.bottom .tooltip-arrow {
    bottom: calc(100% - 1px);
    left: 50%;
    clip-path: polygon(0 100%, 50% 50%, 100% 100%);
    transform: translateX(-50%);
}
.tooltip.left {
    margin-left: -8px;
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    left: calc(100% - 1px);
    clip-path: polygon(0 0, 50% 50%, 0 100%);
    transform: translateY(-50%);
}
.tooltip.right {
    margin-left: 8px;
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    right: calc(100% - 1px);
    clip-path: polygon(100% 0, 50% 50%, 100% 100%);
    transform: translateY(-50%);
}
.wd-tltp {
    position: relative;
}
.wd-tltp .tooltip {
    margin: 0;
}
.wd-tltp .tooltip.top {
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 8px;
}
.wd-tltp .tooltip.top .tooltip-inner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 8px;
    inset: auto 0 -8px 0;
}
.wd-tltp .tooltip:is(.left, .right) .tooltip-inner:after {
    content: "";
    position: absolute;
    inset-block: 0;
    width: 10px;
}
.wd-tltp .tooltip.left {
    top: 50%;
    right: calc(100% + 8px);
    transform: translateY(-50%);
}
.wd-tltp .tooltip.left .tooltip-inner:after {
    left: 100%;
}
.wd-tltp .tooltip.right {
    top: 50%;
    left: calc(100% + 8px);
    transform: translateY(-50%);
}
.wd-tltp .tooltip.right .tooltip-inner:after {
    right: 100%;
}
.wd-tltp .tooltip-inner > * {
    margin-top: 0;
    margin-bottom: 10px;
}
.wd-tltp .tooltip-inner > *:last-child {
    margin-bottom: 0;
}
.wd-tltp .tooltip-inner a:not(.wd-social-icon) {
    text-decoration: underline;
}
.tooltip.in,
.wd-tltp:is(:hover, :focus, :focus-within) .tooltip {
    pointer-events: unset;
    opacity: 1;
    animation: wd-fadeIn 0.3s ease;
}
.wd-close-side {
    position: fixed;
    display: block;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    pointer-events: none;
    transition:
        opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1),
        z-index 0s cubic-bezier(0.19, 1, 0.22, 1) 0.5s,
        top 0s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
    z-index: 400;
}
.wd-close-side[class*="wd-location-header"] {
    z-index: 389;
    top: var(--wd-admin-bar-h);
}
.wd-close-side.wd-location-sticky-nav {
    z-index: 392;
}
.wd-close-side.wd-close-side-opened {
    opacity: 1;
    pointer-events: unset;
    transition-delay: 0s;
}
@media (max-width: 1024px) {
    .wd-close-side {
        top: -150px;
    }
}
.wd-action-icon:after {
    position: absolute;
    top: calc(50% - 0.5em);
    inset-inline-start: calc(50% - 0.5em);
    opacity: 0;
    transition: opacity 0.2s ease;
    font-size: var(--wd-action-icon-size);
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    border: 1px solid rgba(0, 0, 0, 0);
    border-left-color: var(--wd-action-icon-color, var(--wd-action-color));
    border-radius: 50%;
    vertical-align: middle;
    animation: wd-rotate 450ms infinite linear var(--wd-anim-state, paused);
}
.wd-action-btn > a:hover .wd-action-icon:before {
    color: var(--wd-action-icon-color-hover, var(--wd-action-color-hover));
}
.wd-action-btn > a:hover .wd-action-text {
    color: var(--wd-action-text-color-hover, var(--wd-action-color-hover));
}
.wd-action-btn > a.loading {
    pointer-events: none;
    transform: translateZ(0);
}
.wd-action-btn > a.loading .wd-action-icon:before {
    opacity: 0;
}
.wd-action-btn > a.loading .wd-action-icon:after {
    opacity: 1;
    --wd-anim-state: running;
}
.wd-action-btn .wd-check-icon {
    position: absolute;
    display: none;
    transform: translate3d(23px, 12px, 0);
}
.wd-action-btn .wd-check-icon:before {
    content: "\f107";
    font-family: "woodmart-font";
    color: var(--wd-primary-color);
    font-size: 15px;
}
.wd-action-btn > a.added .wd-check-icon {
    display: flex;
}
.wd-action-btn > a.loading .wd-check-icon {
    display: none;
}
.wd-heading {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 20px 15px;
    border-bottom: 1px solid var(--brdcolor-gray-300);
}
.wd-heading > a {
    --wd-link-color: var(--wd-primary-color);
    --wd-link-color-hover: var(--wd-primary-color);
}
.wd-heading > a:hover {
    opacity: 0.7;
}
.wd-heading .title {
    flex: 1 1 auto;
    margin-bottom: 0;
    font-size: 130%;
}
.wd-heading .wd-action-btn {
    flex: 0 0 auto;
}
.wd-heading .wd-action-btn.wd-style-text > a {
    height: 25px;
}