/* =====================================================
   ARTSHOP CLEAN START — DESKTOP ONLY
   Править здесь только десктоп
===================================================== */

:root{
    --art-gold:#d48931;
    --art-gold-2:#f0c06a;
    --art-gold-soft:rgba(212,137,49,.22);
    --art-green:#13a54b;
    --art-green-dark:#0a8137;
    --art-dark:#10393d;
    --art-dark-2:#174d51;
    --art-dark-3:#0d2f33;
    --art-cream:#f5efe5;
    --art-cream-2:#fbf7f1;
    --art-cream-3:#efe5d6;
    --art-text:#111;
    --art-muted:#5e6663;
    --art-line:rgba(212,137,49,.26);
    --art-shadow:0 12px 28px rgba(0,0,0,.10);
    --art-shadow-hover:0 22px 46px rgba(0,0,0,.18);
}

html,
body{
    max-width:100%;
    overflow-x:hidden;
}

body{
    background:
        radial-gradient(circle at 15% 0%, rgba(212,137,49,.12), transparent 30%),
        radial-gradient(circle at 85% 8%, rgba(23,77,81,.10), transparent 24%),
        linear-gradient(180deg,#f6f0e7 0%, #efe6d8 42%, #f8f3eb 100%) !important;
    color:var(--art-text);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

body,
button,
input,
textarea,
select{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

a{
    color:var(--art-dark-2);
}

a:hover{
    color:var(--art-gold);
}

.col-full{
    width:100% !important;
    max-width:1240px !important;
    padding-left:18px !important;
    padding-right:18px !important;
    box-sizing:border-box !important;
}

/* =====================================================
   TOP NOTICE — DESKTOP
===================================================== */

.artshop-top-notice{
    background:linear-gradient(90deg,var(--art-dark-3),var(--art-dark-2),var(--art-dark-3));
    color:#fff;
    font-size:15px;
    font-weight:950;
    line-height:1.2;
    letter-spacing:.02em;
    text-align:center;
    box-shadow:0 6px 18px rgba(0,0,0,.12);
    overflow:hidden;
}

.artshop-top-notice__inner{
    max-width:1240px;
    margin:0 auto;
    padding:10px 18px 9px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.artshop-top-notice__wave{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:0;
    max-width:100%;
}

.artshop-top-notice__wave-char{
    display:inline-block;
    color:#fff;
    will-change:transform, filter, color;
    animation:artshopWaveGold 40s ease-in-out infinite;
}

.artshop-top-notice__wave-space{
    width:.34em;
}

@keyframes artshopWaveGold{
    0%,100%{
        color:#ffffff;
        transform:translateY(0) scale(1);
        text-shadow:0 0 0 rgba(212,137,49,0);
        filter:brightness(1);
    }
    18%{
        color:#fff8e8;
        transform:translateY(-1px) scale(1.02);
        text-shadow:0 0 8px rgba(212,137,49,.35);
    }
    38%{
        color:#ffe8b6;
        transform:translateY(-4px) scale(1.12);
        text-shadow:
            0 0 7px rgba(255,226,150,.88),
            0 0 14px rgba(212,137,49,.70),
            0 0 22px rgba(212,137,49,.42);
        filter:brightness(1.14);
    }
    58%{
        color:#fffdf8;
        transform:translateY(-1px) scale(1.04);
        text-shadow:
            0 0 6px rgba(212,137,49,.35),
            0 0 12px rgba(212,137,49,.20);
    }
}

/* =====================================================
   HEADER — DESKTOP
===================================================== */

.site-header{
    position:sticky !important;
    top:0;
    z-index:9999;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:rgba(248,242,233,.96) !important;
    backdrop-filter:blur(12px);
    box-shadow:0 10px 26px rgba(0,0,0,.11);
}

body.admin-bar .site-header{
    top:32px;
}

.site-header .col-full{
    display:grid !important;
    grid-template-columns:126px minmax(220px,1fr) auto auto;
    grid-template-areas:
        "brand phone search cart"
        "nav nav nav nav";
    gap:12px 16px;
    align-items:center;
    padding-top:12px !important;
    padding-bottom:0 !important;
}

.site-branding{
    grid-area:brand;
    float:none !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
}

.site-branding .custom-logo-link,
.site-branding a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-decoration:none !important;
    overflow:visible !important;
}

.site-branding img,
.custom-logo{
    display:block !important;
    width:92px !important;
    max-width:92px !important;
    height:92px !important;
    max-height:92px !important;
    object-fit:contain !important;
    border-radius:50%;
    background:#fff;
    transition:filter .28s ease, transform .28s ease !important;
}

.site-branding:hover img,
.site-branding .custom-logo-link:hover img{
    transform:scale(1.035) !important;
    filter:
        drop-shadow(0 0 8px rgba(255,210,90,.78))
        drop-shadow(0 0 18px rgba(212,137,49,.58))
        drop-shadow(0 0 30px rgba(23,77,81,.30)) !important;
}

.site-title{
    margin:0 !important;
    font-size:25px !important;
    line-height:1 !important;
    font-weight:950 !important;
}

.site-title a{
    color:var(--art-dark) !important;
    text-decoration:none !important;
}

.site-description{
    margin:5px 0 0 !important;
    color:var(--art-muted) !important;
    font-size:13px !important;
    font-weight:800 !important;
}

.artshop-header-contact{
    grid-area:phone;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:center;
    gap:5px;
    min-width:210px;
    white-space:nowrap;
}

.artshop-header-phone{
    color:var(--art-dark) !important;
    text-decoration:none !important;
    font-size:20px;
    font-weight:950;
    line-height:1;
}

.artshop-header-hours{
    color:#5d655f;
    font-size:13px;
    font-weight:900;
    line-height:1.1;
}

.artshop-header-wa{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:32px;
    padding:7px 13px;
    border-radius:999px;
    background:linear-gradient(135deg,#e9fff1,#d5f8df);
    border:1px solid rgba(19,165,75,.28);
    color:var(--art-green-dark) !important;
    text-decoration:none !important;
    font-size:14px;
    font-weight:950;
    line-height:1;
    box-shadow:0 8px 18px rgba(19,165,75,.13);
}

.artshop-header-wa:hover{
    color:#055927 !important;
    transform:translateY(-1px);
}

.site-search,
.woocommerce-active .site-header .site-search{
    grid-area:search;
    float:none !important;
    clear:none !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}

.site-search form{
    margin:0 !important;
}

.site-search .widget_product_search form::before,
.site-search form::before{
    display:none !important;
}

.site-search input[type=search],
.site-search .search-field{
    width:100% !important;
    height:50px !important;
    border:1px solid rgba(23,77,81,.16) !important;
    border-radius:999px !important;
    background:#fff !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 9px 20px rgba(0,0,0,.06) !important;
    padding:0 18px !important;
    color:#111 !important;
    font-size:15px !important;
    font-weight:750 !important;
}

.site-header-cart,
.woocommerce-active .site-header .site-header-cart{
    grid-area:cart;
    float:none !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}

.site-header-cart .cart-contents{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:50px !important;
    padding:9px 16px !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,var(--art-dark),#0f5b63) !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.14) !important;
    box-shadow:0 10px 22px rgba(16,43,47,.22) !important;
    text-decoration:none !important;
    font-weight:950 !important;
    white-space:nowrap !important;
}

.site-header-cart .cart-contents::after{
    color:#fff !important;
}

.site-header-cart .cart-contents .count{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-width:22px;
    height:22px;
    padding:0 7px;
    margin-left:8px;
    border-radius:999px;
    background:var(--art-gold);
    color:#fff !important;
    font-size:12px;
    font-weight:950;
}

/* =====================================================
   MENU — DESKTOP ONLY
===================================================== */

.storefront-primary-navigation{
    grid-area:nav;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    clear:both !important;
}

.main-navigation{
    float:none !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}

.menu-toggle{
    display:none !important;
}

.main-navigation ul.menu,
.main-navigation ul.nav-menu{
    display:flex !important;
    align-items:stretch !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    width:100% !important;
    margin:0 !important;
    padding:10px 0 14px !important;
    list-style:none !important;
}

.main-navigation ul.menu > li,
.main-navigation ul.nav-menu > li{
    float:none !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    flex:1 1 0;
    min-width:0;
}

.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:46px !important;
    height:100% !important;
    padding:9px 10px !important;
    border-radius:999px !important;
    background:linear-gradient(180deg,#fbf7f0,#efe5d6) !important;
    border:1px solid rgba(212,137,49,.26) !important;
    color:#122f32 !important;
    box-shadow:0 8px 18px rgba(0,0,0,.055) !important;
    font-size:13px !important;
    font-weight:950 !important;
    line-height:1.15 !important;
    text-align:center !important;
    text-decoration:none !important;
    overflow:hidden !important;
    transition:transform .22s ease, box-shadow .22s ease, color .22s ease, border-color .22s ease, background .22s ease !important;
}

.main-navigation ul.menu > li > a::after,
.main-navigation ul.nav-menu > li > a::after{
    content:"";
    position:absolute;
    left:16%;
    right:16%;
    bottom:7px;
    height:3px;
    border-radius:999px;
    background:linear-gradient(90deg,var(--art-gold),var(--art-dark-2));
    opacity:0;
    transform:scaleX(.2);
    transition:opacity .22s ease, transform .22s ease !important;
}

.main-navigation ul.menu > li > a:hover,
.main-navigation ul.nav-menu > li > a:hover,
.main-navigation ul.menu > li.current-menu-item > a,
.main-navigation ul.nav-menu > li.current-menu-item > a{
    background:linear-gradient(135deg,var(--art-dark),#0f5b63) !important;
    border-color:rgba(212,137,49,.44) !important;
    color:#fff !important;
    transform:translateY(-2px);
    box-shadow:0 14px 26px rgba(16,43,47,.22) !important;
}

.main-navigation ul.menu > li > a:hover::after,
.main-navigation ul.nav-menu > li > a:hover::after,
.main-navigation ul.menu > li.current-menu-item > a::after,
.main-navigation ul.nav-menu > li.current-menu-item > a::after{
    opacity:1;
    transform:scaleX(1);
}

/* =====================================================
   CONTENT — DESKTOP
===================================================== */

.site-content{
    padding-top:24px;
}

.home .entry-header{
    display:none;
}

.page-title,
.entry-title,
.woocommerce-products-header__title{
    color:var(--art-dark) !important;
    font-weight:950 !important;
    letter-spacing:-.03em;
}

.artshop-home-hero{
    margin:0 0 26px;
    padding:22px;
    border-radius:30px;
    background:
        radial-gradient(circle at 12% 0%, rgba(212,137,49,.15), transparent 35%),
        linear-gradient(180deg,#f7f0e6 0%,#efe4d3 100%);
    border:1px solid rgba(212,137,49,.24);
    box-shadow:var(--art-shadow);
    overflow:hidden;
}

.artshop-home-hero h1{
    margin:0 0 8px !important;
    color:var(--art-dark) !important;
    font-size:34px !important;
    line-height:1.08 !important;
    font-weight:950 !important;
}

.artshop-home-hero p{
    max-width:820px;
    margin:0 !important;
    color:#35413e;
    font-size:18px;
    line-height:1.45;
    font-weight:750;
}

.artshop-home-slider{
    margin-top:20px;
    border-radius:26px;
    overflow:hidden;
    background:rgba(255,255,255,.65);
    box-shadow:0 12px 28px rgba(0,0,0,.11);
}

.metaslider,
.metaslider img,
.metaslider .flexslider{
    border-radius:26px !important;
}

/* =====================================================
   CATEGORY TILES — DESKTOP
===================================================== */

ul.products{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
}

ul.products::before,
ul.products::after{
    display:none !important;
    content:none !important;
}

ul.products li.product,
ul.products li.product-category{
    float:none !important;
    width:auto !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    border-radius:26px !important;
    background:linear-gradient(180deg,#fbf6ee 0%,#ffffff 100%) !important;
    border:1px solid rgba(213,191,156,.48) !important;
    box-shadow:var(--art-shadow) !important;
    overflow:visible !important;
    text-align:center !important;
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}

ul.products li.product:hover,
ul.products li.product-category:hover{
    transform:translateY(-8px) !important;
    box-shadow:var(--art-shadow-hover),0 0 24px rgba(212,137,49,.18) !important;
    border-color:rgba(212,137,49,.38) !important;
}

ul.products li.product > a,
ul.products li.product-category > a{
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
    padding:14px !important;
    border-radius:26px !important;
    text-decoration:none !important;
    outline:none !important;
    box-shadow:none !important;
    overflow:visible !important;
    background:transparent !important;
    position:relative !important;
}

ul.products li.product img,
ul.products li.product-category img{
    display:block !important;
    width:100% !important;
    height:220px !important;
    object-fit:contain !important;
    object-position:center center !important;
    background:linear-gradient(180deg,#f7f2ea,#ffffff) !important;
    border-radius:20px !important;
    padding:4px !important;
    margin:0 !important;
    transition:transform .35s ease, filter .35s ease !important;
}

ul.products li.product:hover img,
ul.products li.product-category:hover img{
    transform:scale(1.035) !important;
    filter:saturate(1.08) contrast(1.03) brightness(1.02) !important;
}

ul.products li.product .woocommerce-loop-product__title,
ul.products li.product-category h2,
ul.products li.product-category .woocommerce-loop-category__title{
    margin:12px 0 2px !important;
    padding:0 !important;
    min-height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#111 !important;
    background:transparent !important;
    font-size:clamp(12px,.95vw,18px) !important;
    font-weight:950 !important;
    line-height:1.12 !important;
    text-align:center !important;
    text-transform:uppercase !important;
    letter-spacing:.02em !important;
}

ul.products li.product-category .count{
    display:none !important;
}

.artshop-cat-desc{
    position:absolute;
    left:50%;
    bottom:calc(100% - 8px);
    transform:translate(-50%,12px) scale(.96);
    min-width:240px;
    max-width:320px;
    padding:12px 14px;
    border-radius:16px;
    background:linear-gradient(180deg,rgba(16,57,61,.98),rgba(23,77,81,.98));
    color:#fff !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1.35 !important;
    text-align:center !important;
    box-shadow:0 14px 30px rgba(0,0,0,.18);
    border:1px solid rgba(212,137,49,.34);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .22s ease, transform .22s ease, visibility .22s ease !important;
    z-index:20;
}

.artshop-cat-desc::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-8px;
    width:14px;
    height:14px;
    background:#174d51;
    border-right:1px solid rgba(212,137,49,.34);
    border-bottom:1px solid rgba(212,137,49,.34);
    transform:translateX(-50%) rotate(45deg);
}

li.product-category:hover .artshop-cat-desc{
    opacity:1;
    visibility:visible;
    transform:translate(-50%,0) scale(1);
}

ul.products li.product .price{
    color:var(--art-dark-2) !important;
    font-size:18px !important;
    font-weight:950 !important;
}

.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.added_to_cart,
.woocommerce a.button,
.woocommerce button.button{
    border:none !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,var(--art-dark),#0f5b63) !important;
    color:#fff !important;
    font-weight:950 !important;
    box-shadow:0 10px 20px rgba(16,43,47,.22) !important;
    text-decoration:none !important;
}

.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.added_to_cart:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover{
    filter:brightness(1.05) !important;
    transform:translateY(-1px);
    color:#fff !important;
}

/* =====================================================
   HOMEPAGE CATEGORY ROW — DESKTOP ONLY
===================================================== */

body.home ul.products{
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:space-between !important;
    align-items:stretch !important;
    gap:14px !important;
    margin:26px 0 0 !important;
}

body.home ul.products li.product-category{
    flex:1 1 0 !important;
    min-width:0 !important;
    width:auto !important;
    max-width:none !important;
}

body.home ul.products li.product-category > a{
    padding:14px !important;
}

body.home ul.products li.product-category img{
    height:300px !important;
    max-height:300px !important;
    object-fit:contain !important;
    object-position:center center !important;
    background:linear-gradient(180deg,#f8f3ec,#ffffff) !important;
}

body.home ul.products li.product-category .woocommerce-loop-category__title,
body.home ul.products li.product-category h2{
    min-height:48px !important;
    font-size:clamp(12px,.82vw,16px) !important;
}

/* =====================================================
   SINGLE PRODUCT — DESKTOP
===================================================== */

.single-product div.product{
    background:#fff;
    border:1px solid rgba(212,137,49,.24);
    border-radius:30px;
    padding:24px;
    box-shadow:var(--art-shadow);
}

.single-product div.product .woocommerce-product-gallery{
    width:48% !important;
}

.single-product div.product .summary{
    width:48% !important;
}

.single-product div.product .product_title{
    color:var(--art-dark) !important;
    font-size:34px !important;
    line-height:1.12 !important;
    font-weight:950 !important;
}

.single-product div.product p.price,
.single-product div.product span.price{
    color:var(--art-dark-2) !important;
    font-size:28px !important;
    font-weight:950 !important;
}

.woocommerce-product-gallery img{
    border-radius:22px !important;
    background:#fffaf2;
}

/* =====================================================
   FOOTER — DESKTOP
===================================================== */

.site-footer{
    margin-top:38px !important;
    padding:0 !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(212,137,49,.16), transparent 34%),
        linear-gradient(180deg,var(--art-dark-2),var(--art-dark-3)) !important;
    color:#fff !important;
    border-top:4px solid var(--art-gold);
    box-shadow:0 -12px 28px rgba(0,0,0,.10);
}

.site-footer .col-full{
    padding-top:0 !important;
    padding-bottom:0 !important;
}

.artshop-footer{
    padding:34px 0 18px;
}

.artshop-footer__grid{
    display:grid;
    grid-template-columns:1.35fr 1fr 1fr 1fr;
    gap:24px;
    align-items:start;
}

.artshop-footer h3{
    margin:0 0 12px !important;
    color:#ffe0a0 !important;
    font-size:18px !important;
    font-weight:950 !important;
}

.artshop-footer p,
.artshop-footer span,
.artshop-footer small{
    color:#e9f0ed !important;
    font-weight:700;
    line-height:1.45;
}

.artshop-footer a{
    display:block;
    color:#fff !important;
    text-decoration:none !important;
    margin:7px 0;
    font-weight:850;
}

.artshop-footer a:hover{
    color:#ffe0a0 !important;
}

.artshop-footer__wa{
    color:#77f2a1 !important;
    font-weight:950 !important;
}

.artshop-pay-icons{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:12px;
}

.artshop-pay-icons span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:32px;
    min-width:68px;
    padding:7px 10px;
    border-radius:16px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.16);
    color:#fff !important;
    font-size:12px;
    font-weight:950;
    box-shadow:0 8px 18px rgba(0,0,0,.12);
}

.artshop-pay-icons span:first-child{
    background:linear-gradient(135deg,#18b64f,#0a9440) !important;
    border:none !important;
}

.artshop-pay-icons span:last-child{
    background:#fff !important;
    color:#7d33d8 !important;
    border:none !important;
}

.artshop-footer__bottom{
    margin-top:26px;
    padding-top:16px;
    border-top:1px solid rgba(255,255,255,.14);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    flex-wrap:wrap;
    color:#dbe5e1 !important;
    text-align:center;
    font-weight:850;
}

.storefront-handheld-footer-bar,
.site-info{
    display:none !important;
}

/* =====================================================
   DESKTOP WIDTH FIX — почти на весь экран
   Добавлено для уменьшения пустых полей слева/справа
===================================================== */

@media screen and (min-width: 769px) {

    body .col-full,
    body .site-header .col-full,
    body .site-content .col-full,
    body .site-footer .col-full,
    body .storefront-breadcrumb .col-full {
        width: calc(100vw - 48px) !important;
        max-width: 1760px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    body .site-content {
        width: 100% !important;
    }

    body .content-area,
    body.storefront-full-width-content .content-area {
        width: 100% !important;
        max-width: none !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body .widget-area {
        display: none !important;
    }

    body .site-main {
        width: 100% !important;
        max-width: none !important;
    }

    body.home ul.products {
        width: 100% !important;
        max-width: none !important;
    }

    body.home ul.products li.product-category img {
        height: 340px !important;
        max-height: 340px !important;
    }

    body .artshop-home-hero {
        width: 100% !important;
        max-width: none !important;
    }

    body .artshop-home-slider {
        width: 100% !important;
        max-width: none !important;
    }
}

@media screen and (min-width: 1800px) {

    body .col-full,
    body .site-header .col-full,
    body .site-content .col-full,
    body .site-footer .col-full,
    body .storefront-breadcrumb .col-full {
        width: calc(100vw - 64px) !important;
        max-width: 1880px !important;
    }

    body.home ul.products li.product-category img {
        height: 380px !important;
        max-height: 380px !important;
    }
}


/* =====================================================
   DESKTOP PATCH — logo / footer / category tiles
===================================================== */

@media screen and (min-width: 769px) {

    /* ---------- header logo bigger ---------- */

    .site-header .col-full{
        grid-template-columns:150px minmax(220px,1fr) auto auto !important;
    }

    .site-branding img,
    .site-branding .custom-logo,
    .custom-logo{
        width:118px !important;
        max-width:118px !important;
        height:118px !important;
        max-height:118px !important;
    }

    /* ---------- footer logo block ---------- */

    .artshop-footer__brand{
        display:flex;
        align-items:flex-start;
        gap:18px;
    }

    .artshop-footer__brand-text{
        min-width:0;
    }

    .artshop-footer__logo{
        flex:0 0 auto;
    }

    .artshop-footer__logo .custom-logo-link,
    .artshop-footer__logo a{
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        text-decoration:none !important;
        overflow:visible !important;
    }

    .artshop-footer__logo img,
    .artshop-footer__logo .custom-logo{
        display:block !important;
        width:118px !important;
        max-width:118px !important;
        height:118px !important;
        max-height:118px !important;
        object-fit:contain !important;
        border-radius:50%;
        background:#fff;
        transition:filter .28s ease, transform .28s ease !important;
    }

    .artshop-footer__logo:hover img,
    .artshop-footer__logo .custom-logo-link:hover img{
        transform:scale(1.035) !important;
        filter:
            drop-shadow(0 0 8px rgba(255,210,90,.78))
            drop-shadow(0 0 18px rgba(212,137,49,.58))
            drop-shadow(0 0 30px rgba(23,77,81,.30)) !important;
    }

    /* ---------- footer pay labels ---------- */

    .artshop-pay-icons{
        gap:10px !important;
    }

    .artshop-pay-icons__mir{
        background:linear-gradient(135deg,#18b64f,#0a9440) !important;
        color:#fff !important;
        border:none !important;
    }

    .artshop-pay-icons__yookassa{
        background:linear-gradient(135deg,#1473ff,#0b58d9) !important;
        color:#fff !important;
        border:none !important;
        box-shadow:0 8px 18px rgba(20,115,255,.24) !important;
    }

    /* ---------- home category cards lower / less empty space ---------- */

    body.home ul.products{
        align-items:flex-start !important;
        gap:14px !important;
    }

    body.home ul.products li.product-category{
        align-self:flex-start !important;
        min-height:0 !important;
        border-radius:24px !important;
    }

    body.home ul.products li.product-category > a{
        height:auto !important;
        min-height:0 !important;
        padding:10px 10px 12px !important;
        justify-content:flex-start !important;
    }

    body.home ul.products li.product-category img{
        height:180px !important;
        max-height:180px !important;
        object-fit:contain !important;
        object-position:center center !important;
        margin:0 !important;
    }

    body.home ul.products li.product-category .woocommerce-loop-category__title,
    body.home ul.products li.product-category h2{
        margin:10px 0 0 !important;
        min-height:34px !important;
        font-size:clamp(12px,.82vw,15px) !important;
        line-height:1.12 !important;
    }

    body.home ul.products li.product-category .count{
        display:none !important;
    }

    body.home li.product-category .artshop-cat-desc{
        max-width:290px !important;
        font-size:12px !important;
        line-height:1.3 !important;
    }

    /* ---------- a bit tighter footer first col ---------- */

    .artshop-footer__grid > div:first-child p{
        margin-top:8px !important;
    }
}



/* поднять категории ближе к слайдеру */
@media screen and (min-width: 769px) {
    body.home .artshop-home-hero{
        margin-bottom:8px !important;
    }

    body.home ul.products{
        margin-top:-120px !important;
    }
}

/* =====================================================
   ДЕСКТОП — телефон с белыми цифрами и тёмной обводкой
   Этот блок отвечает только за номер телефона, часы работы и кнопку WA в шапке
===================================================== */

@media screen and (min-width: 769px) {

    /* Контейнер телефона: держим номер, часы и WA аккуратно справа */
    .artshop-header-contact{
        align-items:flex-end !important;
        gap:7px !important;
        min-width:300px !important;
    }

    /* Номер телефона: крупный белый шрифт с тёмной обводкой и лёгким золотым свечением */
    .artshop-header-phone{
        display:inline-block !important;
        font-family:"Arial Black","Trebuchet MS","Segoe UI",Arial,sans-serif !important;
        font-size:44px !important;
        font-weight:900 !important;
        line-height:.95 !important;
        letter-spacing:-0.045em !important;
        color:#ffffff !important;
        -webkit-text-fill-color:#ffffff !important;
        text-decoration:none !important;

        /* Тёмная обводка вокруг цифр */
        -webkit-text-stroke:2px #0a3438 !important;
        paint-order:stroke fill !important;

        /* Тень и золотое свечение, чтобы номер выглядел как вывеска */
        text-shadow:
            0 2px 0 rgba(6,38,42,.95),
            0 4px 0 rgba(6,38,42,.60),
            0 0 8px rgba(255,220,145,.55),
            0 0 18px rgba(212,137,49,.35),
            0 10px 22px rgba(0,0,0,.25) !important;

        filter:drop-shadow(0 2px 2px rgba(0,0,0,.20)) !important;
        transition:transform .18s ease, filter .18s ease, text-shadow .18s ease !important;
    }

    /* Наведение на номер: немного увеличиваем и усиливаем золотой свет */
    .artshop-header-phone:hover{
        transform:translateY(-1px) scale(1.018) !important;
        color:#ffffff !important;
        -webkit-text-fill-color:#ffffff !important;
        -webkit-text-stroke:2px #082b2f !important;
        text-shadow:
            0 2px 0 rgba(6,38,42,.95),
            0 4px 0 rgba(6,38,42,.60),
            0 0 12px rgba(255,224,160,.85),
            0 0 26px rgba(212,137,49,.58),
            0 12px 24px rgba(0,0,0,.28) !important;
    }

    /* Часы работы: делаем темнее и спокойнее, чтобы главным был номер */
    .artshop-header-hours{
        display:block !important;
        margin-top:0 !important;
        font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif !important;
        font-size:17px !important;
        font-weight:900 !important;
        line-height:1.05 !important;
        letter-spacing:.015em !important;
        color:#173f43 !important;
        text-shadow:
            0 1px 0 rgba(255,255,255,.55),
            0 2px 7px rgba(0,0,0,.10) !important;
    }

    /* Кнопка WhatsApp: небольшой отступ от часов */
    .artshop-header-wa{
        margin-top:2px !important;
    }
}

/* =====================================================
   ДЕСКТОП — адаптация телефона для ноутбуков
   На средних экранах уменьшаем номер, чтобы шапка не ломалась
===================================================== */

@media screen and (min-width: 769px) and (max-width: 1360px) {

    /* Размер номера на ноутбуках */
    .artshop-header-phone{
        font-size:36px !important;
        -webkit-text-stroke:1.6px #0a3438 !important;
    }

    /* Размер часов на ноутбуках */
    .artshop-header-hours{
        font-size:15px !important;
    }

    /* Ширина зоны телефона на ноутбуках */
    .artshop-header-contact{
        min-width:250px !important;
    }
}


/* =====================================================
   ДЕСКТОП — корзина в шапке: контрастное количество товаров
   Этот блок исправляет цифру количества, чтобы она не сливалась с цветом корзины
===================================================== */

@media screen and (min-width: 769px) {

    /* Значок/кнопка корзины в шапке */
    .site-header-cart .cart-contents{
        position:relative !important;
        overflow:visible !important;
    }

    /* Количество товаров в корзине: светлый кружок с тёмными цифрами */
    .site-header-cart .cart-contents .count{
        background:#ffffff !important;
        color:#10393d !important;
        border:2px solid #d48931 !important;
        box-shadow:
            0 0 0 2px rgba(16,57,61,.35),
            0 4px 10px rgba(0,0,0,.22) !important;
        font-weight:950 !important;
        text-shadow:none !important;
    }
}

/* =====================================================
   ДЕСКТОП — меню на всю ширину с авторастяжением
   Этот блок делает пункты меню равномерными и убирает пустоты по ширине
===================================================== */

@media screen and (min-width: 769px) {

    /* Контейнер навигации занимает всю ширину шапки */
    .storefront-primary-navigation,
    .main-navigation{
        width:100% !important;
        max-width:none !important;
    }

    /* Список меню: равномерно растягиваем пункты по всей ширине */
    .main-navigation ul.menu,
    .main-navigation ul.nav-menu{
        display:flex !important;
        width:100% !important;
        max-width:none !important;
        align-items:stretch !important;
        justify-content:space-between !important;
        flex-wrap:nowrap !important;
        gap:10px !important;
        margin:0 !important;
        padding:10px 0 14px !important;
    }

    /* Каждый пункт меню сам занимает доступное место */
    .main-navigation ul.menu > li,
    .main-navigation ul.nav-menu > li{
        flex:1 1 auto !important;
        min-width:0 !important;
        width:auto !important;
        max-width:none !important;
    }

    /* Ссылка внутри пункта тянется на всю ширину своего блока */
    .main-navigation ul.menu > li > a,
    .main-navigation ul.nav-menu > li > a{
        width:100% !important;
        min-width:0 !important;
        padding-left:10px !important;
        padding-right:10px !important;
        white-space:normal !important;
    }
}


/* =====================================================
   ДЕСКТОП — яркое количество товаров в корзине
   Этот блок делает цифру количества красной на плотной белой подложке
===================================================== */

@media screen and (min-width: 769px) {

    /* Кнопка корзины: разрешаем бейджу количества быть поверх кнопки */
    .site-header-cart .cart-contents{
        position:relative !important;
        overflow:visible !important;
    }

    /* Бейдж количества товаров: белый фон, ярко-красные цифры, без прозрачности */
    .site-header-cart .cart-contents .count{
        position:relative !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        min-width:38px !important;
        height:26px !important;
        padding:0 10px !important;
        margin-left:10px !important;

        background:#ffffff !important;
        background-color:#ffffff !important;
        opacity:1 !important;

        color:#ff0000 !important;
        -webkit-text-fill-color:#ff0000 !important;

        border:2px solid #ff0000 !important;
        border-radius:999px !important;

        font-family:"Arial Black","Trebuchet MS","Segoe UI",Arial,sans-serif !important;
        font-size:15px !important;
        font-weight:950 !important;
        line-height:1 !important;
        letter-spacing:.01em !important;

        text-shadow:none !important;
        filter:none !important;

        box-shadow:
            0 0 0 2px rgba(255,255,255,.95),
            0 4px 10px rgba(0,0,0,.22) !important;
    }

    /* Текст "1 товар": делаем полностью непрозрачным и читаемым */
    .site-header-cart .cart-contents .count,
    .site-header-cart .cart-contents .count *{
        color:#ff0000 !important;
        -webkit-text-fill-color:#ff0000 !important;
        opacity:1 !important;
        text-shadow:none !important;
    }
}


/* =====================================================
   ДЕСКТОП — выравниваем высоту меню под высоту корзины
   Этот блок делает кнопки меню одной высоты с кнопкой корзины в шапке
===================================================== */

@media screen and (min-width: 769px) {

    /* Корзина: задаём понятную контрольную высоту */
    .site-header-cart .cart-contents{
        min-height:54px !important;
        height:54px !important;
        padding-top:0 !important;
        padding-bottom:0 !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    /* Список меню: выравниваем элементы по высоте */
    .main-navigation ul.menu,
    .main-navigation ul.nav-menu{
        align-items:stretch !important;
    }

    /* Пункты меню: растягиваем контейнеры */
    .main-navigation ul.menu > li,
    .main-navigation ul.nav-menu > li{
        display:flex !important;
        align-items:stretch !important;
    }

    /* Кнопки меню: делаем такую же высоту, как у корзины */
    .main-navigation ul.menu > li > a,
    .main-navigation ul.nav-menu > li > a{
        min-height:54px !important;
        height:54px !important;
        padding-top:0 !important;
        padding-bottom:0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        box-sizing:border-box !important;
    }
}


/* =====================================================
   ДЕСКТОП — информация в карточках товаров категории
   Этот блок оформляет строки "Артист" и "Цена" в репродукциях, живописи и готовых картинах
===================================================== */

@media screen and (min-width: 769px) {

    /* Общий блок информации под названием товара */
    .woocommerce ul.products li.product .artshop-loop-info,
    ul.products li.product .artshop-loop-info{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        gap:7px !important;
        margin:10px auto 4px !important;
        padding:0 !important;
        width:100% !important;
        max-width:92% !important;
        text-align:center !important;
    }

    /* Каждая строка: Артист / Цена */
    .woocommerce ul.products li.product .artshop-loop-info__row,
    ul.products li.product .artshop-loop-info__row{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        flex-wrap:wrap !important;
        gap:5px !important;
        width:100% !important;
        line-height:1.15 !important;
    }

    /* Подпись "Артист:" и "Цена:" */
    .woocommerce ul.products li.product .artshop-loop-info__label,
    ul.products li.product .artshop-loop-info__label{
        color:#174d51 !important;
        font-size:14px !important;
        font-weight:950 !important;
        letter-spacing:.01em !important;
    }

    /* Значение артиста */
    .woocommerce ul.products li.product .artshop-loop-info__artist .artshop-loop-info__value,
    ul.products li.product .artshop-loop-info__artist .artshop-loop-info__value{
        color:#202020 !important;
        font-size:14px !important;
        font-weight:850 !important;
    }

    /* Строка цены: красивая плашка */
    .woocommerce ul.products li.product .artshop-loop-info__price,
    ul.products li.product .artshop-loop-info__price{
        width:auto !important;
        min-width:150px !important;
        max-width:100% !important;
        margin-top:2px !important;
        padding:7px 12px !important;
        border-radius:999px !important;
        background:linear-gradient(135deg,#10393d,#0f5b63) !important;
        border:1px solid rgba(212,137,49,.45) !important;
        box-shadow:
            0 8px 18px rgba(16,57,61,.18),
            inset 0 1px 0 rgba(255,255,255,.13) !important;
    }

    /* Подпись "Цена:" внутри плашки */
    .woocommerce ul.products li.product .artshop-loop-info__price .artshop-loop-info__label,
    ul.products li.product .artshop-loop-info__price .artshop-loop-info__label{
        color:#ffe1a4 !important;
        font-size:14px !important;
        font-weight:950 !important;
    }

    /* Значение цены внутри плашки */
    .woocommerce ul.products li.product .artshop-loop-info__price .artshop-loop-info__value,
    .woocommerce ul.products li.product .artshop-loop-info__price .amount,
    ul.products li.product .artshop-loop-info__price .artshop-loop-info__value,
    ul.products li.product .artshop-loop-info__price .amount{
        color:#ffffff !important;
        -webkit-text-fill-color:#ffffff !important;
        font-size:16px !important;
        font-weight:950 !important;
        text-shadow:0 1px 0 rgba(0,0,0,.22) !important;
    }

    /* Старую стандартную цену WooCommerce делаем компактной, если она дублируется */
    .woocommerce ul.products li.product > .price,
    ul.products li.product > .price{
        display:none !important;
    }

    /* Чуть уменьшаем пустоту внутри товарных карточек, чтобы инфоблок влезал красиво */
    .woocommerce ul.products li.product,
    ul.products li.product{
        padding-bottom:14px !important;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    ul.products li.product .woocommerce-loop-product__title{
        margin-bottom:4px !important;
    }
}