.wd-btn-arrow {
transition:all .25s ease}
.wd-btn-arrow.wd-lock,.wd-carousel:not(.wd-initialized)+.wd-nav-arrows .wd-btn-arrow {
opacity:0 !important;
pointer-events:none !important}
.wd-arrow-inner {
display:inline-flex;
align-items:center;
justify-content:center;
width:var(--wd-arrow-width, var(--wd-arrow-size, 50px));
height:var(--wd-arrow-height, var(--wd-arrow-size, 50px));
line-height:1;
color:var(--wd-arrow-color, var(--color-gray-800));
background:var(--wd-arrow-bg, unset);
box-shadow:var(--wd-arrow-shadow, unset);
border:var(--wd-arrow-brd, unset) var(--wd-arrow-brd-color, unset);
border-radius:var(--wd-arrow-radius, unset);
cursor:pointer;
transition:all .25s ease}
.wd-arrow-inner:after {
font-size:var(--wd-arrow-icon-size, 24px);
font-family:"woodmart-font"}
.wd-arrow-inner:hover {
color:var(--wd-arrow-color-hover, var(--color-gray-500));
background:var(--wd-arrow-bg-hover, var(--wd-arrow-bg));
border-color:var(--wd-arrow-brd-color-hover, var(--wd-arrow-brd-color))}
.wd-disabled .wd-arrow-inner {
color:var(--wd-arrow-color-dis, var(--color-gray-400));
background:var(--wd-arrow-bg-dis, var(--wd-arrow-bg));
border-color:var(--wd-arrow-brd-color-dis, var(--wd-arrow-brd-color));
cursor:unset}
.wd-arrow-inner:after {
content:"";
display:block;
width:18px;
height:18px;
font-size:0;
font-family:initial !important;
background-repeat:no-repeat;
background-position:center;
background-size:contain;
}

/* Влево */
.wd-prev .wd-arrow-inner:after,
.wd-icon-2 .wd-prev .wd-arrow-inner:after {
content:"";
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 6L9 12L15 18' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
}

/* Вправо */
.wd-next .wd-arrow-inner:after,
.wd-icon-2 .wd-next .wd-arrow-inner:after {
content:"";
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6L15 12L9 18' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
}

.wd-nav-arrows.wd-pos-sep:after {
content:"";
position:absolute;
inset:0px calc((var(--wd-arrow-width, var(--wd-arrow-size, 50px)) + var(--wd-arrow-offset-h, 0px)) * -1)}
.wd-nav-arrows.wd-pos-sep .wd-btn-arrow {
position:absolute;
top:calc(50% - var(--wd-arrow-offset-v, 0px) + var(--wd-arrow-height, var(--wd-arrow-size, 50px)) / -2);
z-index:250}
.wd-nav-arrows.wd-pos-sep .wd-prev {
inset-inline-end:calc(100% + var(--wd-arrow-offset-h, 0px))}
.wd-nav-arrows.wd-pos-sep .wd-next {
inset-inline-start:calc(100% + var(--wd-arrow-offset-h, 0px))}
.wd-nav-arrows:where(.wd-pos-together) {
--wd-arrow-size: 30px;
--wd-arrow-icon-size: 16px;
--wd-arrow-offset-h: 10px}
.wd-nav-arrows.wd-pos-together {
position:absolute;
top:calc(0% - var(--wd-arrow-offset-v, 0px) - var(--wd-arrow-height, var(--wd-arrow-size, 50px)));
inset-inline-end:calc(var(--wd-arrow-offset-h, 0px) / -1);
display:flex;
gap:var(--wd-arrow-gap, 0.001px);
z-index:250}
@media (min-width: 1025px) {
.wd-nav-arrows[class*="wd-hover"].wd-pos-sep .wd-btn-arrow {
opacity:0;
pointer-events:none}
:is(.wd-carousel-container:hover .wd-nav-arrows,.wd-nav-arrows.wd-shown)[class*="wd-hover"].wd-pos-sep .wd-btn-arrow {
opacity:1;
transform:translateY(0);
pointer-events:unset}
.wd-nav-arrows.wd-hover-1.wd-pos-sep .wd-prev {
transform:translateX(-30px)}
.wd-nav-arrows.wd-hover-1.wd-pos-sep .wd-next {
transform:translateX(30px)}
}
@media (max-width: 1024px) {
.wd-nav-arrows {
--wd-arrow-icon-size: 16px;
--wd-arrow-size: 40px}
.wd-nav-arrows:where(.wd-pos-sep) {
--wd-arrow-offset-h: -12px}
.wd-nav-arrows:where(.wd-pos-together) {
--wd-arrow-size: 30px}
}
