/* ============================================================
   LUNARETTA — ГЛАВНАЯ
   ============================================================ */

.lnt-home{
    --gbl-graphite:#293542;
    --gbl-black:#000000;
    --gbl-gold:#C9A96A;
    --gbl-gold-hover:#B8945A;
    --gbl-line:#eae4d8;
    --ease:cubic-bezier(.2,.8,.2,1);

    font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    color:var(--gbl-graphite);
    font-size:15px;
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
    max-width:100%;
    overflow-x:hidden;
}
.lnt-home *{box-sizing:border-box;margin:0;padding:0;}
.lnt-home img{display:block;max-width:100%;height:auto;}
.lnt-home a{color:inherit;text-decoration:none;}

/* ============================================================
   1. БАННЕР SALES
   ============================================================ */
.lnt-topbanner{
    position:relative;
    max-width:1280px;
    margin:30px auto 24px;
    padding:0 20px;
}
.lnt-topbanner-inner{
    position:relative;
    aspect-ratio:2400/300;
    border-radius:8px;
    overflow:hidden;
    background:linear-gradient(135deg,#2a000a 0%,#5a0016 30%,#800020 55%,#4a0012 80%,#1a0006 100%);
    background-size:300% 300%;
    animation:lnt-mesh 22s ease-in-out infinite;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    cursor:pointer;
    isolation:isolate;
}
@keyframes lnt-mesh{
    0%,100%{background-position:0% 50%;}
    50%{background-position:100% 50%;}
}
.lnt-topbanner-inner::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
        radial-gradient(ellipse 40% 80% at 15% 20%, rgba(201,169,106,0.25) 0%, transparent 60%),
        radial-gradient(ellipse 40% 80% at 85% 80%, rgba(201,169,106,0.18) 0%, transparent 60%);
    mix-blend-mode:screen;
}
.lnt-topbanner-inner .lnt-frame{
    position:absolute;
    inset:14px;
    z-index:6;
    pointer-events:none;
    border:1px solid rgba(201,169,106,0.35);
    border-radius:8px;
    transition:border-color 0.4s ease, inset 0.4s var(--ease);
}
.lnt-topbanner-inner:hover .lnt-frame{
    border-color:rgba(201,169,106,0.65);
    inset:18px;
}
.lnt-topbanner-inner::before{
    content:"";
    position:absolute;
    inset:-20%;
    z-index:1;
    pointer-events:none;
    background-image:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='160' viewBox='0 0 320 160'><text x='20' y='45' font-family='Inter,Arial,sans-serif' font-size='38' font-weight='900' fill='white' fill-opacity='0.07' transform='rotate(-15 20 45)'>SALES</text><text x='180' y='80' font-family='Inter,Arial,sans-serif' font-size='38' font-weight='900' fill='white' fill-opacity='0.07' transform='rotate(-15 180 80)'>SALES</text><text x='-10' y='120' font-family='Inter,Arial,sans-serif' font-size='38' font-weight='900' fill='white' fill-opacity='0.07' transform='rotate(-15 -10 120)'>SALES</text><text x='150' y='155' font-family='Inter,Arial,sans-serif' font-size='38' font-weight='900' fill='white' fill-opacity='0.07' transform='rotate(-15 150 155)'>SALES</text></svg>");
    background-size:320px 160px;
    background-repeat:repeat;
    transition:transform 1.2s var(--ease);
}
.lnt-topbanner-inner:hover::before{transform:translate(-8px, -6px);}
.lnt-topbanner-inner .lnt-vignette{
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:radial-gradient(ellipse at center,rgba(74,0,18,0) 0%,rgba(74,0,18,0.42) 70%,rgba(20,0,6,0.75) 100%);
}

.lnt-topbanner-content{
    position:relative;
    z-index:5;
    padding:20px 60px;
    width:100%;
    max-width:100%;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    color:#fff;
}
.lnt-topbanner-text{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    text-align:left;
}
.lnt-topbanner-label{
    display:inline-block;
    font-size:11px;
    font-weight:700;
    letter-spacing:0.32em;
    text-transform:uppercase;
    color:var(--gbl-gold);
    margin-bottom:6px;
}
.lnt-topbanner-title{
    font-size:56px;
    font-weight:700;
    line-height:1.05;
    letter-spacing:-0.02em;
    color:#fff;
    margin:0;
    text-transform:uppercase;
    background:linear-gradient(180deg,#ffffff 0%,#f8ecd0 45%,#C9A96A 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    filter:drop-shadow(0 4px 16px rgba(0,0,0,0.45));
}
.lnt-topbanner-cta{
    display:inline-flex;
    align-items:center;
    gap:14px;
    flex:0 0 auto;
    font-size:11px;
    font-weight:700;
    letter-spacing:0.22em;
    text-transform:uppercase;
    color:#fff;
    padding:14px 34px;
    border:1px solid rgba(201,169,106,0.55);
    border-radius:8px;
    background:rgba(0,0,0,0.30);
    backdrop-filter:blur(14px) saturate(160%);
    -webkit-backdrop-filter:blur(14px) saturate(160%);
    transition:border-color 0.4s var(--ease), letter-spacing 0.4s var(--ease);
    position:relative;
    overflow:hidden;
    white-space:nowrap;
}
.lnt-topbanner-cta::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,rgba(201,169,106,0.9),rgba(201,169,106,0.65));
    opacity:0;
    transition:opacity 0.4s var(--ease);
    z-index:-1;
}
.lnt-topbanner-cta:hover{
    border-color:var(--gbl-gold);
    letter-spacing:0.26em;
}
.lnt-topbanner-cta:hover::before{opacity:1;}
.lnt-arrow{
    display:inline-block;
    transition:transform 0.4s var(--ease);
    font-size:14px;
}
.lnt-topbanner-cta:hover .lnt-arrow{transform:translateX(6px);}

/* ============================================================
   2. HERO + 3 ВЕРТИКАЛЬНЫХ БАННЕРА
   ============================================================ */
.lnt-mosaic-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    max-width:1280px;
    margin:0 auto 24px;
    padding:0 20px;
    align-items:stretch;
    height:min(720px, calc(100vh - 140px));
    max-height:calc(100vh - 140px);
}
.lnt-mosaic-big{
    position:relative;
    border-radius:8px;
    overflow:hidden;
    background:
        radial-gradient(circle at 30% 20%, #faf7f0 0%, transparent 60%),
        linear-gradient(135deg,#f5f0e8 0%,#e8dfd0 100%);
    color:var(--gbl-graphite);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-between;
    padding:36px 32px 0;
    min-height:0;
    height:100%;
}
.lnt-mosaic-text{text-align:center;z-index:2;flex:0 0 auto;}
.lnt-square-label{
    display:inline-block;
    font-size:10px;
    font-weight:700;
    letter-spacing:0.32em;
    text-transform:uppercase;
    color:var(--gbl-gold);
    margin-bottom:12px;
    padding:5px 12px;
    background:rgba(201,169,106,0.10);
    border-radius:8px;
}
.lnt-square-title{
    font-size:30px;
    font-weight:700;
    line-height:1.15;
    letter-spacing:-0.02em;
    color:var(--gbl-graphite);
    margin:0 0 8px;
    text-transform:uppercase;
}
.lnt-mosaic-img{
    flex:1;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    width:100%;
    min-height:0;
    overflow:hidden;
}
.lnt-mosaic-img img{
    max-width:80%;
    max-height:100%;
    width:auto;
    height:auto;
    object-fit:contain;
    transition:transform 0.6s var(--ease);
}
.lnt-mosaic-big:hover .lnt-mosaic-img img{transform:translateY(-6px) scale(1.02);}

.lnt-mosaic-small-grid{
    display:grid;
    grid-template-rows:repeat(3,1fr);
    gap:16px;
    height:100%;
    min-height:0;
}
.lnt-mosaic-small{
    position:relative;
    display:flex;
    align-items:center;
    gap:0;
    padding:0;
    background:#f5f0e8;
    border-radius:8px;
    color:var(--gbl-graphite);
    overflow:hidden;
    min-height:0;
}
.lnt-mosaic-small::before{
    content:"";
    position:absolute;
    top:0;left:0;
    width:3px;
    height:100%;
    background:var(--gbl-gold);
    transform:scaleY(0);
    transform-origin:bottom;
    transition:transform 0.4s var(--ease);
    z-index:3;
}
.lnt-mosaic-small:hover::before{transform:scaleY(1);transform-origin:top;}

.lnt-mosaic-small-text{
    flex:1;
    display:flex;
    flex-direction:column;
    gap:6px;
    padding:16px 24px 16px 30px;
    z-index:2;
}
.lnt-mosaic-small-label{
    font-size:9px;
    font-weight:700;
    letter-spacing:0.32em;
    text-transform:uppercase;
    color:var(--gbl-gold);
    opacity:0.85;
}
.lnt-mosaic-small-title{
    font-size:22px;
    font-weight:700;
    color:var(--gbl-graphite);
    margin:0;
    transition:color 0.3s ease;
    text-transform:uppercase;
    letter-spacing:0.02em;
}
.lnt-mosaic-small:hover .lnt-mosaic-small-title{color:var(--gbl-gold);}

.lnt-mosaic-small-img{
    flex:0 0 42%;
    align-self:stretch;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    overflow:hidden;
    border-radius:0 8px 8px 0;
}
.lnt-mosaic-small-img::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(245,240,232,0.9) 0%,rgba(245,240,232,0) 30%);
    z-index:2;
    pointer-events:none;
}
.lnt-mosaic-small-img img{
    width:100%;
    height:100%;
    max-width:none;
    max-height:none;
    object-fit:cover;
    object-position:center top;
    display:block;
    transition:transform 0.7s var(--ease);
}
.lnt-mosaic-small:hover .lnt-mosaic-small-img img{transform:scale(1.05);}

/* ============================================================
   3. БАННЕР "БОЛЬШИЕ РАЗМЕРЫ"
   ============================================================ */
.lnt-bigsizes-banner{
    max-width:1280px;
    margin:0 auto 24px;
    padding:0 20px;
}
.lnt-bigsizes-inner{
    position:relative;
    aspect-ratio:2400/300;
    border-radius:8px;
    overflow:hidden;
    background:linear-gradient(135deg,#0f1620 0%,#1e2a3a 30%,#293542 55%,#1a2230 80%,#0a0f16 100%);
    background-size:300% 300%;
    animation:lnt-mesh 22s ease-in-out infinite;
    animation-delay:-8s;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    cursor:pointer;
    isolation:isolate;
}
.lnt-bigsizes-inner::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
        radial-gradient(ellipse 40% 80% at 15% 20%, rgba(201,169,106,0.22) 0%, transparent 60%),
        radial-gradient(ellipse 40% 80% at 85% 80%, rgba(201,169,106,0.14) 0%, transparent 60%);
    mix-blend-mode:screen;
}
.lnt-bigsizes-inner .lnt-frame{
    position:absolute;
    inset:14px;
    z-index:6;
    pointer-events:none;
    border:1px solid rgba(201,169,106,0.35);
    border-radius:8px;
    transition:border-color 0.4s ease, inset 0.4s var(--ease);
}
.lnt-bigsizes-inner:hover .lnt-frame{
    border-color:rgba(201,169,106,0.65);
    inset:18px;
}
.lnt-bigsizes-inner::before{
    content:"";
    position:absolute;
    inset:-20%;
    z-index:1;
    pointer-events:none;
    background-image:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='360' height='160' viewBox='0 0 360 160'><text x='20' y='45' font-family='Inter,Arial,sans-serif' font-size='32' font-weight='900' fill='white' fill-opacity='0.07' transform='rotate(-15 20 45)'>3XL · 4XL · 5XL</text><text x='200' y='80' font-family='Inter,Arial,sans-serif' font-size='32' font-weight='900' fill='white' fill-opacity='0.07' transform='rotate(-15 200 80)'>3XL · 4XL · 5XL</text><text x='-10' y='120' font-family='Inter,Arial,sans-serif' font-size='32' font-weight='900' fill='white' fill-opacity='0.07' transform='rotate(-15 -10 120)'>3XL · 4XL · 5XL</text><text x='180' y='155' font-family='Inter,Arial,sans-serif' font-size='32' font-weight='900' fill='white' fill-opacity='0.07' transform='rotate(-15 180 155)'>3XL · 4XL · 5XL</text></svg>");
    background-size:360px 160px;
    background-repeat:repeat;
    transition:transform 1.2s var(--ease);
}
.lnt-bigsizes-inner:hover::before{transform:translate(-8px, -6px);}
.lnt-bigsizes-inner .lnt-vignette{
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:radial-gradient(ellipse at center,rgba(20,30,45,0) 0%,rgba(20,30,45,0.40) 70%,rgba(5,10,18,0.75) 100%);
}

.lnt-bigsizes-content{
    position:relative;
    z-index:5;
    padding:20px 60px;
    width:100%;
    max-width:100%;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    color:#fff;
}
.lnt-bigsizes-text{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    text-align:left;
}
.lnt-bigsizes-label{
    display:inline-block;
    font-size:11px;
    font-weight:700;
    letter-spacing:0.32em;
    text-transform:uppercase;
    color:var(--gbl-gold);
    margin-bottom:6px;
}
.lnt-bigsizes-title{
    font-size:44px;
    font-weight:700;
    line-height:1.05;
    letter-spacing:-0.02em;
    color:#fff;
    margin:0;
    text-transform:uppercase;
    background:linear-gradient(180deg,#ffffff 0%,#f8ecd0 45%,#C9A96A 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    filter:drop-shadow(0 4px 16px rgba(0,0,0,0.45));
}
.lnt-bigsizes-cta{
    display:inline-flex;
    align-items:center;
    gap:14px;
    flex:0 0 auto;
    font-size:11px;
    font-weight:700;
    letter-spacing:0.22em;
    text-transform:uppercase;
    color:#fff;
    padding:14px 34px;
    border:1px solid rgba(201,169,106,0.55);
    border-radius:8px;
    background:rgba(0,0,0,0.30);
    backdrop-filter:blur(14px) saturate(160%);
    -webkit-backdrop-filter:blur(14px) saturate(160%);
    transition:border-color 0.4s var(--ease), letter-spacing 0.4s var(--ease);
    position:relative;
    overflow:hidden;
    white-space:nowrap;
}
.lnt-bigsizes-cta::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,rgba(201,169,106,0.9),rgba(201,169,106,0.65));
    opacity:0;
    transition:opacity 0.4s var(--ease);
    z-index:-1;
}
.lnt-bigsizes-inner:hover .lnt-bigsizes-cta{
    border-color:var(--gbl-gold);
    letter-spacing:0.26em;
}
.lnt-bigsizes-inner:hover .lnt-bigsizes-cta::before{opacity:1;}
.lnt-bigsizes-inner:hover .lnt-bigsizes-cta .lnt-arrow{transform:translateX(6px);}

/* ============================================================
   4. ДВА КВАДРАТНЫХ БАННЕРА
   ============================================================ */
.lnt-promo-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    max-width:1280px;
    margin:0 auto 24px;
    padding:0 20px;
}
.lnt-promo-card{
    position:relative;
    aspect-ratio:1/1;
    border-radius:8px;
    overflow:hidden;
    background:#f5f0e8;
    display:flex;
    align-items:flex-end;
    color:#fff;
    cursor:pointer;
}
.lnt-promo-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(10,10,10,0.75) 0%,rgba(10,10,10,0.30) 40%,rgba(10,10,10,0) 70%);
    z-index:1;
}
.lnt-promo-card::after{
    content:"";
    position:absolute;
    inset:16px;
    border:1px solid rgba(255,255,255,0.20);
    border-radius:8px;
    z-index:2;
    pointer-events:none;
    transition:border-color 0.4s ease, inset 0.4s var(--ease);
}
.lnt-promo-card:hover::after{
    border-color:rgba(201,169,106,0.55);
    inset:20px;
}
.lnt-promo-bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    transition:transform 0.9s var(--ease);
    z-index:0;
}
.lnt-promo-card:hover .lnt-promo-bg{transform:scale(1.05);}

.lnt-promo-card .lnt-promo-line{
    position:absolute;
    top:0;
    left:0;
    width:3px;
    height:100%;
    background:var(--gbl-gold);
    transform:scaleY(0);
    transform-origin:bottom;
    transition:transform 0.4s var(--ease);
    z-index:4;
    pointer-events:none;
}
.lnt-promo-card:hover .lnt-promo-line{
    transform:scaleY(1);
    transform-origin:top;
}

.lnt-promo-content{
    position:relative;
    z-index:3;
    padding:38px 40px;
    width:100%;
    text-align:center;
}
.lnt-promo-label{
    display:inline-block;
    font-size:10px;
    font-weight:700;
    letter-spacing:0.30em;
    text-transform:uppercase;
    color:var(--gbl-gold);
    margin-bottom:16px;
    padding:5px 14px;
    border:1px solid rgba(201,169,106,0.45);
    border-radius:8px;
    background:rgba(0,0,0,0.28);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}
.lnt-promo-title{
    font-size:30px;
    font-weight:800;
    line-height:1.15;
    letter-spacing:-0.02em;
    color:#fff;
    margin:0 0 14px;
    text-transform:uppercase;
    text-shadow:0 2px 20px rgba(0,0,0,0.5);
}
.lnt-promo-cta{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:12px;
    font-weight:700;
    letter-spacing:0.20em;
    text-transform:uppercase;
    color:#fff;
    padding-bottom:4px;
    border-bottom:1px solid rgba(255,255,255,0.4);
    transition:color 0.4s var(--ease), border-color 0.4s var(--ease), letter-spacing 0.4s var(--ease);
}
.lnt-promo-card:hover .lnt-promo-cta{
    color:var(--gbl-gold);
    border-color:var(--gbl-gold);
    letter-spacing:0.24em;
}
.lnt-promo-cta::after{
    content:"→";
    transition:transform 0.4s var(--ease);
}
.lnt-promo-card:hover .lnt-promo-cta::after{transform:translateX(5px);}

/* ============================================================
   5. ОБЩИЙ ЗАГОЛОВОК
   ============================================================ */
.lnt-latest-header{
    max-width:1280px;
    margin:80px auto 40px;
    padding:0 20px;
    text-align:center;
}
.lnt-latest-header h2{
    font-size:42px;
    font-weight:800;
    letter-spacing:-0.025em;
    color:var(--gbl-graphite);
    margin:0;
    text-transform:uppercase;
    line-height:1.1;
    position:relative;
    display:inline-block;
    padding-bottom:20px;
}
.lnt-latest-header h2::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:80px;
    height:3px;
    background:linear-gradient(90deg,transparent,var(--gbl-gold),transparent);
    border-radius:2px;
}

/* ============================================================
   6. СЕКЦИИ КАТАЛОГА
   ============================================================ */
.lnt-catalog-section{
    max-width:1280px;
    margin:0 auto 80px;
    padding:0 20px;
}
.lnt-catalog-title{
    font-size:32px;
    font-weight:700;
    letter-spacing:-0.02em;
    text-align:center;
    color:var(--gbl-graphite);
    margin:0 0 28px;
}

.lnt-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    justify-content:center;
    margin-bottom:32px;
}
.lnt-tags a,
.lnt-tags a:link,
.lnt-tags a:visited{
    display:inline-flex;
    align-items:center;
    padding:8px 16px;
    font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    font-size:12px;
    font-weight:500;
    line-height:1.2;
    color:#293542;
    background:#ffffff;
    border:1px solid #eae4d8;
    border-radius:8px;
    transition:color 0.25s ease, border-color 0.25s ease, background 0.25s ease;
    white-space:nowrap;
    text-decoration:none !important;
    cursor:pointer;
}
.lnt-tags a:hover,
.lnt-tags a:focus{
    background:#ffffff;
    color:#C9A96A !important;
    border-color:#C9A96A;
    text-decoration:none !important;
}
.lnt-tags a.is-active,
.lnt-tags a.is-active:link,
.lnt-tags a.is-active:visited{
    background:#C9A96A;
    color:#ffffff !important;
    border-color:#C9A96A;
    font-weight:600;
}
.lnt-tags a.is-active:hover{
    background:#B8945A;
    border-color:#B8945A;
    color:#ffffff !important;
}

/* ============================================================
   7. КАРУСЕЛЬ + КАРТОЧКА ТОВАРА
   ============================================================ */
.lnt-prod-carousel-wrap{
    position:relative;
    padding:0 60px;
    overflow:hidden;
}
.lnt-prod-track{
    display:flex;
    gap:16px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-behavior:smooth;
    scrollbar-width:none;
    -ms-overflow-style:none;
    padding-bottom:4px;
}
.lnt-prod-track::-webkit-scrollbar{display:none;}
.lnt-prod-track > .lnt-prod-card{
    flex:0 0 calc((100% - 64px) / 5);
    min-width:0;
    max-width:calc((100% - 64px) / 5);
}

.lnt-prod-card{
    display:flex;
    flex-direction:column;
    background:#ffffff;
    border:1px solid #eae4d8;
    border-radius:8px;
    overflow:hidden;
    position:relative;
    height:100%;
    text-align:center;
}

/* Фото — стопка картинок */
.lnt-prod-img{
    position:relative;
    width:100%;
    aspect-ratio:3/4;
    background:#f5f0e8;
    overflow:hidden;
    border-radius:8px 8px 0 0;
    flex:0 0 auto;
}
.lnt-prod-img a{
    display:block;
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
}
.lnt-prod-img .lnt-prod-img-item{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    opacity:0;
    transition:opacity 0.28s ease;
    border-radius:8px 8px 0 0;
    pointer-events:none;
}
.lnt-prod-img .lnt-prod-img-item.is-active{
    opacity:1;
    z-index:1;
}

.lnt-prod-badge{
    position:absolute;
    top:12px;
    left:12px;
    padding:4px 9px;
    background:rgba(201,169,106,0.85);
    color:#ffffff;
    font-size:9px;
    font-weight:500;
    letter-spacing:0.06em;
    text-transform:uppercase;
    border-radius:8px;
    z-index:5;
}

/* Точки-индикаторы (появляются при ховере) */
.lnt-prod-dots{
    position:absolute;
    left:50%;
    bottom:10px;
    transform:translateX(-50%);
    display:flex;
    gap:4px;
    z-index:6;
    padding:4px 8px;
    background:rgba(0,0,0,0.25);
    border-radius:999px;
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    opacity:0;
    transition:opacity 0.3s ease;
    pointer-events:none;
}
.lnt-prod-card:hover .lnt-prod-dots{
    opacity:1;
}
.lnt-prod-dots span{
    width:5px;
    height:5px;
    border-radius:50%;
    background:rgba(255,255,255,0.55);
    transition:background 0.25s ease, transform 0.25s ease;
}
.lnt-prod-dots span.is-active{
    background:#ffffff;
    transform:scale(1.3);
}

.lnt-prod-info{
    position:relative;
    z-index:5;
    display:flex;
    flex-direction:column;
    flex:1 1 auto;
    padding:0 0 14px;
    text-align:center;
    background:#ffffff;
}

.lnt-prod-title{
    font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    font-size:13px;
    font-weight:500;
    line-height:1.4;
    letter-spacing:-0.005em;
    color:#293542;
    margin:10px 12px 6px;
    padding:0;
    min-height:calc(13px * 1.4 * 2);
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-align:center;
}
.lnt-prod-title a{
    color:#293542 !important;
    text-decoration:none !important;
}
.lnt-prod-title a:hover{
    color:#C9A96A !important;
}

/* Размеры — в одну строку, серым, разделитель золотой */
/* Размеры — до 2 строк, разделитель золотой */
.lnt-prod-sizes{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    font-size:11px;
    font-weight:500;
    color:#293542;
    opacity:0.6;
    letter-spacing:0.02em;
    margin:0 14px 8px;
    line-height:1.4;
    text-align:center;
    min-height:16px;
    width:calc(100% - 28px);
    align-self:center;
}

/* Иконка "линейка" слева */


.lnt-prod-sizes::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8a8a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M16 2 L22 8 L8 22 L2 16 Z'/><line x1='18' y1='6' x2='20' y2='8'/><line x1='16' y1='8' x2='18' y2='10'/><line x1='14' y1='10' x2='16' y2='12'/><line x1='12' y1='12' x2='14' y2='14'/><line x1='10' y1='14' x2='12' y2='16'/><line x1='8' y1='16' x2='10' y2='18'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.75;
    margin-right: 6px;
    vertical-align: middle;
    flex-shrink: 0;
}


.lnt-prod-sizes .lnt-size-sep{
    color:#C9A96A;
    opacity:1;
    margin:0 5px;
    font-weight:400;
}

.lnt-prod-price{
    font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    font-size:16px;
    font-weight:700;
    color:#293542 !important;
    letter-spacing:-0.01em;
    margin:auto 0 12px;
    padding:0 12px;
    line-height:1.2;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    flex-wrap:wrap;
}
.lnt-prod-price .amount,
.lnt-prod-price bdi{
    color:#293542 !important;
    font-size:inherit;
}
.lnt-prod-price del,
.lnt-prod-price del .amount{
    color:#8a8a8a !important;
    font-size:0.85em;
    font-weight:500;
    opacity:0.9;
}
.lnt-prod-price ins{
    text-decoration:none !important;
    color:#293542 !important;
}

.lnt-prod-btn,
.lnt-prod-btn:link,
.lnt-prod-btn:visited{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    padding:10px 22px !important;
    background:#000000 !important;
    color:#ffffff !important;
    font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    font-size:11px !important;
    font-weight:600 !important;
    letter-spacing:0.06em !important;
    text-transform:uppercase !important;
    border:2px solid #000000 !important;
    border-radius:8px !important;
    cursor:pointer;
    align-self:center;
    text-decoration:none !important;
    line-height:1 !important;
    min-height:36px;
    box-sizing:border-box !important;
}
.lnt-prod-btn:hover,
.lnt-prod-btn:focus{
    background:#ffffff !important;
    color:#000000 !important;
    border-color:#000000 !important;
}
.lnt-prod-btn *,
.lnt-prod-btn span{
    color:inherit !important;
    text-decoration:none !important;
}

/* Стрелки карусели — без фона */
.lnt-prod-arrow{
    position:absolute;
    top:0;
    bottom:0;
    width:40px;
    height:auto;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    color:#293542;
    z-index:3;
    padding:0;
    transition:color 0.2s ease, opacity 0.2s ease;
    opacity:0.45;
}
.lnt-prod-arrow:hover{
    color:#000000;
    opacity:1;
}
.lnt-prod-arrow.prev{left:-10px;right:auto;}
.lnt-prod-arrow.next{right:-10px;left:auto;}
.lnt-prod-arrow svg{
    width:24px;
    height:24px;
    stroke:currentColor;
    fill:none;
    stroke-width:1.5;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform 0.25s ease;
}
.lnt-prod-arrow.prev:hover svg{transform:translateX(-4px);}
.lnt-prod-arrow.next:hover svg{transform:translateX(4px);}

/* Смотреть все */
.lnt-viewall-wrap{
    display:flex;
    justify-content:center;
    margin-top:36px;
}
.lnt-viewall{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:16px 46px;
    background:#ffffff;
    color:#293542;
    border:2px solid #293542;
    border-radius:8px;
    font-family:"Inter",sans-serif;
    font-size:13px;
    font-weight:600;
    letter-spacing:0.10em;
    text-transform:uppercase;
    text-decoration:none;
    transition:background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
    cursor:pointer;
}
.lnt-viewall:hover{
    background:#C9A96A;
    color:#ffffff;
    border-color:#C9A96A;
}
.lnt-viewall::after {
    content: "\2192";   /* U+2192 = → */
    font-size: 16px;
    transition: transform 0.2s ease;
}
.lnt-viewall:hover::after{transform:translateX(4px);}

/* ============================================================
   8. ТЕКСТ "О БРЕНДЕ"
   ============================================================ */
.lnt-about-short{
    max-width:1280px;
    margin:20px auto 100px;
    padding:0 20px;
    position:relative;
    width:100%;
}
.lnt-about-short-inner{
    position:relative;
    padding:80px 60px;
    background:
        radial-gradient(circle at 20% 20%, rgba(201,169,106,0.10) 0%, transparent 45%),
        radial-gradient(circle at 80% 80%, rgba(201,169,106,0.08) 0%, transparent 45%),
        linear-gradient(180deg,#faf7f0 0%,#f5f0e8 100%);
    border-radius:8px;
    text-align:center;
    overflow:hidden;
    border:1px solid rgba(201,169,106,0.45);
}

.lnt-about-label{
    display:inline-block;
    font-size:10px;
    font-weight:700;
    letter-spacing:0.36em;
    text-transform:uppercase;
    color:var(--gbl-gold);
    margin-bottom:24px;
    position:relative;
    z-index:3;
}
.lnt-about-short h2{
    font-size:38px;
    font-weight:700;
    letter-spacing:-0.025em;
    color:var(--gbl-graphite);
    margin:0 auto 24px;
    line-height:1.2;
    max-width:720px;
    position:relative;
    z-index:3;
}
.lnt-about-short h2 .accent{
    display:inline-block;
    position:relative;
    font-weight:900;
    background:linear-gradient(135deg,var(--gbl-graphite),#4a5869);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}
.lnt-about-short h2 .accent::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:3px;
    height:10px;
    background:rgba(201,169,106,0.30);
    border-radius:3px;
    z-index:-1;
}
.lnt-about-short p{
    font-size:16px;
    line-height:1.85;
    color:var(--gbl-graphite);
    opacity:0.8;
    margin:0 auto;
    max-width:820px;
    position:relative;
    z-index:3;
}
.lnt-about-line{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    margin:36px auto 0;
    position:relative;
    z-index:3;
}
.lnt-about-line span{
    width:70px;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--gbl-gold),transparent);
}
.lnt-about-line i{
    font-style:normal;
    font-size:10px;
    font-weight:700;
    letter-spacing:0.32em;
    text-transform:uppercase;
    color:var(--gbl-gold);
}

/* ============================================================
   9. АДАПТИВ
   ============================================================ */
@media (max-width:1200px){
    .lnt-prod-track > .lnt-prod-card{
        flex:0 0 calc((100% - 48px) / 4);
        max-width:calc((100% - 48px) / 4);
    }
}
@media (max-width:1024px){
    .lnt-topbanner-inner,
    .lnt-bigsizes-inner{aspect-ratio:1200/300;}
    .lnt-topbanner-title{font-size:44px;}
    .lnt-bigsizes-title{font-size:36px;}
    .lnt-topbanner-content,
    .lnt-bigsizes-content{padding:20px 40px;gap:24px;}
    .lnt-mosaic-row{grid-template-columns:1fr;gap:20px;height:auto;max-height:none;}
    .lnt-mosaic-small-img{flex:0 0 40%;}
    .lnt-promo-row{grid-template-columns:1fr;gap:20px;}
    .lnt-prod-track > .lnt-prod-card{
        flex:0 0 calc((100% - 32px) / 3);
        max-width:calc((100% - 32px) / 3);
    }
    .lnt-latest-header{margin-top:60px;}
    .lnt-latest-header h2{font-size:32px;}
    .lnt-about-short-inner{padding:60px 40px;}
    .lnt-about-short h2{font-size:30px;}
}
@media (max-width:767px){
    .lnt-topbanner{margin:15px auto 20px;}
    .lnt-topbanner-inner,
    .lnt-bigsizes-inner{aspect-ratio:4/3;border-radius:8px;}
    .lnt-topbanner-inner .lnt-frame,
    .lnt-bigsizes-inner .lnt-frame{inset:10px;border-radius:8px;}
    .lnt-topbanner-content,
    .lnt-bigsizes-content{
        flex-direction:column;
        align-items:flex-start;
        padding:20px 24px;
        gap:16px;
    }
    .lnt-topbanner-title{font-size:34px;}
    .lnt-topbanner-label,
    .lnt-bigsizes-label{font-size:9px;letter-spacing:0.28em;}
    .lnt-topbanner-cta,
    .lnt-bigsizes-cta{font-size:10px;padding:11px 24px;letter-spacing:0.18em;}
    .lnt-bigsizes-title{font-size:26px;}

    .lnt-mosaic-row{margin:16px auto 40px;gap:16px;}
    .lnt-mosaic-big{padding:26px 22px 0;border-radius:8px;min-height:420px;}
    .lnt-square-title{font-size:24px;}
    .lnt-mosaic-small{padding:0;border-radius:8px;min-height:120px;}
    .lnt-mosaic-small-text{padding:14px 18px 14px 22px;gap:4px;}
    .lnt-mosaic-small-title{font-size:17px;}
    .lnt-mosaic-small-label{font-size:9px;letter-spacing:0.26em;}
    .lnt-mosaic-small-img{flex:0 0 38%;border-radius:0 8px 8px 0;}

    .lnt-promo-row{gap:16px;margin-bottom:50px;}
    .lnt-promo-content{padding:26px 22px;}
    .lnt-promo-title{font-size:22px;}
    .lnt-promo-card::after{inset:10px;border-radius:8px;}

    .lnt-latest-header{margin:50px auto 24px;}
    .lnt-latest-header h2{font-size:24px;}

    .lnt-catalog-section{margin-bottom:50px;}
    .lnt-catalog-title{font-size:22px;margin-bottom:20px;}
    .lnt-tags{gap:6px;margin-bottom:24px;}
    .lnt-tags a{padding:7px 12px;font-size:11px;border-radius:8px;}

    .lnt-prod-carousel-wrap{padding:0;}
    .lnt-prod-arrow{display:none;}
    .lnt-prod-track{gap:12px;}
    .lnt-prod-track > .lnt-prod-card{
        flex:0 0 calc((100% - 12px) / 2);
        max-width:calc((100% - 12px) / 2);
    }
    .lnt-prod-info{padding:0 0 10px;}
    .lnt-prod-title{font-size:12px;margin:8px 8px 4px;min-height:calc(12px * 1.35 * 2);}
    .lnt-prod-price{font-size:15px;margin-bottom:10px;}
    .lnt-prod-btn{font-size:10px;padding:8px 12px;}

    .lnt-viewall{padding:14px 32px;font-size:11px;width:100%;max-width:320px;}

    .lnt-about-short{margin:40px auto 60px;}
    .lnt-about-short-inner{padding:40px 24px;border-radius:8px;}
    .lnt-about-label{font-size:9px;letter-spacing:0.28em;margin-bottom:18px;}
    .lnt-about-short h2{font-size:22px;margin-bottom:18px;}
    .lnt-about-short h2 .accent::after{height:7px;bottom:2px;}
    .lnt-about-short p{font-size:14px;line-height:1.75;}
    .lnt-about-line{margin-top:24px;gap:12px;}
    .lnt-about-line span{width:40px;}
    .lnt-about-line i{font-size:9px;letter-spacing:0.28em;}
}


/* Размеры в каталоге — в одну строку, с разделителями как на главной */
.catalog-sizes {
    white-space: nowrap;      /* запрет переноса строк */
    overflow: hidden;          /* обрезаем, если не влезет */
    text-overflow: ellipsis;   /* ставим "…" если не влезет */
    display: block;
    max-width: 100%;
    line-height: 1.4;
}

.catalog-sizes .size-item {
    display: inline;
}

.catalog-size-sep {
    color: #d4b876;            /* цвет разделителя (подберите свой) */
    margin: 0 6px;
    font-weight: 400;
    opacity: 0.7;
    white-space: nowrap;
}