/*
Theme Name: mideerart shop
Author: vmd_dev
Version: 1.0
*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}


#shopify-section-announcement-bar {
    background-color: #2E39AF; 
    color: #fff;
    height: 50px; /* Задайте желаемую высоту */
    display: flex; /* Добавьте это, чтобы использовать Flexbox */
    align-items: center; /* Центрирование по вертикали */
    justify-content: center; /* Центрирование по горизонтали */
}

#shopify-section-announcement-bar .page-width {
    display: flex;
    justify-content: center;
    align-items: center; /* Центрирование содержимого по вертикали */
    text-align: center; /* Центрирование текста по горизонтали */
    width: 100%; /* Обеспечивает растяжение содержимого на всю ширину */
}

ul li{
    list-style:none!important
}


#section-multicolumn-links .multicolumn-list {
    row-gap: 0;
    justify-content: center;
}

#section-multicolumn-links .multicolumn-list__item {
    margin: 0;
}

#section-multicolumn-links .button {
    margin: 0.5rem;
    letter-spacing: 0.1rem;
    color: #2234b1;
}

#section-multicolumn-links .button--tertiary {
    min-width: 100%;
    box-shadow: inset 0 0 0 0.1rem #2234b1;
}

del .woocommerce-Price-amount  bdi{
    font-size: 1.4rem;
    line-height: 2;
}

ins .woocommerce-Price-amount  bdi{
    color:#d72c0d;
    padding-left:5px;
}

a.added_to_cart.wc-forward{
    position: relative;
    z-index: 1;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    font-family: inherit;
    font-size: max(calc(var(--font-button-size) - 2px),1.2rem);
    padding: 1rem 3rem;
    padding-top: calc(1rem + var(--font-button-baseline));
    text-decoration: none;
    border-radius: var(--button-radius);
    border: var(--button-border-width) solid rgb(var(--color-button-border));
    color: rgb(var(--color-button-text));
    background-color: rgb(var(--color-button-background));
    font-family: var(--font-button-family);
    text-transform: uppercase;
    transition-property: color, background-color, box-shadow;
    transition-duration: var(--duration-long);
    transition-timing-function: ease;
    -webkit-appearance: none;
    text-align:center;
    width: 100%;
}

a.add_to_cart_button.added{
    display: none!important;
}

footer.footer{
    background: #2234b1;
    color: #fff;
}

footer.footer a{
    color: #fff;
}


.nav-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.nav-links > * {
    flex: 0 0 auto;
 color: rgb(var(--color-link));
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  min-width: 3.4rem;
  min-height: 3.4rem;
  margin: 0 0.4rem;
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--duration-default) ease;
  font-family: var(--font-button-family);
  padding-top: calc(var(--font-button-baseline));
}

.nav-links .current{
cursor: not-allowed;
color: rgb(var(--color-button-text));
background-color: rgb(var(--color-button-background));
opacity: .55;
border-radius: var(--button-radius);


}

footer .accordion__title {
    max-width: 100%;
    font-size: 1.2rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgb(var(--color-heading));
}

li.menu-item a {
    font-family: var(--font-navigation-family);
    font-size: var(--font-navigation-size);
    font-weight: var(--font-navigation-weight);
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .2em;
    padding: 1.2rem 1.5rem;
    color: rgb(var(--color-header-foreground));
    transition: color var(--duration-default) ease;
}

.menu-kategorii-container > ul{
    padding-left:0;
    list-style:none;
}

.menu-kategorii-container > ul li.menu-item a {
    padding: 0;
    text-decoration:none
}

#mega-menu-wrap-top #mega-menu-top li.mega-menu-item h4.mega-block-title {
    font-size:12px!important;
}

.page-width .facets {
    display: flex;
    justify-content: space-between;
}

div.fancybox-bg:empty {
    display: block;
}

.popup-message.fancybox-content {
    max-width:800px;
}

.popup-title {
    font-size:20px;
    text-transform:uppercase;
    font-weight:600;
    padding-bottom:20px;
}

.close-modals {
    margin-top: 20px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 15px 20px; /* Добавляем отступы для увеличения зоны нажатия */
    display: inline-block; /* Гарантируем, что элемент будет блочным для правильного расчета размеров */
    border: 2px solid #007cba; /* Добавляем рамку для лучшей видимости */
    border-radius: 5px; /* Слегка округляем углы */
    background-color: #007cba; /* Добавляем фоновый цвет */
    color: #fff; /* Белый цвет текста для контраста */
    text-align: center; /* Центрируем текст внутри кнопки */
    cursor: pointer; /* Указываем, что элемент кликабелен */
    width: 100%; /* Увеличиваем ширину кнопки на весь доступный контейнер */
    box-sizing: border-box; /* Гарантируем правильный расчет размеров с учетом рамок и отступов */
    z-index: 1000; /* Высокий z-index для обеспечения нахождения на переднем плане */
}

.close-modals:hover {
    background-color: #005a87; /* Изменение фона при наведении для лучшей обратной связи */
    
}

/* Обеспечиваем доступность и удобство использования на мобильных устройствах */
@media screen and (max-width: 600px) {
    .close-modals {
        font-size: 18px; /* Увеличиваем размер шрифта для мобильных устройств */
        padding: 20px 25px; /* Увеличиваем зону нажатия */
    }
}
.popup-outer-box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7); /* Затемненный фон */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999; /* Высокий z-index для правильного наложения */
}

.popup-message {
    position: relative;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 1000; /* Высокий z-index для правильного наложения */
}

label.wc-block-components-radio-control__option {
    margin: 0 0 1em;
    padding: 0 0 0 4.25em;
}

.price ins{
    text-decoration:none;
}

.price del{
    text-decoration: line-through;
}

.price del bdi {
    font-size: inherit!important;
}

.card.card--product:hover .next_img{
    left:0
}

.mega-sub-menu ul {
    padding-left:0;
    margin-left:0;
}

.mega-sub-menu ul li a {
    padding-left:0;
}

.stars span a {
    color:#fff;
}

.stars span a:before {
    content: "\e000";
    font-size: 150%;
    font-family: 'JudgemeStar' !important;
    color:#0e0ea0;
}


.stars span a.active:before {
    content: "\e000";
}


.stars span a.active ~ a:before{
    content: "\e001";
}

.commentlist {
    margin-left:0;
    padding-left:0;
    list-style:none;
}

.comment-text .meta {
    display: flex;
    align-items: center;
}

.comment-text .meta .woocommerce-review__author {
    padding-left: 9px;
    color: #0e0ea0;
    font-size: 1.8rem;
}

.comment-text .meta:before {
    display: block;
    content: "";
    background:url(./img/av.png);
    background-size:cover;
    height:50px;
    width:50px;
}

.comment-respond .comment-reply-title{
    font-size: 28px;
}

.comment-form-comment {
    display:flex;
    flex-direction: column;
    max-width: 500px;
}

.comment-respond > p.comment-form-author,
.comment-respond > p.comment-form-email{
    display:flex;
    flex-direction: column;
    max-width:500px;
}

.form-submit > .submit {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
}

.woocommerce-form > p .woocommerce-button,  
.form-submit > .submit {
    font-size: max(calc(var(--font-button-size) - 2px), 1.2rem);
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    font-family: inherit;
    padding: 1rem 3rem;
    padding-top: calc(1rem + var(--font-button-baseline));
    text-decoration: none;
    border-radius: var(--button-radius);
    border: var(--button-border-width) solid rgb(var(--color-button-border));
    color: rgb(var(--color-button-text));
    background-color: rgb(var(--color-button-background));
    font-family: var(--font-button-family);
    min-width: 20rem;
    max-width: 200px;
    min-height: 4.6rem;
    text-transform: uppercase;
    font-weight: 600;
    transition-property: color, background-color, box-shadow;
    transition-duration: var(--duration-long);
    transition-timing-function: ease;
    -webkit-appearance: none;
    appearance: none;
    overflow: hidden;
}

.woocommerce-form > p input,
.comment-respond input{
    padding: 8px 16px;
    border: 1px solid #e4e4e4;
    border-radius: 50px;
}

.comment-respond textarea{
    padding: 8px 16px;
    border: 1px solid #e4e4e4;
    border-radius: 20px;
}

.product-form form .single_add_to_cart_button{
    width:100%;
}

.rte ul {
    padding-inline-start: 2rem;
    list-style: disc;
}

.rte ul.wc-block-grid__products {
    list-style: none;
}


.rte li {
    margin-bottom: .5rem;
    list-style: inherit!important;
}

.wc-block-grid__product a.wp-block-button__link {
    background-color: #0e0da0;
    color: #fff;
    border-color: #000;
    min-width: auto;
    width: 100%;
    box-shadow: none;
    font-size: 10px;
    font-weight:600;
    text-transform:uppercase;
}

.wc-block-grid__products div.wc-block-grid__product-title {
    font-weight: 400;
    padding-bottom: .2rem;
    color: rgb(var(--color-link));
    font-size: calc(var(--font-heading-scale) * 1.6rem);
}

.wc-block-grid__products .wc-block-grid__product-link {
    text-decoration: none!important;
}

.wc-block-grid__product-price.price span {
  line-height: 1;
  font-size: calc(var(--font-price-scale) * 1.8rem);
  font-family: var(--font-price-family);
}

.wc-block-grid__product-add-to-cart{
    opacity:0; 
}

.wc-block-grid__product:hover .wc-block-grid__product-add-to-cart{
    opacity:1; 
}

a.full-unstyled-link{
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    cursor:pointer;
    z-index: 9;
    top: 0;
}
.product_page_ a.full-unstyled-link{
    display:inline;
    position:relative;
    width:auto;
    height:auto;
    cursor:pointer;
    z-index: inherit;
    top: auto;
}

.card-information__button {
    z-index: 10;
}
@media screen and (min-width: 751px) {
    #section-multicolumn-links .grid--2-col-tablet .grid__item {
        width: calc(% - var(--grid-horizontal-spacing) / 2);
    }

    #section-multicolumn-links .grid__item {
        padding-bottom: 0.5rem;
        flex-grow: 0 !important;
    }
}


@media screen and (max-width: 600px) {

    div.wp-block-woocommerce-filled-cart-block,
    div.wc-block-components-sidebar-layout
     {
        display:flex;
        flex-direction: column;
    }
    
    div.wp-block-woocommerce-filled-cart-block >*,
    div.wc-block-components-sidebar-layout >*
    {
        width:100%!important;
    }
    
    div.wc-block-components-radio-control .wc-block-components-radio-control__input {
        left: 0;
    }

    .gallery__text p {
        min-height: 38px;
    }  
    
}

/* Styles for Checkout Place Order Button */
.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
  height: auto;
  padding: 1em;
  width: 50%;
  background-color: #0e0da0; /* Цвет фона кнопки */
  color: white; /* Цвет текста кнопки */
  border-radius: var(--button-radius); /* Скругленные края с использованием переменной */
  border: none; /* Убирает границу, если она есть */
  font-family: var(--font-button-family); /* Шрифт текста из переменной */
  font-size: var(--font-button-size); /* Размер шрифта из CSS-переменной */
  text-decoration: none; /* Убирает подчеркивание текста */
  letter-spacing: .2em; /* Межбуквенный интервал */
  line-height: calc(1 + .2 / var(--font-body-scale)); /* Межстрочное расстояние */
  transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; /* Плавный переход для эффектов */
  cursor: pointer; /* Изменяет курсор при наведении */
  text-transform: uppercase; /* Делаем текст заглавными буквами */
  font-weight: bold; /* Жирное начертание текста */
}

.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover {
  background-color: #0c0c92; /* Более темный цвет фона при наведении */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Добавляет тень при наведении */
  transform: translateY(-2px); /* Легкий подъем кнопки при наведении */
}

.checkout-button-custom:focus {
  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #0675c4;
  outline: 3px solid transparent;
  background-color: #0c0c92; /* Темнее цвет фона при фокусе */
}



/* Custom Checkout Button Styles */
.checkout-button-custom {
  height: 40px;
  width: 100%;
  background-color: #0e0da0; /* Цвет фона кнопки */
  border-radius: var(--button-radius); /* Скругленные края с использованием переменной */
  border: none; /* Убирает границу, если она есть */
  font-family: var(--font-button-family); /* Шрифт текста из переменной */
  font-size: var(--font-button-size); /* Размер шрифта из CSS-переменной */
  text-decoration: none; /* Убирает подчеркивание текста */
  letter-spacing: .2em; /* Межбуквенный интервал */
  line-height: calc(1 + .2 / var(--font-body-scale)); /* Межстрочное расстояние */
  transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; /* Плавный переход для эффектов */
  cursor: pointer; /* Изменяет курсор при наведении */
  text-transform: uppercase; /* Делаем текст заглавными буквами */
  font-weight: bold; /* Жирное начертание текста */
  display: flex; /* Использует Flexbox для выравнивания */
  justify-content: center; /* Горизонтальное выравнивание по центру */
  align-items: center; /* Вертикальное выравнивание по центру */
}

.checkout-button-custom:hover {
  background-color: #0c0c92; /* Более темный цвет фона при наведении */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Добавляет тень при наведении */
  transform: translateY(-2px); /* Легкий подъем кнопки при наведении */
}

/* Styles for wc-block-components-button__text */
.wc-block-components-button__text {
  color: white; /* Цвет шрифта */
  text-decoration: none; /* Убирает подчеркивание */
  margin: 0; /* Убирает внешние отступы */
  padding: 0; /* Убирает внутренние отступы, если есть */
}

.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {
    background-color: #0e0da0; /* Устанавливает синий цвет фона */
    border-radius: var(--button-radius); /* Скругленные края с использованием переменной */
    color: white; /* Устанавливает цвет текста белым для контраста */
    border: none; /* Убирает границу, если она есть */
    padding: 10px 20px; /* Устанавливает внутренние отступы */
    cursor: pointer; /* Изменяет указатель мыши на руку при наведении */
    letter-spacing: .2em; /* Межбуквенный интервал */
    line-height: calc(1 + .2 / var(--font-body-scale)); /* Межстрочное расстояние */
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; /* Плавный переход для эффектов */
    cursor: pointer; /* Изменяет курсор при наведении */
    text-transform: uppercase; /* Делаем текст заглавными буквами */
    font-weight: bold; /* Жирное начертание текста */
    display: flex; /* Использует Flexbox для выравнивания */
    justify-content: center; /* Горизонтальное выравнивание по центру */
    align-items: center; /* Вертикальное выравнивание по центру */
}




.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained:hover {
   background-color: #0c0c92; /* Более темный цвет фона при наведении */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Добавляет тень при наведении */
  transform: translateY(-2px); /* Легкий подъем кнопки при наведении */
}

.woocommerce-button.button.view {
    background-color: #0e0da0; /* Устанавливает синий цвет фона */
    border-radius: var(--button-radius); /* Скругленные края с использованием переменной */
    color: white; /* Устанавливает цвет текста белым для контраста */
    border: none; /* Убирает границу, если она есть */
    padding: 10px 20px; /* Устанавливает внутренние отступы */
    cursor: pointer; /* Изменяет указатель мыши на руку при наведении */
    letter-spacing: .2em; /* Межбуквенный интервал */
    line-height: calc(1 + .2 / var(--font-body-scale)); /* Межстрочное расстояние */
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; /* Плавный переход для эффектов */
    cursor: pointer; /* Изменяет курсор при наведении */
    text-transform: uppercase; /* Делаем текст заглавными буквами */
    font-weight: bold; /* Жирное начертание текста */
    display: flex; /* Использует Flexbox для выравнивания */
    justify-content: center; /* Горизонтальное выравнивание по центру */
    align-items: center; /* Вертикальное выравнивание по центру */
     margin: 20px 0 10px 0 !important; /* Добавляем отступ снизу */ 
        
}

.woocommerce-button.button.view:hover  {
   background-color: #0c0c92; /* Более темный цвет фона при наведении */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Добавляет тень при наведении */
  transform: translateY(-2px); /* Легкий подъем кнопки при наведении */
}

.woocommerce-button.button.invoice {
    background-color: #0e0da0; /* Устанавливает синий цвет фона */
    border-radius: var(--button-radius); /* Скругленные края с использованием переменной */
    color: white; /* Устанавливает цвет текста белым для контраста */
    border: none; /* Убирает границу, если она есть */
    padding: 10px 20px; /* Устанавливает внутренние отступы */
    cursor: pointer; /* Изменяет указатель мыши на руку при наведении */
    letter-spacing: .2em; /* Межбуквенный интервал */
    line-height: calc(1 + .2 / var(--font-body-scale)); /* Межстрочное расстояние */
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; /* Плавный переход для эффектов */
    cursor: pointer; /* Изменяет курсор при наведении */
    text-transform: uppercase; /* Делаем текст заглавными буквами */
    font-weight: bold; /* Жирное начертание текста */
    display: flex; /* Использует Flexbox для выравнивания */
    justify-content: center; /* Горизонтальное выравнивание по центру */
    align-items: center; /* Вертикальное выравнивание по центру */
     margin: 20px 0 10px 0 !important; /* Добавляем отступ снизу */ 
        
}

.woocommerce-button.button.invoice:hover  {
   background-color: #0c0c92; /* Более темный цвет фона при наведении */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Добавляет тень при наведении */
  transform: translateY(-2px); /* Легкий подъем кнопки при наведении */
}

.order-again .button {
    background-color: #0e0da0 !important; ; /* Устанавливает синий цвет фона */
    border-radius: var(--button-radius) !important; ; /* Скругленные края с использованием переменной */
    color: white !important; ; /* Устанавливает цвет текста белым для контраста */
    border: none !important; ; /* Убирает границу, если она есть */
    padding: 10px 20px !important; ; /* Устанавливает внутренние отступы */
    cursor: pointer !important; ; /* Изменяет указатель мыши на руку при наведении */
    letter-spacing: .2em !important; ; /* Межбуквенный интервал */
    line-height: calc(1 + .2 / var(--font-body-scale)); /* Межстрочное расстояние */
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease !important; ; /* Плавный переход для эффектов */
    cursor: pointer !important; ; /* Изменяет курсор при наведении */
    text-transform: uppercase !important; ; /* Делаем текст заглавными буквами */
    font-weight: bold !important; ;  /* Жирное начертание текста */
    display: flex !important; ; /* Использует Flexbox для выравнивания */
    justify-content: center !important; ; /* Горизонтальное выравнивание по центру */
    align-items: center !important; ; /* Вертикальное выравнивание по центру */
     margin: 20px 0 10px 0 !important; /* Добавляем отступ снизу */ 
        
}

.order-again .button:hover  {
   background-color: #0c0c92; /* Более темный цвет фона при наведении */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Добавляет тень при наведении */
  transform: translateY(-2px); /* Легкий подъем кнопки при наведении */
}


.woocommerce-Button.button {
    background-color: #0e0da0 !important; ; /* Устанавливает синий цвет фона */
    border-radius: var(--button-radius) !important; ; /* Скругленные края с использованием переменной */
    color: white !important; ; /* Устанавливает цвет текста белым для контраста */
    border: none !important; ; /* Убирает границу, если она есть */
    padding: 10px 20px !important; ; /* Устанавливает внутренние отступы */
    cursor: pointer !important; ; /* Изменяет указатель мыши на руку при наведении */
    letter-spacing: .2em !important; ; /* Межбуквенный интервал */
    line-height: calc(1 + .2 / var(--font-body-scale)); /* Межстрочное расстояние */
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease !important; ; /* Плавный переход для эффектов */
    cursor: pointer !important; ; /* Изменяет курсор при наведении */
    text-transform: uppercase !important; ; /* Делаем текст заглавными буквами */
    font-weight: bold !important; ;  /* Жирное начертание текста */
    display: flex !important; ; /* Использует Flexbox для выравнивания */
    justify-content: center !important; ; /* Горизонтальное выравнивание по центру */
    align-items: center !important; ; /* Вертикальное выравнивание по центру */
     margin: 20px 0 10px 0 !important; /* Добавляем отступ снизу */ 
        
}

.woocommerce-form-row {
    position: relative;
}

.woocommerce-form-row {
    position: relative;
}

.woocommerce-form-row input[type="password"] {
    width: 100%;
    padding-right: 40px; /* Оставляем место для глазика */
    box-sizing: border-box;
    position: relative;
    z-index: 1; /* Обеспечиваем, что поле ввода выше всех других элементов */
}

.show-password-input {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    line-height: normal;
    display: flex;
    align-items: center;
    pointer-events: auto;
    z-index: 2; /* Убедимся, что глазик находится выше других элементов, но ниже поля ввода */
}

.woocommerce-ResetPassword {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 400px; /* Увеличиваем высоту формы, чтобы был виден отступ */
}

.woocommerce-ResetPassword .save-button-container {
    margin-top: auto; /* Используем автоматическое выравнивание для спуска кнопки */
}

.zahlungsmethode-bttn {
    background-color: #0e0da0 !important; ; /* Устанавливает синий цвет фона */
    border-radius: var(--button-radius) !important; ; /* Скругленные края с использованием переменной */
    color: white !important; ; /* Устанавливает цвет текста белым для контраста */
    border: none !important; ; /* Убирает границу, если она есть */
    padding: 10px 20px !important; ; /* Устанавливает внутренние отступы */
    cursor: pointer !important; ; /* Изменяет указатель мыши на руку при наведении */
    letter-spacing: .2em !important; ; /* Межбуквенный интервал */
    line-height: calc(1 + .2 / var(--font-body-scale)); /* Межстрочное расстояние */
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease !important; ; /* Плавный переход для эффектов */
    cursor: pointer !important; ; /* Изменяет курсор при наведении */
    text-transform: uppercase !important; ; /* Делаем текст заглавными буквами */
    font-weight: bold !important; ;  /* Жирное начертание текста */
    display: flex !important; ; /* Использует Flexbox для выравнивания */
    justify-content: center !important; ; /* Горизонтальное выравнивание по центру */
    align-items: center !important; ; /* Вертикальное выравнивание по центру */
     margin: 20px 0 10px 0 !important; /* Добавляем отступ снизу */ 
     width: 400px !important;   
}