/* ================= ROOT SYSTEM ================= */

:root {
    /* colors */
    --ll-gold: #b78e28;
    --ll-gold-alt: rgba(183, 142, 40, .1);
    --ll-text: #1c1c1c;
    --ll-bg: #ffffff;

    /* radius */
    --ll-radius-lg: 1.75rem;
    --ll-radius-md: 1rem;
    --ll-radius-sm: 0.75rem;

    /* spacing */
    --ll-space-xs: 0.625rem;
    --ll-space-sm: 1.25rem;
    --ll-space-md: 1.875rem;
    --ll-space-lg: 2.5rem;
    --ll-space-xl: 5rem;

    /* typography */
    --ll-text-base: 1.0625rem;
    --ll-text-sm: 0.875rem;
    --ll-text-xs: 0.8125rem;
    --ll-text-lg: 1.25rem;

    /* borders */
    --ll-border: 0.0625rem;
    --ll-border-thick: 0.125rem;
}


/* ================= BASE ================= */

.ll-article {
    font-size: var(--ll-text-base);
    -webkit-font-smoothing: antialiased;
    color: var(--ll-text);
}


/* ================= HEADINGS ================= */

.ll-article h2 {
    font-size: clamp(1.375rem, 4vw, 1.875rem);
    font-weight: 600;
    margin: var(--ll-space-xl) 0 var(--ll-space-lg);
    border-left: 0.25rem solid var(--ll-gold);
    padding-left: var(--ll-space-sm);
    scroll-margin-top: 7.5rem;
}

.ll-article h3 {
    font-size: clamp(1.125rem, 3vw, 1.375rem);
    font-weight: 500;
    margin: 3.125rem 0 1.125rem;
    scroll-margin-top: 7.5rem;
}

.ll-article p {
    margin-bottom: var(--ll-space-md);
}

.ll-lead {
    font-size: var(--ll-text-lg);
    font-weight: 500;
}


/* ================= LIST ================= */

.ll-article ul {
    margin: var(--ll-space-xs) 0 var(--ll-space-md);
    padding: 0;
    list-style: none;
}

.ll-article ul li {
    position: relative;
    padding-left: 1.25rem;
    margin-bottom: 0.25rem;
    line-height: 1.6;
}

.ll-article ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.6em;
    width: 0.375rem;
    height: 0.375rem;
    background: var(--ll-gold);
    border-radius: 50%;
}

.ll-article ul li:last-child {
    margin-bottom: 0;
}


/* ================= EXPERT ================= */

.ll-expert-header {
    display: flex;
    align-items: center;
    gap: 0.9375rem;
    margin-bottom: var(--ll-space-md);
    font-size: var(--ll-text-sm);
    opacity: .8;
}

.ll-expert-avatar {
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    background: var(--ll-gold);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
}

.ll-expert-info strong {
    display: block;
}

.ll-expert-info span {
    margin-top: 0.125rem;
    display: block;
}


/* ================= LINKS ================= */

.ll-article a {
    position: relative;
    text-decoration: none;
    color: inherit;
    font-weight: 500;
    transition: color .35s ease;
}

.ll-article a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.25rem;
    width: 100%;
    height: var(--ll-border);
    background: var(--ll-gold);
    transform: scaleX(.4);
    transform-origin: center;
    transition: transform .4s ease;
    opacity: .8;
}

.ll-article a:hover {
    color: var(--ll-gold);
}

.ll-article a:hover::after {
    transform: scaleX(1);
}


/* ================= EXPERT BADGE ================= */

.ll-expert-badge {
    margin: var(--ll-space-sm) 0 var(--ll-space-lg);
    padding: var(--ll-space-sm) var(--ll-space-xs);
    background: var(--ll-bg);
    border: var(--ll-border) dashed var(--ll-gold);
    border-radius: var(--ll-radius-sm);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
}

.ll-expert-badge strong {
    grid-column: 1/-1;
    font-size: var(--ll-text-xs);
    color: var(--ll-gold);
    text-transform: uppercase;
    margin-bottom: var(--ll-space-xs);
}

.ll-expert-badge span {
    font-size: var(--ll-text-sm);
    font-weight: 600;
    border-right: var(--ll-border) solid var(--ll-gold-alt);
}

.ll-expert-badge span:last-child {
    border-right: none;
}


/* ================= SLIDER ================= */

.ll-slider-container {
    margin: clamp(2.5rem, 7vw, 5rem) 0;
}

.ll-viewport {
    border-radius: var(--ll-radius-lg);
    overflow: hidden;
    box-shadow: 0 2.1875rem 5rem rgba(0, 0, 0, .12);
    background: #f9f9f9;
    touch-action: pan-y;
}

.ll-track {
    display: flex;
    will-change: transform;
    transition: transform 1.2s cubic-bezier(.215, .61, .355, 1);
}

.ll-slide {
    min-width: 100%;
    display: flex;
    flex-direction: column;
}

.ll-slide img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    display: block;
}

.ll-caption {
    padding: var(--ll-space-lg) var(--ll-space-md) 3.4375rem;
    text-align: center;
    background: #fff;
}

.ll-caption h3 {
    margin: 0rem 0 1.125rem;
}
.ll-caption p {
    margin-bottom: 0rem !important ;
}

/* ================= CONTROLS ================= */

.ll-controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: var(--ll-space-md);
    gap: var(--ll-space-md);
}

.ll-dots {
    display: flex;
    gap: var(--ll-space-xs);
}

.ll-dot {
    border: none;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: #ddd;
    cursor: pointer;
    transition: .4s;
}

.ll-dot.active {
    width: 2rem;
    border-radius: 0.625rem;
    background: var(--ll-gold);
}

.ll-nav-group {
    display: flex;
    gap: 0.9375rem;
}

.ll-nav {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 50%;
    background: #fff;
    border: 0.09375rem solid var(--ll-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ll-nav::before {
    content: "";
    width: 0.75rem;
    height: 0.75rem;
    border-top: 0.1875rem solid var(--ll-gold);
    border-right: 0.1875rem solid var(--ll-gold);
}

.ll-nav.prev::before {
    transform: rotate(-135deg);
    margin-left: 0.375rem;
}

.ll-nav.next::before {
    transform: rotate(45deg);
    margin-right: 0.375rem;
}


/* ================= TABLE ================= */

.ll-table-wrapper {
    margin: var(--ll-space-lg) 0;
    border-radius: var(--ll-radius-md);
    background: #fff;
    border: var(--ll-border) solid rgba(183, 142, 40, .15);
    overflow-x: auto;
}

.ll-article caption {
    caption-side: top;
    padding: 1.375rem 1.25rem;
    font-weight: 600;
    text-align: left;
    background: #fff;
    border-bottom: var(--ll-border) solid #eee;
}

.ll-article table {
    width: 100%;
    border-collapse: collapse;
    min-width: 47.5rem;
}

.ll-article th {
    background: #fafafa;
    color: var(--ll-gold);
    font-size: var(--ll-text-xs);
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
    padding: 1.25rem 0.9375rem;
    border-bottom: var(--ll-border-thick) solid var(--ll-gold-alt);
}

.ll-article td {
    padding: 1.125rem 0.9375rem;
    border-bottom: var(--ll-border) solid #f0f0f0;
}

.ll-article tr:hover td {
    background: rgba(183, 142, 40, .03);
}


/* ================= FAQ ================= */

#section-faq{
margin-top:100px;
}

.ll-faq{
margin-top:20px;
max-width:820px;
}

.ll-faq-item{
border-bottom:1px solid #eee;
position:relative;
}

.ll-faq-question{

width:100%;
padding:25px 0;

background:none;
border:none;

text-align:left;
font-size:19px;
font-weight:500;

cursor:pointer;

position:relative;
color:var(--ll-text);
transition:color .3s ease;

}


/* underline */

.ll-faq-question::after{

content:"";
position:absolute;

left:0;
bottom:15px;

width:100%;
height:1.5px;

background:var(--ll-gold);

transform:scaleX(.4);
transform-origin:left;

transition:transform .5s cubic-bezier(.19,1,.22,1);
opacity:.6;

}

.ll-faq-item:hover .ll-faq-question::after,
.ll-faq-item.open .ll-faq-question::after{

transform:scaleX(1);
opacity:1;

}

.ll-faq-item.open .ll-faq-question{
color:var(--ll-gold);
}


/* plus */

.ll-faq-question::before{
content:"+";
position:absolute;
right:10px;
color:var(--ll-gold);
font-size:22px;
}

.ll-faq-item.open .ll-faq-question::before{
content:"−";
}


/* answer */

.ll-faq-answer-wrapper{

display:grid;
grid-template-rows:0fr;
transition:grid-template-rows .4s ease,visibility .4s;
overflow:hidden;
visibility:hidden;

}

.ll-faq-item.open .ll-faq-answer-wrapper{

grid-template-rows:1fr;
visibility:visible;

}

.ll-faq-answer{
min-height:0;
padding-bottom:25px;
color:#555;
}



/* ================= CTA ================= */

.ll-cta-block {
    margin-top: var(--ll-space-xl);
    padding: var(--ll-space-lg);
    border: 0.09375rem solid var(--ll-gold-alt);
    border-radius: var(--ll-radius-lg);
    text-align: center;
    background: #fafafa;
}

.ll-cta-block h3 {
    margin-top: 0;
    color: var(--ll-gold);
}


/* ================= MOBILE ================= */

@media (max-width:48rem) {

    .ll-caption {
        padding: 1.75rem 1.125rem 2.5rem;
    }

    .ll-nav-group {
        display: none;
    }

    .ll-controls {
        justify-content: center;
    }

    .ll-slider-container {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
    }

    .ll-viewport {
        border-radius: 0;
    }
}


/* ================= FIX ================= */

.b-user__text,
.b-orders__text,
.b-compare__text,
.b-wishlist__text,
.b-cart__text {
    font-size: 0.6875rem !important;
}