:root {
    --sz-background: #f8f5ee;
    --sz-background-light: #fffdf8;
    --sz-navy: #08163d;
    --sz-text: #1d2d50;
    --sz-gold: #c4a46a;
    --sz-gold-light: #e9d9ad;
    --sz-muted: #707b90;
    --sz-border: #e8dec9;
    --sz-white: #ffffff;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    background: var(--sz-background);
    font-family: 'Montserrat', sans-serif;
    color: var(--sz-text);
}

img {
    display: block;
    max-width: 100%;
}

a {
    text-decoration: none;
}

.sz-container {
    width: min(100% - 40px, 1280px);
    margin-inline: auto;
}




/* ================= COMMON ELEMENTS ================= */

.sz-small-title {
    display: inline-block;
    color: var(--sz-gold);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 6px;
    line-height: 1.6;
    text-transform: uppercase;
}

.sz-primary-btn,
.sz-outline-btn,
.sz-light-btn {
    min-height: 55px;
    padding: 0 29px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: 0.35s ease;
}

.sz-primary-btn {
    background: linear-gradient(135deg, #071845, #19306f);
    border: 1px solid var(--sz-navy);
    color: var(--sz-white);
}

.sz-primary-btn:hover {
    background: var(--sz-gold);
    border-color: var(--sz-gold);
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(8, 22, 61, 0.2);
}

.sz-primary-btn i,
.sz-outline-btn i,
.sz-light-btn i {
    transition: 0.3s ease;
}

.sz-primary-btn:hover i,
.sz-outline-btn:hover i,
.sz-light-btn:hover i {
    transform: translateX(5px);
}


/* ========================================================= HERO SECTION ======================================= */

/* ================= FULL BACKGROUND HERO ================= */

.sz-hero {
    position: relative;
    width: 100%;
    min-height: 720px;
    padding: 90px 0 70px;
    overflow: hidden;
    /* background-image: url("images/leather-care-hero.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; */
    display: flex;
    align-items: center;
}

.sz-hero {
    background-image: url("banner67.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/* Dark premium overlay */

.sz-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgb(4 13 38 / 57%) 0%, rgb(4 15 46 / 80%) 34%, rgb(5 13 34 / 33%) 67%, rgb(5 12 29 / 18%) 100%);

}

/* Soft bottom shadow */

.sz-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    z-index: 1;
    height: 180px;
    background: linear-gradient(to top,
            rgba(63, 67, 77, 0.5),
            transparent);
    pointer-events: none;
}

.sz-hero .sz-container {
    position: relative;
    z-index: 2;
    width: min(100% - 60px, 1280px);
    margin-inline: auto;
    display: flex;
    align-items: center;
}


/* ================= HERO CONTENT ================= */

.sz-hero-content {
    width: 100%;
    /* max-width: 650px; */
    padding: 0;
}

.sz-hero-content .sz-small-title {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: #d2ac43;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 5px;
    line-height: 1.6;
    text-transform: uppercase;
}

.sz-hero-content .sz-small-title b {
    font-size: 8px;
    font-weight: 400;
}


/* Main heading */

/* .sz-hero-content h1 {
   
    margin: 25px 0 28px;
    font-family: 'Cormorant Garamond', serif;
    color: #fffaf0;
    font-size: clamp(72px, 7vw, 112px);
    font-weight: 500;
    letter-spacing: -4px;
    line-height: 0.83;
} */

.sz-hero-content h1 span {
    display: block;
    margin: 13px 0 10px;
    color: #ddb42e;
    font-style: italic;
    font-weight: 500;
}


/* Description */

.sz-hero-content>p {
    max-width: 610px;
    margin: 0;
    color: rgba(255, 255, 255, 0.65);
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 1.75;
}


/* ================= HERO BUTTONS ================= */

.sz-hero-buttons {
    margin-top: 40px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.sz-primary-btn,
.sz-outline-hero-btn {
    min-height: 54px;
    padding: 0 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2.2px;
    text-transform: uppercase;
    transition:
        background 0.35s ease,
        border-color 0.35s ease,
        color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;
}


/* Gold button */

.sz-primary-btn {
    min-width: 270px;
    border: 1px solid #c3a05d;
    background: #c3a05d;
    color: #ffffff;
}

.sz-primary-btn:hover {
    background: #ffffff;
    border-color: #ffffff;
    color: #08163d;
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);
}

.sz-primary-btn i {
    transition: transform 0.3s ease;
}

.sz-primary-btn:hover i {
    transform: translateX(5px);
}


/* Outline button */

.sz-outline-hero-btn {
    min-width: 165px;
    border: 1px solid rgba(255, 255, 255, 0.33);
    background: rgba(255, 255, 255, 0.03);
    color: #ffffff;
    backdrop-filter: blur(4px);
}

.sz-outline-hero-btn:hover {
    background: #ffffff;
    border-color: #ffffff;
    color: #08163d;
    transform: translateY(-3px);
}


/* ================= RESPONSIVE ================= */

@media (max-width: 991px) {

    .sz-hero {
        min-height: 680px;
        padding: 85px 0 70px;
        background-position: 62% center;
    }

    .sz-hero::before {
        background:
            linear-gradient(90deg,
                rgba(4, 13, 38, 0.94) 0%,
                rgba(4, 13, 38, 0.82) 55%,
                rgba(4, 13, 38, 0.4) 100%);
    }

    .sz-hero-content {
        max-width: 590px;
    }

    .sz-hero-content h1 {
        font-size: clamp(68px, 10vw, 92px);
    }
}


@media (max-width: 767px) {

    .sz-hero {
        min-height: 650px;
        padding: 75px 0 60px;
        background-position: 68% center;
    }

    .sz-hero::before {
        background: rgba(4, 13, 38, 0.78);
    }

    .sz-hero .sz-container {
        width: min(100% - 36px, 1280px);
    }

    .sz-hero-content {
        /* max-width: 540px; */
    }

    .sz-hero-content .sz-small-title {
        font-size: 9px;
        letter-spacing: 3.5px;
    }

    .sz-hero-content h1 {
        margin-top: 22px;
        font-size: 72px;
        letter-spacing: -3px;
        line-height: 0.86;
    }

    .sz-hero-content>p {
        max-width: 500px;
        font-size: 14px;
    }
}


@media (max-width: 550px) {

    .sz-hero {
        min-height: 650px;
        padding: 65px 0 50px;
        align-items: flex-end;
        background-position: 68% center;
    }

    .sz-hero::before {
        background: linear-gradient(180deg, rgb(4 13 38 / 1%) 0%, rgba(4, 13, 38, 0.72) 35%, rgb(4 13 38 / 19%) 100%);
    }

    .sz-hero-content h1 {
        font-size: 60px;
        letter-spacing: -2px;
    }

    .sz-hero-content h1 span {
        margin: 8px 0;
    }

    .sz-hero-content>p {
        font-size: 13px;
        line-height: 1.7;
    }

    .sz-hero-buttons {
        flex-direction: column;
        align-items: stretch;
        margin-top: 30px;
        gap: 12px;
    }

    .sz-primary-btn,
    .sz-outline-hero-btn {
        width: 100%;
        min-width: 0;
    }
}


@media (max-width: 390px) {

    .sz-hero-content h1 {
        font-size: 52px;
    }

    .sz-hero-content .sz-small-title {
        letter-spacing: 2.5px;
    }
}

/* ================= HERO ALIGNMENT FIX ================= */

.sz-hero {
    min-height: 650px;
    padding: 70px 0;
    display: flex;
    align-items: center;
}

/* Global container ko disturb kiye bina hero spacing */
.sz-hero .sz-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding-left: clamp(35px, 5vw, 80px);
    padding-right: clamp(35px, 5vw, 80px);
    display: flex;
    align-items: center;
}

.sz-hero-content {
    width: 100%;
    /* max-width: 610px; */
    padding: 0;
}


/* Small top title */

.sz-hero-content .sz-small-title {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    color: #d2ac43;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 4.5px;
    line-height: 1.6;
    text-transform: uppercase;
}

.sz-hero-content .sz-small-title b {
    font-size: 7px;
    font-weight: 400;
}


/* Main heading */

.sz-hero-content h1 {
    width: 100%;

    margin: 24px 0 26px;
    font-family: 'Cormorant Garamond', serif;
    color: #fffaf0;
    font-size: clamp(68px, 6vw, 96px);
    font-weight: 500;
    letter-spacing: -3px;
    line-height: 0.9;
}

.sz-hero-content h1 span {
    display: block;
    margin: 7px 0;
    color: #ddb42e;
    font-style: italic;
    font-weight: 500;
}


/* Description */

.sz-hero-content>p {
    width: 100%;
    max-width: 590px;
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    line-height: 1.8;
}


/* Buttons */

.sz-hero-buttons {
    margin-top: 36px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.sz-primary-btn {
    min-width: 270px;
}

.sz-outline-hero-btn {
    min-width: 165px;
}


/* ================= LAPTOP ================= */

@media (max-width: 1200px) {

    .sz-hero .sz-container {
        padding-left: 45px;
        padding-right: 45px;
    }

    .sz-hero-content {
        max-width: 570px;
    }

    .sz-hero-content h1 {
        max-width: 510px;
        font-size: clamp(66px, 7vw, 88px);
    }
}


/* ================= TABLET ================= */

@media (max-width: 991px) {

    .sz-hero {
        min-height: 620px;
        padding: 65px 0;
        background-position: 65% center;
    }

    .sz-hero .sz-container {
        padding-left: 36px;
        padding-right: 36px;
    }

    .sz-hero-content {
        max-width: 540px;
    }

    .sz-hero-content h1 {
        max-width: 480px;
        font-size: 76px;
        line-height: 0.9;
    }

    .sz-hero-content>p {
        max-width: 520px;
        font-size: 14px;
    }
}


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

@media (max-width: 767px) {

    .sz-hero {
        min-height: 620px;
        padding: 65px 0 55px;
        background-position: 68% center;
    }

    .sz-hero .sz-container {
        padding-left: 24px;
        padding-right: 24px;
    }

    .sz-hero-content {
        max-width: 100%;
    }

    .sz-hero-content .sz-small-title {
        font-size: 9px;
        letter-spacing: 3px;
    }

    .sz-hero-content h1 {
        max-width: 440px;
        margin: 20px 0 23px;
        font-size: 66px;
        letter-spacing: -2px;
        line-height: 0.91;
    }

    .sz-hero-content>p {
        max-width: 480px;
        font-size: 13px;
        line-height: 1.7;
    }

    .sz-hero-buttons {
        margin-top: 30px;
    }
}


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

@media (max-width: 550px) {

    .sz-hero {
        min-height: 650px;
        padding: 60px 0 42px;
        align-items: flex-end;
    }

    .sz-hero .sz-container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .sz-hero-content h1 {
        max-width: 360px;
        font-size: 55px;
        line-height: 0.92;
    }

    .sz-hero-buttons {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .sz-primary-btn,
    .sz-outline-hero-btn {
        width: 100%;
        min-width: 0;
    }
}


@media (max-width: 390px) {

    .sz-hero-content h1 {
        font-size: 48px;
    }

    .sz-hero-content .sz-small-title {
        letter-spacing: 2.2px;
    }
}



/* ========================================================= HERO SECTION ======================================= */

/* .sz-hero {
    position: relative;
    min-height: 740px;
    padding: 80px 0 100px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.sz-hero-grid {
    display: flex;
    align-items: center;
    gap: 85px;
}

.sz-hero-content {
    position: relative;
    z-index: 2;
    flex: 1 1 0;
    min-width: 0;
    padding-left: 25px;
}

.sz-hero-content h1 {
    max-width: 670px;
    margin: 20px 0 25px;
    font-family: 'Cormorant Garamond', serif;
    color: var(--sz-navy);
    font-size: clamp(64px, 6.3vw, 100px);
    font-weight: 500;
    letter-spacing: -3px;
    line-height: 0.92;
}

.sz-hero-content h1 span {
    display: block;
    color: var(--sz-gold);
    font-style: italic;
    font-weight: 400;
}

.sz-hero-content>p {
    max-width: 600px;
    color: var(--sz-muted);
    font-size: 15px;
    line-height: 1.9;
}

.sz-hero-buttons {
    margin-top: 38px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 28px;
}

.sz-text-btn {
    position: relative;
    padding-bottom: 7px;
    color: var(--sz-navy);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.sz-text-btn::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: var(--sz-gold);
    transform-origin: left;
    transition: 0.3s ease;
}

.sz-text-btn:hover::after {
    transform: scaleX(0.45);
}

.sz-hero-trust {
    max-width: 600px;
    margin-top: 60px;
    padding-top: 28px;
    border-top: 1px solid var(--sz-border);
    display: flex;
    gap: 20px;
} */

.sz-trust-item {
    flex: 1;
    position: relative;
    padding-right: 20px;
}

.sz-trust-item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    width: 1px;
    height: 45px;
    background: var(--sz-border);
}

.sz-trust-item strong {
    display: block;
    margin-bottom: 6px;
    font-family: 'Cormorant Garamond', serif;
    color: var(--sz-gold);
    font-size: 28px;
    font-weight: 500;
}

.sz-trust-item span {
    color: var(--sz-muted);
    font-size: 10px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.sz-hero-image-wrap {
    position: relative;
    flex: 0 1 540px;
    width: 100%;
    min-width: 440px;
    min-height: 575px;
}

.sz-hero-image-frame {
    position: absolute;
    inset: 0 25px 0 0;
    padding: 14px;
    border: 1px solid rgba(196, 164, 106, 0.5);
}

.sz-hero-image-frame::before {
    content: "";
    position: absolute;
    top: -24px;
    right: -24px;
    width: 72%;
    height: 72%;
    border-top: 1px solid var(--sz-gold);
    border-right: 1px solid var(--sz-gold);
    pointer-events: none;
}

.sz-hero-image-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sz-floating-card {
    position: absolute;
    bottom: 42px;
    left: -55px;
    min-width: 225px;
    padding: 25px 28px;
    background: rgba(255, 253, 248, 0.97);
    border-left: 3px solid var(--sz-gold);
    box-shadow: 0 20px 50px rgba(8, 22, 61, 0.14);
}

.sz-floating-card span {
    display: block;
    margin-bottom: 7px;
    color: var(--sz-muted);
    font-size: 9px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.sz-floating-card strong {
    display: block;
    font-family: 'Cormorant Garamond', serif;
    color: var(--sz-navy);
    font-size: 24px;
    font-weight: 500;
}

.sz-floating-card i {
    position: absolute;
    top: 20px;
    right: 20px;
    color: var(--sz-gold);
    font-size: 11px;
}

.sz-image-number {
    position: absolute;
    top: 45px;
    right: -6px;
    padding: 13px;
    background: var(--sz-navy);
    color: var(--sz-white);
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.sz-image-number span {
    color: var(--sz-gold-light);
    font-size: 8px;
    letter-spacing: 3px;
}

.sz-image-number strong {
    margin-top: 8px;
    font-size: 10px;
    letter-spacing: 3px;
}

.sz-hero-decoration {
    position: absolute;
    border: 1px solid rgba(196, 164, 106, 0.14);
    border-radius: 50%;
}

.sz-decoration-one {
    width: 420px;
    height: 420px;
    top: -250px;
    left: -190px;
}

.sz-decoration-two {
    width: 270px;
    height: 270px;
    right: -140px;
    bottom: -135px;
}


/* ================= STORY SECTION ================= */

.sz-story-section {
    padding: 70px 0;
    background: var(--sz-background-light);
}

.sz-story-grid {
    display: flex;
    align-items: center;
    gap: 87px;
}

.sz-story-images {
    position: relative;
    flex: 1 1 0;
    width: 100%;
    min-width: 0;
    min-height: 620px;
}

.sz-story-main-image {
    width: 79%;
    height: 550px;
    padding: 12px;
    border: 1px solid var(--sz-border);
}

.sz-story-main-image img,
.sz-story-small-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sz-story-small-image {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 42%;
    height: 300px;
    padding: 9px;
    background: var(--sz-background-light);
    border: 1px solid var(--sz-gold);
    box-shadow: 0 20px 50px rgba(8, 22, 61, 0.14);
}

.sz-story-badge {
    position: absolute;
    top: 50px;
    right: 1%;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: var(--sz-navy);
    color: var(--sz-white);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: rotate(8deg);
}

.sz-story-badge::after {
    content: "";
    position: absolute;
    inset: 9px;
    border: 1px solid rgba(233, 217, 173, 0.5);
    border-radius: 50%;
}

.sz-story-badge strong {
    font-family: 'Cormorant Garamond', serif;
    color: var(--sz-gold-light);
    font-size: 25px;
    font-weight: 500;
}

.sz-story-badge span {
    margin-top: 3px;
    font-size: 9px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.sz-story-content {
    flex: 0 1 47%;
    width: 100%;
    min-width: 0;
}

.sz-story-content h2 {
    max-width: 590px;
    margin: 17px 0 20px;
    font-family: 'Cormorant Garamond', serif;
    color: var(--sz-navy);
    font-size: clamp(54px, 5vw, 76px);
    font-weight: 500;
    line-height: 0.98;
}

.sz-story-content h2 span {
    display: block;
    color: var(--sz-gold);
    font-style: italic;
    font-weight: 400;
}

.sz-title-divider {
    position: relative;
    width: 190px;
    height: 1px;
    margin: 30px 0;
    background: var(--sz-border);
}

.sz-title-divider span {
    position: absolute;
    top: 50%;
    left: 38px;
    padding: 0 12px;
    background: var(--sz-background-light);
    color: var(--sz-gold);
    transform: translateY(-50%);
}

.sz-story-content p {
    max-width: 590px;
    margin-bottom: 18px;
    color: var(--sz-muted);
    font-size: 14px;
    line-height: 1.9;
}

.sz-outline-btn {
    margin-top: 18px;
    border: 1px solid var(--sz-navy);
    color: var(--sz-navy);
}

.sz-outline-btn:hover {
    background: var(--sz-navy);
    color: var(--sz-white);
    transform: translateY(-3px);
}


/* ================= METHOD SECTION ================= */

.sz-method-section {
    padding: 80px 0 70px;
    background: var(--sz-background);
}

.sz-section-header {
    max-width: 850px;
    margin: 0 auto 75px;
    text-align: center;
}

.sz-section-header h2 {
    margin-top: 16px;
    font-family: 'Cormorant Garamond', serif;
    color: var(--sz-navy);
    font-size: clamp(56px, 6vw, 78px);
    font-weight: 500;
    line-height: 1;
}

.sz-section-header h2 span {
    color: var(--sz-gold);
    font-style: italic;
    font-weight: 400;
}

.sz-method-divider {
    position: relative;
    width: 310px;
    height: 1px;
    margin: 32px auto 0;
    background: linear-gradient(to right,
            transparent,
            var(--sz-gold-light),
            var(--sz-gold-light),
            transparent);
}

.sz-method-divider span {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0 18px;
    background: var(--sz-background);
    color: var(--sz-gold);
    transform: translate(-50%, -50%);
}

.sz-method-grid {
    display: flex;
    align-items: stretch;
}

.sz-method-card {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    min-height: 390px;
    padding: 40px 50px 35px;
    text-align: center;
}

.sz-method-card:not(:last-child) {
    border-right: 1px solid var(--sz-border);
}

.sz-step-number {
    display: block;
    font-family: 'Cormorant Garamond', serif;
    color: rgba(214, 177, 78, 0.3);
    font-size: 76px;
    font-weight: 400;
    line-height: 1;
}

.sz-method-icon {
    width: 54px;
    height: 54px;
    margin: 18px auto 15px;
    border: 1px solid rgba(196, 164, 106, 0.38);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--sz-gold);
    font-size: 17px;
    transition: 0.35s ease;
}

.sz-method-card:hover .sz-method-icon {
    background: var(--sz-gold);
    color: var(--sz-white);
    transform: translateY(-5px);
}

.sz-method-card h3 {
    margin-bottom: 15px;
    font-family: 'Cormorant Garamond', serif;
    color: var(--sz-navy);
    font-size: 38px;
    /* font-style: italic; */
    font-weight: 500;
}

.sz-method-card p {
    max-width: 350px;
    margin: 0 auto;
    color: var(--sz-muted);
    font-size: 14px;
    line-height: 1.85;
}

.sz-method-card a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 25px;
    color: var(--sz-gold);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.sz-method-card a i {
    transition: 0.3s ease;
}

.sz-method-card a:hover i {
    transform: translateX(5px);
}


/* ================= FEATURE BANNER ================= */

.sz-feature-banner {
    position: relative;
    min-height: 620px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sz-feature-banner>img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1.2s ease;
}

.sz-feature-banner:hover>img {
    transform: scale(1.04);
}

.sz-feature-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg,
            rgba(4, 13, 39, 0.85),
            rgba(4, 13, 39, 0.48),
            rgba(4, 13, 39, 0.2));
}

.sz-feature-content {
    position: relative;
    z-index: 2;
    width: min(100% - 40px, 1280px);
    margin-inline: auto;
}

.sz-feature-content .sz-small-title {
    color: var(--sz-gold-light);
}

.sz-feature-content h2 {
    max-width: 850px;
    margin: 18px 0 35px;
    font-family: 'Cormorant Garamond', serif;
    color: var(--sz-white);
    font-size: clamp(55px, 6vw, 85px);
    font-weight: 500;
    line-height: 0.98;
}

.sz-feature-content h2 span {
    color: var(--sz-gold-light);
    font-style: italic;
    font-weight: 400;
}

.sz-light-btn {
    border: 1px solid rgba(255, 255, 255, 0.7);
    color: var(--sz-white);
}

.sz-light-btn:hover {
    background: var(--sz-white);
    color: var(--sz-navy);
    transform: translateY(-3px);
}


/* ================= FOOTER ================= */

.sz-footer {
    width: 100%;
    background: #061436;
    color: rgba(255, 255, 255, 0.72);
}

.sz-footer-top {
    padding: 30px 0 15px;
}

.sz-footer-flex {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 55px;
}


/* ================= BRAND COLUMN ================= */

.sz-footer-brand {
    flex: 1 1 280px;
    max-width: 340px;
    min-width: 0;
}

.sz-footer-brand .sz-logo {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
}

.sz-footer-brand .sz-logo img {
    width: 125px;
    height: 75px;
    display: block;
    object-fit: contain;
    object-position: left center;
}

.sz-footer-brand>p {
    max-width: 330px;
    margin: 25px 0 0;
    color: rgba(255, 255, 255, 0.76);
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    line-height: 1.9;
}


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

.sz-social-links {
    margin-top: 28px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 11px;
}

.sz-social-links a {
    flex: 0 0 39px;
    width: 39px;
    height: 39px;
    border: 1px solid rgba(196, 164, 106, 0.42);
    border-radius: 50%;
    color: #d2ac6d;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    text-decoration: none;
    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.sz-social-links a:hover {
    background: #c4a46a;
    border-color: #c4a46a;
    color: #ffffff;
    transform: translateY(-3px);
}


/* ================= LINK COLUMNS ================= */

.sz-footer-column {
    flex: 0 1 155px;
    min-width: 130px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.sz-footer-column h4 {
    margin: 0 0 25px;
    color: #d2ac6d;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 3px;
    line-height: 1.4;
    text-transform: uppercase;
}

.sz-footer-column a {
    margin-bottom: 7px;
    color: rgba(255, 255, 255, 0.72);
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    line-height: 1.4;
    text-decoration: none;
    transition: color 0.3s ease, padding-left 0.3s ease;
}

.sz-footer-column a:last-child {
    margin-bottom: 0;
}

.sz-footer-column a:hover {
    padding-left: 5px;
    color: #d2ac6d;
}


/* ================= CONTACT COLUMN ================= */

.sz-footer-contact {
    flex: 1 1 290px;
    max-width: 330px;
    min-width: 0;
}

.sz-footer-contact .sz-small-title {
    display: block;
    margin-bottom: 20px;
    color: #d2ac6d;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 5px;
    line-height: 1.5;
    text-transform: uppercase;
}

.sz-footer-contact-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
}

.sz-footer-contact-item {
    width: 100%;
    min-height: 75px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 14px;
    text-decoration: none;
    transition:
        border-color 0.3s ease,
        transform 0.3s ease;
}

.sz-footer-contact-item:first-child {
    padding-top: 0;
}

.sz-footer-contact-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.sz-footer-contact-item:hover {
    border-color: rgba(196, 164, 106, 0.75);
    transform: translateX(5px);
}


/* Contact icon */

.sz-footer-contact-icon {
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    border: 1px solid rgba(196, 164, 106, 0.48);
    border-radius: 50%;
    color: #d2ac6d;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        color 0.3s ease;
}

.sz-footer-contact-item:hover .sz-footer-contact-icon {
    background: #c4a46a;
    border-color: #c4a46a;
    color: #ffffff;
}


/* Contact text */

.sz-footer-contact-item>div {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.sz-footer-contact-item small {
    color: #d2ac6d;
    font-family: 'Montserrat', sans-serif;
    font-size: 8px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.2;
    text-transform: uppercase;
}

.sz-footer-contact-item strong {
    color: rgba(255, 255, 255, 0.86);
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.6;
    overflow-wrap: anywhere;
}


/* ================= FOOTER BOTTOM ================= */

.sz-footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background: #f3f0ea;
}

.sz-footer-bottom-inner {
    min-height: 47px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.sz-footer-bottom p {
    margin: 0;
    color: rgb(0 0 0);
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
}

.sz-footer-bottom-inner>div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px;
}

.sz-footer-bottom a {
    color: rgb(0 0 0);
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    letter-spacing: 1px;
    text-decoration: none;
    transition: color 0.3s ease;
}

.sz-footer-bottom a:hover {
    color: #d2ac6d;
}

@media (max-width: 991px) {

    .sz-footer-top {
        padding: 75px 0 65px;
    }

    .sz-footer-flex {
        justify-content: flex-start;
        gap: 50px 35px;
    }

    .sz-footer-brand {
        flex: 1 1 calc(50% - 20px);
        max-width: none;
    }

    .sz-footer-column {
        flex: 1 1 calc(25% - 25px);
        min-width: 150px;
    }

    .sz-footer-contact {
        flex: 1 1 calc(50% - 20px);
        max-width: none;
    }
}

@media (max-width: 767px) {

    .sz-footer-top {
        padding: 65px 0 55px;
    }

    .sz-footer-flex {
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 45px 25px;
    }

    .sz-footer-brand {
        flex: 1 1 100%;
        width: 100%;
        max-width: 100%;
    }

    .sz-footer-column {
        flex: 1 1 calc(50% - 15px);
        width: calc(50% - 15px);
        min-width: 0;
    }

    .sz-footer-contact {
        flex: 1 1 100%;
        width: 100%;
        max-width: 100%;
    }

    .sz-footer-contact-list {
        max-width: 450px;
    }

    .sz-footer-bottom-inner {
        min-height: auto;
        padding: 24px 0;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
}

@media (max-width: 480px) {

    .sz-footer-top {
        padding: 55px 0 48px;
    }

    .sz-footer-flex {
        flex-direction: column;
        gap: 38px;
    }

    .sz-footer-brand,
    .sz-footer-column,
    .sz-footer-contact {
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
    }

    .sz-footer-column {
        min-width: 0;
    }

    .sz-footer-brand .sz-logo img {
        width: 110px;
        height: 68px;
    }

    .sz-footer-contact-item {
        min-height: 68px;
    }

    .sz-footer-bottom-inner>div {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}




/* ================= RESPONSIVE ================= */

@media (max-width: 1100px) {

    .sz-navigation {
        gap: 24px;
    }

    .sz-hero-grid {
        gap: 45px;
    }

    .sz-hero-image-wrap {
        flex-basis: 470px;
        min-width: 390px;
    }

    .sz-story-grid {
        gap: 65px;
    }

    .sz-footer-grid>.sz-footer-newsletter {
        flex-basis: 100%;
        max-width: 600px;
    }
}


@media (max-width: 900px) {

    .sz-header-container {
        min-height: 78px;
    }

    .sz-menu-btn {
        display: block;
        order: 3;
    }

    .sz-header-actions {
        margin-left: auto;
    }

    .sz-navigation {
        position: absolute;
        top: 100%;
        right: 20px;
        left: 20px;
        display: none;
        padding: 20px;
        background: var(--sz-background-light);
        border: 1px solid var(--sz-border);
        box-shadow: 0 20px 45px rgba(8, 22, 61, 0.13);
    }

    .sz-navigation.open {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .sz-navigation a {
        padding: 15px;
        border-bottom: 1px solid var(--sz-border);
    }

    .sz-navigation a:last-child {
        border-bottom: 0;
    }

    .sz-navigation a::after {
        display: none;
    }

    .sz-hero {
        padding-top: 75px;
    }

    .sz-hero-grid,
    .sz-story-grid {
        flex-direction: column;
    }

    .sz-hero-content,
    .sz-hero-image-wrap,
    .sz-story-images,
    .sz-story-content {
        flex: 0 0 auto;
        width: 100%;
        min-width: 0;
    }

    .sz-hero-content {
        padding-left: 0;
        text-align: center;
    }

    .sz-hero-content>p,
    .sz-hero-content h1 {
        margin-left: auto;
        margin-right: auto;
    }

    .sz-hero-buttons,
    .sz-hero-trust {
        justify-content: center;
    }

    .sz-hero-image-wrap {
        width: min(100%, 600px);
        min-height: 600px;
        margin: 30px auto 0;
    }

    .sz-floating-card {
        left: -15px;
    }

    .sz-story-content {
        text-align: center;
    }

    .sz-story-content h2,
    .sz-story-content p {
        margin-left: auto;
        margin-right: auto;
    }

    .sz-title-divider {
        margin-left: auto;
        margin-right: auto;
    }

    .sz-method-grid {
        flex-direction: column;
        max-width: 650px;
        margin: auto;
    }

    .sz-method-card {
        flex: 0 0 auto;
        width: 100%;
    }

    .sz-method-card:not(:last-child) {
        border-right: 0;
        border-bottom: 1px solid var(--sz-border);
    }

    .sz-feature-content {
        text-align: center;
    }

    .sz-feature-content h2 {
        margin-left: auto;
        margin-right: auto;
    }
}

.sz-header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;

    background: rgba(248, 245, 238, 0.96);
    border-bottom: 1px solid rgba(196, 164, 106, 0.25);

    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);

    box-shadow: 0 5px 25px rgba(8, 22, 61, 0.06);
}

@media (max-width: 700px) {

    .sz-container,
    .sz-header-container,
    .sz-feature-content {
        width: min(100% - 30px, 1280px);
    }

    .sz-header-actions a:first-child {
        display: none;
    }

    .sz-logo-main {
        font-size: 27px;
    }

    .sz-hero {
        min-height: auto;
        padding: 65px 0 80px;
    }

    .sz-hero-content h1 {
        font-size: 58px;
        letter-spacing: -2px;
    }

    .sz-hero-content>p {
        font-size: 13px;
    }

    .sz-hero-buttons {
        flex-direction: column;
    }

    .sz-primary-btn {
        width: 100%;
    }

    .sz-hero-trust {
        gap: 10px;
    }

    .sz-trust-item {
        padding-right: 10px;
    }

    .sz-trust-item strong {
        font-size: 24px;
    }

    .sz-trust-item span {
        font-size: 8px;
    }

    .sz-hero-image-wrap {
        min-height: 480px;
    }

    .sz-hero-image-frame {
        right: 10px;
    }

    .sz-floating-card {
        left: 0;
        bottom: 25px;
        min-width: 190px;
        padding: 20px;
    }

    .sz-story-section,
    .sz-method-section {
        padding: 85px 0;
    }

    .sz-story-images {
        min-height: 480px;
    }

    .sz-story-main-image {
        width: 88%;
        height: 420px;
    }

    .sz-story-small-image {
        width: 45%;
        height: 210px;
    }

    .sz-story-badge {
        top: 28px;
        width: 105px;
        height: 105px;
    }

    .sz-story-content h2,
    .sz-section-header h2 {
        font-size: 51px;
    }

    .sz-method-divider {
        width: 230px;
    }

    .sz-method-card {
        min-height: auto;
        padding: 45px 15px;
    }

    .sz-feature-banner {
        min-height: 540px;
    }

    .sz-feature-content h2 {
        font-size: 52px;
    }

    .sz-footer-grid {
        flex-direction: column;
        gap: 45px;
    }

    .sz-footer-grid>.sz-footer-brand,
    .sz-footer-grid>.sz-footer-column,
    .sz-footer-grid>.sz-footer-newsletter {
        flex: 0 0 auto;
        width: 100%;
        max-width: none;
    }

    .sz-footer-bottom-inner {
        padding: 22px 0;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
}


@media (max-width: 450px) {

    .sz-header-actions {
        gap: 16px;
    }

    .sz-hero-content h1 {
        font-size: 48px;
    }

    .sz-hero-trust {
        flex-direction: column;
        text-align: center;
    }

    .sz-trust-item {
        padding: 12px 0;
    }

    .sz-trust-item:not(:last-child)::after {
        top: auto;
        right: 25%;
        bottom: 0;
        left: 25%;
        width: auto;
        height: 1px;
    }

    .sz-hero-image-wrap {
        min-height: 410px;
    }

    .sz-floating-card {
        position: absolute;
        right: 25px;
        left: 0;
    }

    .sz-story-images {
        min-height: 410px;
    }

    .sz-story-main-image {
        height: 360px;
    }

    .sz-story-small-image {
        height: 175px;
    }

    .sz-story-badge {
        display: none;
    }
}



/* =========================================== Insta Section =================================================== */

.sz-instagram-section {
    padding: 69px 0 70px;
    background: #ffffff;
    overflow: hidden;
}

.sz-instagram-header {
    max-width: 850px;
    margin: 0 auto 60px;
    text-align: center;
}

.sz-instagram-small-title {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #c4a46a;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 6px;
    line-height: 1.6;
    text-transform: uppercase;
}

.sz-instagram-small-title i {
    font-size: 13px;
}

.sz-instagram-header h2 {
    margin-top: 15px;
    font-family: 'Cormorant Garamond', serif;
    color: #08163d;
    font-size: clamp(52px, 5.5vw, 76px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: -2px;
}

.sz-instagram-header h2 span {
    color: #c4a46a;
    font-style: italic;
    font-weight: 400;
}

.sz-instagram-header p {
    max-width: 660px;
    margin: 22px auto 0;
    color: #707b90;
    font-size: 14px;
    line-height: 1.8;
}

.sz-instagram-header p a {
    color: #c4a46a;
    font-weight: 600;
    transition: 0.3s ease;
}

.sz-instagram-header p a:hover {
    color: #08163d;
}


/* Instagram images */

.sz-instagram-gallery {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 14px;
}

.sz-instagram-item {
    position: relative;
    flex: 1 1 calc(33.333% - 14px);
    /* width: calc(33.333% - 14px); */
    min-width: 280px;
    height: 365px;
    overflow: hidden;
    background: #eee8dc;
    cursor: pointer;
}

.sz-instagram-item img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition:
        transform 0.7s ease,
        filter 0.5s ease;
}

.sz-instagram-item:hover img {
    transform: scale(1.07);
    filter: brightness(0.65);
}


/* Hover overlay */

.sz-instagram-overlay {
    position: absolute;
    inset: 0;
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background: linear-gradient(180deg,
            rgba(8, 22, 61, 0.05),
            rgba(8, 22, 61, 0.72));
    color: #ffffff;
    opacity: 0;
    transform: translateY(15px);
    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}

.sz-instagram-item:hover .sz-instagram-overlay {
    opacity: 1;
    transform: translateY(0);
}

.sz-instagram-overlay i {
    width: 55px;
    height: 55px;
    border: 1px solid rgba(255, 255, 255, 0.75);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
}

.sz-instagram-overlay span {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}


/* Follow button */

.sz-instagram-footer {
    margin-top: 45px;
    display: flex;
    justify-content: center;
}

.sz-instagram-btn {
    min-height: 56px;
    padding: 0 30px;
    border: 1px solid #08163d;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    color: #08163d;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: 0.35s ease;
}

.sz-instagram-btn:hover {
    background: #08163d;
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(8, 22, 61, 0.18);
}

.sz-instagram-btn .fa-arrow-right {
    transition: transform 0.3s ease;
}

.sz-instagram-btn:hover .fa-arrow-right {
    transform: translateX(5px);
}


/* ================= RESPONSIVE ================= */

@media (max-width: 900px) {

    .sz-instagram-section {
        padding: 85px 0 95px;
    }

    .sz-instagram-gallery {
        gap: 12px;
    }

    .sz-instagram-item {
        flex: 1 1 calc(50% - 12px);
        width: calc(50% - 12px);
        min-width: 250px;
        height: 340px;
    }
}


@media (max-width: 600px) {

    .sz-instagram-header {
        margin-bottom: 40px;
    }

    .sz-instagram-header h2 {
        font-size: 48px;
        letter-spacing: -1px;
    }

    .sz-instagram-header p {
        font-size: 13px;
    }

    .sz-instagram-gallery {
        flex-direction: column;
        gap: 12px;
    }

    .sz-instagram-item {
        flex: 0 0 auto;
        width: 100%;
        min-width: 0;
        height: 360px;
    }

    .sz-instagram-overlay {
        opacity: 1;
        justify-content: flex-end;
        transform: none;
        background: linear-gradient(180deg,
                transparent 50%,
                rgba(8, 22, 61, 0.78));
    }

    .sz-instagram-overlay i {
        width: 44px;
        height: 44px;
        font-size: 18px;
    }

    .sz-instagram-btn {
        width: 100%;
        padding: 0 18px;
        letter-spacing: 1.5px;
    }
}

.sz-instagram-item {
    position: relative;
    flex: 1 1 calc(33.333% - 14px);
    /* width: calc(33.333% - 14px); */
    min-width: 280px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #eee8dc;
}

.sz-instagram-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* =========================================== Insta Section =================================================== */

/* =========================================== Testimonial  Section =================================================== */

/* ================= TESTIMONIAL SWIPER ================= */

.sz-testimonial-section {
    position: relative;
    padding: 70px 0 70px;
    background: #f8f5ee;
    overflow: hidden;
}

.sz-testimonial-header {
    max-width: 850px;
    margin: 0 auto 45px;
    text-align: center;
}

.sz-testimonial-header h2 {
    margin-top: 14px;
    font-family: 'Cormorant Garamond', serif;
    color: #08163d;
    font-size: clamp(52px, 5.5vw, 76px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: -2px;
}

.sz-testimonial-header h2 span {
    color: #c4a46a;
    font-style: italic;
    font-weight: 400;
}

.sz-testimonial-heading-divider {
    position: relative;
    width: 250px;
    height: 1px;
    margin: 30px auto 0;
    background: linear-gradient(to right,
            transparent,
            #e0c994,
            #e0c994,
            transparent);
}

.sz-testimonial-heading-divider span {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0 14px;
    background: #f8f5ee;
    color: #c4a46a;
    font-size: 13px;
    transform: translate(-50%, -50%);
}


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

.sz-testimonial-slider-area {
    position: relative;
    display: flex;
    align-items: center;
    gap: 25px;
}

.sz-testimonial-swiper {
    flex: 1;
    width: 100%;
    min-width: 0;
    padding: 15px 5px 35px;
}

.sz-testimonial-swiper .swiper-wrapper {
    align-items: stretch;
}

.sz-testimonial-swiper .swiper-slide {
    height: auto;
    display: flex;
}


/* ================= TESTIMONIAL CARD ================= */

.sz-testimonial-card {
    position: relative;
    width: 100%;
    /* min-height: 380px; */
    padding: 28px 20px 30px;
    background: rgba(255, 253, 248, 0.65);
    border: 1px solid rgba(232, 222, 201, 0.8);
    display: flex;
    flex-direction: column;
    transition:
        transform 0.4s ease,
        border-color 0.4s ease,
        box-shadow 0.4s ease,
        background 0.4s ease;
}

.sz-testimonial-card:hover {
    background: #fffdf8;
    border-color: rgba(196, 164, 106, 0.6);
    box-shadow: 0 2px 15px rgba(8, 6, 61, 0.09);
    transform: translateY(-7px);
}


/* Quote icon */

.sz-testimonial-quote {
    width: 46px;
    height: 46px;
    margin-bottom: 30px;
    border: 1px solid rgba(196, 164, 106, 0.25);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(196, 164, 106, 0.6);
    font-size: 17px;
    transition: 0.35s ease;
}

.sz-testimonial-card:hover .sz-testimonial-quote {
    background: #c4a46a;
    border-color: #c4a46a;
    color: #ffffff;
}


/* Testimonial text */

.sz-testimonial-text {
    flex: 1;
    margin: 0;
    color: #5f6d86;
    font-size: 14px;
    line-height: 1.85;
}


/* Decorative divider */

.sz-testimonial-divider {
    position: relative;
    width: 100%;
    height: 1px;
    margin: 32px 0 25px;
    background: linear-gradient(to right,
            transparent,
            #e3cf9d 18%,
            #e3cf9d 82%,
            transparent);
}

.sz-testimonial-divider span {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0 12px;
    background: #faf7f0;
    color: #c4a46a;
    font-size: 12px;
    transform: translate(-50%, -50%);
}

.sz-testimonial-card:hover .sz-testimonial-divider span {
    background: #fffdf8;
}


/* Author */

.sz-testimonial-author {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.sz-testimonial-author strong {
    color: #08163d;
    font-size: 14px;
    font-weight: 600;
}

.sz-testimonial-author span {
    color: #9ba2b1;
    font-size: 12px;
    line-height: 1.5;
}


/* ================= NAVIGATION ARROWS ================= */

.sz-testimonial-arrow {
    position: relative;
    z-index: 5;
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    border: 1px solid rgba(196, 164, 106, 0.55);
    border-radius: 50%;
    background: transparent;
    color: #08163d;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    cursor: pointer;
    transition:
        background 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease;
}

.sz-testimonial-arrow:hover {
    background: #08163d;
    border-color: #08163d;
    color: #ffffff;
    transform: scale(1.06);
}

.sz-testimonial-arrow.swiper-button-disabled {
    opacity: 0.35;
    cursor: not-allowed;
}


/* ================= PAGINATION ================= */

.sz-testimonial-pagination {
    position: relative !important;
    bottom: auto !important;
    margin-top: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.sz-testimonial-pagination .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    margin: 0 !important;
    border-radius: 50%;
    background: #c4a46a;
    opacity: 0.35;
    transition:
        width 0.3s ease,
        border-radius 0.3s ease,
        opacity 0.3s ease;
}

.sz-testimonial-pagination .swiper-pagination-bullet-active {
    width: 30px;
    border-radius: 10px;
    opacity: 1;
}


/* ================= RESPONSIVE ================= */

@media (max-width: 1100px) {

    .sz-testimonial-slider-area {
        gap: 15px;
    }

    .sz-testimonial-arrow {
        flex-basis: 45px;
        width: 45px;
        height: 45px;
    }

    .sz-testimonial-card {
        padding: 38px 30px 34px;
    }
}


@media (max-width: 900px) {

    .sz-testimonial-section {
        padding: 85px 0 95px;
    }

    .sz-testimonial-header {
        margin-bottom: 50px;
    }

    .sz-testimonial-card {
        min-height: 360px;
    }
}


@media (max-width: 650px) {

    .sz-testimonial-header h2 {
        font-size: 48px;
        letter-spacing: -1px;
    }

    .sz-testimonial-heading-divider {
        width: 210px;
    }

    .sz-testimonial-slider-area {
        display: block;
    }

    .sz-testimonial-swiper {
        padding: 10px 2px 30px;
    }

    .sz-testimonial-card {
        min-height: 350px;
        padding: 35px 27px 32px;
    }

    .sz-testimonial-text {
        font-size: 13px;
    }

    .sz-testimonial-arrow {
        position: absolute;
        top: 50%;
        width: 42px;
        height: 42px;
        transform: translateY(-50%);
        background: rgba(248, 245, 238, 0.95);
        box-shadow: 0 8px 25px rgba(8, 22, 61, 0.12);
    }

    .sz-testimonial-arrow:hover {
        transform: translateY(-50%) scale(1.05);
    }

    .sz-testimonial-prev {
        left: -10px;
    }

    .sz-testimonial-next {
        right: -10px;
    }
}


@media (max-width: 450px) {

    .sz-testimonial-section {
        padding: 70px 0 80px;
    }

    .sz-testimonial-header h2 {
        font-size: 43px;
    }

    .sz-testimonial-card {
        min-height: 340px;
        padding: 32px 24px 30px;
    }

    .sz-testimonial-quote {
        width: 42px;
        height: 42px;
        margin-bottom: 23px;
    }

    .sz-testimonial-prev {
        left: -5px;
    }

    .sz-testimonial-next {
        right: -5px;
    }
}

/* =========================================== Testimonial  Section =================================================== */




/* =========================================== Product Section =================================================== */

.sz-results-section {
    padding: 70px 0 70px;
    background: #ffffff;
    overflow: hidden;
}

.sz-results-header {
    max-width: 850px;
    margin: 0 auto 45px;
    text-align: center;
}

.sz-results-header h2 {
    margin-top: 14px;
    font-family: 'Cormorant Garamond', serif;
    color: #08163d;
    font-size: clamp(54px, 5.5vw, 76px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: -2px;
}

.sz-results-header h2 span {
    color: #c4a46a;
    font-style: italic;
    font-weight: 400;
}

.sz-results-header p {
    max-width: 680px;
    margin: 20px auto 0;
    color: #707b90;
    font-size: 14px;
    line-height: 1.8;
}

.sz-results-divider {
    position: relative;
    width: 300px;
    height: 1px;
    margin: 30px auto 0;
    background: linear-gradient(to right,
            transparent,
            #dcc795,
            #dcc795,
            transparent);
}

.sz-results-divider span {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0 16px;
    background: #f8f5ee;
    color: #c4a46a;
    transform: translate(-50%, -50%);
}


/* ================= TABS ================= */

.sz-results-tabs {
    margin-bottom: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
}

.sz-result-tab {
    min-height: 46px;
    padding: 0 25px;
    border: 1px solid #ddd4c3;
    background: transparent;
    color: #657086;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s ease;
}

.sz-result-tab:hover,
.sz-result-tab.active {
    background: #08163d;
    border-color: #08163d;
    color: #ffffff;
}


/* ================= CARDS ================= */

.sz-results-wrapper {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 28px;
}

.sz-result-card {
    flex: 0 1 calc(33.333% - 19px);
    width: calc(33.333% - 19px);
    min-width: 0;
    background: #fffdf8;
    border: 1px solid #e8dec9;
    overflow: hidden;
    transition:
        transform 0.4s ease,
        border-color 0.4s ease,
        box-shadow 0.4s ease;
}

.sz-result-card:hover {
    border-color: rgba(196, 164, 106, 0.55);
    box-shadow: 0 2px 18px rgba(8, 22, 61, 0.09);
    transform: translateY(-7px);
}

.sz-result-card.sz-card-hidden {
    display: none;
}

.sz-result-image {
    position: relative;
    width: 100%;
    height: 350px;
    padding: 0;
    border: 0;
    overflow: hidden;
    background: #ede6d9;
    cursor: pointer;
}

.sz-result-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:
        transform 0.7s ease,
        filter 0.5s ease;
}

.sz-result-card:hover .sz-result-image img {
    transform: scale(1.07);
    filter: brightness(0.7);
}

.sz-result-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 13px;
    background: rgba(8, 22, 61, 0.32);
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    opacity: 0;
    transform: translateY(15px);
    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}

.sz-result-card:hover .sz-result-overlay {
    opacity: 1;
    transform: translateY(0);
}

.sz-result-overlay i {
    width: 52px;
    height: 52px;
    border: 1px solid rgba(255, 255, 255, 0.75);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}


.sz-result-content {
    padding: 25px 25px 27px;
}

.sz-result-content>span {
    display: block;
    margin-bottom: 9px;
    color: #c4a46a;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.sz-result-content h3 {
    /* min-height: 58px; */
    margin: 0;
    font-family: 'Cormorant Garamond', serif;
    color: #08163d;
    font-size: 27px;
    font-weight: 500;
    line-height: 1.05;
}

.sz-result-enquiry {
    margin-top: 20px;
    padding: 0 0 7px;
    border: 0;
    border-bottom: 1px solid #c4a46a;
    background: transparent;
    color: #08163d;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: 'Montserrat', sans-serif;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
}

.sz-result-enquiry i {
    transition: transform 0.3s ease;
}

.sz-result-enquiry:hover i {
    transform: translateX(5px);
}

.sz-no-results {
    display: none;
    padding: 60px 20px;
    color: #9ba2b1;
    font-size: 14px;
    text-align: center;
}

.sz-no-results.show {
    display: block;
}

.sz-product-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition:
        visibility 0.35s ease,
        opacity 0.35s ease;
}

.sz-product-modal.open {
    visibility: visible;
    opacity: 1;
}

.sz-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(4, 12, 35, 0.76);
    backdrop-filter: blur(5px);
}

.sz-modal-dialog {
    position: relative;
    z-index: 2;
    width: min(100%, 1050px);
    max-height: calc(100vh - 50px);
    overflow-y: auto;
    background: #fffdf8;
    box-shadow: 0 35px 90px rgba(0, 0, 0, 0.28);
    transform: translateY(30px) scale(0.97);
    transition: transform 0.4s ease;
}

.sz-product-modal.open .sz-modal-dialog {
    transform: translateY(0) scale(1);
}

.sz-modal-close {
    position: absolute;
    top: 17px;
    right: 17px;
    z-index: 5;
    width: 43px;
    height: 43px;
    border: 1px solid rgba(196, 164, 106, 0.5);
    border-radius: 50%;
    background: rgba(255, 253, 248, 0.95);
    color: #08163d;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s ease;
}

.sz-modal-close:hover {
    background: #08163d;
    border-color: #08163d;
    color: #ffffff;
    transform: rotate(90deg);
}

.sz-modal-content {
    display: flex;
    align-items: stretch;
}

.sz-modal-image {
    flex: 0 0 46%;
    min-height: 650px;
    background: #ebe3d5;
}

.sz-modal-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sz-modal-form-area {
    flex: 1;
    min-width: 0;
    padding: 65px 55px 50px;
}

.sz-modal-form-area h2 {
    margin: 12px 0 7px;
    font-family: 'Cormorant Garamond', serif;
    color: #08163d;
    font-size: 45px;
    font-weight: 500;
    line-height: 1;
}

.sz-modal-category {
    color: #c4a46a;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.sz-modal-description {
    margin: 20px 0 28px;
    color: #707b90;
    font-size: 13px;
    line-height: 1.8;
}

.sz-enquiry-form {
    display: flex;
    flex-direction: column;
    gap: 19px;
}

.sz-form-row {
    display: flex;
    gap: 17px;
}

.sz-form-row .sz-form-group {
    flex: 1;
    min-width: 0;
}

.sz-form-group {
    width: 100%;
}

.sz-form-group label {
    display: block;
    margin-bottom: 9px;
    color: #69748a;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.sz-form-group input,
.sz-form-group textarea {
    width: 100%;
    padding: 14px 15px;
    border: 1px solid #ddd3c0;
    border-radius: 0;
    outline: none;
    background: #ffffff;
    color: #08163d;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    transition: 0.3s ease;
}

.sz-form-group input {
    height: 49px;
}

.sz-form-group textarea {
    min-height: 105px;
    resize: vertical;
}

.sz-form-group input:focus,
.sz-form-group textarea:focus {
    border-color: #c4a46a;
    box-shadow: 0 0 0 4px rgba(196, 164, 106, 0.12);
}

.sz-modal-submit {
    min-height: 54px;
    padding: 0 25px;
    border: 1px solid #08163d;
    background: #08163d;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.35s ease;
}

.sz-modal-submit:hover {
    background: #c4a46a;
    border-color: #c4a46a;
    transform: translateY(-2px);
}

.sz-modal-submit i {
    transition: transform 0.3s ease;
}

.sz-modal-submit:hover i {
    transform: translateX(5px);
}

body.sz-modal-open {
    overflow: hidden;
}

/* ================= RESPONSIVE ================= */

@media (max-width: 991px) {

    .sz-result-card {
        flex-basis: calc(50% - 14px);
        width: calc(50% - 14px);
    }

    .sz-result-image {
        height: 330px;
    }

    .sz-modal-image {
        flex-basis: 42%;
    }

    .sz-modal-form-area {
        padding: 60px 35px 40px;
    }
}


@media (max-width: 767px) {

    .sz-results-section {
        padding: 85px 0 95px;
    }

    .sz-results-tabs {
        margin-bottom: 40px;
    }

    .sz-result-tab {
        flex: 1 1 calc(50% - 8px);
        padding: 0 15px;
    }

    .sz-modal-content {
        flex-direction: column;
    }

    .sz-modal-image {
        flex: 0 0 auto;
        width: 100%;
        min-height: 310px;
        height: 310px;
    }

    .sz-modal-form-area {
        width: 100%;
        padding: 38px 25px 30px;
    }

    .sz-modal-form-area h2 {
        font-size: 38px;
    }
}


@media (max-width: 600px) {

    .sz-results-header h2 {
        font-size: 48px;
    }

    .sz-results-divider {
        width: 220px;
    }

    .sz-results-wrapper {
        flex-direction: column;
        gap: 22px;
    }

    .sz-result-card {
        flex: 0 0 auto;
        width: 100%;
    }

    .sz-result-image {
        height: 350px;
    }

    .sz-result-content h3 {
        min-height: auto;
    }

    .sz-result-overlay {
        opacity: 1;
        justify-content: flex-end;
        padding-bottom: 30px;
        background: linear-gradient(180deg,
                transparent 45%,
                rgba(8, 22, 61, 0.75));
        transform: none;
    }

    .sz-result-overlay i {
        width: 44px;
        height: 44px;
    }

    .sz-product-modal {
        padding: 12px;
    }

    .sz-modal-dialog {
        max-height: calc(100vh - 24px);
    }

    .sz-form-row {
        flex-direction: column;
    }
}


@media (max-width: 420px) {

    .sz-result-tab {
        flex-basis: 100%;
    }

    .sz-result-image {
        height: 320px;
    }

    .sz-modal-image {
        height: 260px;
        min-height: 260px;
    }

    .sz-modal-form-area {
        padding: 35px 20px 25px;
    }
}

/* =========================================== Product Section =================================================== */



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

.sz-partner-cta {
    position: relative;
    padding: 70px 0 70px;
    background: #f8f5ee;
    overflow: hidden;
}

.sz-partner-cta::before,
.sz-partner-cta::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(196, 164, 106, 0.12);
    border-radius: 50%;
    pointer-events: none;
}

.sz-partner-cta::before {
    top: -190px;
    left: -160px;
    width: 360px;
    height: 360px;
}

.sz-partner-cta::after {
    right: -170px;
    bottom: -210px;
    width: 420px;
    height: 420px;
}

.sz-partner-cta-content {
    position: relative;
    z-index: 2;
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
}

.sz-partner-cta-content h2 {
    margin: 14px 0 22px;
    font-family: 'Cormorant Garamond', serif;
    color: #08163d;
    font-size: clamp(54px, 5.5vw, 76px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: -2px;
}

.sz-partner-cta-content h2 span {
    color: #c4a46a;
    font-style: italic;
    font-weight: 400;
}

.sz-partner-cta-content>p {
    max-width: 760px;
    margin: 0 auto;
    color: #707b90;
    font-size: 15px;
    line-height: 1.85;
}


/* Decorative divider */

.sz-partner-cta-divider {
    position: relative;
    width: 280px;
    height: 1px;
    margin: 34px auto 0;
    background: linear-gradient(to right,
            transparent,
            #dfca99,
            #dfca99,
            transparent);
}

.sz-partner-cta-divider span {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0 15px;
    background: #f8f5ee;
    color: #c4a46a;
    font-size: 12px;
    transform: translate(-50%, -50%);
}


/* CTA buttons */

.sz-partner-cta-actions {
    margin-top: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
}

.sz-partner-primary-btn,
.sz-partner-outline-btn {
    min-height: 55px;
    padding: 0 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2.3px;
    text-transform: uppercase;
    transition:
        background 0.35s ease,
        border-color 0.35s ease,
        color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;
}


/* Gold button */

.sz-partner-primary-btn {
    min-width: 260px;
    border: 1px solid #bd9a57;
    background: #bd9a57;
    color: #ffffff;
}

.sz-partner-primary-btn:hover {
    background: #08163d;
    border-color: #08163d;
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 14px 35px rgba(8, 22, 61, 0.18);
}


/* Outline button */

.sz-partner-outline-btn {
    min-width: 220px;
    border: 1px solid #cfc8bc;
    background: transparent;
    color: #08163d;
}

.sz-partner-outline-btn:hover {
    background: #08163d;
    border-color: #08163d;
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 14px 35px rgba(8, 22, 61, 0.16);
}

.sz-partner-primary-btn i,
.sz-partner-outline-btn i {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.sz-partner-primary-btn:hover .fa-arrow-right {
    transform: translateX(5px);
}

.sz-partner-outline-btn:hover .fa-phone {
    transform: rotate(-12deg);
}


/* ================= RESPONSIVE ================= */

@media (max-width: 767px) {

    .sz-partner-cta {
        padding: 90px 0 95px;
    }

    .sz-partner-cta-content h2 {
        font-size: 52px;
        letter-spacing: -1px;
    }

    .sz-partner-cta-content>p {
        font-size: 14px;
    }

    .sz-partner-cta-actions {
        margin-top: 36px;
    }
}


@media (max-width: 550px) {

    .sz-partner-cta {
        padding: 75px 0 80px;
    }

    .sz-partner-cta-content h2 {
        font-size: 46px;
    }

    .sz-partner-cta-divider {
        width: 220px;
    }

    .sz-partner-cta-actions {
        flex-direction: column;
        align-items: stretch;
        gap: 13px;
    }

    .sz-partner-primary-btn,
    .sz-partner-outline-btn {
        width: 100%;
        min-width: 0;
        padding: 0 20px;
    }
}

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



/* =========================================== privacy policy and terms  =================================================== */


.sz-legal-hero {
    padding: 29px 0 30px;
    background: #f8f5ee;
    border-bottom: 1px solid #e8dec9;
}

.sz-legal-hero-content {
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
}

.sz-legal-small-title {
    display: inline-block;
    color: #c4a46a;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 6px;
    text-transform: uppercase;
}

.sz-legal-hero h1 {
    margin: 17px 0 20px;
    color: #08163d;
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(58px, 6vw, 82px);
    font-weight: 500;
    letter-spacing: -3px;
    line-height: 0.95;
}

.sz-legal-hero h1 span {
    color: #c4a46a;
    font-style: italic;
    font-weight: 400;
}

.sz-legal-hero p {
    max-width: 680px;
    margin: 0 auto;
    color: #727d91;
    font-size: 14px;
    line-height: 1.8;
}

.sz-legal-divider {
    position: relative;
    width: 280px;
    height: 1px;
    margin: 30px auto 22px;
    background: linear-gradient(to right,
            transparent,
            #ddc797,
            transparent);
}

.sz-legal-divider span {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0 15px;
    background: #f8f5ee;
    color: #c4a46a;
    transform: translate(-50%, -50%);
}

.sz-legal-hero small {
    color: #9aa1af;
    font-size: 10px;
    letter-spacing: 1px;
}


/* ================= CONTENT AREA ================= */

.sz-legal-section {
    padding: 90px 0 110px;
    background: #fffdf8;
}

.sz-legal-layout {
    display: flex;
    align-items: flex-start;
    gap: 75px;
}


/* Sidebar */

.sz-legal-sidebar {
    position: sticky;
    top: 120px;
    flex: 0 0 245px;
    width: 245px;
    padding: 27px;
    border: 1px solid #e8dec9;
    background: #f8f5ee;
}

.sz-legal-sidebar>span {
    display: block;
    margin-bottom: 20px;
    color: #c4a46a;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.sz-legal-sidebar nav {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.sz-legal-sidebar a {
    position: relative;
    padding: 12px 0;
    border-bottom: 1px solid #e8dec9;
    color: #7a8497;
    font-size: 11px;
    line-height: 1.5;
    transition:
        color 0.3s ease,
        padding-left 0.3s ease;
}

.sz-legal-sidebar a:last-child {
    border-bottom: 0;
}

.sz-legal-sidebar a:hover,
.sz-legal-sidebar a.active {
    padding-left: 10px;
    color: #08163d;
}


/* Legal content */

.sz-legal-content {
    flex: 1;
    min-width: 0;
    max-width: 820px;
}

.sz-legal-content article {
    position: relative;
    padding: 0 0 50px 75px;
    margin-bottom: 50px;
    border-bottom: 1px solid #e8dec9;
    scroll-margin-top: 130px;
}

.sz-legal-content article:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.sz-legal-number {
    position: absolute;
    top: 2px;
    left: 0;
    color: rgba(196, 164, 106, 0.35);
    font-family: 'Cormorant Garamond', serif;
    font-size: 48px;
    font-weight: 500;
    line-height: 1;
}

.sz-legal-content h2 {
    margin: 0 0 20px;
    color: #08163d;
    font-family: 'Cormorant Garamond', serif;
    font-size: 38px;
    font-weight: 500;
    line-height: 1.1;
}

.sz-legal-content p {
    margin-bottom: 17px;
    color: #707b90;
    font-size: 13px;
    line-height: 1.9;
}

.sz-legal-content p:last-child {
    margin-bottom: 0;
}

.sz-legal-content ul {
    margin: 20px 0;
    padding: 0;
    list-style: none;
}

.sz-legal-content li {
    position: relative;
    margin-bottom: 13px;
    padding-left: 25px;
    color: #707b90;
    font-size: 13px;
    line-height: 1.7;
}

.sz-legal-content li::before {
    content: "✦";
    position: absolute;
    top: 1px;
    left: 0;
    color: #c4a46a;
    font-size: 9px;
}

.sz-legal-note {
    margin-top: 24px;
    padding: 20px 22px;
    border-left: 3px solid #c4a46a;
    background: #f8f5ee;
    color: #657086;
    font-size: 12px;
    line-height: 1.8;
}


/* Contact box */

.sz-legal-contact-box {
    margin-top: 25px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 14px;
}

.sz-legal-contact-box>a,
.sz-legal-contact-box>div {
    flex: 1 1 210px;
    min-height: 85px;
    padding: 17px;
    border: 1px solid #e8dec9;
    color: #08163d;
    display: flex;
    align-items: center;
    gap: 14px;
}

.sz-legal-contact-box i {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f8f5ee;
    color: #c4a46a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sz-legal-contact-box span {
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: #08163d;
    font-size: 11px;
    line-height: 1.5;
}

.sz-legal-contact-box small {
    color: #c4a46a;
    font-size: 8px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}


/* ================= RESPONSIVE ================= */

@media (max-width: 991px) {

    .sz-legal-layout {
        gap: 45px;
    }

    .sz-legal-sidebar {
        flex-basis: 210px;
        width: 210px;
        padding: 22px;
    }

    .sz-legal-content article {
        padding-left: 65px;
    }
}

@media (max-width: 767px) {

    .sz-legal-hero {
        padding: 65px 0 60px;
    }

    .sz-legal-section {
        padding: 65px 0 85px;
    }

    .sz-legal-layout {
        flex-direction: column;
        gap: 45px;
    }

    .sz-legal-sidebar {
        position: static;
        flex: 0 0 auto;
        width: 100%;
    }

    .sz-legal-sidebar nav {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 9px;
    }

    .sz-legal-sidebar a {
        padding: 9px 12px;
        border: 1px solid #e8dec9;
    }

    .sz-legal-sidebar a:hover,
    .sz-legal-sidebar a.active {
        padding-left: 12px;
        border-color: #c4a46a;
    }

    .sz-legal-content {
        max-width: 100%;
    }
}

@media (max-width: 550px) {

    .sz-legal-hero h1 {
        font-size: 52px;
        letter-spacing: -2px;
    }

    .sz-legal-divider {
        width: 220px;
    }

    .sz-legal-content article {
        padding: 0 0 40px;
        margin-bottom: 40px;
    }

    .sz-legal-number {
        position: static;
        display: block;
        margin-bottom: 8px;
        font-size: 38px;
    }

    .sz-legal-content h2 {
        font-size: 32px;
    }

    .sz-legal-contact-box {
        flex-direction: column;
    }

    .sz-legal-contact-box>a,
    .sz-legal-contact-box>div {
        flex: 0 0 auto;
        width: 100%;
    }
}

/* =========================================== privacy policy and terms  =================================================== */




/* =========================================== Collection page   =================================================== */
.sz-collection-section {
    padding: 35px 0 120px;
    background: #f8f5ee;
}

.sz-collection-header {
    max-width: 850px;
    margin: 0 auto 60px;
    text-align: center;
}

.sz-collection-small-title {
    display: inline-block;
    color: #c4a46a;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 6px;
    text-transform: uppercase;
}

.sz-collection-header h1 {
    margin: 17px 0 20px;
    color: #08163d;
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(58px, 6vw, 82px);
    font-weight: 500;
    line-height: 0.95;
    letter-spacing: -3px;
}

.sz-collection-header h1 span {
    color: #c4a46a;
    font-style: italic;
    font-weight: 400;
}

.sz-collection-header p {
    max-width: 660px;
    margin: 0 auto;
    color: #7b8496;
    font-size: 14px;
    line-height: 1.8;
}

.sz-collection-divider {
    position: relative;
    width: 300px;
    height: 1px;
    margin: 30px auto 0;
    background: linear-gradient(to right,
            transparent,
            #dfca99,
            #dfca99,
            transparent);
}

.sz-collection-divider span {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0 16px;
    background: #f8f5ee;
    color: #c4a46a;
    transform: translate(-50%, -50%);
}


/* ================= MAIN CATEGORY ================= */

.sz-main-category-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
}

.sz-main-category-btn {
    min-height: 46px;
    padding: 0 25px;
    border: 1px solid #ddd4c3;
    background: transparent;
    color: #657086;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2.3px;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s ease;
}

.sz-main-category-btn:hover,
.sz-main-category-btn.active {
    border-color: #08163d;
    background: #08163d;
    color: #ffffff;
}


/* ================= MATERIAL TABS ================= */

.sz-material-tabs {
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 30px;
}

.sz-material-btn {
    position: relative;
    min-height: 42px;
    padding: 0 2px;
    border: 0;
    background: transparent;
    color: #a1a7b3;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: color 0.3s ease;
}

.sz-material-btn::after {
    content: "";
    position: absolute;
    right: 50%;
    bottom: 0;
    left: 50%;
    height: 1px;
    background: #c4a46a;
    transition:
        right 0.3s ease,
        left 0.3s ease;
}

.sz-material-btn:hover,
.sz-material-btn.active {
    color: #c4a46a;
}

.sz-material-btn:hover::after,
.sz-material-btn.active::after {
    right: 0;
    left: 0;
}


/* ================= TOP BAR ================= */

.sz-products-topbar {
    margin: 40px 0 28px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e8dec9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.sz-products-topbar p {
    color: #8a92a2;
    font-size: 12px;
}

.sz-products-topbar strong {
    color: #08163d;
}

.sz-products-topbar select {
    min-width: 190px;
    height: 44px;
    padding: 0 38px 0 14px;
    border: 1px solid #ddd4c3;
    border-radius: 0;
    outline: none;
    background: #fffdf8;
    color: #08163d;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    letter-spacing: 1px;
    cursor: pointer;
}


/* ================= PRODUCTS ================= */

.sz-products-wrapper {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 30px;
}

.sz-product-card {
    flex: 0 1 calc(33.333% - 20px);
    width: calc(33.333% - 20px);
    min-width: 0;
    background: #fffdf8;
    border: 1px solid #e8dec9;
    overflow: hidden;
    transition:
        transform 0.4s ease,
        border-color 0.4s ease,
        box-shadow 0.4s ease;
}

.sz-product-card:hover {
    border-color: rgba(196, 164, 106, 0.6);
    box-shadow: 0 22px 55px rgba(8, 22, 61, 0.09);
    transform: translateY(-7px);
}

.sz-product-card.sz-product-hidden {
    display: none;
}


/* Product image */

.sz-product-image {
    position: relative;
    width: 100%;
    height: 360px;
    overflow: hidden;
    display: block;
    background: #ece5d8;
}

.sz-product-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition:
        transform 0.7s ease,
        filter 0.5s ease;
}

.sz-product-card:hover .sz-product-image img {
    transform: scale(1.07);
    filter: brightness(0.72);
}

.sz-product-badge {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 2;
    padding: 8px 12px;
    background: #c4a46a;
    color: #ffffff;
    font-size: 8px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.sz-product-hover-action {
    position: absolute;
    right: 20px;
    bottom: 20px;
    left: 20px;
    min-height: 48px;
    padding: 0 18px;
    background: rgba(255, 253, 248, 0.95);
    color: #08163d;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    opacity: 0;
    transform: translateY(20px);
    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}

.sz-product-card:hover .sz-product-hover-action {
    opacity: 1;
    transform: translateY(0);
}


/* Product content */

.sz-product-content {
    padding: 25px;
}

.sz-product-category {
    display: block;
    margin-bottom: 5px;
    color: #c4a46a;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2.3px;
    text-transform: uppercase;
}

.sz-product-content h3 {
    /* min-height: 58px; */
    margin: 0 0 12px;
    font-family: 'Cormorant Garamond', serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.05;
}

.sz-product-content h3 a {
    color: #08163d;
    transition: color 0.3s ease;
}

.sz-product-content h3 a:hover {
    color: #c4a46a;
}

.sz-product-content>p {
    /* min-height: 70px; */
    color: #7a8497;
    font-size: 12px;
    line-height: 1.75;
}

.sz-product-footer {
    margin-top: 15px;
    padding-top: 18px;
    border-top: 1px solid #eee6d7;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.sz-product-footer strong {
    color: #08163d;
    font-size: 16px;
    font-weight: 600;
}

.sz-product-footer a {
    width: 39px;
    height: 39px;
    border: 1px solid rgba(196, 164, 106, 0.55);
    border-radius: 50%;
    color: #08163d;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    transition: 0.3s ease;
}

.sz-product-footer a:hover {
    border-color: #08163d;
    background: #08163d;
    color: #ffffff;
}


/* ================= NO PRODUCTS ================= */

.sz-no-products {
    display: none;
    padding: 80px 20px 20px;
    text-align: center;
}

.sz-no-products.show {
    display: block;
}

.sz-no-products>i {
    color: #c4a46a;
    font-size: 36px;
}

.sz-no-products h3 {
    margin: 18px 0 8px;
    color: #9aa1af;
    font-family: 'Cormorant Garamond', serif;
    font-size: 32px;
    font-style: italic;
    font-weight: 400;
}

.sz-no-products p {
    color: #a2a9b5;
    font-size: 12px;
}

.sz-no-products button {
    min-height: 45px;
    margin-top: 22px;
    padding: 0 23px;
    border: 1px solid #08163d;
    background: transparent;
    color: #08163d;
    font-family: 'Montserrat', sans-serif;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s ease;
}

.sz-no-products button:hover {
    background: #08163d;
    color: #ffffff;
}


/* ================= RESPONSIVE ================= */

@media (max-width: 991px) {

    .sz-product-card {
        flex-basis: calc(50% - 15px);
        width: calc(50% - 15px);
    }

    .sz-product-image {
        height: 340px;
    }
}


@media (max-width: 767px) {

    .sz-collection-section {
        padding: 70px 0 90px;
    }

    .sz-collection-header {
        margin-bottom: 45px;
    }

    .sz-main-category-tabs {
        gap: 10px;
    }

    .sz-main-category-btn {
        flex: 1 1 calc(50% - 10px);
        padding: 0 14px;
    }

    .sz-material-tabs {
        gap: 6px 20px;
    }

    .sz-products-topbar {
        margin-top: 45px;
    }
}


@media (max-width: 600px) {

    .sz-collection-header h1 {
        font-size: 52px;
        letter-spacing: -2px;
    }

    .sz-collection-divider {
        width: 230px;
    }

    .sz-products-topbar {
        flex-direction: column;
        align-items: flex-start;
    }

    .sz-products-topbar select {
        width: 100%;
    }

    .sz-products-wrapper {
        flex-direction: column;
        gap: 22px;
    }

    .sz-product-card {
        flex: 0 0 auto;
        width: 100%;
    }

    .sz-product-image {
        height: 370px;
    }

    .sz-product-content h3,
    .sz-product-content>p {
        min-height: auto;
    }

    .sz-product-hover-action {
        opacity: 1;
        transform: translateY(0);
    }
}


@media (max-width: 420px) {

    .sz-main-category-btn {
        flex-basis: 100%;
    }

    .sz-material-tabs {
        justify-content: flex-start;
    }

    .sz-product-image {
        height: 330px;
    }

    /* ================= PRODUCT MODAL CAPTION ================= */

    .sz-product-modal-caption {
        min-height: 125px;
        padding: 22px 28px;
        background: #fffdf8;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 30px;
    }

    .sz-product-modal-info {
        flex: 1;
        min-width: 0;
    }

    .sz-product-modal-info>span {
        display: block;
        margin-bottom: 7px;
        color: #c4a46a;
        font-size: 9px;
        font-weight: 600;
        letter-spacing: 2.5px;
        text-transform: uppercase;
    }

    .sz-product-modal-info h3 {
        margin: 0;
        color: #08163d;
        font-family: 'Cormorant Garamond', serif;
        font-size: 31px;
        font-weight: 500;
        line-height: 1.1;
    }

    .sz-product-modal-info p {
        max-width: 650px;
        margin: 8px 0 0;
        color: #7a8497;
        font-size: 12px;
        line-height: 1.7;
    }

    .sz-product-modal-price {
        flex: 0 0 auto;
        color: #08163d;
        font-size: 19px;
        font-weight: 600;
    }

    @media (max-width: 600px) {

        .sz-product-modal-caption {
            padding: 18px;
            align-items: flex-start;
            flex-direction: column;
            gap: 12px;
        }

        .sz-product-modal-info h3 {
            font-size: 26px;
        }

        .sz-product-modal-price {
            font-size: 17px;
        }
    }

    /* ================= PRODUCT MODAL TRIGGERS ================= */

    .sz-product-image {
        width: 100%;
        padding: 0;
        border: 0;
        font-family: inherit;
        text-align: left;
        cursor: zoom-in;
    }

    .sz-product-title-btn {
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        color: #08163d;
        font-family: 'Cormorant Garamond', serif;
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
        text-align: left;
        cursor: pointer;
        transition: color 0.3s ease;
    }

    .sz-product-title-btn:hover {
        color: #c4a46a;
    }

    .sz-product-open-btn {
        flex: 0 0 39px;
        width: 39px;
        height: 39px;
        padding: 0;
        border: 1px solid rgba(196, 164, 106, 0.55);
        border-radius: 50%;
        background: transparent;
        color: #08163d;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        cursor: pointer;
        transition: 0.3s ease;
    }

    .sz-product-open-btn:hover {
        border-color: #08163d;
        background: #08163d;
        color: #ffffff;
    }
}



.sz-product-image {
    width: 100%;
    padding: 0;
    border: 0;
    font-family: inherit;
    text-align: left;
    cursor: zoom-in;
}

.sz-product-title-btn {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #08163d;
    font-family: 'Cormorant Garamond', serif;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-align: left;
    cursor: pointer;
    transition: color 0.3s ease;
}

.sz-product-title-btn:hover {
    color: #c4a46a;
}

.sz-product-open-btn {
    flex: 0 0 39px;
    width: 39px;
    height: 39px;
    padding: 0;
    border: 1px solid rgba(196, 164, 106, 0.55);
    border-radius: 50%;
    background: transparent;
    color: #08163d;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    cursor: pointer;
    transition: 0.3s ease;
}

.sz-product-open-btn:hover {
    border-color: #08163d;
    background: #08163d;
    color: #ffffff;
}




.sz-image-modal-loader.hide {
    display: none;
}

@keyframes szProductImageSpin {
    to {
        transform: rotate(360deg);
    }
}


.sz-product-modal-caption {
    min-height: 125px;
    padding: 22px 28px;
    background: #fffdf8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.sz-product-modal-info {
    flex: 1;
    min-width: 0;
}

.sz-product-modal-info>span {
    display: block;
    margin-bottom: 7px;
    color: #c4a46a;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.sz-product-modal-info h3 {
    margin: 0;
    color: #08163d;
    font-family: 'Cormorant Garamond', serif;
    font-size: 31px;
    font-weight: 500;
    line-height: 1.1;
}

.sz-product-modal-info p {
    max-width: 650px;
    margin: 8px 0 0;
    color: #7a8497;
    font-size: 12px;
    line-height: 1.7;
}

.sz-product-modal-price {
    flex: 0 0 auto;
    color: #08163d;
    font-size: 19px;
    font-weight: 600;
}

body.sz-image-modal-open {
    overflow: hidden;
}


/* ================= MODAL RESPONSIVE ================= */

/* @media (max-width: 767px) {

            .sz-image-modal {
                padding: 14px;
            }

            .sz-image-modal-dialog {
                max-height: calc(100vh - 28px);
                overflow-y: auto;
            }

            .sz-image-modal-view {
                height: 58vh;
                min-height: 320px;
            }
        }

        @media (max-width: 600px) {

            .sz-product-modal-caption {
                padding: 18px;
                align-items: flex-start;
                flex-direction: column;
                gap: 12px;
            }

            .sz-product-modal-info h3 {
                font-size: 26px;
            }

            .sz-product-modal-price {
                font-size: 17px;
            }

            .sz-image-modal-close {
                top: 11px;
                right: 11px;
                width: 42px;
                height: 42px;
            }
        } */

@media (max-width: 420px) {

    .sz-main-category-btn {
        flex-basis: 100%;
    }

    .sz-material-tabs {
        justify-content: flex-start;
    }

    .sz-product-image {
        height: 330px;
    }
}

.sz-enquiry-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition:
        opacity 0.35s ease,
        visibility 0.35s ease;
}

.sz-enquiry-modal.open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.sz-enquiry-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(3, 10, 30, 0.86);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
}

.sz-enquiry-modal-dialog {
    position: relative;
    z-index: 2;
    width: min(100%, 1080px);
    max-height: calc(100vh - 50px);
    overflow-x: hidden;
    overflow-y: auto;
    background: #fffdf8;
    border: 1px solid rgba(196, 164, 106, 0.35);
    box-shadow: 0 35px 100px rgba(0, 0, 0, 0.42);
    transform: translateY(30px) scale(0.97);
    transition: transform 0.4s ease;
}

.sz-enquiry-modal.open .sz-enquiry-modal-dialog {
    transform: translateY(0) scale(1);
}

.sz-enquiry-modal-close {
    position: absolute;
    top: 17px;
    right: 17px;
    z-index: 10;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.65);
    border-radius: 50%;
    background: rgba(8, 22, 61, 0.82);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    cursor: pointer;
    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease;
}

.sz-enquiry-modal-close:hover {
    background: #c4a46a;
    border-color: #c4a46a;
    transform: rotate(90deg);
}

.sz-enquiry-modal-content {
    min-height: 650px;
    display: flex;
    align-items: stretch;
}

.sz-enquiry-product-image {
    position: relative;
    flex: 0 0 46%;
    min-width: 0;
    min-height: 650px;
    overflow: hidden;
    background: #0b1532;
}

.sz-enquiry-product-image>img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    opacity: 0;
    transform: scale(1.03);
    transition:
        opacity 0.4s ease,
        transform 0.6s ease;
}

.sz-enquiry-product-image>img.loaded {
    opacity: 1;
    transform: scale(1);
}


/* Image loader */

.sz-enquiry-image-loader {
    position: absolute;
    inset: 0;
    z-index: 1;
    color: #c4a46a;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 27px;
}

.sz-enquiry-image-loader i {
    animation: szEnquiryLoaderSpin 0.9s linear infinite;
}

.sz-enquiry-image-loader.hide {
    display: none;
}

@keyframes szEnquiryLoaderSpin {
    to {
        transform: rotate(360deg);
    }
}


/* Image bottom content */

.sz-enquiry-image-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
    padding: 65px 30px 30px;
    background: linear-gradient(to top,
            rgba(4, 12, 35, 0.95),
            rgba(4, 12, 35, 0));
}

.sz-enquiry-image-caption span {
    display: block;
    margin-bottom: 8px;
    color: #d9bc80;
    font-family: 'Montserrat', sans-serif;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.sz-enquiry-image-caption h3 {
    margin: 0 0 10px;
    color: #ffffff;
    font-family: 'Cormorant Garamond', serif;
    font-size: 34px;
    font-weight: 500;
    line-height: 1.05;
}

.sz-enquiry-image-caption strong {
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    font-weight: 600;
}


.sz-enquiry-form-area {
    flex: 1;
    min-width: 0;
    padding: 58px 52px 45px;
}

.sz-enquiry-small-title {
    display: block;
    color: #c4a46a;
    font-family: 'Montserrat', sans-serif;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.sz-enquiry-form-area>h2 {
    margin: 13px 0 7px;
    color: #08163d;
    font-family: 'Cormorant Garamond', serif;
    font-size: 43px;
    font-weight: 500;
    line-height: 1;
}

.sz-enquiry-product-category {
    color: #c4a46a;
    font-family: 'Montserrat', sans-serif;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}

.sz-enquiry-description {
    margin: 18px 0 25px;
    color: #707b90;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    line-height: 1.75;
}


/* Form */

.sz-product-enquiry-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.sz-enquiry-form-row {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.sz-enquiry-form-row .sz-enquiry-form-group {
    flex: 1;
    min-width: 0;
}

.sz-enquiry-form-group {
    width: 100%;
}

.sz-enquiry-form-group label {
    display: block;
    margin-bottom: 9px;
    color: #687389;
    font-family: 'Montserrat', sans-serif;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.sz-enquiry-form-group input,
.sz-enquiry-form-group textarea {
    width: 100%;
    border: 1px solid #ddd3c0;
    border-radius: 0;
    outline: none;
    background: #ffffff;
    color: #08163d;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.sz-enquiry-form-group input {
    height: 49px;
    padding: 0 15px;
}

.sz-enquiry-form-group textarea {
    min-height: 105px;
    padding: 14px 15px;
    resize: vertical;
}

.sz-enquiry-form-group input::placeholder,
.sz-enquiry-form-group textarea::placeholder {
    color: #a1a7b3;
}

.sz-enquiry-form-group input:focus,
.sz-enquiry-form-group textarea:focus {
    border-color: #c4a46a;
    box-shadow: 0 0 0 4px rgba(196, 164, 106, 0.12);
}


/* Submit button */

.sz-enquiry-submit-btn {
    min-height: 54px;
    padding: 0 25px;
    border: 1px solid #08163d;
    background: #08163d;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    transition:
        background 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.sz-enquiry-submit-btn:hover {
    background: #c4a46a;
    border-color: #c4a46a;
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(8, 22, 61, 0.15);
}

.sz-enquiry-submit-btn i {
    transition: transform 0.3s ease;
}

.sz-enquiry-submit-btn:hover i {
    transform: translateX(5px);
}

body.sz-enquiry-modal-open {
    overflow: hidden;
}


@media (max-width: 900px) {

    .sz-enquiry-modal-dialog {
        width: min(100%, 850px);
    }

    .sz-enquiry-product-image {
        flex-basis: 40%;
    }

    .sz-enquiry-form-area {
        padding: 55px 32px 40px;
    }

    .sz-enquiry-form-area>h2 {
        font-size: 38px;
    }
}


@media (max-width: 767px) {

    .sz-enquiry-modal {
        padding: 14px;
    }

    .sz-enquiry-modal-dialog {
        max-height: calc(100vh - 28px);
    }

    .sz-enquiry-modal-content {
        min-height: 0;
        flex-direction: column;
    }

    .sz-enquiry-product-image {
        flex: 0 0 auto;
        width: 100%;
        min-height: 310px;
        height: 310px;
    }

    .sz-enquiry-form-area {
        width: 100%;
        padding: 35px 25px 30px;
    }

    .sz-enquiry-form-area>h2 {
        font-size: 35px;
    }

    .sz-enquiry-image-caption {
        padding: 55px 22px 22px;
    }

    .sz-enquiry-image-caption h3 {
        font-size: 28px;
    }
}


@media (max-width: 550px) {

    .sz-enquiry-modal {
        padding: 8px;
    }

    .sz-enquiry-modal-dialog {
        max-height: calc(100vh - 16px);
    }

    .sz-enquiry-product-image {
        min-height: 260px;
        height: 260px;
    }

    .sz-enquiry-form-row {
        flex-direction: column;
        gap: 18px;
    }

    .sz-enquiry-modal-close {
        top: 11px;
        right: 11px;
        width: 40px;
        height: 40px;
    }

    .sz-enquiry-form-area {
        padding: 30px 20px 25px;
    }

    .sz-enquiry-form-area>h2 {
        font-size: 31px;
    }
}

/* =========================================
   HERO WEARING SELECTOR
========================================= */

.sz-wearing-section {
    margin-top: 42px;
}

.sz-wearing-title {
    display: block;
    margin-bottom: 14px;

    color: rgba(255, 255, 255, 0.65);

    font-family: 'Montserrat', sans-serif;
    font-size: 9px;
    font-weight: 600;

    letter-spacing: 4px;
    text-transform: uppercase;
}

.sz-wearing-options {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sz-wearing-btn {
    min-width: 95px;
    height: 42px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 20px;

    border: 1px solid rgba(255, 255, 255, 0.22);

    color: rgba(255, 255, 255, 0.75);
    background: rgba(10, 20, 45, 0.12);

    font-family: 'Montserrat', sans-serif;
    font-size: 9px;
    font-weight: 600;

    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;

    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.sz-wearing-btn:hover {
    background: #c4a46a;
    border-color: #c4a46a;

    color: #ffffff;

    transform: translateY(-2px);
}


/* MOBILE */

@media (max-width: 600px) {

    .sz-wearing-section {
        margin-top: 30px;
    }

    .sz-wearing-options {
        gap: 8px;
        flex-wrap: wrap;
    }

    .sz-wearing-btn {
        flex: 1;
        min-width: 0;

        padding: 0 12px;
        font-size: 8px;
    }

}

.sz-enquiry-page {
    min-height: 100vh;
    padding: 120px 0 100px;
    background: #f8f5ee;
}


/* BACK BUTTON */

.sz-enquiry-page-back {
    margin-bottom: 35px;
}

.sz-enquiry-page-back a {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    color: #08163d;

    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 600;

    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
}

.sz-enquiry-page-back a:hover {
    color: #c4a46a;
}


/* SAME MODAL CONTENT AS FULL PAGE */

.sz-enquiry-page .sz-enquiry-modal-content {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr) minmax(420px, 1fr);

    min-height: 650px;

    background: #ffffff;

    border:
        1px solid rgba(196, 164, 106, 0.25);

    box-shadow:
        0 20px 60px rgba(8, 22, 61, 0.08);
}


/* PRODUCT IMAGE */

.sz-enquiry-page .sz-enquiry-product-image {
    position: relative;

    min-height: 650px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #eef0f4;

    overflow: hidden;
}


.sz-enquiry-page .sz-enquiry-product-image>img {
    width: 100%;
    height: 100%;

    max-width: 550px;
    max-height: 600px;

    object-fit: contain;

    padding: 50px;
}


/* FORM AREA */

.sz-enquiry-page .sz-enquiry-form-area {
    padding: 70px 60px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}


/* MOBILE */

@media (max-width: 900px) {

    .sz-enquiry-page .sz-enquiry-modal-content {
        grid-template-columns: 1fr;
    }

    .sz-enquiry-page .sz-enquiry-product-image {
        min-height: 450px;
    }

}


@media (max-width: 600px) {

    .sz-enquiry-page {
        padding: 95px 0 60px;
    }

    .sz-enquiry-page .sz-enquiry-form-area {
        padding: 40px 25px;
    }

    .sz-enquiry-page .sz-enquiry-product-image {
        min-height: 380px;
    }

    .sz-enquiry-page .sz-enquiry-product-image>img {
        padding: 30px;
    }

}

/* =========================================== Collection page   =================================================== */


/* ======================================================   finder page ======================================= */
:root {
    --sz-bg: #f8f5ee;
    --sz-card: #fbf8f2;
    --sz-navy: #08163d;
    --sz-gold: #c4a46a;
    --sz-border: #dfd5c4;
    --sz-muted: #8e96a8;
    --sz-soft: #f2eadc;
    --sz-white: #fff;
}

* {
    box-sizing: border-box
}

body {
    margin: 0;
    background: var(--sz-bg);
    color: var(--sz-navy);
    font-family: "Montserrat", Arial, sans-serif;
}

button,
a {
    font: inherit
}

.sz-finder-section {
    padding: 70px 20px 90px;
    min-height: 100vh;
}

.sz-container {
    width: min(1120px, 100%);
    margin: 0 auto;
}

.sz-finder-header {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 32px;
}

.sz-finder-small-title,
.sz-step-label,
.sz-result-kicker,
.sz-match-label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    text-transform: uppercase;
    letter-spacing: .18em;
    font-size: 11px;
    font-weight: 700;
    color: var(--sz-gold);
}

.sz-finder-header h1,
.sz-finder-step-heading h2,
.sz-finder-result-heading h2,
.sz-result-group-heading h3,
.sz-sub-step-heading h3,
.sz-finder-product-card h3 {
    font-family: "Cormorant Garamond", Georgia, serif;
    font-weight: 500;
    color: var(--sz-navy);
}

.sz-finder-header h1 {
    font-size: 52px;
    line-height: 1;
    margin: 12px 0;
}

.sz-finder-header h1 span,
.sz-finder-result-heading h2 span {
    color: var(--sz-gold);
    font-style: italic;
}

.sz-finder-header p,
.sz-finder-step-heading p,
.sz-finder-result-heading p,
.sz-result-group-heading p {
    color: var(--sz-muted);
    line-height: 1.7;
}

.sz-finder-progress {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 22px 0 38px;
}

.sz-progress-line {
    width: 42px;
    height: 3px;
    background: #e7e1d8;
    transition: .25s;
}

.sz-progress-line.active {
    background: var(--sz-gold)
}

.sz-finder-step {
    display: none
}

.sz-finder-step.active {
    display: block
}

.sz-finder-step-heading,
.sz-finder-result-heading {
    text-align: center;
    margin-bottom: 34px;
}

.sz-finder-step-heading h2,
.sz-finder-result-heading h2 {
    font-size: 42px;
    margin: 10px 0 8px;
}

.sz-material-options,
.sz-goal-options,
.sz-sub-choice-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.sz-finder-option {
    position: relative;
    min-height: 190px;
    border: 1px solid var(--sz-border);
    background: rgba(255, 255, 255, .15);
    color: var(--sz-navy);
    text-align: left;
    padding: 28px;
    cursor: pointer;
    transition: .22s ease;
}

.sz-finder-option:hover:not(:disabled),
.sz-finder-option.selected {
    transform: translateY(-2px);
    border-color: var(--sz-gold);
    box-shadow: 0 16px 40px rgba(8, 22, 61, .07);
    background: rgba(255, 255, 255, .55);
}

.sz-finder-option.selected .sz-option-icon {
    background: var(--sz-gold);
    color: white;
    border-color: var(--sz-gold);
}

.sz-finder-option:disabled {
    opacity: .52;
    cursor: not-allowed;
    background: #f3efe7;
}

.sz-option-icon {
    width: 54px;
    height: 54px;
    border: 1px solid #e7cfa3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--sz-gold);
    margin-bottom: 22px;
    transition: .22s;
}

.sz-finder-option strong {
    display: block;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 27px;
    font-weight: 500;
    margin-bottom: 8px;
}

.sz-finder-option small {
    color: var(--sz-muted);
    line-height: 1.55;
}

.sz-option-status {
    display: block;
    margin-top: 12px;
    color: #9a7b45;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sz-sub-panel {
    margin-top: 28px;
    border: 1px solid var(--sz-border);
    background: rgba(255, 255, 255, .35);
    padding: 30px;
}

.sz-sub-step-heading {
    text-align: center;
    margin-bottom: 22px;
}

.sz-sub-step-heading h3 {
    font-size: 32px;
    margin: 8px 0 7px;
}

.sz-sub-step-heading p {
    color: var(--sz-muted);
    margin: 0
}

.sz-sub-choice-grid {
    grid-template-columns: repeat(2, 1fr);
    max-width: 760px;
    margin: 0 auto;
}

.sz-sub-choice-grid .sz-finder-option {
    min-height: 145px;
}

.sz-goal-option {
    text-align: center;
    min-height: 210px;
}

.sz-goal-option .sz-option-icon {
    margin: 0 auto 20px;
}

.sz-goal-option strong {
    font-size: 28px
}

.sz-goal-unavailable {
    position: absolute;
    top: 14px;
    right: 14px;
    font-size: 10px;
    padding: 5px 8px;
    border: 1px solid #d8c8af;
    color: #967a4c;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.sz-finder-back,
.sz-finder-reset {
    border: 0;
    background: none;
    color: var(--sz-muted);
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: 11px;
    cursor: pointer;
    padding: 10px 0;
}

.sz-finder-back:hover,
.sz-finder-reset:hover {
    color: var(--sz-gold)
}

.sz-finder-step[data-step="2"]>.sz-finder-back {
    margin-top: 20px;
}

.sz-match-label {
    background: var(--sz-soft);
    padding: 9px 16px;
    margin-bottom: 8px;
}

.sz-result-summary {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.sz-summary-chip {
    border: 1px solid var(--sz-border);
    padding: 8px 12px;
    font-size: 11px;
    letter-spacing: .08em;
    text-transform: uppercase;
    background: rgba(255, 255, 255, .35);
}

.sz-result-group,
.sz-finder-tools {
    margin-top: 46px;
}

.sz-result-group-heading {
    margin-bottom: 18px;
}

.sz-result-group-heading h3 {
    font-size: 34px;
    margin: 7px 0 3px;
}

.sz-result-group-heading p {
    margin: 0;
    max-width: 660px;
}

.sz-finder-products {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.sz-finder-product-card {
    display: grid;
    grid-template-columns: 42% 58%;
    border: 1px solid var(--sz-border);
    background: rgba(255, 255, 255, .38);
    min-height: 330px;
    overflow: hidden;
}

.sz-finder-product-card.primary {
    grid-column: 1/-1;
    grid-template-columns: 40% 60%;
    min-height: 430px;
}

.sz-product-card-image {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 26px;
    background: #f3ecdf;
    min-height: 100%;
}

.sz-product-card-image img {
    max-width: 100%;
    max-height: 290px;
    object-fit: contain;
}

.sz-finder-product-card.primary .sz-product-card-image img {
    max-height: 370px;
}

.sz-product-card-content {
    padding: 30px;
}

.sz-product-match-badge {
    display: inline-flex;
    margin-bottom: 11px;
    color: var(--sz-gold);
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .14em;
}

.sz-product-category {
    display: block;
    color: var(--sz-muted);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .12em;
}

.sz-product-card-content h3 {
    font-size: 34px;
    margin: 8px 0 4px;
}

.sz-product-tagline {
    margin: 0 0 14px;
    color: var(--sz-gold);
    font-family: "Cormorant Garamond", Georgia, serif;
    font-style: italic;
    font-size: 20px;
}

.sz-product-description {
    color: #5f6880;
    line-height: 1.7;
    margin: 0 0 20px;
}

.sz-product-meta {
    display: grid;
    gap: 9px;
    margin-top: 18px;
}

.sz-product-meta-row {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 10px;
    border-top: 1px solid #e8dfd2;
    padding-top: 9px;
    font-size: 13px;
    line-height: 1.55;
}

.sz-product-meta-row strong {
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: 10px;
    color: var(--sz-gold);
}

.sz-product-features {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 18px;
}

.sz-product-features span {
    background: var(--sz-soft);
    color: var(--sz-navy);
    font-size: 10px;
    padding: 7px 9px;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.sz-product-action {
    display: inline-flex;
    margin-top: 20px;
    text-decoration: none;
    color: var(--sz-navy);
    border-bottom: 1px solid var(--sz-gold);
    padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: 10px;
    font-weight: 700;
}

.sz-care-note {
    margin-top: 46px;
    display: flex;
    gap: 16px;
    border: 1px solid var(--sz-border);
    padding: 24px;
    background: rgba(255, 255, 255, .28);
}

.sz-care-note-icon {
    color: var(--sz-gold);
    font-size: 22px;
    padding-top: 3px;
}

.sz-care-note strong {
    display: block;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 24px;
    margin-bottom: 4px;
}

.sz-care-note p {
    margin: 0;
    color: #667087;
    line-height: 1.65;
}

.sz-finder-result-actions {
    display: flex;
    gap: 30px;
    align-items: center;
    margin-top: 28px;
}

@media (max-width:900px) {

    .sz-material-options,
    .sz-goal-options {
        grid-template-columns: repeat(2, 1fr);
    }

    .sz-finder-products {
        grid-template-columns: 1fr;
    }

    .sz-finder-product-card,
    .sz-finder-product-card.primary {
        grid-column: auto;
    }
}

@media (max-width:640px) {
    .sz-finder-section {
        padding: 45px 15px 70px
    }

    .sz-finder-header h1 {
        font-size: 43px
    }

    .sz-finder-step-heading h2,
    .sz-finder-result-heading h2 {
        font-size: 34px
    }

    .sz-material-options,
    .sz-goal-options,
    .sz-sub-choice-grid {
        grid-template-columns: 1fr;
    }

    .sz-finder-option {
        min-height: 155px
    }

    .sz-finder-product-card,
    .sz-finder-product-card.primary {
        grid-template-columns: 1fr;
    }

    .sz-product-card-image {
        min-height: 260px;
    }

    .sz-product-meta-row {
        grid-template-columns: 1fr;
    }

    .sz-finder-result-actions {
        flex-direction: column;
        align-items: flex-start;
        gap: 7px;
    }
}



.sz-finder-tools {
    margin-top: 65px;
}

.sz-tools-heading {
    max-width: 680px;
    margin-bottom: 30px;
}

.sz-tools-heading h3 {
    margin-bottom: 8px;
}



.sz-leather-method {
    position: relative;
    margin: 30px 0 45px;
    padding: 38px;
    border: 1px solid #dfd4c2;
    background:
        linear-gradient(135deg,
            rgba(255, 255, 255, .78),
            rgba(246, 239, 228, .72));
    overflow: hidden;
}


/* subtle decorative background */

.sz-leather-method::before {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    border: 1px solid rgba(196, 164, 106, .17);
    border-radius: 50%;
    right: -90px;
    top: -100px;
}

.sz-leather-method::after {
    content: "";
    position: absolute;
    width: 115px;
    height: 115px;
    border: 1px solid rgba(196, 164, 106, .12);
    border-radius: 50%;
    right: -20px;
    top: -45px;
}




.sz-method-top {
    position: relative;
    z-index: 2;

    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;

    padding-bottom: 28px;
    margin-bottom: 32px;

    border-bottom: 1px solid #e7ddce;
}

.sz-method-top h3 {
    font-family: "Cormorant Garamond", serif;
    font-size: 38px;
    font-weight: 500;
    color: #08163d;
    margin: 7px 0 7px;
}

.sz-method-top p {
    max-width: 590px;
    margin: 0;

    color: #8d95a6;
    font-size: 14px;
    line-height: 1.7;
}


/* badge */

.sz-method-badge {
    display: flex;
    align-items: center;
    gap: 9px;

    flex-shrink: 0;

    padding: 10px 14px;

    border: 1px solid #dec79f;

    color: #b28a4d;

    font-size: 10px;
    font-weight: 600;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.sz-method-badge i {
    font-size: 13px;
}


.sz-method-steps {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns: 1fr 90px 1fr;

    align-items: center;

    gap: 15px;
}


/* individual step */

.sz-method-step {
    position: relative;

    min-height: 230px;

    padding: 30px;

    border: 1px solid #e3d8c8;

    background: rgba(255, 255, 255, .58);

    transition: all .3s ease;
}

.sz-method-step:hover {
    transform: translateY(-4px);

    border-color: #c4a46a;

    box-shadow:
        0 18px 40px rgba(8, 22, 61, .07);
}


/* step number */

.sz-method-number {
    position: absolute;

    top: 16px;
    right: 18px;

    font-family: "Cormorant Garamond", serif;

    font-size: 45px;

    line-height: 1;

    color: rgba(196, 164, 106, .20);
}


/* icon */

.sz-method-icon {
    width: 55px;
    height: 55px;

    margin-bottom: 20px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #dfc89f;

    color: #c4a46a;

    background: #fbf7ef;

    font-size: 17px;
}


/* content */

.sz-method-content>span {
    display: block;

    margin-bottom: 6px;

    color: #c4a46a;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .15em;

    text-transform: uppercase;
}

.sz-method-content h4 {
    margin: 0 0 10px;

    font-family: "Cormorant Garamond", serif;

    color: #08163d;

    font-size: 28px;

    font-weight: 500;
}

.sz-method-content p {
    margin: 0;

    color: #7f8799;

    font-size: 13px;

    line-height: 1.75;
}

.sz-method-content p strong {
    color: #08163d;
    font-weight: 600;
}

.sz-method-arrow {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    color: #c4a46a;
}

.sz-method-arrow span {
    width: 19px;
    height: 1px;
    background: #d9c49d;
}

.sz-method-arrow i {
    font-size: 13px;
}

.sz-method-tip {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-start;

    gap: 12px;

    margin-top: 25px;

    padding: 17px 20px;

    background: rgba(196, 164, 106, .09);

    border-left: 2px solid #c4a46a;
}

.sz-method-tip i {
    color: #c4a46a;

    margin-top: 3px;
}

.sz-method-tip p {
    margin: 0;

    color: #737c90;

    font-size: 12px;

    line-height: 1.7;
}

.sz-method-tip strong {
    color: #08163d;
}

.sz-tool-products-heading {
    margin: 50px 0 20px;
}

.sz-tool-products-heading span {
    color: #c4a46a;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .16em;

    text-transform: uppercase;
}

.sz-tool-products-heading h4 {
    margin: 7px 0 0;

    font-family: "Cormorant Garamond", serif;

    font-size: 30px;

    font-weight: 500;

    color: #08163d;
}

@media (max-width: 900px) {

    .sz-method-steps {
        grid-template-columns: 1fr;
    }

    .sz-method-arrow {
        transform: rotate(90deg);

        margin: 4px auto;
    }

}


@media (max-width: 600px) {

    .sz-leather-method {
        padding: 24px 18px;
    }

    .sz-method-top {
        display: block;
    }

    .sz-method-badge {
        margin-top: 18px;

        width: max-content;
    }

    .sz-method-top h3 {
        font-size: 31px;
    }

    .sz-method-step {
        padding: 24px;

        min-height: auto;
    }

    .sz-method-content h4 {
        font-size: 25px;
    }

}

/* ======================================================   finder page ======================================= */





/* ======================================================= Product Details ======================= */
        /* PRODUCT DETAILS */

        .product-section {
            background: var(--sz-background);
            padding: 40px 0;
        }

        .product-container {
            width: 90%;
            max-width: 1400px;
            margin: auto;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 70px;
            align-items: center;
        }


        .product-image img {
            width: 100%;
            height: 650px;
            object-fit: cover;
        }


        .product-info h1 {
            font-family: 'Cormorant Garamond', serif;
            font-size: 40px;
            color: var(--sz-navy);
        }


        .product-subtitle {
            color: var(--sz-muted);
            font-size: 18px;
            font-style: italic;
            margin: 10px 0 10px;
        }


        .price {
            font-size: 35px;
            color: var(--sz-navy);
        }


        .price span {
            font-size: 16px;
            color: var(--sz-muted);
        }


        .description {
            margin-top: 10px;
            line-height: 1.5;
            color: var(--sz-muted);
        }



        .label {
            margin-top: 20px;
            font-size: 12px;
            letter-spacing: 4px;
            color: var(--sz-gold);
        }


        .badge {

            display: inline-block;
            padding: 12px 25px;
            border: 1px solid var(--sz-border);
            margin-top: 15px;
            letter-spacing: 2px;
            font-size: 13px;

        }



        .custom-box {

            margin-top: 40px;
            background: var(--sz-background-light);
            border: 1px solid var(--sz-border);
            padding: 35px;

        }


        .custom-box h3 {

            font-size: 14px;
            letter-spacing: 3px;
            color: var(--sz-gold);

        }


        .custom-box p {

            color: var(--sz-muted);
            line-height: 1.7;

        }


        .colors span {

            display: inline-block;
            border: 1px solid var(--sz-border);
            padding: 10px 15px;
            margin: 8px 5px 0 0;
            font-size: 12px;

        }

        .product-info-tabs {
            width: 90%;
            max-width: 1200px;
            margin: 40px auto;

        }

        .tabs {
            display: flex;
            justify-content: center;
            gap: 70px;
            border-bottom: 1px solid var(--sz-border);
        }

        .tab {

            padding: 20px 0;
            font-size: 13px;
            letter-spacing: 4px;
            color: var(--sz-muted);
            cursor: pointer;
        }

        .tab.active {

            color: var(--sz-navy);
            border-bottom: 3px solid var(--sz-gold);

        }



        .tab-content {

            display: none;
            padding-top: 40px;

        }


        .tab-content.active {

            display: block;

        }



        .step {

            display: grid;
            grid-template-columns: 80px 1fr;
            gap: 30px;
            padding: 25px 0;
            border-bottom: 1px solid var(--sz-border);

        }



        .step-number {

            font-family: 'Cormorant Garamond', serif;
            font-size: 50px;
            color: var(--sz-gold-light);

        }


        .step p {

            color: var(--sz-muted);
            font-size: 18px;
            line-height: 1.7;

        }




        /* FAQ */


        .faq {

            width: 90%;
            max-width: 1000px;
            margin: 100px auto;

        }


        .faq h2 {

            text-align: center;
            font-family: 'Cormorant Garamond', serif;
            font-size: 55px;
            color: var(--sz-navy);
            margin-bottom: 40px;

        }


        .faq-item {

            border-bottom: 1px solid var(--sz-border);
            padding: 25px 0;

        }


        .faq-item h4 {

            color: var(--sz-navy);

        }


        .faq-item p {

            color: var(--sz-muted);
            margin-top: 10px;

        }




        @media(max-width:900px) {

            .product-container {
                grid-template-columns: 1fr;
            }

            .tabs {
                gap: 20px;
            }

            .product-image img {
                height: 450px;
            }

        }

        @media(max-width:768px) {

            .tabs {
                width: 100%;
                display: flex;
                justify-content: flex-start;
                gap: 25px;
                overflow-x: auto;
                padding: 0 10px;
                scrollbar-width: none;
            }


            .tabs::-webkit-scrollbar {
                display: none;
            }


            .tab {
                flex: 0 0 auto;
                white-space: nowrap;
                font-size: 11px;
                letter-spacing: 2px;
                padding: 18px 5px;
            }


            .product-info-tabs {
                width: 100%;
                overflow: hidden;
            }

        }

        .sz-product-enquiry-btn {

            margin-top: 35px;

            background: var(--sz-navy);
            color: #fff;

            border: none;
            padding: 15px 35px;

            font-size: 13px;
            letter-spacing: 2px;

            cursor: pointer;

            transition: .3s;

        }


        .sz-product-enquiry-btn:hover {

            background: var(--sz-gold);

        }
   
/* ======================================================= Product Details ======================= */