/*
Theme Name: Alukas Child
Theme URI: https://alukas.presslayouts.com/
Author: PressLayouts
Description: This is a child theme for Alukas
Version: 1.0
Author URI: https://www.presslayouts.com/
Template: alukas
Text Domain: pls-theme-child
*/

b, strong{
	color: unset;
    font-weight: bolder;
}

.cart_totals .shipping{
    display: none;
}
 .cart-subtotal {
    display: none;
}
.header-subtitle{
    font-style: italic;
}
#footer-social a{
    color:#FFFFFF;
}
.local_pickup-shipping-method select{
    width: 100%;
}
.local_pickup-shipping-method{
    /* display: none; */
}
.wcus-checkout-fields h3{
    display: none !important;
}
.pls-products-categories .product-cat-image img {
    border-radius: unset !important;
}
.woocommerce-result-count{
    display: none;
}
.pls-page-title{
    background: none !important;
}

.pls-product-policy .policy-item-name {

    font-size: 14px !important;
}
@media only screen and (min-width: 1024px) {
    .pls-product-policy ul {

        flex-flow: unset !important;

    }
}

.pls-header-navigation{
    border-top: none;
    /* border-bottom: solid 1px; */
}

.woocommerce .woocommerce-ordering select {
    border: 0;
    max-width: unset !important;
}
.swiper-button-next, .swiper-button-prev {
    color: transparent;
}


/* Header */
@media only screen and (max-width: 1024px) {
    .pls-header-topbar{
        display: none;
    }
}

.pls-header-topbar .pls-navigation ul.menu ul.sub-menu{
    width: 250px;
}
.left ul.sub-menu {
    right: 0;
    left: unset !important;
}
/* table */


/* Mobile menu header: same green as the logo background */
.pls-mobile-menu .pls-mobile-menu-header {
    background-color: #123F28 !important;
}
.pls-mobile-menu .pls-mobile-menu-header .close-sidebar,
.pls-mobile-menu .pls-mobile-menu-header .close-sidebar:before {
    color: #FFFFFF !important;
}

/* Outline buttons: green border, white fill, black text; hover fills green */
.pls-button .button.btn-style-outline,
.pls-banner .button.btn-style-outline,
.pls-call-to-action .button.btn-style-outline,
.pls-info-box .button.btn-style-outline,
.pls-infobox .button.btn-style-outline {
    background-color: #FFFFFF !important;
    border-color: #063C26 !important;
    color: #000000 !important;
}
.pls-button .button.btn-style-outline:hover,
.pls-banner .button.btn-style-outline:hover,
.pls-call-to-action .button.btn-style-outline:hover,
.pls-info-box .button.btn-style-outline:hover,
.pls-infobox .button.btn-style-outline:hover {
    background-color: #063C26 !important;
    border-color: #063C26 !important;
    color: #FFFFFF !important;
}
/* Same outline style: price filter, "Всі прикраси" (home), empty mini-cart, product add-to-cart */
.widget_price_filter .price_slider_amount .button,
.elementor-element-ea3df2b .pls-button .button,
.woocommerce-empty-mini-cart__buttons .button,
.single-product div.summary form.cart .single_add_to_cart_button {
    background-color: #FFFFFF !important;
    border: 2px solid #063C26 !important;
    color: #000000 !important;
}
.widget_price_filter .price_slider_amount .button:hover,
.elementor-element-ea3df2b .pls-button .button:hover,
.woocommerce-empty-mini-cart__buttons .button:hover,
.single-product div.summary form.cart .single_add_to_cart_button:hover {
    background-color: #063C26 !important;
    border-color: #063C26 !important;
    color: #FFFFFF !important;
}
/* Outline look for the gallery "Відео" pill and mini-cart "Переглянути кошик" */
.woocommerce-product-gallery .pls-gallery-bottom-btns a,
.woocommerce-mini-cart__buttons a:first-child {
    background-color: #FFFFFF !important;
    border: 2px solid #063C26 !important;
    color: #000000 !important;
}

/* Theme hover fills that used the primary color (black) -> brand green */
.page-links > span.current:hover .page-number,
ul.page-numbers .page-numbers.current:hover,
.pls-ajax-load .button:hover,
.read-more-button-fill .read-more-btn .more-link:hover,
.tag-social-share .single-tags a:hover,
.comment-reply-link:hover,
.comment-reply-login:hover,
.widget .tagcloud a:hover,
.widget.widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:hover,
.woocommerce-mini-cart__buttons a:first-child:hover,
.products .pls-product-buttons a:hover,
.products.product-style-4.grid-view .pls-quickview-button a:hover,
.products.list-view .pls-cart-button a:hover,
.woocommerce-product-gallery__trigger:hover,
.woocommerce-product-gallery .product-photoswipe-btn a:hover,
.woocommerce-product-gallery .pls-gallery-top-btns a:hover,
.woocommerce-product-gallery .pls-gallery-bottom-btns a:hover,
.woocommerce-cart-wrapper .actions .coupon .button:hover,
.pls-video-player .video-wrapper:hover .video-play-btn,
.pls-button .btn-style-outline.btn-color-primary:hover,
.slick-slider .slick-arrow:hover {
    background-color: #063C26 !important;
    border-color: #063C26 !important;
    color: #FFFFFF !important;
}

.pls-button .button.btn-style-outline:hover svg {
    fill: #FFFFFF;
}

/* Wishlist: brand colors instead of the plugin's default teal (#007565) */
.yith-wcwl-add-to-wishlist,
.yith-wcwl-add-to-wishlist-dropdown,
.yith-wcwl-modal {
    --wp--preset--color--primary: #063C26;
    --modal-colors-icon: #063C26;
    --modal-colors-primary-button: #000000;
    --modal-colors-primary-button-hover: #063C26;
}

.yith-wcwl-add-to-wishlist-button--anchor::before{
    padding-left: 7px;
}
.woocommerce-order-details__title{
    display: none;
}
/* .shop_table.order_details{
    display: none;
} */

/* front page testimonials */
.testimonial-wrap::before{
    content: "" !important;
    display: none !important;
}
.testimonial-rating{
    display: none !important;
}

/* blog */
/* .entry-post .entry-title a, .product-title a{
    color: var(--pls-primary-color);
} */
.entry-post .posted-date a{
    color: var(--pls-primary-color);
}
.pls-tabs .nav-tabs .nav-link:hover{
    color: var(--pls-link-color);
}
.pls-tabs .nav-tabs .nav-link:after {
    border-bottom: 2px solid var(--pls-link-color);
}
/* shop page */

.pls-attributes-filter a{
    color: var(--pls-primary-color);
}
.woocommerce div.summary .product_meta > span.posted_in{
    display: none;
}

/* Single product summary layout:
   title -> SKU -> attributes -> stock badge -> price -> add to cart -> (below) description.
   Unite the SKU block and the custom attributes block into one
   structured list right under the product title (instead of two
   separately-spaced product_meta boxes). */
.woocommerce div.summary .product_meta,
.woocommerce div.summary .custom-attributes.product_meta{
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
    line-height: 1.5;
}
.woocommerce div.summary .product_meta + .custom-attributes.product_meta{
    margin-top: 0;
    margin-bottom: 0.9rem;
}
.woocommerce div.summary .custom-attributes.product_meta > span.attribute-item{
    display: block;
}
.woocommerce div.summary .custom-attributes.product_meta > span.attribute-item > span.attribute-value{
    margin-left: 0.25em;
}
.woocommerce div.summary .stock-availability{
    font-weight: 500;
}

@media only screen and (max-width: 767px) {
    .woocommerce div.product .product_title{
        font-size: 22px;
        line-height: 1.3;
    }
    .woocommerce div.summary .product_meta,
    .woocommerce div.summary .custom-attributes.product_meta{
        font-size: 14px;
    }
    .woocommerce div.summary>p.price,
    .woocommerce div.summary>span.price{
        font-size: 20px;
        margin-bottom: 0.75rem;
    }
    .woocommerce div.summary .stock-availability{
        margin-bottom: 0.75rem;
        font-size: 14px;
    }
    .entry-summary form.cart{
        max-width: 100%;
    }
    .entry-summary .quantity{
        margin-right: 0.5em;
    }
}
.stock-availability > span{
    display: none;
}
.woocommerce div.product form.cart .reset_variations {
    visibility: hidden !important;
}


.pls-mobile-menu ul.mobile-main-menu li > a {
    color: var(--pls-primary-color);
    display: block;
    position: relative;
}
.pls-navigation ul.menu ul.sub-menu li a {
    padding: 8px 1.5rem;
}

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

    #footer-phone .info-box-wrap{
        display: flex;
        gap: 1em;
    }
}
@media only screen and (max-width: 767px) {
    .pls-product-policy ul{
        flex-wrap: nowrap;
        flex-direction: column;
    } 
    .order-review-inner{
        margin-top: 3em;
    }
}
div.product p.price, div.product span.price{
	color: var(--pls-text-color);
}



.woocommerce-order-received #page-title{
    display: none;
}
.woocommerce-order-received .container{
    margin-top: 3em !important;
}

:root {
  color-scheme: only light !important;
}

.slick-slider.slick-vertical .slick-list {
    margin-top: 3em;
}

/* Назви підкатегорій (напр. "Каблучки з діамантами") обрізались
   в один рядок з "..." — дозволяємо перенос на 2 рядки замість обрізання. */
.pls-products-categories .product-cat-title {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.3;
    min-height: 2.6em;
}

/* Homepage hero slider: scale the 1366x600 composition up to full page width
   (Slider Revolution never scales above its grid size on its own).
   Below 1367px the slider scales itself, so the rule is desktop-only. */
@media (min-width: 1367px) {
    .hero-scaled sr7-module {
        height: calc(600px * var(--hero-scale, 1)) !important;
        overflow: hidden;
    }
    .hero-scaled sr7-adjuster,
    .hero-scaled sr7-content {
        width: 1366px !important;
        height: 600px !important;
        transform: scale(var(--hero-scale, 1));
        transform-origin: top left;
    }
}

/* amd-hero-reserve: the hero slider keeps its height from the very first paint (PageSpeed CLS).
   Slider Revolution sizes the block with JavaScript - on phones it first sizes it for the wrong breakpoint and corrects
   it a moment later - so the page below used to jump. The box height now follows the slider's own proportions:
   1366x600 (desktop, tablet), 778x400 (large phones), 480x350 (phones). If the slider's size is ever changed in
   Slider Revolution, change these three ratios as well. */
.elementor-element-f0244de sr7-module {
    height: auto !important;
    aspect-ratio: 1366 / 600;
}
@media (max-width: 777.98px) {
    .elementor-element-f0244de sr7-module {
        aspect-ratio: 778 / 400;
    }
}
@media (max-width: 479.98px) {
    .elementor-element-f0244de sr7-module {
        aspect-ratio: 480 / 350;
    }
}

/* Desktop menu: the five items stay on one line (at 1280 px "Індивідуальне виготовлення" used to drop under the header,
   over the slider, and the page shifted when the font arrived). Below 1366 px the menu is a little more compact. */
@media (min-width: 992px) {
    .pls-header-main .pls-navigation ul.menu {
        flex-wrap: nowrap;
    }
    .pls-header-main .pls-navigation ul.menu > li > a {
        white-space: nowrap;
    }
}
@media (min-width: 992px) and (max-width: 1365.98px) {
    .pls-header-main .pls-navigation ul.menu > li > a {
        font-size: clamp(11px, 0.93vw, 13px);
        padding-left: clamp(4px, 0.55vw, 10px);
        padding-right: clamp(4px, 0.55vw, 10px);
    }
}

/* Single-row header: logo left, menu centred, search + icons right */
@media only screen and (min-width: 1025px) {
    .pls-header-main .pls-header-col-right {
        justify-content: flex-end;
        gap: 1rem;
    }
    .pls-header-main .pls-header-col-right .pls-header-search,
    .pls-header-main .pls-header-col-right .pls-ajax-search {
        max-width: 230px;
        flex: 0 1 230px;
    }
    .pls-header-main .pls-header-col-center {
        justify-content: center;
    }
}

/* Header always pinned to the top while scrolling (desktop, tablet and phone), no slide-in animation */
.pls-site-header {
    position: sticky;
    top: 0;
    z-index: 999;
    background-color: #FFFFFF;
}
.admin-bar .pls-site-header {
    top: 32px;
}
@media screen and (max-width: 782px) {
    .admin-bar .pls-site-header { top: 46px; }
}
@media screen and (max-width: 600px) {
    .admin-bar .pls-site-header { top: 0; }
}
@media only screen and (min-width: 992px) {
    /* logo centred in the space to the left of the menu */
    .pls-header-main .pls-header-col-left {
        justify-content: center;
    }
}

/* Homepage reviews carousel */
.amd-reviews {
    position: relative;
}
.amd-reviews__track {
    display: flex;
    gap: 24px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    /* No horizontal padding: with scroll-snap a 2px side padding made the browser auto-scroll the track by 2px at load,
       and Chrome counts that scroll as a user scroll, so the page never reported a Largest Contentful Paint (PageSpeed "NO_LCP"). */
    padding: 4px 0 8px;
    scroll-padding: 0;
}
.amd-reviews__track::-webkit-scrollbar {
    display: none;
}
.amd-review {
    flex: 0 0 calc((100% - 48px) / 3);
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 28px 26px 22px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 6px;
}
.amd-review__stars {
    color: #063C26;
    font-size: 16px;
    letter-spacing: 2px;
}
.amd-review__text {
    flex-grow: 1;
    margin: 0;
    color: #222222;
    line-height: 1.6;
}
.amd-review__meta {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    padding-top: 12px;
    border-top: 1px solid #EEEEEE;
}
.amd-review__name {
    font-weight: 600;
    color: #000000;
}
.amd-review__date {
    font-size: 14px;
    color: #777777;
    white-space: nowrap;
}
.amd-reviews__nav {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 20px;
}
.amd-reviews .amd-reviews__btn {
    width: 42px;
    height: 42px;
    padding: 0;
    font-size: 22px;
    line-height: 1;
    color: #063C26;
    background: #FFFFFF;
    border: 1px solid #063C26;
    border-radius: 6px;
    cursor: pointer;
}
.amd-reviews .amd-reviews__btn:hover {
    color: #FFFFFF;
    background: #063C26;
}
@media only screen and (max-width: 1024px) {
    .amd-review { flex-basis: calc((100% - 24px) / 2); }
}
@media only screen and (max-width: 767px) {
    .amd-review { flex-basis: 100%; }
}

/* Slightly rounded corners: buttons & fields 4px, photos 6px */
.button,
button,
input[type="submit"],
input[type="button"],
.btn,
a.sr7-btn,
.pls_quick_buy_button,
.swatch,
select,
textarea,
input[type="text"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
.pls-header-main .pls-ajax-search,
.pls-header-main .search-form,
.searchform,
.quantity {
    border-radius: 4px !important;
}
.pls-product-image,
.banner-wrapper,
.banner-image-wrap,
.post-thumbnail,
.product-thumb,
.woocommerce-product-gallery__image,
.pls-gallery-thumbnail-image,
.elementor-widget-image .elementor-widget-container,
.elementor-image-box-img {
    border-radius: 6px;
    overflow: hidden;
}
.pls-product-image img,
.banner-image-wrap img,
.post-thumbnail img,
.product-thumb img,
.woocommerce-product-gallery__image img,
.pls-gallery-thumbnail-image img,
.elementor-widget-image img,
.elementor-image-box-img img {
    border-radius: 6px;
}

/* Thin brand-green line under the header */
.pls-site-header {
    border-bottom: 2px solid #063C26;
}

/* Homepage category blocks: large photo next to two stacked category tiles */
.amd-cat-tiles .elementor-widget-wrap {
    gap: 20px;
}
@media only screen and (min-width: 768px) {
    .amd-cat-photo .elementor-widget-wrap,
    .amd-cat-photo .elementor-widget-image,
    .amd-cat-photo .elementor-widget-image .elementor-widget-container {
        height: 100%;
    }
    .amd-cat-photo .elementor-widget-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

/* Hero slider buttons: on hover green fill + white outline (so the button stays visible on the green slide) */
sr7-module a.sr7-btn:hover,
sr7-module .sr7-btn:hover {
    background-color: #063C26 !important;
    border-color: #FFFFFF !important;
    color: #FFFFFF !important;
}
sr7-module a.sr7-btn,
sr7-module .sr7-btn {
    transition: background-color 0.6s ease, border-color 0.6s ease, color 0.6s ease !important;
}

/* Homepage category tiles: no zoom on hover, the photo is swapped for a second one */
.amd-tile .banner-image {
    background-size: cover;
    background-position: center;
}
.amd-tile .banner-image img {
    transform: none !important;
    transition: opacity 0.6s ease !important;
}
.amd-tile .banner-wrapper:hover .banner-image img {
    opacity: 0;
}
.amd-tile-rings .banner-image { background-image: url(/wp-content/uploads/2026/09/amd-cat-kabluchky-2-768x768.jpg); }
.amd-tile-earrings .banner-image { background-image: url(/wp-content/uploads/2026/09/amd-cat-serezhky-2-768x768.jpg); }
.amd-tile-pendants .banner-image { background-image: url(/wp-content/uploads/2026/09/amd-cat-podvesy-2-768x1151.jpg); background-position: center 72%; }
.amd-tile-pendants .banner-image img { object-position: center 72%; }
.amd-tile-bracelets .banner-image { background-image: url(/wp-content/uploads/2026/09/amd-cat-braslety-2.jpg); background-position: center 52%; }
.amd-tile-bracelets .banner-image img { object-position: center 82%; }

/* Phones: category blocks keep the desktop layout — big photo next to two square tiles */
@media (max-width: 767px) {
    .elementor-element-34a310e > .elementor-container,
    .elementor-element-5f3d6df > .elementor-container {
        flex-wrap: nowrap !important;
    }
    .elementor-element-34a310e > .elementor-container > .amd-cat-photo,
    .elementor-element-5f3d6df > .elementor-container > .amd-cat-photo {
        width: 64% !important;
    }
    .elementor-element-34a310e > .elementor-container > .amd-cat-tiles,
    .elementor-element-5f3d6df > .elementor-container > .amd-cat-tiles {
        width: 36% !important;
    }
    .amd-cat-photo > .elementor-widget-wrap,
    .amd-cat-tiles > .elementor-widget-wrap {
        padding: 6px 4px !important;
    }
    .amd-cat-tiles .elementor-widget-wrap {
        gap: 8px !important;
    }
    .amd-cat-tiles .elementor-widget-wrap > .elementor-element {
        margin-bottom: 0 !important;
    }
    .amd-cat-photo .elementor-widget-wrap,
    .amd-cat-photo .elementor-widget-image,
    .amd-cat-photo .elementor-widget-image .elementor-widget-container {
        height: 100%;
    }
    .amd-cat-photo .elementor-widget-image img {
        height: 100% !important;
        object-fit: cover;
    }
    .amd-tile .pls-banner .banner-content-wrap {
        padding: 0 4px 8px !important;
    }
    .amd-tile .pls-banner .banner-button a.button,
    .amd-tile .pls-banner .banner-button a.button:hover {
        font-size: 14px !important;
    }
}

/* Header category dropdowns (desktop): compact panel that slides down under the item, links + small photo */
@media (min-width: 992px) {
    .pls-site-header .pls-main-navigation ul.menu > li.pls-megamenu-item-full-width {
        position: relative !important;
    }
    .pls-site-header .pls-main-navigation li.pls-megamenu-item-full-width .pls-megamenu-wrapper {
        width: auto;
        left: 0;
        right: auto;
        margin-left: 0;
        padding: 22px 24px;
        border-radius: 0 0 4px 4px;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
        transform: none;
        clip-path: inset(0 0 100% 0);
        transition: clip-path 0.4s ease, opacity 0.3s ease, visibility 0.4s ease;
    }
    .pls-site-header .pls-main-navigation ul.menu > li.pls-megamenu-item-full-width:hover .pls-megamenu-wrapper {
        clip-path: inset(0 0 0 0);
        transform: none;
    }
    .pls-site-header .pls-main-navigation li.menu-item-765 .pls-megamenu-wrapper,
    .pls-site-header .pls-main-navigation li.menu-item-751 .pls-megamenu-wrapper {
        left: auto;
        right: 0;
    }
    .pls-site-header .pls-main-navigation li.pls-megamenu-item-full-width .pls-megamenu-holder {
        width: auto !important;
    }
    .pls-site-header .pls-megamenu-holder .elementor-section .elementor-container {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 28px;
        width: auto;
        max-width: none;
    }
    .pls-site-header .pls-megamenu-holder .elementor-column {
        width: auto !important;
    }
    .pls-site-header .pls-megamenu-holder .elementor-column:not(:has(.elementor-widget)) {
        display: none;
    }
    .pls-site-header .pls-megamenu-holder .elementor-column > .elementor-element-populated {
        padding: 0 !important;
    }
    .pls-site-header .pls-megamenu-list > li > a {
        display: none !important;
    }
    .pls-site-header .pls-megamenu-list .pls-sub-megamenu {
        min-width: 240px;
    }
    .pls-site-header .pls-megamenu-list .pls-sub-megamenu .nav-link {
        display: block;
        padding: 8px 0;
        color: #000 !important;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.12em;
        line-height: 1.35;
        white-space: nowrap;
        background: none !important;
        transition: color 0.3s ease;
    }
    .pls-site-header .pls-megamenu-list .pls-sub-megamenu .nav-link:hover {
        color: #063C26 !important;
    }
    .pls-site-header .pls-megamenu-holder .pls-banner,
    .pls-site-header .pls-megamenu-holder .pls-banner .banner-wrapper {
        width: 200px;
    }
    .pls-site-header .pls-megamenu-holder .pls-banner .banner-wrapper,
    .pls-site-header .pls-megamenu-holder .pls-banner .banner-image-wrap,
    .pls-site-header .pls-megamenu-holder .pls-banner .banner-image,
    .pls-site-header .pls-megamenu-holder .pls-banner .banner-image img {
        width: 200px !important;
        height: 200px !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: cover;
    }
}

/* Homepage category tiles: category name as small white text (slider font Jost Light), bottom centre, no hover change */
.amd-tile .pls-banner .banner-content-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    text-align: center !important;
    padding: 0 16px 18px !important;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0) 45%);
    pointer-events: none;
}
.amd-tile .pls-banner .banner-content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    justify-content: center !important;
    text-align: center !important;
}
.amd-tile .pls-banner .banner-button {
    width: 100%;
    text-align: center !important;
}
.amd-tile .pls-banner .banner-button {
    margin: 0 !important;
}
.amd-tile .pls-banner .banner-button a.button,
.amd-tile .pls-banner .banner-button a.button:hover,
.amd-tile .pls-banner .banner-button a.button:focus {
    pointer-events: auto;
    display: inline-block;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0;
    font-family: 'Jost', sans-serif !important;
    font-weight: 300 !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.02em !important;
    text-transform: none !important;
    color: #FFFFFF !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.35);
    transition: none !important;
}
.amd-tile .pls-banner .banner-button a.button::before {
    display: none !important;
}
/* the link covers the whole tile, so a tap anywhere on the photo opens the category */
.amd-tile .pls-banner .banner-button a.button::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    border: 0 !important;
    opacity: 1 !important;
    transform: none !important;
}


/* Homepage category tiles are squares (more of each photo is visible) */
.amd-tile .pls-banner .banner-wrapper {
    aspect-ratio: 1 / 1;
    min-height: 0 !important;
    max-height: none !important;
}
.amd-tile .pls-banner .banner-image-wrap,
.amd-tile .pls-banner .banner-image,
.amd-tile .pls-banner .banner-image img {
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
}
/* Big side photos reach 5% past the outer edge of the block (left photo to the left, right photo to the right) */
@media all {
    .amd-cat-photo-left img {
        width: 105% !important;
        max-width: none !important;
        margin-left: -5%;
    }
    .amd-cat-photo-right img {
        width: 105% !important;
        max-width: none !important;
        margin-right: -5%;
    }
    .amd-cat-photo .elementor-widget-image .elementor-widget-container {
        overflow: visible !important;
    }
}

/* Phones: smaller category names inside the narrow square tiles (must come after the base tile text rule) */
@media (max-width: 767px) {
    .amd-tile .pls-banner .banner-button a.button,
    .amd-tile .pls-banner .banner-button a.button:hover,
    .amd-tile .pls-banner .banner-button a.button:focus {
        font-size: 14px !important;
    }
}

/* Phones: the theme sets overflow:hidden on the page wrapper below 768px, which breaks the sticky header.
   overflow-x: clip still stops sideways scrolling but keeps position: sticky working. */
@media (max-width: 767px) {
    .pls-site-wrapper {
        overflow: visible !important;
        overflow-x: clip !important;
    }
}

/* Big category photos (both blocks) take exactly the height of the two tiles beside them (the photo no longer stretches the block) */
.amd-cat-photo > .elementor-widget-wrap {
    position: relative !important;
}
.amd-cat-photo .elementor-widget-image {
    position: absolute !important;
    top: 15px;
    right: 10px;
    bottom: 15px;
    left: 15px;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
}
.amd-cat-photo .elementor-widget-image .elementor-widget-container {
    height: 100% !important;
}
.amd-cat-photo .elementor-widget-image img {
    height: 100% !important;
    object-fit: cover;
}
@media (max-width: 767px) {
    .amd-cat-photo .elementor-widget-image {
        top: 6px;
        right: 4px;
        bottom: 6px;
        left: 4px;
    }
}

/* Catalog sidebar: current category in the «Категорія» filter */
.amd-cat-filter li.chosen > a,
.amd-cat-filter li.chosen > a .nav-title {
    color: #063C26 !important;
    font-weight: 600;
}
.amd-cat-filter li > a:hover .nav-title {
    color: #063C26;
}

/* Catalog filters (Категорія, Метал): clear square checkboxes with rounded corners */
.widget.widget_layered_nav li a:before {
    box-sizing: border-box;
    flex: 0 0 18px;
    width: 18px !important;
    height: 18px !important;
    margin-right: 8px;
    background-color: #FFFFFF;
    border: 1.5px solid #063C26 !important;
    border-radius: 4px;
}
.widget.widget_layered_nav li.chosen a:before {
    background-color: #063C26;
    border-color: #063C26 !important;
}
.widget.widget_layered_nav li.chosen a:after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px !important;
    height: 18px;
    margin-top: -9px;
    line-height: 18px;
    text-align: center;
    font-size: 10px;
    color: #FFFFFF;
    background: none !important;
}

/* Product page: vertical thumbnail strip — the down arrow sits as close to the last thumbnail as the up arrow to the first */
@media (min-width: 640px) {
    .product-gallery-left .single-product-thumbnails,
    .product-gallery-right .single-product-thumbnails,
    .single-product-thumbnails.slick-vertical {
        height: auto !important;
        align-self: flex-start;
        /* room for the down arrow inside the strip, so it stays visible while the mouse moves to it */
        padding-bottom: 78px !important;
    }
    .single-product-thumbnails.slick-vertical .slick-next {
        top: auto !important;
        bottom: 0 !important;
        transform: none !important;
    }
}

/* PC: first category block sticks to the left edge of the page (photo flush left, tiles to its right),
   second block sticks to the right edge (photo flush right). Phones/tablets unchanged. */
@media (min-width: 1025px) {
    .elementor-element-34a310e > .elementor-container {
        margin-left: 0 !important;
        margin-right: auto !important;
    }
    .elementor-element-5f3d6df > .elementor-container {
        margin-left: auto !important;
        margin-right: 0 !important;
    }
    .elementor-element-34a310e .amd-cat-photo .elementor-widget-image {
        left: 0 !important;
    }
    .elementor-element-5f3d6df .amd-cat-photo .elementor-widget-image {
        right: 0 !important;
    }
    .amd-cat-photo-left img,
    .amd-cat-photo-right img {
        width: 100% !important;
        margin: 0 !important;
    }
    .amd-cat-photo-left img { border-radius: 0 6px 6px 0 !important; }
    .amd-cat-photo-right img { border-radius: 6px 0 0 6px !important; }
}

/* PC: photos go a bit further off their edge of the screen, tiles move a bit further away from the photo */
@media (min-width: 1025px) {
    .elementor-element-34a310e .amd-cat-photo .elementor-widget-image {
        left: -80px !important;
    }
    .elementor-element-5f3d6df .amd-cat-photo .elementor-widget-image {
        right: -80px !important;
    }
    .elementor-element-34a310e .amd-cat-tiles > .elementor-widget-wrap {
        transform: translateX(48px);
    }
    .elementor-element-5f3d6df .amd-cat-tiles > .elementor-widget-wrap {
        transform: translateX(-48px);
    }
}

/* Category tiles: white underline slides out under the name when the tile is hovered (like the header menu) */
.amd-tile .pls-banner .banner-button a.button,
.amd-tile .pls-banner .banner-button a.button:hover,
.amd-tile .pls-banner .banner-button a.button:focus {
    padding-bottom: 3px !important;
    background: linear-gradient(#FFFFFF, #FFFFFF) no-repeat left bottom / 0 2px !important;
    transition: background-size 0.3s ease !important;
}
.amd-tile .banner-wrapper:hover .banner-button a.button {
    background-size: 100% 2px !important;
}

/* PC: smaller square category tiles; they keep to the side facing the photo */
@media (min-width: 1025px) {
    .amd-cat-tiles .elementor-widget-wrap > .amd-tile {
        width: 300px !important;
        max-width: 300px !important;
    }
    .elementor-element-5f3d6df .amd-cat-tiles .elementor-widget-wrap {
        justify-content: flex-end;
    }
    .elementor-element-5f3d6df .amd-cat-tiles .elementor-widget-wrap > .amd-tile {
        margin-left: auto;
    }
}

/* Homepage: thin grey lines between sections — the same small gap (30px) above and below each line */
.amd-section-divider { position: relative; }
.elementor-element-dv1aa9f { margin-top: -10px !important; margin-bottom: 31px !important; }
.elementor-element-dv2a9ab { margin-top: 31px !important; margin-bottom: -55px !important; }
.elementor-element-dv3a0a3 { margin-top: 15px !important; margin-bottom: -55px !important; }
.elementor-element-dv4acb7 { margin-top: -49px !important; margin-bottom: 15px !important; }
.elementor-element-dv5a25e { margin-top: -49px !important; margin-bottom: 15px !important; }

/* PC, Каблучки/Сережки block: smaller tiles, photo keeps its size, tiles a bit further from the photo */
@media (min-width: 1025px) {
    .elementor-element-34a310e .amd-cat-photo > .elementor-widget-wrap {
        min-height: 680px;
    }
    .elementor-element-34a310e .amd-cat-tiles .elementor-widget-wrap {
        align-content: center !important;
        transform: translateX(80px) !important;
    }
    .elementor-element-34a310e .amd-cat-tiles .elementor-widget-wrap > .amd-tile {
        width: 250px !important;
        max-width: 250px !important;
    }
}

/* PC, Підвіси/Браслети block: wide horizontal photo touching the right edge of the screen,
   the two smaller tiles overlap the photo by 30% of their width */
@media (min-width: 1025px) {
    .elementor-element-5f3d6df > .elementor-container {
        align-items: stretch;
    }
    .elementor-element-5f3d6df > .elementor-container > .amd-cat-tiles {
        flex: 0 0 250px !important;
        width: 250px !important;
        position: relative;
        z-index: 2;
    }
    .elementor-element-5f3d6df .amd-cat-tiles > .elementor-widget-wrap {
        padding: 0 !important;
        height: 100%;
        display: flex !important;
        flex-direction: column;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-content: normal !important;
        gap: 0 !important;
        transform: none !important;
    }
    .elementor-element-5f3d6df .amd-cat-tiles .elementor-widget-wrap > .amd-tile {
        width: 250px !important;
        max-width: 250px !important;
        margin: 0 !important;
    }
    .elementor-element-5f3d6df > .elementor-container > .amd-cat-photo {
        flex: 1 1 auto !important;
        width: auto !important;
        margin-left: -75px; /* the photo runs 75px (30% of a tile) under the tiles */
        position: relative;
        z-index: 1;
    }
    .elementor-element-5f3d6df .amd-cat-photo > .elementor-widget-wrap {
        padding: 0 !important;
    }
    .elementor-element-5f3d6df .amd-cat-photo .elementor-widget-image {
        position: static !important;
        width: 100% !important;
    }
    .elementor-element-5f3d6df .amd-cat-photo .elementor-widget-image .elementor-widget-container {
        height: auto !important;
    }
    .elementor-element-5f3d6df .amd-cat-photo .elementor-widget-image img,
    .elementor-element-5f3d6df .amd-cat-photo-right img {
        display: block;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        object-fit: fill;
        border-radius: 6px 0 0 6px !important;
    }
}
/* Phones/tablets: keep the woman (right part of the wide photo) in view */
@media (max-width: 1024px) {
    .elementor-element-5f3d6df .amd-cat-photo-right img { object-position: 72% center; }
}

/* PC, Підвіси/Браслети block: the wide photo ~27% bigger (tiles keep 250px), tiles centred on the photo's height */
@media (min-width: 1025px) {
    .elementor-element-5f3d6df > .elementor-container {
        max-width: 1350px !important;
    }
    .elementor-element-5f3d6df .amd-cat-tiles > .elementor-widget-wrap {
        justify-content: center !important;
        gap: 20px !important;
    }
}

/* PC, Каблучки/Сережки block: same as the lower block, mirrored — wide horizontal photo touching the left edge,
   the 250px tiles overlap its right side by 30% (75px) and sit centred on its height */
@media (min-width: 1025px) {
    .elementor-element-34a310e > .elementor-container {
        max-width: 1350px !important;
        align-items: stretch;
    }
    .elementor-element-34a310e > .elementor-container > .amd-cat-photo {
        flex: 1 1 auto !important;
        width: auto !important;
        margin-right: -75px;
        position: relative;
        z-index: 1;
    }
    .elementor-element-34a310e .amd-cat-photo > .elementor-widget-wrap {
        padding: 0 !important;
        min-height: 0 !important;
    }
    .elementor-element-34a310e .amd-cat-photo .elementor-widget-image {
        position: static !important;
        width: 100% !important;
    }
    .elementor-element-34a310e .amd-cat-photo .elementor-widget-image .elementor-widget-container {
        height: auto !important;
    }
    .elementor-element-34a310e .amd-cat-photo .elementor-widget-image img,
    .elementor-element-34a310e .amd-cat-photo-left img {
        display: block;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        object-fit: fill;
        border-radius: 0 6px 6px 0 !important;
    }
    .elementor-element-34a310e > .elementor-container > .amd-cat-tiles {
        flex: 0 0 250px !important;
        width: 250px !important;
        position: relative;
        z-index: 2;
    }
    .elementor-element-34a310e .amd-cat-tiles > .elementor-widget-wrap {
        padding: 0 !important;
        height: 100%;
        display: flex !important;
        flex-direction: column;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-content: normal !important;
        gap: 20px !important;
        transform: none !important;
    }
    .elementor-element-34a310e .amd-cat-tiles .elementor-widget-wrap > .amd-tile {
        width: 250px !important;
        max-width: 250px !important;
        margin: 0 !important;
    }
}
/* Phones/tablets: keep the necklace (left part of the wide photo) in view */
@media (max-width: 1024px) {
    .elementor-element-34a310e .amd-cat-photo-left img { object-position: 30% center; }
}
@media (min-width: 1025px) {
    .elementor-element-5f3d6df { margin-top: 30px !important; }
}

/* PC: category blocks appear in steps when they come into view — first the photo fades in, then both tiles together.
   Failsafe: if the script never runs, everything is shown after 4 s. */
@keyframes amdFadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes amdFadeUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@media (min-width: 1025px) {
    .elementor-element-34a310e .amd-cat-photo .elementor-widget-image,
    .elementor-element-5f3d6df .amd-cat-photo .elementor-widget-image,
    .elementor-element-34a310e .amd-tile,
    .elementor-element-5f3d6df .amd-tile {
        opacity: 0;
    }
    html:not([data-amd-reveal]) .elementor-element-34a310e:not(.amd-in) .amd-cat-photo .elementor-widget-image,
    html:not([data-amd-reveal]) .elementor-element-5f3d6df:not(.amd-in) .amd-cat-photo .elementor-widget-image,
    html:not([data-amd-reveal]) .elementor-element-34a310e:not(.amd-in) .amd-tile,
    html:not([data-amd-reveal]) .elementor-element-5f3d6df:not(.amd-in) .amd-tile {
        animation: amdFadeIn 0.5s ease 4s forwards;
    }
    .amd-in .amd-cat-photo .elementor-widget-image {
        animation: amdFadeIn 0.8s ease forwards;
    }
    .amd-in .amd-tile {
        animation: amdFadeUp 0.6s ease 0.3s forwards;
    }
}
@media (min-width: 1025px) and (prefers-reduced-motion: reduce) {
    .amd-in .amd-cat-photo .elementor-widget-image,
    .amd-in .amd-tile { animation-duration: 0.01s; animation-delay: 0s; }
}

/* Phones: thinner green line under the pinned header */
@media (max-width: 767px) {
    .pls-site-header { border-bottom-width: 1px !important; }
}
/* Phones/tablets: first block photo shows more of its left side (same place, different framing) */
@media (max-width: 1024px) {
    .elementor-element-34a310e .amd-cat-photo-left img,
    .elementor-element-34a310e .amd-cat-photo .elementor-widget-image img { object-position: 0% center !important; }
}

/* Phones/tablets: framing of the category photos — 1st block 15%, 2nd block 84% */
@media (max-width: 1024px) {
    .elementor-element-34a310e .amd-cat-photo-left img,
    .elementor-element-34a310e .amd-cat-photo .elementor-widget-image img { object-position: 15% center !important; }
    .elementor-element-5f3d6df .amd-cat-photo-right img,
    .elementor-element-5f3d6df .amd-cat-photo .elementor-widget-image img { object-position: 84% center !important; }
}

/* Phones/tablets, homepage: sections fade in one after another (banner, then 1st category block, ...) as they come into view.
   Failsafe: shown after 3 s if the script never runs. */
@media (max-width: 1024px) {
    body.home .elementor-element-34a310e,
    body.home .elementor-element-5f3d6df,
    body.home .elementor-element-26ba5fc,
    body.home .elementor-element-67e61ee,
    body.home .elementor-element-d528403,
    body.home .elementor-element-a7d0e11,
    body.home .elementor-element-aa7457a,
    body.home .elementor-element-856365a {
        opacity: 0;
    }
    html:not([data-amd-reveal]) body.home .elementor-element-34a310e,
    html:not([data-amd-reveal]) body.home .elementor-element-5f3d6df,
    html:not([data-amd-reveal]) body.home .elementor-element-26ba5fc,
    html:not([data-amd-reveal]) body.home .elementor-element-67e61ee,
    html:not([data-amd-reveal]) body.home .elementor-element-d528403,
    html:not([data-amd-reveal]) body.home .elementor-element-a7d0e11,
    html:not([data-amd-reveal]) body.home .elementor-element-aa7457a,
    html:not([data-amd-reveal]) body.home .elementor-element-856365a {
        animation: amdFadeIn 0.4s ease 3s forwards;
    }
    body.home .amd-in.elementor-element-34a310e,
    body.home .amd-in.elementor-element-5f3d6df,
    body.home .amd-in.elementor-element-26ba5fc,
    body.home .amd-in.elementor-element-67e61ee,
    body.home .amd-in.elementor-element-d528403,
    body.home .amd-in.elementor-element-a7d0e11,
    body.home .amd-in.elementor-element-aa7457a,
    body.home .amd-in.elementor-element-856365a {
        animation: amdFadeUp 0.6s ease forwards;
    }
}

/* PC header logo: horizontal position is set before the page is drawn (no jump) */
@media (min-width: 992px) {
    .pls-header-main .pls-header-col-left .pls-header-logo {
        transform: translateX(var(--amd-logo-x, 0px));
    }
}

/* Category pages: intro above the products, SEO text and questions below them (October 2026) */
.amd-cat-intro {
    max-width: 860px;
    margin: 0 0 28px;
    font-size: 15px;
    line-height: 1.7;
}
.amd-cat-intro p {
    margin: 0 0 10px;
}
.amd-cat-intro p:last-child {
    margin-bottom: 0;
}
.amd-cat-seo {
    max-width: 920px;
    margin: 56px auto 8px;
    padding-top: 36px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 15px;
    line-height: 1.75;
}
.amd-cat-seo h2 {
    margin: 0 0 16px;
    font-size: 26px;
    line-height: 1.25;
}
.amd-cat-seo h3 {
    margin: 26px 0 10px;
    font-size: 19px;
    line-height: 1.3;
}
.amd-cat-seo p {
    margin: 0 0 14px;
}
.amd-cat-seo ul,
.amd-cat-seo ol {
    margin: 0 0 16px;
    padding-left: 22px;
}
.amd-cat-seo li {
    margin-bottom: 6px;
}
.amd-faq {
    margin-top: 40px;
}
.amd-faq details {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.amd-faq details:first-of-type {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.amd-faq summary {
    position: relative;
    padding: 16px 36px 16px 0;
    color: #222;
    font-weight: 500;
    cursor: pointer;
    list-style: none;
}
.amd-faq summary::-webkit-details-marker {
    display: none;
}
.amd-faq summary::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 4px;
    margin-top: -14px;
    font-size: 24px;
    line-height: 28px;
    font-weight: 300;
}
.amd-faq details[open] summary::after {
    content: "\2212";
}
.amd-faq details > div {
    padding: 0 0 16px;
}
.amd-faq details > div p {
    margin: 0 0 10px;
}
@media (max-width: 767px) {
    .amd-cat-seo {
        margin-top: 40px;
        padding-top: 28px;
    }
    .amd-cat-seo h2 {
        font-size: 22px;
    }
}

/* Home page: visible H1 and short intro under the slider (October 2026) */
.amd-home-intro {
    padding: 36px 15px 8px;
    text-align: center;
}
.amd-home-intro h1 {
    margin: 0 0 12px;
    font-size: 34px;
    line-height: 1.2;
    font-weight: 400;
}
.amd-home-intro p {
    max-width: 780px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 1.7;
}
@media (max-width: 767px) {
    .amd-home-intro {
        padding: 28px 15px 4px;
    }
    .amd-home-intro h1 {
        font-size: 25px;
    }
}

/* Ring size guide under the size selector (October 2026) */
.amd-size-guide {
    margin: 0 0 18px;
    font-size: 14px;
}
.amd-size-guide summary {
    display: inline-block;
    color: #063c26;
    text-decoration: underline;
    cursor: pointer;
}
.amd-size-guide-body {
    margin-top: 10px;
    padding: 14px 16px;
    background: #f6f6f6;
}
.amd-size-guide table {
    width: 100%;
    margin: 0 0 10px;
    border-collapse: collapse;
}
.amd-size-guide th,
.amd-size-guide td {
    padding: 6px 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    text-align: left;
    font-size: 13px;
}
.amd-size-guide th {
    font-weight: 500;
}
.amd-size-guide p {
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
}