/* fix.css — зрозумілі стрілки слайдера + клікабельні селекти кольору/розміру.
   Завантажується ОСТАННІМ, HTML не змінюється. */

/* ---------- Стрілки слайдера фото ---------- */
.slider-dress .slick-prev,
.slider-dress .slick-next {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: rgba(0, 0, 0, .5) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .3) !important;
    z-index: 6 !important;
    transition: background .2s;
}
.slider-dress .slick-prev:hover,
.slider-dress .slick-next:hover { background: rgba(0, 0, 0, .8) !important; }
.slider-dress .slick-prev { left: 12px !important; }
.slider-dress .slick-next { right: 12px !important; }
.slider-dress .slick-prev:before,
.slider-dress .slick-next:before {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 24px !important;
    line-height: 44px !important;
    color: #fff !important;
    opacity: 1 !important;
}
.slider-dress .slick-prev:before { content: '\276E' !important; } /* ❮ */
.slider-dress .slick-next:before { content: '\276F' !important; } /* ❯ */

/* Точки-індикатори помітніші */
.slider-dress .slick-dots li button:before {
    font-size: 12px !important;
    color: #d6336c !important;
    opacity: .35 !important;
}
.slider-dress .slick-dots li.slick-active button:before { opacity: 1 !important; }

/* ---------- Селекти кольору та розміру: очевидно клікабельні ---------- */
.offer_section select.field,
select.field {
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23d6336c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 22px !important;
    border: 2px solid #d6336c !important;
    border-radius: 10px !important;
    padding: 0 50px 0 20px !important;
    cursor: pointer !important;
    color: #1a1a1a !important;
    font-weight: 600 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}
.offer_section select.field:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(214, 51, 108, .18) !important;
}
/* Підказка-плейсхолдер (перша опція) сірим, щоб було видно що треба обрати */
.offer_section select.field:invalid { color: #8a8a8a !important; }