@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&family=Lora:wght@400;500&display=swap');

/* Theme Name: Summer's Healing Hut — Custom Author: Summer Version: 1.0 */
:root {
    --linen: #f5f1e8; --cream: #fbf9f4; --clay: #b46f4c; --zisha: #70483c; --wood: #342b26; --muted: #756d65; --line: 
    rgba(52, 43, 38, 0.14); --white: #ffffff; --max-width: 1280px;
}
* { box-sizing: border-box;
}
html { scroll-behavior: smooth;
}
body { margin: 0; background: var(--cream); color: var(--wood); font-family: Arial, Helvetica, sans-serif; line-height: 
    1.7;
}
a { color: inherit; text-decoration: none;
}
img { max-width: 100%; height: auto; display: block;
}
/* ========================= HEADER ========================= */ .site-header { position: absolute; top: 0; left: 0; 
    right: 0; z-index: 100; color: var(--white);
}

/* ========================= COLLECTIONS ========================= */

 .collections { padding: 130px 40px; max-width: 
    var(--max-width); margin: 0 auto;
}
.section-heading { max-width: 680px; margin: 0 auto 70px; text-align: center;
}
.section-heading > span, .philosophy-inner > span, .newsletter span { font-size: 10px; letter-spacing: 0.28em; 
    text-transform: uppercase; color: var(--clay);
}
.section-heading h2, .philosophy h2, .newsletter h2 { margin: 15px 0; font-family: Georgia, "Times New Roman", serif; 
    font-size: clamp(40px, 5vw, 64px); font-weight: 400; line-height: 1.1;
}
.section-heading p { margin: 0 auto; color: var(--muted); max-width: 550px;
}
.collection-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px;
}
.collection-card { display: block; background: var(--linen); overflow: hidden; transition: transform 0.4s ease;
}
.collection-card:hover { transform: translateY(-5px);
}
.collection-image { min-height: 390px; position: relative; overflow: hidden; transition: transform 0.6s ease;
}
.collection-card:hover .collection-image { transform: scale(1.02);
}
/* Featured Tea & Incense card */
.collection-card.card-wide {
    grid-column: 1 / -1;
}

.collection-card.card-wide .collection-image {
    min-height: 460px;
}
/* Zisha Teapots */
.zisha-image {
    background-image: url('assets/zisha-teapots.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.ceramic-image {
    background-image: url('assets/ceramic-art.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.tea-pet-image {
    background-image: url('assets/tea-pets.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.crystal-image {
    background-image: url('assets/crystals.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.tea-incense-image {
    background-image: url('assets/tea-incense.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.collection-info { padding: 28px 30px 34px;
}
.collection-info span { font-size: 9px; letter-spacing: 0.22em; color: var(--clay);
}
.collection-info h3 { margin: 8px 0; font-family: Georgia, "Times New Roman", serif; font-size: 31px; font-weight: 400;
}
.collection-info p { margin: 0; color: var(--muted); font-size: 14px;
}
/* ========================= PHILOSOPHY ========================= */ .philosophy { padding: 160px 40px; background: 
    var(--linen); text-align: center;
}
.philosophy-inner { max-width: 760px; margin: 0 auto;
}
.philosophy h2 { color: var(--zisha);
}
.philosophy p { max-width: 620px; margin: 20px auto; color: var(--muted); font-size: 16px;
}
/* ========================= NEWSLETTER ========================= */ .newsletter { padding: 130px 40px; text-align: 
    center; background: var(--zisha); color: var(--white);
}
.newsletter h2 { margin-top: 15px;
}
.newsletter p { max-width: 500px; margin: 20px auto 35px; opacity: 0.8;
}
.newsletter a { display: inline-block; padding: 15px 30px; border: 1px solid rgba(255,255,255,0.6); font-size: 10px; 
    letter-spacing: 0.2em; text-transform: uppercase;
}
.newsletter a:hover { background: var(--white); color: var(--zisha);
}
/* ========================= FOOTER ========================= */ .site-footer { background: #2e2723; color: 
    var(--white); padding: 75px 40px 30px;
}
.footer-inner { max-width: var(--max-width); margin: 0 auto; display: grid; grid-template-columns: 1.5fr 1fr; gap: 80px;
}
.footer-brand { max-width: 400px;
}
.footer-logo { font-family: Georgia, "Times New Roman", serif; font-size: 20px; letter-spacing: 0.14em;
}
.footer-brand p { color: rgba(255,255,255,0.65); font-size: 14px; margin-top: 20px;
}
.footer-links { display: grid; grid-template-columns: 1fr 1fr; gap: 50px;
}
.footer-links h4 { font-size: 10px; letter-spacing: 0.2em; margin: 0 0 18px;
}
.footer-links a { display: block; margin: 8px 0; color: rgba(255,255,255,0.65); font-size: 13px;
}
.footer-links a:hover { color: var(--white);
}
.footer-bottom { max-width: var(--max-width); margin: 60px auto 0; padding-top: 25px; border-top: 1px solid 
    rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); font-size: 11px;
}
/* ========================= MOBILE ========================= */ @media (max-width: 900px) { .header-inner { padding: 
        22px 22px;
    }

}

body.single-product .summer-premium-product {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(360px, .8fr);
    align-items: start;
}

/* =========================================================
   GALLERY
   ========================================================= */

body.single-product .summer-premium-gallery {
    position: sticky;
    top: 0;
    width: 100%;
    padding: 0;
    background: #f4f2ed;
}

body.single-product .summer-premium-gallery-stage {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 5;
    overflow: hidden;
}

body.single-product .summer-premium-gallery-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    opacity: 0;
    visibility: hidden;
    cursor: zoom-in;
    transition: opacity .25s ease;
}

body.single-product .summer-premium-gallery-image.is-active {
    opacity: 1;
    visibility: visible;
}

body.single-product .summer-premium-gallery-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.single-product .summer-premium-gallery-arrow {
    position: absolute;
    top: 50%;
    z-index: 5;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.88);
    color: #171714;
    font-size: 30px;
    line-height: 48px;
    text-align: center;
    transform: translateY(-50%);
    cursor: pointer;
}

body.single-product .summer-premium-gallery-arrow:hover {
    background: #fff;
}

body.single-product .summer-premium-gallery-prev {
    left: 24px;
}

body.single-product .summer-premium-gallery-next {
    right: 24px;
}

body.single-product .summer-premium-gallery-counter {
    position: absolute;
    right: 24px;
    bottom: 22px;
    z-index: 5;
    padding: 7px 12px;
    background: rgba(255,255,255,.88);
    font-size: 11px;
    letter-spacing: .12em;
}

body.single-product .summer-premium-gallery-thumbs {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
    padding: 8px;
    background: #fff;
}

body.single-product .summer-premium-gallery-thumb {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    padding: 0;
    border: 1px solid transparent;
    background: #f4f2ed;
    overflow: hidden;
    cursor: pointer;
}

body.single-product .summer-premium-gallery-thumb.is-active {
    border-color: #171714;
}

body.single-product .summer-premium-gallery-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* =========================================================
   PRODUCT SUMMARY
   ========================================================= */

body.single-product .summer-premium-summary {
    width: 100%;
    min-height: 100%;
    background: #fff;
}

body.single-product .summer-premium-summary-inner {
    position: sticky;
    top: 0;
    max-width: 560px;
    margin: 0 auto;
    padding: 90px 70px;
}

body.single-product .summer-premium-eyebrow {
    margin: 0 0 24px;
    font-size: 10px;
    line-height: 1.4;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
}

body.single-product .summer-premium-summary .product_title {
    margin: 0 0 18px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(38px, 4vw, 58px);
    line-height: 1.02;
    font-weight: 400;
    letter-spacing: -.025em;
}

body.single-product .summer-premium-subtitle {
    margin: 0 0 30px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    line-height: 1.6;
    color: #66625b;
}

body.single-product .summer-premium-summary .price {
    display: block;
    margin: 0 0 28px;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
}

body.single-product .summer-premium-summary .price del {
    margin-right: 8px;
    color: #888;
}

body.single-product .summer-premium-summary .price ins {
    text-decoration: none;
}

body.single-product .summer-premium-summary .woocommerce-product-details__short-description {
    margin: 0 0 35px;
    font-size: 14px;
    line-height: 1.75;
    color: #45433e;
}

body.single-product .summer-premium-summary .woocommerce-product-details__short-description p {
    margin: 0 0 12px;
}

body.single-product .summer-premium-purchase {
    margin-top: 30px;
}

body.single-product .summer-premium-purchase form.cart {
    display: flex;
    align-items: stretch;
    gap: 10px;
    margin: 0;
}

body.single-product .summer-premium-purchase .quantity {
    flex: 0 0 90px;
    margin: 0;
}

body.single-product .summer-premium-purchase .quantity input.qty {
    width: 100%;
    height: 54px;
    border: 1px solid #c9c6bf;
    border-radius: 0;
    background: #fff;
    font-size: 14px;
    text-align: center;
}

body.single-product .summer-premium-purchase .single_add_to_cart_button {
    flex: 1;
    min-height: 54px;
    margin: 0;
    padding: 14px 24px;
    border: 1px solid #171714;
    border-radius: 0;
    background: #171714;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .15em;
    text-transform: uppercase;
    cursor: pointer;
}

body.single-product .summer-premium-purchase .single_add_to_cart_button:hover {
    background: #3a3935;
}

body.single-product .summer-premium-purchase-note {
    margin-top: 14px;
    font-size: 11px;
    line-height: 1.5;
    color: #77736c;
}

/* =========================================================
   DETAILS
   ========================================================= */

body.single-product .summer-premium-details {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 100px 40px;
}

body.single-product .summer-premium-detail-block {
    border-top: 1px solid #d9d6cf;
    padding: 32px 0;
}

body.single-product .summer-premium-detail-heading {
    margin-bottom: 28px;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
}

body.single-product .summer-premium-detail-body {
    width: 100%;
}

body.single-product .summer-premium-detail-row {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 30px;
    padding: 16px 0;
    border-bottom: 1px solid #ece9e2;
}

body.single-product .summer-premium-detail-label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

body.single-product .summer-premium-detail-value {
    font-size: 14px;
    line-height: 1.7;
    color: #4d4a44;
}

body.single-product .summer-premium-detail-value p {
    margin: 0 0 10px;
}

body.single-product .summer-premium-story-content,
body.single-product .summer-premium-shipping-content {
    max-width: 720px;
    font-size: 14px;
    line-height: 1.8;
    color: #4d4a44;
}

body.single-product .summer-premium-story-content p,
body.single-product .summer-premium-shipping-content p {
    margin: 0 0 18px;
}

/* =========================================================
   REVIEWS
   ========================================================= */

body.single-product .summer-premium-reviews {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 40px 100px;
}

body.single-product .summer-premium-reviews-content {
    font-size: 14px;
}

/* =========================================================
   LIGHTBOX
   ========================================================= */

html.summer-premium-lightbox-open {
    overflow: hidden;
}

body.single-product .summer-premium-lightbox {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    background: rgba(15,15,13,.96);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease;
}

body.single-product .summer-premium-lightbox.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

body.single-product .summer-premium-lightbox-image {
    display: block;
    max-width: 90vw;
    max-height: 88vh;
    width: auto;
    height: auto;
    object-fit: contain;
}

body.single-product .summer-premium-lightbox-close,
body.single-product .summer-premium-lightbox-prev,
body.single-product .summer-premium-lightbox-next {
    position: absolute;
    z-index: 3;
    border: 0;
    background: transparent;
    color: #fff;
    cursor: pointer;
}

body.single-product .summer-premium-lightbox-close {
    top: 24px;
    right: 30px;
    font-size: 38px;
    line-height: 1;
}

body.single-product .summer-premium-lightbox-prev,
body.single-product .summer-premium-lightbox-next {
    top: 50%;
    font-size: 48px;
    transform: translateY(-50%);
}

body.single-product .summer-premium-lightbox-prev {
    left: 30px;
}

body.single-product .summer-premium-lightbox-next {
    right: 30px;
}

body.single-product .summer-premium-lightbox-counter {
    position: absolute;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%);
    color: #fff;
    font-size: 11px;
    letter-spacing: .12em;
}

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

@media (max-width: 1000px) {

    body.single-product .summer-premium-product {
        grid-template-columns: 1fr;
    }

    body.single-product .summer-premium-gallery {
        position: relative;
    }

    body.single-product .summer-premium-summary-inner {
        position: relative;
        max-width: 700px;
        padding: 70px 40px;
    }

    body.single-product .summer-premium-details {
        padding-top: 70px;
    }
}

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

@media (max-width: 600px) {

    body.single-product .summer-premium-gallery-stage {
        aspect-ratio: 4 / 5;
    }

    body.single-product .summer-premium-gallery-thumbs {
        grid-template-columns: repeat(5, 1fr);
        gap: 5px;
        padding: 5px;
    }

    body.single-product .summer-premium-gallery-arrow {
        width: 40px;
        height: 40px;
        font-size: 25px;
        line-height: 40px;
    }

    body.single-product .summer-premium-gallery-prev {
        left: 12px;
    }

    body.single-product .summer-premium-gallery-next {
        right: 12px;
    }

    body.single-product .summer-premium-summary-inner {
        padding: 50px 24px 65px;
    }

    body.single-product .summer-premium-summary .product_title {
        font-size: 38px;
    }

    body.single-product .summer-premium-purchase form.cart {
        gap: 8px;
    }

    body.single-product .summer-premium-purchase .quantity {
        flex: 0 0 75px;
    }

    body.single-product .summer-premium-details {
        padding: 60px 24px;
    }

    body.single-product .summer-premium-detail-row {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    body.single-product .summer-premium-reviews {
        padding: 0 24px 70px;
    }

    body.single-product .summer-premium-lightbox {
        padding: 20px;
    }

    body.single-product .summer-premium-lightbox-prev {
        left: 8px;
    }

    body.single-product .summer-premium-lightbox-next {
        right: 8px;
    }
}

/* =========================================================
   SUMMER'S HEALING HUT — ABOUT ME
   Personal / quiet / handmade
   ========================================================= */

.summer-about {
    width: min(760px, calc(100% - 40px));
    margin: 0 auto;
    padding: 100px 0 120px;
}

.summer-about > h1 {
    margin: 0 0 72px;
    text-align: center;
    font-size: clamp(36px, 5vw, 56px);
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0.02em;
}

.summer-about-intro {
    max-width: 680px;
    margin: 0 auto;
}

.summer-about-intro p {
    margin: 0 0 32px;
    font-size: 17px;
    line-height: 1.95;
    font-weight: 400;
}

.summer-about-intro p:first-child {
    margin-bottom: 28px;
    font-size: 22px;
    line-height: 1.6;
}

.summer-about-intro p:nth-child(2) {
    margin-bottom: 52px;
}

.summer-about-intro p:nth-child(8) {
    margin-top: 56px;
    margin-bottom: 52px;
    font-size: 19px;
    line-height: 1.8;
}

.summer-about-intro p:last-child {
    margin-top: 58px;
    margin-bottom: 0;
    padding-top: 42px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    font-size: 19px;
    line-height: 1.9;
    font-style: italic;
}

/* Keep the About page quiet on smaller screens */
@media (max-width: 700px) {
    .summer-about {
        width: calc(100% - 36px);
        padding: 70px 0 85px;
    }

    .summer-about > h1 {
        margin-bottom: 52px;
        font-size: 38px;
    }

    .summer-about-intro {
        max-width: none;
    }

    .summer-about-intro p {
        margin-bottom: 28px;
        font-size: 16px;
        line-height: 1.9;
    }

    .summer-about-intro p:first-child {
        font-size: 20px;
    }

    .summer-about-intro p:nth-child(2) {
        margin-bottom: 42px;
    }

    .summer-about-intro p:nth-child(8) {
        margin-top: 44px;
        margin-bottom: 42px;
        font-size: 18px;
    }

    .summer-about-intro p:last-child {
        margin-top: 46px;
        padding-top: 34px;
        font-size: 18px;
    }
}


/* About Me — Studio Image */

.summer-about-image {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto 72px;
    padding: 0;
}

.summer-about-image img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    border: 0;
    border-radius: 2px;
}

@media (max-width: 700px) {
    .summer-about-image {
        width: 100%;
        margin-bottom: 52px;
    }

    .summer-about-image img {
        width: 100%;
        height: auto;
    }
}


/* =========================================================
   ABOUT ME — PERSONAL FOREST / HANDCRAFT TYPOGRAPHY
   Cormorant Garamond + Lora
   ========================================================= */

500&family=Lora:wght@400;500&display=swap');

body.page-id-59 .summer-about > h1,
body.page-id-59 .summer-about-intro p:first-child,
body.page-id-59 .summer-about-intro p:last-child {
    font-family: "Cormorant Garamond", Georgia, serif;
}

body.page-id-59 .summer-about-intro p {
    font-family: "Lora", Georgia, serif;
}

body.page-id-59 .summer-about > h1 {
    font-weight: 400;
    letter-spacing: 0.015em;
}

body.page-id-59 .summer-about-intro p:first-child {
    font-weight: 500;
    letter-spacing: 0.01em;
}

body.page-id-59 .summer-about-intro p:last-child {
    font-weight: 400;
    letter-spacing: 0.005em;
}


/* =========================================================
   ABOUT ME — FULL WIDTH STUDIO IMAGE
   Full viewport width / natural image ratio / no cropping
   ========================================================= */

body.page-id-59 {
    overflow-x: hidden;
}

body.page-id-59 .summer-about > h1 {
    margin-bottom: 42px;
}

body.page-id-59 .summer-about-image {
    width: 100vw;
    max-width: none;
    margin-top: 0;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-bottom: 92px;
    padding: 0;
}

body.page-id-59 .summer-about-image img {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
}

body.page-id-59 .summer-about-intro {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
}

body.page-id-59 .summer-about-intro p:first-child {
    margin-bottom: 30px;
}

body.page-id-59 .summer-about-intro p:nth-child(2) {
    margin-bottom: 54px;
}

body.page-id-59 .summer-about-intro p:nth-child(8) {
    margin-top: 60px;
    margin-bottom: 52px;
}

body.page-id-59 .summer-about-intro p:last-child {
    margin-top: 62px;
}

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

    body.page-id-59 .summer-about {
        width: calc(100% - 36px);
        padding-top: 64px;
        padding-bottom: 80px;
    }

    body.page-id-59 .summer-about > h1 {
        margin-bottom: 34px;
    }

    body.page-id-59 .summer-about-image {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        margin-bottom: 58px;
    }

    body.page-id-59 .summer-about-image img {
        width: 100%;
        height: auto;
    }

    body.page-id-59 .summer-about-intro {
        max-width: none;
    }

    body.page-id-59 .summer-about-intro p:first-child {
        margin-bottom: 26px;
    }

    body.page-id-59 .summer-about-intro p:nth-child(2) {
        margin-bottom: 42px;
    }

    body.page-id-59 .summer-about-intro p:nth-child(8) {
        margin-top: 46px;
        margin-bottom: 42px;
    }

    body.page-id-59 .summer-about-intro p:last-child {
        margin-top: 48px;
    }
}


/* =========================================================
   ABOUT ME — FINAL PERSONAL TYPOGRAPHY REFINEMENT
   ========================================================= */

body.page-id-59 .summer-about-intro {
    max-width: 620px;
}

body.page-id-59 .summer-about > h1 {
    margin-bottom: 34px;
}

/* Hello, I'm Summer. — personal opening */
body.page-id-59 .summer-about-intro p:first-child {
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 32px;
    line-height: 1.25;
    font-weight: 500;
    letter-spacing: 0.01em;
    margin-bottom: 28px;
}

/* The opening sentence stays calm and readable */
body.page-id-59 .summer-about-intro p:nth-child(2) {
    margin-bottom: 50px;
}

/* Quiet visual pause */
body.page-id-59 .summer-about-intro p:nth-child(8) {
    margin-top: 72px;
    margin-bottom: 72px;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 27px;
    line-height: 1.45;
    font-weight: 400;
    letter-spacing: 0.01em;
}

/* Final sentence — quiet ending */
body.page-id-59 .summer-about-intro p:last-child {
    margin-top: 68px;
    padding-top: 44px;
    border-top: 1px solid rgba(0, 0, 0, 0.10);
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 24px;
    line-height: 1.55;
    font-style: italic;
    letter-spacing: 0.01em;
}

/* Mobile refinement */
@media (max-width: 700px) {

    body.page-id-59 .summer-about-intro {
        max-width: none;
    }

    body.page-id-59 .summer-about > h1 {
        margin-bottom: 30px;
    }

    body.page-id-59 .summer-about-intro p:first-child {
        font-size: 27px;
        line-height: 1.3;
        margin-bottom: 24px;
    }

    body.page-id-59 .summer-about-intro p:nth-child(2) {
        margin-bottom: 42px;
    }

    body.page-id-59 .summer-about-intro p:nth-child(8) {
        margin-top: 54px;
        margin-bottom: 54px;
        font-size: 24px;
    }

    body.page-id-59 .summer-about-intro p:last-child {
        margin-top: 52px;
        padding-top: 34px;
        font-size: 22px;
    }
}


/* =====================================================
   SUMMER ZEN — ROOKWOOD STYLE CART ICON
   ===================================================== */


.header-actions .cart-link {
    position: relative !important;

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

    width: 30px !important;
    height: 30px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #24231f !important;
    text-decoration: none !important;

    line-height: 1 !important;
}

.header-actions .summer-cart-icon {
    position: relative !important;

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

    width: 22px !important;
    height: 22px !important;
}

.header-actions .summer-cart-icon svg {
    display: block !important;

    width: 21px !important;
    height: 21px !important;

    overflow: visible !important;

    color: #24231f !important;
}

.header-actions .summer-cart-count {
    position: absolute !important;

    top: -7px !important;
    right: -9px !important;

    min-width: 14px !important;
    height: 14px !important;

    padding: 0 3px !important;

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

    border-radius: 50% !important;

    background: #24231f !important;
    color: #fff !important;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Helvetica Neue",
        Arial,
        sans-serif !important;

    font-size: 8px !important;
    font-weight: 400 !important;

    line-height: 14px !important;
    letter-spacing: 0 !important;

    pointer-events: none !important;
}

.header-actions .cart-link:hover {
    color: #24231f !important;
    opacity: .65 !important;
}

.header-actions .cart-link:hover .summer-cart-count {
    opacity: 1 !important;
}


/* =========================
   CONTACT PAGE UPDATE
   ========================= */

/* Contact 大标题缩小并居中 */
.summer-contact-title {
    font-size: clamp(42px, 5vw, 72px) !important;
    text-align: center;
}

/* 去掉 Contact intro */
.summer-contact-intro {
    display:none !important;
}

/* Hero 居中 */
.summer-contact-hero {
    text-align:center;
}


/* 两栏文字布局 */
.summer-contact-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 80px !important;
}


/* Contact 内容字体缩小 */
.summer-contact-info-text,
.summer-contact-form label,
.summer-contact-form input,
.summer-contact-form textarea {
    font-size:14px !important;
}


/* 成功提示缩小 */
.summer-contact-message {
    font-size:14px !important;
}


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

@media(max-width:768px){

.summer-contact-grid{
    grid-template-columns:1fr !important;
}

.summer-contact-title{
    font-size:42px !important;
}

}


/* FIX HEADER BROWN BACKGROUND FULL BLEED */

body.home .site-header,
body.home header.site-header {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}


/* =====================================================
   SUMMER ZEN — PRODUCT IMAGE LIGHTBOX
   Does not change product layout / cart / WooCommerce logic
   ===================================================== */

.summer-product-lightbox {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(28, 25, 22, 0.96);
    padding: 40px;
    box-sizing: border-box;
}

.summer-product-lightbox.is-open {
    display: flex;
}

.summer-product-lightbox-image {
    max-width: min(90vw, 1400px);
    max-height: 88vh;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    user-select: none;
}

.summer-product-lightbox-close {
    position: absolute;
    top: 22px;
    right: 28px;
    width: 42px;
    height: 42px;
    border: 0;
    background: transparent;
    color: #f7f3ec;
    font-size: 32px;
    font-weight: 300;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
    padding: 0;
    z-index: 2;
}

.summer-product-lightbox-close:hover {
    opacity: .65;
}

.summer-product-lightbox-prev,
.summer-product-lightbox-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 52px;
    height: 52px;
    border: 0;
    background: transparent;
    color: #f7f3ec;
    font-size: 34px;
    font-weight: 300;
    line-height: 52px;
    text-align: center;
    cursor: pointer;
    padding: 0;
    z-index: 2;
}

.summer-product-lightbox-prev {
    left: 22px;
}

.summer-product-lightbox-next {
    right: 22px;
}

.summer-product-lightbox-prev:hover,
.summer-product-lightbox-next:hover {
    opacity: .65;
}

body.summer-lightbox-open {
    overflow: hidden;
}

/* Make existing product images clickable without changing their layout */
.single-product .woocommerce-product-gallery__image img,
.single-product .woocommerce-product-gallery img {
    cursor: zoom-in;
}

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

    .summer-product-lightbox {
        padding: 20px;
    }

    .summer-product-lightbox-image {
        max-width: 94vw;
        max-height: 82vh;
    }

    .summer-product-lightbox-close {
        top: 12px;
        right: 14px;
        font-size: 28px;
    }

    .summer-product-lightbox-prev,
    .summer-product-lightbox-next {
        width: 42px;
        height: 42px;
        font-size: 27px;
        line-height: 42px;
    }

    .summer-product-lightbox-prev {
        left: 6px;
    }

    .summer-product-lightbox-next {
        right: 6px;
    }
}


/* =====================================================
   SUMMER ZEN — PRODUCT IMAGE LIGHTBOX FINAL CSS
   ===================================================== */

#summer-product-lightbox {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;

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

    background: rgba(30, 27, 23, 0.96) !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    z-index: 999999 !important;

    transition:
        opacity 0.25s ease,
        visibility 0.25s ease !important;
}

#summer-product-lightbox.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

#summer-product-lightbox-image {
    display: block !important;

    max-width: 88vw !important;
    max-height: 88vh !important;

    width: auto !important;
    height: auto !important;

    object-fit: contain !important;

    cursor: zoom-out !important;

    user-select: none !important;
    -webkit-user-drag: none !important;
}

.summer-product-lightbox-close {
    position: absolute !important;
    top: 25px !important;
    right: 32px !important;

    width: 44px !important;
    height: 44px !important;

    border: 0 !important;
    background: transparent !important;

    color: #f7f3ec !important;

    font-size: 38px !important;
    line-height: 44px !important;
    font-weight: 300 !important;

    cursor: pointer !important;

    z-index: 2 !important;
}

.summer-product-lightbox-prev,
.summer-product-lightbox-next {
    position: absolute !important;
    top: 50% !important;

    transform: translateY(-50%) !important;

    width: 54px !important;
    height: 70px !important;

    border: 0 !important;
    background: transparent !important;

    color: #f7f3ec !important;

    font-size: 58px !important;
    line-height: 1 !important;
    font-weight: 200 !important;

    cursor: pointer !important;

    z-index: 2 !important;
}

.summer-product-lightbox-prev {
    left: 25px !important;
}

.summer-product-lightbox-next {
    right: 25px !important;
}

.summer-product-lightbox-close:hover,
.summer-product-lightbox-prev:hover,
.summer-product-lightbox-next:hover {
    opacity: 0.65 !important;
}

@media (max-width: 767px) {

    #summer-product-lightbox-image {
        max-width: 92vw !important;
        max-height: 82vh !important;
    }

    .summer-product-lightbox-close {
        top: 15px !important;
        right: 15px !important;

        font-size: 32px !important;
    }

    .summer-product-lightbox-prev,
    .summer-product-lightbox-next {
        width: 40px !important;
        height: 55px !important;

        font-size: 45px !important;
    }

    .summer-product-lightbox-prev {
        left: 5px !important;
    }

    .summer-product-lightbox-next {
        right: 5px !important;
    }
}


#summer-product-lightbox.summer-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    display: flex !important;
}


/* =========================================
   HOME HERO - MOBILE RESPONSIVE
   ========================================= */

.hero {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.hero-image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

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

    .hero {
        width: 100%;
        height: auto;
        min-height: 0;
        overflow: hidden;
    }

    .hero-image {
        width: 100%;
        height: auto;
        max-width: 100%;
        min-height: 0;
        object-fit: contain;
    }

    .hero-overlay {
        position: absolute;
        inset: 0;
    }

    .hero-content {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

}

/* iPhone / small screens */
@media (max-width: 480px) {

    .hero {
        height: auto;
        min-height: 0;
    }

    .hero-image {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

}

/* =========================================
   FINAL MOBILE HERO FIX
   ========================================= */

@media (max-width: 767px) {

    .hero {
        min-height: 0 !important;
        height: auto !important;
        display: block !important;
        position: relative;
        overflow: hidden;
    }

    .hero-image {
        position: relative !important;
        inset: auto !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        min-height: 0 !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    .hero-overlay {
        position: absolute !important;
        inset: 0 !important;
        z-index: 1;
    }

    .hero-content {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 2;
        width: 100%;
        box-sizing: border-box;
    }

}

@media (max-width: 480px) {

    .hero {
        min-height: 0 !important;
        height: auto !important;
    }

    .hero-image {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }

}

/* =========================================
   MOBILE HERO — NATURAL HEIGHT RESTORE
   ========================================= */

@media (max-width: 767px) {
    .hero {
        min-height: 0 !important;
        height: auto !important;
        display: block !important;
        position: relative !important;
        overflow: hidden;
    }

    .hero-image {
        position: relative !important;
        inset: auto !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        min-height: 0 !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    .hero-overlay {
        position: absolute !important;
        inset: 0 !important;
        z-index: 1 !important;
    }

    .hero-content {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 2 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 480px) {
    .hero {
        min-height: 0 !important;
        height: auto !important;
    }

    .hero-image {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }
}

/* Product quantity field — match Add to Cart width */
.single-product form.cart .quantity {
    width: 100% !important;
    max-width: 100% !important;
}

.single-product form.cart .quantity .qty {
    width: 100% !important;
    height: 52px !important;
    box-sizing: border-box !important;
    text-align: center;
}

.single-product form.cart .single_add_to_cart_button {
    width: 100% !important;
    min-height: 52px !important;
    box-sizing: border-box !important;
}


/* =====================================================
   PRODUCT PAGE — QUANTITY FULL WIDTH
   ===================================================== */

body.single-product .rookwood-purchase .quantity {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 16px !important;
}

body.single-product .rookwood-purchase .quantity input.qty {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
    border: 1px solid #bbb6ad !important;
    border-radius: 0 !important;
    background: transparent !important;
    text-align: center !important;
}


/* =====================================================
   SUMMER HEALING HUT
   PRODUCT PAGE TYPOGRAPHY
   Inspired by Zisha Craftsman
   ===================================================== */

body.single-product .rookwood-product,
body.single-product .rookwood-product * {
    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif !important;
}

/* PRODUCT TITLE */

body.single-product .rookwood-product-title,
body.single-product .rookwood-product h1 {
    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif !important;

    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    letter-spacing: -0.015em !important;
}

/* SUBTITLE */

body.single-product .rookwood-subtitle {
    font-size: 14px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* PRICE */

body.single-product .rookwood-product-price {
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* SHORT DESCRIPTION */

body.single-product .rookwood-short-description {
    font-size: 14px !important;
    line-height: 1.75 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* QUANTITY */

body.single-product .rookwood-purchase,
body.single-product .rookwood-purchase label,
body.single-product .rookwood-purchase .quantity,
body.single-product .rookwood-purchase .quantity input {
    font-size: 13px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* QUANTITY INPUT */

body.single-product .rookwood-purchase .quantity input.qty {
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* ADD TO CART */

body.single-product .rookwood-purchase .single_add_to_cart_button {
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

/* ACCORDION TITLES */

body.single-product .rookwood-summary-information
.rookwood-accordion-toggle {
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* ACCORDION CONTENT */

body.single-product .rookwood-summary-information
.rookwood-accordion-content {
    font-size: 14px !important;
    line-height: 1.75 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* CONTENT PARAGRAPHS */

body.single-product .rookwood-summary-information
.rookwood-accordion-content p {
    font-size: 14px !important;
    line-height: 1.75 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* MOBILE */

@media (max-width: 767px) {

    body.single-product .rookwood-product-title,
    body.single-product .rookwood-product h1 {
        font-size: 27px !important;
        line-height: 1.22 !important;
    }

    body.single-product .rookwood-product-price {
        font-size: 15px !important;
    }

    body.single-product .rookwood-short-description {
        font-size: 14px !important;
        line-height: 1.7 !important;
    }

    body.single-product .rookwood-summary-information
    .rookwood-accordion-toggle {
        font-size: 13px !important;
    }

    body.single-product .rookwood-summary-information
    .rookwood-accordion-content {
        font-size: 14px !important;
        line-height: 1.7 !important;
    }

}


/* =========================================
   PRODUCT PRICE — LARGER
   ========================================= */

body.single-product .rookwood-product-price {
    font-size: 24px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

@media (max-width: 767px) {
    body.single-product .rookwood-product-price {
        font-size: 22px !important;
    }
}


/* =====================================================
   SUMMER ZEN — PRODUCT PRICE FINAL OVERRIDE
   ===================================================== */

html body.single-product .rookwood-product-price {
    display: block !important;
    width: 100% !important;
    font-size: 30px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
}

html body.single-product .rookwood-product-price .amount,
html body.single-product .rookwood-product-price .woocommerce-Price-amount,
html body.single-product .rookwood-product-price bdi {
    font-size: 30px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
}

@media (max-width: 767px) {
    html body.single-product .rookwood-product-price,
    html body.single-product .rookwood-product-price .amount,
    html body.single-product .rookwood-product-price .woocommerce-Price-amount,
    html body.single-product .rookwood-product-price bdi {
        font-size: 26px !important;
    }
}


/* =====================================================
   SUMMER ZEN — PRODUCT HEADER FINAL STYLE
   TITLE → PRICE → LINE → SUBTITLE
   ===================================================== */

/* TITLE */
html body.single-product .rookwood-product-title,
html body.single-product .rookwood-product-title h1,
html body.single-product h1.product_title,
html body.single-product .product_title {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 42px !important;
    line-height: 1.08 !important;
    font-weight: 400 !important;
    letter-spacing: -0.025em !important;
    color: #24231f !important;
    margin: 0 0 16px !important;
}

/* PRICE */
html body.single-product .rookwood-product-price {
    margin: 0 0 22px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue",
                 Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    letter-spacing: .02em !important;
    color: #4f4c46 !important;
}

html body.single-product .rookwood-product-price .amount,
html body.single-product .rookwood-product-price .woocommerce-Price-amount,
html body.single-product .rookwood-product-price bdi {
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

/* LINE + SUBTITLE */
html body.single-product .rookwood-subtitle {
    border-top: 1px solid #d8d3ca !important;
    padding-top: 16px !important;
    margin: 0 0 30px !important;

    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue",
                 Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
    letter-spacing: .015em !important;
    color: #706c64 !important;
}

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

    html body.single-product .rookwood-product-title,
    html body.single-product .rookwood-product-title h1,
    html body.single-product h1.product_title,
    html body.single-product .product_title {
        font-size: 32px !important;
        line-height: 1.1 !important;
        letter-spacing: -0.02em !important;
        margin-bottom: 13px !important;
    }

    html body.single-product .rookwood-product-price,
    html body.single-product .rookwood-product-price .amount,
    html body.single-product .rookwood-product-price .woocommerce-Price-amount,
    html body.single-product .rookwood-product-price bdi {
        font-size: 15px !important;
    }

    html body.single-product .rookwood-product-price {
        margin-bottom: 18px !important;
    }

    html body.single-product .rookwood-subtitle {
        padding-top: 14px !important;
        margin-bottom: 26px !important;
        font-size: 12px !important;
        line-height: 1.65 !important;
    }
}


/* =====================================================
   SUMMER ZEN — PRODUCT TITLE / PRICE / SUBTITLE FINAL
   ===================================================== */

body.single-product .rookwood-product-title {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 42px !important;
    line-height: 1.08 !important;
    font-weight: 400 !important;
    letter-spacing: -0.02em !important;
    margin: 0 0 18px !important;
    color: #24231f !important;
}

body.single-product .rookwood-product-price {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 24px !important;

    border-bottom: 0 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    color: #24231f !important;
}

body.single-product .rookwood-product-price .amount,
body.single-product .rookwood-product-price .woocommerce-Price-amount,
body.single-product .rookwood-product-price bdi {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    color: #24231f !important;
}

body.single-product .rookwood-subtitle {
    display: block !important;
    width: 100% !important;
    max-width: 430px !important;

    margin: 24px 0 30px !important;
    padding: 0 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    color: #5e5b55 !important;
}

@media (max-width: 760px) {

    body.single-product .rookwood-product-title {
        font-size: 34px !important;
        line-height: 1.08 !important;
        margin-bottom: 16px !important;
    }

    body.single-product .rookwood-product-price,
    body.single-product .rookwood-product-price .amount,
    body.single-product .rookwood-product-price .woocommerce-Price-amount,
    body.single-product .rookwood-product-price bdi {
        font-size: 16px !important;
    }

    body.single-product .rookwood-subtitle {
        font-size: 13px !important;
        line-height: 1.65 !important;
        margin-top: 22px !important;
        margin-bottom: 28px !important;
    }
}


/* =====================================================
   FINAL PRODUCT ORDER
   TITLE → PRICE → LINE → QUANTITY → SUBTITLE → CART
   ===================================================== */

body.single-product .rookwood-subtitle-purchase {
    width: 100% !important;
    max-width: 430px !important;
}

/* Quantity */
body.single-product .summer-quantity-label {
    margin: 0 0 8px !important;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Helvetica Neue",
        Arial,
        sans-serif !important;

    font-size: 13px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    color: #24231f !important;
}

/* Quantity box — about 1/3 width */
body.single-product .rookwood-subtitle-purchase .quantity {
    width: 110px !important;
    max-width: 110px !important;
    margin: 0 0 24px !important;
}

body.single-product .rookwood-subtitle-purchase .quantity input {
    width: 110px !important;
    max-width: 110px !important;
    height: 48px !important;

    padding: 0 !important;

    border: 1px solid #bbb6ad !important;
    border-radius: 0 !important;

    background: transparent !important;

    text-align: center !important;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Helvetica Neue",
        Arial,
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 400 !important;
}

/* Subtitle */
body.single-product .rookwood-subtitle-purchase .rookwood-subtitle {
    width: 100% !important;
    max-width: 430px !important;

    margin: 0 0 30px !important;
    padding: 0 !important;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Helvetica Neue",
        Arial,
        sans-serif !important;

    font-size: 13px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;

    color: #5e5b55 !important;
}

/* Add to cart */
body.single-product .rookwood-summary > .rookwood-purchase {
    width: 100% !important;
    max-width: 430px !important;
    margin: 0 !important;
}

body.single-product .rookwood-summary > .rookwood-purchase form.cart {
    width: 100% !important;
    margin: 0 !important;
}

@media (max-width: 760px) {

    body.single-product .rookwood-subtitle-purchase {
        max-width: none !important;
    }

    body.single-product .rookwood-subtitle-purchase .quantity,
    body.single-product .rookwood-subtitle-purchase .quantity input {
        width: 110px !important;
        max-width: 110px !important;
    }
}


/* FINAL — SMALL QUANTITY BOX */
html body.single-product .rookwood-purchase .quantity,
html body.single-product .rookwood-purchase .quantity.buttons_added {
    display: block !important;
    width: 110px !important;
    max-width: 110px !important;
    min-width: 110px !important;
    margin: 0 0 24px 0 !important;
    float: none !important;
}

html body.single-product .rookwood-purchase .quantity input.qty,
html body.single-product .rookwood-purchase .quantity .qty {
    display: block !important;
    width: 110px !important;
    max-width: 110px !important;
    min-width: 110px !important;
    height: 48px !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
}

/* Quantity label */
html body.single-product .summer-quantity-label {
    width: 110px !important;
    margin: 0 0 8px 0 !important;
    font-size: 13px !important;
}

/* Mobile */
@media (max-width: 760px) {
    html body.single-product .rookwood-purchase .quantity,
    html body.single-product .rookwood-purchase .quantity.buttons_added,
    html body.single-product .rookwood-purchase .quantity input.qty,
    html body.single-product .rookwood-purchase .quantity .qty {
        width: 110px !important;
        max-width: 110px !important;
        min-width: 110px !important;
    }
}


/* =====================================================
   SUMMER ZEN — SMALL QUANTITY BOX FINAL
   ===================================================== */

body.single-product .rookwood-purchase .quantity {
    width: 80px !important;
    max-width: 80px !important;
    min-width: 80px !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
}

body.single-product .rookwood-purchase .quantity input.input-text.qty.text {
    display: block !important;
    width: 80px !important;
    max-width: 80px !important;
    min-width: 80px !important;

    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;

    margin: 0 !important;
    padding: 0 8px !important;

    box-sizing: border-box !important;

    font-size: 14px !important;
    line-height: 38px !important;
    text-align: center !important;

    border: 1px solid #bbb6ad !important;
    border-radius: 0 !important;
    background: transparent !important;
}

/* Chrome / Safari 数字输入框箭头 */
body.single-product .rookwood-purchase
.quantity input.input-text.qty.text::-webkit-inner-spin-button,
body.single-product .rookwood-purchase
.quantity input.input-text.qty.text::-webkit-outer-spin-button {
    opacity: 1 !important;
    margin: 0 !important;
}

/* Firefox */
body.single-product .rookwood-purchase
.quantity input.input-text.qty.text {
    -moz-appearance: textfield !important;
}


/* REMOVE DIVIDER BETWEEN QUANTITY AND SUBTITLE */
body.single-product .rookwood-product-price {
    border-bottom: none !important;
}

body.single-product .rookwood-subtitle {
    border-top: none !important;
    border-bottom: none !important;
}


/* =====================================================
   REMOVE LINE BETWEEN QUANTITY AND SUBTITLE — FINAL
   ===================================================== */

body.single-product .rookwood-purchase,
body.single-product .rookwood-purchase form.cart,
body.single-product .summer-quantity-label,
body.single-product .rookwood-purchase .quantity,
body.single-product .rookwood-subtitle {
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Remove pseudo-element lines */
body.single-product .rookwood-purchase::before,
body.single-product .rookwood-purchase::after,
body.single-product .rookwood-purchase form.cart::before,
body.single-product .rookwood-purchase form.cart::after,
body.single-product .summer-quantity-label::before,
body.single-product .summer-quantity-label::after,
body.single-product .rookwood-purchase .quantity::before,
body.single-product .rookwood-purchase .quantity::after,
body.single-product .rookwood-subtitle::before,
body.single-product .rookwood-subtitle::after {
    display: none !important;
    content: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Make sure price itself has no divider */
body.single-product .rookwood-product-price,
body.single-product .rookwood-product-price::before,
body.single-product .rookwood-product-price::after {
    border: none !important;
    box-shadow: none !important;
}


/* =====================================================
   FINAL — REMOVE ONLY QUANTITY / SUBTITLE DIVIDER
   ===================================================== */

/* Quantity area itself */
body.single-product .summer-quantity-label,
body.single-product .rookwood-purchase .quantity {
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

/* Purchase wrapper */
body.single-product .rookwood-purchase {
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

/* Cart form */
body.single-product .rookwood-purchase form.cart {
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

/* Subtitle */
body.single-product .rookwood-subtitle {
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

/* Remove any pseudo-element divider */
body.single-product .summer-quantity-label::before,
body.single-product .summer-quantity-label::after,
body.single-product .rookwood-purchase::before,
body.single-product .rookwood-purchase::after,
body.single-product .rookwood-subtitle::before,
body.single-product .rookwood-subtitle::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Price must also have NO divider */
body.single-product .rookwood-product-price {
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}


/* =====================================================
   SUMMER ZEN — PRODUCT INFORMATION FINAL
   ===================================================== */

/* PRODUCT TITLE */
body.single-product .rookwood-product-title {
    margin: 0 0 18px !important;
    max-width: 430px !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 42px !important;
    line-height: 1.08 !important;
    font-weight: 400 !important;
    letter-spacing: -0.025em !important;

    color: #24231f !important;
}

/* PRICE */
body.single-product .rookwood-product-price {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 0 22px !important;

    border: 0 !important;
    border-bottom: 1px solid #d8d3ca !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;

    color: #24231f !important;
}

/* PURCHASE */
body.single-product .rookwood-purchase {
    width: 100% !important;
    max-width: 430px !important;

    margin: 25px 0 0 !important;
    padding: 0 !important;

    border: 0 !important;
    box-shadow: none !important;
}

/* CART FORM */
body.single-product .rookwood-purchase form.cart {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    box-shadow: none !important;
}

/* QUANTITY LABEL */
body.single-product .summer-quantity-label {
    margin: 0 0 8px !important;
    padding: 0 !important;

    border: 0 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;

    color: #24231f !important;
}

/* QUANTITY WRAPPER */
body.single-product .rookwood-purchase .quantity {
    display: block !important;

    width: 80px !important;
    max-width: 80px !important;
    min-width: 80px !important;

    margin: 0 0 24px !important;
    padding: 0 !important;

    border: 0 !important;
    float: none !important;
}

/* QUANTITY INPUT */
body.single-product .rookwood-purchase
.quantity input.input-text.qty.text {
    display: block !important;

    width: 80px !important;
    max-width: 80px !important;
    min-width: 80px !important;

    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;

    margin: 0 !important;
    padding: 0 8px !important;

    box-sizing: border-box !important;

    border: 1px solid #bbb6ad !important;
    border-radius: 0 !important;

    background: transparent !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 38px !important;
    font-weight: 400 !important;

    text-align: center !important;
}

/* SUBTITLE */
body.single-product .rookwood-purchase .rookwood-subtitle {
    display: block !important;

    width: 100% !important;
    max-width: 430px !important;

    margin: 0 0 30px !important;
    padding: 0 !important;

    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;

    color: #5e5b55 !important;
}

/* ADD TO CART */
body.single-product .rookwood-purchase
.single_add_to_cart_button {
    display: block !important;

    width: 100% !important;
    min-height: 54px !important;

    margin: 0 !important;
    padding: 0 20px !important;

    border: 1px solid #24231f !important;
    border-radius: 0 !important;

    background: #24231f !important;
    color: #fff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 400 !important;

    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

/* HOVER */
body.single-product .rookwood-purchase
.single_add_to_cart_button:hover {
    background: transparent !important;
    color: #24231f !important;
    border-color: #24231f !important;
}

/* REMOVE UNWANTED LINES FROM PRODUCT INFO */
body.single-product .summer-quantity-label,
body.single-product .rookwood-purchase,
body.single-product .rookwood-purchase form.cart,
body.single-product .rookwood-purchase .quantity,
body.single-product .rookwood-subtitle {
    border-top: 0 !important;
    box-shadow: none !important;
}

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

    body.single-product .rookwood-product-title {
        font-size: 34px !important;
        line-height: 1.08 !important;
        margin-bottom: 16px !important;
    }

    body.single-product .rookwood-product-price {
        font-size: 16px !important;
        padding-bottom: 20px !important;
    }

    body.single-product .rookwood-purchase {
        margin-top: 22px !important;
    }

    body.single-product .rookwood-subtitle {
        font-size: 13px !important;
    }

}


/* =========================================================
   SUMMER'S HEALING HUT

body.woocommerce-shop {
    background: #fff !important;
    color: #24231f !important;
}


/* =========================================================
   SUMMER ZEN — SHOP / COLLECTION
   CLEAN FINAL VERSION
   ========================================================= */

/* ---------------------------------------------------------
   COLLECTION HERO
   --------------------------------------------------------- */

body.woocommerce-shop .shop-hero {
    width: calc(100% - 80px) !important;
    max-width: 1540px !important;
    margin: 0 auto !important;
    padding: 90px 0 55px !important;
    text-align: center !important;
}

body.woocommerce-shop .shop-eyebrow {
    display: block !important;
    margin: 0 0 18px !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    letter-spacing: .16em !important;
    font-weight: 400 !important;
}

body.woocommerce-shop .shop-hero h1 {
    margin: 0 !important;
    font-size: clamp(42px, 5vw, 72px) !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
    font-weight: 400 !important;
}

body.woocommerce-shop .shop-hero p {
    margin: 22px auto 0 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* ---------------------------------------------------------
   CATEGORY NAVIGATION
   --------------------------------------------------------- */

body.woocommerce-shop .shop-categories {
    width: calc(100% - 80px) !important;
    max-width: 1540px !important;
    margin: 0 auto 55px !important;
    padding: 18px 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 28px !important;

    border-top: 1px solid #d8d3ca !important;
    border-bottom: 1px solid #d8d3ca !important;

    overflow-x: auto !important;
    scrollbar-width: none !important;
}

body.woocommerce-shop .shop-categories::-webkit-scrollbar {
    display: none !important;
}

body.woocommerce-shop .shop-categories a {
    flex: 0 0 auto !important;
    color: #24231f !important;
    text-decoration: none !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    letter-spacing: .08em !important;
    white-space: nowrap !important;
}

body.woocommerce-shop .shop-categories a:hover {
    opacity: .55 !important;
}

body.woocommerce-shop .shop-categories a.is-active {
    text-decoration: underline !important;
    text-underline-offset: 5px !important;
}

/* ---------------------------------------------------------
   SHOP TOOLBAR
   --------------------------------------------------------- */

body.woocommerce-shop .summer-shop-toolbar {
    width: calc(100% - 80px) !important;
    max-width: 1540px !important;
    margin: 0 auto 30px !important;
    padding: 0 0 18px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    border-bottom: 1px solid #d8d3ca !important;
}

body.woocommerce-shop .summer-shop-count {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
    letter-spacing: .08em !important;
    color: #24231f !important;
}

body.woocommerce-shop .summer-shop-controls {
    display: flex !important;
    align-items: center !important;
    gap: 28px !important;
}

body.woocommerce-shop .summer-shop-control {
    appearance: none !important;
    -webkit-appearance: none !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;

    color: #24231f !important;

    font-family: inherit !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
    letter-spacing: .08em !important;
    font-weight: 400 !important;

    cursor: pointer !important;
}

body.woocommerce-shop .summer-shop-control:hover {
    opacity: .55 !important;
}

body.woocommerce-shop .summer-shop-control:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* ---------------------------------------------------------
   FILTER / SORT PANELS
   --------------------------------------------------------- */

body.woocommerce-shop .summer-shop-panel {
    width: calc(100% - 80px) !important;
    max-width: 1540px !important;

    margin: -10px auto 35px !important;
    padding: 22px 0 !important;

    border-bottom: 1px solid #d8d3ca !important;

    display: none !important;
}

body.woocommerce-shop .summer-shop-panel.is-open {
    display: block !important;
}

body.woocommerce-shop .summer-shop-panel-title {
    margin: 0 0 18px !important;
    padding: 0 !important;

    font-size: 10px !important;
    line-height: 1.4 !important;
    letter-spacing: .1em !important;
    font-weight: 400 !important;
}

body.woocommerce-shop .summer-shop-panel-links,
body.woocommerce-shop .summer-shop-filter-links,
body.woocommerce-shop .summer-shop-sort-links {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 22px !important;
}

body.woocommerce-shop .summer-shop-panel a {
    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #24231f !important;
    text-decoration: none !important;

    font-size: 11px !important;
    line-height: 1.5 !important;
    letter-spacing: .04em !important;
}

body.woocommerce-shop .summer-shop-panel a:hover,
body.woocommerce-shop .summer-shop-panel a.is-active {
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
}

/* ---------------------------------------------------------
   PRODUCT GRID
   --------------------------------------------------------- */

body.woocommerce-shop ul.products {
    width: calc(100% - 80px) !important;
    max-width: 1540px !important;

    margin: 0 auto 110px !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    column-gap: 22px !important;
    row-gap: 65px !important;

    list-style: none !important;
}

body.woocommerce-shop ul.products::before,
body.woocommerce-shop ul.products::after {
    display: none !important;
}

body.woocommerce-shop ul.products li.product {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    list-style: none !important;
}

body.woocommerce-shop ul.products li.product a.woocommerce-LoopProduct-link {
    display: block !important;
    width: 100% !important;
    text-decoration: none !important;
}

body.woocommerce-shop ul.products li.product img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;

    margin: 0 0 18px !important;
    padding: 0 !important;

    background: #f7f5f1 !important;
    transition: opacity .25s ease !important;
}

body.woocommerce-shop ul.products li.product:hover img {
    opacity: .88 !important;
}

body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title {
    margin: 0 0 7px !important;
    padding: 0 !important;

    color: #24231f !important;

    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    letter-spacing: -.01em !important;
}

body.woocommerce-shop ul.products li.product .price {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #24231f !important;

    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
}

body.woocommerce-shop ul.products li.product .price ins {
    text-decoration: none !important;
}

/* hide default WooCommerce buttons */

body.woocommerce-shop ul.products li.product .button,
body.woocommerce-shop ul.products li.product a.add_to_cart_button,
body.woocommerce-shop ul.products li.product a.product_type_simple,
body.woocommerce-shop ul.products li.product a.product_type_variable {
    display: none !important;
}

/* sale badge */

body.woocommerce-shop ul.products li.product .onsale {
    top: 12px !important;
    right: 12px !important;
    left: auto !important;

    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 5px 9px !important;

    border-radius: 0 !important;

    background: #fff !important;
    color: #24231f !important;

    font-size: 9px !important;
    font-weight: 400 !important;
    letter-spacing: .08em !important;
}

/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (min-width: 761px) and (max-width: 1100px) {

    body.woocommerce-shop ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        column-gap: 18px !important;
        row-gap: 50px !important;
    }
}

/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 760px) {

    body.woocommerce-shop .shop-hero {
        width: calc(100% - 32px) !important;
        padding: 58px 0 38px !important;
    }

    body.woocommerce-shop .shop-eyebrow {
        margin-bottom: 14px !important;
        font-size: 9px !important;
    }

    body.woocommerce-shop .shop-hero h1 {
        font-size: clamp(38px, 11vw, 52px) !important;
        line-height: 1 !important;
    }

    body.woocommerce-shop .shop-hero p {
        margin-top: 16px !important;
        font-size: 13px !important;
    }

    body.woocommerce-shop .shop-categories {
        width: 100% !important;
        justify-content: flex-start !important;
        gap: 22px !important;

        margin: 0 0 35px !important;
        padding: 15px 16px !important;
    }

    body.woocommerce-shop .summer-shop-toolbar {
        width: calc(100% - 32px) !important;
        margin-bottom: 22px !important;
        padding-bottom: 14px !important;
    }

    body.woocommerce-shop .summer-shop-count {
        font-size: 9px !important;
    }

    body.woocommerce-shop .summer-shop-controls {
        gap: 18px !important;
    }

    body.woocommerce-shop .summer-shop-control {
        font-size: 9px !important;
    }

    body.woocommerce-shop .summer-shop-panel {
        width: calc(100% - 32px) !important;
        margin-top: -5px !important;
        margin-bottom: 25px !important;
        padding: 18px 0 !important;
    }

    body.woocommerce-shop .summer-shop-panel-links,
    body.woocommerce-shop .summer-shop-filter-links,
    body.woocommerce-shop .summer-shop-sort-links {
        gap: 14px 20px !important;
    }

    body.woocommerce-shop .summer-shop-panel a {
        font-size: 10px !important;
    }

    body.woocommerce-shop ul.products {
        width: calc(100% - 32px) !important;

        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 12px !important;
        row-gap: 42px !important;

        margin-bottom: 70px !important;
    }

    body.woocommerce-shop ul.products li.product img {
        aspect-ratio: 1 / 1 !important;
        margin-bottom: 12px !important;
    }

    body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title {
        font-size: 12px !important;
        line-height: 1.35 !important;
        margin-bottom: 5px !important;
    }

    body.woocommerce-shop ul.products li.product .price {
        font-size: 11px !important;
    }
}


/* =========================================================
   SUMMER ZEN — SHOP FINAL LAYOUT OVERRIDE
   ========================================================= */

body.woocommerce-shop .shop-hero {
    width: min(1540px, calc(100% - 80px)) !important;
    margin: 0 auto !important;
    padding: 105px 0 72px !important;
    text-align: center !important;
}

body.woocommerce-shop .shop-hero h1 {
    margin: 0 !important;
    font-size: clamp(46px, 5vw, 76px) !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
    font-weight: 400 !important;
}

body.woocommerce-shop .shop-hero p {
    max-width: 520px !important;
    margin: 24px auto 0 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

body.woocommerce-shop .summer-shop-toolbar {
    width: min(1540px, calc(100% - 80px)) !important;
    margin: 0 auto 28px !important;
    padding: 17px 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    border-top: 1px solid #d8d3ca !important;
    border-bottom: 1px solid #d8d3ca !important;
}

body.woocommerce-shop .summer-shop-count {
    font-size: 10px !important;
    letter-spacing: .08em !important;
}

body.woocommerce-shop .summer-shop-controls {
    display: flex !important;
    align-items: center !important;
    gap: 30px !important;
}

body.woocommerce-shop .summer-shop-control {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;

    font-family: inherit !important;
    font-size: 10px !important;
    letter-spacing: .08em !important;
    font-weight: 400 !important;

    color: #24231f !important;
    cursor: pointer !important;
}

body.woocommerce-shop .summer-shop-panel {
    width: min(1540px, calc(100% - 80px)) !important;
    margin: -28px auto 35px !important;
    padding: 24px 0 !important;

    border-bottom: 1px solid #d8d3ca !important;
}

body.woocommerce-shop .summer-shop-panel-title {
    margin-bottom: 18px !important;
    font-size: 10px !important;
    letter-spacing: .1em !important;
}

body.woocommerce-shop .summer-shop-panel-links {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px 26px !important;
}

body.woocommerce-shop .summer-shop-panel-links a {
    font-size: 11px !important;
    line-height: 1.5 !important;
    color: #24231f !important;
    text-decoration: none !important;
}

body.woocommerce-shop ul.products {
    width: min(1540px, calc(100% - 80px)) !important;
    margin: 0 auto 110px !important;

    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 65px 22px !important;
}

@media (max-width: 1100px) and (min-width: 761px) {
    body.woocommerce-shop ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {

    body.woocommerce-shop .shop-hero {
        width: calc(100% - 32px) !important;
        padding: 62px 0 48px !important;
    }

    body.woocommerce-shop .shop-hero h1 {
        font-size: clamp(38px, 11vw, 54px) !important;
    }

    body.woocommerce-shop .shop-hero p {
        margin-top: 17px !important;
        font-size: 13px !important;
    }

    body.woocommerce-shop .summer-shop-toolbar {
        width: calc(100% - 32px) !important;
        margin-bottom: 24px !important;
        padding: 14px 0 !important;
    }

    body.woocommerce-shop .summer-shop-controls {
        gap: 20px !important;
    }

    body.woocommerce-shop .summer-shop-control,
    body.woocommerce-shop .summer-shop-count {
        font-size: 9px !important;
    }

    body.woocommerce-shop .summer-shop-panel {
        width: calc(100% - 32px) !important;
        margin-top: -24px !important;
        padding: 20px 0 !important;
    }

    body.woocommerce-shop .summer-shop-panel-links {
        gap: 13px 20px !important;
    }

    body.woocommerce-shop .summer-shop-panel-links a {
        font-size: 10px !important;
    }

    body.woocommerce-shop ul.products {
        width: calc(100% - 32px) !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 42px 12px !important;
        margin-bottom: 70px !important;
    }
}

/* =========================================================
   SUMMER ZEN — SHOP FINAL RESPONSIVE POLISH
   Rookwood-inspired / desktop + mobile
   ========================================================= */

/* ---------- GLOBAL SHOP WIDTH ---------- */

body.woocommerce-shop .shop-hero,
body.woocommerce-shop .shop-categories,
body.woocommerce-shop .summer-shop-toolbar,
body.woocommerce-shop .summer-shop-panel,
body.woocommerce-shop ul.products {
    box-sizing: border-box !important;
}


/* ---------- DESKTOP ---------- */

@media (min-width: 1101px) {

    body.woocommerce-shop .shop-hero {
        width: min(1540px, calc(100% - 80px)) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-top: 95px !important;
        padding-bottom: 58px !important;
    }

    body.woocommerce-shop .shop-hero h1 {
        font-size: clamp(48px, 5vw, 72px) !important;
    }

    body.woocommerce-shop .shop-categories {
        width: min(1540px, calc(100% - 80px)) !important;
    }

    body.woocommerce-shop .summer-shop-toolbar,
    body.woocommerce-shop .summer-shop-panel,
    body.woocommerce-shop ul.products {
        width: min(1540px, calc(100% - 80px)) !important;
    }

    body.woocommerce-shop ul.products {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        column-gap: 24px !important;
        row-gap: 68px !important;
    }

}


/* ---------- TABLET ---------- */

@media (min-width: 761px) and (max-width: 1100px) {

    body.woocommerce-shop .shop-hero,
    body.woocommerce-shop .shop-categories,
    body.woocommerce-shop .summer-shop-toolbar,
    body.woocommerce-shop .summer-shop-panel,
    body.woocommerce-shop ul.products {
        width: calc(100% - 48px) !important;
    }

    body.woocommerce-shop .shop-hero {
        padding-top: 72px !important;
        padding-bottom: 48px !important;
    }

    body.woocommerce-shop ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        column-gap: 18px !important;
        row-gap: 52px !important;
    }

}


/* ---------- MOBILE ---------- */

@media (max-width: 760px) {

    body.woocommerce-shop {
        overflow-x: hidden !important;
    }

    /* HERO */

    body.woocommerce-shop .shop-hero {
        width: calc(100% - 32px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 56px 0 36px !important;
    }

    body.woocommerce-shop .shop-eyebrow {
        margin-bottom: 13px !important;
        font-size: 9px !important;
        letter-spacing: .15em !important;
    }

    body.woocommerce-shop .shop-hero h1 {
        font-size: clamp(36px, 11vw, 50px) !important;
        line-height: .98 !important;
        letter-spacing: -.04em !important;
        white-space: nowrap !important;
    }

    body.woocommerce-shop .shop-hero p {
        max-width: 300px !important;
        margin: 16px auto 0 !important;
        font-size: 12px !important;
        line-height: 1.55 !important;
    }


    /* CATEGORY BAR */

    body.woocommerce-shop .shop-categories {
        width: 100% !important;
        max-width: none !important;
        margin: 0 0 30px !important;
        padding: 14px 16px !important;

        justify-content: flex-start !important;
        gap: 21px !important;

        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body.woocommerce-shop .shop-categories a {
        font-size: 9px !important;
        letter-spacing: .07em !important;
    }


    /* FILTER / SORT TOOLBAR */

    body.woocommerce-shop .summer-shop-toolbar {
        width: calc(100% - 32px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
        padding-bottom: 13px !important;
    }

    body.woocommerce-shop .summer-shop-count {
        font-size: 8px !important;
        letter-spacing: .07em !important;
    }

    body.woocommerce-shop .summer-shop-controls {
        gap: 17px !important;
    }

    body.woocommerce-shop .summer-shop-control {
        font-size: 9px !important;
        letter-spacing: .07em !important;
    }


    /* FILTER / SORT PANEL */

    body.woocommerce-shop .summer-shop-panel {
        width: calc(100% - 32px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: -4px !important;
        margin-bottom: 24px !important;
        padding: 17px 0 !important;
    }

    body.woocommerce-shop .summer-shop-panel-title {
        margin-bottom: 15px !important;
        font-size: 9px !important;
    }

    body.woocommerce-shop .summer-shop-panel-links,
    body.woocommerce-shop .summer-shop-filter-links,
    body.woocommerce-shop .summer-shop-sort-links {
        gap: 12px 19px !important;
    }

    body.woocommerce-shop .summer-shop-panel a {
        font-size: 9px !important;
    }


    /* PRODUCT GRID */

    body.woocommerce-shop ul.products {
        width: calc(100% - 32px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 65px !important;

        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 12px !important;
        row-gap: 40px !important;
    }

    body.woocommerce-shop ul.products li.product {
        min-width: 0 !important;
    }

    body.woocommerce-shop ul.products li.product img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: contain !important;

        margin-bottom: 11px !important;
    }

    body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title {
        margin-bottom: 5px !important;
        font-size: 11px !important;
        line-height: 1.35 !important;
        letter-spacing: -.005em !important;
    }

    body.woocommerce-shop ul.products li.product .price {
        font-size: 10px !important;
        line-height: 1.4 !important;
    }

}


/* ---------- VERY SMALL PHONES ---------- */

@media (max-width: 380px) {

    body.woocommerce-shop .shop-hero {
        width: calc(100% - 28px) !important;
        padding-top: 48px !important;
    }

    body.woocommerce-shop .shop-hero h1 {
        font-size: 34px !important;
    }

    body.woocommerce-shop ul.products,
    body.woocommerce-shop .summer-shop-toolbar,
    body.woocommerce-shop .summer-shop-panel {
        width: calc(100% - 28px) !important;
    }

    body.woocommerce-shop ul.products {
        column-gap: 10px !important;
        row-gap: 34px !important;
    }

}


/* ---------- IMAGE STABILITY ---------- */

body.woocommerce-shop ul.products li.product img {
    max-width: 100% !important;
}


/* ---------- REMOVE DEFAULT WOOCOMMERCE GRID FLOAT ---------- */

body.woocommerce-shop ul.products li.product {
    float: none !important;
    clear: none !important;
}


/* =========================================================
   PRODUCT TITLES — ZISHA CRAFTSMAN STYLE
   ========================================================= */

.summer-product-card__title,
body.single-product .product_title {
    font-size: 26px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

@media (max-width: 767px) {
    .summer-product-card__title,
    body.single-product .product_title {
        font-size: 22px !important;
        line-height: 1.2 !important;
    }
}


/* =========================================================
   SUMMER'S HEALING HUT
   MOBILE COLLECTION — ROOKWOOD INSPIRED
   Desktop styles untouched
   ========================================================= */

@media (max-width: 767px) {

    /* COLLECTION HEADER */
    body.page-id-7 h1 {
        margin: 34px 0 28px !important;
        font-size: 30px !important;
        line-height: 1.15 !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;
    }

    /* TOOLBAR */
    body.page-id-7 .summer-shop-toolbar {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        margin: 0 0 22px !important;
        padding: 0 !important;
    }

    body.page-id-7 .summer-shop-count {
        font-size: 12px !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-id-7 .summer-shop-controls {
        display: flex !important;
        align-items: center !important;
        gap: 20px !important;
        margin: 0 !important;
    }

    body.page-id-7 .summer-shop-control {
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;
    }

    /* FILTER / SORT PANELS */
    body.page-id-7 .summer-shop-panel {
        margin: 0 0 24px !important;
        padding: 20px 0 !important;
        border-top: 1px solid currentColor !important;
        border-bottom: 1px solid currentColor !important;
    }

    body.page-id-7 .summer-shop-panel-title {
        margin-bottom: 14px !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;
    }

    body.page-id-7 .summer-shop-panel-links {
        display: flex !important;
        flex-direction: column !important;
        gap: 9px !important;
    }

    /* PRODUCT GRID */
    body.page-id-7 ul.products,
    body.page-id-7 .products {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 12px !important;
        row-gap: 38px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* PRODUCT CARD */
    body.page-id-7 .summer-product-card {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* PRODUCT IMAGE */
    body.page-id-7 .summer-product-card__image {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        overflow: hidden !important;
        margin: 0 0 13px !important;
    }

    body.page-id-7 .summer-product-card__img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* PRODUCT INFORMATION */
    body.page-id-7 .summer-product-card__content {
        padding: 0 !important;
        margin: 0 !important;
    }

    /* PRODUCT TITLE */
    body.page-id-7 .summer-product-card__title {
        margin: 0 0 7px !important;
        padding: 0 !important;
        font-size: 22px !important;
        line-height: 1.2 !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;
    }

    /* PRODUCT PRICE */
    body.page-id-7 .summer-product-card__price {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;
    }

    /* DETAILS / VIEW DETAILS */
    body.page-id-7 .summer-product-card__details {
        margin-top: 10px !important;
        font-size: 11px !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    /* REMOVE CARD DECORATION */
    body.page-id-7 .summer-product-card,
    body.page-id-7 .summer-product-card__image,
    body.page-id-7 .summer-product-card__content {
        border-radius: 0 !important;
        box-shadow: none !important;
    }

}


/* =========================================================
   MOBILE COLLECTION FILTER / SORT
   Rookwood-inspired
   ========================================================= */

@media (max-width: 767px) {

    body.woocommerce-shop .summer-shop-toolbar {
        display: block !important;
        width: calc(100% - 32px) !important;
        margin: 0 auto 24px !important;
        padding: 0 !important;
    }

    body.woocommerce-shop .summer-shop-count {
        display: none !important;
    }

    body.woocommerce-shop .summer-shop-controls {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        width: 100% !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border-top: 1px solid #d8d3ca !important;
        border-bottom: 1px solid #d8d3ca !important;
    }

    body.woocommerce-shop .summer-shop-control {
        width: 100% !important;
        min-height: 44px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        background: transparent !important;

        font-family: inherit !important;
        font-size: 10px !important;
        line-height: 1.4 !important;
        font-weight: 400 !important;
        letter-spacing: .06em !important;
        text-transform: uppercase !important;
    }

    body.woocommerce-shop .summer-shop-control + .summer-shop-control {
        border-left: 1px solid #d8d3ca !important;
    }

    /* OPEN PANEL */
    body.woocommerce-shop .summer-shop-panel {
        width: calc(100% - 32px) !important;
        margin: -24px auto 26px !important;
        padding: 20px 0 22px !important;
        border-top: 0 !important;
        border-bottom: 1px solid #d8d3ca !important;
    }

    body.woocommerce-shop .summer-shop-panel.is-open {
        display: block !important;
    }

    body.woocommerce-shop .summer-shop-panel-title {
        margin: 0 0 16px !important;
        padding: 0 !important;
        font-size: 10px !important;
        line-height: 1.4 !important;
        font-weight: 400 !important;
        letter-spacing: .08em !important;
        text-transform: uppercase !important;
    }

    body.woocommerce-shop .summer-shop-panel-links,
    body.woocommerce-shop .summer-shop-filter-links,
    body.woocommerce-shop .summer-shop-sort-links {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 12px 18px !important;
    }

    body.woocommerce-shop .summer-shop-panel a {
        font-size: 10px !important;
        line-height: 1.5 !important;
        letter-spacing: .02em !important;
    }

}


/* =========================================================
   FINAL MOBILE COLLECTION
   ROOKWOOD-INSPIRED PROPORTIONS
   ONLY: WooCommerce Shop / Collection
   BREAKPOINT: 767px
   ========================================================= */

@media screen and (max-width: 767px) {

    /* -----------------------------------------------------
       PAGE / MAIN COLLECTION AREA
       ----------------------------------------------------- */

    body.woocommerce-shop {
        overflow-x: hidden !important;
    }

    body.woocommerce-shop .site-main {
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* -----------------------------------------------------
       COLLECTION TITLE
       ----------------------------------------------------- */

    body.woocommerce-shop h1 {
        width: calc(100% - 32px) !important;
        margin: 34px auto 34px !important;
        padding: 0 !important;

        font-size: 28px !important;
        line-height: 1.15 !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }

    /* -----------------------------------------------------
       TOOLBAR
       ----------------------------------------------------- */

    body.woocommerce-shop .summer-shop-toolbar {
        width: calc(100% - 32px) !important;
        margin: 0 auto 28px !important;
        padding: 0 !important;
    }

    body.woocommerce-shop .summer-shop-count {
        display: none !important;
    }

    body.woocommerce-shop .summer-shop-controls {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;

        width: 100% !important;
        height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;

        border-top: 1px solid #d8d3ca !important;
        border-bottom: 1px solid #d8d3ca !important;

        gap: 0 !important;
    }

    body.woocommerce-shop .summer-shop-control {
        position: relative !important;

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

        width: 100% !important;
        height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        outline: none !important;
        background: transparent !important;
        box-shadow: none !important;

        font-family: inherit !important;
        font-size: 10px !important;
        line-height: 1 !important;
        font-weight: 400 !important;
        letter-spacing: .08em !important;
        text-transform: uppercase !important;

        cursor: pointer !important;
    }

    body.woocommerce-shop
    .summer-shop-control + .summer-shop-control {
        border-left: 1px solid #d8d3ca !important;
    }

    body.woocommerce-shop .summer-shop-control:hover {
        opacity: .55 !important;
    }

    /* -----------------------------------------------------
       FILTER / SORT OPEN PANEL
       ----------------------------------------------------- */

    body.woocommerce-shop .summer-shop-panel {
        width: calc(100% - 32px) !important;

        margin: -28px auto 30px !important;
        padding: 20px 0 22px !important;

        border-top: 0 !important;
        border-bottom: 1px solid #d8d3ca !important;

        background: transparent !important;
    }

    body.woocommerce-shop .summer-shop-panel.is-open {
        display: block !important;
    }

    body.woocommerce-shop .summer-shop-panel-title {
        margin: 0 0 18px !important;
        padding: 0 !important;

        font-size: 10px !important;
        line-height: 1.4 !important;
        font-weight: 400 !important;
        letter-spacing: .08em !important;
        text-transform: uppercase !important;
    }

    body.woocommerce-shop .summer-shop-panel-links,
    body.woocommerce-shop .summer-shop-filter-links,
    body.woocommerce-shop .summer-shop-sort-links {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        gap: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.woocommerce-shop .summer-shop-panel a {
        margin: 0 !important;
        padding: 0 !important;

        font-size: 11px !important;
        line-height: 1.5 !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;

        text-decoration: none !important;
    }

    body.woocommerce-shop .summer-shop-panel a:hover,
    body.woocommerce-shop .summer-shop-panel a.is-active {
        text-decoration: underline !important;
        text-underline-offset: 4px !important;
    }

    /* -----------------------------------------------------
       PRODUCT GRID
       ----------------------------------------------------- */

    body.woocommerce-shop ul.products {
        display: grid !important;

        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        width: calc(100% - 24px) !important;
        max-width: none !important;

        margin: 0 auto 70px !important;
        padding: 0 !important;

        column-gap: 10px !important;
        row-gap: 42px !important;

        list-style: none !important;
    }

    body.woocommerce-shop ul.products::before,
    body.woocommerce-shop ul.products::after {
        display: none !important;
        content: none !important;
    }

    /* -----------------------------------------------------
       PRODUCT CARD
       ----------------------------------------------------- */

    body.woocommerce-shop .summer-product-card {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    /* -----------------------------------------------------
       PRODUCT IMAGE
       ----------------------------------------------------- */

    body.woocommerce-shop .summer-product-card__image {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;

        margin: 0 0 13px !important;
        padding: 0 !important;

        overflow: hidden !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    body.woocommerce-shop .summer-product-card__image-link {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body.woocommerce-shop .summer-product-card__img {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: cover !important;
    }

    /* -----------------------------------------------------
       PRODUCT INFORMATION
       ----------------------------------------------------- */

    body.woocommerce-shop .summer-product-card__content {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* -----------------------------------------------------
       PRODUCT TITLE
       ----------------------------------------------------- */

    body.woocommerce-shop .summer-product-card__title {
        margin: 0 0 6px !important;
        padding: 0 !important;

        font-family: inherit !important;
        font-size: 22px !important;
        line-height: 1.2 !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;

        text-transform: none !important;
    }

    /* -----------------------------------------------------
       PRICE
       ----------------------------------------------------- */

    body.woocommerce-shop .summer-product-card__price {
        margin: 0 !important;
        padding: 0 !important;

        font-family: inherit !important;
        font-size: 11px !important;
        line-height: 1.5 !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;
    }

    /* -----------------------------------------------------
       VIEW DETAILS
       ----------------------------------------------------- */

    body.woocommerce-shop .summer-product-card__details {
        margin: 8px 0 0 !important;
        padding: 0 !important;

        font-size: 10px !important;
        line-height: 1.5 !important;
        font-weight: 400 !important;
        letter-spacing: .02em !important;
    }

    /* -----------------------------------------------------
       SALE BADGE
       ----------------------------------------------------- */

    body.woocommerce-shop .summer-product-card__badge {
        font-size: 9px !important;
        line-height: 1.2 !important;
        font-weight: 400 !important;
        letter-spacing: .04em !important;
    }

}


/* ---------------------------------------------------------
   VERY SMALL PHONES
   --------------------------------------------------------- */

@media screen and (max-width: 380px) {

    body.woocommerce-shop h1 {
        font-size: 26px !important;
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    body.woocommerce-shop ul.products {
        width: calc(100% - 20px) !important;
        column-gap: 8px !important;
        row-gap: 34px !important;
    }

    body.woocommerce-shop .summer-product-card__title {
        font-size: 20px !important;
    }

}


/* =========================================================
   MOBILE COLLECTION DRAWER
   ROOKWOOD-INSPIRED
   FILTER / SORT
   ========================================================= */

@media screen and (max-width: 767px) {

    /* -----------------------------------------------
       DRAWER BACKDROP
       ----------------------------------------------- */

    body.woocommerce-shop::after {
        content: "";
        position: fixed;
        inset: 0;
        z-index: 9998;

        background: rgba(20, 19, 17, .32);

        opacity: 0;
        visibility: hidden;
        pointer-events: none;

        transition:
            opacity .3s ease,
            visibility .3s ease;
    }

    body.woocommerce-shop.summer-drawer-active::after {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }


    /* -----------------------------------------------
       FILTER / SORT PANELS → RIGHT DRAWER
       ----------------------------------------------- */

    body.woocommerce-shop .summer-shop-panel {
        position: fixed !important;

        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;

        z-index: 9999 !important;

        width: min(82vw, 390px) !important;
        max-width: 390px !important;
        height: 100vh !important;
        height: 100dvh !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #f8f7f3 !important;

        border: 0 !important;
        border-left: 1px solid #d8d3ca !important;

        box-shadow: -8px 0 30px rgba(0,0,0,.06) !important;

        display: block !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        transform: translateX(105%) !important;
        visibility: hidden !important;
        opacity: 1 !important;

        transition:
            transform .35s cubic-bezier(.22,.61,.36,1),
            visibility 0s linear .35s !important;
    }

    body.woocommerce-shop
    .summer-shop-panel.is-open {
        transform: translateX(0) !important;
        visibility: visible !important;

        transition:
            transform .35s cubic-bezier(.22,.61,.36,1),
            visibility 0s linear 0s !important;
    }


    /* -----------------------------------------------
       DRAWER INNER SPACING
       ----------------------------------------------- */

    body.woocommerce-shop .summer-shop-panel {
        box-sizing: border-box !important;

        padding:
            calc(22px + env(safe-area-inset-top))
            24px
            calc(28px + env(safe-area-inset-bottom))
            24px !important;
    }


    /* -----------------------------------------------
       DRAWER TITLE
       ----------------------------------------------- */

    body.woocommerce-shop .summer-shop-panel-title {
        margin: 0 0 34px !important;
        padding: 0 !important;

        font-family: inherit !important;
        font-size: 11px !important;
        line-height: 1.4 !important;
        font-weight: 400 !important;
        letter-spacing: .08em !important;
        text-transform: uppercase !important;
    }


    /* -----------------------------------------------
       DRAWER LINKS
       ----------------------------------------------- */

    body.woocommerce-shop .summer-shop-panel-links {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        gap: 19px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body.woocommerce-shop .summer-shop-panel a {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 0 14px !important;

        border-bottom: 1px solid #e2ded6 !important;

        color: #24231f !important;

        font-family: inherit !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;

        text-decoration: none !important;
    }

    body.woocommerce-shop .summer-shop-panel a:last-child {
        border-bottom: 0 !important;
    }

    body.woocommerce-shop .summer-shop-panel a:hover,
    body.woocommerce-shop .summer-shop-panel a.is-active {
        text-decoration: none !important;
        opacity: .55 !important;
    }


    /* -----------------------------------------------
       DRAWER CLOSE BUTTON
       ----------------------------------------------- */

    body.woocommerce-shop .summer-shop-panel::before {
        content: none !important;
        display: none !important;
    }


    /* -----------------------------------------------
       KEEP TOOLBAR SIMPLE
       ----------------------------------------------- */

    body.woocommerce-shop .summer-shop-toolbar {
        width: calc(100% - 32px) !important;
        margin: 0 auto 28px !important;
    }

    body.woocommerce-shop .summer-shop-count {
        display: none !important;
    }

    body.woocommerce-shop .summer-shop-controls {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;

        width: 100% !important;
        height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;

        border-top: 1px solid #d8d3ca !important;
        border-bottom: 1px solid #d8d3ca !important;

        gap: 0 !important;
    }

    body.woocommerce-shop .summer-shop-control {
        height: 44px !important;

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

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        background: transparent !important;

        font-size: 10px !important;
        line-height: 1 !important;
        font-weight: 400 !important;
        letter-spacing: .08em !important;
        text-transform: uppercase !important;
    }

    body.woocommerce-shop
    .summer-shop-control + .summer-shop-control {
        border-left: 1px solid #d8d3ca !important;
    }

}


/* ---------------------------------------------------------
   PREVENT BACKGROUND SCROLL
   --------------------------------------------------------- */

@media screen and (max-width: 767px) {
    body.woocommerce-shop.summer-drawer-active {
        overflow: hidden !important;
        touch-action: none !important;
    }
}


/* =========================================================
   SHOP PRODUCT TITLES — CORMORANT GARAMOND
   Final override
   ========================================================= */

500&display=swap');

html body.woocommerce-shop .summer-product-card__title,
html body.woocommerce-shop .summer-product-card__title a,
html body.page-id-7 .summer-product-card__title,
html body.page-id-7 .summer-product-card__title a {
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.28 !important;
    letter-spacing: 0.015em !important;
    text-transform: none !important;
}

/* Mobile */
@media (max-width: 767px) {
    html body.woocommerce-shop .summer-product-card__title,
    html body.woocommerce-shop .summer-product-card__title a,
    html body.page-id-7 .summer-product-card__title,
    html body.page-id-7 .summer-product-card__title a {
        font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.3 !important;
        letter-spacing: 0.01em !important;
    }
}

/* =========================================================
   SHIPPING & POLICY — SUMMER'S HEALING HUT
   PAGE ID: 66
   ========================================================= */


/* ---------------------------------------------------------
   01 — PAGE
   --------------------------------------------------------- */

body.page-id-66 {
    background: #f8f7f4;
}

body.page-id-66 #main-content {
    background: #f8f7f4;
}

body.page-id-66 #main-content > main.section {
    max-width: 820px;
    margin: 0 auto;
    padding: 115px 30px 130px;
}


/* ---------------------------------------------------------
   02 — MAIN TITLE
   --------------------------------------------------------- */

body.page-id-66 #main-content > main.section h1 {
    margin: 0 0 70px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(44px, 6vw, 68px);
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: -0.025em;

    color: #302d29;
}


/* ---------------------------------------------------------
   03 — POLICY HEADINGS
   --------------------------------------------------------- */

body.page-id-66 #main-content > main.section h2 {
    margin: 0;
    padding: 30px 0 12px;

    border-top: 1px solid #ddd8d0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.01em;

    color: #393631;
}


/* ---------------------------------------------------------
   04 — FIRST POLICY HEADING
   --------------------------------------------------------- */

body.page-id-66 #main-content > main.section h2:first-of-type {
    padding-top: 0;
    border-top: 0;
}


/* ---------------------------------------------------------
   05 — PARAGRAPHS
   --------------------------------------------------------- */

body.page-id-66 #main-content > main.section p {
    max-width: 720px;
    margin: 0 0 28px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.85;

    color: #68635b;
}


/* ---------------------------------------------------------
   06 — INTRO / LEAD TEXT
   --------------------------------------------------------- */

body.page-id-66 #main-content > main.section h1 + p {
    max-width: 680px;
    margin-top: -45px;
    margin-bottom: 80px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    line-height: 1.8;

    color: #706a61;
}


/* ---------------------------------------------------------
   07 — STRONG TEXT
   --------------------------------------------------------- */

body.page-id-66 #main-content > main.section strong {
    font-weight: 600;
    color: #4a463f;
}


/* ---------------------------------------------------------
   08 — LINKS
   --------------------------------------------------------- */

body.page-id-66 #main-content > main.section a {
    color: #514b43;
    text-decoration: none;
    border-bottom: 1px solid #bcb5ab;

    transition:
        color 0.25s ease,
        border-color 0.25s ease;
}

body.page-id-66 #main-content > main.section a:hover {
    color: #22201d;
    border-color: #514b43;
}


/* ---------------------------------------------------------
   09 — MOBILE
   --------------------------------------------------------- */

@media (max-width: 768px) {

    body.page-id-66 #main-content > main.section {
        padding: 75px 22px 90px;
    }

    body.page-id-66 #main-content > main.section h1 {
        margin-bottom: 55px;
        font-size: 42px;
        line-height: 1.08;
    }

    body.page-id-66 #main-content > main.section h1 + p {
        margin-top: -30px;
        margin-bottom: 55px;
        font-size: 16px;
        line-height: 1.75;
    }

    body.page-id-66 #main-content > main.section h2 {
        padding: 25px 0 10px;
        font-size: 22px;
    }

    body.page-id-66 #main-content > main.section p {
        font-size: 14px;
        line-height: 1.8;
        margin-bottom: 24px;
    }
}


/* ---------------------------------------------------------
   10 — SMALL MOBILE
   --------------------------------------------------------- */

@media (max-width: 480px) {

    body.page-id-66 #main-content > main.section {
        padding: 60px 20px 75px;
    }

    body.page-id-66 #main-content > main.section h1 {
        font-size: 38px;
    }

    body.page-id-66 #main-content > main.section h1 + p {
        font-size: 15px;
    }

    body.page-id-66 #main-content > main.section h2 {
        font-size: 21px;
    }

    body.page-id-66 #main-content > main.section p {
        font-size: 14px;
    }
}

/* =========================================================
   SUMMER'S HEALING HUT
   THIS HUT — INFORMATION ACCORDION
   PAGE ID 72
   ========================================================= */

/* ---------------------------------------------------------
   Accordion container
   --------------------------------------------------------- */

body.page-id-72 .summer-hut-info {
    width: 100%;
    max-width: 900px;
    margin: 90px auto 120px;
}


/* ---------------------------------------------------------
   Accordion item
   --------------------------------------------------------- */

body.page-id-72 .summer-hut-item {
    margin: 0;
    padding: 0;
    border-top: 1px solid #d8d1c8;
}

body.page-id-72 .summer-hut-item:last-child {
    border-bottom: 1px solid #d8d1c8;
}


/* ---------------------------------------------------------
   Accordion heading
   --------------------------------------------------------- */

body.page-id-72 .summer-hut-item summary {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 30px 0;

    list-style: none;
    cursor: pointer;

    font-size: 14px;
    font-weight: 400;

    letter-spacing: 2.5px;
    text-transform: uppercase;

    color: #3f372f;

    transition: opacity 0.25s ease;
}

body.page-id-72 .summer-hut-item summary:hover {
    opacity: 0.65;
}

body.page-id-72 .summer-hut-item summary::-webkit-details-marker {
    display: none;
}

body.page-id-72 .summer-hut-item summary::marker {
    display: none;
}


/* ---------------------------------------------------------
   Plus icon
   --------------------------------------------------------- */

body.page-id-72 .summer-hut-plus {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 24px;
    height: 24px;

    font-size: 22px;
    font-weight: 300;
    line-height: 1;

    transition:
        transform 0.3s ease,
        opacity 0.25s ease;
}

body.page-id-72 .summer-hut-item[open] .summer-hut-plus {
    transform: rotate(45deg);
}


/* ---------------------------------------------------------
   Expanded content
   --------------------------------------------------------- */

body.page-id-72 .summer-hut-content {
    max-width: 700px;
    padding: 0 0 48px;

    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.2px;

    color: #5b5148;
}


/* ---------------------------------------------------------
   Paragraphs
   --------------------------------------------------------- */

body.page-id-72 .summer-hut-content p {
    margin: 0 0 26px;
}

body.page-id-72 .summer-hut-content p:last-child {
    margin-bottom: 0;
}


/* ---------------------------------------------------------
   Subsections
   --------------------------------------------------------- */

body.page-id-72 .summer-hut-subsection {
    margin: 0 0 38px;
}

body.page-id-72 .summer-hut-subsection:last-child {
    margin-bottom: 0;
}

body.page-id-72 .summer-hut-subsection h3 {
    margin: 0 0 12px;

    font-size: 13px;
    font-weight: 400;

    letter-spacing: 2px;

    color: #3f372f;
}


/* ---------------------------------------------------------
   Text emphasis
   --------------------------------------------------------- */

body.page-id-72 .summer-hut-content strong {
    font-weight: 500;
}

body.page-id-72 .summer-hut-content em {
    font-style: italic;
}


/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media (max-width: 767px) {

    body.page-id-72 .summer-hut-info {
        margin: 60px auto 80px;
    }

    body.page-id-72 .summer-hut-item summary {
        padding: 24px 0;

        font-size: 13px;
        letter-spacing: 2px;
    }

    body.page-id-72 .summer-hut-content {
        padding-bottom: 38px;

        font-size: 15px;
        line-height: 1.9;
    }

    body.page-id-72 .summer-hut-content p {
        margin-bottom: 23px;
    }

    body.page-id-72 .summer-hut-subsection {
        margin-bottom: 32px;
    }

    body.page-id-72 .summer-hut-plus {
        font-size: 20px;
    }

}

/* =========================================================
   SUMMER'S HEALING HUT
   FINAL HEADER — WARM LIGHT BROWN
   Unified Desktop + Mobile
   ========================================================= */

html body header.site-header {
    background: #756556 !important;
    background-color: #756556 !important;
    color: #ffffff !important;
    border: none !important;
    margin: 0 !important;
    z-index: 9999 !important;
}

html body header.site-header .header-inner {
    background: #756556 !important;
    background-color: #756556 !important;
    color: #ffffff !important;
}

/* LOGO */

html body header.site-header .site-logo,
html body header.site-header .logo-main,
html body header.site-header .logo-sub {
    color: #ffffff !important;
}

/* DESKTOP NAV */

html body header.site-header .main-nav,
html body header.site-header .main-nav > a,
html body header.site-header .summer-collections-trigger > a {
    color: #ffffff !important;
}

html body header.site-header .main-nav > a:hover,
html body header.site-header .summer-collections-trigger > a:hover {
    color: #ffffff !important;
    background: transparent !important;
}

/* RIGHT ACTIONS */

html body header.site-header .header-actions,
html body header.site-header .summer-header-account,
html body header.site-header .summer-header-cart {
    color: #ffffff !important;
}

/* CART SVG */

html body header.site-header .summer-header-cart svg {
    stroke: currentColor !important;
}

/* CART */

html body header.site-header .summer-header-cart .summer-cart-icon,
html body header.site-header .summer-header-cart .summer-cart-icon svg {
    color: #ffffff !important;
    stroke: currentColor !important;
}


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

@media (min-width: 769px) {

    html body header.site-header {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;

        width: 100% !important;
        max-width: none !important;

        height: 96px !important;
        min-height: 96px !important;

        background: #756556 !important;
        background-color: #756556 !important;

        color: #ffffff !important;

        transform: none !important;
        margin: 0 !important;

        z-index: 9999 !important;
        box-sizing: border-box !important;
    }

    html body header.site-header .header-inner {
        width: 100% !important;
        height: 96px !important;
        min-height: 96px !important;

        background: #756556 !important;
        background-color: #756556 !important;

        color: #ffffff !important;

        position: relative !important;
        z-index: 10000 !important;
        box-sizing: border-box !important;
    }

}


/* =========================================================
   MOBILE HEADER
   Keep mobile structure / menu behavior unchanged
   ========================================================= */

@media (max-width: 768px) {

    html body header.site-header {
        background: #756556 !important;
        background-color: #756556 !important;
        color: #ffffff !important;
    }

    html body header.site-header .header-inner {
        background: #756556 !important;
        background-color: #756556 !important;
        color: #ffffff !important;
    }

}


/* =========================================================
   SUMMER'S HEALING HUT
   SEARCH RESULTS — FINAL
   ========================================================= */

.summer-search-page {
    width: 100%;
    background: #f8f7f4;
    color: #24231f;
    min-height: 60vh;
}


/* ---------------------------------------------------------
   SEARCH INTRO
   --------------------------------------------------------- */

.summer-search-intro {
    max-width: 900px;
    margin: 0 auto;
    padding: 105px 40px 75px;
    text-align: center;
}

.summer-search-eyebrow,
.summer-search-results-label,
.summer-search-empty-label {
    margin-bottom: 18px;
    color: #756556;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: .28em;
    line-height: 1.5;
    text-transform: uppercase;
}

.summer-search-title {
    margin: 0 0 42px;
    color: #24231f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(38px, 5vw, 62px);
    font-weight: 400;
    line-height: 1.08;
}


/* ---------------------------------------------------------
   SEARCH FORM
   --------------------------------------------------------- */

.summer-search-form {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    border-bottom: 1px solid rgba(36, 35, 31, .28);
}

.summer-search-form input {
    width: 100%;
    min-height: 58px;
    margin: 0;
    padding: 0 58px 0 2px;
    border: 0 !important;
    border-radius: 0 !important;
    outline: none !important;
    background: transparent !important;
    color: #24231f !important;
    box-shadow: none !important;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 58px;
}

.summer-search-form input::placeholder {
    color: #8a857d;
    opacity: 1;
}

.summer-search-form input:focus {
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

.summer-search-form button {
    position: absolute;
    top: 50%;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin: 0;
    padding: 0;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #24231f !important;
    box-shadow: none !important;
    transform: translateY(-50%);
    cursor: pointer;
}

.summer-search-form button:hover {
    background: transparent !important;
    color: #756556 !important;
}

.summer-search-form button svg {
    display: block;
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.4;
}

.summer-search-form button circle {
    fill: none;
}

.summer-search-form button line {
    stroke-linecap: round;
}


/* ---------------------------------------------------------
   RESULTS
   --------------------------------------------------------- */

.summer-search-results {
    max-width: 1280px;
    margin: 0 auto;
    padding: 10px 40px 120px;
}

.summer-search-results-header {
    margin-bottom: 48px;
}

.summer-search-results-header h2 {
    margin: 0 0 10px;
    color: #24231f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(28px, 3vw, 42px);
    font-weight: 400;
    line-height: 1.2;
}

.summer-search-count {
    color: #756f68;
    font-size: 12px;
    letter-spacing: .04em;
}


/* ---------------------------------------------------------
   PRODUCT GRID
   --------------------------------------------------------- */

.summer-search-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 42px 28px;
}

.summer-search-card {
    min-width: 0;
}

.summer-search-card-image {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1.08;
    overflow: hidden;
    background: #eeeae3;
}

.summer-search-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.summer-search-card:hover .summer-search-card-image img {
    transform: scale(1.025);
}

.summer-search-card-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 30px;
    color: #756556;
    text-align: center;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 13px;
    letter-spacing: .12em;
}


.summer-search-card-content {
    padding: 17px 2px 0;
}

.summer-search-card-title {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
}

.summer-search-card-title a {
    color: #24231f !important;
    text-decoration: none !important;
}

.summer-search-card-title a:hover {
    color: #756556 !important;
}

.summer-search-card-price {
    margin-top: 7px;
    color: #756f68;
    font-size: 13px;
    line-height: 1.5;
}


/* ---------------------------------------------------------
   EMPTY SEARCH
   --------------------------------------------------------- */

.summer-search-empty {
    max-width: 700px;
    margin: 0 auto;
    padding: 20px 40px 150px;
    text-align: center;
}

.summer-search-empty h2 {
    margin: 0 0 12px;
    color: #24231f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 38px;
    font-weight: 400;
}

.summer-search-empty p {
    margin: 0;
    color: #756f68;
    font-size: 14px;
}


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

@media screen and (max-width: 767px) {

    .summer-search-intro {
        padding: 72px 22px 52px;
    }

    .summer-search-eyebrow {
        margin-bottom: 15px;
        font-size: 9px;
    }

    .summer-search-title {
        margin-bottom: 34px;
        font-size: 38px;
        line-height: 1.08;
    }

    .summer-search-form {
        max-width: none;
    }

    .summer-search-form input {
        min-height: 54px;
        padding-right: 52px;
        font-size: 15px;
        line-height: 54px;
    }

    .summer-search-form button {
        width: 42px;
        height: 42px;
    }

    .summer-search-results {
        padding: 8px 18px 90px;
    }

    .summer-search-results-header {
        margin-bottom: 32px;
    }

    .summer-search-results-label {
        margin-bottom: 13px;
        font-size: 9px;
    }

    .summer-search-results-header h2 {
        font-size: 30px;
    }

    .summer-search-count {
        margin-top: 8px;
        font-size: 11px;
    }

    .summer-search-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 32px 14px;
    }

    .summer-search-card-image {
        aspect-ratio: 1 / 1.12;
    }

    .summer-search-card-content {
        padding-top: 12px;
    }

    .summer-search-card-title {
        font-size: 15px;
        line-height: 1.35;
    }

    .summer-search-card-price {
        margin-top: 5px;
        font-size: 12px;
    }

    .summer-search-empty {
        padding: 15px 25px 110px;
    }

    .summer-search-empty h2 {
        font-size: 32px;
    }

}


/* ---------------------------------------------------------
   SMALL PHONES
   --------------------------------------------------------- */

@media screen and (max-width: 380px) {

    .summer-search-intro {
        padding-left: 18px;
        padding-right: 18px;
    }

    .summer-search-title {
        font-size: 34px;
    }

    .summer-search-results {
        padding-left: 14px;
        padding-right: 14px;
    }

    .summer-search-grid {
        gap: 28px 10px;
    }

    .summer-search-card-title {
        font-size: 14px;
    }

}


/* =========================================================
   SUMMER'S HEALING HUT
   CART COUNT — MINIMAL
   ========================================================= */

.header-actions .summer-cart-count {
    position: absolute !important;
    top: -5px !important;
    right: -7px !important;

    min-width: 0 !important;
    width: auto !important;
    height: auto !important;

    padding: 0 !important;

    display: block !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    color: #24231f !important;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Helvetica Neue",
        Arial,
        sans-serif !important;

    font-size: 8px !important;
    font-weight: 400 !important;

    line-height: 1 !important;
    letter-spacing: 0 !important;

    pointer-events: none !important;
}


/* =========================================================
   SUMMER'S HEALING HUT
   GLOBAL TYPOGRAPHY RESTORE
   ========================================================= */

html body {
    font-family: "Lora", Georgia, "Times New Roman", serif;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .site-logo,
html body .logo-main,
html body .logo-sub,
html body .main-nav,
html body .main-nav a,
html body .header-actions,
html body .header-actions a,

/* Header typography */
html body header.site-header .site-logo,
html body header.site-header .main-nav a,
html body header.site-header .header-actions a {
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
}


/* Keep normal paragraphs elegant and readable */
html body p,
html body li,
html body .entry-content,
html body .page-content {
    font-family: "Lora", Georgia, "Times New Roman", serif;
}


/* =========================================================
   SUMMER'S HEALING HUT
   FINAL HEADER TYPOGRAPHY
   Cormorant Garamond
   ========================================================= */

html body header.site-header .site-logo,
html body header.site-header .logo-main,
html body header.site-header .logo-sub,

html body header.site-header .main-nav,
html body header.site-header .main-nav > a,

html body header.site-header .header-actions,
html body header.site-header .header-actions > a,


/* Main desktop navigation */

html body header.site-header .main-nav > a,
html body header.site-header .summer-collections-trigger > a {

    font-family:
        "Cormorant Garamond",
        Georgia,
        "Times New Roman",
        serif !important;

    font-weight: 400 !important;

}


/* Logo */

html body header.site-header .site-logo,
html body header.site-header .logo-main,
html body header.site-header .logo-sub {

    font-family:
        "Cormorant Garamond",
        Georgia,
        "Times New Roman",
        serif !important;

}




/* Search */


/* =========================================================
   DESKTOP HEADER FONT SIZE
   ========================================================= */

@media (min-width: 769px) {

    html body header.site-header .main-nav > a,
    html body header.site-header .summer-collections-trigger > a,
    html body header.site-header .summer-header-account {

        font-size: 16px !important;
        line-height: 1.2 !important;
        letter-spacing: 0.035em !important;
        font-weight: 400 !important;

    }

}


/* =========================================================
   MOBILE HEADER / DRAWER
   ========================================================= */

@media (max-width: 768px) {

    html body header.site-header .site-logo,
    html body header.site-header .logo-main,
    html body header.site-header .logo-sub {

        font-family:
            "Cormorant Garamond",
            Georgia,
            "Times New Roman",
            serif !important;

    }


}


/* =========================================================
   SUMMER'S HEALING HUT
   HEADER TYPOGRAPHY — RESTORED FROM
   style.css.before-collection-css-remove-20260830-043741

   FONT ONLY
   Does NOT change header layout / color / spacing / drawer
   ========================================================= */

/* Google Fonts */
500&display=swap');

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

html body header.site-header .site-logo,
html body header.site-header .logo-main,
html body header.site-header .logo-sub,
html body header.site-header .main-nav,
html body header.site-header .main-nav > a,
html body header.site-header .summer-collections-trigger > a,
html body header.site-header .header-actions,
html body header.site-header .summer-header-account {
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important;
}

/* Brand — SUMMER'S */
html body header.site-header .logo-main {
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
}

/* Brand — HEALING HUT */
html body header.site-header .logo-sub {
    font-size: 8px !important;
    font-weight: 400 !important;
    letter-spacing: .30em !important;
    text-transform: uppercase !important;
}

/* Main navigation */
html body header.site-header .main-nav > a,
html body header.site-header .summer-collections-trigger > a {
    font-size: 10px !important;
    font-weight: 400 !important;
    letter-spacing: .14em !important;
    text-transform: none !important;
}


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

@media (max-width: 1120px) {

    html body header.site-header .main-nav > a,
    html body header.site-header .summer-collections-trigger > a {
        font-size: 9px !important;
        letter-spacing: .11em !important;
    }

}

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

@media (max-width: 768px) {

    html body header.site-header .logo-main {
        font-size: 15px !important;
        font-weight: 500 !important;
        letter-spacing: .08em !important;
    }

    html body header.site-header .logo-sub {
        font-size: 7px !important;
        font-weight: 400 !important;
        letter-spacing: .27em !important;
    }

}


/* =========================================================
   SEARCH BOX
   ========================================================= */


/* =========================================================
   IMPORTANT:
   Search icon / cart icon / hamburger remain SVG/CSS shapes.
   No visual structure is changed here.
   ========================================================= */

/* =========================================================
   SUMMER'S HEALING HUT
   COLLECTIONS — LEVEL 3 RESTORE
   Restored from 2026-08-31 05:27 version
   ========================================================= */


/* =========================================================
   SUMMER'S HEALING HUT
   HEADER LAYOUT RESTORE
   Restored from pre-collection backup
   Layout only — does not replace current colors / drawer /
   mega menu / search / cart / typography
   ========================================================= */

/* HEADER INNER */

html body header.site-header .header-inner {
    width: 100% !important;
    max-width: none !important;
    min-height: 80px;
    padding: 0 34px;
    margin: 0 !important;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border: none !important;
}


/* BRAND */

html body header.site-header .site-logo {
    flex: 0 0 auto;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    text-decoration: none !important;
    white-space: nowrap;
    line-height: 1;
}


/* LOGO MAIN */

html body header.site-header .logo-main {
    display: block;
    line-height: 1;
}


/* LOGO SUB */

html body header.site-header .logo-sub {
    display: block !important;
    margin-top: 5px;
    line-height: 1;
}


/* DESKTOP NAVIGATION */

html body header.site-header .main-nav {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 27px;
    margin: 0 28px;
    padding: 0;
}


/* NAV LINKS */

html body header.site-header .main-nav > a,
html body header.site-header .summer-collections-trigger > a {
    display: inline-flex;
    align-items: center;
    height: 80px;
    position: relative;
    padding: 0;
    margin: 0;
    background: transparent !important;
    text-decoration: none !important;
    white-space: nowrap;
    transition: opacity .25s ease;
}


/* NAV HOVER */

html body header.site-header .main-nav > a:hover,
html body header.site-header .summer-collections-trigger > a:hover {
    opacity: .52;
}


/* NAV UNDERLINE */

html body header.site-header .main-nav > a::after,
html body header.site-header .summer-collections-trigger > a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 21px;
    height: 1px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .25s ease;
}

html body header.site-header .main-nav > a:hover::after,
html body header.site-header .summer-collections-trigger > a:hover::after {
    transform: scaleX(1);
}


/* COLLECTIONS TRIGGER */

html body header.site-header .summer-collections-trigger {
    height: 80px;
    display: inline-flex;
    align-items: center;
    position: relative;
}


/* RIGHT ACTIONS */

html body header.site-header .header-actions {
    color: #ffffff !important;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    margin: 0;
}


/* TABLET */

@media (max-width: 1120px) {

    html body header.site-header .header-inner {
        padding: 0 24px;
    }

    html body header.site-header .main-nav {
        gap: 18px;
        margin-left: 18px;
        margin-right: 18px;
    }

}


/* MOBILE */

@media (max-width: 768px) {

    html body header.site-header .header-inner {
        width: 100% !important;
        min-height: 0;
        padding: 22px 22px;
        display: flex;
        align-items: center;
    }

    html body header.site-header .main-nav {
        display: none;
    }

    html body header.site-header .header-actions {
        margin-left: auto;
        gap: 14px;
    }


}


/* =========================================================
   END HEADER LAYOUT RESTORE
   ========================================================= */


/* =========================================================
   SUMMER'S HEALING HUT
   DESKTOP HEADER — FINAL ALIGNMENT
   Mobile untouched
   ========================================================= */

@media (min-width: 769px) {

    html body header.site-header {
        height: 80px !important;
        min-height: 80px !important;
    }

    html body header.site-header .header-inner {
        height: 80px !important;
        min-height: 80px !important;
        padding: 0 34px !important;
    }

    html body header.site-header .main-nav > a,
    html body header.site-header .summer-collections-trigger > a {
        height: 80px !important;
    }

    html body header.site-header .summer-collections-trigger {
        height: 80px !important;
    }

}


/* =========================================================
   SUMMER'S HEALING HUT
   DESKTOP HEADER — CLEAN FINAL OVERRIDE
   2026-08-31
   Desktop only — mobile untouched
   ========================================================= */

@media (min-width: 769px) {

    html body header.site-header {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;

        width: 100% !important;
        max-width: none !important;

        height: 80px !important;
        min-height: 80px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #756556 !important;
        background-color: #756556 !important;

        color: #ffffff !important;

        border: none !important;
        box-sizing: border-box !important;

        z-index: 99999 !important;
    }


    /* HEADER INNER */

    html body header.site-header .header-inner {
        width: 100% !important;
        max-width: none !important;

        height: 80px !important;
        min-height: 80px !important;

        margin: 0 !important;
        padding: 0 34px !important;

        display: flex !important;
        align-items: center !important;

        background: #756556 !important;
        color: #ffffff !important;

        border: none !important;
        box-sizing: border-box !important;
    }


    /* BRAND */

    html body header.site-header .site-logo {
        flex: 0 0 auto !important;

        display: inline-flex !important;
        flex-direction: column !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        text-decoration: none !important;
        white-space: nowrap !important;

        line-height: 1 !important;
    }


    html body header.site-header .logo-main {
        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        font-family:
            "Cormorant Garamond",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 16px !important;
        font-weight: 500 !important;

        line-height: 1 !important;
        letter-spacing: .10em !important;

        text-transform: uppercase !important;
    }


    html body header.site-header .logo-sub {
        display: block !important;

        margin: 5px 0 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        font-family:
            "Cormorant Garamond",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 8px !important;
        font-weight: 400 !important;

        line-height: 1 !important;
        letter-spacing: .30em !important;

        text-transform: uppercase !important;
    }


    /* MAIN NAV */

    html body header.site-header .main-nav {
        flex: 1 1 auto !important;

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

        gap: 27px !important;

        margin: 0 28px !important;
        padding: 0 !important;
    }


    html body header.site-header .main-nav > a {
        display: inline-flex !important;
        align-items: center !important;

        position: relative !important;

        height: 80px !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;
        background: transparent !important;

        font-family:
            "Cormorant Garamond",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 10px !important;
        font-weight: 400 !important;

        line-height: 1 !important;
        letter-spacing: .14em !important;

        text-decoration: none !important;
        text-transform: none !important;

        white-space: nowrap !important;

        transition: opacity .25s ease !important;
    }


    html body header.site-header .main-nav > a:hover {
        color: #ffffff !important;
        background: transparent !important;
        opacity: .52 !important;
    }


    /* RIGHT ACTIONS */

    html body header.site-header .header-actions {
        flex: 0 0 auto !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        gap: 18px !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;
    }


    /* CART */

    html body header.site-header .summer-header-cart {
        position: relative !important;

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

        width: 22px !important;
        height: 23px !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        text-decoration: none !important;
    }


    html body header.site-header .summer-cart-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }


    html body header.site-header .summer-cart-icon svg {
        width: 20px !important;
        height: 20px !important;

        color: #ffffff !important;
        stroke: currentColor !important;
    }


    html body header.site-header .summer-cart-count {
        position: absolute !important;

        top: -8px !important;
        right: -9px !important;

        min-width: 14px !important;
        height: 14px !important;

        padding: 0 3px !important;

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

        box-sizing: border-box !important;

        border-radius: 50% !important;

        background: #ffffff !important;
        color: #24231f !important;

        font-size: 8px !important;
        line-height: 1 !important;
    }


}


/* =========================================================
   END DESKTOP HEADER CLEAN OVERRIDE
   ========================================================= */


/* =========================================================
   SUMMER'S HEALING HUT — FINAL SEARCH
   One icon → click → search box
   ========================================================= */

html body header.site-header .summer-search-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ONE SEARCH ICON */
html body header.site-header .summer-mobile-search {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 19px !important;
    height: 19px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
}

html body header.site-header .summer-mobile-search svg {
    width: 18px !important;
    height: 18px !important;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.25 !important;
}

/* SEARCH BOX HIDDEN BY DEFAULT */
html body header.site-header .summer-search-box {
    display: none !important;

    align-items: center !important;

    position: absolute !important;
    top: calc(100% + 14px) !important;
    right: 0 !important;

    width: 230px !important;
    height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    background: rgba(255,255,255,.97) !important;
    border: 1px solid rgba(36,35,31,.22) !important;
}

/* SEARCH BOX OPENS AFTER CLICK */
html body header.site-header .summer-search-wrap.is-open .summer-search-box {
    display: flex !important;
}

/* INPUT */
html body header.site-header .summer-search-box input {
    flex: 1 1 auto !important;

    width: auto !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 12px !important;

    border: none !important;
    outline: none !important;

    background: transparent !important;
    color: #24231f !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 15px !important;
    font-weight: 400 !important;
    letter-spacing: .03em !important;
}

/* SEARCH SUBMIT BUTTON */
html body header.site-header .summer-search-box button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 38px !important;

    width: 38px !important;
    height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: none !important;
    background: transparent !important;

    color: #24231f !important;
    cursor: pointer !important;
}

html body header.site-header .summer-search-box button svg {
    width: 16px !important;
    height: 16px !important;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.25 !important;
}

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

    html body header.site-header .summer-search-box {
        position: fixed !important;

        top: 58px !important;
        left: 16px !important;
        right: 16px !important;

        width: auto !important;
        height: 40px !important;
    }

}


/* =========================================================
   SUMMER'S HEALING HUT — MOBILE HEADER FINAL
   Keep logo + search + cart visible
   ========================================================= */

@media (max-width: 768px) {

    /* HEADER */
    html body header.site-header {
        position: relative !important;
        width: 100% !important;
        z-index: 1000 !important;
    }

    html body header.site-header .header-inner {
        position: relative !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;
        min-height: 58px !important;

        box-sizing: border-box !important;
    }


    /* LOGO */
    html body header.site-header .site-logo {
        display: flex !important;
        flex-direction: column !important;
        flex: 0 0 auto !important;

        position: relative !important;
        z-index: 1002 !important;
    }


    /* MOBILE NAVIGATION
       Hide desktop navigation completely */
    html body header.site-header .main-nav {
        display: none !important;
    }


    /* RIGHT ACTIONS */
    html body header.site-header .header-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        flex: 0 0 auto !important;

        position: relative !important;
        z-index: 1003 !important;

        gap: 15px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* SEARCH WRAPPER */
    html body header.site-header .summer-search-wrap {
        position: relative !important;

        display: flex !important;
        align-items: center !important;

        flex: 0 0 auto !important;

        width: 19px !important;
        height: 19px !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: 1005 !important;
    }


    /* SEARCH ICON */
    html body header.site-header .summer-mobile-search {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        position: relative !important;
        z-index: 1006 !important;

        width: 19px !important;
        height: 19px !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        background: transparent !important;
        border: none !important;

        cursor: pointer !important;

        visibility: visible !important;
        opacity: 1 !important;
    }


    html body header.site-header .summer-mobile-search svg {
        display: block !important;

        width: 18px !important;
        height: 18px !important;

        margin: 0 !important;
        padding: 0 !important;

        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 1.25 !important;

        visibility: visible !important;
        opacity: 1 !important;
    }


    /* CART */
    html body header.site-header .summer-header-cart {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        position: relative !important;
        z-index: 1006 !important;

        flex: 0 0 auto !important;

        width: 22px !important;
        height: 23px !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        visibility: visible !important;
        opacity: 1 !important;
    }


    html body header.site-header .summer-cart-icon,
    html body header.site-header .summer-cart-icon svg {
        display: inline-flex !important;

        width: 20px !important;
        height: 20px !important;

        color: #ffffff !important;
        stroke: currentColor !important;
    }


    /* SEARCH BOX */
    html body header.site-header .summer-search-box {
        position: fixed !important;

        top: 58px !important;
        left: 16px !important;
        right: 16px !important;

        width: auto !important;
        height: 40px !important;

        z-index: 2000 !important;

        box-sizing: border-box !important;
    }


    /* When search is closed, it must stay hidden */
    html body header.site-header .summer-search-wrap:not(.is-open) .summer-search-box {
        display: none !important;
    }


    /* When search is open */
    html body header.site-header .summer-search-wrap.is-open .summer-search-box {
        display: flex !important;
    }

}


/* ---------------------------------------------------------
   Make sure the mega menu never appears on mobile
   --------------------------------------------------------- */

@media (max-width: 768px) {

    .summer-collections-mega-wrap {
        display: none !important;
    }

}


/* =========================================================
   HEADER ACCOUNT — PERSON ICON
   ========================================================= */

html body header.site-header .summer-header-account {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

html body header.site-header .summer-header-account svg {
    width: 21px;
    height: 21px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.35;
    stroke-linecap: round;
    stroke-linejoin: round;
}

html body header.site-header .summer-header-account:hover {
    opacity: .58;
}


/* =========================================================
   SUMMER'S HEALING HUT
   MOBILE COLLECTIONS — ZEN ACCORDION
   ========================================================= */

@media (max-width: 768px) {

    .summer-mobile-collections {
        width: 100%;
        margin: 0;
        padding: 0;
    }


    /* COLLECTIONS BUTTON */

    .summer-mobile-collections-toggle {

        width: 100%;

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

        padding: 0;

        border: 0;
        background: transparent;

        color: inherit;

        font-family:
            "Cormorant Garamond",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 18px;
        line-height: 1.25;

        font-weight: 400;

        letter-spacing: .025em;

        text-align: left;

        cursor: pointer;
    }


    /* PLUS / MINUS */

    .summer-mobile-collections-icon {

        display: inline-flex;

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

        width: 20px;
        height: 20px;

        font-family:
            Georgia,
            serif;

        font-size: 20px;

        font-weight: 300;

        line-height: 1;

        transition:
            transform .25s ease,
            opacity .2s ease;
    }


    .summer-mobile-collections-toggle.is-open
    .summer-mobile-collections-icon {

        transform: rotate(45deg);
    }


    /* ACCORDION */

    .summer-mobile-collections-content {

        max-height: 0;

        overflow: hidden;

        opacity: 0;

        padding-left: 0;

        transition:
            max-height .35s ease,
            opacity .25s ease,
            padding .35s ease;
    }


    .summer-mobile-collections-content.is-open {

        max-height: 1200px;

        opacity: 1;

        padding-top: 18px;

        padding-bottom: 10px;
    }


    /* EACH BIG CATEGORY */

    .summer-mobile-collection-group {

        padding: 0 0 20px;
    }


    .summer-mobile-collection-group:last-child {

        padding-bottom: 5px;
    }


    /* BIG CATEGORY TITLE */

    .summer-mobile-collection-title {

        display: block;

        margin-bottom: 8px;

        color: inherit;

        font-family:
            "Cormorant Garamond",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 15px !important;

        line-height: 1.25;

        font-weight: 500 !important;

        letter-spacing: .07em;

        text-decoration: none;
    }


    /* NORMAL SECOND LEVEL */

    .summer-mobile-collection-group > a:not(
        .summer-mobile-collection-title
    ) {

        display: block;

        padding: 4px 0;

        color: inherit;

        font-family:
            "Cormorant Garamond",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 16px !important;

        line-height: 1.35;

        font-weight: 400 !important;

        letter-spacing: .025em;

        text-decoration: none;
    }


    /* THIRD LEVEL */

    .summer-mobile-collection-subgroup {

        margin-left: 24px;

        padding: 2px 0 5px;

        border-left: 1px solid rgba(36,35,31,.12);
    }


    .summer-mobile-collection-subgroup a {

        display: block;

        padding: 4px 0 4px 15px;

        color: inherit;

        font-family:
            "Cormorant Garamond",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 14px !important;

        line-height: 1.35;

        font-weight: 400 !important;

        letter-spacing: .025em;

        text-decoration: none;
    }


    /* QUIET HOVER */

    .summer-mobile-collections a:hover {

        opacity: .58;
    }

}

/* =========================================================
   MOBILE HAMBURGER — SUMMER'S HEALING HUT
   ========================================================= */

@media (max-width: 768px) {

    .summer-mobile-toggle {
        display: inline-flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        width: 24px;
        height: 24px;

        padding: 0;
        margin: 0 4px 0 0;

        border: 0;
        background: transparent;

        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;
    }

    .summer-mobile-toggle span {
        display: block;

        width: 19px;
        height: 1px;

        margin: 2.5px 0;

        background: currentColor;

        transition:
            transform .25s ease,
            opacity .2s ease;
    }

    /* OPEN → X */

    .summer-mobile-toggle.is-open span:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
    }

    .summer-mobile-toggle.is-open span:nth-child(2) {
        opacity: 0;
    }

    .summer-mobile-toggle.is-open span:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg);
    }

}


/* ---------------------------------------------------------
   DESKTOP — HIDE MOBILE HAMBURGER
   --------------------------------------------------------- */

@media (min-width: 769px) {

    .summer-mobile-toggle {
        display: none !important;
    }

}


/* =========================================================
   MOBILE DRAWER — FINAL FIX
   SUMMER'S HEALING HUT
   ========================================================= */

@media (max-width: 768px) {

    /* -----------------------------------------------------
       HAMBURGER
       ----------------------------------------------------- */

    .summer-mobile-toggle {
        display: inline-flex !important;

        flex-direction: column;
        justify-content: center;
        align-items: center;

        width: 24px;
        height: 24px;

        padding: 0 !important;
        margin: 0;

        border: 0 !important;
        background: transparent !important;

        color: inherit;
        cursor: pointer;

        appearance: none;
        -webkit-appearance: none;

        position: relative;
        z-index: 10002;
    }

    .summer-mobile-toggle span {
        display: block !important;

        width: 19px;
        height: 1px;

        margin: 2.5px 0;

        background: currentColor;

        transition:
            transform .25s ease,
            opacity .2s ease;
    }


    /* -----------------------------------------------------
       HAMBURGER → X
       ----------------------------------------------------- */

    .summer-mobile-toggle.is-open span:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
    }

    .summer-mobile-toggle.is-open span:nth-child(2) {
        opacity: 0;
    }

    .summer-mobile-toggle.is-open span:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg);
    }


    /* -----------------------------------------------------
       DRAWER — HIDDEN BY DEFAULT
       IMPORTANT: prevents COLLECTIONS text appearing
       in the normal page flow.
       ----------------------------------------------------- */

    #summer-mobile-panel {
        position: fixed !important;

        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        left: auto !important;

        width: min(360px, 88vw) !important;
        max-width: 360px !important;

        height: 100vh !important;
        height: 100dvh !important;

        margin: 0 !important;
        padding: 90px 28px 40px !important;

        box-sizing: border-box !important;

        background: #f8f6f1 !important;

        color: #24231f !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        z-index: 10000 !important;

        opacity: 0 !important;
        visibility: hidden !important;

        pointer-events: none !important;

        transform: translateX(100%) !important;

        transition:
            transform .35s ease,
            opacity .25s ease,
            visibility .35s ease !important;

        box-shadow:
            -12px 0 40px rgba(36,35,31,.08);
    }


    /* -----------------------------------------------------
       DRAWER OPEN
       ----------------------------------------------------- */

    #summer-mobile-panel.is-open {
        opacity: 1 !important;

        visibility: visible !important;

        pointer-events: auto !important;

        transform: translateX(0) !important;
    }


    /* -----------------------------------------------------
       NAV INSIDE DRAWER
       ----------------------------------------------------- */

    .summer-mobile-panel-nav {
        display: flex !important;

        flex-direction: column !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .summer-mobile-panel-nav > a,
    .summer-mobile-collections-toggle {

        display: flex !important;

        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;

        min-height: 46px;

        padding: 10px 0 !important;
        margin: 0 !important;

        box-sizing: border-box;

        color: #24231f !important;

        background: transparent !important;

        border: 0 !important;

        text-decoration: none !important;

        font-family:
            "Cormorant Garamond",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 18px !important;

        line-height: 1.25 !important;

        font-weight: 400 !important;

        letter-spacing: .025em !important;

        text-align: left;
    }


    /* -----------------------------------------------------
       COLLECTIONS
       ----------------------------------------------------- */

    .summer-mobile-collections {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .summer-mobile-collections-toggle {
        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;
    }


    .summer-mobile-collections-icon {
        display: inline-flex !important;

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

        width: 20px;
        height: 20px;

        font-family: Georgia, serif !important;

        font-size: 20px !important;

        font-weight: 300 !important;

        line-height: 1 !important;

        transition: transform .25s ease;
    }


    .summer-mobile-collections-toggle.is-open
    .summer-mobile-collections-icon {

        transform: rotate(45deg);
    }


    /* -----------------------------------------------------
       COLLECTIONS CONTENT
       ----------------------------------------------------- */

    .summer-mobile-collections-content {

        display: block !important;

        width: 100% !important;

        max-height: 0 !important;

        overflow: hidden !important;

        opacity: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        transition:
            max-height .35s ease,
            opacity .25s ease,
            padding .35s ease !important;
    }


    .summer-mobile-collections-content.is-open {

        max-height: 1200px !important;

        opacity: 1 !important;

        padding:
            12px 0 10px !important;
    }


    /* -----------------------------------------------------
       BIG COLLECTION GROUP
       ----------------------------------------------------- */

    .summer-mobile-collection-group {

        display: block !important;

        width: 100% !important;

        margin: 0 !important;

        padding: 0 0 22px !important;
    }


    .summer-mobile-collection-group:last-child {
        padding-bottom: 6px !important;
    }


    /* -----------------------------------------------------
       COLLECTION TITLE
       ----------------------------------------------------- */

    .summer-mobile-collection-title {

        display: block !important;

        margin: 0 0 8px !important;

        padding: 4px 0 !important;

        color: #24231f !important;

        font-family:
            "Cormorant Garamond",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 15px !important;

        line-height: 1.25 !important;

        font-weight: 500 !important;

        letter-spacing: .07em !important;

        text-decoration: none !important;
    }


    /* -----------------------------------------------------
       SECOND LEVEL
       ----------------------------------------------------- */

    .summer-mobile-collection-group > a:not(
        .summer-mobile-collection-title
    ) {

        display: block !important;

        padding: 4px 0 !important;

        color: #24231f !important;

        font-family:
            "Cormorant Garamond",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 16px !important;

        line-height: 1.35 !important;

        font-weight: 400 !important;

        letter-spacing: .025em !important;

        text-decoration: none !important;
    }


    /* -----------------------------------------------------
       THIRD LEVEL
       Fully Handmade
       Mold-Assisted
       ----------------------------------------------------- */

    .summer-mobile-collection-subgroup {

        display: block !important;

        margin:
            2px 0 6px 24px !important;

        padding: 2px 0 4px !important;

        border-left:
            1px solid rgba(36,35,31,.14) !important;
    }


    .summer-mobile-collection-subgroup a {

        display: block !important;

        padding:
            4px 0 4px 15px !important;

        color: #24231f !important;

        font-family:
            "Cormorant Garamond",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 14px !important;

        line-height: 1.35 !important;

        font-weight: 400 !important;

        letter-spacing: .025em !important;

        text-decoration: none !important;
    }


    /* -----------------------------------------------------
       QUIET HOVER
       ----------------------------------------------------- */

    #summer-mobile-panel a:hover {
        opacity: .58;
    }


    /* -----------------------------------------------------
       BODY WHEN DRAWER OPEN
       ----------------------------------------------------- */

    body.summer-mobile-menu-open {
        overflow: hidden !important;
    }

}


/* =========================================================
   DESKTOP — MOBILE DRAWER COMPLETELY DISABLED
   ========================================================= */

@media (min-width: 769px) {

    .summer-mobile-toggle {
        display: none !important;
    }

    #summer-mobile-panel {
        display: none !important;
    }

}


/* =========================================================
   MOBILE DRAWER — TYPOGRAPHY REFINEMENT
   SUMMER'S HEALING HUT
   ========================================================= */

@media (max-width: 768px) {

    /* -----------------------------------------------------
       MAIN MOBILE NAV
       HOME / COLLECTIONS / THIS HUT / etc.
       ----------------------------------------------------- */

    .summer-mobile-panel-nav > a,
    .summer-mobile-collections-toggle {

        font-family:
            "Cormorant Garamond",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 15px !important;

        line-height: 1.35 !important;

        font-weight: 400 !important;

        letter-spacing: .035em !important;

        min-height: 42px;

        padding: 8px 0 !important;
    }


    /* -----------------------------------------------------
       COLLECTIONS PLUS
       ----------------------------------------------------- */

    .summer-mobile-collections-icon {

        width: 18px;
        height: 18px;

        font-size: 18px !important;

        font-weight: 300 !important;
    }


    /* -----------------------------------------------------
       COLLECTION CONTENT
       ----------------------------------------------------- */

    .summer-mobile-collections-content.is-open {

        padding-top: 10px !important;
        padding-bottom: 6px !important;
    }


    /* -----------------------------------------------------
       BIG COLLECTION TITLES
       ZISHA / CLAY / EARTH / TEA
       ----------------------------------------------------- */

    .summer-mobile-collection-title {

        margin-bottom: 6px !important;

        padding: 3px 0 !important;

        font-family:
            "Cormorant Garamond",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 13px !important;

        line-height: 1.3 !important;

        font-weight: 500 !important;

        letter-spacing: .085em !important;

        text-transform: uppercase;
    }


    /* -----------------------------------------------------
       SECOND LEVEL
       Handmade Teapots / Tea Pets / Crystal / etc.
       ----------------------------------------------------- */

    .summer-mobile-collection-group > a:not(
        .summer-mobile-collection-title
    ) {

        padding: 3px 0 !important;

        font-family:
            "Cormorant Garamond",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 14px !important;

        line-height: 1.35 !important;

        font-weight: 400 !important;

        letter-spacing: .025em !important;
    }


    /* -----------------------------------------------------
       THIRD LEVEL
       Fully Handmade / Mold-Assisted
       ----------------------------------------------------- */

    .summer-mobile-collection-subgroup {

        margin-left: 22px !important;

        padding:
            1px 0 3px !important;

        border-left:
            1px solid rgba(36,35,31,.12) !important;
    }


    .summer-mobile-collection-subgroup a {

        padding:
            3px 0 3px 14px !important;

        font-family:
            "Cormorant Garamond",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 13px !important;

        line-height: 1.35 !important;

        font-weight: 400 !important;

        letter-spacing: .025em !important;
    }


    /* -----------------------------------------------------
       COLLECTION GROUP SPACING
       ----------------------------------------------------- */

    .summer-mobile-collection-group {

        padding-bottom: 17px !important;
    }


    .summer-mobile-collection-group:last-child {

        padding-bottom: 3px !important;
    }

}


/* =========================================================
   MOBILE HAMBURGER — MOVE SLIGHTLY RIGHT
   ========================================================= */

@media (max-width: 768px) {

    .summer-mobile-toggle {
        margin-left: auto !important;
        margin-right: 4px !important;
    }

}


/* =========================================================
   MOBILE HEADER — BALANCED ICON GROUP
   HAMBURGER / ACCOUNT / SEARCH / CART
   ========================================================= */

@media (max-width: 768px) {

    /* Header icon area */
    .header-actions {

        display: flex !important;
        align-items: center !important;

        gap: 17px !important;

        margin-left: auto !important;
    }


    /* Hamburger */
    .summer-mobile-toggle {

        margin-left: 0 !important;
        margin-right: 0 !important;

        width: 20px !important;
        height: 20px !important;

        padding: 0 !important;

        display: flex !important;
        flex-direction: column !important;

        justify-content: center !important;
        align-items: center !important;

        gap: 4px !important;

        flex-shrink: 0 !important;
    }


    /* Hamburger lines */
    .summer-mobile-toggle span {

        display: block !important;

        width: 18px !important;
        height: 1px !important;

        margin: 0 !important;

        background: currentColor !important;

        transform: none;
    }



    /* Search */
    .summer-search-wrap {

        margin: 0 !important;

        display: flex !important;
        align-items: center !important;

        flex-shrink: 0 !important;
    }


    .summer-mobile-search {

        width: 20px !important;
        height: 20px !important;

        padding: 0 !important;
        margin: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }


    .summer-mobile-search svg {

        width: 19px !important;
        height: 19px !important;
    }


    /* Cart */
    .summer-header-cart {

        margin: 0 !important;

        width: 20px !important;
        height: 20px !important;

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

        flex-shrink: 0 !important;
    }


    .summer-header-cart .summer-cart-icon {

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }


    .summer-header-cart svg {

        width: 19px !important;
        height: 19px !important;
    }

}


/* =========================================================
   MOBILE HEADER — FINAL FINE TUNING
   ========================================================= */

@media (max-width: 768px) {

    .header-actions {
        gap: 15px !important;
        margin-left: auto !important;
        margin-right: 6px !important;
    }

    .summer-mobile-toggle,
    .summer-search-wrap,
    .summer-header-cart {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

}

/* =========================================================
   MOBILE HAMBURGER — FINAL POSITION
   67% / SAME VERTICAL CENTER
   ========================================================= */

@media (max-width: 768px) {

    .header-inner {
        position: relative !important;
    }

    .summer-mobile-toggle {
        position: absolute !important;

        left: 67% !important;
        top: 50% !important;

        transform: translate(-50%, -50%) !important;

        width: 20px !important;
        height: 20px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        flex-direction: column !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 4px !important;

        z-index: 10002 !important;
    }

    .summer-mobile-toggle span {
        display: block !important;

        width: 18px !important;
        height: 1px !important;

        margin: 0 !important;

        background: currentColor !important;
    }

    /* OPEN → X */

    .summer-mobile-toggle.is-open span:nth-child(1) {
        transform: translateY(5px) rotate(45deg) !important;
    }

    .summer-mobile-toggle.is-open span:nth-child(2) {
        opacity: 0 !important;
    }

    .summer-mobile-toggle.is-open span:nth-child(3) {
        transform: translateY(-5px) rotate(-45deg) !important;
    }

}

/* =========================================================
   MOBILE HERO — FINAL STABLE VERSION
   Exact title break / unified left alignment
   Text stays INSIDE hero image
   ========================================================= */

@media (max-width: 767px) {

    /* -----------------------------------------------------
       HERO CONTAINER
       ----------------------------------------------------- */

    .hero {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: 100% !important;
        height: 76vh !important;
        min-height: 76vh !important;

        overflow: hidden !important;
        background: #4a3830 !important;
    }


    /* -----------------------------------------------------
       HERO IMAGE
       ----------------------------------------------------- */

    .hero .hero-image {
        position: absolute !important;
        inset: 0 !important;

        display: block !important;

        width: 100% !important;
        height: 100% !important;

        max-width: none !important;
        object-fit: cover !important;
        object-position: center center !important;

        z-index: 0 !important;
    }


    /* -----------------------------------------------------
       OVERLAY
       ----------------------------------------------------- */

    .hero .hero-overlay {
        position: absolute !important;
        inset: 0 !important;

        display: block !important;

        z-index: 1 !important;

        background:
            linear-gradient(
                90deg,
                rgba(25,20,17,0.58) 0%,
                rgba(25,20,17,0.30) 52%,
                rgba(25,20,17,0.08) 100%
            ) !important;
    }


    /* -----------------------------------------------------
       CONTENT
       Keep everything INSIDE the image
       ----------------------------------------------------- */

    .hero .hero-content {
        position: relative !important;

        z-index: 2 !important;

        display: block !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;

        padding: 0 24px !important;

        box-sizing: border-box !important;

        left: 0 !important;

        transform: translateY(-6vh) !important;

        color: #F7F3EC !important;

        text-align: left !important;
    }


    /* -----------------------------------------------------
       ALL DIRECT CHILDREN
       Unified left edge
       ----------------------------------------------------- */

    .hero .hero-content > * {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /* -----------------------------------------------------
       EYEBROW
       ----------------------------------------------------- */

    .hero .hero-eyebrow {
        display: block !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 0 7px !important;
        padding: 0 !important;

        transform: none !important;

        font-family:
            "Cormorant Garamond Local",
            "Cormorant Garamond",
            Georgia,
            serif !important;

        font-size: 8px !important;
        font-weight: 500 !important;

        line-height: 1.35 !important;

        letter-spacing: 0.13em !important;

        text-transform: uppercase !important;

        color: rgba(247,243,236,0.92) !important;

        text-align: left !important;
    }


    /* -----------------------------------------------------
       TITLE
       Exact two-line break
       
       A Quiet Space for Tea,
       Clay & Soul
       ----------------------------------------------------- */

    .hero h1 {
        display: block !important;

        width: 100% !important;
        max-width: 330px !important;

        margin: 0 0 11px !important;
        padding: 0 !important;

        font-family:
            "Cormorant Garamond Local",
            "Cormorant Garamond",
            Georgia,
            serif !important;

        font-size: 26px !important;
        font-weight: 400 !important;

        line-height: 1.12 !important;

        letter-spacing: 0.003em !important;

        color: #F7F3EC !important;

        text-align: left !important;

        white-space: normal !important;
    }


    /* Force the exact break after Tea, */

    .hero h1 .hero-title-line {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        white-space: nowrap !important;
    }


    /* Remove the accidental leading space
       from " Clay & Soul" */

    .hero h1 .hero-title-line + .hero-title-line {
        padding-left: 0 !important;
    }


    /* -----------------------------------------------------
       DESCRIPTION
       Same left edge as eyebrow + title
       ----------------------------------------------------- */

    .hero p {
        display: block !important;

        width: 100% !important;
        max-width: 330px !important;

        margin: 0 0 23px !important;
        padding: 0 !important;

        font-family:
            "Cormorant Garamond Local",
            "Cormorant Garamond",
            Georgia,
            serif !important;

        font-size: 13px !important;
        font-weight: 400 !important;

        line-height: 1.42 !important;

        letter-spacing: 0.008em !important;

        color: rgba(247,243,236,0.88) !important;

        text-align: left !important;

        white-space: normal !important;
    }


    /* -----------------------------------------------------
       BUTTON
       Fully visible
       ----------------------------------------------------- */

    .hero .hero-button {
        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        max-width: none !important;

        min-height: 38px !important;

        margin: 0 !important;
        padding: 9px 19px !important;

        box-sizing: border-box !important;

        border: 1px solid rgba(255,255,255,0.78) !important;

        font-family:
            "Cormorant Garamond Local",
            "Cormorant Garamond",
            Georgia,
            serif !important;

        font-size: 10.5px !important;
        line-height: 1 !important;

        letter-spacing: 0.16em !important;

        white-space: nowrap !important;

        color: #F7F3EC !important;

        text-align: center !important;
    }

}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media (max-width: 380px) {

    .hero {
        height: 74vh !important;
        min-height: 74vh !important;
    }

    .hero .hero-content {
        padding-left: 20px !important;
        padding-right: 20px !important;

        transform: translateY(-5vh) !important;
    }

    .hero .hero-eyebrow {
        font-size: 7.5px !important;
        letter-spacing: 0.12em !important;

        margin-bottom: 6px !important;
    }

    .hero h1 {
        font-size: 24px !important;
        line-height: 1.13 !important;

        max-width: 300px !important;

        margin-bottom: 9px !important;
    }

    .hero p {
        font-size: 12.2px !important;
        line-height: 1.40 !important;

        max-width: 290px !important;

        margin-bottom: 20px !important;
    }

    .hero .hero-button {
        min-height: 37px !important;

        padding: 9px 17px !important;

        font-size: 10px !important;
    }

}


/* =========================================================
   MOBILE HERO — POT VISIBILITY + CTA
   Preserve current composition
   ========================================================= */

@media (max-width: 767px) {

    /* Keep the current portrait composition.
       Shift the image slightly so the teapot body is visible. */
    .hero .hero-image {
        object-position: 58% center !important;
    }

    /* Keep the text exactly where it currently looks good */
    .hero .hero-content {
        transform: translateY(-6vh) !important;
    }

    /* Make sure the CTA remains inside the hero
       and is never clipped */
    .hero .hero-button {
        display: inline-flex !important;
        position: relative !important;
        z-index: 5 !important;

        visibility: visible !important;
        opacity: 1 !important;

        width: auto !important;
        height: auto !important;
        min-width: max-content !important;
        min-height: 38px !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        padding: 9px 19px !important;

        white-space: nowrap !important;
        overflow: visible !important;
    }

}


/* ---------------------------------------------------------
   SMALL PHONES
   --------------------------------------------------------- */

@media (max-width: 380px) {

    .hero .hero-image {
        object-position: 58% center !important;
    }

    .hero .hero-button {
        min-height: 37px !important;
        padding: 9px 17px !important;
    }

}


/* =========================================================
   MOBILE HERO — POT + CTA VISIBILITY
   Keep current portrait proportion
   Reveal teapot / keep Explore Collection inside image
   ========================================================= */

@media (max-width: 767px) {

    /* -----------------------------------------------------
       KEEP CURRENT HERO PROPORTION
       ----------------------------------------------------- */

    .hero {
        height: 76vh !important;
        min-height: 76vh !important;
        overflow: hidden !important;
    }

    /* -----------------------------------------------------
       REFRAME IMAGE
       Move image framing slightly downward so the teapot
       body is more visible.
       ----------------------------------------------------- */

    .hero .hero-image {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;

        /* reveal more of the lower part of the image */
        object-position: center 62% !important;

        z-index: 0 !important;
    }

    /* -----------------------------------------------------
       MOVE TEXT GROUP UP
       ----------------------------------------------------- */

    .hero .hero-content {
        position: relative !important;
        z-index: 2 !important;

        transform: translateY(-9vh) !important;

        width: 100% !important;
        max-width: none !important;

        padding-left: 24px !important;
        padding-right: 24px !important;

        box-sizing: border-box !important;

        text-align: left !important;
    }

    /* -----------------------------------------------------
       EYEBROW
       ----------------------------------------------------- */

    .hero .hero-eyebrow {
        font-size: 8px !important;
        line-height: 1.3 !important;
        letter-spacing: 0.13em !important;

        margin: 0 0 6px !important;

        transform: none !important;

        text-align: left !important;
    }

    /* -----------------------------------------------------
       TITLE
       EXACTLY:
       
       A Quiet Space for Tea,
       Clay & Soul
       ----------------------------------------------------- */

    .hero h1 {
        font-size: 26px !important;
        line-height: 1.08 !important;
        letter-spacing: 0.003em !important;

        width: 100% !important;
        max-width: 330px !important;

        margin: 0 0 9px !important;
        padding: 0 !important;

        text-align: left !important;
        white-space: normal !important;
    }

    .hero h1 .hero-title-line {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        white-space: nowrap !important;
    }

    /* -----------------------------------------------------
       DESCRIPTION
       ----------------------------------------------------- */

    .hero p {
        font-size: 12.7px !important;
        line-height: 1.36 !important;
        letter-spacing: 0.006em !important;

        width: 100% !important;
        max-width: 325px !important;

        margin: 0 0 17px !important;
        padding: 0 !important;

        text-align: left !important;
    }

    /* -----------------------------------------------------
       EXPLORE COLLECTION
       Keep completely inside hero image
       ----------------------------------------------------- */

    .hero .hero-button {
        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        max-width: none !important;

        min-height: 36px !important;

        margin: 0 !important;
        padding: 8px 18px !important;

        box-sizing: border-box !important;

        font-size: 10px !important;
        line-height: 1 !important;
        letter-spacing: 0.14em !important;

        white-space: nowrap !important;

        text-align: center !important;
    }
}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media (max-width: 380px) {

    .hero {
        height: 74vh !important;
        min-height: 74vh !important;
    }

    .hero .hero-image {
        object-position: center 62% !important;
    }

    .hero .hero-content {
        padding-left: 20px !important;
        padding-right: 20px !important;

        transform: translateY(-8vh) !important;
    }

    .hero .hero-eyebrow {
        font-size: 7.5px !important;
        letter-spacing: 0.12em !important;
        margin-bottom: 5px !important;
    }

    .hero h1 {
        font-size: 24px !important;
        line-height: 1.09 !important;
        max-width: 300px !important;
        margin-bottom: 8px !important;
    }

    .hero p {
        font-size: 12.1px !important;
        line-height: 1.35 !important;
        max-width: 290px !important;
        margin-bottom: 16px !important;
    }

    .hero .hero-button {
        min-height: 35px !important;
        padding: 8px 17px !important;
        font-size: 9.8px !important;
    }

}


/* =========================================================
   MOBILE HERO — FINAL OPTICAL ADJUSTMENT
   Shift image right / lift entire text group
   ========================================================= */

@media (max-width: 767px) {

    /* -----------------------------------------------------
       IMAGE
       Take more of the RIGHT side of the original image
       ----------------------------------------------------- */

    .hero .hero-image {
        object-position: 68% 62% !important;
    }


    /* -----------------------------------------------------
       TEXT GROUP
       Lift everything upward
       ----------------------------------------------------- */

    .hero .hero-content {
        transform: translateY(-16vh) !important;
    }

}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media (max-width: 380px) {

    .hero .hero-image {
        object-position: 68% 62% !important;
    }

    .hero .hero-content {
        transform: translateY(-14vh) !important;
    }

}


/* =========================================================
   MOBILE HERO — IMAGE ONLY
   Keep text / button position unchanged
   Shift image further right
   ========================================================= */

@media (max-width: 767px) {

    .hero .hero-image {
        object-position: 78% 62% !important;
    }

}


/* Small phones */

@media (max-width: 380px) {

    .hero .hero-image {
        object-position: 78% 62% !important;
    }

}


/* MOBILE HERO — IMAGE ONLY
   Everything else remains unchanged */

@media (max-width: 767px) {

    .hero .hero-image {
        object-position: 88% 62% !important;
    }

}

@media (max-width: 380px) {

    .hero .hero-image {
        object-position: 88% 62% !important;
    }

}


/* MOBILE HERO — IMAGE ONLY
   Restore horizontal image position to 70%
   Everything else unchanged
*/

@media (max-width: 767px) {
    .hero .hero-image {
        object-position: 70% 62% !important;
    }
}

@media (max-width: 380px) {
    .hero .hero-image {
        object-position: 70% 62% !important;
    }
}


/* MOBILE HERO — IMAGE ONLY
   Restore horizontal image position to 70%
   Everything else unchanged
*/

@media (max-width: 767px) {
    .hero .hero-image {
        object-position: 70% 62% !important;
    }
}

@media (max-width: 380px) {
    .hero .hero-image {
        object-position: 70% 62% !important;
    }
}



/* =========================================================
   DESKTOP HERO — FINAL RESTORE
   Keep image + text together inside the hero
   Mobile rules remain untouched
   ========================================================= */

@media (min-width: 768px) {

    /* HERO CONTAINER */
    html body .hero {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: 100% !important;
        height: 78vh !important;
        min-height: 620px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
        box-sizing: border-box !important;
    }


    /* HERO IMAGE */
    html body .hero .hero-image {
        position: absolute !important;

        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;

        display: block !important;

        width: 100% !important;
        height: 100% !important;

        max-width: none !important;
        min-width: 0 !important;
        min-height: 0 !important;

        object-fit: cover !important;
        object-position: center center !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: 0 !important;
    }


    /* HERO OVERLAY */
    html body .hero .hero-overlay {
        position: absolute !important;

        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;

        display: block !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background:
            linear-gradient(
                90deg,
                rgba(25,20,17,.55) 0%,
                rgba(25,20,17,.28) 48%,
                rgba(25,20,17,.06) 100%
            ) !important;

        z-index: 1 !important;
    }


    /* HERO TEXT CONTENT */
    html body .hero .hero-content {
        position: relative !important;

        display: block !important;

        width: 100% !important;
        max-width: 1380px !important;

        margin: 0 auto !important;
        padding: 0 60px !important;

        box-sizing: border-box !important;

        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;

        transform: none !important;

        color: #F7F3EC !important;

        text-align: left !important;

        z-index: 2 !important;
    }


    /* EYEBROW */
    html body .hero .hero-eyebrow {
        display: block !important;

        width: auto !important;
        max-width: 600px !important;

        margin: 0 0 14px !important;
        padding: 0 !important;

        font-family:
            "Cormorant Garamond Local",
            "Cormorant Garamond",
            Georgia,
            serif !important;

        font-size: 12px !important;
        font-weight: 500 !important;

        line-height: 1.35 !important;
        letter-spacing: .18em !important;

        text-transform: uppercase !important;

        color: rgba(247,243,236,.94) !important;

        text-align: left !important;
    }


    /* TITLE */
    html body .hero h1 {
        display: block !important;

        width: auto !important;
        max-width: 620px !important;

        margin: 0 0 18px !important;
        padding: 0 !important;

        font-family:
            "Cormorant Garamond Local",
            "Cormorant Garamond",
            Georgia,
            serif !important;

        font-size: 48px !important;
        font-weight: 400 !important;

        line-height: 1.08 !important;
        letter-spacing: .005em !important;

        color: #F7F3EC !important;

        text-align: left !important;

        white-space: normal !important;
    }


    html body .hero h1 .hero-title-line {
        display: block !important;

        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        white-space: nowrap !important;
    }


    /* DESCRIPTION */
    html body .hero p {
        display: block !important;

        width: auto !important;
        max-width: 520px !important;

        margin: 0 0 28px !important;
        padding: 0 !important;

        font-family:
            "Cormorant Garamond Local",
            "Cormorant Garamond",
            Georgia,
            serif !important;

        font-size: 17px !important;
        font-weight: 400 !important;

        line-height: 1.5 !important;
        letter-spacing: .01em !important;

        color: rgba(247,243,236,.90) !important;

        text-align: left !important;
    }


    /* BUTTON */
    html body .hero .hero-button {
        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        max-width: none !important;

        min-height: 44px !important;

        margin: 0 !important;
        padding: 11px 23px !important;

        box-sizing: border-box !important;

        border: 1px solid rgba(255,255,255,.78) !important;

        background: transparent !important;

        font-family:
            "Cormorant Garamond Local",
            "Cormorant Garamond",
            Georgia,
            serif !important;

        font-size: 11px !important;
        line-height: 1 !important;

        letter-spacing: .16em !important;

        white-space: nowrap !important;

        color: #F7F3EC !important;

        text-align: center !important;

        text-decoration: none !important;
    }


    html body .hero .hero-button:hover {
        background: rgba(255,255,255,.12) !important;
        color: #fff !important;
    }

}


/* =========================================================
   DESKTOP HERO — LARGE SCREENS
   ========================================================= */

@media (min-width: 1200px) {

    html body .hero {
        height: 80vh !important;
        min-height: 650px !important;
    }

    html body .hero .hero-content {
        padding-left: 72px !important;
        padding-right: 72px !important;
    }

    html body .hero h1 {
        font-size: 54px !important;
        max-width: 680px !important;
    }

    html body .hero p {
        font-size: 18px !important;
        max-width: 550px !important;
    }

}


/* =========================================================
   DESKTOP HERO — PREVENT GLOBAL RULES FROM HIDING IT
   ========================================================= */

@media (min-width: 768px) {

    html body .hero,
    html body .hero-image,
    html body .hero-overlay,
    html body .hero-content,
    html body .hero .hero-eyebrow,
    html body .hero h1,
    html body .hero p,
    html body .hero .hero-button {
        visibility: visible !important;
        opacity: 1 !important;
    }

}


/* =========================================================
   DESKTOP HERO — SUMMER'S FINAL TYPOGRAPHY
   Eastern / Quiet / Refined
   ========================================================= */

@media (min-width: 768px) {

    /* HERO CONTENT POSITION */
    html body .hero .hero-content {
        padding-left: 72px !important;
        padding-right: 72px !important;

        max-width: 1380px !important;

        transform: translateY(-2vh) !important;

        text-align: left !important;
    }


    /* -----------------------------------------------------
       EYEBROW
       EASTERN CRAFT · MINDFUL LIVING
       ----------------------------------------------------- */

    html body .hero .hero-eyebrow {
        margin: 0 0 16px !important;

        font-family:
            "Cormorant Garamond Local",
            "Cormorant Garamond",
            Georgia,
            serif !important;

        font-size: 11px !important;
        font-weight: 500 !important;

        line-height: 1.3 !important;

        letter-spacing: .20em !important;

        text-transform: uppercase !important;

        color: rgba(247,243,236,.92) !important;

        text-align: left !important;
    }


    /* -----------------------------------------------------
       MAIN TITLE
       A Quiet Space for Tea,
       Clay & Soul
       ----------------------------------------------------- */

    html body .hero h1 {
        max-width: 650px !important;

        margin: 0 0 20px !important;

        font-family:
            "Cormorant Garamond Local",
            "Cormorant Garamond",
            Georgia,
            serif !important;

        font-size: 52px !important;
        font-weight: 400 !important;

        line-height: 1.08 !important;

        letter-spacing: .005em !important;

        color: #F7F3EC !important;

        text-align: left !important;
    }


    /* Keep the intentional two-line composition */
    html body .hero h1 .hero-title-line {
        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        white-space: nowrap !important;
    }


    /* -----------------------------------------------------
       DESCRIPTION
       ----------------------------------------------------- */

    html body .hero p {
        max-width: 500px !important;

        margin: 0 0 30px !important;

        font-family:
            "Cormorant Garamond Local",
            "Cormorant Garamond",
            Georgia,
            serif !important;

        font-size: 16px !important;
        font-weight: 400 !important;

        line-height: 1.55 !important;

        letter-spacing: .008em !important;

        color: rgba(247,243,236,.86) !important;

        text-align: left !important;
    }


    /* -----------------------------------------------------
       EXPLORE COLLECTION
       Minimal / quiet / no pill shape
       ----------------------------------------------------- */

    html body .hero .hero-button {
        min-height: 42px !important;

        margin: 0 !important;
        padding: 10px 22px !important;

        border: 1px solid rgba(247,243,236,.72) !important;
        border-radius: 0 !important;

        background: transparent !important;

        font-family:
            "Cormorant Garamond Local",
            "Cormorant Garamond",
            Georgia,
            serif !important;

        font-size: 10px !important;
        font-weight: 500 !important;

        line-height: 1 !important;

        letter-spacing: .18em !important;

        color: #F7F3EC !important;

        text-transform: uppercase !important;

        text-decoration: none !important;
    }


    html body .hero .hero-button:hover {
        background: rgba(247,243,236,.10) !important;

        color: #F7F3EC !important;
    }

}


/* =========================================================
   VERY LARGE DESKTOP
   ========================================================= */

@media (min-width: 1400px) {

    html body .hero .hero-content {
        padding-left: 86px !important;
    }

    html body .hero .hero-eyebrow {
        font-size: 12px !important;
    }

    html body .hero h1 {
        font-size: 56px !important;
    }

    html body .hero p {
        font-size: 17px !important;
        max-width: 530px !important;
    }

}

/* =========================================================
   DESKTOP HERO — FINAL RESTORE
   Keep Hero image + typography together
   Mobile version remains untouched
   ========================================================= */

@media (min-width: 768px) {

    /* -----------------------------------------------------
       HERO CONTAINER
       ----------------------------------------------------- */

    .hero {
        position: relative !important;
        width: 100% !important;

        height: min(78vh, 820px) !important;
        min-height: 620px !important;

        overflow: hidden !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        background: #4a3830 !important;
    }


    /* -----------------------------------------------------
       HERO IMAGE
       ----------------------------------------------------- */

    .hero .hero-image {
        position: absolute !important;

        inset: 0 !important;

        display: block !important;

        width: 100% !important;
        height: 100% !important;

        max-width: none !important;

        object-fit: cover !important;
        object-position: center center !important;

        z-index: 0 !important;
    }


    /* -----------------------------------------------------
       HERO OVERLAY
       ----------------------------------------------------- */

    .hero .hero-overlay {
        position: absolute !important;

        inset: 0 !important;

        display: block !important;

        z-index: 1 !important;

        background:
            linear-gradient(
                90deg,
                rgba(25,20,17,0.55) 0%,
                rgba(25,20,17,0.30) 48%,
                rgba(25,20,17,0.08) 100%
            ) !important;
    }


    /* -----------------------------------------------------
       HERO CONTENT
       ----------------------------------------------------- */

    .hero .hero-content {
        position: relative !important;

        z-index: 2 !important;

        display: block !important;

        width: 100% !important;
        max-width: 1380px !important;

        margin: 0 auto !important;

        padding: 0 7vw !important;

        box-sizing: border-box !important;

        transform: none !important;

        color: #F7F3EC !important;

        text-align: left !important;
    }


    /* -----------------------------------------------------
       EYEBROW
       ----------------------------------------------------- */

    .hero .hero-eyebrow {
        display: block !important;

        width: 100% !important;
        max-width: 600px !important;

        margin: 0 0 16px !important;
        padding: 0 !important;

        transform: none !important;

        font-family:
            "Cormorant Garamond Local",
            "Cormorant Garamond",
            Georgia,
            serif !important;

        font-size: 12px !important;

        font-weight: 500 !important;

        line-height: 1.35 !important;

        letter-spacing: 0.20em !important;

        text-transform: uppercase !important;

        color: rgba(247,243,236,0.94) !important;

        text-align: left !important;
    }


    /* -----------------------------------------------------
       TITLE
       ----------------------------------------------------- */

    .hero h1 {
        display: block !important;

        width: 100% !important;
        max-width: 650px !important;

        margin: 0 0 18px !important;
        padding: 0 !important;

        font-family:
            "Cormorant Garamond Local",
            "Cormorant Garamond",
            Georgia,
            serif !important;

        font-size: clamp(42px, 4.2vw, 68px) !important;

        font-weight: 400 !important;

        line-height: 1.04 !important;

        letter-spacing: 0 !important;

        color: #F7F3EC !important;

        text-align: left !important;

        white-space: normal !important;
    }


    /* Exact two-line title */

    .hero h1 .hero-title-line {
        display: block !important;

        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        white-space: nowrap !important;
    }


    .hero h1 .hero-title-line + .hero-title-line {
        padding-left: 0 !important;
    }


    /* -----------------------------------------------------
       DESCRIPTION
       ----------------------------------------------------- */

    .hero p {
        display: block !important;

        width: 100% !important;
        max-width: 540px !important;

        margin: 0 0 30px !important;
        padding: 0 !important;

        font-family:
            "Cormorant Garamond Local",
            "Cormorant Garamond",
            Georgia,
            serif !important;

        font-size: 17px !important;

        font-weight: 400 !important;

        line-height: 1.48 !important;

        letter-spacing: 0.01em !important;

        color: rgba(247,243,236,0.90) !important;

        text-align: left !important;

        white-space: normal !important;
    }


    /* -----------------------------------------------------
       BUTTON
       ----------------------------------------------------- */

    .hero .hero-button {
        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        max-width: none !important;

        min-height: 44px !important;

        margin: 0 !important;

        padding: 11px 24px !important;

        box-sizing: border-box !important;

        border: 1px solid rgba(255,255,255,0.78) !important;

        font-family:
            "Cormorant Garamond Local",
            "Cormorant Garamond",
            Georgia,
            serif !important;

        font-size: 12px !important;

        font-weight: 400 !important;

        line-height: 1 !important;

        letter-spacing: 0.16em !important;

        white-space: nowrap !important;

        color: #F7F3EC !important;

        text-align: center !important;

        background: transparent !important;
    }

}


/* =========================================================
   DESKTOP HERO — LARGE SCREENS
   ========================================================= */

@media (min-width: 1200px) {

    .hero {
        height: min(80vh, 860px) !important;
        min-height: 650px !important;
    }

    .hero .hero-content {
        padding-left: 8vw !important;
        padding-right: 8vw !important;
    }

}


/* =========================================================
   DESKTOP HERO — MEDIUM LAPTOP
   ========================================================= */

@media (min-width: 768px) and (max-width: 1199px) {

    .hero {
        height: 72vh !important;
        min-height: 560px !important;
    }

    .hero .hero-content {
        padding-left: 6vw !important;
        padding-right: 6vw !important;
    }

    .hero h1 {
        font-size: clamp(38px, 4.8vw, 56px) !important;
    }

    .hero p {
        font-size: 16px !important;
        max-width: 500px !important;
    }

}


/* =========================================================
   SUMMER ZEN — SHOP TYPOGRAPHY & REFINED COLLECTION
   Desktop refinement only
   Mobile styles remain untouched
   ========================================================= */

@media (min-width: 768px) {

    /* -----------------------------------------------------
       SHOP HERO
       ----------------------------------------------------- */

    body.woocommerce-shop .shop-hero {
        padding-top: 96px !important;
        padding-bottom: 62px !important;
    }

    body.woocommerce-shop .shop-eyebrow {
        margin-bottom: 20px !important;

        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Helvetica Neue",
            Helvetica,
            Arial,
            sans-serif !important;

        font-size: 10px !important;
        line-height: 1.5 !important;
        font-weight: 400 !important;
        letter-spacing: .20em !important;
        text-transform: uppercase !important;

        color: #706c64 !important;
    }

    body.woocommerce-shop .shop-hero h1 {
        font-family:
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: clamp(48px, 5vw, 68px) !important;
        line-height: 1.02 !important;
        font-weight: 400 !important;
        letter-spacing: -.035em !important;

        color: #24231f !important;
    }

    body.woocommerce-shop .shop-hero p {
        max-width: 520px !important;

        margin-top: 24px !important;

        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Helvetica Neue",
            Helvetica,
            Arial,
            sans-serif !important;

        font-size: 13px !important;
        line-height: 1.75 !important;
        font-weight: 400 !important;
        letter-spacing: .015em !important;

        color: #706c64 !important;
    }


    /* -----------------------------------------------------
       CATEGORY NAVIGATION
       ----------------------------------------------------- */

    body.woocommerce-shop .shop-categories {
        margin-bottom: 58px !important;
        padding-top: 17px !important;
        padding-bottom: 17px !important;

        border-color: #ded9d1 !important;
    }

    body.woocommerce-shop .shop-categories a {
        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Helvetica Neue",
            Helvetica,
            Arial,
            sans-serif !important;

        font-size: 10px !important;
        line-height: 1.5 !important;
        font-weight: 400 !important;
        letter-spacing: .12em !important;
        text-transform: uppercase !important;

        color: #4f4b45 !important;

        transition:
            opacity .25s ease,
            color .25s ease !important;
    }

    body.woocommerce-shop .shop-categories a.is-active {
        color: #24231f !important;
        text-underline-offset: 6px !important;
    }


    /* -----------------------------------------------------
       SHOP TOOLBAR
       ----------------------------------------------------- */

    body.woocommerce-shop .summer-shop-toolbar {
        margin-bottom: 34px !important;
        padding-bottom: 17px !important;

        border-color: #ded9d1 !important;
    }

    body.woocommerce-shop .summer-shop-count,
    body.woocommerce-shop .summer-shop-control {
        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Helvetica Neue",
            Helvetica,
            Arial,
            sans-serif !important;

        font-size: 9px !important;
        line-height: 1.5 !important;
        font-weight: 400 !important;
        letter-spacing: .12em !important;
        text-transform: uppercase !important;

        color: #706c64 !important;
    }

    body.woocommerce-shop .summer-shop-controls {
        gap: 30px !important;
    }


    /* -----------------------------------------------------
       FILTER / SORT PANELS
       ----------------------------------------------------- */

    body.woocommerce-shop .summer-shop-panel {
        padding-top: 24px !important;
        padding-bottom: 24px !important;

        border-color: #ded9d1 !important;
    }

    body.woocommerce-shop .summer-shop-panel-title {
        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Helvetica Neue",
            Helvetica,
            Arial,
            sans-serif !important;

        font-size: 9px !important;
        line-height: 1.5 !important;
        font-weight: 400 !important;
        letter-spacing: .14em !important;
        text-transform: uppercase !important;

        color: #706c64 !important;
    }

    body.woocommerce-shop .summer-shop-panel a {
        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Helvetica Neue",
            Helvetica,
            Arial,
            sans-serif !important;

        font-size: 11px !important;
        line-height: 1.6 !important;
        font-weight: 400 !important;
        letter-spacing: .025em !important;

        color: #3f3c37 !important;
    }


    /* -----------------------------------------------------
       PRODUCT GRID
       ----------------------------------------------------- */

    body.woocommerce-shop ul.products {
        column-gap: 26px !important;
        row-gap: 76px !important;
    }


    /* -----------------------------------------------------
       PRODUCT IMAGE
       ----------------------------------------------------- */

    body.woocommerce-shop ul.products li.product img,
    body.woocommerce-shop ul.products li.product .summer-product-card__img {
        margin-bottom: 20px !important;

        background: #f7f5f1 !important;

        transition:
            opacity .35s ease,
            transform .35s ease !important;
    }

    body.woocommerce-shop ul.products li.product:hover img,
    body.woocommerce-shop ul.products li.product:hover .summer-product-card__img {
        opacity: .92 !important;
        transform: scale(1.008) !important;
    }


    /* -----------------------------------------------------
       PRODUCT TITLE — MAIN TYPOGRAPHIC CHANGE
       ----------------------------------------------------- */

    body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title,
    body.woocommerce-shop ul.products li.product .summer-product-card__title {
        margin: 0 0 8px !important;
        padding: 0 !important;

        font-family:
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 17px !important;
        line-height: 1.30 !important;
        font-weight: 400 !important;
        letter-spacing: -.012em !important;

        color: #24231f !important;
    }


    /* -----------------------------------------------------
       PRODUCT DESCRIPTION
       ----------------------------------------------------- */

    body.woocommerce-shop ul.products li.product .summer-product-card__excerpt {
        margin: 0 0 12px !important;

        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Helvetica Neue",
            Helvetica,
            Arial,
            sans-serif !important;

        font-size: 11px !important;
        line-height: 1.65 !important;
        font-weight: 400 !important;
        letter-spacing: .01em !important;

        color: #858078 !important;
    }


    /* -----------------------------------------------------
       PRODUCT PRICE
       ----------------------------------------------------- */

    body.woocommerce-shop ul.products li.product .price,
    body.woocommerce-shop ul.products li.product .summer-product-card__price,
    body.woocommerce-shop ul.products li.product .price .amount,
    body.woocommerce-shop ul.products li.product .price .woocommerce-Price-amount,
    body.woocommerce-shop ul.products li.product .price bdi {
        margin: 0 !important;
        padding: 0 !important;

        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Helvetica Neue",
            Helvetica,
            Arial,
            sans-serif !important;

        font-size: 12px !important;
        line-height: 1.5 !important;
        font-weight: 400 !important;
        letter-spacing: .025em !important;

        color: #4f4b45 !important;
    }


    /* -----------------------------------------------------
       SALE BADGE
       ----------------------------------------------------- */

    body.woocommerce-shop ul.products li.product .summer-product-card__badge {
        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Helvetica Neue",
            Helvetica,
            Arial,
            sans-serif !important;

        font-size: 8px !important;
        line-height: 1.4 !important;
        font-weight: 400 !important;
        letter-spacing: .13em !important;
        text-transform: uppercase !important;
    }


    /* -----------------------------------------------------
       PRODUCT DETAILS / CONTENT
       ----------------------------------------------------- */

    body.woocommerce-shop ul.products li.product .summer-product-card__content,
    body.woocommerce-shop ul.products li.product .summer-product-card__details {
        padding: 0 !important;
    }


    /* -----------------------------------------------------
       HIDE DEFAULT WOOCOMMERCE BUTTONS
       ----------------------------------------------------- */

    body.woocommerce-shop ul.products li.product .button,
    body.woocommerce-shop ul.products li.product a.add_to_cart_button,
    body.woocommerce-shop ul.products li.product a.product_type_simple {
        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Helvetica Neue",
            Helvetica,
            Arial,
            sans-serif !important;
    }

}


/* =========================================================
   SUMMER ZEN — SHOP FINAL TYPOGRAPHY
   Desktop only
   ========================================================= */

@media (min-width: 768px) {

    /* SHOP HERO */

    html body.woocommerce-shop .shop-hero h1 {
        font-family:
            "Cormorant Garamond",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: clamp(48px, 5vw, 68px) !important;
        line-height: 1.02 !important;
        font-weight: 400 !important;
        letter-spacing: -.025em !important;
        color: #24231f !important;
    }

    html body.woocommerce-shop .shop-eyebrow {
        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Helvetica Neue",
            Helvetica,
            Arial,
            sans-serif !important;

        font-size: 10px !important;
        font-weight: 400 !important;
        letter-spacing: .18em !important;
        text-transform: uppercase !important;
        color: #706c64 !important;
    }

    html body.woocommerce-shop .shop-hero p {
        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Helvetica Neue",
            Helvetica,
            Arial,
            sans-serif !important;

        font-size: 13px !important;
        line-height: 1.75 !important;
        font-weight: 400 !important;
        letter-spacing: .015em !important;
        color: #706c64 !important;
    }


    /* CATEGORY */

    html body.woocommerce-shop .shop-categories a {
        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Helvetica Neue",
            Helvetica,
            Arial,
            sans-serif !important;

        font-size: 10px !important;
        font-weight: 400 !important;
        letter-spacing: .11em !important;
        text-transform: uppercase !important;
    }


    /* TOOLBAR */

    html body.woocommerce-shop .summer-shop-count,
    html body.woocommerce-shop .summer-shop-control,
    html body.woocommerce-shop .summer-shop-panel-title,
    html body.woocommerce-shop .summer-shop-panel a {
        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Helvetica Neue",
            Helvetica,
            Arial,
            sans-serif !important;

        font-weight: 400 !important;
    }

    html body.woocommerce-shop .summer-shop-count,
    html body.woocommerce-shop .summer-shop-control {
        font-size: 9px !important;
        letter-spacing: .11em !important;
        text-transform: uppercase !important;
    }


    /* PRODUCT TITLE */

    html body.woocommerce-shop .summer-product-card__title,
    html body.woocommerce-shop .summer-product-card__title a,
    html body.woocommerce-shop ul.products li.product
    .woocommerce-loop-product__title {

        font-family:
            "Cormorant Garamond",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 18px !important;
        line-height: 1.30 !important;
        font-weight: 400 !important;
        letter-spacing: .01em !important;

        color: #24231f !important;
    }


    /* PRODUCT DESCRIPTION */

    html body.woocommerce-shop .summer-product-card__excerpt {
        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Helvetica Neue",
            Helvetica,
            Arial,
            sans-serif !important;

        font-size: 11px !important;
        line-height: 1.65 !important;
        font-weight: 400 !important;
        letter-spacing: .01em !important;
        color: #858078 !important;
    }


    /* PRICE */

    html body.woocommerce-shop .summer-product-card__price,
    html body.woocommerce-shop .summer-product-card__price .amount,
    html body.woocommerce-shop .summer-product-card__price .woocommerce-Price-amount,
    html body.woocommerce-shop .summer-product-card__price bdi {

        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Helvetica Neue",
            Helvetica,
            Arial,
            sans-serif !important;

        font-size: 12px !important;
        line-height: 1.5 !important;
        font-weight: 400 !important;
        letter-spacing: .025em !important;
        color: #4f4b45 !important;
    }


    /* VIEW DETAILS */

    html body.woocommerce-shop .summer-product-card__details {
        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Helvetica Neue",
            Helvetica,
            Arial,
            sans-serif !important;

        font-size: 9px !important;
        line-height: 1.5 !important;
        font-weight: 400 !important;
        letter-spacing: .12em !important;
        text-transform: uppercase !important;

        color: #706c64 !important;
    }


    /* PRODUCT SPACING */

    html body.woocommerce-shop ul.products {
        column-gap: 26px !important;
        row-gap: 72px !important;
    }

    html body.woocommerce-shop ul.products li.product img,
    html body.woocommerce-shop ul.products li.product .summer-product-card__img {
        margin-bottom: 20px !important;
    }

}


/* =========================================================
   SUMMER ZEN — CART PAGE
   American Independent Store / Editorial Style
   English only
   ========================================================= */

body.woocommerce-cart {
    background: #fff !important;
    color: #24231f !important;
}


/* ---------------------------------------------------------
   CART MAIN CONTAINER
   --------------------------------------------------------- */

body.woocommerce-cart .wp-block-woocommerce-cart {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 90px 40px 120px !important;
}


/* ---------------------------------------------------------
   CART TYPOGRAPHY
   --------------------------------------------------------- */

body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-cart .wp-block-woocommerce-cart * {
    box-sizing: border-box;
}


/* Main headings */

body.woocommerce-cart h1,
body.woocommerce-cart h2,
body.woocommerce-cart h3,
body.woocommerce-cart
.wp-block-woocommerce-cart-order-summary-heading-block {

    font-family:
        "Cormorant Garamond",
        Georgia,
        "Times New Roman",
        serif !important;

    font-weight: 400 !important;
    color: #24231f !important;
}


/* ---------------------------------------------------------
   CART ITEMS
   --------------------------------------------------------- */

body.woocommerce-cart
.wp-block-woocommerce-cart-items-block {

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif !important;

    color: #24231f !important;
}


/* Product title */

body.woocommerce-cart
.wc-block-cart-item__product {

    font-family:
        "Cormorant Garamond",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 18px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    letter-spacing: .01em !important;
}


/* Product price */

body.woocommerce-cart
.wc-block-components-product-price {

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: .02em !important;

    color: #4f4b45 !important;
}


/* Product image */

body.woocommerce-cart
.wc-block-cart-item__image img {

    border-radius: 0 !important;
    background: #f7f5f1 !important;
}


/* ---------------------------------------------------------
   QUANTITY
   --------------------------------------------------------- */

body.woocommerce-cart
.wc-block-components-quantity-selector {

    border: 1px solid #d8d3ca !important;
    border-radius: 0 !important;
    background: transparent !important;
}


body.woocommerce-cart
.wc-block-components-quantity-selector input {

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif !important;

    font-size: 12px !important;
    font-weight: 400 !important;
}


/* ---------------------------------------------------------
   REMOVE ITEM
   --------------------------------------------------------- */

body.woocommerce-cart
.wc-block-cart-item__remove-link {

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif !important;

    font-size: 9px !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;

    color: #706c64 !important;
    text-decoration: none !important;
}


/* ---------------------------------------------------------
   ORDER SUMMARY
   --------------------------------------------------------- */

body.woocommerce-cart
.wp-block-woocommerce-cart-order-summary-block {

    border-top: 1px solid #d8d3ca !important;
    padding-top: 26px !important;
}


body.woocommerce-cart
.wp-block-woocommerce-cart-order-summary-heading-block {

    font-size: 25px !important;
    line-height: 1.2 !important;
    margin-bottom: 24px !important;
}


/* Summary labels */

body.woocommerce-cart
.wp-block-woocommerce-cart-order-summary-subtotal-block,
body.woocommerce-cart
.wp-block-woocommerce-cart-order-summary-shipping-block,
body.woocommerce-cart
.wp-block-woocommerce-cart-order-summary-taxes-block {

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif !important;

    font-size: 12px !important;
    line-height: 1.6 !important;
    color: #706c64 !important;
}


/* Total */

body.woocommerce-cart
.wp-block-woocommerce-cart-order-summary-totals-block {

    border-top: 1px solid #d8d3ca !important;
    margin-top: 20px !important;
    padding-top: 18px !important;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif !important;

    font-size: 13px !important;
    font-weight: 400 !important;

    color: #24231f !important;
}


/* ---------------------------------------------------------
   CHECKOUT BUTTON
   --------------------------------------------------------- */

body.woocommerce-cart
.wp-block-woocommerce-proceed-to-checkout-block {

    margin-top: 26px !important;
}


body.woocommerce-cart
.wc-block-components-checkout-place-order-button,
body.woocommerce-cart
.wc-block-components-button {

    border-radius: 0 !important;
    box-shadow: none !important;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif !important;

    font-size: 10px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
}


/* ---------------------------------------------------------
   COUPON
   --------------------------------------------------------- */

body.woocommerce-cart
.wp-block-woocommerce-cart-order-summary-coupon-form-block {

    border-top: 0 !important;
    margin-top: 20px !important;
}


body.woocommerce-cart
.wc-block-components-totals-coupon {

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif !important;

    font-size: 11px !important;
}


/* ---------------------------------------------------------
   EMPTY CART
   --------------------------------------------------------- */

body.woocommerce-cart
.wp-block-woocommerce-empty-cart-block {

    padding: 100px 20px 130px !important;
    text-align: center !important;
}


body.woocommerce-cart
.wp-block-woocommerce-empty-cart-block h2,
body.woocommerce-cart
.wc-block-cart__empty-cart__title {

    font-family:
        "Cormorant Garamond",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 38px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    letter-spacing: -.01em !important;
}


/* ---------------------------------------------------------
   RECOMMENDED PRODUCTS
   --------------------------------------------------------- */

body.woocommerce-cart
.wc-block-grid__product-title {

    font-family:
        "Cormorant Garamond",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 17px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
}


body.woocommerce-cart
.wc-block-grid__product-price {

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif !important;

    font-size: 12px !important;
    font-weight: 400 !important;
}


/* Recommended product buttons */

body.woocommerce-cart
.wc-block-grid__product-add-to-cart .wp-block-button__link {

    border-radius: 0 !important;
    box-shadow: none !important;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif !important;

    font-size: 9px !important;
    font-weight: 400 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
}


/* ---------------------------------------------------------
   MOBILE
   Keep existing mobile layout intact
   --------------------------------------------------------- */

@media (max-width: 767px) {

    body.woocommerce-cart
    .wp-block-woocommerce-cart {

        padding: 55px 18px 80px !important;
    }

    body.woocommerce-cart
    .wc-block-cart-item__product {

        font-size: 17px !important;
    }

    body.woocommerce-cart
    .wp-block-woocommerce-cart-order-summary-heading-block {

        font-size: 24px !important;
    }

    body.woocommerce-cart
    .wp-block-woocommerce-empty-cart-block {

        padding: 70px 15px 90px !important;
    }

    body.woocommerce-cart
    .wc-block-cart__empty-cart__title {

        font-size: 32px !important;
    }

}


/* =========================================================
   SUMMER'S HEALING HUT — CART
   QUIET EASTERN / MINDFUL LIVING STYLE
   ========================================================= */

/* ---------- Cart page canvas ---------- */

body.woocommerce-cart {
    background: #f7f4ee;
}

body.woocommerce-cart .wp-block-woocommerce-cart {
    max-width: 1180px;
    margin: 0 auto;
    padding: 72px 32px 110px;
    color: #3f3a34;
}

/* ---------- Empty cart ---------- */

body.woocommerce-cart
.wc-block-cart__empty-cart__title {
    margin: 25px 0 18px !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 34px;
    font-weight: 400;
    letter-spacing: .02em;
    color: #3f3a34;
}

body.woocommerce-cart
.wc-block-cart__empty-cart__title:before {
    content: "CART";
    display: block;
    margin-bottom: 14px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .28em;
    color: #8a8177;
}

body.woocommerce-cart
.wp-block-woocommerce-empty-cart-block
.wp-block-separator {
    width: 42px;
    margin: 28px auto 48px;
    border: 0;
    border-top: 1px solid #cfc7bb;
}

/* ---------- New arrivals ---------- */

body.woocommerce-cart
.wp-block-woocommerce-empty-cart-block > h2:not(.wc-block-cart__empty-cart__title) {
    margin: 0 0 34px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 27px;
    font-weight: 400;
    letter-spacing: .015em;
    color: #3f3a34;
}

/* ---------- Product collection ---------- */

body.woocommerce-cart
.wp-block-woocommerce-product-collection {
    margin-top: 0;
}

body.woocommerce-cart
.wp-block-woocommerce-product-collection
.wc-block-grid__products {
    gap: 28px;
}

body.woocommerce-cart
.wp-block-woocommerce-product-collection
.wc-block-grid__product {
    border: 0;
    background: transparent;
    padding: 0;
}

body.woocommerce-cart
.wp-block-woocommerce-product-collection
.wc-block-grid__product-image {
    margin-bottom: 17px;
}

body.woocommerce-cart
.wp-block-woocommerce-product-collection
.wc-block-grid__product-image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

body.woocommerce-cart
.wp-block-woocommerce-product-collection
.wc-block-grid__product-title {
    margin: 0 0 8px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;
    color: #3f3a34;
}

body.woocommerce-cart
.wp-block-woocommerce-product-collection
.wc-block-grid__product-title a {
    color: inherit;
    text-decoration: none;
}

body.woocommerce-cart
.wp-block-woocommerce-product-collection
.wc-block-grid__product-price {
    margin-bottom: 15px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #756d64;
}

body.woocommerce-cart
.wp-block-woocommerce-product-collection
.wp-block-button__link {
    min-height: auto;
    padding: 11px 18px;
    border: 1px solid #9b9186;
    border-radius: 0;
    background: transparent;
    color: #4a443d;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .18em;
    text-transform: uppercase;
    box-shadow: none;
}

body.woocommerce-cart
.wp-block-woocommerce-product-collection
.wp-block-button__link:hover {
    background: #4b453e;
    border-color: #4b453e;
    color: #fff;
}

/* ---------- Filled cart ---------- */

body.woocommerce-cart
.wc-block-cart-items {
    border-top: 1px solid #d8d1c7;
}

body.woocommerce-cart
.wc-block-cart-items__header {
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #857c72;
}

body.woocommerce-cart
.wc-block-cart-item {
    border-bottom: 1px solid #ddd6cc;
}

body.woocommerce-cart
.wc-block-cart-item__product {
    font-family: Georgia, "Times New Roman", serif;
    color: #3f3a34;
}

body.woocommerce-cart
.wc-block-cart-item__product a {
    color: #3f3a34;
    text-decoration: none;
}

body.woocommerce-cart
.wc-block-cart-item__prices {
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #756d64;
}

body.woocommerce-cart
.wc-block-components-quantity-selector {
    border: 1px solid #d1c9be;
    border-radius: 0;
    background: transparent;
}

body.woocommerce-cart
.wc-block-components-quantity-selector input {
    background: transparent;
    color: #3f3a34;
}

body.woocommerce-cart
.wc-block-cart-item__remove-link {
    color: #857c72;
    font-family: Arial, sans-serif;
    font-size: 10px;
    letter-spacing: .12em;
    text-transform: uppercase;
}

body.woocommerce-cart
.wc-block-cart-item__remove-link:hover {
    color: #3f3a34;
}

/* ---------- Cart totals ---------- */

body.woocommerce-cart
.wp-block-woocommerce-cart-totals-block {
    border: 0;
    background: transparent;
}

body.woocommerce-cart
.wc-block-components-totals-wrapper {
    border-color: #ddd6cc;
}

body.woocommerce-cart
.wc-block-components-totals-item {
    font-family: Arial, sans-serif;
    color: #5f574f;
}

body.woocommerce-cart
.wc-block-components-totals-item__label {
    font-size: 12px;
    letter-spacing: .04em;
}

body.woocommerce-cart
.wc-block-components-totals-item__value {
    font-size: 13px;
}

body.woocommerce-cart
.wc-block-components-totals-footer-item {
    border-top: 1px solid #bfb6aa;
    padding-top: 18px;
}

body.woocommerce-cart
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__label,
body.woocommerce-cart
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__value {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    color: #3f3a34;
}

/* ---------- Coupon ---------- */

body.woocommerce-cart
.wc-block-components-totals-coupon {
    border-bottom: 1px solid #ddd6cc;
}

body.woocommerce-cart
.wc-block-components-panel__button {
    font-family: Arial, sans-serif;
    font-size: 10px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #625a52;
}

/* ---------- Checkout button ---------- */

body.woocommerce-cart
.wc-block-components-checkout-place-order-button,
body.woocommerce-cart
.wc-block-components-button {
    border-radius: 0;
    border: 1px solid #4b453e;
    background: #4b453e;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .18em;
    text-transform: uppercase;
    box-shadow: none;
}

body.woocommerce-cart
.wc-block-components-checkout-place-order-button:hover,
body.woocommerce-cart
.wc-block-components-button:hover {
    background: #332f2a;
    border-color: #332f2a;
}

/* ---------- Payment methods ---------- */

body.woocommerce-cart
.wc-block-components-payment-method-icons {
    opacity: .75;
}

/* ---------- Mobile ---------- */

@media (max-width: 767px) {

    body.woocommerce-cart
    .wp-block-woocommerce-cart {
        padding: 48px 20px 80px;
    }

    body.woocommerce-cart
    .wc-block-cart__empty-cart__title {
        font-size: 28px;
    }

    body.woocommerce-cart
    .wp-block-woocommerce-empty-cart-block
    .wp-block-separator {
        margin-bottom: 38px;
    }

    body.woocommerce-cart
    .wp-block-woocommerce-empty-cart-block > h2:not(.wc-block-cart__empty-cart__title) {
        font-size: 24px;
        margin-bottom: 28px;
    }

    body.woocommerce-cart
    .wp-block-woocommerce-product-collection
    .wc-block-grid__products {
        gap: 18px;
    }

    body.woocommerce-cart
    .wp-block-woocommerce-product-collection
    .wc-block-grid__product-title {
        font-size: 14px;
    }

}

/* =========================================================
   END CART STYLE
   ========================================================= */


/* =========================================================
   COLLECTIONS NAV — MATCH MAIN HEADER NAV
   ========================================================= */

html body header.site-header .summer-collections-trigger,
html body header.site-header .summer-collections-trigger > a {
    font-family: "Cormorant Garamond",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: .14em !important;
    text-transform: none !important;

    color: #ffffff !important;
    background: transparent !important;
}

html body header.site-header .summer-collections-trigger > a:hover {
    color: #ffffff !important;
    background: transparent !important;
}

/* Keep the + indicator visually aligned with the nav */
html body header.site-header .summer-collections-trigger .collections-toggle,
html body header.site-header .summer-collections-trigger .collections-arrow {
    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
}


/* =========================================================
   COLLECTIONS NAV — HOVER UNDERLINE
   ========================================================= */

html body header.site-header .summer-collections-trigger > a {
    position: relative;
    text-decoration: none !important;
}

html body header.site-header .summer-collections-trigger > a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    height: 1px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .25s ease;
}

html body header.site-header .summer-collections-trigger > a:hover::after {
    transform: scaleX(1);
}


/* =========================================================
   COLLECTIONS — MATCH MAIN NAV HOVER UNDERLINE
   ========================================================= */

html body header.site-header .summer-collections-trigger {
    position: relative !important;
}

html body header.site-header .summer-collections-trigger > span {
    position: relative !important;
    display: inline-block !important;
    color: inherit !important;
    transition: opacity .25s ease !important;
}

html body header.site-header .summer-collections-trigger:hover > span {
    opacity: .52 !important;
}

html body header.site-header .summer-collections-trigger > span::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -2px !important;
    height: 1px !important;
    background: currentColor !important;
    transform: scaleX(0) !important;
    transform-origin: center !important;
    transition: transform .25s ease !important;
}

html body header.site-header .summer-collections-trigger:hover > span::after {
    transform: scaleX(1) !important;
}


/* =========================================================
   COLLECTIONS — MATCH MAIN NAV HOVER UNDERLINE
   ========================================================= */

html body header.site-header .summer-collections-trigger {
    position: relative !important;
}

html body header.site-header .summer-collections-trigger > span {
    position: relative !important;
    display: inline-block !important;
    color: inherit !important;
    transition: opacity .25s ease !important;
}

html body header.site-header .summer-collections-trigger:hover > span {
    opacity: .52 !important;
}

html body header.site-header .summer-collections-trigger > span::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -2px !important;
    height: 1px !important;
    background: currentColor !important;
    transform: scaleX(0) !important;
    transform-origin: center !important;
    transition: transform .25s ease !important;
}

html body header.site-header .summer-collections-trigger:hover > span::after {
    transform: scaleX(1) !important;
}


/* =========================================================
   COLLECTIONS — SAME HOVER UNDERLINE AS MAIN NAV
   ========================================================= */

html body header.site-header .main-nav > .summer-collections-mega-wrap > a.summer-collections-trigger {
    position: relative !important;
    color: #ffffff !important;
    text-decoration: none !important;
    transition: opacity .25s ease !important;
}

html body header.site-header .main-nav > .summer-collections-mega-wrap > a.summer-collections-trigger:hover {
    color: #ffffff !important;
    opacity: .52 !important;
    background: transparent !important;
}

html body header.site-header .main-nav > .summer-collections-mega-wrap > a.summer-collections-trigger::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 21px !important;
    height: 1px !important;
    background: currentColor !important;
    transform: scaleX(0) !important;
    transform-origin: center !important;
    transition: transform .25s ease !important;
}

html body header.site-header .main-nav > .summer-collections-mega-wrap > a.summer-collections-trigger:hover::after {
    transform: scaleX(1) !important;
}


/* =========================================================
   SUMMER'S HEALING HUT
   CHECKOUT — QUIET ZEN / HANDCRAFTED STYLE
   ========================================================= */

/* ---------- CHECKOUT PAGE BASE ---------- */

body.woocommerce-checkout {
    background: var(--linen, #f5f1e8) !important;
    color: var(--zisha, #5f5045) !important;
}

body.woocommerce-checkout .wp-site-blocks {
    background: transparent !important;
}

body.woocommerce-checkout main {
    background: transparent !important;
}


/* ---------- MAIN CHECKOUT CONTAINER ---------- */

body.woocommerce-checkout .wc-block-checkout {
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 90px 40px 120px !important;
}


/* ---------- CHECKOUT TYPOGRAPHY ---------- */

body.woocommerce-checkout .wc-block-checkout,
body.woocommerce-checkout .wc-block-checkout p,
body.woocommerce-checkout .wc-block-checkout label,
body.woocommerce-checkout .wc-block-checkout input,
body.woocommerce-checkout .wc-block-checkout select,
body.woocommerce-checkout .wc-block-checkout textarea,
body.woocommerce-checkout .wc-block-checkout button {
    font-family: "Lora", Georgia, "Times New Roman", serif !important;
}

body.woocommerce-checkout .wc-block-checkout h1,
body.woocommerce-checkout .wc-block-checkout h2,
body.woocommerce-checkout .wc-block-checkout h3,
body.woocommerce-checkout .wc-block-checkout h4 {
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important;
    font-weight: 400 !important;
    color: var(--zisha, #5f5045) !important;
}


/* ---------- SECTION HEADINGS ---------- */

body.woocommerce-checkout
.wc-block-components-checkout-step__heading {
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important;
    font-size: 25px !important;
    font-weight: 400 !important;
    letter-spacing: .035em !important;
    color: var(--zisha, #5f5045) !important;
}

body.woocommerce-checkout
.wc-block-components-checkout-step__title {
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important;
    font-size: 25px !important;
    font-weight: 400 !important;
}


/* ---------- CHECKOUT STEPS ---------- */

body.woocommerce-checkout
.wc-block-components-checkout-step {
    border-top: 1px solid rgba(95,80,69,.18) !important;
    padding: 30px 0 34px !important;
}

body.woocommerce-checkout
.wc-block-components-checkout-step:first-child {
    border-top: 0 !important;
}


/* ---------- INPUTS ---------- */

body.woocommerce-checkout
.wc-block-components-text-input input,
body.woocommerce-checkout
.wc-block-components-combobox .wc-block-components-combobox-control input,
body.woocommerce-checkout
.wc-block-components-select select,
body.woocommerce-checkout
.wc-block-components-textarea textarea {
    background: rgba(255,255,255,.42) !important;
    border: 1px solid rgba(95,80,69,.24) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: var(--zisha, #5f5045) !important;
    font-family: "Lora", Georgia, serif !important;
    font-size: 14px !important;
}

body.woocommerce-checkout
.wc-block-components-text-input input:focus,
body.woocommerce-checkout
.wc-block-components-combobox .wc-block-components-combobox-control input:focus,
body.woocommerce-checkout
.wc-block-components-select select:focus,
body.woocommerce-checkout
.wc-block-components-textarea textarea:focus {
    border-color: var(--zisha, #5f5045) !important;
    outline: none !important;
    box-shadow: none !important;
}


/* ---------- LABELS ---------- */

body.woocommerce-checkout
.wc-block-components-text-input label,
body.woocommerce-checkout
.wc-block-components-combobox label,
body.woocommerce-checkout
.wc-block-components-select label {
    font-family: "Lora", Georgia, serif !important;
    color: rgba(95,80,69,.72) !important;
}


/* ---------- ORDER SUMMARY ---------- */

body.woocommerce-checkout
.wc-block-components-order-summary {
    background: rgba(255,255,255,.22) !important;
    border: 1px solid rgba(95,80,69,.14) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.woocommerce-checkout
.wc-block-components-order-summary__title {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 23px !important;
    font-weight: 400 !important;
    letter-spacing: .04em !important;
    color: var(--zisha, #5f5045) !important;
}


/* ---------- PRODUCT NAMES ---------- */

body.woocommerce-checkout
.wc-block-components-order-summary-item__description {
    font-family: "Lora", Georgia, serif !important;
    color: var(--zisha, #5f5045) !important;
}

body.woocommerce-checkout
.wc-block-components-order-summary-item__quantity {
    background: var(--zisha, #5f5045) !important;
    color: #fff !important;
    border-radius: 50% !important;
}


/* ---------- ORDER TOTALS ---------- */

body.woocommerce-checkout
.wc-block-components-totals-item {
    border-color: rgba(95,80,69,.14) !important;
}

body.woocommerce-checkout
.wc-block-components-totals-item__label,
body.woocommerce-checkout
.wc-block-components-totals-item__value {
    font-family: "Lora", Georgia, serif !important;
    color: var(--zisha, #5f5045) !important;
}

body.woocommerce-checkout
.wc-block-components-totals-footer-item {
    border-top: 1px solid rgba(95,80,69,.28) !important;
    margin-top: 12px !important;
    padding-top: 18px !important;
}

body.woocommerce-checkout
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.woocommerce-checkout
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 21px !important;
}


/* ---------- PAYMENT ---------- */

body.woocommerce-checkout
.wc-block-components-payment-method {
    border: 1px solid rgba(95,80,69,.18) !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,.28) !important;
}

body.woocommerce-checkout
.wc-block-components-payment-method__label {
    font-family: "Lora", Georgia, serif !important;
    color: var(--zisha, #5f5045) !important;
}


/* ---------- PAYPAL AREA ---------- */

body.woocommerce-checkout
.wc-block-components-payment-method--paypal {
    border-color: rgba(95,80,69,.24) !important;
}


/* ---------- PLACE ORDER / PAYPAL BUTTON ---------- */

body.woocommerce-checkout
.wc-block-components-checkout-place-order-button {
    border-radius: 0 !important;
    min-height: 54px !important;
    background: var(--zisha, #5f5045) !important;
    color: #fff !important;
    border: 1px solid var(--zisha, #5f5045) !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    transition: all .25s ease !important;
}

body.woocommerce-checkout
.wc-block-components-checkout-place-order-button:hover {
    background: transparent !important;
    color: var(--zisha, #5f5045) !important;
}


/* ---------- LINKS ---------- */

body.woocommerce-checkout
.wc-block-checkout a {
    color: var(--zisha, #5f5045) !important;
    text-decoration: none !important;
}

body.woocommerce-checkout
.wc-block-checkout a:hover {
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
}


/* ---------- CHECKBOX ---------- */

body.woocommerce-checkout
.wc-block-components-checkbox label {
    font-family: "Lora", Georgia, serif !important;
    color: rgba(95,80,69,.78) !important;
}


/* ---------- MOBILE ---------- */

@media (max-width: 768px) {

    body.woocommerce-checkout
    .wc-block-checkout {
        padding: 55px 20px 80px !important;
    }

    body.woocommerce-checkout
    .wc-block-components-checkout-step {
        padding: 24px 0 28px !important;
    }

    body.woocommerce-checkout
    .wc-block-components-checkout-step__heading {
        font-size: 23px !important;
    }

    body.woocommerce-checkout
    .wc-block-components-order-summary {
        margin-top: 20px !important;
    }

}


/* ---------- REMOVE HEAVY BLOCK VISUALS ---------- */

body.woocommerce-checkout
.wc-block-components-checkout-step,
body.woocommerce-checkout
.wc-block-components-order-summary,
body.woocommerce-checkout
.wc-block-components-payment-method {
    box-shadow: none !important;
}


/* =========================================================
   END CHECKOUT — SUMMER'S HEALING HUT
   ========================================================= */


/* =========================================================
   CHECKOUT — HIDE MARKETING EMAIL OPT-IN
   ========================================================= */

body.woocommerce-checkout
.wc-block-components-checkbox:has(input[type="checkbox"]) {
    display: none !important;
}

/* =========================================================
   END — MARKETING EMAIL OPT-IN
   ========================================================= */





/* =========================================================
   SUMMER'S HEALING HUT
   CHECKOUT — CORRECT TWO COLUMN LAYOUT
   ========================================================= */

body.woocommerce-checkout .wc-block-checkout {
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* WooCommerce Checkout Block — main / sidebar */

body.woocommerce-checkout .wc-block-checkout__main {
    min-width: 0 !important;
}

body.woocommerce-checkout .wc-block-checkout__sidebar {
    min-width: 0 !important;
}

/* Desktop spacing */

@media (min-width: 901px) {

    body.woocommerce-checkout .wc-block-checkout {
        column-gap: 80px !important;
    }

    body.woocommerce-checkout .wc-block-checkout__sidebar {
        position: sticky !important;
        top: 40px !important;
        align-self: start !important;
    }

}

/* Mobile */

@media (max-width: 900px) {

    body.woocommerce-checkout .wc-block-checkout {
        display: block !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    body.woocommerce-checkout .wc-block-checkout__sidebar {
        position: static !important;
        margin-top: 40px !important;
    }

}

/* =========================================================
   END CORRECT CHECKOUT LAYOUT
   ========================================================= */


/* =========================================================
   CHECKOUT — REAL TWO COLUMN GRID
   WooCommerce 11.x
   ========================================================= */

@media (min-width: 901px) {

    body.woocommerce-checkout
    .wc-block-checkout {

        display: grid !important;

        grid-template-columns:
            minmax(0, 1.35fr)
            minmax(320px, .75fr) !important;

        column-gap: 80px !important;

        align-items: start !important;

        width: 100% !important;
        max-width: 1180px !important;

        margin-left: auto !important;
        margin-right: auto !important;

    }

    /* LEFT — CHECKOUT INFORMATION */

    body.woocommerce-checkout
    .wc-block-checkout__main {

        grid-column: 1 !important;

        width: 100% !important;

        min-width: 0 !important;

    }

    /* RIGHT — ORDER SUMMARY */

    body.woocommerce-checkout
    .wc-block-checkout__sidebar {

        grid-column: 2 !important;
        grid-row: 1 !important;

        width: 100% !important;

        min-width: 0 !important;

        align-self: start !important;

        position: sticky !important;

        top: 40px !important;

    }

}


/* =========================================================
   MOBILE — KEEP SINGLE COLUMN
   ========================================================= */

@media (max-width: 900px) {

    body.woocommerce-checkout
    .wc-block-checkout {

        display: block !important;

        width: 100% !important;

        max-width: 100% !important;

        padding-left: 20px !important;
        padding-right: 20px !important;

    }

    body.woocommerce-checkout
    .wc-block-checkout__main,
    body.woocommerce-checkout
    .wc-block-checkout__sidebar {

        width: 100% !important;
        min-width: 0 !important;

    }

    body.woocommerce-checkout
    .wc-block-checkout__sidebar {

        position: static !important;

        margin-top: 40px !important;

    }

}


/* =========================================================
   END REAL TWO COLUMN GRID
   ========================================================= */


/* =========================================================
   CHECKOUT — DESKTOP TWO COLUMN POSITION FIX
   Summer's Healing Hut
   ========================================================= */

@media (min-width: 901px) {

    /* Full-width checkout block */
    body.woocommerce-checkout .wp-block-woocommerce-checkout,
    body.woocommerce-checkout .wc-block-checkout {
        width: 100% !important;
        max-width: 1180px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    /* Actual two-column checkout layout */
    body.woocommerce-checkout .wc-block-checkout {
        display: grid !important;
        grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr) !important;
        column-gap: 80px !important;
        align-items: start !important;
    }

    /* Left column */
    body.woocommerce-checkout .wc-block-checkout__main {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        justify-self: stretch !important;
    }

    /* Right column */
    body.woocommerce-checkout .wc-block-checkout__sidebar {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        justify-self: stretch !important;
        align-self: start !important;
    }

    /* Keep the checkout content itself aligned to the columns */
    body.woocommerce-checkout .wc-block-checkout__main > *,
    body.woocommerce-checkout .wc-block-checkout__sidebar > * {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Do not let WooCommerce's alignwide rules push content */
    body.woocommerce-checkout .alignwide,
    body.woocommerce-checkout .alignfull {
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: none !important;
    }

}

/* =========================================================
   MOBILE — KEEP SINGLE COLUMN
   ========================================================= */

@media (max-width: 900px) {

    body.woocommerce-checkout .wp-block-woocommerce-checkout,
    body.woocommerce-checkout .wc-block-checkout {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

}

/* =========================================================
   END CHECKOUT LAYOUT FIX
   ========================================================= */


/* =========================================================
   CHECKOUT — FINAL DESKTOP BALANCE
   Summer's Healing Hut
   ========================================================= */

@media (min-width: 901px) {

    body.woocommerce-checkout .wc-block-checkout {
        width: min(1180px, calc(100vw - 100px)) !important;
        max-width: 1180px !important;
        margin-left: auto !important;
        margin-right: auto !important;

        grid-template-columns:
            minmax(0, 1.25fr)
            minmax(340px, .75fr) !important;

        column-gap: 72px !important;
    }

    body.woocommerce-checkout .wc-block-checkout__main {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.woocommerce-checkout .wc-block-checkout__sidebar {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

}

/* =========================================================
   END FINAL DESKTOP BALANCE
   ========================================================= */


/* =========================================================
   CHECKOUT — TEXT COLOR VISIBILITY
   Summer's Healing Hut
   ========================================================= */

/* Main checkout text */
body.woocommerce-checkout .wc-block-checkout,
body.woocommerce-checkout .wc-block-checkout p,
body.woocommerce-checkout .wc-block-checkout span,
body.woocommerce-checkout .wc-block-checkout label,
body.woocommerce-checkout .wc-block-checkout legend {
    color: var(--zisha, #5f5045) !important;
}

/* Headings */
body.woocommerce-checkout .wc-block-checkout h1,
body.woocommerce-checkout .wc-block-checkout h2,
body.woocommerce-checkout .wc-block-checkout h3,
body.woocommerce-checkout .wc-block-checkout h4 {
    color: var(--zisha, #5f5045) !important;
}

/* Checkout step titles */
body.woocommerce-checkout
.wc-block-components-checkout-step__title,
body.woocommerce-checkout
.wc-block-components-checkout-step__heading {
    color: var(--zisha, #5f5045) !important;
}

/* Input text */
body.woocommerce-checkout
.wc-block-checkout input,
body.woocommerce-checkout
.wc-block-checkout select,
body.woocommerce-checkout
.wc-block-checkout textarea {
    color: var(--zisha, #5f5045) !important;
}

/* Placeholder */
body.woocommerce-checkout
.wc-block-checkout input::placeholder,
body.woocommerce-checkout
.wc-block-checkout textarea::placeholder {
    color: rgba(95,80,69,.55) !important;
    opacity: 1 !important;
}

/* Order summary */
body.woocommerce-checkout
.wc-block-components-order-summary,
body.woocommerce-checkout
.wc-block-components-order-summary span,
body.woocommerce-checkout
.wc-block-components-order-summary p,
body.woocommerce-checkout
.wc-block-components-order-summary div {
    color: var(--zisha, #5f5045) !important;
}

/* Totals */
body.woocommerce-checkout
.wc-block-components-totals-item__label,
body.woocommerce-checkout
.wc-block-components-totals-item__value,
body.woocommerce-checkout
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__label,
body.woocommerce-checkout
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__value {
    color: var(--zisha, #5f5045) !important;
}

/* Payment area */
body.woocommerce-checkout
.wc-block-components-payment-method,
body.woocommerce-checkout
.wc-block-components-payment-method span,
body.woocommerce-checkout
.wc-block-components-payment-method label {
    color: var(--zisha, #5f5045) !important;
}

/* Links */
body.woocommerce-checkout
.wc-block-checkout a {
    color: var(--zisha, #5f5045) !important;
}

/* Small secondary text */
body.woocommerce-checkout
.wc-block-checkout small {
    color: rgba(95,80,69,.68) !important;
}

/* Keep actual PayPal branding/button colors untouched */
body.woocommerce-checkout
.paypal-buttons,
body.woocommerce-checkout
.paypal-buttons * {
    color: initial !important;
}

/* =========================================================
   END CHECKOUT TEXT COLOR FIX
   ========================================================= */


/* =========================================================
   CHECKOUT — QUANTITY CIRCLE
   Hollow Zisha Circle
   ========================================================= */

body.woocommerce-checkout
.wc-block-components-order-summary-item__quantity {
    background: transparent !important;
    color: var(--zisha, #5f5045) !important;
    border: 1px solid var(--zisha, #5f5045) !important;
    border-radius: 50% !important;

    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;

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

    font-family: "Lora", Georgia, serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    box-shadow: none !important;
}

/* Make the number itself visible */
body.woocommerce-checkout
.wc-block-components-order-summary-item__quantity span {
    color: var(--zisha, #5f5045) !important;
    background: transparent !important;
}

/* =========================================================
   END QUANTITY CIRCLE
   ========================================================= */


/* =========================================================
   CHECKOUT — QUANTITY CIRCLE
   Linen Circle / Zisha Number
   ========================================================= */

body.woocommerce-checkout
.wc-block-components-order-summary-item__quantity {
    background: #eee7d8 !important;
    color: var(--zisha, #5f5045) !important;

    border: none !important;
    border-radius: 50% !important;

    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;

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

    font-family: "Lora", Georgia, serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    box-shadow: none !important;
}

/* Number */
body.woocommerce-checkout
.wc-block-components-order-summary-item__quantity span {
    color: var(--zisha, #5f5045) !important;
    background: transparent !important;
    font-family: "Lora", Georgia, serif !important;
    font-weight: 400 !important;
}

/* =========================================================
   END QUANTITY CIRCLE
   ========================================================= */


/* =========================================================
   ORDER RECEIVED / THANK YOU PAGE
   Summer's Healing Hut
   ========================================================= */

body.woocommerce-order,
body.woocommerce-order-received {

    background: #f5f1e8 !important;
    color: #5f5045 !important;

}


/* ---------------------------------------------------------
   Main content
   --------------------------------------------------------- */

body.woocommerce-order-received .site-main,
body.woocommerce-order-received main {

    background: transparent !important;
    color: #5f5045 !important;

}


body.woocommerce-order-received
.woocommerce-order {

    width: 100% !important;
    max-width: 920px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-top: 80px !important;
    padding-bottom: 100px !important;

    color: #5f5045 !important;

}


/* ---------------------------------------------------------
   Thank you message
   --------------------------------------------------------- */

body.woocommerce-order-received
.woocommerce-notice--success {

    margin: 0 0 45px !important;

    padding: 0 0 28px !important;

    border-bottom:
        1px solid rgba(95,80,69,.20) !important;

    background: transparent !important;

    color: #5f5045 !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 34px !important;
    font-weight: 500 !important;

    line-height: 1.25 !important;
    letter-spacing: .01em !important;

}


/* ---------------------------------------------------------
   Order details
   --------------------------------------------------------- */

body.woocommerce-order-received
.woocommerce-order-overview {

    margin: 0 0 55px !important;

    padding: 28px 0 !important;

    border-top:
        1px solid rgba(95,80,69,.14) !important;

    border-bottom:
        1px solid rgba(95,80,69,.14) !important;

    background: transparent !important;

}


body.woocommerce-order-received
.woocommerce-order-overview li {

    border-right:
        1px solid rgba(95,80,69,.14) !important;

    color: #5f5045 !important;

}


body.woocommerce-order-received
.woocommerce-order-overview li:last-child {

    border-right: none !important;

}


body.woocommerce-order-received
.woocommerce-order-overview strong {

    display: block !important;

    margin-top: 6px !important;

    color: #5f5045 !important;

    font-family:
        "Lora",
        Georgia,
        serif !important;

    font-size: 14px !important;

    font-weight: 400 !important;

}


body.woocommerce-order-received
.woocommerce-order-overview li {

    font-family:
        "Lora",
        Georgia,
        serif !important;

    font-size: 11px !important;

    letter-spacing: .08em !important;

    text-transform: uppercase !important;

}


/* ---------------------------------------------------------
   Section headings
   --------------------------------------------------------- */

body.woocommerce-order-received
.woocommerce-order-details__title,
body.woocommerce-order-received
.woocommerce-column__title {

    margin-top: 45px !important;
    margin-bottom: 22px !important;

    color: #5f5045 !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 26px !important;

    font-weight: 500 !important;

    letter-spacing: .01em !important;

}


/* ---------------------------------------------------------
   Tables
   --------------------------------------------------------- */

body.woocommerce-order-received
.woocommerce-table {

    width: 100% !important;

    border-collapse: collapse !important;

    background: transparent !important;

    color: #5f5045 !important;

    font-family:
        "Lora",
        Georgia,
        serif !important;

}


body.woocommerce-order-received
.woocommerce-table th,
body.woocommerce-order-received
.woocommerce-table td {

    padding: 15px 0 !important;

    border-bottom:
        1px solid rgba(95,80,69,.14) !important;

    background: transparent !important;

    color: #5f5045 !important;

}


body.woocommerce-order-received
.woocommerce-table th {

    font-weight: 500 !important;

}


/* ---------------------------------------------------------
   Addresses
   --------------------------------------------------------- */

body.woocommerce-order-received
.woocommerce-customer-details {

    color: #5f5045 !important;

    font-family:
        "Lora",
        Georgia,
        serif !important;

}


body.woocommerce-order-received
.woocommerce-customer-details address {

    padding: 22px !important;

    border:
        1px solid rgba(95,80,69,.16) !important;

    border-radius: 0 !important;

    background: rgba(255,255,255,.18) !important;

    color: #5f5045 !important;

    font-size: 14px !important;

    line-height: 1.8 !important;

}


/* ---------------------------------------------------------
   Login area
   --------------------------------------------------------- */

body.woocommerce-order-received
.woocommerce-form-login {

    max-width: 520px !important;

    margin: 40px auto 0 !important;

    padding: 30px !important;

    border:
        1px solid rgba(95,80,69,.16) !important;

    border-radius: 0 !important;

    background: rgba(255,255,255,.18) !important;

    color: #5f5045 !important;

}


body.woocommerce-order-received
.woocommerce-form-login label {

    color: #5f5045 !important;

    font-family:
        "Lora",
        Georgia,
        serif !important;

    font-size: 13px !important;

}


body.woocommerce-order-received
.woocommerce-form-login input {

    background: #f8f4eb !important;

    color: #5f5045 !important;

    border:
        1px solid rgba(95,80,69,.25) !important;

    border-radius: 0 !important;

}


/* ---------------------------------------------------------
   Buttons
   --------------------------------------------------------- */

body.woocommerce-order-received
button,
body.woocommerce-order-received
input[type="submit"],
body.woocommerce-order-received
.button {

    border-radius: 0 !important;

    background: #5f5045 !important;

    color: #f5f1e8 !important;

    border:
        1px solid #5f5045 !important;

    font-family:
        "Lora",
        Georgia,
        serif !important;

    font-size: 13px !important;

    font-weight: 400 !important;

    letter-spacing: .04em !important;

    padding: 12px 24px !important;

}


body.woocommerce-order-received
button:hover,
body.woocommerce-order-received
input[type="submit"]:hover,
body.woocommerce-order-received
.button:hover {

    background: #746257 !important;

    color: #f5f1e8 !important;

}


/* ---------------------------------------------------------
   Links
   --------------------------------------------------------- */

body.woocommerce-order-received a {

    color: #5f5045 !important;

    text-decoration-color:
        rgba(95,80,69,.35) !important;

}


body.woocommerce-order-received a:hover {

    color: #3f342e !important;

}


/* ---------------------------------------------------------
   Remove unwanted white blocks
   --------------------------------------------------------- */

body.woocommerce-order-received
.woocommerce-order > *,
body.woocommerce-order-received
.woocommerce-order-details,
body.woocommerce-order-received
.woocommerce-customer-details {

    background-color: transparent !important;

}


/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media (max-width: 900px) {

    body.woocommerce-order-received
    .woocommerce-order {

        max-width: none !important;

        padding:
            50px 20px 70px !important;

    }

    body.woocommerce-order-received
    .woocommerce-notice--success {

        font-size: 29px !important;

        margin-bottom: 35px !important;

    }

    body.woocommerce-order-received
    .woocommerce-order-overview {

        display: block !important;

        padding: 10px 0 !important;

    }

    body.woocommerce-order-received
    .woocommerce-order-overview li {

        width: 100% !important;

        margin: 0 !important;

        padding: 14px 0 !important;

        border-right: none !important;

        border-bottom:
            1px solid rgba(95,80,69,.14) !important;

    }

    body.woocommerce-order-received
    .woocommerce-order-overview li:last-child {

        border-bottom: none !important;

    }

    body.woocommerce-order-received
    .woocommerce-form-login {

        padding: 22px !important;

    }

}

/* =========================================================
   END ORDER RECEIVED / THANK YOU PAGE
   ========================================================= */


/* =========================================================
   ORDER RECEIVED — FINAL BRAND OVERRIDE
   Summer's Healing Hut
   Linen / Zisha / Editorial
   ========================================================= */

body.woocommerce-order-received {
    background: #f5f1e8 !important;
    color: #5f5045 !important;
    font-family: "Lora", Georgia, "Times New Roman", serif !important;
}

/* ---------------------------------------------------------
   Global text
   --------------------------------------------------------- */

body.woocommerce-order-received *,
body.woocommerce-order-received
.wc-block-order-confirmation,
body.woocommerce-order-received
.woocommerce-order {
    color: #5f5045 !important;
    font-family: "Lora", Georgia, "Times New Roman", serif !important;
}

/* ---------------------------------------------------------
   Main wrapper
   --------------------------------------------------------- */

body.woocommerce-order-received
.woocommerce-order {
    width: 100% !important;
    max-width: 920px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    padding:
        90px 20px 110px !important;

    box-sizing: border-box !important;

    background: transparent !important;
}

/* ---------------------------------------------------------
   Thank you title
   --------------------------------------------------------- */

body.woocommerce-order-received
.woocommerce-notice--success,

body.woocommerce-order-received
.wc-block-order-confirmation-status__heading,

body.woocommerce-order-received
.wc-block-order-confirmation-status__title {
    margin: 0 0 42px !important;

    padding: 0 0 30px !important;

    border-bottom:
        1px solid rgba(95,80,69,.20) !important;

    background: transparent !important;

    color: #5f5045 !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 38px !important;
    font-weight: 500 !important;

    line-height: 1.2 !important;
    letter-spacing: .01em !important;
}

/* ---------------------------------------------------------
   Confirmation description
   --------------------------------------------------------- */

body.woocommerce-order-received
.wc-block-order-confirmation-status__description {
    color: rgba(95,80,69,.78) !important;

    font-family:
        "Lora",
        Georgia,
        serif !important;

    font-size: 14px !important;

    line-height: 1.8 !important;
}

/* ---------------------------------------------------------
   Order overview
   --------------------------------------------------------- */

body.woocommerce-order-received
.woocommerce-order-overview {
    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    gap: 0 !important;

    width: 100% !important;

    margin: 0 0 70px !important;

    padding: 0 !important;

    border-top:
        1px solid rgba(95,80,69,.14) !important;

    border-bottom:
        1px solid rgba(95,80,69,.14) !important;

    background: transparent !important;
}

/* Overview item */

body.woocommerce-order-received
.woocommerce-order-overview li {
    width: auto !important;

    margin: 0 !important;

    padding:
        22px 24px !important;

    border-right:
        1px solid rgba(95,80,69,.14) !important;

    border-bottom: none !important;

    background: transparent !important;

    color: rgba(95,80,69,.62) !important;

    font-family:
        "Lora",
        Georgia,
        serif !important;

    font-size: 10px !important;

    font-weight: 400 !important;

    letter-spacing: .09em !important;

    line-height: 1.5 !important;

    text-transform: uppercase !important;
}

body.woocommerce-order-received
.woocommerce-order-overview li:last-child {
    border-right: none !important;
}

/* Overview values */

body.woocommerce-order-received
.woocommerce-order-overview strong {
    display: block !important;

    margin-top: 7px !important;

    color: #5f5045 !important;

    font-family:
        "Lora",
        Georgia,
        serif !important;

    font-size: 14px !important;

    font-weight: 400 !important;

    letter-spacing: 0 !important;

    text-transform: none !important;
}

/* ---------------------------------------------------------
   Section headings
   --------------------------------------------------------- */

body.woocommerce-order-received
.woocommerce-order-details__title,

body.woocommerce-order-received
.woocommerce-column__title,

body.woocommerce-order-received
.wc-block-order-confirmation-totals__title,

body.woocommerce-order-received
.wc-block-order-confirmation-summary__title {
    margin:
        0 0 24px !important;

    padding: 0 0 15px !important;

    border-bottom:
        1px solid rgba(95,80,69,.18) !important;

    color: #5f5045 !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 27px !important;

    font-weight: 500 !important;

    line-height: 1.25 !important;

    letter-spacing: .01em !important;
}

/* ---------------------------------------------------------
   Order table
   --------------------------------------------------------- */

body.woocommerce-order-received
.woocommerce-table {
    width: 100% !important;

    margin: 0 !important;

    border-collapse: collapse !important;

    background: transparent !important;

    color: #5f5045 !important;

    font-family:
        "Lora",
        Georgia,
        serif !important;
}

body.woocommerce-order-received
.woocommerce-table thead,
body.woocommerce-order-received
.woocommerce-table tbody,
body.woocommerce-order-received
.woocommerce-table tfoot {
    background: transparent !important;
}

body.woocommerce-order-received
.woocommerce-table th,
body.woocommerce-order-received
.woocommerce-table td {
    padding:
        16px 0 !important;

    border-bottom:
        1px solid rgba(95,80,69,.13) !important;

    background: transparent !important;

    color: #5f5045 !important;

    font-family:
        "Lora",
        Georgia,
        serif !important;

    font-size: 13px !important;

    line-height: 1.6 !important;
}

body.woocommerce-order-received
.woocommerce-table th {
    font-weight: 500 !important;
}

body.woocommerce-order-received
.woocommerce-table tfoot tr:last-child th,
body.woocommerce-order-received
.woocommerce-table tfoot tr:last-child td {
    padding-top: 22px !important;

    border-bottom: none !important;

    font-weight: 500 !important;
}

/* Product links */

body.woocommerce-order-received
.woocommerce-table a {
    color: #5f5045 !important;

    text-decoration:
        none !important;

    border-bottom:
        1px solid rgba(95,80,69,.25) !important;
}

/* ---------------------------------------------------------
   Customer details
   --------------------------------------------------------- */

body.woocommerce-order-received
.woocommerce-customer-details {
    margin-top: 65px !important;

    color: #5f5045 !important;

    font-family:
        "Lora",
        Georgia,
        serif !important;
}

body.woocommerce-order-received
.woocommerce-customer-details address {
    margin: 0 !important;

    padding: 22px 0 !important;

    border-top:
        1px solid rgba(95,80,69,.14) !important;

    border-bottom:
        1px solid rgba(95,80,69,.14) !important;

    border-left: none !important;
    border-right: none !important;

    border-radius: 0 !important;

    background: transparent !important;

    color: #5f5045 !important;

    font-family:
        "Lora",
        Georgia,
        serif !important;

    font-size: 14px !important;

    line-height: 1.9 !important;
}

/* ---------------------------------------------------------
   Payment / method text
   --------------------------------------------------------- */

body.woocommerce-order-received
.woocommerce-order-overview__payment-method,
body.woocommerce-order-received
.woocommerce-order-overview__total {
    color: #5f5045 !important;
}

/* ---------------------------------------------------------
   Remove WooCommerce white surfaces
   --------------------------------------------------------- */

body.woocommerce-order-received
.woocommerce-order,
body.woocommerce-order-received
.woocommerce-order > *,
body.woocommerce-order-received
.woocommerce-order-details,
body.woocommerce-order-received
.woocommerce-customer-details,
body.woocommerce-order-received
.woocommerce-table,
body.woocommerce-order-received
.wc-block-order-confirmation,
body.woocommerce-order-received
.wc-block-order-confirmation-summary,
body.woocommerce-order-received
.wc-block-order-confirmation-totals {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* ---------------------------------------------------------
   Links
   --------------------------------------------------------- */

body.woocommerce-order-received a {
    color: #5f5045 !important;
}

body.woocommerce-order-received a:hover {
    color: #3f342e !important;
}

/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media (max-width: 900px) {

    body.woocommerce-order-received
    .woocommerce-order {
        max-width: none !important;

        padding:
            55px 20px 75px !important;
    }

    body.woocommerce-order-received
    .woocommerce-notice--success,

    body.woocommerce-order-received
    .wc-block-order-confirmation-status__heading,

    body.woocommerce-order-received
    .wc-block-order-confirmation-status__title {
        font-size: 30px !important;

        margin-bottom: 32px !important;

        padding-bottom: 23px !important;
    }

    body.woocommerce-order-received
    .woocommerce-order-overview {
        display: block !important;

        margin-bottom: 50px !important;
    }

    body.woocommerce-order-received
    .woocommerce-order-overview li {
        display: block !important;

        width: 100% !important;

        padding:
            15px 0 !important;

        border-right: none !important;

        border-bottom:
            1px solid rgba(95,80,69,.14) !important;
    }

    body.woocommerce-order-received
    .woocommerce-order-overview li:last-child {
        border-bottom: none !important;
    }

    body.woocommerce-order-received
    .woocommerce-order-details__title,

    body.woocommerce-order-received
    .woocommerce-column__title {
        font-size: 25px !important;
    }

}

/* =========================================================
   END ORDER RECEIVED — FINAL BRAND OVERRIDE
   ========================================================= */


/* =========================================================
   ORDER RECEIVED — ORDER NUMBER TOP ALIGNMENT ONLY
   Summer's Healing Hut
   ========================================================= */

body.woocommerce-order-received .woocommerce-order {
    padding-top: 0 !important;
}

body.woocommerce-order-received .woocommerce-order-overview {
    margin-top: 0 !important;
}

/* =========================================================
   END ORDER NUMBER TOP ALIGNMENT ONLY
   ========================================================= */


/* =========================================================
   ORDER RECEIVED — ALIGN ORDER NUMBER WITH TOTAL
   Only this element is adjusted.
   ========================================================= */

body.woocommerce-order-received
.woocommerce-order-overview li.woocommerce-order-overview__order {
    padding-left: 0 !important;
    margin-left: 0 !important;
    text-align: left !important;
}

body.woocommerce-order-received
.woocommerce-order-overview li.woocommerce-order-overview__order strong {
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
}


/* =========================================================
   ORDER RECEIVED — ORDER NUMBER VISUAL POSITION FIX
   Align Order # with Total
   Only Order # position is adjusted.
   ========================================================= */

@media (min-width: 901px) {

    body.woocommerce-order-received
    .woocommerce-order-overview li.woocommerce-order-overview__order {
        position: relative !important;
        left: 0 !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        transform: translateX(-1px) !important;
        text-align: left !important;
    }

    body.woocommerce-order-received
    .woocommerce-order-overview li.woocommerce-order-overview__order strong {
        display: block !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        text-align: left !important;
    }

}


/* =========================================================
   ORDER RECEIVED — REMOVE EXCESS SPACE BEFORE ORDER NUMBER
   Only affects the Order Number item.
   ========================================================= */

body.woocommerce-order-received
.woocommerce-order-overview li.woocommerce-order-overview__order {
    position: relative !important;
    left: 0 !important;
    transform: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/*
 * WooCommerce may reserve width for the first overview item.
 * Make the Order Number occupy its natural position.
 */
body.woocommerce-order-received
.woocommerce-order-overview li.woocommerce-order-overview__order:first-child {
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-indent: 0 !important;
}

/* Align the Order Number label and value to the same left edge */
body.woocommerce-order-received
.woocommerce-order-overview li.woocommerce-order-overview__order > strong {
    display: block !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
}


/* =========================================================
   ORDER RECEIVED — REBUILD ORDER OVERVIEW ROW
   Order number / Date / Total / Payment method
   Desktop: natural four-column layout
   Mobile: stacked layout
   ========================================================= */

@media (min-width: 901px) {

    body.woocommerce-order-received
    .woocommerce-order-overview {

        display: grid !important;

        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;

        column-gap: 0 !important;

        width: 100% !important;

        margin: 0 0 55px !important;

        padding: 28px 0 !important;

        border-top:
            1px solid rgba(95,80,69,.14) !important;

        border-bottom:
            1px solid rgba(95,80,69,.14) !important;

        background: transparent !important;

        list-style: none !important;

    }


    body.woocommerce-order-received
    .woocommerce-order-overview li {

        display: block !important;

        width: auto !important;

        min-width: 0 !important;

        margin: 0 !important;

        padding: 0 24px !important;

        border-right:
            1px solid rgba(95,80,69,.14) !important;

        border-bottom: none !important;

        text-align: left !important;

        box-sizing: border-box !important;

    }


    /* First item starts exactly at the content edge */

    body.woocommerce-order-received
    .woocommerce-order-overview li:first-child {

        padding-left: 0 !important;

    }


    /* Last item has no divider */

    body.woocommerce-order-received
    .woocommerce-order-overview li:last-child {

        padding-right: 0 !important;

        border-right: none !important;

    }


    body.woocommerce-order-received
    .woocommerce-order-overview li strong {

        display: block !important;

        margin-top: 7px !important;

        margin-left: 0 !important;

        padding-left: 0 !important;

        color: #5f5045 !important;

        text-align: left !important;

        white-space: normal !important;

    }

}


/* ---------------------------------------------------------
   Mobile — keep four items stacked naturally
   --------------------------------------------------------- */

@media (max-width: 900px) {

    body.woocommerce-order-received
    .woocommerce-order-overview {

        display: block !important;

    }


    body.woocommerce-order-received
    .woocommerce-order-overview li {

        display: block !important;

        width: 100% !important;

        padding:
            14px 0 !important;

        margin: 0 !important;

        border-right: none !important;

        border-bottom:
            1px solid rgba(95,80,69,.14) !important;

        text-align: left !important;

    }


    body.woocommerce-order-received
    .woocommerce-order-overview li:first-child {

        padding-left: 0 !important;

    }


    body.woocommerce-order-received
    .woocommerce-order-overview li:last-child {

        padding-right: 0 !important;

        border-bottom: none !important;

    }

}

/* =========================================================
   END ORDER OVERVIEW REBUILD
   ========================================================= */


/* =========================================================
   ORDER RECEIVED — FINAL OVERVIEW ROW
   Order number | Date | Email | Total
   ========================================================= */

@media (min-width: 901px) {

    body.woocommerce-order-received
    .woocommerce-order-overview {

        display: grid !important;

        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;

        gap: 0 !important;

        width: 100% !important;

        margin: 0 0 55px !important;

        padding: 28px 0 !important;

        box-sizing: border-box !important;

        list-style: none !important;

        align-items: start !important;

    }

    body.woocommerce-order-received
    .woocommerce-order-overview li {

        display: block !important;

        position: static !important;

        float: none !important;

        width: auto !important;

        min-width: 0 !important;

        max-width: none !important;

        margin: 0 !important;

        padding: 0 24px !important;

        box-sizing: border-box !important;

        border-right:
            1px solid rgba(95,80,69,.14) !important;

        border-bottom: none !important;

        text-align: left !important;

        white-space: normal !important;

    }

    body.woocommerce-order-received
    .woocommerce-order-overview li:first-child {

        padding-left: 0 !important;

    }

    body.woocommerce-order-received
    .woocommerce-order-overview li:last-child {

        padding-right: 0 !important;

        border-right: none !important;

    }

    body.woocommerce-order-received
    .woocommerce-order-overview li strong {

        display: block !important;

        width: auto !important;

        margin: 7px 0 0 !important;

        padding: 0 !important;

        white-space: nowrap !important;

        text-align: left !important;

        color: #5f5045 !important;

        font-family:
            "Lora",
            Georgia,
            serif !important;

        font-size: 14px !important;

        font-weight: 400 !important;

        line-height: 1.4 !important;

    }

}


/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media (max-width: 900px) {

    body.woocommerce-order-received
    .woocommerce-order-overview {

        display: block !important;

    }

    body.woocommerce-order-received
    .woocommerce-order-overview li {

        display: block !important;

        width: 100% !important;

        margin: 0 !important;

        padding: 14px 0 !important;

        border-right: none !important;

        border-bottom:
            1px solid rgba(95,80,69,.14) !important;

        text-align: left !important;

    }

    body.woocommerce-order-received
    .woocommerce-order-overview li:last-child {

        border-bottom: none !important;

    }

}

/* =========================================================
   END FINAL OVERVIEW ROW
   ========================================================= */


/* =========================================================
   SUMMER'S HEALING HUT
   ORDER RECEIVED — COMPACT MINIMAL STYLE
   Only applies to the Order Received page.
   ========================================================= */

body.woocommerce-order-received {

    background: #f5f1e8 !important;
    color: #5f5045 !important;

}


/* ---------------------------------------------------------
   Main order confirmation container
   --------------------------------------------------------- */

body.woocommerce-order-received
.summer-minimal-thankyou {

    width: calc(100% - 40px) !important;
    max-width: 980px !important;

    margin: 0 auto !important;

    padding:
        58px 0 70px !important;

    box-sizing: border-box !important;

    color: #5f5045 !important;

}


/* ---------------------------------------------------------
   Thank you introduction
   --------------------------------------------------------- */

body.woocommerce-order-received
.summer-thankyou-intro {

    margin: 0 0 30px !important;

    padding: 0 0 24px !important;

    border-bottom:
        1px solid rgba(95,80,69,.16) !important;

}


body.woocommerce-order-received
.summer-thankyou-intro h1 {

    margin: 0 0 7px !important;

    color: #5f5045 !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 36px !important;

    font-weight: 500 !important;

    line-height: 1.05 !important;

    letter-spacing: .01em !important;

}


body.woocommerce-order-received
.summer-thankyou-intro p {

    margin: 0 !important;

    color: rgba(95,80,69,.68) !important;

    font-family:
        "Lora",
        Georgia,
        serif !important;

    font-size: 13px !important;

    line-height: 1.5 !important;

}


/* ---------------------------------------------------------
   Compact order summary
   --------------------------------------------------------- */

body.woocommerce-order-received
.summer-order-summary {

    display: grid !important;

    grid-template-columns:
        repeat(5, minmax(0, 1fr)) !important;

    width: 100% !important;

    margin: 0 0 38px !important;

    padding: 0 !important;

    border-bottom:
        1px solid rgba(95,80,69,.16) !important;

}


body.woocommerce-order-received
.summer-order-summary-item {

    min-width: 0 !important;

    margin: 0 !important;

    padding:
        0 18px 25px !important;

    border-right:
        1px solid rgba(95,80,69,.12) !important;

    box-sizing: border-box !important;

}


body.woocommerce-order-received
.summer-order-summary-item:first-child {

    padding-left: 0 !important;

}


body.woocommerce-order-received
.summer-order-summary-item:last-child {

    padding-right: 0 !important;

    border-right: none !important;

}


/* Small uppercase labels */

body.woocommerce-order-received
.summer-order-label {

    display: block !important;

    margin: 0 0 6px !important;

    color: rgba(95,80,69,.55) !important;

    font-family:
        "Lora",
        Georgia,
        serif !important;

    font-size: 9px !important;

    font-weight: 400 !important;

    line-height: 1.2 !important;

    letter-spacing: .12em !important;

    text-transform: uppercase !important;

}


/* Actual values */

body.woocommerce-order-received
.summer-order-value {

    display: block !important;

    overflow: hidden !important;

    color: #5f5045 !important;

    font-family:
        "Lora",
        Georgia,
        serif !important;

    font-size: 13px !important;

    font-weight: 400 !important;

    line-height: 1.35 !important;

    white-space: nowrap !important;

    text-overflow: ellipsis !important;

}


body.woocommerce-order-received
.summer-order-value .amount {

    color: #5f5045 !important;

}


/* ---------------------------------------------------------
   Order details
   --------------------------------------------------------- */

body.woocommerce-order-received
.summer-order-details {

    margin: 0 0 38px !important;

}


body.woocommerce-order-received
.summer-order-details h2,
body.woocommerce-order-received
.summer-order-address h2 {

    margin: 0 0 16px !important;

    color: #5f5045 !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 23px !important;

    font-weight: 500 !important;

    line-height: 1.2 !important;

}


/* ---------------------------------------------------------
   WooCommerce order table — lightweight
   --------------------------------------------------------- */

body.woocommerce-order-received
.summer-order-details table {

    width: 100% !important;

    margin: 0 !important;

    border-collapse: collapse !important;

    background: transparent !important;

}


body.woocommerce-order-received
.summer-order-details th,
body.woocommerce-order-received
.summer-order-details td {

    padding:
        11px 0 !important;

    border-bottom:
        1px solid rgba(95,80,69,.12) !important;

    background: transparent !important;

    color: #5f5045 !important;

    font-family:
        "Lora",
        Georgia,
        serif !important;

    font-size: 12px !important;

    line-height: 1.45 !important;

}


body.woocommerce-order-received
.summer-order-details th {

    color: rgba(95,80,69,.58) !important;

    font-size: 9px !important;

    font-weight: 400 !important;

    letter-spacing: .10em !important;

    text-transform: uppercase !important;

}


body.woocommerce-order-received
.summer-order-details .product-total,
body.woocommerce-order-received
.summer-order-details tfoot td {

    text-align: right !important;

}


/* ---------------------------------------------------------
   Addresses — compact, no cards
   --------------------------------------------------------- */

body.woocommerce-order-received
.summer-order-addresses {

    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    gap: 50px !important;

    margin-top: 10px !important;

}


body.woocommerce-order-received
.summer-order-address {

    min-width: 0 !important;

}


body.woocommerce-order-received
.summer-order-address address {

    margin: 0 !important;

    padding: 0 !important;

    border: none !important;

    background: transparent !important;

    color: rgba(95,80,69,.78) !important;

    font-family:
        "Lora",
        Georgia,
        serif !important;

    font-size: 12px !important;

    font-style: normal !important;

    line-height: 1.7 !important;

}


/* ---------------------------------------------------------
   Links
   --------------------------------------------------------- */

body.woocommerce-order-received
.summer-minimal-thankyou a {

    color: #5f5045 !important;

    text-decoration-color:
        rgba(95,80,69,.28) !important;

}


body.woocommerce-order-received
.summer-minimal-thankyou a:hover {

    color: #3f342e !important;

}


/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media (max-width: 700px) {

    body.woocommerce-order-received
    .summer-minimal-thankyou {

        width: calc(100% - 32px) !important;

        padding:
            42px 0 55px !important;

    }


    body.woocommerce-order-received
    .summer-thankyou-intro {

        margin-bottom: 24px !important;

        padding-bottom: 20px !important;

    }


    body.woocommerce-order-received
    .summer-thankyou-intro h1 {

        font-size: 31px !important;

    }


    body.woocommerce-order-received
    .summer-order-summary {

        display: block !important;

        margin-bottom: 32px !important;

    }


    body.woocommerce-order-received
    .summer-order-summary-item {

        display: flex !important;

        align-items: baseline !important;

        justify-content: space-between !important;

        gap: 20px !important;

        padding:
            9px 0 !important;

        border-right: none !important;

        border-bottom:
            1px solid rgba(95,80,69,.10) !important;

    }


    body.woocommerce-order-received
    .summer-order-summary-item:first-child {

        padding-left: 0 !important;

    }


    body.woocommerce-order-received
    .summer-order-summary-item:last-child {

        padding-right: 0 !important;

        border-bottom: none !important;

    }


    body.woocommerce-order-received
    .summer-order-label {

        margin: 0 !important;

        flex: 0 0 auto !important;

    }


    body.woocommerce-order-received
    .summer-order-value {

        text-align: right !important;

    }


    body.woocommerce-order-received
    .summer-order-addresses {

        grid-template-columns: 1fr !important;

        gap: 30px !important;

    }

}


/* =========================================================
   END COMPACT MINIMAL ORDER PAGE
   ========================================================= */


/* =========================================================
   THANK YOU PAGE — REMOVE DUPLICATE MODULES
   Keep the custom minimal order layout only.
   ========================================================= */

/* Hide WooCommerce's duplicated Order Details section */
body.woocommerce-order-received
.woocommerce-order-details {
    display: none !important;
}

/* Hide duplicated Billing / Shipping blocks */
body.woocommerce-order-received
.woocommerce-customer-details {
    display: none !important;
}

/* Keep the custom thank-you content compact */
body.woocommerce-order-received
.summer-thankyou {
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 55px 0 80px !important;
}

/* Compact typography */
body.woocommerce-order-received
.summer-thankyou h1,
body.woocommerce-order-received
.summer-thankyou h2,
body.woocommerce-order-received
.summer-thankyou h3 {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
}

/* Compact information row */
body.woocommerce-order-received
.summer-thankyou .order-summary {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin: 30px 0 42px !important;
}

/* Each item */
body.woocommerce-order-received
.summer-thankyou .order-summary > * {
    margin: 0 !important;
    padding: 0 20px !important;
    border-right: 1px solid rgba(95,80,69,.16) !important;
}

/* First item */
body.woocommerce-order-received
.summer-thankyou .order-summary > *:first-child {
    padding-left: 0 !important;
}

/* Last item */
body.woocommerce-order-received
.summer-thankyou .order-summary > *:last-child {
    padding-right: 0 !important;
    border-right: none !important;
}

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

    body.woocommerce-order-received
    .summer-thankyou {
        padding:
            40px 20px 60px !important;
    }

    body.woocommerce-order-received
    .summer-thankyou .order-summary {
        display: block !important;
        margin: 25px 0 35px !important;
    }

    body.woocommerce-order-received
    .summer-thankyou .order-summary > * {
        padding:
            13px 0 !important;
        border-right: none !important;
        border-bottom:
            1px solid rgba(95,80,69,.14) !important;
    }

    body.woocommerce-order-received
    .summer-thankyou .order-summary > *:last-child {
        border-bottom: none !important;
    }

}

/* =========================================================
   END THANK YOU DUPLICATE CLEANUP
   ========================================================= */


/* =========================================================
   MOBILE CHECKOUT — WARM LINEN BACKGROUND
   Only mobile checkout background is adjusted.
   ========================================================= */

@media (max-width: 900px) {

    body.woocommerce-checkout,
    body.woocommerce-checkout .site,
    body.woocommerce-checkout .site-main,
    body.woocommerce-checkout main,
    body.woocommerce-checkout .wp-site-blocks {
        background-color: #f5f1e8 !important;
    }

}

 /* =========================================================
    END MOBILE CHECKOUT BACKGROUND
    ========================================================= */


/* =========================================================
   ZISHA TEAPOTS CATEGORY PAGE
   Scoped ONLY to: /product-category/zisha-teapots/
   ========================================================= */

body.tax-product_cat.term-zisha-teapots {
    background: #f5f1e8;
    color: #4b3a2f;
    font-family: inherit;
}

/* Main category container */
body.tax-product_cat.term-zisha-teapots .site-main,
body.tax-product_cat.term-zisha-teapots main {
    background: #f5f1e8;
}

/* Category heading */
body.tax-product_cat.term-zisha-teapots .woocommerce-products-header {
    max-width: 1200px;
    margin: 0 auto;
    padding: 72px 24px 34px;
    text-align: center;
}

body.tax-product_cat.term-zisha-teapots .woocommerce-products-header__title,
body.tax-product_cat.term-zisha-teapots h1 {
    margin: 0;
    color: #4b3a2f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(30px, 4vw, 46px);
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* Optional category description */
body.tax-product_cat.term-zisha-teapots .term-description {
    max-width: 650px;
    margin: 14px auto 0;
    color: #76665a;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: .04em;
}

/* Products area */
body.tax-product_cat.term-zisha-teapots .woocommerce {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px 80px;
}

/* Results / sorting row */
body.tax-product_cat.term-zisha-teapots .woocommerce-result-count,
body.tax-product_cat.term-zisha-teapots .woocommerce-ordering {
    color: #806f62;
    font-size: 12px;
    letter-spacing: .08em;
}

body.tax-product_cat.term-zisha-teapots .woocommerce-result-count {
    margin: 0 0 24px;
}

body.tax-product_cat.term-zisha-teapots .woocommerce-ordering {
    margin-bottom: 24px;
}

body.tax-product_cat.term-zisha-teapots .woocommerce-ordering select {
    min-width: 150px;
    padding: 8px 28px 8px 10px;
    border: 1px solid #d8cdbf;
    border-radius: 0;
    background: #f5f1e8;
    color: #5b493d;
    font-size: 12px;
    letter-spacing: .04em;
}

/* Product grid */
body.tax-product_cat.term-zisha-teapots ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 48px 28px;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove WooCommerce default column widths */
body.tax-product_cat.term-zisha-teapots ul.products li.product,
body.tax-product_cat.term-zisha-teapots ul.products li.product.first,
body.tax-product_cat.term-zisha-teapots ul.products li.product.last {
    width: auto !important;
    float: none !important;
    clear: none !important;
    margin: 0 !important;
}

/* Product image */
body.tax-product_cat.term-zisha-teapots ul.products li.product a img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    margin: 0 0 18px !important;
    background: #eee7dc;
    display: block;
}

/* Product title */
body.tax-product_cat.term-zisha-teapots ul.products li.product .woocommerce-loop-product__title {
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #4b3a2f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: .025em;
}

/* Product price */
body.tax-product_cat.term-zisha-teapots ul.products li.product .price {
    margin: 0 !important;
    color: #806f62;
    font-family: inherit;
    font-size: 13px;
    letter-spacing: .04em;
}

/* Hide unnecessary default rating */
body.tax-product_cat.term-zisha-teapots ul.products li.product .star-rating {
    display: none;
}

/* Details button */
body.tax-product_cat.term-zisha-teapots ul.products li.product .button,
body.tax-product_cat.term-zisha-teapots ul.products li.product a.button {
    display: inline-block;
    margin-top: 12px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #5b493d;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: .12em;
    text-transform: uppercase;
}

body.tax-product_cat.term-zisha-teapots ul.products li.product .button:hover,
body.tax-product_cat.term-zisha-teapots ul.products li.product a.button:hover {
    background: transparent;
    color: #8a6d58;
}

/* Sale badge */
body.tax-product_cat.term-zisha-teapots ul.products li.product .onsale {
    top: 12px;
    left: 12px;
    right: auto;
    min-width: auto;
    min-height: auto;
    margin: 0;
    padding: 6px 9px;
    border-radius: 0;
    background: #806650;
    color: #fff;
    font-size: 9px;
    font-weight: 400;
    letter-spacing: .1em;
    text-transform: uppercase;
}

/* Product hover */
body.tax-product_cat.term-zisha-teapots ul.products li.product a.woocommerce-LoopProduct-link img {
    transition: opacity .35s ease, transform .35s ease;
}

body.tax-product_cat.term-zisha-teapots ul.products li.product:hover a.woocommerce-LoopProduct-link img {
    opacity: .94;
}

/* Pagination */
body.tax-product_cat.term-zisha-teapots .woocommerce-pagination {
    margin-top: 70px;
}

body.tax-product_cat.term-zisha-teapots .woocommerce-pagination ul {
    border: 0 !important;
}

body.tax-product_cat.term-zisha-teapots .woocommerce-pagination a,
body.tax-product_cat.term-zisha-teapots .woocommerce-pagination span {
    border: 0 !important;
    background: transparent !important;
    color: #6f5d50 !important;
    font-size: 12px;
}

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

@media (max-width: 767px) {

    body.tax-product_cat.term-zisha-teapots .woocommerce-products-header {
        padding: 48px 18px 28px;
    }

    body.tax-product_cat.term-zisha-teapots .woocommerce-products-header__title,
    body.tax-product_cat.term-zisha-teapots h1 {
        font-size: 28px;
        letter-spacing: .07em;
    }

    body.tax-product_cat.term-zisha-teapots .term-description {
        font-size: 13px;
        line-height: 1.7;
    }

    body.tax-product_cat.term-zisha-teapots .woocommerce {
        padding: 0 16px 55px;
    }

    body.tax-product_cat.term-zisha-teapots .woocommerce-result-count,
    body.tax-product_cat.term-zisha-teapots .woocommerce-ordering {
        font-size: 11px;
    }

    body.tax-product_cat.term-zisha-teapots ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 34px 14px;
    }

    body.tax-product_cat.term-zisha-teapots ul.products li.product a img {
        margin-bottom: 12px !important;
    }

    body.tax-product_cat.term-zisha-teapots ul.products li.product .woocommerce-loop-product__title {
        font-size: 14px;
        line-height: 1.45;
    }

    body.tax-product_cat.term-zisha-teapots ul.products li.product .price {
        font-size: 12px;
    }

    body.tax-product_cat.term-zisha-teapots ul.products li.product .button,
    body.tax-product_cat.term-zisha-teapots ul.products li.product a.button {
        font-size: 10px;
        margin-top: 9px;
    }
}


/* =========================================================
   ZISHA TEAPOTS — FORCE READABLE TEXT
   ONLY: /product-category/zisha-teapots/
   ========================================================= */

body.tax-product_cat.term-zisha-teapots,
body.tax-product_cat.term-zisha-teapots .site-main,
body.tax-product_cat.term-zisha-teapots main,
body.tax-product_cat.term-zisha-teapots .woocommerce {
    color: #4b3a2f !important;
}

/* Headings */
body.tax-product_cat.term-zisha-teapots h1,
body.tax-product_cat.term-zisha-teapots h2,
body.tax-product_cat.term-zisha-teapots h3,
body.tax-product_cat.term-zisha-teapots h4,
body.tax-product_cat.term-zisha-teapots h5,
body.tax-product_cat.term-zisha-teapots h6,
body.tax-product_cat.term-zisha-teapots
.woocommerce-products-header__title {
    color: #4b3a2f !important;
}

/* Product titles */
body.tax-product_cat.term-zisha-teapots
ul.products li.product
.woocommerce-loop-product__title {
    color: #4b3a2f !important;
}

/* Product links */
body.tax-product_cat.term-zisha-teapots
ul.products li.product a {
    color: #4b3a2f !important;
}

/* Product price */
body.tax-product_cat.term-zisha-teapots
ul.products li.product .price,
body.tax-product_cat.term-zisha-teapots
ul.products li.product .price span,
body.tax-product_cat.term-zisha-teapots
ul.products li.product .amount {
    color: #6f5a4b !important;
}

/* Result count */
body.tax-product_cat.term-zisha-teapots
.woocommerce-result-count {
    color: #766458 !important;
}

/* Sorting */
body.tax-product_cat.term-zisha-teapots
.woocommerce-ordering,
body.tax-product_cat.term-zisha-teapots
.woocommerce-ordering select {
    color: #5b493d !important;
}

/* Buttons / View Details */
body.tax-product_cat.term-zisha-teapots
ul.products li.product .button,
body.tax-product_cat.term-zisha-teapots
ul.products li.product a.button {
    color: #5b493d !important;
}

/* Category description */
body.tax-product_cat.term-zisha-teapots
.term-description,
body.tax-product_cat.term-zisha-teapots
.term-description p {
    color: #766458 !important;
}

/* Pagination */
body.tax-product_cat.term-zisha-teapots
.woocommerce-pagination a,
body.tax-product_cat.term-zisha-teapots
.woocommerce-pagination span {
    color: #5b493d !important;
}

/* Hover */
body.tax-product_cat.term-zisha-teapots
ul.products li.product a:hover,
body.tax-product_cat.term-zisha-teapots
ul.products li.product .button:hover {
    color: #8a6d58 !important;
}


/* =========================================================
   ZISHA CATEGORY — MATCH SHOP EXACTLY
   Final structural override
   ONLY: /product-category/zisha-teapots/
   ========================================================= */

/* ---------- PAGE OUTER ---------- */

body.zisha-teapots-page {
    background: #f5f1e8 !important;
    color: #24231f !important;
}

/* Remove the old .section / .woocommerce 1200px constraint */
body.zisha-teapots-page main.section {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.zisha-teapots-page main.section > .woocommerce {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ---------- REMOVE DEFAULT WOOCOMMERCE TOOLBAR ---------- */

body.zisha-teapots-page .woocommerce-result-count,
body.zisha-teapots-page .woocommerce-ordering {
    display: none !important;
}

/* ---------- CATEGORY HEADER ---------- */

body.zisha-teapots-page .woocommerce-products-header {
    width: min(1540px, calc(100% - 80px)) !important;
    max-width: none !important;

    margin: 0 auto !important;
    padding: 95px 0 58px !important;

    text-align: center !important;
}

body.zisha-teapots-page .woocommerce-products-header__title,
body.zisha-teapots-page .woocommerce-products-header h1 {
    margin: 0 !important;
    padding: 0 !important;

    color: #24231f !important;

    font-family: inherit !important;
    font-size: clamp(48px, 5vw, 72px) !important;
    line-height: .98 !important;
    font-weight: 400 !important;
    letter-spacing: -.045em !important;
    text-transform: none !important;
}

/* ---------- DESCRIPTION ---------- */

body.zisha-teapots-page .term-description {
    max-width: 520px !important;

    margin: 24px auto 0 !important;
    padding: 0 !important;

    color: #766458 !important;

    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    letter-spacing: 0 !important;
}

body.zisha-teapots-page .term-description p {
    margin: 0 !important;
    padding: 0 !important;
}

/* ---------- PRODUCT GRID — SAME AS SHOP ---------- */

body.zisha-teapots-page ul.products {
    width: min(1540px, calc(100% - 80px)) !important;
    max-width: none !important;

    margin: 0 auto 110px !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    column-gap: 24px !important;
    row-gap: 68px !important;

    list-style: none !important;
}

/* Kill WooCommerce pseudo columns */
body.zisha-teapots-page ul.products::before,
body.zisha-teapots-page ul.products::after {
    display: none !important;
}

/* ---------- PRODUCT CARD ---------- */

body.zisha-teapots-page ul.products li.product,
body.zisha-teapots-page ul.products li.product.first,
body.zisha-teapots-page ul.products li.product.last {
    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
}

/* ---------- CUSTOM IMAGE ---------- */

body.zisha-teapots-page .summer-product-card {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.zisha-teapots-page .summer-product-card__image {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;

    margin: 0 0 18px !important;
    padding: 0 !important;

    overflow: hidden !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.zisha-teapots-page .summer-product-card__image-link {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.zisha-teapots-page .summer-product-card__img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;

    background: #f7f5f1 !important;
}

/* ---------- PRODUCT CONTENT ---------- */

body.zisha-teapots-page .summer-product-card__content {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* ---------- PRODUCT TITLE ---------- */

body.zisha-teapots-page .summer-product-card__title,
body.zisha-teapots-page .summer-product-card__title a {
    display: block !important;

    margin: 0 0 7px !important;
    padding: 0 !important;

    color: #24231f !important;

    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    letter-spacing: -.01em !important;

    text-decoration: none !important;
    text-transform: none !important;
}

/* ---------- PRICE ---------- */

body.zisha-teapots-page .summer-product-card__price,
body.zisha-teapots-page .summer-product-card__price span,
body.zisha-teapots-page .summer-product-card__price .amount,
body.zisha-teapots-page .summer-product-card__price ins {
    display: inline !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #24231f !important;

    font-family: inherit !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

body.zisha-teapots-page .summer-product-card__price del,
body.zisha-teapots-page .summer-product-card__price del span {
    color: #9a897b !important;
}

/* ---------- VIEW DETAILS — DARK ---------- */

body.zisha-teapots-page .summer-product-card__details,
body.zisha-teapots-page .summer-product-card__details a {
    display: inline-block !important;

    margin: 8px 0 0 !important;
    padding: 0 !important;

    color: #5b493d !important;
    background: transparent !important;
    border: 0 !important;

    font-family: inherit !important;
    font-size: 10px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    letter-spacing: .04em !important;

    text-decoration: none !important;
}

/* Force WooCommerce link states */
body.zisha-teapots-page .summer-product-card__details:link,
body.zisha-teapots-page .summer-product-card__details:visited,
body.zisha-teapots-page .summer-product-card__details:hover,
body.zisha-teapots-page .summer-product-card__details:active,
body.zisha-teapots-page .summer-product-card__details a:link,
body.zisha-teapots-page .summer-product-card__details a:visited,
body.zisha-teapots-page .summer-product-card__details a:hover,
body.zisha-teapots-page .summer-product-card__details a:active {
    color: #5b493d !important;
    background: transparent !important;
}

/* ---------- SALE BADGE ---------- */

body.zisha-teapots-page .summer-product-card__badge {
    color: #ffffff !important;
    background: #806650 !important;
}

/* ---------- HIDE DEFAULT WOO BUTTONS ---------- */

body.zisha-teapots-page ul.products li.product .button,
body.zisha-teapots-page ul.products li.product a.add_to_cart_button,
body.zisha-teapots-page ul.products li.product a.product_type_simple,
body.zisha-teapots-page ul.products li.product a.product_type_variable {
    display: none !important;
}

/* ---------- DESKTOP / TABLET ---------- */

@media (max-width: 1100px) and (min-width: 761px) {

    body.zisha-teapots-page .woocommerce-products-header {
        width: calc(100% - 48px) !important;
    }

    body.zisha-teapots-page ul.products {
        width: calc(100% - 48px) !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        column-gap: 18px !important;
        row-gap: 52px !important;
    }

}

/* ---------- MOBILE ---------- */

@media (max-width: 760px) {

    body.zisha-teapots-page .woocommerce-products-header {
        width: calc(100% - 32px) !important;

        padding: 62px 0 48px !important;
    }

    body.zisha-teapots-page .woocommerce-products-header__title,
    body.zisha-teapots-page .woocommerce-products-header h1 {
        font-size: clamp(38px, 11vw, 54px) !important;
        line-height: .98 !important;
    }

    body.zisha-teapots-page .term-description {
        margin-top: 17px !important;
        font-size: 13px !important;
    }

    body.zisha-teapots-page ul.products {
        width: calc(100% - 32px) !important;

        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        column-gap: 12px !important;
        row-gap: 42px !important;

        margin-bottom: 70px !important;
    }

    body.zisha-teapots-page .summer-product-card__image {
        margin-bottom: 12px !important;
    }

    body.zisha-teapots-page .summer-product-card__title,
    body.zisha-teapots-page .summer-product-card__title a {
        font-size: 12px !important;
        line-height: 1.35 !important;
        margin-bottom: 5px !important;
    }

    body.zisha-teapots-page .summer-product-card__price {
        font-size: 11px !important;
    }

    body.zisha-teapots-page .summer-product-card__details,
    body.zisha-teapots-page .summer-product-card__details a {
        font-size: 10px !important;
    }

}


/* =========================================================
   ZISHA CATEGORY — FINAL REMOVE VIEW DETAILS
   ONLY: /product-category/zisha-teapots/
   ========================================================= */

body.zisha-teapots-page a.summer-product-card__details,
body.zisha-teapots-page .summer-product-card a.summer-product-card__details {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}


/* =========================================================
   ZISHA CATEGORY — MATCH SHOP HORIZONTAL SPACING
   ONLY: /product-category/zisha-teapots/
   ========================================================= */

body.zisha-teapots-page ul.products {
    width: min(1540px, calc(100% - 80px)) !important;
    max-width: 1540px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 1100px) and (min-width: 761px) {
    body.zisha-teapots-page ul.products {
        width: calc(100% - 48px) !important;
    }
}

@media (max-width: 760px) {
    body.zisha-teapots-page ul.products {
        width: calc(100% - 32px) !important;
    }
}


/* =========================================================
   ZISHA CATEGORY — FINAL OUTER CONTAINER ALIGNMENT
   ONLY: /product-category/zisha-teapots/
   ========================================================= */

/* Remove every inherited width / margin constraint */
body.zisha-teapots-page main.section {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

/* This is the actual WooCommerce wrapper */
body.zisha-teapots-page main.section > .woocommerce.columns-4 {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

/* Product grid — centered exactly like Shop */
body.zisha-teapots-page main.section > .woocommerce.columns-4 > ul.products {
    display: grid !important;

    width: min(1540px, calc(100% - 80px)) !important;
    max-width: 1540px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    column-gap: 24px !important;
    row-gap: 68px !important;
}

/* Make sure WooCommerce's columns class cannot alter positioning */
body.zisha-teapots-page
main.section
.woocommerce.columns-4
ul.products.columns-4 {
    float: none !important;
    clear: both !important;
}

/* ---------- TABLET ---------- */

@media (max-width: 1100px) and (min-width: 761px) {

    body.zisha-teapots-page
    main.section > .woocommerce.columns-4 > ul.products {
        width: calc(100% - 48px) !important;
        max-width: none !important;

        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        column-gap: 18px !important;
    }

}

/* ---------- MOBILE ---------- */

@media (max-width: 760px) {

    body.zisha-teapots-page
    main.section > .woocommerce.columns-4 > ul.products {
        width: calc(100% - 32px) !important;
        max-width: none !important;

        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 12px !important;
        row-gap: 42px !important;
    }

}


/* =========================================================
   MOBILE SHOP — WARM LINEN + COFFEE TITLE
   ONLY: /shop/
   DESKTOP UNTOUCHED
   ========================================================= */

@media (max-width: 900px) {

    /* Shop mobile background */
    body.woocommerce-shop,
    body.woocommerce-shop .site,
    body.woocommerce-shop .site-main,
    body.woocommerce-shop main,
    body.woocommerce-shop #main-content,
    body.woocommerce-shop .wp-site-blocks {
        background-color: #f5f1e8 !important;
    }

    /* Shop mobile title — coffee */
    body.woocommerce-shop .shop-hero h1,
    body.woocommerce-shop .shop-hero h1 a {
        color: #4b3a2f !important;
    }

}


/* =========================================================
   MOBILE SHOP — PRODUCT TEXT COFFEE
   ONLY: /shop/
   DESKTOP UNTOUCHED
   ========================================================= */

@media (max-width: 900px) {

    /* Product titles */
    body.woocommerce-shop
    ul.products li.product
    .summer-product-card__title,
    body.woocommerce-shop
    ul.products li.product
    .summer-product-card__title a,
    body.woocommerce-shop
    ul.products li.product
    .woocommerce-loop-product__title,
    body.woocommerce-shop
    ul.products li.product
    .woocommerce-loop-product__title a {
        color: #4b3a2f !important;
    }

    /* Small brand / meta text */
    body.woocommerce-shop
    ul.products li.product
    .summer-product-card__content,
    body.woocommerce-shop
    ul.products li.product
    .summer-product-card__content *,
    body.woocommerce-shop
    ul.products li.product
    .product-brand,
    body.woocommerce-shop
    ul.products li.product
    .product-meta,
    body.woocommerce-shop
    ul.products li.product
    .brand,
    body.woocommerce-shop
    ul.products li.product
    small {
        color: #4b3a2f !important;
    }

    /* Product price */
    body.woocommerce-shop
    ul.products li.product
    .summer-product-card__price,
    body.woocommerce-shop
    ul.products li.product
    .summer-product-card__price *,
    body.woocommerce-shop
    ul.products li.product
    .price,
    body.woocommerce-shop
    ul.products li.product
    .price * {
        color: #4b3a2f !important;
    }

}


/* =========================================================
   MOBILE SHOP — FORCE ALL CARD TEXT COFFEE
   ONLY: /shop/
   DESKTOP UNTOUCHED
   ========================================================= */

@media (max-width: 900px) {

    /* Everything inside the Shop product card */
    body.woocommerce-shop
    .summer-product-card__content,
    body.woocommerce-shop
    .summer-product-card__content * {

        color: #4b3a2f !important;
    }

    /* Brand / collection / small uppercase text */
    body.woocommerce-shop
    .summer-product-card__content
    .summer-product-card__brand,

    body.woocommerce-shop
    .summer-product-card__content
    .summer-product-card__meta,

    body.woocommerce-shop
    .summer-product-card__content
    .summer-product-card__eyebrow,

    body.woocommerce-shop
    .summer-product-card__content
    .summer-product-card__category,

    body.woocommerce-shop
    .summer-product-card__content
    .product-brand,

    body.woocommerce-shop
    .summer-product-card__content
    .product-meta,

    body.woocommerce-shop
    .summer-product-card__content
    small,

    body.woocommerce-shop
    .summer-product-card__content
    span {

        color: #4b3a2f !important;
    }

    /* SALE badge */
    body.woocommerce-shop
    .summer-product-card__badge {

        background: transparent !important;
        color: #4b3a2f !important;
        border: 1px solid #4b3a2f !important;
    }

    /* Product title */
    body.woocommerce-shop
    .summer-product-card__title,
    body.woocommerce-shop
    .summer-product-card__title a {

        color: #4b3a2f !important;
    }

    /* Price */
    body.woocommerce-shop
    .summer-product-card__price,
    body.woocommerce-shop
    .summer-product-card__price *,
    body.woocommerce-shop
    .price,
    body.woocommerce-shop
    .price * {

        color: #4b3a2f !important;
    }

}


/* =========================================================
   MOBILE SHOP — COLLECTION TEXT COFFEE
   ONLY: /shop/
   DESKTOP UNTOUCHED
   ========================================================= */

@media (max-width: 900px) {

    /* Small text around THE COLLECTION */
    body.woocommerce-shop .shop-categories,
    body.woocommerce-shop .shop-categories *,
    body.woocommerce-shop .shop-hero,
    body.woocommerce-shop .shop-hero .shop-eyebrow,
    body.woocommerce-shop .shop-hero p {
        color: #4b3a2f !important;
    }

    /* THE COLLECTION links / labels */
    body.woocommerce-shop .shop-categories a,
    body.woocommerce-shop .shop-categories span,
    body.woocommerce-shop .shop-categories li {
        color: #4b3a2f !important;
    }

}


/* =========================================================
   DESKTOP — SHOP + ZISHA SALE UNIFIED
   Same style / same font / same color
   MOBILE UNTOUCHED
   ========================================================= */

@media (min-width: 901px) {

    /* -----------------------------------------
       SHOP + ZISHA SALE BADGE
       ----------------------------------------- */

    body.woocommerce-shop
    ul.products li.product
    .summer-product-card__badge,

    body.zisha-teapots-page
    ul.products li.product
    .summer-product-card__badge,

    body.tax-product_cat.term-zisha-teapots
    ul.products li.product
    .summer-product-card__badge,

    body.woocommerce-shop
    ul.products li.product
    .onsale,

    body.zisha-teapots-page
    ul.products li.product
    .onsale,

    body.tax-product_cat.term-zisha-teapots
    ul.products li.product
    .onsale {

        display: inline-block !important;

        position: absolute !important;
        top: 12px !important;
        right: 12px !important;
        left: auto !important;

        min-width: 0 !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 5px 9px !important;

        box-sizing: border-box !important;

        border: 1px solid #4b3a2f !important;
        border-radius: 0 !important;

        background: transparent !important;

        color: #4b3a2f !important;

        font-family: inherit !important;
        font-size: 9px !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;
        letter-spacing: .08em !important;

        text-transform: uppercase !important;
        text-decoration: none !important;

        box-shadow: none !important;
    }

    /* Force every nested SALE character to coffee */
    body.woocommerce-shop
    ul.products li.product
    .summer-product-card__badge *,

    body.zisha-teapots-page
    ul.products li.product
    .summer-product-card__badge *,

    body.tax-product_cat.term-zisha-teapots
    ul.products li.product
    .summer-product-card__badge *,

    body.woocommerce-shop
    ul.products li.product
    .onsale *,

    body.zisha-teapots-page
    ul.products li.product
    .onsale *,

    body.tax-product_cat.term-zisha-teapots
    ul.products li.product
    .onsale * {

        color: #4b3a2f !important;
        font-family: inherit !important;
        font-size: inherit !important;
        font-weight: 400 !important;
        letter-spacing: .08em !important;
    }

}


/* =========================================================
   SHOP — REMOVE VIEW DETAILS
   ONLY: /shop/
   ========================================================= */

body.woocommerce-shop a.summer-product-card__details,
body.woocommerce-shop .summer-product-card a.summer-product-card__details {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}


/* =========================================================
   MOBILE — REMOVE ACCOUNT ICON
   ========================================================= */
@media screen and (max-width: 900px) {
    html body header.site-header .header-actions .summer-header-account {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
}

/* Hide Add to Cart buttons from Shop product cards */
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce ul.products li.product .ajax_add_to_cart {
    display: none !important;
}


/* Mobile product page: hide bottom Add to Cart */
@media (max-width: 900px) {
    body.single-product .single_add_to_cart_button,
    body.single-product form.cart .single_add_to_cart_button,
    body.single-product form.cart button[type="submit"] {
        display: none !important;
    }
}


/* Mobile only — hide Add to Cart located inside the footer */
@media (max-width: 900px) {
    footer .add_to_cart_button,
    footer a.add_to_cart_button,
    footer .ajax_add_to_cart,
    footer .button.add_to_cart_button {
        display: none !important;
    }
}


/* Restore the main Add to Cart button below Quantity on mobile product pages */
@media (max-width: 900px) {
    body.single-product form.cart .single_add_to_cart_button {
        display: inline-block !important;
    }
}


/* Restore mobile product purchase button below Quantity */
@media screen and (max-width: 900px) {
    body.single-product form.cart,
    body.single-product form.cart .single_add_to_cart_button,
    body.single-product form.cart button[name="add-to-cart"],
    body.single-product form.cart button[type="submit"],
    body.single-product form.cart .button {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body.single-product form.cart .single_add_to_cart_button,
    body.single-product form.cart button[name="add-to-cart"],
    body.single-product form.cart button[type="submit"] {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        min-height: 48px !important;
        margin-top: 18px !important;
    }
}




/* =====================================================
   MOBILE PRODUCT GALLERY
   Move thumbnails from left vertical column
   to horizontal row below the main image
   ===================================================== */

@media screen and (max-width: 760px) {

    /* Product layout */
    body.single-product .rookwood-product {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: calc(100% - 32px) !important;
        column-gap: 0 !important;
    }

    /* Gallery becomes normal vertical flow */
    body.single-product .rookwood-gallery {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    /* Main image FIRST */
    body.single-product .rookwood-gallery-main {
        order: 1 !important;
        width: 100% !important;
        max-width: none !important;
        grid-column: auto !important;
        grid-row: auto !important;
        margin: 0 !important;
    }

    body.single-product .rookwood-gallery-image img {
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        display: block !important;
    }

    /* Thumbnails BELOW main image */
    body.single-product .rookwood-gallery-thumbnails {
        order: 2 !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 8px !important;

        margin: 8px 0 0 !important;
        padding: 0 !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body.single-product .rookwood-gallery-thumbnails::-webkit-scrollbar {
        display: none !important;
    }

    /* Thumbnail size */
    body.single-product .rookwood-gallery-thumbnail {
        flex: 0 0 64px !important;

        width: 64px !important;
        height: 64px !important;

        min-width: 64px !important;
        max-width: 64px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }

    body.single-product .rookwood-gallery-thumbnail img {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        margin: 0 !important;
    }

    /* Product information BELOW gallery */
    body.single-product .rookwood-summary {
        grid-column: 1 !important;
        grid-row: 2 !important;

        width: 100% !important;
        max-width: none !important;

        position: static !important;

        padding-top: 40px !important;
    }

}


/* =====================================================
   WooCommerce Default Gallery - Mobile Thumbnails
   ===================================================== */

@media screen and (max-width: 900px) {

    body.single-product .woocommerce-product-gallery {
        width: 100% !important;
        margin: 0 !important;
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        width: 100% !important;
        margin: 10px 0 0 !important;
        padding: 0 !important;

        gap: 8px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        list-style: none !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar {
        display: none !important;
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs li {
        float: none !important;

        flex: 0 0 68px !important;
        width: 68px !important;
        min-width: 68px !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs li::before {
        display: none !important;
        content: none !important;
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs li img {
        display: block !important;

        width: 68px !important;
        height: 68px !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: cover !important;
    }

}

/* Hide WooCommerce product image zoom icon on mobile */
@media screen and (max-width: 900px) {
    body.single-product .woocommerce-product-gallery__trigger {
        display: none !important;
    }
}


/* ===== SUMMER ACCOUNT PAGE — FINAL STYLE ===== */

body.page-id-10 {
    background: #f5f1e8 !important;
    color: #4b3a2f !important;
}

body.page-id-10 main.section {
    background: #f5f1e8 !important;
    color: #4b3a2f !important;
}

/* Main account wrapper */
body.page-id-10 .woocommerce {
    color: #4b3a2f !important;
    font-family: "Lora", Georgia, serif !important;
}

/* All account text */
body.page-id-10 .woocommerce p,
body.page-id-10 .woocommerce span,
body.page-id-10 .woocommerce li,
body.page-id-10 .woocommerce td,
body.page-id-10 .woocommerce th,
body.page-id-10 .woocommerce label,
body.page-id-10 .woocommerce address {
    color: #4b3a2f !important;
}

/* Links */
body.page-id-10 .woocommerce a {
    color: #5f5045 !important;
    text-decoration: none !important;
}

body.page-id-10 .woocommerce a:hover {
    color: #2f2621 !important;
}

/* Account navigation */
body.page-id-10 .woocommerce-MyAccount-navigation {
    background: transparent !important;
}

body.page-id-10 .woocommerce-MyAccount-navigation ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.page-id-10 .woocommerce-MyAccount-navigation li {
    margin: 0 0 8px !important;
    padding: 0 !important;
    list-style: none !important;
}

body.page-id-10 .woocommerce-MyAccount-navigation li a {
    display: block !important;
    padding: 7px 0 !important;
    color: #5f5045 !important;
    font-family: "Lora", Georgia, serif !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    letter-spacing: .02em !important;
}

body.page-id-10 .woocommerce-MyAccount-navigation li.is-active a,
body.page-id-10 .woocommerce-MyAccount-navigation li a:hover {
    color: #2f2621 !important;
}

/* Account content */
body.page-id-10 .woocommerce-MyAccount-content {
    color: #4b3a2f !important;
}

body.page-id-10 .woocommerce-MyAccount-content > p:first-child {
    color: #4b3a2f !important;
}

/* Headings */
body.page-id-10 .woocommerce-MyAccount-content h2,
body.page-id-10 .woocommerce-MyAccount-content h3,
body.page-id-10 .woocommerce-MyAccount-content h4 {
    color: #3f3027 !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-weight: 500 !important;
    letter-spacing: .03em !important;
}

/* Orders table */
body.page-id-10 .woocommerce-orders-table,
body.page-id-10 .woocommerce-table--order-details {
    width: 100% !important;
    border-collapse: collapse !important;
    background: transparent !important;
    color: #4b3a2f !important;
}

body.page-id-10 .woocommerce-orders-table th,
body.page-id-10 .woocommerce-orders-table td,
body.page-id-10 .woocommerce-table--order-details th,
body.page-id-10 .woocommerce-table--order-details td {
    background: transparent !important;
    color: #4b3a2f !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(95,80,69,.14) !important;
    padding: 14px 10px !important;
    font-family: "Lora", Georgia, serif !important;
}

body.page-id-10 .woocommerce-orders-table th,
body.page-id-10 .woocommerce-table--order-details th {
    color: #6b594c !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: .04em !important;
}

body.page-id-10 .woocommerce-orders-table td {
    font-size: 14px !important;
}

/* Order numbers */
body.page-id-10 .woocommerce-orders-table__cell-order a {
    color: #4b3a2f !important;
    font-weight: 500 !important;
}

/* View buttons */
body.page-id-10 .woocommerce-button,
body.page-id-10 .woocommerce-orders-table .button,
body.page-id-10 .woocommerce-MyAccount-content .button {
    display: inline-block !important;
    background: #5f5045 !important;
    color: #f8f4eb !important;
    border: 1px solid #5f5045 !important;
    border-radius: 0 !important;
    padding: 9px 18px !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: .03em !important;
    text-transform: none !important;
}

body.page-id-10 .woocommerce-button:hover,
body.page-id-10 .woocommerce-orders-table .button:hover,
body.page-id-10 .woocommerce-MyAccount-content .button:hover {
    background: #3f3027 !important;
    color: #f8f4eb !important;
    border-color: #3f3027 !important;
}

/* WooCommerce email confirmation notice */
body.page-id-10 .woocommerce-info,
body.page-id-10 .woocommerce-message,
body.page-id-10 .woocommerce-error {
    background: rgba(255,255,255,.28) !important;
    color: #4b3a2f !important;
    border: 0 !important;
    border-top: 1px solid rgba(95,80,69,.14) !important;
    border-bottom: 1px solid rgba(95,80,69,.10) !important;
    box-shadow: none !important;
}

body.page-id-10 .woocommerce-info::before,
body.page-id-10 .woocommerce-message::before {
    color: #5f5045 !important;
}

body.page-id-10 .woocommerce-info a,
body.page-id-10 .woocommerce-message a {
    color: #4b3a2f !important;
}

/* Confirm email button */
body.page-id-10 .woocommerce-info .button,
body.page-id-10 .woocommerce-message .button {
    background: #5f5045 !important;
    color: #f8f4eb !important;
    border: 0 !important;
    border-radius: 0 !important;
}

/* Login / Register */
body.page-id-10 #customer_login {
    color: #4b3a2f !important;
}

body.page-id-10 .woocommerce-form-login,
body.page-id-10 .woocommerce-form-register {
    background: rgba(255,255,255,.18) !important;
    border: 1px solid rgba(95,80,69,.14) !important;
    border-radius: 0 !important;
    color: #4b3a2f !important;
}

body.page-id-10 .woocommerce-form-login label,
body.page-id-10 .woocommerce-form-register label {
    color: #4b3a2f !important;
    font-family: "Lora", Georgia, serif !important;
    font-size: 14px !important;
}

body.page-id-10 .woocommerce-form-login input,
body.page-id-10 .woocommerce-form-register input {
    background: #f8f4eb !important;
    color: #4b3a2f !important;
    border: 1px solid rgba(95,80,69,.25) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.page-id-10 .woocommerce-form-login input:focus,
body.page-id-10 .woocommerce-form-register input:focus {
    border-color: #5f5045 !important;
    outline: none !important;
}

/* Login/Register headings */
body.page-id-10 #customer_login h2 {
    color: #3f3027 !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-weight: 500 !important;
    letter-spacing: .04em !important;
}

/* Account details / address forms */
body.page-id-10 .woocommerce form .form-row label {
    color: #4b3a2f !important;
}

body.page-id-10 .woocommerce form .form-row input,
body.page-id-10 .woocommerce form .form-row textarea,
body.page-id-10 .woocommerce form .form-row select {
    background: #f8f4eb !important;
    color: #4b3a2f !important;
    border: 1px solid rgba(95,80,69,.22) !important;
    border-radius: 0 !important;
}

/* Downloads / addresses */
body.page-id-10 .woocommerce-Address,
body.page-id-10 .woocommerce-MyAccount-downloads {
    color: #4b3a2f !important;
}

body.page-id-10 .woocommerce-Address-title {
    border-bottom: 1px solid rgba(95,80,69,.14) !important;
    padding-bottom: 10px !important;
}

/* Pagination */
body.page-id-10 .woocommerce-pagination a,
body.page-id-10 .woocommerce-pagination span {
    color: #5f5045 !important;
}

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

    body.page-id-10 .woocommerce-MyAccount-navigation,
    body.page-id-10 .woocommerce-MyAccount-content {
        width: 100% !important;
        float: none !important;
    }

    body.page-id-10 .woocommerce-MyAccount-navigation {
        margin-bottom: 28px !important;
    }

    body.page-id-10 .woocommerce-MyAccount-navigation ul {
        border-bottom: 1px solid rgba(95,80,69,.14) !important;
        padding-bottom: 12px !important;
    }

    body.page-id-10 .woocommerce-MyAccount-navigation li {
        margin-bottom: 2px !important;
    }

    body.page-id-10 .woocommerce-orders-table {
        font-size: 13px !important;
    }

    body.page-id-10 .woocommerce-orders-table th,
    body.page-id-10 .woocommerce-orders-table td {
        padding: 10px 6px !important;
    }

    body.page-id-10 .woocommerce-info,
    body.page-id-10 .woocommerce-message {
        padding: 14px 14px 14px 40px !important;
    }

    body.page-id-10 .woocommerce-info .button,
    body.page-id-10 .woocommerce-message .button {
        margin-top: 10px !important;
    }
}

/* ===== END SUMMER ACCOUNT PAGE — FINAL STYLE ===== */


/* =========================================================
   SUMMER ACCOUNT — FINAL LAYOUT
   Scoped ONLY to Account page
   ========================================================= */

body.page-id-10 .woocommerce {
    max-width: 1600px !important;
    margin: 0 auto !important;
    padding: 58px 7.5% 70px !important;
    box-sizing: border-box !important;
}

/* Logged-in account two-column layout */
body.page-id-10 .woocommerce-MyAccount-content {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
}

body.page-id-10 .woocommerce-MyAccount-navigation {
    width: 210px !important;
    float: none !important;
    margin: 0 !important;
}

body.page-id-10 .woocommerce-account .woocommerce-MyAccount-navigation {
    flex: 0 0 210px !important;
}

/* WooCommerce account layout */
body.page-id-10 .woocommerce-MyAccount-navigation + .woocommerce-MyAccount-content {
    width: auto !important;
}

/* Create clean two-column structure */
body.page-id-10 .woocommerce-MyAccount-navigation,
body.page-id-10 .woocommerce-MyAccount-content {
    box-sizing: border-box !important;
}

body.page-id-10 .woocommerce:has(.woocommerce-MyAccount-navigation) {
    display: grid !important;
    grid-template-columns: 210px minmax(0, 1fr) !important;
    column-gap: 72px !important;
    align-items: start !important;
}

/* Navigation refinement */
body.page-id-10 .woocommerce-MyAccount-navigation {
    padding-top: 2px !important;
}

body.page-id-10 .woocommerce-MyAccount-navigation li {
    border: 0 !important;
}

body.page-id-10 .woocommerce-MyAccount-navigation li a {
    padding: 6px 0 !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    transition: color .2s ease !important;
}

body.page-id-10 .woocommerce-MyAccount-navigation li.is-active a {
    color: #2f2621 !important;
    font-weight: 500 !important;
}

/* Account content */
body.page-id-10 .woocommerce-MyAccount-content {
    min-width: 0 !important;
}

/* Email confirmation notice */
body.page-id-10 .woocommerce-MyAccount-content .woocommerce-info {
    margin: 0 0 38px !important;
    padding: 18px 22px !important;
    min-height: 58px !important;
    box-sizing: border-box !important;
}

/* Confirmation button */
body.page-id-10 .woocommerce-info .button {
    margin-left: 22px !important;
    padding: 10px 20px !important;
}

/* Orders table */
body.page-id-10 .woocommerce-orders-table {
    margin-top: 0 !important;
}

/* Keep order table elegant and restrained */
body.page-id-10 .woocommerce-orders-table th {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

body.page-id-10 .woocommerce-orders-table td {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

/* Prevent excessive horizontal stretching */
body.page-id-10 .woocommerce-orders-table {
    max-width: 100% !important;
}

/* =========================================================
   LOGIN / REGISTER — SAME PAGE SYSTEM
   ========================================================= */

body.page-id-10 #customer_login {
    max-width: 1050px !important;
    margin: 0 auto !important;
}

body.page-id-10 #customer_login .u-column1,
body.page-id-10 #customer_login .u-column2 {
    width: auto !important;
    float: none !important;
}

body.page-id-10 #customer_login .u-columns {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 65px !important;
}

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

@media (max-width: 900px) {

    body.page-id-10 .woocommerce {
        display: block !important;
        max-width: 100% !important;
        padding: 35px 22px 50px !important;
    }

    body.page-id-10 .woocommerce-MyAccount-navigation {
        width: 100% !important;
        margin-bottom: 30px !important;
    }

    body.page-id-10 .woocommerce-MyAccount-content {
        width: 100% !important;
    }

    body.page-id-10 .woocommerce-info {
        margin-bottom: 28px !important;
    }

    body.page-id-10 .woocommerce-info .button {
        margin-left: 0 !important;
        margin-top: 10px !important;
    }

    body.page-id-10 .woocommerce-orders-table {
        display: block !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
    }

    body.page-id-10 #customer_login {
        max-width: 100% !important;
    }

    body.page-id-10 #customer_login .u-columns {
        display: block !important;
    }

    body.page-id-10 #customer_login .u-column1,
    body.page-id-10 #customer_login .u-column2 {
        width: 100% !important;
        margin-bottom: 35px !important;
    }
}

/* =========================================================
   END FINAL ACCOUNT LAYOUT
   ========================================================= */

/* =========================================================
   SUMMER ACCOUNT — FIX BROKEN GRID
   Restore WooCommerce account structure
   ========================================================= */

body.page-id-10 .woocommerce {
    display: block !important;
    max-width: 1600px !important;
    margin: 0 auto !important;
    padding: 58px 7.5% 70px !important;
    box-sizing: border-box !important;
}

/* Restore standard WooCommerce account columns */
body.page-id-10 .woocommerce-MyAccount-navigation {
    width: 210px !important;
    float: left !important;
    margin: 0 72px 0 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

body.page-id-10 .woocommerce-MyAccount-content {
    width: calc(100% - 282px) !important;
    float: right !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Clear the two-column layout */
body.page-id-10 .woocommerce::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* Make sure confirmation notice belongs visually to content area */
body.page-id-10 .woocommerce-MyAccount-content .woocommerce-info {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Orders table fills account content */
body.page-id-10 .woocommerce-MyAccount-content .woocommerce-orders-table {
    width: 100% !important;
}

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

@media (max-width: 900px) {

    body.page-id-10 .woocommerce {
        display: block !important;
        padding: 35px 22px 50px !important;
    }

    body.page-id-10 .woocommerce-MyAccount-navigation {
        width: 100% !important;
        float: none !important;
        margin: 0 0 30px !important;
    }

    body.page-id-10 .woocommerce-MyAccount-content {
        width: 100% !important;
        float: none !important;
    }
}

/* =========================================================
   END ACCOUNT GRID FIX
   ========================================================= */

/* =========================================================
   SUMMER ACCOUNT — BRAND LOGIN / CREATE ACCOUNT
   Scoped to WooCommerce Account page only
   ========================================================= */

body.page-id-10.woocommerce-account .section > .woocommerce {
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 78px 42px 105px !important;
}

body.page-id-10.woocommerce-account #customer_login {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    background: transparent !important;
}

body.page-id-10.woocommerce-account #customer_login .u-column1,
body.page-id-10.woocommerce-account #customer_login .u-column2 {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 20px 72px 28px !important;
    background: transparent !important;
    border: 0 !important;
}

body.page-id-10.woocommerce-account #customer_login .u-column1 {
    border-right: 1px solid rgba(75,58,47,.18) !important;
}

body.page-id-10.woocommerce-account #customer_login h2 {
    margin: 0 0 38px !important;
    color: #4b3a2f !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 30px !important;
    font-weight: 500 !important;
    letter-spacing: .03em !important;
    line-height: 1.15 !important;
}

body.page-id-10.woocommerce-account #customer_login label {
    display: block !important;
    margin: 0 0 10px !important;
    color: #4b3a2f !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: .025em !important;
}

body.page-id-10.woocommerce-account #customer_login .required {
    color: #8a7465 !important;
    font-weight: 400 !important;
}

body.page-id-10.woocommerce-account #customer_login input.input-text {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 48px !important;
    padding: 10px 13px !important;
    border: 1px solid rgba(75,58,47,.24) !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,.28) !important;
    color: #4b3a2f !important;
    font-family: Georgia, serif !important;
    font-size: 14px !important;
    outline: none !important;
    box-shadow: none !important;
}

body.page-id-10.woocommerce-account #customer_login input.input-text:focus {
    border-color: rgba(75,58,47,.58) !important;
    box-shadow: none !important;
}

body.page-id-10.woocommerce-account #customer_login .form-row {
    margin: 0 0 20px !important;
    padding: 0 !important;
}

body.page-id-10.woocommerce-account #customer_login .woocommerce-form-login__rememberme {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    font-family: Georgia, serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

body.page-id-10.woocommerce-account #customer_login input[type="checkbox"] {
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
    accent-color: #4b3a2f !important;
}

body.page-id-10.woocommerce-account #customer_login button.button {
    display: block !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 25px 0 0 !important;
    padding: 12px 22px !important;
    border: 1px solid #4b3a2f !important;
    border-radius: 0 !important;
    background: #4b3a2f !important;
    color: #f5f1e8 !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    transition: opacity .2s ease, background .2s ease !important;
}

body.page-id-10.woocommerce-account #customer_login button.button:hover {
    opacity: .84 !important;
    background: #4b3a2f !important;
    color: #f5f1e8 !important;
}

body.page-id-10.woocommerce-account #customer_login .lost_password {
    margin: 18px 0 0 !important;
    text-align: center !important;
}

body.page-id-10.woocommerce-account #customer_login a {
    color: #6b574a !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(107,87,74,.3) !important;
    font-family: Georgia, serif !important;
    font-size: 13px !important;
}

body.page-id-10.woocommerce-account #customer_login .u-column2 > form > p:nth-of-type(2) {
    margin: -18px 0 26px !important;
    color: #78675b !important;
    font-family: Georgia, serif !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
}

body.page-id-10.woocommerce-account #customer_login .woocommerce-privacy-policy-text {
    margin: 0 0 26px !important;
    color: #78675b !important;
    font-family: Georgia, serif !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
}

body.page-id-10.woocommerce-account #customer_login .woocommerce-privacy-policy-text a {
    font-size: inherit !important;
}

/* =========================================================
 * SUMMER ACCOUNT — SINGLE AUTH SCREEN
 * ========================================================= */
body.page-id-10.woocommerce-account .summer-account-auth {
    width: 100%;
    padding: 82px 24px 110px;
    background: #f5f1e8;
    color: #4b3a2f;
}
body.page-id-10.woocommerce-account .summer-account-auth__inner {
    width: min(100%, 460px);
    margin: 0 auto;
}
body.page-id-10.woocommerce-account .summer-account-auth__header {
    text-align: center;
    margin-bottom: 42px;
}
body.page-id-10.woocommerce-account .summer-account-auth__header h1 {
    margin: 0 0 12px;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 42px;
    font-weight: 500;
    line-height: 1.05;
    color: #4b3a2f;
}
body.page-id-10.woocommerce-account .summer-account-auth__header p {
    margin: 0;
    font-size: 14px;
    letter-spacing: .03em;
    color: rgba(75,58,47,.72);
}
body.page-id-10.woocommerce-account .summer-account-auth__social-button {
    width: 100%;
    height: 50px;
    border: 1px solid rgba(75,58,47,.25);
    border-radius: 0;
    background: transparent;
    color: #4b3a2f;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font: inherit;
    cursor: default;
}
body.page-id-10.woocommerce-account .summer-account-auth__social-button:disabled { opacity: 1; }
body.page-id-10.woocommerce-account .summer-social-icon { font-size: 17px; line-height: 1; }
body.page-id-10.woocommerce-account .summer-account-auth__or {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 25px 0;
    color: rgba(75,58,47,.55);
    font-size: 12px;
    text-transform: lowercase;
}
body.page-id-10.woocommerce-account .summer-account-auth__or:before,
body.page-id-10.woocommerce-account .summer-account-auth__or:after {
    content: "";
    height: 1px;
    flex: 1;
    background: rgba(75,58,47,.15);
}
body.page-id-10.woocommerce-account .summer-auth-field { margin: 0 0 20px; }
body.page-id-10.woocommerce-account .summer-auth-field label {
    display: block;
    margin: 0 0 8px;
    font-size: 13px;
    color: #4b3a2f;
}
body.page-id-10.woocommerce-account .summer-auth-field input {
    width: 100%;
    height: 50px;
    padding: 0 14px;
    border: 1px solid rgba(75,58,47,.28);
    border-radius: 0;
    background: #fffdf8;
    color: #4b3a2f;
    box-sizing: border-box;
}
body.page-id-10.woocommerce-account .summer-auth-options { margin: 4px 0 22px; }
body.page-id-10.woocommerce-account .summer-auth-options label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: rgba(75,58,47,.75);
}
body.page-id-10.woocommerce-account .summer-auth-options input { margin: 0; }
body.page-id-10.woocommerce-account .summer-auth-submit { margin: 0; }
body.page-id-10.woocommerce-account .summer-auth-submit button {
    width: 100%;
    min-height: 50px;
    border: 1px solid #4b3a2f;
    border-radius: 0;
    background: #4b3a2f;
    color: #f5f1e8;
    font-size: 13px;
    letter-spacing: .08em;
    text-transform: uppercase;
}
body.page-id-10.woocommerce-account .summer-auth-forgot {
    text-align: center;
    margin: 18px 0 0;
    font-size: 12px;
}
body.page-id-10.woocommerce-account .summer-auth-forgot a,
body.page-id-10.woocommerce-account .summer-account-auth__create a { color: #4b3a2f; text-decoration: underline; text-underline-offset: 3px; }
body.page-id-10.woocommerce-account .summer-account-auth__create {
    margin-top: 48px;
    padding-top: 30px;
    border-top: 1px solid rgba(75,58,47,.16);
    text-align: center;
    font-size: 13px;
}
body.page-id-10.woocommerce-account .summer-account-auth__create span { margin-right: 6px; color: rgba(75,58,47,.65); }
body.page-id-10.woocommerce-account .summer-account-auth__register {
    margin-top: 55px;
    padding-top: 45px;
    border-top: 1px solid rgba(75,58,47,.16);
}
body.page-id-10.woocommerce-account .summer-account-auth__register h2 {
    margin: 0 0 10px;
    text-align: center;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 30px;
    font-weight: 500;
}
body.page-id-10.woocommerce-account .summer-register-intro,
body.page-id-10.woocommerce-account .summer-register-note {
    text-align: center;
    font-size: 13px;
    line-height: 1.7;
    color: rgba(75,58,47,.68);
    margin: 0 0 28px;
}
body.page-id-10.woocommerce-account .summer-account-auth__register .woocommerce-privacy-policy-text {
    font-size: 11px;
    line-height: 1.6;
    color: rgba(75,58,47,.6);
    margin: 18px 0;
}

@media (max-width: 900px) {
    body.page-id-10.woocommerce-account .summer-account-auth {
        padding: 54px 22px 78px;
    }
    body.page-id-10.woocommerce-account .summer-account-auth__header h1 { font-size: 38px; }
}

/* =========================================================
 * SUMMER ACCOUNT — FINAL SINGLE-COLUMN AUTH POLISH
 * ========================================================= */
body.page-id-10.woocommerce-account .section > .woocommerce {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-10.woocommerce-account .summer-account-auth {
    min-height: calc(100vh - 120px);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 76px;
}

body.page-id-10.woocommerce-account .summer-account-auth__inner {
    width: min(100%, 420px);
}

body.page-id-10.woocommerce-account .summer-account-auth__header {
    margin-bottom: 34px;
}

body.page-id-10.woocommerce-account .summer-account-auth__header h1 {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 46px !important;
    font-weight: 500 !important;
    letter-spacing: .01em;
    line-height: 1.05;
}

body.page-id-10.woocommerce-account .summer-account-auth__header p {
    font-size: 14px;
    letter-spacing: .02em;
}

body.page-id-10.woocommerce-account .summer-account-auth__social {
    display: flex;
    flex-direction: column;
}

body.page-id-10.woocommerce-account .summer-account-auth__social-box {
    border: 1px solid rgba(75,58,47,.22);
    background: #fffdf8;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 1px 0 rgba(75,58,47,.03);
}

body.page-id-10.woocommerce-account .summer-account-auth__social-box .summer-account-auth__social-button {
    width: 100%;
    border: 0;
    border-radius: 0;
    background: transparent;
}

body.page-id-10.woocommerce-account .summer-account-auth__social-box .summer-account-auth__social-button + .summer-account-auth__social-button {
    border-top: 1px solid rgba(75,58,47,.15);
}

body.page-id-10.woocommerce-account .summer-account-auth__social-button {
    height: 52px;
    background: #fffdf8;
    border-color: rgba(75,58,47,.25);
    transition: background .2s ease, border-color .2s ease;
}

body.page-id-10.woocommerce-account .summer-account-auth__social-button:hover {
    background: #f9f5ed;
    border-color: rgba(75,58,47,.45);
}

body.page-id-10.woocommerce-account .summer-account-auth__or {
    margin: 28px 0;
}

body.page-id-10.woocommerce-account .summer-account-auth__form {
    margin: 0 !important;
}

body.page-id-10.woocommerce-account .summer-auth-field input {
    height: 52px;
    background: #fffdf8;
}

body.page-id-10.woocommerce-account .summer-auth-field input:focus {
    outline: none;
    border-color: #4b3a2f;
    box-shadow: 0 0 0 1px #4b3a2f;
}

body.page-id-10.woocommerce-account .summer-email-offers {
    cursor: pointer;
}

body.page-id-10.woocommerce-account .summer-email-offers input {
    width: 14px;
    height: 14px;
    accent-color: #4b3a2f;
}

body.page-id-10.woocommerce-account .summer-auth-submit button {
    min-height: 52px;
    cursor: pointer;
    transition: opacity .2s ease;
}

body.page-id-10.woocommerce-account .summer-auth-submit button:hover {
    opacity: .86;
}

body.page-id-10.woocommerce-account .summer-account-auth__create {
    margin-top: 42px;
    padding-top: 26px;
}

body.page-id-10.woocommerce-account .summer-account-auth__register[hidden] {
    display: none !important;
}

@media (max-width: 900px) {
    body.page-id-10.woocommerce-account .summer-account-auth {
        min-height: calc(100vh - 76px);
        padding: 54px 20px 70px;
    }

    body.page-id-10.woocommerce-account .summer-account-auth__inner {
        width: min(100%, 420px);
    }

    body.page-id-10.woocommerce-account .summer-account-auth__header {
        margin-bottom: 30px;
    }

    body.page-id-10.woocommerce-account .summer-account-auth__header h1 {
        font-size: 40px !important;
    }
}

/* =========================================================
 * SUMMER CUSTOMER ACCOUNT — SHOPIFY-STYLE ACCOUNT PORTAL
 * ========================================================= */
body.page-id-10.woocommerce-account .summer-customer-account {
    background: #f5f1e8;
    color: #4b3a2f;
    min-height: calc(100vh - 120px);
    padding: 72px 24px 110px;
}

body.page-id-10.woocommerce-account .summer-customer-account__inner {
    width: min(100%, 1080px);
    margin: 0 auto;
}

body.page-id-10.woocommerce-account .summer-customer-account__top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    padding-bottom: 34px;
    border-bottom: 1px solid rgba(75,58,47,.16);
}

body.page-id-10.woocommerce-account .summer-customer-account__eyebrow {
    margin: 0 0 10px;
    font-size: 10px;
    letter-spacing: .18em;
    color: rgba(75,58,47,.55);
}

body.page-id-10.woocommerce-account .summer-customer-account__top h1 {
    margin: 0;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 48px;
    font-weight: 500;
    line-height: 1;
    color: #4b3a2f;
}

body.page-id-10.woocommerce-account .summer-customer-account__logout {
    color: #4b3a2f;
    font-size: 12px;
    text-decoration: underline;
    text-underline-offset: 4px;
    white-space: nowrap;
}

body.page-id-10.woocommerce-account .summer-customer-account__nav {
    display: flex;
    gap: 32px;
    align-items: center;
    border-bottom: 1px solid rgba(75,58,47,.16);
    overflow-x: auto;
}

body.page-id-10.woocommerce-account .summer-customer-account__nav a {
    position: relative;
    display: block;
    padding: 18px 0 16px;
    color: rgba(75,58,47,.62);
    font-size: 13px;
    white-space: nowrap;
    text-decoration: none;
}

body.page-id-10.woocommerce-account .summer-customer-account__nav a:hover,
body.page-id-10.woocommerce-account .summer-customer-account__nav a.is-active {
    color: #4b3a2f;
}

body.page-id-10.woocommerce-account .summer-customer-account__nav a.is-active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 1px;
    background: #4b3a2f;
}

body.page-id-10.woocommerce-account .summer-customer-account__content {
    padding-top: 48px;
}

body.page-id-10.woocommerce-account .summer-customer-account__content > * {
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
}

body.page-id-10.woocommerce-account .summer-customer-account__content .woocommerce-info,
body.page-id-10.woocommerce-account .summer-customer-account__content .woocommerce-message,
body.page-id-10.woocommerce-account .summer-customer-account__content .woocommerce-error {
    margin-bottom: 28px;
}

body.page-id-10.woocommerce-account .summer-customer-account__content h2 {
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 34px;
    font-weight: 500;
    color: #4b3a2f;
}

body.page-id-10.woocommerce-account .summer-customer-account__content .summer-account-welcome {
    padding: 0 0 28px;
    border-bottom: 1px solid rgba(75,58,47,.12);
    margin-bottom: 30px;
}

body.page-id-10.woocommerce-account .summer-customer-account__content .summer-account-welcome h2 {
    margin: 0 0 8px;
}

body.page-id-10.woocommerce-account .summer-customer-account__content .summer-account-welcome p {
    margin: 0;
    color: rgba(75,58,47,.68);
    font-size: 13px;
}

body.page-id-10.woocommerce-account .summer-customer-account__content table.shop_table {
    background: transparent;
    border: 1px solid rgba(75,58,47,.14);
    border-radius: 0;
}

body.page-id-10.woocommerce-account .summer-customer-account__content table.shop_table th,
body.page-id-10.woocommerce-account .summer-customer-account__content table.shop_table td {
    border-color: rgba(75,58,47,.12);
    padding: 16px 18px;
}

body.page-id-10.woocommerce-account .summer-customer-account__content .woocommerce-MyAccount-content a.button,
body.page-id-10.woocommerce-account .summer-customer-account__content .button {
    border-radius: 0;
    background: #4b3a2f;
    color: #f5f1e8;
    border: 1px solid #4b3a2f;
    font-size: 12px;
    letter-spacing: .05em;
    text-transform: uppercase;
}

body.page-id-10.woocommerce-account .summer-customer-account__content form .form-row input,
body.page-id-10.woocommerce-account .summer-customer-account__content form .form-row select,
body.page-id-10.woocommerce-account .summer-customer-account__content form .form-row textarea {
    border: 1px solid rgba(75,58,47,.25);
    border-radius: 0;
    background: #fffdf8;
    color: #4b3a2f;
}

body.page-id-10.woocommerce-account .summer-customer-account__content form .form-row input:focus,
body.page-id-10.woocommerce-account .summer-customer-account__content form .form-row select:focus,
body.page-id-10.woocommerce-account .summer-customer-account__content form .form-row textarea:focus {
    outline: none;
    border-color: #4b3a2f;
    box-shadow: 0 0 0 1px #4b3a2f;
}

@media (max-width: 700px) {
    body.page-id-10.woocommerce-account .summer-customer-account {
        padding: 48px 20px 76px;
    }

    body.page-id-10.woocommerce-account .summer-customer-account__top {
        align-items: flex-start;
        padding-bottom: 26px;
    }

    body.page-id-10.woocommerce-account .summer-customer-account__top h1 {
        font-size: 40px;
    }

    body.page-id-10.woocommerce-account .summer-customer-account__nav {
        gap: 24px;
    }

    body.page-id-10.woocommerce-account .summer-customer-account__content {
        padding-top: 34px;
    }
}

/* ---------- SUMMER CUSTOMER ACCOUNT — NEW PORTAL ---------- */
body.woocommerce-account {
    background: #f5f1e8;
    color: #4b3a2f;
}
body.woocommerce-account .summer-account-auth,
body.woocommerce-account .summer-customer-account {
    background: #f5f1e8;
    color: #4b3a2f;
}
body.woocommerce-account .summer-account-auth__inner {
    width: min(100%, 520px);
    margin: 0 auto;
    padding: 92px 24px 120px;
}
body.woocommerce-account .summer-account-auth__header {
    text-align: center;
    margin-bottom: 46px;
}
body.woocommerce-account .summer-account-auth__eyebrow,
body.woocommerce-account .summer-customer-account__eyebrow {
    margin: 0 0 12px;
    font-size: 10px;
    letter-spacing: .18em;
    color: rgba(75,58,47,.55);
}
body.woocommerce-account .summer-account-auth__header h1,
body.woocommerce-account .summer-customer-account__top h1,
body.woocommerce-account .summer-profile-page h2 {
    margin: 0;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-weight: 500;
    color: #4b3a2f;
}
body.woocommerce-account .summer-account-auth__header h1 { font-size: 48px; line-height: 1; }
body.woocommerce-account .summer-account-auth__header > p:last-child {
    margin: 12px 0 0;
    font-size: 13px;
    color: rgba(75,58,47,.65);
}
body.woocommerce-account .summer-auth-step label {
    display: block;
    margin-bottom: 9px;
    font-size: 12px;
    color: #4b3a2f;
}
body.woocommerce-account .summer-auth-step input {
    display: block;
    width: 100%;
    height: 52px;
    padding: 0 15px;
    box-sizing: border-box;
    border: 1px solid rgba(75,58,47,.28);
    border-radius: 0;
    background: #fffdf8;
    color: #4b3a2f;
    font: inherit;
}
body.woocommerce-account .summer-auth-step input:focus {
    outline: none;
    border-color: #4b3a2f;
    box-shadow: 0 0 0 1px #4b3a2f;
}
body.woocommerce-account .summer-auth-submit {
    display: flex;
    width: 100%;
    min-height: 52px;
    margin: 18px 0 0;
    align-items: center;
    justify-content: center;
    border: 1px solid #4b3a2f;
    border-radius: 0;
    background: #4b3a2f;
    color: #f5f1e8;
    cursor: pointer;
    font-size: 12px;
    letter-spacing: .06em;
    text-transform: uppercase;
}
body.woocommerce-account .summer-auth-submit:hover { background: #3d3027; }
body.woocommerce-account .summer-auth-message {
    margin: 0 0 18px;
    font-size: 13px;
    line-height: 1.6;
    color: rgba(75,58,47,.68);
}
body.woocommerce-account .summer-auth-resend,
body.woocommerce-account .summer-auth-back {
    display: block;
    margin: 18px auto 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #4b3a2f;
    font-size: 12px;
    text-decoration: underline;
    text-underline-offset: 4px;
    cursor: pointer;
}
body.woocommerce-account .summer-auth-back { margin-top: 12px; color: rgba(75,58,47,.58); }
body.woocommerce-account .summer-auth-error {
    margin: 18px 0 0;
    font-size: 12px;
    line-height: 1.5;
    color: #7b4c3d;
    text-align: center;
}

body.woocommerce-account .summer-customer-account__inner {
    width: min(100%, 1080px);
    margin: 0 auto;
    padding: 70px 24px 110px;
}
body.woocommerce-account .summer-customer-account__top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(75,58,47,.16);
}
body.woocommerce-account .summer-customer-account__top h1 { font-size: 48px; line-height: 1; }
body.woocommerce-account .summer-customer-account__logout {
    color: #4b3a2f;
    font-size: 12px;
    text-decoration: underline;
    text-underline-offset: 4px;
}
body.woocommerce-account .summer-customer-account__nav {
    display: flex;
    gap: 34px;
    border-bottom: 1px solid rgba(75,58,47,.16);
    overflow-x: auto;
}
body.woocommerce-account .summer-customer-account__nav a {
    position: relative;
    padding: 18px 0 16px;
    color: rgba(75,58,47,.6);
    font-size: 13px;
    text-decoration: none;
    white-space: nowrap;
}
body.woocommerce-account .summer-customer-account__nav a.is-active { color: #4b3a2f; }
body.woocommerce-account .summer-customer-account__nav a.is-active::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: -1px;
    height: 1px; background: #4b3a2f;
}
body.woocommerce-account .summer-customer-account__content { padding-top: 48px; }
body.woocommerce-account .summer-profile-page { width: min(100%, 820px); margin: 0 auto; }
body.woocommerce-account .summer-profile-page__heading { margin-bottom: 34px; }
body.woocommerce-account .summer-profile-page__heading h2 { font-size: 40px; line-height: 1; }
body.woocommerce-account .summer-profile-page__heading > p:last-child {
    margin: 10px 0 0; font-size: 13px; color: rgba(75,58,47,.65);
}
body.woocommerce-account .summer-profile-card {
    padding: 26px 0;
    border-top: 1px solid rgba(75,58,47,.14);
}
body.woocommerce-account .summer-profile-card:last-child { border-bottom: 1px solid rgba(75,58,47,.14); }
body.woocommerce-account .summer-profile-card__header {
    display: flex; justify-content: space-between; align-items: baseline; gap: 20px;
}
body.woocommerce-account .summer-profile-card h3 {
    margin: 0; font-family: "Cormorant Garamond", Georgia, serif; font-size: 25px; font-weight: 500;
}
body.woocommerce-account .summer-profile-card__header a {
    color: #4b3a2f; font-size: 11px; text-decoration: underline; text-underline-offset: 4px;
}
body.woocommerce-account .summer-profile-card dl { margin: 22px 0 0; }
body.woocommerce-account .summer-profile-card dl div { display:flex; gap:30px; padding:8px 0; }
body.woocommerce-account .summer-profile-card dt { width:120px; flex:0 0 120px; font-size:12px; color:rgba(75,58,47,.55); }
body.woocommerce-account .summer-profile-card dd { margin:0; font-size:13px; }
body.woocommerce-account .summer-profile-address,
body.woocommerce-account .summer-profile-card--orders p,
body.woocommerce-account .summer-profile-empty { margin:18px 0 0; font-size:13px; line-height:1.7; color:rgba(75,58,47,.68); }
@media (max-width:700px) {
    body.woocommerce-account .summer-account-auth__inner { padding: 58px 20px 80px; }
    body.woocommerce-account .summer-account-auth__header h1 { font-size: 42px; }
    body.woocommerce-account .summer-customer-account__inner { padding: 48px 20px 76px; }
    body.woocommerce-account .summer-customer-account__top h1 { font-size: 40px; }
    body.woocommerce-account .summer-customer-account__nav { gap: 25px; }
    body.woocommerce-account .summer-profile-card dl div { display:block; }
    body.woocommerce-account .summer-profile-card dt { width:auto; margin-bottom:4px; }
}