/**
 * Jaggi Handlooms — global header, footer & Divi overrides.
 */

:root {
    --jaggi-cream: #fafaf7;
    --jaggi-beige: #f5f1e9;
    --jaggi-gold: #f4d03f;
    --jaggi-gold-dark: #e0bc2a;
    --jaggi-dark: #1a120b;
    --jaggi-text: #2c2c2c;
    --jaggi-muted: #6b6b6b;
    --jaggi-footer: #1a120b;
    --jaggi-white: #ffffff;
    --jaggi-radius: 14px;
    --jaggi-max: 1280px;
    --jaggi-header-pad-y: 20.5px;
    --jaggi-header-row-h: 62px;
    --jaggi-header-h: calc(var(--jaggi-header-pad-y) * 2 + var(--jaggi-header-row-h));
}

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

body {
    font-family: "Playfair Display SC", serif;
}

/* Divi page container — remove default header offset */
body.jaggi-site #page-container {
    padding-top: 0 !important;
}

body.jaggi-site.et_fixed_nav #page-container {
    padding-top: 0 !important;
}

body.jaggi-site {
    color: var(--jaggi-text);
    background: var(--jaggi-cream);
}

/* Hide Divi default header/footer — Jaggi templates replace them */
body.jaggi-site #main-header,
body.jaggi-site #top-header,
body.jaggi-site header.et-l.et-l--header,
body.jaggi-site #main-footer,
body.jaggi-site footer.et-l.et-l--footer {
    display: none !important;
}

body.jaggi-site #page-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body.jaggi-site #et-main-area {
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
}

.jaggi-container {
    width: 100%;
    max-width: var(--jaggi-max);
    margin: 0 auto;
    padding: 0 48px;
}

/* Buttons */
.jaggi-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 30px;
    background: var(--jaggi-gold);
    border: none;
    border-radius: 50px;
    color: var(--jaggi-dark);
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.2s, transform 0.2s;
    line-height: normal;
}

.jaggi-btn:hover {
    background: var(--jaggi-gold-dark);
    transform: translateY(-1px);
}

.jaggi-btn-sm {
    padding: 10px 22px;
    font-size: 13px;
}

/* Top shell — split bg from header through hero (matches jaggi.html) */
.jaggi-top-shell {
    position: relative;
    background: #f4f1e8;
    overflow: hidden;
}

body.jaggi-home-hero #page-container {
    position: relative;
    background: #f4f1e8;
    overflow-x: hidden;
}

.jaggi-split-panel,
.split-panel {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: min(1440px, 100%);
    height: calc(103px + 710px);
    pointer-events: none;
    z-index: 0;
    display: none;
}

body.jaggi-home-hero .jaggi-split-panel,
body.jaggi-home-hero .split-panel {
    z-index: 0;
}

.jaggi-split-panel__right,
.split-panel__right {
    position: absolute;
    top: 0;
    right: 0;
    width: 43.89%;
    max-width: 632px;
    height: 100%;
    background: #e6dec5;
}

body.jaggi-home-hero .jaggi-top-shell .jaggi-header,
body.jaggi-home-hero .top-shell .header {
    position: sticky;
    top: 0;
    z-index: 100;
    background: transparent !important;
    background-image: none !important;
    border-bottom: none !important;
}

body.jaggi-home-hero .jaggi-top-shell .jaggi-header-inner,
body.jaggi-home-hero .top-shell .header-inner {
    border-bottom: 1px solid rgba(16, 26, 12, 0.18);
}

body.jaggi-home-hero #jaggi-header,
body.jaggi-home-hero .jaggi-hero,
body.jaggi-home-hero .jaggi-top-shell {
    position: relative;
    z-index: 1;
}

body.jaggi-home-hero .jaggi-header.header::before {
    content: "";
    position: absolute;
    width: 542.5px;
    height: 100%;
    background-color: #E6DEC5;
    top: 0;
    right: 0;
    z-index: -1;
}

body.jaggi-home-hero .jaggi-top-shell .jaggi-hero {
    background-color: #F4F1E8;
    background-image: url("/wp-content/uploads/2026/06/leaf-top-img.png");
    background-repeat: no-repeat;
    background-position: 0px 350px !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    position: relative;
}

.jaggi-hero.hero {
    background-color: #F4F1E8;
    background-image: url("/wp-content/uploads/2026/06/leaf-top-img.png");
    background-repeat: no-repeat;
    background-position: 0px 350px;
    position: relative;

}

body.jaggi-home-hero .jaggi-top-shell .jaggi-hero::before,
.jaggi-hero.hero::before {
    content: "";
    position: absolute;
    width: 542.5px;
    height: 100%;
    background-color: #E6DEC5;
    top: 0;
    right: 0;
}

@media screen and (min-width:1400px) {
    .jaggi-hero.hero::before {
        width: 550px;
    }
}

body.jaggi-home-hero #et-main-area>.jaggi-hero {
    margin: 0 !important;
    padding: 0 !important;
}

/* ── Hero (shortcode [jaggi_hero]) — Figma 1440×710 ── */
.jaggi-hero {
    --jaggi-hero-cream: #f4f1e8;
    --jaggi-hero-beige: #e6dec5;
    --jaggi-hero-gold: #e6c34c;
    --jaggi-hero-title: #1a2e24;
    position: relative;
    min-height: 710px;
    background: transparent;
    padding: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.jaggi-hero .jaggi-container,
.top-shell .hero .container,
.jaggi-top-shell .jaggi-hero .container {
    position: relative;
    z-index: 1;
    max-width: 1280px;
    min-height: 710px;
    padding-left: 0;
    padding-right: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
}

.jaggi-top-shell .jaggi-hero .container {
    gap: 20px;
}

.jaggi-hero-content {
    max-width: 580px;
    padding: 48px 0;
    width: 100%;
}

.jaggi-hero-content h1 {
    font-family: "Playfair Display SC", serif !important;
    font-size: 60px !important;
    font-weight: 500 !important;
    margin: 0 0 22px !important;
    color: var(--jaggi-hero-title) !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
}

.jaggi-hero-content p {
    font-size: 18px;
    color: #101A0CB2;
    margin: 0 0 20px;
    max-width: 527px;
    width: 100%;
    line-height: normal;
    font-weight: 400;
}

.jaggi-hero-content .jaggi-btn {
    background: var(--jaggi-hero-gold);
    color: var(--jaggi-dark);
}

.jaggi-hero-content .jaggi-btn:hover {
    background: #d4b03e;
}

.jaggi-hero-media {
    position: relative;
    min-width: 0;
    padding: 0px 0 40px 0px;
}

.jaggi-hero-ring {
    position: absolute;
    width: 149px;
    height: 149px;
    border: 5px solid rgba(201, 168, 76, 0.2);
    border-radius: 50%;
    left: -38px;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
}

.jaggi-hero-image-wrap {
    position: relative;
    z-index: 1;
    border-radius: 120px 0 0 0;
    overflow: hidden;
    border: 2px solid rgba(201, 168, 76, 0.25);
    line-height: 0;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    height: 520px;
    width: 100%;
}

.jaggi-hero-slide {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}

.jaggi-hero-slide.is-active {
    display: block;
}

.jaggi-hero-dots {
    position: absolute;
    left: 50%;
    bottom: 56px;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 2;
}

.jaggi-hero-dots span {
    width: 14px;
    height: 4px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.85);
    cursor: pointer;
}

.jaggi-hero-dots .is-active,
.jaggi-hero-dots .active,
.slider-dots .is-active,
.slider-dots .active {
    width: 32px;
    background: var(--jaggi-hero-gold);
}

/* Full-width inside Divi */
.et_pb_section .jaggi-hero {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

@media (max-width: 1199px) {
    .jaggi-hero-content h1 {
        font-size: 50px !important;
        margin: 0 0 14px !important;
    }
}

@media (max-width: 1100px) {
    .jaggi-hero-bg-right {
        width: 48%;
    }
}

@media (max-width: 980px) {
    .jaggi-split-panel {
        height: calc(var(--jaggi-header-h, 76px) + 620px);
    }

    .jaggi-split-panel__right {
        width: 100%;
        max-width: none;
        height: 58%;
        top: auto;
        bottom: 0;
    }

    .jaggi-hero {
        min-height: auto;
        padding: 40px 0 48px;
    }

    .jaggi-hero .jaggi-container {
        min-height: auto;
    }

    .jaggi-hero .jaggi-container,
    .jaggi-hero .container {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .jaggi-hero-content {
        max-width: 100%;
        padding: 0;
    }

    .jaggi-hero-media {
        padding: 0;
    }

    .jaggi-hero-image-wrap {
        border-radius: 80px 0 0 0;
    }

    .jaggi-hero-ring {
        width: 110px;
        height: 110px;
        left: 8px;
        bottom: 48px;
    }
}

@media (max-width: 767px) {
    .jaggi-hero-image-wrap {
        border-radius: 60px 0 0 0;
    }
}

/* ── Categories (shortcode [jaggi_categories]) ── */
.jaggi-categories {
    padding: 16px 0 56px;
    background: var(--jaggi-cream);
}

.jaggi-category-row {
    display: flex;
    justify-content: center;
    gap: 64px;
    flex-wrap: wrap;
}

.jaggi-category-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s;
}

.jaggi-category-item:hover {
    transform: translateY(-3px);
}

.jaggi-category-icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
}

.jaggi-category-icon img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 50%;
}

.jaggi-category-icon svg {
    width: 40px;
    height: 40px;
    stroke: var(--jaggi-dark);
    fill: none;
    stroke-width: 1.5;
}

.jaggi-category-item span {
    font-size: 13px;
    font-weight: 400;
    color: var(--jaggi-text);
}

.et_pb_section .jaggi-categories {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

@media (max-width: 640px) {
    .jaggi-category-row {
        gap: 32px;
    }
}

/* ── Home range: stats + carousel (shortcode [jaggi_home_range]) ── */
.jaggi-home-range {
    background: #ffffff url("/wp-content/uploads/2026/06/jaggi-hero-ntleaf.png") no-repeat;
    background-position: right;
    position: relative;
    overflow: hidden;
}

.et_pb_section .jaggi-home-range {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

/* Stats bar */
.jaggi-stats-bar {
    border-bottom: 1px solid #ece8df;
    padding: 28px 0;
}

.jaggi-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
}

.jaggi-stat {
    text-align: center;
    padding: 8px 16px;
    border-right: 1px solid #e0dbd0;
}

.jaggi-stat:last-child {
    border-right: none;
}

.jaggi-stat-value {
    display: block;
    font-family: "Playfair Display SC", serif;
    font-size: clamp(28px, 3vw, 36px);
    font-weight: 600;
    color: #c4a035;
    line-height: 1.2;
    margin-bottom: 6px;
}

.jaggi-stat-value .jaggi-star {
    font-size: 0.75em;
    vertical-align: middle;
}

.jaggi-stat-label {
    display: block;
    font-size: 13px;
    color: var(--jaggi-text);
}

/* Range header */
.jaggi-range-body {
    padding: 48px 0 56px;
    position: relative;
}

.jaggi-range-header {
    text-align: center;
    margin-bottom: 40px;
    position: relative;
    z-index: 2;
}

.jaggi-range-sub {
    font-size: 14px;
    color: #636562;
    /* margin: 0 0 10px; */
}

.jaggi-home-range .jaggi-range-header .jaggi-range-title,
.jaggi-range-title {
    font-family: "Playfair Display SC", serif !important;
    font-size: 30px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 48px !important;
    letter-spacing: 2px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    color: #101a0c !important;
    background: transparent !important;
    margin: 0 auto !important;
    padding: 0 !important;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}



/* Carousel */
.jaggi-range-carousel {
    position: relative;
    z-index: 2;
}

.jaggi-range-track-wrap {
    overflow: hidden;
    /* margin: 0 48px; */
}

.jaggi-range-track {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding-bottom: 4px;
}

.jaggi-range-track::-webkit-scrollbar {
    display: none;
}

.jaggi-range-card {
    flex: 0 0 280px;
    width: 280px;
    min-height: 328px;
    box-sizing: border-box;
    padding: 6px 6px 20px;
    border-radius: 10px;
    background: #fbf9ef;
    display: flex;
    flex-direction: column;
    scroll-snap-align: start;
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s;
}

.jaggi-range-card:hover {
    transform: translateY(-4px);
}

.jaggi-range-card:hover .jaggi-range-arrow {
    rotate: 326deg;
}

.jaggi-range-card:hover .jaggi-range-arrow svg path {
    stroke: #c4a035;
}

.jaggi-range-card-img {
    border-radius: 6px;
    overflow: hidden;
    line-height: 0;
    background: #eee;
    flex: 1 1 auto;
    min-height: 0;
}

.jaggi-range-card-img img {
    width: 100%;
    height: 100%;
    min-height: 240px;
    object-fit: cover;
    display: block;
}

.jaggi-range-card-foot {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    margin-top: 10px;
    padding: 0 4px;
    flex-shrink: 0;
}

.jaggi-range-card-foot span:first-child {
    font-size: 16px;
    font-weight: 400;
    color: var(--jaggi-dark);
    transition: color 0.2s;
}

.jaggi-range-card:hover .jaggi-range-card-foot span:first-child {
    color: #c4a035;
}

.jaggi-range-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--jaggi-dark);
    margin-left: 10px;
}

.jaggi-range-side-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-100%);
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #F3F3F1;
    color: #888;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    transition: background 0.2s, color 0.2s;
    border: unset;
}

.jaggi-range-side-btn:hover {
    background: var(--jaggi-beige);
    color: var(--jaggi-dark);
}

.jaggi-range-side-btn.is-prev {
    left: -10px;
}

.jaggi-range-side-btn.is-next {
    right: -20px;
}

.jaggi-range-pill-nav {
    display: none;
    justify-content: center;
    margin-top: 28px;
}

.jaggi-range-pill {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    background: var(--jaggi-dark);
    border-radius: 50px;
    padding: 10px 22px;
}

.jaggi-range-pill button {
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    color: var(--jaggi-white);
    font-size: 18px;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    opacity: 0.85;
    transition: opacity 0.2s;
}

.jaggi-range-pill button:hover {
    opacity: 1;
}

@media (max-width: 1024px) {
    .jaggi-hero-content h1 {
        font-size: 40px !important;
    }

    .jaggi-range-card {
        flex: 0 0 280px;
        width: 280px;
        min-height: 300px;
    }

    .jaggi-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .jaggi-stat:nth-child(2) {
        border-right: none;
    }

    .jaggi-stat:nth-child(1),
    .jaggi-stat:nth-child(2) {
        border-bottom: 1px solid #e0dbd0;
    }
}

@media (max-width: 640px) {
    /* .jaggi-range-track-wrap {
        margin: 0 40px;
    } */

    .jaggi-range-card {
        flex: 0 0 260px;
        width: 260px;
        min-height: 290px;
    }

    .jaggi-stats-grid {
        grid-template-columns: 1fr;
    }

    .jaggi-stat {
        border-right: none;
        border-bottom: 1px solid #e0dbd0;
    }

    .jaggi-stat:last-child {
        border-bottom: none;
    }

    .jaggi-range-deco {
        display: none;
    }
}

/* Section headers — product blocks (Figma) */
.jaggi-products .jaggi-section-sub {
    font-family: "Urbanist", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    color: var(--jaggi-text);
    text-align: center;
    padding: 0;
}

.jaggi-products .jaggi-section-title {
    font-family: "Playfair Display", serif !important;
    font-size: 30px !important;
    font-weight: 400 !important;
    line-height: 48px !important;
    letter-spacing: 1px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    color: var(--jaggi-dark) !important;
    margin: 0 0 32px !important;
}

/* Welcome — 2-column image + white card (Figma 1440×657) */
.jaggi-welcome {
    background-color: #f4f1e8;
    background-image: url("/wp-content/uploads/2026/06/leaf-top-img.png");
    background-repeat: no-repeat;
    background-position: 0px 350px;
    margin-top: 0;
    position: relative;
    overflow: hidden;
}

.jaggi-welcome>.jaggi-container {
    max-width: 1440px;
    padding: 97px 120px 98px;
    min-height: 657px;
    box-sizing: border-box;
}

.jaggi-welcome-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: stretch;
    min-height: 462px;
    position: relative;
    z-index: 1;
}

.jaggi-welcome-card .jaggi-btn {
    width: max-content;
}

.jaggi-welcome-media-frame {
    position: relative;
}

.jaggi-welcome-media-frame::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% - 24px);
    background: #F2A15B4D;
    border-radius: 32px;
    z-index: 0;
    rotate: 176deg;
}

.jaggi-welcome-media-inner {
    position: relative;
    z-index: 1;
    border-radius: 32px;
    overflow: hidden;
    line-height: 0;
}

.jaggi-welcome-media-inner img {
    width: 100%;
    height: 100%;
    min-height: 462px;
    object-fit: cover;
    display: block;
}

.jaggi-welcome-promise {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 48px 28px 28px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.2) 55%, transparent 100%);
    z-index: 2;
}

.jaggi-welcome-promise h3 {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--jaggi-gold);
    margin: 0 0 10px;
}

.jaggi-welcome-promise p {
    font-size: 14px;
    font-style: italic;
    color: var(--jaggi-white);
    line-height: 1.75;
    margin: 0;
}

.jaggi-welcome-card {
    background: linear-gradient(179.67deg, #FFFFFF 72.47%, rgba(255, 255, 255, 0) 99.82%);
    border-radius: 24px;
    padding: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.jaggi-welcome-card h2 {
    font-family: "Playfair Display SC", serif;
    font-size: clamp(22px, 2.6vw, 30px);
    /* font-weight: 600; */
    text-align: left;
    margin: 0 0 20px;
    color: var(--jaggi-dark);
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 0;
}

.jaggi-welcome-text p {
    font-size: 14px;
    color: #636562;
    line-height: 1.9;
    margin: 0 0 10px;
    text-align: left;
    padding: 0;
}

.jaggi-welcome-text p:last-of-type {
    margin-bottom: 28px;
}

/* Comfort wrap banner (Figma 1280×380) */
.jaggi-comfort {
    /* padding: 16px 0 72px; */
    background: #ffffff;
}

.jaggi-comfort-inner {
    display: flex;
    align-items: center;
    gap: 40px;
    max-width: 1280px;
    min-height: 380px;
    margin: 0 auto;
    background: #FFD96C;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.jaggi-comfort-content {
    flex: 0 0 452px;
    max-width: 452px;
    padding: 40px 0 40px 48px;
}

.jaggi-comfort-content h2 {
    font-family: "Playfair Display SC", serif;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 1.09px;
    margin: 0 0 16px;
    max-width: 452px;
    color: #101A0C;
    padding: 0;
}

.jaggi-comfort-content p {
    font-family: "Urbanist", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    color: #636562;
    margin: 0 0 20px;
    max-width: 452px;
}

.jaggi-btn-comfort {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-sizing: border-box;
    padding: 14px 16px 14px 20px;
    border-radius: 40px;
    background: #ffffff;
    border: none;
    font-family: "Urbanist", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: var(--jaggi-dark);
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    line-height: normal;
}

.jaggi-btn-comfort:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.jaggi-trust-badge {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: var(--jaggi-dark);
    background: var(--jaggi-white);
    padding: 10px 18px;
    border-radius: 50px;
    position: absolute;
    right: 36%;
}

.jaggi-comfort-image {
    width: 100%;
    height: 380px;
    border-radius: 200px 20px 20px 0px;
    overflow: hidden;
    border-left: 8px solid #ffffff;
}

.jaggi-comfort-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 0;
}

/* Product grids */
.jaggi-products {
    padding: 100px 0 72px;
    background-color: #ffffff;
    background-image: url("/wp-content/uploads/2026/06/leaf-top-img.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.jaggi-product-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    justify-content: center;
}

.jaggi-product-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.jaggi-products--new {
    padding-bottom: 56px;
}

.jaggi-product-card--new .jaggi-product-info {
    text-align: center;
    align-items: center;
    gap: 15px;
}

.jaggi-price-foot {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 15px;
    align-items: center;
}

.jaggi-product-card-wrap {
    position: relative;
}

.jaggi-product-wishlist {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 3;
    line-height: 0;
}

.jaggi-product-wishlist .yith-wcwl-add-to-wishlist {
    margin: 0;
}

.jaggi-product-wishlist .feedback {
    display: none !important;
}

.jaggi-product-wishlist .yith-wcwl-add-to-wishlist-button__label,
.jaggi-product-wishlist .yith-wcwl-add-button a>span {
    display: none !important;
}

.jaggi-wishlist-btn,
.jaggi-product-wishlist .yith-wcwl-add-button a,
.jaggi-product-wishlist .yith-wcwl-wishlistexistsbrowse a,
.jaggi-product-wishlist .yith-wcwl-wishlistaddedbrowse a,
.jaggi-product-wishlist .yith-wcwl-add-to-wishlist-button-block a,
.jaggi-product-wishlist .yith-wcwl-add-to-wishlist-button,
.jaggi-product-wishlist button.add_to_wishlist,
.jaggi-product-wishlist a.add_to_wishlist.button {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #FFFFFf !important;
    border: none !important;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    color: var(--jaggi-muted);
    text-decoration: none;
    line-height: 0;
    padding: 0;
    overflow: hidden;
    border-radius: 6px !important;
}

.jaggi-wishlist-btn:hover svg,
.jaggi-product-wishlist .yith-wcwl-add-button a:hover svg,
.jaggi-product-wishlist .yith-wcwl-add-to-wishlist-button-block a:hover svg,
.jaggi-product-wishlist .yith-wcwl-add-to-wishlist-button:hover svg,
.jaggi-product-wishlist button.add_to_wishlist:hover svg,
.jaggi-product-wishlist a.add_to_wishlist.button:hover svg {
    stroke: #F2CB5B;
}

.jaggi-product-wishlist .yith-wcwl-wishlistexistsbrowse a,
.jaggi-product-wishlist .yith-wcwl-wishlistaddedbrowse a,
.jaggi-product-wishlist .yith-wcwl-add-to-wishlist.exists a,
.jaggi-product-wishlist .yith-wcwl-add-to-wishlist-button--added,
.jaggi-product-wishlist .yith-wcwl-add-to-wishlist-button--added:hover {
    color: #e53935 !important;
}

.jaggi-wishlist-icon,
.jaggi-product-wishlist .yith-wcwl-icon,
.jaggi-product-wishlist .yith-wcwl-add-to-wishlist-button-icon,
.jaggi-product-wishlist a svg {
    font-size: 15px;
    line-height: 1;
    width: 20px !important;
    height: 20px !important;
    margin: 0;
    flex-shrink: 0;
    color: inherit;
    fill: none;
    stroke: currentColor;
}

.jaggi-wishlist-icon.is-active,
.jaggi-product-wishlist .yith-wcwl-add-to-wishlist.exists .jaggi-wishlist-icon,
.jaggi-product-wishlist .yith-wcwl-wishlistexistsbrowse .jaggi-wishlist-icon,
.jaggi-product-wishlist .yith-wcwl-wishlistaddedbrowse .jaggi-wishlist-icon {
    color: #e53935;
}

.jaggi-product-wishlist .yith-wcwl-wishlistexistsbrowse a svg,
.jaggi-product-wishlist .yith-wcwl-wishlistaddedbrowse a svg,
.jaggi-product-wishlist .yith-wcwl-add-to-wishlist-button--added svg,
.jaggi-product-wishlist .yith-wcwl-add-to-wishlist-button--added .yith-wcwl-add-to-wishlist-button-icon {
    color: #e53935 !important;
    fill: #e53935 !important;
    stroke: #e53935 !important;
}

.jaggi-product-wishlist .yith-wcwl-wishlistexistsbrowse a:not(:has(.jaggi-wishlist-icon, .yith-wcwl-icon, .yith-wcwl-add-to-wishlist-button-icon, svg))::before,
.jaggi-product-wishlist .yith-wcwl-wishlistaddedbrowse a:not(:has(.jaggi-wishlist-icon, .yith-wcwl-icon, .yith-wcwl-add-to-wishlist-button-icon, svg))::before {
    content: '♥';
    font-size: 15px;
    line-height: 1;
    color: #e53935;
}

.jaggi-product-card--new .jaggi-product-badge {
    top: 10px;
    left: 10px;
    right: auto;
}

.jaggi-product-card {
    box-sizing: border-box;
    width: 100%;
    /* min-height: 405px; */
    padding: 6px 6px 20px;
    border-radius: 10px;
    background: linear-gradient(180deg, #FBF9EF 69.45%, #FFFFFF 86.69%);
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s, box-shadow 0.2s;
}

.jaggi-product-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
}

.jaggi-product-img {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    height: 240px;
    width: 100%;
}

.jaggi-product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.jaggi-product-grid-4 .jaggi-product-img img {
    min-height: 200px;
}

.jaggi-product-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    left: auto;
    background: #448B2D;
    color: #fff;
    font-family: "Urbanist", sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 14px;
    border-radius: 50px;
    letter-spacing: 1px;
    z-index: 1;
    line-height: normal;
}

.jaggi-product-badge.is-sale {
    background: #448B2D;
}

.jaggi-product-info {
    display: flex;
    flex-direction: column;
    /* gap: 20px; */
    flex: 1;
    padding: 0 2px;
}

.jaggi-product-info h3 {
    font-family: "Urbanist", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0;
    text-align: left;
    margin: 0;
    color: var(--jaggi-text);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0;
}

.jaggi-product-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
}

.jaggi-product-price {
    font-family: "Urbanist", sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    white-space: nowrap;
}

.jaggi-product-price del {
    color: var(--jaggi-muted);
    font-weight: 400;
    font-size: 14px;
    margin-right: 6px;
}

.jaggi-product-price ins {
    text-decoration: none;
    font-weight: 700;
}

.jaggi-product-cta {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 8px 16px;
    border-radius: 50px;
    border: 1.5px solid var(--jaggi-gold);
    background: var(--jaggi-white);
    font-family: "Urbanist", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--jaggi-dark);
    white-space: nowrap;
    flex-shrink: 0;
    transition: background 0.2s, border-color 0.2s;
    line-height: normal;
}

.jaggi-product-card:hover .jaggi-product-cta {
    background: var(--jaggi-gold);
    border-color: var(--jaggi-gold);
}

.jaggi-view-all {
    text-align: center;
    margin-top: 40px;
}

/* Features / Why shop */
.jaggi-features {
    padding: 100px 0;
    background: #F4F1E8 url("/wp-content/uploads/2026/06/jaggi-hero-ntleaf.png") no-repeat;
    background-position: top right;
}

.jaggi-features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.jaggi-feature-card {
    background: var(--jaggi-white);
    border-radius: var(--jaggi-radius);
    padding: 28px 20px;
    text-align: center;
}

.jaggi-feature-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--jaggi-gold-dark);
}

/* .jaggi-feature-icon svg {
    width: 32px;
    height: 32px;
    stroke: var(--jaggi-gold-dark);
    fill: none;
    stroke-width: 1.5;
} */

.jaggi-feature-card h3 {
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 8px;
    color: var(--jaggi-dark);
    padding: 0;
    font-family: "Urbanist", sans-serif;
}

.jaggi-feature-card p {
    font-size: 14px;
    color: var(--jaggi-muted);
    line-height: 1.65;
    margin: 0;
    font-family: "Urbanist", sans-serif;
}

/* Founder */
.jaggi-founder {
    padding: 80px 0 72px;
    background: var(--jaggi-cream);
}

.jaggi-founder-card {
    background: linear-gradient(0.08deg, #F2E9DE -23.72%, #FFFFFF 69.47%);
    border-radius: 20px;
    padding: 48px;
}

.jaggi-founder-box {

    display: grid;
    align-items: center;
    gap: 40px;
    grid-template-columns: repeat(2, 1fr);
}

.jaggi-img-note-text h2 {
    font-family: "Playfair Display SC", serif !important;
    margin-bottom: 15px;
}

.jaggi-founder-photo {
    flex: 0 0 300px;
    position: relative;
}

.jaggi-founder-photo img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    border-radius: var(--jaggi-radius);
}

.jaggi-img-text {
    position: absolute;
    bottom: 42px;
    width: 90%;
    color: #ffffff;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
}

.jaggi-founder-text h2 {
    font-family: "Playfair Display SC", serif;
    font-size: 28px;
    font-weight: 600;
    margin: 0 0 16px;
    color: var(--jaggi-dark);
}

.jaggi-founder-text .founder-name {
    color: #101A0C;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: normal;
    padding-bottom: 10px;
}

.jaggi-founder-text .founder-position {
    border: 1px solid #2C3A221C;
    width: max-content;
    padding: 8px;
    font-weight: 600;
    background: #2C3A220F;
    line-height: normal;
    border-radius: 3px;
    margin-bottom: 12px;
}

/* Instagram */
.jaggi-instagram {
    padding: 32px 0 72px;
    background: var(--jaggi-cream);
}

.jaggi-video-grid {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 14px;
}

.jaggi-video-main img {
    min-height: 400px;
    border-radius: var(--jaggi-radius);
}

.jaggi-video-thumbs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.jaggi-video-thumb img,
.jaggi-video-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.jaggi-video-thumb img {
    height: 192px;
    border-radius: var(--jaggi-radius);
}

.jaggi-video-overlay {
    position: relative;
    display: block;
    cursor: pointer;
    overflow: hidden;
    border-radius: var(--jaggi-radius);
    text-decoration: none;
    color: inherit;
}

.jaggi-video-overlay::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.15);
    opacity: 0;
    transition: opacity 0.2s;
}

.jaggi-video-overlay:hover::after {
    opacity: 1;
}

.jaggi-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    font-size: 14px;
}

.jaggi-follow-wrap {
    text-align: center;
    margin-top: 36px;
}

/* Testimonials — Figma: portrait + content cards, carousel dots */
.jaggi-testimonials {
    padding: 32px 0 72px;
    background: var(--jaggi-cream);
}

.jaggi-testimonials>.jaggi-container {
    max-width: 1200px;
}

.jaggi-testimonials-wrap {
    border-radius: 28px;
    overflow: hidden;
    background: #ebe6de;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);
}

.jaggi-testimonials-carousel {
    padding: 36px 0 12px;
    background: linear-gradient(180deg, #f0ebe3 0%, #e8e3db 100%);
}

.jaggi-testimonials-track-wrap {
    overflow: hidden;
}

.jaggi-testimonials-track {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    padding: 12px 32px 20px;
    -webkit-overflow-scrolling: touch;
}

.jaggi-testimonials-track::-webkit-scrollbar {
    display: none;
}

.jaggi-testimonial-card {
    flex: 0 0 min(380px, calc(100vw - 80px));
    display: flex;
    align-items: flex-start;
    gap: 0;
    background: var(--jaggi-white);
    border-radius: 20px;
    padding: 22px 24px 22px 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07);
    scroll-snap-align: center;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.jaggi-testimonial-card.is-active {
    transform: scale(1.01);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
}

.jaggi-testimonial-photo {
    flex: 0 0 118px;
    margin: -28px 14px 0 -20px;
    align-self: flex-start;
}

.jaggi-testimonial-photo img {
    display: block;
    width: 118px;
    height: 154px;
    border-radius: 16px;
    object-fit: cover;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}

.jaggi-testimonial-body {
    flex: 1 1 auto;
    min-width: 0;
    padding-top: 2px;
}

.jaggi-testimonial-rating {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.jaggi-testimonial-stars {
    font-size: 13px;
    line-height: 1;
    letter-spacing: 1px;
    color: var(--jaggi-gold);
}

.jaggi-testimonials .jaggi-rating-label {
    font-family: "Urbanist", sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: var(--jaggi-muted);
    margin: 0;
}

.jaggi-testimonial-text {
    font-family: "Urbanist", sans-serif;
    font-size: 13px;
    color: var(--jaggi-muted);
    line-height: 1.75;
    margin: 0 0 16px;
}

.jaggi-testimonial-name {
    font-family: "Urbanist", sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: var(--jaggi-dark);
    margin: 0;
}

.jaggi-testimonials-footer {
    background: linear-gradient(180deg, #7a7a7a 0%, #454545 100%);
    padding: 28px 24px 36px;
}

.jaggi-testimonials-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.jaggi-testimonials-dot {
    width: 52px;
    height: 4px;
    border: none;
    border-radius: 4px;
    padding: 0;
    background: rgba(255, 255, 255, 0.45);
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease;
}

.jaggi-testimonials-dot.is-active {
    background: var(--jaggi-gold);
    transform: scaleX(1.08);
}

.wp-gr.rpi a.wp-google-name {
    color: #ECBB2F !important;
}

.jaggi-features .jaggi-section-sub,
.jaggi-testimonials .jaggi-section-sub,
.jaggi-instagram .jaggi-section-sub {
    font-family: "Urbanist", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0;
    color: var(--jaggi-muted);
    text-align: center;
    margin: 0 0 8px;
}

.jaggi-features .jaggi-section-title,
.jaggi-testimonials .jaggi-section-title,
.jaggi-instagram .jaggi-section-title {
    margin-bottom: 44px !important;
    padding: 0;
}

.jaggi-homepage {
    width: 100%;
    margin: 0;
    padding: 0;
}

body.jaggi-home-hero main.jaggi-homepage {
    margin-top: 0;
    padding-top: 0;
}

body.jaggi-home-hero #et-main-area,
body.jaggi-home-hero #main-content {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

body.jaggi-home-hero #main-content .container,
body.jaggi-home-hero #content-area {
    padding: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

body.jaggi-site .jaggi-homepage .et_pb_section,
body.jaggi-site #jaggi-homepage .et_pb_section,
body.jaggi-home-hero .et_pb_section:has(.jaggi-hero),
body.jaggi-home-hero .et_pb_section:has(.jaggi-home-range),
body.jaggi-home-hero .et_pb_section:has(.jaggi-welcome),
body.jaggi-home-hero .et_pb_section:has(.jaggi-products),
body.jaggi-home-hero .et_pb_section:has(.jaggi-comfort),
body.jaggi-home-hero .et_pb_section:has(.jaggi-features),
body.jaggi-home-hero .et_pb_section:has(.jaggi-founder),
body.jaggi-home-hero .et_pb_section:has(.jaggi-instagram),
body.jaggi-home-hero .et_pb_section:has(.jaggi-testimonials) {
    padding: 0 !important;
}

body.jaggi-home-hero .jaggi-divi-row,
body.jaggi-home-hero .et_pb_row:has(.jaggi-hero),
body.jaggi-home-hero .et_pb_row:has([class*="jaggi-"]) {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

body.jaggi-home-hero #main-content .container {
    padding-left: calc(50% - 650px) !important;
    max-width: none !important;
    width: 100% !important;
    border-top: 0.5px solid #2A200280;
}

.et_pb_section .jaggi-welcome,
.et_pb_section .jaggi-comfort,
.et_pb_section .jaggi-products,
.et_pb_section .jaggi-features,
.et_pb_section .jaggi-founder,
.et_pb_section .jaggi-testimonials,
.et_pb_section .jaggi-instagram,
.et_pb_section .jaggi-hero,
.et_pb_section .jaggi-home-range {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

/* ── Header (Figma single row) ── */
.jaggi-header {
    position: sticky;
    top: 0;
    z-index: 99999;
    background-color: #F4F1E8;
    background-image:
        radial-gradient(ellipse 120px 80px at 0% 50%, rgba(180, 170, 140, 0.12) 0%, transparent 70%),
        radial-gradient(ellipse 120px 80px at 100% 50%, rgba(180, 170, 140, 0.1) 0%, transparent 70%);
    border-bottom: none;
    padding: 0 40px;
}

.jaggi-header>.jaggi-header-inner,
.jaggi-header>.header-inner,
.top-shell .header-inner,
.header-inner {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0;
    min-height: var(--jaggi-header-row-h);
    height: var(--jaggi-header-row-h);
    box-sizing: content-box;
    padding: 5px 0;
}

body.jaggi-home-hero .jaggi-hero .jaggi-container {
    max-width: 1280px;
    padding: 0 40px;
}

/* Logo */
.jaggi-logo {
    flex-shrink: 0;
    text-decoration: none;
    line-height: 0;
}

.jaggi-logo img {
    height: 52px;
    width: auto;
    max-width: 120px;
    object-fit: contain;
    display: block;
}

.jaggi-logo-badge {
    display: inline-flex;
    flex-direction: column;
    width: 92px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.jaggi-logo-top {
    display: block;
    background: var(--jaggi-white);
    color: #1a1a1a;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-align: center;
    padding: 7px 6px 5px;
    line-height: 1;
}

.jaggi-logo-bottom {
    display: block;
    background: #3d3d3d;
    color: var(--jaggi-white);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;
    text-align: center;
    padding: 5px 6px 7px;
    line-height: 1;
}

.instagram-gallery-list .instagram-gallery-item {
    height: 450px !important;
}

/* Navigation */
.jaggi-nav {
    flex: 1;
    min-width: 0;
}

.jaggi-nav .jaggi-menu,
.jaggi-menu {
    display: flex;
    align-items: center;
    gap: 36px;
    list-style: none;
    margin: 0;
    padding: 0 0 0 30px;
}

.jaggi-menu>li {
    position: relative;
}

.jaggi-menu>li>a {
    font-size: 16px;
    font-weight: 400;
    color: #3a3a3a;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-family: "Urbanist", sans-serif;
}

.jaggi-menu>li>a:hover,
.jaggi-menu>.current-menu-item>a,
.jaggi-menu>.current_page_item>a,
.jaggi-menu>.current-menu-ancestor>a {
    color: #b8945a;
}

.jaggi-menu>.menu-item-has-children>a::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 2px;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.71888 12.6979C9.6286 12.6632 9.54874 12.6111 9.47929 12.5417L5.52096 8.58333C5.36818 8.43056 5.29527 8.25347 5.30221 8.05208C5.30916 7.8507 5.38902 7.67361 5.54179 7.52083C5.69457 7.36806 5.87166 7.29167 6.07304 7.29167C6.27443 7.29167 6.45152 7.36806 6.60429 7.52083L10.0001 10.9375L13.4168 7.52083C13.5696 7.36806 13.7467 7.29514 13.948 7.30208C14.1494 7.30903 14.3265 7.38889 14.4793 7.54167C14.6321 7.69445 14.7085 7.87153 14.7085 8.07292C14.7085 8.27431 14.6321 8.45139 14.4793 8.60417L10.521 12.5417C10.4515 12.6111 10.3717 12.6632 10.2814 12.6979C10.1911 12.7326 10.0974 12.75 10.0001 12.75C9.90291 12.75 9.80916 12.7326 9.71888 12.6979Z' fill='%231C1B1F'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.jaggi-menu .sub-menu {
    display: none;
    position: absolute;
    top: 25px;
    left: 0;
    min-width: 180px;
    background: var(--jaggi-white);
    border: 1px solid #ece8df;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    list-style: none;
    margin: 0;
    padding: 8px 0;
    z-index: 100;
}

.jaggi-menu>li:hover>.sub-menu {
    display: block;
}

.jaggi-menu .sub-menu li {
    position: relative;
}

.jaggi-menu .sub-menu .menu-item-has-children>a {
    position: relative;
    padding-right: 28px;
}

.jaggi-menu .sub-menu .menu-item-has-children>a::after {
    content: "";
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid currentColor;
    opacity: 0.7;
}

.jaggi-menu .sub-menu li:hover>.sub-menu {
    display: block;
    top: 0;
    left: 100%;
    margin-left: -1px;
}

.jaggi-menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
}

.jaggi-menu .sub-menu a {
    display: block;
    padding: 8px 18px;
    font-size: 13px;
    color: var(--jaggi-text);
    text-decoration: none;
    transition: background 0.15s, color 0.15s;
}

.jaggi-menu .sub-menu a:hover {
    background: var(--jaggi-beige);
    color: #b8945a;
}

/* Right side: search + icons */
.jaggi-header-right {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
    margin-left: auto;
}

.jaggi-search-inline {
    position: relative;
    display: flex;
    align-items: center;
    width: 240px;
}

.jaggi-search-inline input[type="search"] {
    width: 100%;
    padding: 9px 40px 9px 18px;
    border: 1px solid #36280233;
    border-radius: 50px;
    background: transparent;
    font-size: 14px;
    color: #36280299;
    font-weight: 300;
    outline: none;
    transition: border-color 0.2s;
}

.jaggi-search-inline input[type="search"]::placeholder {
    color: #b0a898;
}

.jaggi-search-inline input[type="search"]:focus {
    border-color: #b8945a;
}

.jaggi-search-submit {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
    color: #888;
    padding: 0;
}

.jaggi-search-submit svg {
    width: 16px;
    height: 16px;
    stroke: #362802;
}

.jaggi-header-icons {
    display: flex;
    align-items: center;
    gap: 6px;
}

.jaggi-icon-btn {
    position: relative;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #3a3a3a;
    background: transparent;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: opacity 0.2s;
}

.jaggi-icon-btn:hover {
    opacity: 0.6;
}

.jaggi-icon-btn svg {
    width: 22px;
    height: 22px;
}

.jaggi-count {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 15px;
    height: 15px;
    padding: 0 3px;
    border-radius: 50%;
    background: #b8945a;
    color: var(--jaggi-white);
    font-size: 9px;
    font-weight: 700;
    line-height: 15px;
    text-align: center;
}

.jaggi-mobile-toggle {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 6px;
    margin-left: 4px;
}

.jaggi-mobile-toggle span {
    display: block;
    height: 2px;
    background: var(--jaggi-dark);
    border-radius: 2px;
}

/* ── Footer ── */
.jaggi-footer {
    background: var(--jaggi-footer);
    color: #b8b0a4;
    padding: 56px 0 0;
    border-radius: 40px 40px 0px 0px;
}

.jaggi-footer-main {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr 1.2fr;
    gap: 32px;
}

.jaggi-handloom-foot-text p {
    background: linear-gradient(170.63deg, rgba(244, 241, 232, 0.12) 12.7%, rgba(244, 241, 232, 0) 86.22%);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background-clip: text !important;
    font-family: 'Playfair Display SC';
    font-size: 133px;
    line-height: normal;
    font-weight: 700;
    text-align: center;
}

@media screen and (max-width:1280px) {
    .jaggi-handloom-foot-text p {
        font-size: 108px;
    }
}

@media screen and (max-width:1100px) {
    .jaggi-handloom-foot-text p {
        font-size: 100px;
    }
}

@media screen and (max-width:991px) {
    .jaggi-handloom-foot-text p {
        font-size: 80px;
    }
}

@media screen and (max-width:768px) {
    .jaggi-handloom-foot-text p {
        font-size: 50px;
    }
}

@media screen and (max-width:545px) {
    .jaggi-handloom-foot-text p {
        font-size: 40px;
    }
}

.jaggi-footer-v2-grid {
    grid-template-columns: 1.6fr 1fr 1fr 1.4fr;
}

.jaggi-footer-contact p {
    font-size: 16px;
    margin: 0 0 8px;
    padding: 0;

}

.jaggi-footer-contact a {
    color: #ffffff;
    text-decoration: none;
}

.jaggi-footer-contact a:hover {
    color: var(--jaggi-gold);
}

.contact-ico {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 5px;
}

.jaggi-footer-bulk {
    margin-top: 12px !important;
    font-weight: 700;
    color: var(--jaggi-white) !important;
}

.jaggi-newsletter-inline {
    display: flex;
    margin-top: 12px;
    background: #6733052e;
    padding: 4px;
    border-radius: 50px;
    padding-left: 20px;
}

.jaggi-newsletter-inline input[type="email"] {
    flex: 1;
    padding: 12px 16px 12px 0;
    border: unset;
    background: unset;
    color: var(--jaggi-white);
    font-family: inherit;
    font-size: 13px;
    outline: none;
}

.jaggi-footer-logo {
    display: block;
    font-family: "Playfair Display SC", serif;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--jaggi-white);
    margin-bottom: 14px;
}

.jaggi-footer-logo img {
    max-height: 44px;
    width: auto;
    margin-bottom: 14px;
}

.jaggi-footer-brand p {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 18px;
    max-width: 300px;
    color: #ffffff;
    font-family: 'Urbanist', sans-serif;
}

.jaggi-footer-col h4,
.jaggi-footer-newsletter h4 {
    color: var(--jaggi-white);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 18px;
    padding: 0;
}

.jaggi-footer-links {
    list-style: none;
    margin: 0;
    padding: 0;
}

.jaggi-footer-links li {
    margin-bottom: 10px;
}

.jaggi-footer-links a {
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    transition: color 0.2s;
}

.jaggi-footer-links a:hover {
    color: var(--jaggi-gold);
}

.jaggi-newsletter-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.jaggi-newsletter-form input[type="email"] {
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.06);
    color: var(--jaggi-white);
    font-family: inherit;
    font-size: 13px;
    outline: none;
}

.jaggi-newsletter-form input::placeholder {
    color: #777;
}

.jaggi-social {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.jaggi-social a {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #ccc;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    transition: background 0.2s;
}

.jaggi-social a:hover {
    background: rgba(255, 255, 255, 0.08);
}

.jaggi-footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #666;
}

.jaggi-footer-bottom p {
    margin: 0;
    color: #ffffff;
    font-size: 16px;
}

.jaggi-cpyrights {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 0 20px;
}

.jaggi-social-sm a {
    width: 34px;
    height: 34px;
    font-size: 11px;
}

/* WhatsApp float */
.jaggi-whatsapp {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 52px;
    height: 52px;
    background: #25d366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 14px rgba(37, 211, 102, 0.4);
    z-index: 999999;
    transition: transform 0.2s;
}

.jaggi-whatsapp:hover {
    transform: scale(1.08);
}

.jaggi-whatsapp svg {
    width: 28px;
    height: 28px;
    fill: white;
}

/* Divi builder section helpers (use these CSS classes in modules) */
.jaggi-section-title {
    font-family: "Playfair Display SC", serif !important;
    font-size: clamp(28px, 3.5vw, 30px) !important;
    font-weight: 400 !important;
    text-align: center !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: #101A0C !important;
}

.jaggi-btn-module .et_pb_button {
    background-color: var(--jaggi-gold) !important;
    border-color: var(--jaggi-gold) !important;
    color: var(--jaggi-dark) !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
}

/* Responsive */
@media (max-width: 1400px) {
    .jaggi-hero-content {
        padding: 40px 0px 0 40px;
    }

    .jaggi-hero .jaggi-container,
    .top-shell .hero .container,
    .jaggi-top-shell .jaggi-hero .container {
        min-height: unset;
    }
}

@media (max-width: 1320px) {
    .jaggi-product-grid-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    .jaggi-search-inline {
        width: 190px;
    }

    .jaggi-menu {
        gap: 14px;
    }
}

@media (max-width: 1024px) {
    .jaggi-footer-main {
        grid-template-columns: repeat(2, 1fr);
    }

    .jaggi-nav {
        order: 3;
        flex: 0 0 100%;
        display: none;
    }

    .jaggi-header.is-open .jaggi-nav {
        display: block;
        position: absolute;
        top: 63px;
        width: 90%;
    }

    .jaggi-header.is-open .jaggi-menu {
        flex-direction: column;
        gap: 0;
        background: #ffffff;
        padding: 0 15px;
        border-radius: 10px;
        box-shadow: 0 0 12px 1px #00000029;
    }

    .jaggi-header.is-open .jaggi-menu>li {
        width: 100%;
        padding: 10px 0;
        border-top: 1px solid rgba(0, 0, 0, 0.06);
    }

    .jaggi-header.is-open .jaggi-menu .sub-menu {
        position: static;
        box-shadow: none;
        border: none;
        padding-left: 12px;
        display: block;
    }

    .jaggi-header.is-open .jaggi-menu .sub-menu .sub-menu {
        padding-left: 12px;
        margin-top: 4px;
    }

    .jaggi-header.is-open .jaggi-menu .sub-menu .menu-item-has-children>a::after {
        display: none;
    }

    .jaggi-mobile-toggle {
        display: flex;
    }

    .jaggi-header-right {
        margin-left: auto;
        gap: 0;
    }

    .jaggi-welcome>.jaggi-container {
        padding: 64px 48px;
        min-height: 0;
    }

    .jaggi-welcome-grid {
        grid-template-columns: 1fr;
        min-height: 0;
        gap: 34px;
    }

    .jaggi-welcome-media-inner img {
        min-height: 320px;
        height: 320px;
    }

    .jaggi-welcome-card {
        padding: 32px 24px;
    }

    .jaggi-comfort-inner {
        flex-direction: column;
    }

    .jaggi-comfort-inner {
        min-height: 0;
    }

    .jaggi-comfort-content {
        flex: 1 1 auto;
        max-width: 100%;
        padding: 32px 32px 24px;
    }

    .jaggi-comfort-content h2,
    .jaggi-comfort-content p {
        max-width: 100%;
    }

    .jaggi-comfort-image img {
        min-height: 280px;
    }

    .jaggi-video-grid {
        grid-template-columns: 1fr;
    }

    .jaggi-video-main img {
        min-height: 280px;
    }

    .jaggi-product-grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        min-height: 0;
    }

    .jaggi-product-grid-4,
    .jaggi-features-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .jaggi-testimonial-card {
        flex-basis: min(340px, calc(100vw - 64px));
    }

    .jaggi-founder-box {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 991px) {

    .jaggi-hero .jaggi-container,
    .top-shell .hero .container,
    .jaggi-top-shell .jaggi-hero .container {
        grid-template-columns: 1fr;
    }

    .jaggi-hero-image-wrap {
        height: 400px;
        width: 80%;
        margin: 0 auto;
    }

    .jaggi-hero-content {
        padding: 40px 40px 40px 40px;
        max-width: 100%;
    }
}

@media screen and (max-width:768px) {
    .jaggi-header {
        padding: 0 20px;
    }

    .jaggi-hero-content {
        padding: 20px;
    }

    .jaggi-hero-content {
        padding: 40px 20px 0px 20px;
        max-width: 100%;
    }

    body.jaggi-home-hero .jaggi-top-shell .jaggi-hero::before {
        display: none;
    }
}

@media (max-width: 640px) {
    .jaggi-product-grid-3 {
        grid-template-columns: 1fr;
    }

    .jaggi-product-card {
        min-height: 0;
    }

    .jaggi-product-grid-3,
    .jaggi-product-grid-4,
    .jaggi-features-grid {
        grid-template-columns: 1fr;
    }

    .jaggi-testimonials-track {
        padding: 12px 20px 20px;
    }

    .jaggi-testimonial-card {
        flex-basis: calc(100vw - 48px);
    }

    .jaggi-testimonial-photo {
        flex-basis: 100px;
        margin-top: -20px;
    }

    .jaggi-testimonial-photo img {
        width: 100px;
        height: 132px;
    }

    .jaggi-founder-photo {
        flex: none;
        width: 100%;
    }

    .jaggi-hero-content h1 {
        font-size: 28px !important;
        padding: 0;
    }

    .jaggi-hero-content p {
        font-size: 14px;
    }

    .jaggi-container {
        padding: 0 20px;
    }

    .jaggi-welcome>.jaggi-container {
        padding: 48px 20px;
    }

    .jaggi-header-inner {
        height: auto;
        min-height: var(--jaggi-header-row-h);
    }

    .jaggi-search-inline {
        display: none;
    }

    .jaggi-footer-main {
        grid-template-columns: 1fr;
    }

    .jaggi-footer-bottom {
        flex-direction: column;
        gap: 12px;
        text-align: center;
    }

    .jaggi-hero-image-wrap {
        height: 350px;
    }

    .jaggi-founder-card {
        padding: 18px;
    }

    .jaggi-img-note-text h2 {
        font-size: 25px !important;
    }

    .jaggi-founder-photo img {
        height: 350px;
    }
}

.jaggi-top-shell,
.jaggi-hero,
.jaggi-hero::before,
body.jaggi-home-hero #page-container {
    overflow-x: hidden !important;
    overflow-y: visible !important;
}

.jaggi-header {
    position: relative !important;
    z-index: 999999 !important;
}

.jaggi-nav,
.jaggi-menu,
.jaggi-menu .sub-menu {
    z-index: 9999999 !important;
}

.wa__widget_container {
    display: none !important;
}