/* =========================================================
   PETAL VAULT — EARLY OVERRIDES
   Loaded BEFORE the Basel stylesheet (same position as the old
   extra.css + first <style> block in header.php).
   ========================================================= */

/* =========================================================
   FLOWER BEST SELLERS
   FINAL VERSION — WOODMART HOVER FIX
   ========================================================= */


/* =========================================================
   SECTION HEADING
   ========================================================= */

.title-wrapper:has(+ .basel-products-element) {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 75px 20px 45px !important;

    background: linear-gradient(
        180deg,
        #fffafb 0%,
        #fdf1f4 100%
    ) !important;

    text-align: center !important;
    box-sizing: border-box !important;
}


/* =========================================================
   HEADING CONTAINER
   ========================================================= */


.title-wrapper:has(+ .basel-products-element)
.liner-continer {
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
}


/* =========================================================
   REMOVE DEFAULT WOODMART TITLE DECORATION
   ========================================================= */

.title-wrapper:has(+ .basel-products-element)
.left-line,

.title-wrapper:has(+ .basel-products-element)
.right-line,

.title-wrapper:has(+ .basel-products-element)
.title-separator {
    display: none !important;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.title-wrapper:has(+ .basel-products-element)
.liner-continer::before {
    content: "OUR FAVOURITES" !important;

    display: block !important;

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

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    letter-spacing: 3.5px !important;

    color: #9b5368 !important;
}


/* =========================================================
   MAIN TITLE
   ========================================================= */

.title-wrapper:has(+ .basel-products-element)
h4.title {
    display: block !important;

    width: 100% !important;

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

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        clamp(42px, 5vw, 68px) !important;

    line-height: 1.05 !important;

    font-weight: 400 !important;

    letter-spacing: -2.5px !important;

    color: #713a4b !important;
}


/* =========================================================
   SUBTITLE
   ========================================================= */

.title-wrapper:has(+ .basel-products-element)
.flower-best-sellers-subtitle {
    display: block !important;

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

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

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 13px !important;
    line-height: 1.75 !important;

    font-weight: 400 !important;
    letter-spacing: 0 !important;

    text-align: center !important;

    color: #76545e !important;
}


/* =========================================================
   PRODUCT AREA
   ========================================================= */

.title-wrapper:has(+ .basel-products-element)
+ .basel-products-element {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;

    padding: 0 30px 90px !important;

    background: linear-gradient(
        180deg,
        #fdf1f4 0%,
        #fffafb 100%
    ) !important;

    box-sizing: border-box !important;
}


/* =========================================================
   KEEP WOODMART'S NATIVE PRODUCT GRID
   ========================================================= */

.title-wrapper:has(+ .basel-products-element)
+ .basel-products-element
.basel-products-holder {
    width: 100% !important;
    max-width: 1400px !important;

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

    box-sizing: border-box !important;
}


/* =========================================================
   PRODUCT CARD
   ========================================================= */

.title-wrapper:has(+ .basel-products-element)
+ .basel-products-element
.product-grid-item {
    margin-bottom: 30px !important;

    box-sizing: border-box !important;

    transition:
        transform .35s ease,
        box-shadow .35s ease !important;
}


.title-wrapper:has(+ .basel-products-element)
+ .basel-products-element
.product-grid-item:hover {
    transform: translateY(-6px) !important;

    box-shadow:
        0 18px 40px
        rgba(113, 58, 75, .12) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.title-wrapper:has(+ .basel-products-element)
+ .basel-products-element
.product-element-top {
    width: 100% !important;

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

    overflow: hidden !important;

    background: #f6e9ec !important;
}


.title-wrapper:has(+ .basel-products-element)
+ .basel-products-element
.product-element-top img {
    display: block !important;

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

    height: auto !important;

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

    object-fit: cover !important;

    transform: scale(1) !important;

    transition:
        transform .65s ease !important;
}


.title-wrapper:has(+ .basel-products-element)
+ .basel-products-element
.product-grid-item:hover
.product-element-top img {
    transform: scale(1.04) !important;
}


/* =========================================================
   PRODUCT TITLE
   ========================================================= */

.title-wrapper:has(+ .basel-products-element)
+ .basel-products-element
.product-title {
    width: 100% !important;

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

    box-sizing: border-box !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 18px !important;
    line-height: 1.35 !important;

    font-weight: 400 !important;

    color: #3d2930 !important;
}


.title-wrapper:has(+ .basel-products-element)
+ .basel-products-element
.product-title a {
    color: #3d2930 !important;
    text-decoration: none !important;
}


/* =========================================================
   PRICE
   ========================================================= */

.title-wrapper:has(+ .basel-products-element)
+ .basel-products-element
.wrap-price {
    width: 100% !important;

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


.title-wrapper:has(+ .basel-products-element)
+ .basel-products-element
.price {
    display: block !important;

    width: 100% !important;

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

    box-sizing: border-box !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

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

    color: #9b5368 !important;
}


.title-wrapper:has(+ .basel-products-element)
+ .basel-products-element
.price ins {
    color: #d15d7c !important;
    text-decoration: none !important;
}


/* =========================================================
   ADD TO CART
   ========================================================= */

.title-wrapper:has(+ .basel-products-element)
+ .basel-products-element
.btn-add {
    position: relative !important;

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


/* Actual button */

.title-wrapper:has(+ .basel-products-element)
+ .basel-products-element
.btn-add .button {
    position: relative !important;

    display: inline-flex !important;

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

    width: auto !important;

    min-height: 30px !important;

    margin: 0 18px 18px !important;

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

    background: transparent !important;

    border: 0 !important;

    border-bottom:
        1px solid rgba(113,58,75,.35) !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    overflow: visible !important;

    white-space: nowrap !important;

    transform: none !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 9px !important;

    line-height: 1.2 !important;

    font-weight: 700 !important;

    letter-spacing: 1.4px !important;

    text-transform: uppercase !important;

    color: #713a4b !important;

    transition:
        color .25s ease,
        border-color .25s ease !important;
}


/* =========================================================
   CART ICON
   ========================================================= */

.title-wrapper:has(+ .basel-products-element)
+ .basel-products-element
.btn-add .button::before {
    position: absolute !important;

    display: block !important;

    top: 50% !important;
    left: 0 !important;

    right: auto !important;
    bottom: auto !important;

    width: 17px !important;
    height: 17px !important;

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

    transform: translateY(-50%) !important;

    opacity: 1 !important;
    visibility: visible !important;

    animation: none !important;

    transition: none !important;

    z-index: 5 !important;

    pointer-events: none !important;
}


/* =========================================================
   CRITICAL:
   DISABLE WOODMART HOVER TOOLTIP
   ========================================================= */

/*
   The black ADD TO CART box in your screenshot
   is generated by Woodmart's hover pseudo-element.
*/

.title-wrapper:has(+ .basel-products-element)
+ .basel-products-element
.btn-add .button::after {
    display: none !important;

    content: none !important;

    opacity: 0 !important;
    visibility: hidden !important;

    width: 0 !important;
    height: 0 !important;

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

    transform: none !important;

    animation: none !important;

    transition: none !important;
}


/* Also kill it on hover */

.title-wrapper:has(+ .basel-products-element)
+ .basel-products-element
.btn-add .button:hover::after {
    display: none !important;

    content: none !important;

    opacity: 0 !important;
    visibility: hidden !important;

    transform: none !important;
}


/* =========================================================
   BUTTON TEXT
   ========================================================= */

.title-wrapper:has(+ .basel-products-element)
+ .basel-products-element
.btn-add .button span {
    position: relative !important;

    display: inline-block !important;

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

    transform: none !important;

    opacity: 1 !important;
    visibility: visible !important;

    z-index: 6 !important;

    transition: none !important;
}


/* =========================================================
   HOVER — KEEP EVERYTHING STABLE
   ========================================================= */

.title-wrapper:has(+ .basel-products-element)
+ .basel-products-element
.btn-add .button:hover {
    transform: none !important;

    background: transparent !important;

    box-shadow: none !important;

    color: #713a4b !important;
}


.title-wrapper:has(+ .basel-products-element)
+ .basel-products-element
.btn-add .button:hover::before {
    top: 50% !important;
    left: 0 !important;

    transform: translateY(-50%) !important;

    opacity: 1 !important;
    visibility: visible !important;

    animation: none !important;

    transition: none !important;
}


.title-wrapper:has(+ .basel-products-element)
+ .basel-products-element
.btn-add .button:hover span {
    transform: none !important;

    opacity: 1 !important;
    visibility: visible !important;

    transition: none !important;
}


/* =========================================================
   SALE BADGE
   ========================================================= */

.title-wrapper:has(+ .basel-products-element)
+ .basel-products-element
.product-labels {
    position: absolute !important;

    top: 14px !important;
    left: 14px !important;

    z-index: 10 !important;
}


.title-wrapper:has(+ .basel-products-element)
+ .basel-products-element
.onsale {
    display: flex !important;

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

    width: 48px !important;
    height: 48px !important;

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

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

    border-radius: 50% !important;

    background: #d9688a !important;

    color: #fff !important;

    font-size: 10px !important;
}


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

@media (max-width: 1000px) {

    .title-wrapper:has(+ .basel-products-element) {
        padding: 65px 20px 40px !important;
    }

    .title-wrapper:has(+ .basel-products-element)
    + .basel-products-element {
        padding: 0 20px 70px !important;
    }

}


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

@media (max-width: 600px) {

    .title-wrapper:has(+ .basel-products-element) {
        padding: 55px 15px 32px !important;
    }


    .title-wrapper:has(+ .basel-products-element)
    .liner-continer::before {
        margin-bottom: 12px !important;

        font-size: 8px !important;

        letter-spacing: 3px !important;
    }


    .title-wrapper:has(+ .basel-products-element)
    h4.title {
        font-size: 40px !important;

        line-height: 1.05 !important;

        letter-spacing: -1.5px !important;
    }


    .title-wrapper:has(+ .basel-products-element)
    .flower-best-sellers-subtitle {
        max-width: 340px !important;

        margin-top: 16px !important;

        font-size: 12px !important;

        line-height: 1.7 !important;
    }


    .title-wrapper:has(+ .basel-products-element)
    + .basel-products-element {
        padding: 0 10px 60px !important;
    }


    .title-wrapper:has(+ .basel-products-element)
    + .basel-products-element
    .product-grid-item {
        margin-bottom: 15px !important;
    }


    .title-wrapper:has(+ .basel-products-element)
    + .basel-products-element
    .product-title {
        padding: 12px 10px 4px !important;

        font-size: 15px !important;
    }


    .title-wrapper:has(+ .basel-products-element)
    + .basel-products-element
    .price {
        padding: 3px 10px 11px !important;

        font-size: 11px !important;
    }


    .title-wrapper:has(+ .basel-products-element)
    + .basel-products-element
    .btn-add .button {
        min-height: 28px !important;

        margin: 0 10px 13px !important;

        padding: 6px 0 6px 21px !important;

        font-size: 8px !important;

        letter-spacing: 1.1px !important;
    }


    .title-wrapper:has(+ .basel-products-element)
    + .basel-products-element
    .btn-add .button::before {
        width: 15px !important;
        height: 15px !important;

        top: 50% !important;
        left: 0 !important;

        transform: translateY(-50%) !important;

        animation: none !important;
        transition: none !important;
    }


    .title-wrapper:has(+ .basel-products-element)
    + .basel-products-element
    .btn-add .button:hover::before {
        top: 50% !important;
        left: 0 !important;

        transform: translateY(-50%) !important;

        animation: none !important;
        transition: none !important;
    }


    .title-wrapper:has(+ .basel-products-element)
    + .basel-products-element
    .product-labels {
        top: 9px !important;
        left: 9px !important;
    }


    .title-wrapper:has(+ .basel-products-element)
    + .basel-products-element
    .onsale {
        width: 40px !important;
        height: 40px !important;

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

        font-size: 8px !important;
    }

}




/* =========================================================
   FLOWER — HOW IT WORKS
   Premium Flower Shop Section
   ========================================================= */

.flower-how-it-works {
    position: relative;

    width: 100%;
    padding: 100px 40px 95px;

    background:
        linear-gradient(
            180deg,
            #fffafb 0%,
            #fdf2f5 100%
        );

    box-sizing: border-box;

    overflow: hidden;
}


/* =========================================================
   HEADER
   ========================================================= */

.flower-how-header {
    max-width: 720px;

    margin: 0 auto 65px;

    text-align: center;
}


.flower-how-eyebrow {
    display: inline-block;

    margin-bottom: 18px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 10px;

    font-weight: 700;

    line-height: 1;

    letter-spacing: 3.5px;

    color: #9b5368;
}


.flower-how-header h2 {
    margin: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(42px, 5vw, 68px);

    line-height: 1.03;

    font-weight: 400;

    letter-spacing: -2.5px;

    color: #713a4b;
}


.flower-how-header p {
    max-width: 500px;

    margin: 22px auto 0;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 14px;

    line-height: 1.75;

    color: #76545e;
}


/* =========================================================
   STEPS
   ========================================================= */

.flower-steps {
    position: relative;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    max-width: 1380px;

    margin: 0 auto;

    gap: 28px;
}


/* =========================================================
   CONNECTING LINE
   ========================================================= */

.flower-steps::before {
    content: "";

    position: absolute;

    top: 28px;

    left: 16%;

    right: 16%;

    height: 1px;

    background:
        rgba(113, 58, 75, .16);

    z-index: 0;
}


/* =========================================================
   STEP
   ========================================================= */

.flower-step {
    position: relative;

    z-index: 1;

    text-align: center;
}


/* =========================================================
   NUMBER
   ========================================================= */

.flower-step-number {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 56px;

    height: 56px;

    margin: 0 auto 25px;

    border:
        1px solid rgba(113, 58, 75, .22);

    border-radius: 50%;

    background: #fffafb;

    box-sizing: border-box;
}


.flower-step-number span {
    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1px;

    color: #713a4b;
}


/* =========================================================
   IMAGE
   ========================================================= */

.flower-step-image {
    position: relative;

    width: 100%;

    aspect-ratio: 1 / 1.05;

    overflow: hidden;

    background: #f5e8ec;
}


.flower-step-image::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 55%,
            rgba(61, 41, 48, .08) 100%
        );

    pointer-events: none;
}


.flower-step-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transform: scale(1);

    transition:
        transform .8s cubic-bezier(.2,.7,.2,1);
}


.flower-step:hover
.flower-step-image img {
    transform: scale(1.06);
}


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

.flower-step-content {
    padding: 28px 25px 0;
}


.flower-step-label {
    display: block;

    margin-bottom: 11px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 8px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 2px;

    color: #b06a7e;
}


.flower-step-content h3 {
    margin: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 27px;

    line-height: 1.15;

    font-weight: 400;

    letter-spacing: -.5px;

    color: #3d2930;
}


.flower-step-content p {
    max-width: 350px;

    margin: 14px auto 0;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13px;

    line-height: 1.75;

    color: #76545e;
}


/* =========================================================
   SMALL STEP LINK
   ========================================================= */

.flower-step-link {
    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-top: 21px;

    padding-bottom: 6px;

    border-bottom:
        1px solid rgba(113, 58, 75, .35);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 9px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 1.5px;

    text-decoration: none;

    color: #713a4b;

    transition:
        gap .25s ease,
        border-color .25s ease;
}


.flower-step-link span {
    font-size: 14px;

    line-height: 8px;
}


.flower-step-link:hover {
    gap: 14px;

    border-color: #713a4b;

    color: #713a4b;
}


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

.flower-how-footer {
    display: flex;

    align-items: center;

    gap: 35px;

    max-width: 1100px;

    margin: 70px auto 0;
}


.flower-how-line {
    flex: 1;

    height: 1px;

    background:
        rgba(113, 58, 75, .14);
}


.flower-main-button {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 18px;

    min-width: 205px;

    padding: 17px 25px;

    background: #713a4b;

    color: #fff;

    text-decoration: none;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 9px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 1.7px;

    transition:
        background .3s ease,
        transform .3s ease;
}


.flower-button-arrow {
    font-size: 16px;

    line-height: 8px;

    transition:
        transform .3s ease;
}


.flower-main-button:hover {
    background: #5e303f;

    transform: translateY(-2px);

    color: #fff;
}


.flower-main-button:hover
.flower-button-arrow {
    transform: translateX(5px);
}


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

@media (max-width: 1000px) {

    .flower-how-it-works {
        padding: 80px 25px;
    }


    .flower-steps {
        gap: 18px;
    }


    .flower-step-content {
        padding:
            25px 12px 0;
    }


    .flower-step-content h3 {
        font-size: 23px;
    }


    .flower-step-content p {
        font-size: 12px;
    }

}


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

@media (max-width: 700px) {

    .flower-how-it-works {
        padding:
            65px 18px 70px;
    }


    .flower-how-header {
        margin-bottom: 45px;
    }


    .flower-how-header h2 {
        font-size: 42px;

        letter-spacing: -1.5px;
    }


    .flower-how-header p {
        font-size: 12px;

        max-width: 330px;
    }


    .flower-steps {
        display: grid;

        grid-template-columns: 1fr;

        gap: 55px;
    }


    /* Remove desktop connecting line */

    .flower-steps::before {
        display: none;
    }


    .flower-step-number {
        width: 48px;
        height: 48px;

        margin-bottom: 18px;
    }


    .flower-step-image {
        aspect-ratio: 1 / .9;
    }


    .flower-step-content {
        padding:
            22px 12px 0;
    }


    .flower-step-content h3 {
        font-size: 27px;
    }


    .flower-step-content p {
        max-width: 330px;

        font-size: 12px;
    }


    .flower-how-footer {
        gap: 15px;

        margin-top: 55px;
    }


    .flower-how-line {
        display: none;
    }


    .flower-main-button {
        width: 100%;

        min-width: 0;

        padding: 17px 20px;
    }

}


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

@media (max-width: 400px) {

    .flower-how-header h2 {
        font-size: 37px;
    }


    .flower-step-content h3 {
        font-size: 25px;
    }

}

/* =========================================================
   FLOWER CONTACT SECTION
   Premium / Editorial Design
   ========================================================= */

.flower-contact {
    position: relative;

    width: 100%;

  

   

    box-sizing: border-box;

    overflow: hidden;
}


/* Decorative background */

.flower-contact::before {
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    top: -220px;
    right: -120px;

    border-radius: 50%;

    background: rgba(214, 111, 139, .07);

    pointer-events: none;
}


.flower-contact::after {
    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    bottom: -180px;
    left: -120px;

    border-radius: 50%;

    background: rgba(113, 58, 75, .035);

    pointer-events: none;
}


/* =========================================================
   MAIN CONTAINER
   ========================================================= */

.flower-contact-inner {

    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(0, .95fr);

    gap: 100px;

    max-width: 1250px;

    margin: 0 auto;
}


/* =========================================================
   LEFT SIDE
   ========================================================= */

.flower-contact-form {
    padding-right: 25px;
}


.flower-contact-eyebrow {

    display: block;

    margin-bottom: 18px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 9px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 3px;

    color: #9b5368;
}


.flower-contact-form h2 {

    margin: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(46px, 5vw, 70px);

    line-height: .98;

    font-weight: 400;

    letter-spacing: -3px;

    color: #713a4b;
}


.flower-contact-form h2 em {

    font-style: italic;

    color: #b9677d;
}


.flower-contact-intro {

    max-width: 520px;

    margin: 28px 0 45px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 14px;

    line-height: 1.8;

    color: #76545e;
}


/* =========================================================
   FORM
   ========================================================= */

.flower-form {
    width: 100%;
}


.flower-form-row {

    display: grid;

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

    gap: 25px;
}


.flower-field {

    margin-bottom: 25px;
}


.flower-field label {

    display: block;

    margin-bottom: 9px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 9px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 1.8px;

    color: #713a4b;
}


.flower-field input,
.flower-field textarea {

    display: block;

    width: 100%;

    border: 1px solid
        rgba(113, 58, 75, .18);

    border-radius: 0;

    background: rgba(255,255,255,.55);

    box-sizing: border-box;

    outline: none;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13px;

    color: #3d2930;

    transition:
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}


.flower-field input {

    height: 52px;

    padding: 0 15px;
}


.flower-field textarea {

    min-height: 145px;

    padding: 15px;

    resize: vertical;
}


.flower-field input::placeholder,
.flower-field textarea::placeholder {

    color: #b39ca3;
}


.flower-field input:focus,
.flower-field textarea:focus {

    border-color: #b9677d;

    background: #fff;

    box-shadow:
        0 5px 20px rgba(113,58,75,.06);
}


/* =========================================================
   SUBMIT BUTTON
   ========================================================= */

.flower-submit {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 18px;

    min-width: 190px;

    padding: 17px 23px;

    border: 0;

    border-radius: 0;

    background: #713a4b;

    color: #fff;

    cursor: pointer;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 9px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 1.8px;

    transition:
        transform .3s ease,
        background .3s ease;
}


.flower-submit-arrow {

    font-size: 17px;

    line-height: 8px;

    transition:
        transform .3s ease;
}


.flower-submit:hover {

    background: #5c303e;

    transform:
        translateY(-2px);
}


.flower-submit:hover
.flower-submit-arrow {

    transform:
        translateX(5px);
}


/* =========================================================
   FORM SUCCESS
   ========================================================= */

.flower-form-success {

    display: none;

    margin-top: 15px;

    padding: 12px 15px;

    background: rgba(113,58,75,.06);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12px;

    color: #713a4b;
}


/* =========================================================
   RIGHT SIDE
   ========================================================= */

.flower-contact-info {

    padding-top: 5px;
}


.flower-info-heading h3 {

    margin: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(38px, 4vw, 56px);

    line-height: 1;

    font-weight: 400;

    letter-spacing: -2px;

    color: #713a4b;
}


.flower-info-heading h3 em {

    font-style: italic;

    color: #b9677d;
}


/* =========================================================
   LOCATION CARD
   ========================================================= */

.flower-location-card {

    display: grid;

    grid-template-columns:
        45% 55%;

    min-height: 260px;

    margin-top: 42px;

    overflow: hidden;

    background: #fff;

    box-shadow:
        0 20px 55px rgba(113,58,75,.09);
}


/* =========================================================
   FLOWER ART
   ========================================================= */

.flower-location-art {

    position: relative;

    min-height: 260px;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            #ead4da,
            #f6e8eb
        );
}


.flower-art-circle {

    position: absolute;

    width: 170px;
    height: 170px;

    top: 45px;
    left: 50%;

    transform:
        translateX(-50%);

    border-radius: 50%;

    background:
        rgba(255,255,255,.55);
}


.flower-art-flower {

    position: absolute;

    top: 80px;
    left: 50%;

    transform:
        translateX(-50%);

    display: flex;

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

    width: 100px;
    height: 100px;

    border-radius: 50%;

    background: #d96b88;

    box-shadow:
        0 12px 30px rgba(113,58,75,.15);
}


.flower-art-flower span {

    font-size: 58px;

    line-height: 1;

    color: #fff5f7;
}


.flower-art-leaf {

    position: absolute;

    width: 70px;
    height: 35px;

    border-radius:
        100% 0 100% 0;

    background: #829879;

    opacity: .8;
}


.leaf-one {

    bottom: 38px;
    left: 25px;

    transform:
        rotate(-25deg);
}


.leaf-two {

    bottom: 60px;
    right: 20px;

    transform:
        rotate(45deg);
}


/* =========================================================
   LOCATION CONTENT
   ========================================================= */

.flower-location-content {

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 35px;
}


.flower-card-label {

    display: block;

    margin-bottom: 12px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 2px;

    color: #b9677d;
}


.flower-location-content h4 {

    margin: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 27px;

    line-height: 1.1;

    font-weight: 400;

    color: #3d2930;
}


.flower-location-content p {

    margin: 15px 0 20px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12px;

    line-height: 1.75;

    color: #76545e;
}


.flower-map-link {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    width: fit-content;

    padding-bottom: 5px;

    border-bottom:
        1px solid rgba(113,58,75,.35);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.5px;

    text-decoration: none;

    color: #713a4b;
}


.flower-map-link span {

    font-size: 13px;

    transition:
        transform .25s ease;
}


.flower-map-link:hover span {

    transform:
        translate(3px,-3px);
}


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

.flower-details {

    display: grid;

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

    gap: 0;

    margin-top: 35px;

    border-top:
        1px solid rgba(113,58,75,.12);
}


.flower-detail {

    display: flex;

    align-items: center;

    gap: 14px;

    min-height: 85px;

    padding: 15px 15px 15px 0;

    border-bottom:
        1px solid rgba(113,58,75,.12);

    text-decoration: none;

    color: inherit;

    box-sizing: border-box;
}


.flower-detail:nth-child(even) {

    padding-left: 15px;

    border-left:
        1px solid rgba(113,58,75,.12);
}


.flower-detail-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 40px;

    width: 40px;
    height: 40px;

    border:
        1px solid rgba(113,58,75,.16);

    border-radius: 50%;

    font-family:
        Georgia,
        serif;

    font-size: 15px;

    color: #9b5368;
}


.flower-detail span {

    display: block;

    margin-bottom: 6px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1.4px;

    color: #b06a7e;
}


.flower-detail strong {

    display: block;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 11px;

    line-height: 1.5;

    font-weight: 400;

    color: #4d3a40;
}


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

.flower-social {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 30px;
}


.flower-social > span {

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.8px;

    color: #9b5368;
}


.flower-social-links {

    display: flex;

    gap: 8px;
}


.flower-social-links a {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 31px;
    height: 31px;

    border:
        1px solid rgba(113,58,75,.18);

    border-radius: 50%;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 7px;

    font-weight: 700;

    text-decoration: none;

    color: #713a4b;

    transition:
        background .25s ease,
        color .25s ease;
}


.flower-social-links a:hover {

    background: #713a4b;

    color: #fff;
}


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

@media (max-width: 1000px) {

    .flower-contact {

        padding:
            80px 25px;
    }


    .flower-contact-inner {

        grid-template-columns:
            1fr;

        gap: 75px;

        max-width: 700px;
    }


    .flower-contact-form {

        padding-right: 0;
    }

}


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

@media (max-width: 600px) {

    .flower-contact {

        padding:
            65px 18px 70px;
    }


    .flower-contact-form h2 {

        font-size: 46px;

        letter-spacing: -2px;
    }


    .flower-contact-intro {

        margin:
            22px 0 35px;

        font-size: 12px;
    }


    .flower-form-row {

        grid-template-columns: 1fr;

        gap: 0;
    }


    .flower-field {

        margin-bottom: 20px;
    }


    .flower-field input {

        height: 50px;
    }


    .flower-field textarea {

        min-height: 130px;
    }


    .flower-submit {

        width: 100%;
    }


    .flower-info-heading h3 {

        font-size: 40px;
    }


    .flower-location-card {

        grid-template-columns: 1fr;

        margin-top: 30px;
    }


    .flower-location-art {

        min-height: 190px;
    }


    .flower-art-circle {

        top: 10px;
    }


    .flower-art-flower {

        top: 45px;
    }


    .flower-location-content {

        padding: 28px;
    }


    .flower-details {

        grid-template-columns: 1fr;
    }


    .flower-detail,
    .flower-detail:nth-child(even) {

        padding:
            14px 0;

        border-left: 0;
    }


    .flower-social {

        margin-top: 25px;
    }

}


/* =========================================================
   FLOWER CONTACT SECTION
   ========================================================= */

.flower-contact {
    position: relative;
    width: 100%;
    padding: 110px 40px;
    background: linear-gradient(135deg, #fffafb 0%, #fdf1f4 100%);
    box-sizing: border-box;
    overflow: hidden;
}

.flower-contact::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    top: -220px;
    right: -120px;
    border-radius: 50%;
    background: rgba(214, 111, 139, .07);
    pointer-events: none;
}

.flower-contact::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    bottom: -180px;
    left: -120px;
    border-radius: 50%;
    background: rgba(113, 58, 75, .035);
    pointer-events: none;
}


/* =========================================================
   MAIN CONTAINER
   ========================================================= */

.flower-contact-inner {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);

    gap: 100px;

    max-width: 1250px;
    margin: 0 auto;
}


/* =========================================================
   LEFT / CONTACT
   ========================================================= */

.flower-contact-form {
    padding-right: 25px;
}

.flower-contact-eyebrow {
    display: block;
    margin-bottom: 18px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 3px;

    color: #9b5368;
}

.flower-contact-form h2 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(46px, 5vw, 70px);
    line-height: .98;
    font-weight: 400;
    letter-spacing: -3px;

    color: #713a4b;
}

.flower-contact-form h2 em {
    font-style: italic;
    color: #b9677d;
}

.flower-contact-intro {
    max-width: 520px;

    margin: 28px 0 45px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.8;

    color: #76545e;
}


/* =========================================================
   FORM
   ========================================================= */

.flower-form {
    width: 100%;
}

.flower-form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px;
}

.flower-field {
    margin-bottom: 25px;
}

.flower-field label {
    display: block;

    margin-bottom: 9px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1.8px;

    color: #713a4b;
}

.flower-field input,
.flower-field textarea {
    display: block;

    width: 100%;

    border: 1px solid rgba(113, 58, 75, .18);
    border-radius: 0;

    background: rgba(255, 255, 255, .55);

    box-sizing: border-box;
    outline: none;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;

    color: #3d2930;

    transition:
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}

.flower-field input {
    height: 52px;
    padding: 0 15px;
}

.flower-field textarea {
    min-height: 145px;
    padding: 15px;
    resize: vertical;
}

.flower-field input::placeholder,
.flower-field textarea::placeholder {
    color: #b39ca3;
}

.flower-field input:focus,
.flower-field textarea:focus {
    border-color: #b9677d;
    background: #fff;

    box-shadow:
        0 5px 20px rgba(113, 58, 75, .06);
}


/* =========================================================
   SUBMIT BUTTON
   ========================================================= */

.flower-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 18px;

    min-width: 190px;

    padding: 17px 23px;

    border: 0;
    border-radius: 0;

    background: #713a4b;
    color: #fff;

    cursor: pointer;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1.8px;

    transition:
        transform .3s ease,
        background .3s ease;
}

.flower-submit-arrow {
    font-size: 17px;
    line-height: 8px;

    transition:
        transform .3s ease;
}

.flower-submit:hover {
    background: #5c303e;
    transform: translateY(-2px);
}

.flower-submit:hover .flower-submit-arrow {
    transform: translateX(5px);
}


/* =========================================================
   SUCCESS MESSAGE
   ========================================================= */

.flower-form-success {
    display: none;

    margin-top: 15px;
    padding: 12px 15px;

    background: rgba(113, 58, 75, .06);

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;

    color: #713a4b;
}


/* =========================================================
   RIGHT SIDE
   ========================================================= */

.flower-contact-info {
    padding-top: 5px;
}

.flower-info-heading h3 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(38px, 4vw, 56px);
    line-height: 1;
    font-weight: 400;
    letter-spacing: -2px;

    color: #713a4b;
}

.flower-info-heading h3 em {
    font-style: italic;
    color: #b9677d;
}


/* =========================================================
   LOCATION CARD
   ========================================================= */

.flower-location-card {
    display: grid;
    grid-template-columns: 45% 55%;

    min-height: 260px;

    margin-top: 42px;

    overflow: hidden;

    background: #fff;

    box-shadow:
        0 20px 55px rgba(113, 58, 75, .09);

    transition:
        transform .4s ease,
        box-shadow .4s ease;
}


/* =========================================================
   FLOWER ART
   ========================================================= */

.flower-location-art {
    position: relative;

    min-height: 260px;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            #ead4da,
            #f6e8eb
        );
}

.flower-art-circle {
    position: absolute;

    width: 170px;
    height: 170px;

    top: 45px;
    left: 50%;

    transform: translateX(-50%);

    border-radius: 50%;

    background: rgba(255, 255, 255, .55);
}

.flower-art-flower {
    position: absolute;

    top: 80px;
    left: 50%;

    transform: translateX(-50%);

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

    width: 100px;
    height: 100px;

    border-radius: 50%;

    background: #d96b88;

    box-shadow:
        0 12px 30px rgba(113, 58, 75, .15);
}

.flower-art-flower span {
    font-size: 58px;
    line-height: 1;
    color: #fff5f7;
}

.flower-art-leaf {
    position: absolute;

    width: 70px;
    height: 35px;

    border-radius: 100% 0 100% 0;

    background: #829879;

    opacity: .8;
}

.leaf-one {
    bottom: 38px;
    left: 25px;
    transform: rotate(-25deg);
}

.leaf-two {
    bottom: 60px;
    right: 20px;
    transform: rotate(45deg);
}


/* =========================================================
   LOCATION CONTENT
   ========================================================= */

.flower-location-content {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 35px;
}

.flower-card-label {
    display: block;

    margin-bottom: 12px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 2px;

    color: #b9677d;
}

.flower-location-content h4 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 27px;
    line-height: 1.1;
    font-weight: 400;

    color: #3d2930;
}

.flower-location-content p {
    margin: 15px 0 20px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.75;

    color: #76545e;
}

.flower-map-link {
    display: inline-flex;
    align-items: center;

    gap: 10px;

    width: fit-content;

    padding-bottom: 5px;

    border-bottom:
        1px solid rgba(113, 58, 75, .35);

    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 1.5px;

    text-decoration: none;

    color: #713a4b;
}

.flower-map-link span {
    font-size: 13px;

    transition:
        transform .25s ease;
}

.flower-map-link:hover span {
    transform: translate(3px, -3px);
}


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

.flower-details {
    display: grid;

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

    margin-top: 35px;

    border-top:
        1px solid rgba(113, 58, 75, .12);
}

.flower-detail {
    display: flex;
    align-items: center;

    gap: 14px;

    min-height: 85px;

    padding: 15px 15px 15px 0;

    border-bottom:
        1px solid rgba(113, 58, 75, .12);

    text-decoration: none;

    color: inherit;

    box-sizing: border-box;
}

.flower-detail:nth-child(even) {
    padding-left: 15px;

    border-left:
        1px solid rgba(113, 58, 75, .12);
}

.flower-detail-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 40px;

    width: 40px;
    height: 40px;

    border:
        1px solid rgba(113, 58, 75, .16);

    border-radius: 50%;

    font-family: Georgia, serif;
    font-size: 15px;

    color: #9b5368;
}

.flower-detail span {
    display: block;

    margin-bottom: 6px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: 1.4px;

    color: #b06a7e;
}

.flower-detail strong {
    display: block;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.5;
    font-weight: 400;

    color: #4d3a40;
}


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

.flower-social {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-top: 30px;
}

.flower-social > span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 1.8px;

    color: #9b5368;
}

.flower-social-links {
    display: flex;
    gap: 8px;
}

.flower-social-links a {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 31px;
    height: 31px;

    border:
        1px solid rgba(113, 58, 75, .18);

    border-radius: 50%;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 7px;
    font-weight: 700;

    text-decoration: none;

    color: #713a4b;

    transition:
        background .25s ease,
        color .25s ease;
}

.flower-social-links a:hover {
    background: #713a4b;
    color: #fff;
}


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

@media (max-width: 1000px) {

    .flower-contact {
        padding: 80px 25px;
    }

    .flower-contact-inner {
        grid-template-columns: 1fr;
        gap: 75px;
        max-width: 700px;
    }

    .flower-contact-form {
        padding-right: 0;
    }

}


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

@media (max-width: 600px) {

    .flower-contact {
        padding: 65px 18px 70px;
    }

    .flower-contact-form h2 {
        font-size: 46px;
        letter-spacing: -2px;
    }

    .flower-contact-intro {
        margin: 22px 0 35px;
        font-size: 12px;
    }

    .flower-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .flower-field {
        margin-bottom: 20px;
    }

    .flower-field input {
        height: 50px;
    }

    .flower-field textarea {
        min-height: 130px;
    }

    .flower-submit {
        width: 100%;
    }

    .flower-info-heading h3 {
        font-size: 40px;
    }

    .flower-location-card {
        grid-template-columns: 1fr;
        margin-top: 30px;
    }

    .flower-location-art {
        min-height: 190px;
    }

    .flower-art-circle {
        top: 10px;
    }

    .flower-art-flower {
        top: 45px;
    }

    .flower-location-content {
        padding: 28px;
    }

    .flower-details {
        grid-template-columns: 1fr;
    }

    .flower-detail,
    .flower-detail:nth-child(even) {
        padding: 14px 0;
        border-left: 0;
    }

    .flower-social {
        margin-top: 25px;
    }

}


	    
/* PETAL VAULT — ADD TO CART FIX */

/* PETAL VAULT — ADD TO CART BUTTON */

.woo-variation-items-wrapper .wvs_archive_reset_variations {
	display:none !important; 
}

.related-and-upsells { 
	    padding-bottom: 40px !important; 
} 

.product-grid-item .btn-add a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;

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

    background: #713a4b !important;
    color: #FFFFFF !important;
    border: 1px solid #713a4b !important;
    border-radius: 3px !important;

    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1.8px !important;
    line-height: 1.4 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-decoration: none !important;

    box-shadow: none !important;
    transition: background .25s ease,
                border-color .25s ease,
                box-shadow .25s ease !important;
}

/* Hide duplicate tooltip label */
.product-grid-item .btn-add a .basel-tooltip-label {
    display: none !important;
}

/* Cart icon alignment */
.product-grid-item .btn-add a::before {
    position: static !important;
    display: inline-block !important;
    margin: 0 !important;
    transform: none !important;
    font-size: 17px !important;
    line-height: 1 !important;
}

/* Hover state */
.product-grid-item .btn-add a:hover {
    background: #5a2e3c !important;
    border-color: #5a2e3c !important;
    color: #FFFFFF !important;
    box-shadow: 0 5px 14px rgba(113, 58, 75, .18) !important;
}


.product-grid-item .swap-elements .btn-add a {
	width:100%; 
}

.woocommerce-pagination {
	margin:30px 0; 
}

.products .btn-add a.button {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;

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

    background: #713a4b !important;
    color: #FFFFFF !important;
    border: 1px solid #713a4b !important;
    border-radius: 3px !important;

    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1.8px !important;
    line-height: 1.4 !important;
    text-align: center !important;
    text-transform: uppercase !important;

    overflow: hidden !important;
}

/* Hide duplicate tooltip text */
.products .btn-add a.button .basel-tooltip-label {
    display: none !important;
}

/* Fix cart icon position */
.products .product-grid-item .btn-add a.button::before {
    position: static !important;
    display: inline-block !important;
    margin: 0 !important;
    transform: none !important;
    font-size: 17px !important;
    line-height: 1 !important;
	margin-right:10px !important; 
}

/* Hover state */
.products .product-grid-item .btn-add a.button:hover {
    background: #5a2e3c !important;
    border-color: #5a2e3c !important;
    color: #FFFFFF !important;
}


/* PETAL VAULT — PREMIUM PRODUCT CARDS */

/* Product card */
.products .product-grid-item {
    padding: 10px 10px 20px;
    margin-bottom: 30px;
    background: #FFFCF9;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: border-color .3s ease,
                box-shadow .3s ease,
                transform .3s ease;
}

.products .product-grid-item:hover {
    border-color: #EADFD9;
    box-shadow: 0 12px 30px rgba(70, 39, 46, .08);
    transform: translateY(-3px);
}

/* Product image */
.products .product-grid-item .product-element-top {
    overflow: hidden;
    margin-bottom: 0;
    background: #F7EFEC;
    border-radius: 2px;
}

.products .product-grid-item .product-element-top img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    transition: transform .6s ease;
}

.products .product-grid-item:hover .product-element-top img {
    transform: scale(1.025);
}

/* Product title */
.products .product-grid-item .product-title {
    margin: 0;
    padding: 18px 8px 7px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 1.25;
}

.products .product-grid-item .product-title a {
    color: #38272C;
    text-decoration: none;
    transition: color .25s ease;
}

.products .product-grid-item .product-title a:hover {
    color: #713a4b;
}

/* Product price */
.products .product-grid-item .wrap-price {
    padding: 0 8px;
    margin-top: 3px;
}

.products .product-grid-item .price {
    display: block;
    margin: 0 0 18px;
    color: #713a4b;
    font-size: 19px;
    font-weight: 600;
    letter-spacing: .2px;
}

/* Full-width add-to-cart button */
.products .product-grid-item .wrap-price .wrapp-swap,
.products .product-grid-item .wrap-price .swap-elements,
.products .product-grid-item .wrap-price .btn-add {
    width: 100%;
}

.products .product-grid-item .btn-add .button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 49px;
    padding: 13px 16px;

    background: #713a4b;
    color: #FFFFFF !important;
    border: 1px solid #713a4b;
    border-radius: 2px;

    font-family: inherit;
    font-size: 12px !important;
    font-weight: 600;
    letter-spacing: 1.8px;
    line-height: 1.4;
    text-align: center;
    text-transform: uppercase;

    transition: background .25s ease,
                border-color .25s ease,
                box-shadow .25s ease;
}

/* Button hover */
.products .product-grid-item .btn-add .button:hover {
    background: #5a2e3c;
    border-color: #5a2e3c;
    color: #FFFFFF;
    box-shadow: 0 5px 14px rgba(113, 58, 75, .18);
}

/* Keyboard focus */
.products .product-grid-item .btn-add .button:focus-visible {
    outline: 2px solid #9b5368;
    outline-offset: 3px;
}

/* Remove extra button spacing */
.products .product-grid-item .btn-add {
    margin: 0;
}



/* PETAL VAULT — SHOP PAGE TITLE BACKGROUND */

.page-title.title-shop {
    background-image:
        linear-gradient(
            rgba(25, 20, 18, 0.35),
            rgba(25, 20, 18, 0.35)
        ),
        url("https://thepetalvault.com/wp-content/uploads/2026/10/Petal-Vault-Luxury-Floral-Showcase-1-1.png");

    background-size: cover;
    background-position: center 55%;
    background-repeat: no-repeat;

    min-height: 320px;
    padding: 80px 0;

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

/* Keep the Shop heading centered */
.page-title.title-shop .container,
.page-title.title-shop .nav-shop {
    width: 100%;
    text-align: center;
}

/* Heading styling */
.page-title.title-shop .entry-title {
    color: #ffffff;
    font-size: 48px;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
}


/* PETAL VAULT — DESKTOP NAVIGATION DROPDOWN */

#menu-main-navigation {
    --pv-burgundy: #713a4b;
    --pv-gold: #9b5368;
    --pv-ivory: #FFFCF8;
    --pv-text: #383331;
    --pv-border: #EAE1D7;
}

.sub-menu-dropdown {
	width:auto !important; 
}

/* Dropdown panel */
#menu-main-navigation ul.sub-menu {
    min-width: 360px;
    width: 360px;
    margin-top: 12px;
    padding: 12px 0;

    background: var(--pv-ivory);
    border: 1px solid var(--pv-border);
    border-top: 2px solid var(--pv-gold);
    border-radius: 0 0 3px 3px;

    box-shadow: 0 14px 35px rgba(35, 25, 22, 0.10);

    z-index: 9999;
}

/* Dropdown list items */
#menu-main-navigation ul.sub-menu li {
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Dropdown links */
#menu-main-navigation ul.sub-menu li > a {
    position: relative;
    display: block;
    padding: 16px 30px;

    color: var(--pv-text);
    background: transparent;
 
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    text-decoration: none;

    transition: color 0.25s ease,
                background-color 0.25s ease,
                padding-left 0.25s ease;
}

/* Fine gold separators */
#menu-main-navigation ul.sub-menu li:not(:last-child) > a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 30px;
    right: 30px;
    height: 1px;
    background: rgba(155, 83, 104, 0.18);
}

/* Hover and active states */
#menu-main-navigation ul.sub-menu li > a:hover,
#menu-main-navigation ul.sub-menu li.current-menu-item > a,
#menu-main-navigation ul.sub-menu li.current-menu-ancestor > a {
    color: var(--pv-burgundy);
    background: #F5EEE7;
    padding-left: 36px;
}

/* Gold hover indicator */
#menu-main-navigation ul.sub-menu li > a::before {
    content: "";
    position: absolute;
    left: 17px;
    top: 50%;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--pv-gold);

    opacity: 0;
    transform: translateY(-50%) scale(0.6);
    transition: opacity 0.25s ease,
                transform 0.25s ease;
}

#menu-main-navigation ul.sub-menu li > a:hover::before,
#menu-main-navigation ul.sub-menu li.current-menu-item > a::before,
#menu-main-navigation ul.sub-menu li.current-menu-ancestor > a::before {
    opacity: 1;
    transform: translateY(-50%) scale(1);
}

/* Main navigation hover */
#menu-main-navigation > li > a {
    transition: color 0.25s ease;
}

#menu-main-navigation > li:hover > a,
#menu-main-navigation > li.current-menu-item > a,
#menu-main-navigation > li.current-menu-ancestor > a {
    color: var(--pv-burgundy);
}

/* Dropdown entrance animation */
#menu-main-navigation li.menu-item-has-children {
    position: relative;
}

#menu-main-navigation li.menu-item-has-children > ul.sub-menu {
    transform: translateY(8px);
    transition: opacity 0.25s ease,
                transform 0.25s ease;
}

#menu-main-navigation li.menu-item-has-children:hover > ul.sub-menu {
    transform: translateY(0);
}

/* Keyboard focus */
#menu-main-navigation ul.sub-menu li > a:focus-visible {
    outline: 2px solid var(--pv-gold);
    outline-offset: -3px;
}



#menu-main-navigation li a {
	font-weight:bold; 
}





#slider-div .vc_column-inner {
	padding-top:0 !important; 
}

.flower-how-it-works {
	padding-top:0 !important;
	background:none !important; 
}

.flower-main-button, .flower-detail strong, .flower-detail span, .flower-submit {
    font-size: inherit !important; 
}

.min-footer {
	border-top:0 !important; 
}

.footer-container {
	    margin-top: -40px; float:left; width:100%; 
}

.single-product-content .entry-summary .wishlist-btn-wrapper a, .single-product-content .entry-summary .compare-btn-wrapper a { 
	display:none !important; 
}

.petal-collections-header p, .title-wrapper:has(+ .basel-products-element) .flower-best-sellers-subtitle, .flower-how-header p, .flower-step-content p, .flower-contact-intro, .flower-location-content p, .flower-details {
	font-size:15px !important; 
}

.main-page-wrapper {
	    background: linear-gradient(180deg, #fffafa 0%, #fdf4f6 100%);
    --petal-dark: #713a4b;
    --petal-primary: #9b5368;
    --petal-soft: #f6e4e8;
    --petal-light: #fdf4f6;
    --petal-text: #3b242a;
}

.main-nav .menu>li>a, .shopping-cart {
	font-size:15px !important; font-weight:bold !important; 
}

.petal-collections {
	padding-top:0 !important; 
	padding-bottom:30px !important; 
}

#home-cat .basel-products-element {
	background:none !important; 
}

#home-cat .basel-products-element {
	    margin-top: 30px !important;  
	padding-bottom:30px !important; 
}

#home-cat {


    background: linear-gradient(180deg, #fffafa 0%, #fdf4f6 100%);

        --petal-dark: #713a4b;
    --petal-primary: #9b5368;
    --petal-soft: #f6e4e8;
    --petal-light: #fdf4f6;
    --petal-text: #3b242a; 
}

#slider-div {
	margin-bottom:0 !important; 
}

.title-wrapper:has(+ .basel-products-element) {
	padding:0 !important; 
	background:none !important; 
}

.page-title.page-title-default.title-size-small.title-design-centered.color-scheme-light {
    padding:80px 0; 
} 

#three-section-div {
	margin-bottom:0 !important; 
}

.page-title.page-title-default.title-size-small.title-design-centered.color-scheme-light h1{
	
    font-family: Georgia, "Times New Roman", serif; 
}

.flower-how-it-works {
	padding:20px 0 !important; 
}


 .page-id-31796 .vc_column-inner,
.page-id-31808 .vc_column-inner,
.page-id-31811 .vc_column-inner,
.page-id-31973 .vc_column-inner,
.page-id-31977 .vc_column-inner,
.page-id-31987 .vc_column-inner,
.page-id-31985 .vc_column-inner,
.page-id-31983 .vc_column-inner,
.page-id-31980 .vc_column-inner,
.page-id-31796 .site-content,
.page-id-31808 .site-content,
.page-id-31811 .site-content,
.page-id-31973 .site-content,
.page-id-31977 .site-content,
.page-id-31987 .site-content,
.page-id-31985 .site-content,
.page-id-31983 .site-content,
.page-id-31980 .site-content {
    padding: 0 !important;
    margin-bottom: 0 !important;
}


/* =========================================================
   PETAL VAULT — PRODUCT TYPOGRAPHY & COLORS ONLY
   Does NOT change layout / spacing / structure
   ========================================================= */


/* -------------------------------
   PRODUCT PAGE BASE
-------------------------------- */

.single-product-content {
    color: #3b242a;
}


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

.single-product-content .entry-summary .product_title,
.single-product-content .entry-summary h1 {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 46px !important;
    font-weight: 400 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.025em !important;
    color: #3b242a !important;
}


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

.single-product-content .entry-summary .price,
.single-product-content .entry-summary .price *,
.single-product-content .entry-summary .amount {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 25px !important;
    font-weight: 600 !important;
    color: #713a4b !important;
}


/* -------------------------------
   SHORT DESCRIPTION
-------------------------------- */

.single-product-content
.entry-summary
.woocommerce-product-details__short-description,

.single-product-content
.entry-summary
.woocommerce-product-details__short-description p {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
    color: #6f5c5f !important;
}


/* -------------------------------
   PRODUCT LABELS
-------------------------------- */

.single-product-content
.entry-summary
.variations
label,

.single-product-content
.entry-summary
.variations th.label label {

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    color: #713a4b !important;
}


/* -------------------------------
   VARIATION SELECT
-------------------------------- */

.single-product-content
.entry-summary
.variations select {

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #3b242a !important;
}


/* -------------------------------
   QUANTITY
-------------------------------- */

.single-product-content
.entry-summary
.quantity input.qty {

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #3b242a !important;
}


/* -------------------------------
   ADD TO CART
-------------------------------- */

.single-product-content
.entry-summary
.single_add_to_cart_button {

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}


/* -------------------------------
   PRODUCT META
-------------------------------- */

.single-product-content
.entry-summary
.product_meta,

.single-product-content
.entry-summary
.product_meta span,

.single-product-content
.entry-summary
.product_meta a {

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 1.8 !important;
    color: #806f68 !important;
}


.single-product-content
.entry-summary
.product_meta a:hover {

    color: #9b5368 !important;
}


/* -------------------------------
   CATEGORY / TAGS
-------------------------------- */

.single-product-content
.entry-summary
.product_meta .posted_in a,

.single-product-content
.entry-summary
.product_meta .tagged_as a {

    color: #713a4b !important;
    font-weight: 600 !important;
}


/* -------------------------------
   DESCRIPTION TABS
-------------------------------- */

.single-product-content
.woocommerce-tabs
ul.tabs
li a {

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
    color: #806f68 !important;
}


.single-product-content
.woocommerce-tabs
ul.tabs
li.active a {

    color: #713a4b !important;
}


/* -------------------------------
   DESCRIPTION HEADING
-------------------------------- */

.single-product-content
.woocommerce-tabs
.woocommerce-Tabs-panel h2 {

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 34px !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    letter-spacing: -.02em !important;
    color: #3b242a !important;
}


/* -------------------------------
   DESCRIPTION TEXT
-------------------------------- */

.single-product-content
.woocommerce-tabs
.woocommerce-Tabs-panel,

.single-product-content
.woocommerce-tabs
.woocommerce-Tabs-panel p {

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.85 !important;
    color: #6f5c5f !important;
}


/* -------------------------------
   RELATED PRODUCTS HEADING
-------------------------------- */

.single-product-content
.related
.products
.title-wrapper h2,

.single-product-content
.related
.products
> h2 {

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 36px !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    letter-spacing: -.02em !important;
    color: #3b242a !important;
}


/* -------------------------------
   RELATED PRODUCT TITLES
-------------------------------- */

.single-product-content
.related
.products
.woocommerce-loop-product__title {

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    color: #3b242a !important;
}


/* -------------------------------
   RELATED PRODUCT PRICE
-------------------------------- */

.single-product-content
.related
.products
.price,

.single-product-content
.related
.products
.price * {

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #713a4b !important;
}


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

.single-product-content
.onsale {

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}


/* -------------------------------
   BREADCRUMBS
-------------------------------- */

.single-product-content
.woocommerce-breadcrumb {

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
    color: #806f68 !important;
}


.single-product-content
.woocommerce-breadcrumb a {

    color: #713a4b !important;
}


/* -------------------------------
   RESET VARIATIONS
-------------------------------- */

.single-product-content
.reset_variations {

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    color: #9b5368 !important;
}


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

@media (max-width: 767px) {

    .single-product-content
    .entry-summary
    .product_title,
    .single-product-content
    .entry-summary
    h1 {

        font-size: 38px !important;
        line-height: 1.05 !important;
    }


    .single-product-content
    .entry-summary
    .price,
    .single-product-content
    .entry-summary
    .amount {

        font-size: 22px !important;
    }


    .single-product-content
    .entry-summary
    .woocommerce-product-details__short-description,
    .single-product-content
    .entry-summary
    .woocommerce-product-details__short-description p {

        font-size: 14px !important;
        line-height: 1.75 !important;
    }


    .single-product-content
    .woocommerce-tabs
    .woocommerce-Tabs-panel h2 {

        font-size: 29px !important;
    }


    .single-product-content
    .related
    .products
    > h2 {

        font-size: 30px !important;
    }


    .single-product-content
    .related
    .products
    .woocommerce-loop-product__title {

        font-size: 16px !important;
    }
}

/* =========================================================
   PETAL VAULT — SHOP PAGE
   TYPOGRAPHY + COLORS + SUBTLE POLISH
   Does NOT change the existing shop layout
   ========================================================= */


/* ---------------------------------------------------------
   SHOP PAGE BRAND COLORS
--------------------------------------------------------- */

.post-type-archive-product,
.post-type-archive-product .main-page-wrapper {

    --petal-dark: #3b242a;
    --petal-primary: #713a4b;
    --petal-pink: #9b5368;
    --petal-muted: #806f68;
    --petal-soft: #f6e4e8;
    --petal-border: rgba(113, 58, 75, .12);
}


/* ---------------------------------------------------------
   SHOP PAGE BACKGROUND
--------------------------------------------------------- */

.post-type-archive-product .main-page-wrapper {

    background:
        linear-gradient(
            180deg,
            #fffafa 0%,
            #fdf4f6 100%
        ) !important;
}


/* ---------------------------------------------------------
   BREADCRUMB
--------------------------------------------------------- */

.post-type-archive-product
.woocommerce-breadcrumb {

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 10px !important;

    font-weight: 500 !important;

    letter-spacing: .11em !important;

    text-transform: uppercase;

    color: #806f68 !important;
}


.post-type-archive-product
.woocommerce-breadcrumb a {

    color: #713a4b !important;

    text-decoration: none;
}


.post-type-archive-product
.woocommerce-breadcrumb a:hover {

    color: #9b5368 !important;
}


/* ---------------------------------------------------------
   RESULT COUNT
--------------------------------------------------------- */

.post-type-archive-product
.woocommerce-result-count {

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 11px !important;

    font-weight: 500 !important;

    letter-spacing: .04em;

    color: #806f68 !important;
}


/* ---------------------------------------------------------
   SHOW SIDEBAR / FILTER BUTTON
--------------------------------------------------------- */

.post-type-archive-product
.basel-show-sidebar-btn,

.post-type-archive-product
.basel-filter-buttons a {

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    letter-spacing: .12em !important;

    text-transform: uppercase;

    color: #713a4b !important;
}


.post-type-archive-product
.basel-filter-buttons a:hover {

    color: #9b5368 !important;
}


/* ---------------------------------------------------------
   FILTER AREA
--------------------------------------------------------- */

.post-type-archive-product
.filters-area {

    color: #3b242a;
}


.post-type-archive-product
.filters-area
.widget-title {

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 18px !important;

    font-weight: 400 !important;

    letter-spacing: -.01em;

    color: #3b242a !important;
}


/* ---------------------------------------------------------
   FILTER LINKS
--------------------------------------------------------- */

.post-type-archive-product
.filters-area
a {

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 12px !important;

    font-weight: 500 !important;

    color: #806f68 !important;

    text-decoration: none;

    transition:
        color .2s ease;
}


.post-type-archive-product
.filters-area
a:hover {

    color: #713a4b !important;
}


/* Active filter */

.post-type-archive-product
.filters-area
a.active,

.post-type-archive-product
.filters-area
li.current a {

    color: #713a4b !important;

    font-weight: 700 !important;
}


/* ---------------------------------------------------------
   PRODUCT TITLES
--------------------------------------------------------- */

.post-type-archive-product
.products
.product-title,

.post-type-archive-product
.products
.product-title a {

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 19px !important;

    font-weight: 400 !important;

    line-height: 1.25 !important;

    letter-spacing: -.01em;

    color: #3b242a !important;
}


.post-type-archive-product
.products
.product-title a:hover {

    color: #713a4b !important;
}


/* ---------------------------------------------------------
   PRODUCT PRICES
--------------------------------------------------------- */

.post-type-archive-product
.products
.price,

.post-type-archive-product
.products
.price *,

.post-type-archive-product
.products
.woocommerce-Price-amount {

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    color: #713a4b !important;
}


/* ---------------------------------------------------------
   ADD TO CART
--------------------------------------------------------- */

.post-type-archive-product
.products
.btn-add
a {

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    letter-spacing: .13em !important;

    text-transform: uppercase;

    color: #713a4b !important;

    transition:
        color .25s ease;
}


.post-type-archive-product
.products
.btn-add
a:hover {

    color: #9b5368 !important;
}


/* ---------------------------------------------------------
   WISHLIST / COMPARE / QUICK VIEW
--------------------------------------------------------- */

.post-type-archive-product
.basel-buttons a {

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 10px !important;

    font-weight: 600 !important;

    letter-spacing: .08em !important;

    color: #713a4b !important;
}


.post-type-archive-product
.basel-buttons a:hover {

    color: #9b5368 !important;
}


/* ---------------------------------------------------------
   PRODUCT CARD IMAGE BACKGROUND
   Does NOT change image dimensions
--------------------------------------------------------- */

.post-type-archive-product
.product-element-top {

    background: #fffaf9;
}


/* ---------------------------------------------------------
   PRODUCT CARD TITLE AREA
--------------------------------------------------------- */

.post-type-archive-product
.product-grid-item {

    color: #3b242a;
}


/* ---------------------------------------------------------
   PAGINATION
--------------------------------------------------------- */

.post-type-archive-product
.woocommerce-pagination
.page-numbers {

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 11px !important;

    font-weight: 600 !important;

    color: #713a4b !important;
}


.post-type-archive-product
.woocommerce-pagination
.page-numbers a {

    color: #806f68 !important;

    transition:
        color .2s ease;
}


.post-type-archive-product
.woocommerce-pagination
.page-numbers a:hover {

    color: #713a4b !important;
}


.post-type-archive-product
.woocommerce-pagination
.page-numbers.current {

    color: #713a4b !important;

    font-weight: 700 !important;
}


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

@media (max-width: 767px) {

    .post-type-archive-product
    .products
    .product-title,

    .post-type-archive-product
    .products
    .product-title a {

        font-size: 16px !important;

        line-height: 1.25 !important;
    }


    .post-type-archive-product
    .products
    .price,

    .post-type-archive-product
    .products
    .price * {

        font-size: 13px !important;
    }


    .post-type-archive-product
    .woocommerce-result-count {

        font-size: 10px !important;
    }


    .post-type-archive-product
    .filters-area
    .widget-title {

        font-size: 17px !important;
    }
}


/* ==========================================================
   PETAL VAULT
   PRODUCT PURCHASE AREA + LUXURY TRUST PANEL
   ========================================================== */


/* ==========================================================
   PRODUCT PURCHASE AREA
   ========================================================== */

.single-product-content .entry-summary {
    color: #3b242a;
}


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

.single-product-content .entry-summary .product_title,
.single-product-content .entry-summary h1 {
    font-family: Georgia, "Times New Roman", serif !important;

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

    line-height: 1.08 !important;

    letter-spacing: -0.025em !important;

    color: #3b242a !important;
}


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

.single-product-content .entry-summary .price,
.single-product-content .entry-summary .price *,
.single-product-content .entry-summary .amount {
    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 25px !important;
    font-weight: 600 !important;

    line-height: 1.3 !important;

    color: #713a4b !important;
}


/* ----------------------------------------------------------
   SHORT DESCRIPTION
   ---------------------------------------------------------- */

.single-product-content
.entry-summary
.woocommerce-product-details__short-description,

.single-product-content
.entry-summary
.woocommerce-product-details__short-description p {
    font-family: Arial, Helvetica, sans-serif !important;

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

    line-height: 1.8 !important;

    color: #6f5c5f !important;
}


/* ==========================================================
   QUANTITY
   ========================================================== */

.single-product-content
.entry-summary
.quantity input.qty {
    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    color: #3b242a !important;
}


/* Quantity buttons */

.single-product-content
.entry-summary
.quantity .minus,

.single-product-content
.entry-summary
.quantity .plus {
    font-family: Arial, Helvetica, sans-serif !important;

    color: #713a4b !important;
}


/* ==========================================================
   BUY NOW + ADD TO CART
   ========================================================== */


/* Shared button typography */

.single-product-content
.entry-summary
.single_add_to_cart_button,

.single-product-content
.entry-summary
.single_buy_now_button {

    min-height: 48px;

    padding-left: 28px !important;
    padding-right: 28px !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    letter-spacing: .14em !important;

    text-transform: uppercase !important;

    border-radius: 0 !important;

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


/* ----------------------------------------------------------
   BUY NOW — PRIMARY CTA
   ---------------------------------------------------------- */

.single-product-content
.entry-summary
.single_buy_now_button {

    background: #713a4b !important;

    border: 1px solid #713a4b !important;

    color: #ffffff !important;
}


.single-product-content
.entry-summary
.single_buy_now_button:hover {

    background: #3b242a !important;

    border-color: #3b242a !important;

    color: #ffffff !important;

    transform: translateY(-1px);
}


/* ----------------------------------------------------------
   ADD TO CART — SECONDARY CTA
   ---------------------------------------------------------- */

.single-product-content
.entry-summary
.single_add_to_cart_button {

    background: transparent !important;

    border: 1px solid rgba(113, 58, 75, .40) !important;

    color: #713a4b !important;
}


.single-product-content
.entry-summary
.single_add_to_cart_button:hover {

    background: #f6e4e8 !important;

    border-color: #713a4b !important;

    color: #3b242a !important;
}


/* ==========================================================
   WISHLIST
   ========================================================== */

.single-product-content
.entry-summary
.wishlist-btn-wrapper a {

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 10px !important;
    font-weight: 600 !important;

    letter-spacing: .11em !important;

    text-transform: uppercase !important;

    color: #806f68 !important;

    transition: color .2s ease;
}


.single-product-content
.entry-summary
.wishlist-btn-wrapper a:hover {

    color: #713a4b !important;
}


/* ==========================================================
   LUXURY PURCHASE ASSURANCE
   ========================================================== */

.single-product-content .petal-purchase-assurance {

    position: relative;

    width: 100%;

    margin-top: 28px;

    padding: 22px 24px 20px;

    box-sizing: border-box;

    background: linear-gradient(
        135deg,
        #fffdfc 0%,
        #fcf3f5 100%
    );

    border: 1px solid rgba(113, 58, 75, 0.13);
}


/* ==========================================================
   ASSURANCE HEADING
   ========================================================== */

.single-product-content .petal-assurance-heading {

    position: relative;

    text-align: center;

    margin-bottom: 20px;
}


/* Line */

.single-product-content
.petal-assurance-heading:before {

    content: "";

    position: absolute;

    left: 0;
    right: 0;

    top: 50%;

    height: 1px;

    background: rgba(113, 58, 75, 0.12);
}


/* Heading text */

.single-product-content
.petal-assurance-heading span {

    position: relative;

    z-index: 2;

    display: inline-block;

    padding: 0 16px;

    background: #fffaf9;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    line-height: 1.4 !important;

    letter-spacing: .20em !important;

    text-transform: uppercase !important;

    color: #713a4b !important;
}


/* ==========================================================
   ASSURANCE GRID
   ========================================================== */

.single-product-content
.petal-assurance-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    width: 100%;
}


/* ==========================================================
   ASSURANCE ITEM
   ========================================================== */

.single-product-content
.petal-assurance-item {

    position: relative;

    min-width: 0;

    padding: 3px 22px;

    text-align: center;
}


/* Vertical separators */

.single-product-content
.petal-assurance-item:not(:last-child):after {

    content: "";

    position: absolute;

    top: 8px;
    bottom: 8px;

    right: 0;

    width: 1px;

    background: rgba(113, 58, 75, 0.13);
}


/* ==========================================================
   ASSURANCE ICON
   ========================================================== */

.single-product-content
.petal-assurance-icon {

    width: 38px;
    height: 38px;

    margin: 0 auto 10px;

    display: flex;

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

    box-sizing: border-box;

    border: 1px solid rgba(155, 83, 104, 0.30);

    border-radius: 50%;

    background: rgba(255, 255, 255, .70);

    color: #9b5368;
}


/* SVG */

.single-product-content
.petal-assurance-icon svg {

    width: 18px;
    height: 18px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.25;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* ==========================================================
   ASSURANCE TITLE
   ========================================================== */

.single-product-content
.petal-assurance-title {

    margin-bottom: 5px;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 11px !important;

    font-weight: 700 !important;

    line-height: 1.4 !important;

    letter-spacing: .12em !important;

    text-transform: uppercase !important;

    color: #713a4b !important;
}


/* ==========================================================
   ASSURANCE DESCRIPTION
   ========================================================== */

.single-product-content
.petal-assurance-text {

    max-width: 220px;

    margin: 0 auto;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 13px !important;

    font-weight: 400 !important;

    line-height: 1.55 !important;

    color: #806f68 !important;
}


/* ==========================================================
   PRODUCT META
   ========================================================== */

.single-product-content
.entry-summary
.product_meta,

.single-product-content
.entry-summary
.product_meta span,

.single-product-content
.entry-summary
.product_meta a {

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 10px !important;

    font-weight: 500 !important;

    line-height: 1.8 !important;

    color: #806f68 !important;
}


.single-product-content
.entry-summary
.product_meta a:hover {

    color: #9b5368 !important;
}


.single-product-content
.entry-summary
.product_meta
.posted_in a,

.single-product-content
.entry-summary
.product_meta
.tagged_as a {

    color: #713a4b !important;

    font-weight: 600 !important;
}


/* ==========================================================
   SHARE
   ========================================================== */

.single-product-content
.entry-summary
.share-with {

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    letter-spacing: .13em !important;

    text-transform: uppercase !important;

    color: #713a4b !important;
}


/* Social icons */

.single-product-content
.entry-summary
.social-icons a {

    color: #9b5368 !important;

    transition: color .2s ease;
}


.single-product-content
.entry-summary
.social-icons a:hover {

    color: #3b242a !important;
}


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

.single-product-content
.woocommerce-tabs
ul.tabs
li a {

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 11px !important;

    font-weight: 700 !important;

    letter-spacing: .13em !important;

    text-transform: uppercase !important;

    color: #806f68 !important;
}


.single-product-content
.woocommerce-tabs
ul.tabs
li.active a {

    color: #713a4b !important;
}


/* Tab heading */

.single-product-content
.woocommerce-tabs
.woocommerce-Tabs-panel
h2 {

    font-family: Georgia, "Times New Roman", serif !important;

    font-size: 34px !important;

    font-weight: 400 !important;

    line-height: 1.15 !important;

    letter-spacing: -.02em !important;

    color: #3b242a !important;
}


/* Tab body */

.single-product-content
.woocommerce-tabs
.woocommerce-Tabs-panel,

.single-product-content
.woocommerce-tabs
.woocommerce-Tabs-panel p {

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 15px !important;

    font-weight: 400 !important;

    line-height: 1.85 !important;

    color: #6f5c5f !important;
}


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

.single-product-content
.related
.products
.title-wrapper
h2,

.single-product-content
.related
.products > h2 {

    font-family: Georgia, "Times New Roman", serif !important;

    font-size: 36px !important;

    font-weight: 400 !important;

    line-height: 1.15 !important;

    letter-spacing: -.02em !important;

    color: #3b242a !important;
}


.single-product-content
.related
.products
.woocommerce-loop-product__title {

    font-family: Georgia, "Times New Roman", serif !important;

    font-size: 18px !important;

    font-weight: 400 !important;

    line-height: 1.25 !important;

    color: #3b242a !important;
}


.single-product-content
.related
.products
.price,

.single-product-content
.related
.products
.price * {

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 13px !important;

    font-weight: 600 !important;

    color: #713a4b !important;
}


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

@media (max-width: 767px) {


    /* Product title */

    .single-product-content
    .entry-summary
    .product_title,

    .single-product-content
    .entry-summary
    h1 {

        font-size: 38px !important;

        line-height: 1.05 !important;
    }


    /* Price */

    .single-product-content
    .entry-summary
    .price,

    .single-product-content
    .entry-summary
    .amount {

        font-size: 22px !important;
    }


    /* Description */

    .single-product-content
    .entry-summary
    .woocommerce-product-details__short-description,

    .single-product-content
    .entry-summary
    .woocommerce-product-details__short-description p {

        font-size: 14px !important;

        line-height: 1.75 !important;
    }


    /* Buttons */

    .single-product-content
    .entry-summary
    .single_add_to_cart_button,

    .single-product-content
    .entry-summary
    .single_buy_now_button {

        min-height: 48px;

        font-size: 10px !important;

        letter-spacing: .12em !important;
    }


    /* ======================================================
       PURCHASE ASSURANCE MOBILE
       ====================================================== */

    .single-product-content
    .petal-purchase-assurance {

        margin-top: 22px;

        padding: 20px 14px 18px;
    }


    .single-product-content
    .petal-assurance-heading {

        margin-bottom: 18px;
    }


    .single-product-content
    .petal-assurance-heading span {

        font-size: 9px !important;

        letter-spacing: .17em !important;
    }


    .single-product-content
    .petal-assurance-grid {

        grid-template-columns: 1fr;

        gap: 16px;
    }


    .single-product-content
    .petal-assurance-item {

        padding: 0 8px 16px;
    }


    /* Horizontal separators on mobile */

    .single-product-content
    .petal-assurance-item:not(:last-child):after {

        top: auto;
        bottom: 0;

        left: 15%;
        right: 15%;

        width: auto;
        height: 1px;
    }


    .single-product-content
    .petal-assurance-icon {

        width: 35px;
        height: 35px;

        margin-bottom: 8px;
    }


    .single-product-content
    .petal-assurance-icon svg {

        width: 17px;
        height: 17px;
    }


    .single-product-content
    .petal-assurance-title {

        font-size: 10px !important;
    }


    .single-product-content
    .petal-assurance-text {

        max-width: 280px;

        font-size: 12px !important;

        line-height: 1.5 !important;
    }


    /* Tabs */

    .single-product-content
    .woocommerce-tabs
    .woocommerce-Tabs-panel
    h2 {

        font-size: 29px !important;
    }


    /* Related */

    .single-product-content
    .related
    .products > h2 {

        font-size: 30px !important;
    }


    .single-product-content
    .related
    .products
    .woocommerce-loop-product__title {

        font-size: 16px !important;
    }

}

.product_meta {
	display:none !important;
}


/* ==========================================================
   PETAL VAULT — LUXURY PRODUCT SHARE
   ========================================================== */

.single-product-content .product-share {
    display: flex;
    align-items: center;
    gap: 18px;

    width: 100%;

    margin-top: 24px;
    padding-top: 22px;

    border-top: 1px solid rgba(113, 58, 75, 0.12);
}


/* ==========================================================
   SHARE LABEL
   ========================================================== */

.single-product-content .product-share .share-title {

    flex: 0 0 auto;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    letter-spacing: .18em !important;

    text-transform: uppercase !important;

    color: #713a4b !important;
}


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

.single-product-content
.product-share
.social-share {

    display: flex !important;

    align-items: center;

    gap: 8px;

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

    list-style: none;
}


/* Remove default list spacing */

.single-product-content
.product-share
.social-share li {

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

    list-style: none;
}


/* ==========================================================
   SOCIAL BUTTON
   ========================================================== */

.single-product-content
.product-share
.social-share li a {

    position: relative;

    width: 34px;
    height: 34px;

    display: flex !important;

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

    box-sizing: border-box;

    border: 1px solid rgba(113, 58, 75, 0.22);

    border-radius: 50%;

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

    color: #713a4b !important;

    text-decoration: none !important;

    transition:
        background .25s ease,
        border-color .25s ease,
        color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}


/* ==========================================================
   ICON
   ========================================================== */

.single-product-content
.product-share
.social-share li a i {

    margin: 0 !important;

    font-size: 13px !important;

    line-height: 1 !important;

    color: inherit !important;
}


/* ==========================================================
   HIDE TEXT LABELS
   ========================================================== */

.single-product-content
.product-share
.basel-social-icon-name {

    display: none !important;
}


/* ==========================================================
   HOVER
   ========================================================== */

.single-product-content
.product-share
.social-share li a:hover {

    background: #713a4b !important;

    border-color: #713a4b !important;

    color: #ffffff !important;

    transform: translateY(-2px);

    box-shadow: 0 5px 14px rgba(113, 58, 75, 0.14);
}


/* ==========================================================
   INDIVIDUAL PLATFORM ICON TUNING
   ========================================================== */

.single-product-content
.product-share
.social-facebook a i {

    font-size: 12px !important;
}


.single-product-content
.product-share
.social-x a i {

    font-size: 12px !important;
}


.single-product-content
.product-share
.social-pinterest a i {

    font-size: 13px !important;
}


.single-product-content
.product-share
.social-linkedin a i {

    font-size: 12px !important;
}


.single-product-content
.product-share
.social-tg a i {

    font-size: 12px !important;
}


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

@media (max-width: 767px) {

    .single-product-content .product-share {

        margin-top: 20px;

        padding-top: 18px;

        gap: 14px;
    }


    .single-product-content
    .product-share
    .share-title {

        font-size: 9px !important;

        letter-spacing: .15em !important;
    }


    .single-product-content
    .product-share
    .social-share {

        gap: 6px;
    }


    .single-product-content
    .product-share
    .social-share li a {

        width: 32px;
        height: 32px;
    }


    .single-product-content
    .product-share
    .social-share li a i {

        font-size: 12px !important;
    }

} 


/* ==========================================================
   PETAL VAULT
   PRODUCT DESCRIPTION — LUXURY EDITORIAL STYLE
   ========================================================== */


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

.single-product-content
.woocommerce-tabs {

    position: relative;
}


/* Tab navigation */

.single-product-content
.woocommerce-tabs
ul.tabs {

    margin-bottom: 55px !important;

    display: flex;

    justify-content: center;

    gap: 42px;
}


/* Tab links */

.single-product-content
.woocommerce-tabs
ul.tabs li a {

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 11px !important;

    font-weight: 700 !important;

    letter-spacing: .15em !important;

    text-transform: uppercase !important;

    color: #8b7779 !important;

    transition: color .25s ease;
}


/* Active tab */

.single-product-content
.woocommerce-tabs
ul.tabs li.active a {

    color: #713a4b !important;
}


/* ==========================================================
   DESCRIPTION PANEL
   ========================================================== */

.single-product-content
.woocommerce-tabs
.woocommerce-Tabs-panel {

    position: relative;

    max-width: 1100px;

    margin: 0 auto !important;

    padding: 0 0 65px !important;

    color: #6f5c5f;
}


/* ==========================================================
   MAIN DESCRIPTION HEADING
   ========================================================== */

.single-product-content
.woocommerce-tabs
.woocommerce-Tabs-panel h2 {

    position: relative;

    margin: 0 0 26px !important;

    font-family: Georgia, "Times New Roman", serif !important;

    font-size: 42px !important;

    font-weight: 400 !important;

    line-height: 1.12 !important;

    letter-spacing: -.025em !important;

    color: #3b242a !important;
}


/* Small decorative line under heading */

.single-product-content
.woocommerce-tabs
.woocommerce-Tabs-panel h2:after {

    content: "";

    display: block;

    width: 42px;

    height: 1px;

    margin-top: 15px;

    background: #9b5368;
}


/* ==========================================================
   INTRO PARAGRAPH
   ========================================================== */

.single-product-content
.woocommerce-tabs
.woocommerce-Tabs-panel > p:first-of-type {

    max-width: 940px;

    margin: 0 0 38px !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 16px !important;

    font-weight: 400 !important;

    line-height: 1.9 !important;

    letter-spacing: .005em;

    color: #6f5c5f !important;
}


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

.single-product-content
.woocommerce-tabs
.woocommerce-Tabs-panel strong {

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 11px !important;

    font-weight: 700 !important;

    letter-spacing: .16em !important;

    text-transform: uppercase !important;

    color: #713a4b !important;
}


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

.single-product-content
.woocommerce-Tabs-panel ul {

    margin: 18px 0 0 !important;

    padding: 0 !important;

    max-width: 900px;

    display: grid;

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

    border-top: 1px solid rgba(113, 58, 75, .13);

    border-left: 1px solid rgba(113, 58, 75, .13);

    list-style: none !important;
}


/* Individual detail */

.single-product-content
.woocommerce-Tabs-panel ul li {

    position: relative;

    margin: 0 !important;

    padding: 21px 25px 21px 52px !important;

    min-height: 65px;

    display: flex;

    align-items: center;

    box-sizing: border-box;

    border-right: 1px solid rgba(113, 58, 75, .13);

    border-bottom: 1px solid rgba(113, 58, 75, .13);

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 14px !important;

    font-weight: 400 !important;

    line-height: 1.5 !important;

    color: #6f5c5f !important;

    background: rgba(255, 255, 255, .25);

    transition:
        background .25s ease,
        padding-left .25s ease;
}


/* Hover */

.single-product-content
.woocommerce-Tabs-panel ul li:hover {

    background: #fcf3f5;

    padding-left: 55px !important;
}


/* ==========================================================
   DETAIL ICON
   ========================================================== */

.single-product-content
.woocommerce-Tabs-panel ul li:before {

    content: "✦";

    position: absolute;

    left: 22px;

    top: 50%;

    transform: translateY(-50%);

    width: 18px;
    height: 18px;

    display: flex;

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

    font-family: Georgia, "Times New Roman", serif;

    font-size: 13px;

    color: #9b5368;
}


/* ==========================================================
   FIRST DETAIL — HEART
   ========================================================== */

.single-product-content
.woocommerce-Tabs-panel ul li:first-child:before {

    content: "♡";

    font-size: 20px;
}


/* ==========================================================
   SECOND DETAIL — DIAMOND
   ========================================================== */

.single-product-content
.woocommerce-Tabs-panel ul li:nth-child(2):before {

    content: "◇";

    font-size: 18px;
}


/* ==========================================================
   THIRD DETAIL
   ========================================================== */

.single-product-content
.woocommerce-Tabs-panel ul li:nth-child(3):before {

    content: "✦";
}


/* ==========================================================
   FOURTH DETAIL
   ========================================================== */

.single-product-content
.woocommerce-Tabs-panel ul li:nth-child(4):before {

    content: "♡";

    font-size: 18px;
}


/* ==========================================================
   FIFTH DETAIL
   ========================================================== */

.single-product-content
.woocommerce-Tabs-panel ul li:nth-child(5):before {

    content: "◇";

    font-size: 18px;
}


/* ==========================================================
   SIXTH DETAIL
   ========================================================== */

.single-product-content
.woocommerce-Tabs-panel ul li:nth-child(6):before {

    content: "✦";
}


/* ==========================================================
   MAKE THE DESCRIPTION AREA FEEL LESS EMPTY
   ========================================================== */

.single-product-content
.woocommerce-tabs
.woocommerce-Tabs-panel:after {

    content: "";

    display: block;

    width: 100%;

    height: 1px;

    margin-top: 55px;

    background: linear-gradient(
        90deg,
        rgba(113, 58, 75, .15),
        rgba(113, 58, 75, .04)
    );
}


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

@media (max-width: 767px) {

    .single-product-content
    .woocommerce-tabs
    ul.tabs {

        margin-bottom: 38px !important;

        gap: 25px;
    }


    .single-product-content
    .woocommerce-tabs
    ul.tabs li a {

        font-size: 9px !important;

        letter-spacing: .12em !important;
    }


    .single-product-content
    .woocommerce-tabs
    .woocommerce-Tabs-panel {

        padding-bottom: 40px !important;
    }


    .single-product-content
    .woocommerce-tabs
    .woocommerce-Tabs-panel h2 {

        font-size: 34px !important;

        margin-bottom: 22px !important;
    }


    .single-product-content
    .woocommerce-tabs
    .woocommerce-Tabs-panel > p:first-of-type {

        font-size: 14px !important;

        line-height: 1.75 !important;

        margin-bottom: 30px !important;
    }


    /* Details become one column */

    .single-product-content
    .woocommerce-Tabs-panel ul {

        grid-template-columns: 1fr;

        margin-top: 16px !important;
    }


    .single-product-content
    .woocommerce-Tabs-panel ul li {

        min-height: 60px;

        padding: 18px 18px 18px 50px !important;

        font-size: 13px !important;
    }


    .single-product-content
    .woocommerce-Tabs-panel ul li:hover {

        padding-left: 50px !important;
    }


    .single-product-content
    .woocommerce-Tabs-panel ul li:before {

        left: 20px;
    }

}

.single-product-content .woocommerce-Tabs-panel li::before,
.single-product-content .woocommerce-Tabs-panel li:before {
    display: none !important;
    content: none !important;
}