/* Hero section */
.hero-section .title h1 {
    font-size: clamp(48px, 5vw, 80px);
    line-height: var(--line-height-h1);
    color: var(--text-heading);
    margin: 0 0 24px;
    letter-spacing: 0.5px;
}

.hero-section .hero-paragraph {
    margin-bottom: 40px;
}

.hero-row {
    align-items: center;
    gap: 64px;
    padding: 0 15px;
}

.hero-section .hero-col-left,
.hero-section .hero-col-right {
    flex: 1;
    padding: 0;
}

.hero-section .hero-col-left {
    max-width: 640px;
}

.hero-section .hero-col-right {
    max-width: 496px;
}

.hero-section .hero-right-row {
    gap: 24px;
    margin: 0 !important;
}

.hero-right-row :is(.hero-col-1, .hero-col-2) {
    flex: 1;
    max-width: 236px;
    padding: 0;
}

:is(.hero-col-1, .hero-col-2) img {
    width: 236px;
    object-fit: cover;
    object-position: center;
    border-radius: 118px 118px 12px 12px;
}

.hero-col-1 .hero-slider img {
    height: 320px;
}

.hero-col-2 img {
    height: 420px;
}

.hero-flower {
    position: relative;
    z-index: 1;
    height: 420px;
}

.hero-flower-overlay {
    position: absolute !important;
    left: -40px;
    top: -90px;
    width: 227px !important;
    z-index: 10;
    transform: scaleX(-1);
}

.hero-flower-overlay img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Quote section */
.home-quote {
    background: var(--brand-neutral);
    min-height: 108px;
}

.home-quote p {
    color: var(--text-brand);
}

/* About section */
.home-about-section {
    background: var(--bg-page);
}

.home-about-section .about-col-1 h2 {
    margin-bottom: 24px;
}

.home-about-section .about-row-1 .about-col-2 .stack {
    margin-top: 40px;
}

.badge-list {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}

.badge-item {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 56px;
    padding: 14px 20px;
    border-radius: 8px;
    flex: 1 1 0;
    cursor: pointer;
}

.badge-item:is(.expert-team, .best-quality) h3 {
    line-height: var(--line-height-h3);
    font-weight: 600;
    letter-spacing: 0.4px;
    margin: 0;
}

.badge-item.expert-team,
.badge-item.expert-team h3 {
    color: var(--text-on-primary);
    text-align: start;
}

.badge-item.expert-team {
    background: var(--color-blush-300);
}

.badge-item.best-quality,
.badge-item.best-quality h3 {
    color: var(--text-heading);
    text-align: start;
}

.badge-item.best-quality {
    background: transparent;
    border: 1px solid var(--color-blush-300);
}

.home-about-section :is(.about-row-1, .about-row-2) {
    gap: 34px;
}

.home-about-section :is(.about-row-1, .about-row-2) :is(.about-col-1, .about-col-2) {
    flex: 0 0 598px;
}

.home-about-section .about-row-1 {
    padding-bottom: 64px;
}

.home-about-section .about-main-image {
    width: 100%;
    height: 440px;
    border: 1px solid var(--color-blush-300);
    border-radius: 300px 300px 12px 12px;
    overflow: hidden;
}

.home-about-section .about-main-image img {
    width: 100%;
    height: 440px;
    object-fit: cover;
    object-position: center;
}

.home-about-section .about-flower {
    position: absolute;
    width: 275px !important;
    height: auto !important;
    left: -110px;
    bottom: 0px;
}

.home-about-section .about-row-2 .about-col-2 .col-inner {
    max-width: 568px;
}

.home-about-section .about-row-2 .about-col-2 .about-slider .slider {
    max-width: calc(100% - 112px);
    margin-inline: auto;
}

.home-about-section .about-row-2 .about-col-2 .about-slider .img {
    width: 100%;
    height: 440px;
    border-radius: 16px;
    overflow: hidden;
}

.home-about-section .about-row-2 .about-col-2 .img img {
    width: 100%;
    height: 440px;
    object-fit: cover;
}

.home-about-section .about-slider .flickity-prev-next-button {
    width: 32px;
    height: 32px;
    top: 50%;
    background: transparent;
}

.home-about-section .about-slider .flickity-prev-next-button .flickity-button-icon {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
}

.home-about-section .about-slider .flickity-prev-next-button .flickity-button-icon path {
    display: none;
}

.home-about-section .about-slider .flickity-prev-next-button.previous {
    left: -56px;
}

.home-about-section .about-slider .flickity-prev-next-button.previous .flickity-button-icon {
    background: url("../../img/arrow-left.svg") center / contain no-repeat;
}

.home-about-section .about-slider .flickity-prev-next-button.next {
    left: calc(100% + 24px);
}

.home-about-section .about-slider .flickity-prev-next-button.next .flickity-button-icon {
    background: url("../../img/arrow-right.svg") center / contain no-repeat;
}

/* Serving section */
.home-serving-section {
    background: var(--bg-section);
}

.home-serving-section .serving-row-1 {
    gap: 34px;
    padding-bottom: 64px;
}

.home-serving-section .serving-row-1>.col:is(:first-child, :last-child) {
    flex: 0 0 598px;
}

.serving-row-2 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 10px;
    row-gap: 64px;
}

.serving-row-2>.col {
    max-width: 100%;
}

.serving-row-2>.col>.col-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home-serving-section .icon-box .icon-box-text h3 {
    margin-bottom: 12px;
    letter-spacing: 0.4px;
    font-weight: 600;
    color: var(--text-heading);
	line-height: 1.4;
	font-size: var(--font-size-h3);
}

.home-serving-section .icon-box .icon-box-text p {
    margin-bottom: 24px;
}

.home-serving-section .icon-box-img {
    height: 72px;
    background: var(--brand-primary);
    border-radius: 32px 32px 8px 8px;
    margin: 0 auto 24px !important;

}

.home-serving-section .icon-box-img img {
    padding: 0;
}

.home-serving-section .icon-box-img :is(.icon, .icon-inner) {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

/* Pricing section */
.home-pricing-section {
    padding-bottom: 136px !important;
}

.pricing-table-row {
    gap: 24px;
    margin: 0 !important;
}

.pricing-table-row>.col {
    flex: 1;
    max-width: 384px;
    padding: 0;
}

.pricing-table-row :is(.price-table-1, .price-table-2, .price-table-3) {
    padding: 64px 40px;
    border: 1px solid var(--border-card);
    border-radius: 20px;
}

.pricing-table-row :is(.price-table-1, .price-table-3) {
    transform: translateY(40px);
}

.pricing-table-header {
    display: flex;
    flex-direction: column;
}

.pricing-table-header .title {
    order: 1;
    font-family: var(--font-heading);
    font-weight: 500;
    font-size: clamp(28px, 2.8vw, 40px);
    line-height: var(--heading-line-height-h2);
    color: var(--text-heading);
    background: transparent !important;
    border: 0 !important;
    padding: 0 0 12px !important;
    text-transform: capitalize;
}

.pricing-table-header .description {
    order: 2;
    font-family: var(--font-body);
    font-weight: 400;
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    color: var(--text-body);
    background: transparent;
    padding: 0 !important;
}

.pricing-table-header .price {
    order: 3;
    font-family: var(--font-heading);
    font-weight: 500 !important;
    font-size: clamp(48px, 5.6vw, 80px);
    line-height: var(--line-height-hero);
    letter-spacing: 0.5px;
    color: var(--text-heading) !important;
    padding: 40px 0 !important;
}

.pricing-table-items {
    order: 4;
    padding: 0 !important;
}

.pricing-table .button {
    order: 5;
    margin-top: 40px !important;
    align-content: center;
    width: 153px;
    height: 52px;
    gap: 10px;
}

.pricing-table .button span {
    font-weight: 500;
    font-size: var(--font-size-button);
    line-height: var(--line-height-button);
    letter-spacing: 0.4px;
}

.pricing-table .bullet-item {
    padding: 0 0 8px !important;
    border: 0 !important;
}

.pricing-table .bullet-item:last-of-type {
    padding: 0 !important;
}

/* Customer section */
.home-customer-section {
    background: var(--bg-section);
}

.home-customer-section .customer-row {
    gap: 64px;
    padding: 0 15px;
    flex-wrap: nowrap;
}

.home-customer-section .customer-col-1 {
    flex: 1;
    max-width: 380px;
    padding: 0;
}

.home-customer-section .customer-col-1 .col-inner {
    padding: 40px 0 0;
}

.home-customer-section .customer-col-2 {
    flex: 1;
    max-width: 756px;
    min-width: 0;
    padding: 0;
}

.home-customer-section .icon-box.testimonial-box,
.teanis-customer-reviews .icon-box.testimonial-box {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    padding: 40px;
}

.home-customer-section .icon-box.testimonial-box::before,
.teanis-customer-reviews .icon-box.testimonial-box::before {
    content: "";
    order: 1;
    margin-bottom: 24px;
    width: 24px;
    height: 24px;
    background: url("../../img/quote-up.svg") center / contain no-repeat;
}

.home-customer-section .icon-box.testimonial-box .icon-box-text,
.teanis-customer-reviews .icon-box.testimonial-box .icon-box-text {
    display: contents;
}

.home-customer-section .icon-box.testimonial-box .testimonial-text,
.teanis-customer-reviews .icon-box.testimonial-box .testimonial-text {
    order: 2;
    margin: 0 0 24px;
    font-style: normal !important;
}

.home-customer-section .icon-box.testimonial-box .star-rating,
.teanis-customer-reviews .icon-box.testimonial-box .star-rating {
    position: relative;
    order: 3;
    width: 120px;
    height: 24px;
    margin: 0 auto;
    background: none;
}

.home-customer-section .icon-box.testimonial-box .star-rating::before,
.teanis-customer-reviews .icon-box.testimonial-box .star-rating::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("../../img/star.svg") repeat-x left center;
    background-size: 24px 24px;
    opacity: 0.25;
}

.home-customer-section .icon-box.testimonial-box .star-rating span,
.teanis-customer-reviews .icon-box.testimonial-box .star-rating span {
    position: relative;
    display: block;
    height: 24px;
    overflow: hidden;
    background: url("../../img/star.svg") repeat-x left center;
    background-size: 24px 24px;
}

.home-customer-section .icon-box.testimonial-box .star-rating span::before,
.teanis-customer-reviews .icon-box.testimonial-box .star-rating span::before {
    display: none;
}

.home-customer-section .icon-box.testimonial-box .icon-box-img,
.teanis-customer-reviews .icon-box.testimonial-box .icon-box-img {
    order: 4;
    margin: 40px 0 0;
}

.home-customer-section .icon-box.testimonial-box .icon-box-img img,
.teanis-customer-reviews .icon-box.testimonial-box .icon-box-img img {
    padding: 0;
}

.home-customer-section .icon-box.testimonial-box .testimonial-meta,
.teanis-customer-reviews .icon-box.testimonial-box .testimonial-meta {
    order: 5;
    padding-top: 12px;
}

.testimonial-meta .testimonial-name {
    font-family: var(--font-body);
    font-weight: 500;
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    color: var(--text-heading);
}

/* Opening Hours section */
.home-hours-section {
    background: var(--bg-page);
}

.home-hours-section .hours-row {
    align-items: center;
    gap: 64px;
    padding: 0 15px;
}

.home-hours-section .hours-row .section-title span {
    letter-spacing: 0.5px;
    margin-bottom: 24px !important;
}

.home-hours-section .hours-col-1 {
    flex: 0 0 430px;
    max-width: 100%;
    padding: 0;
}

.home-hours-section .hours-col-2 {
    flex: 1;
    padding: 0;
}

.home-hours-section .hours-col-1 .about-main-image {
    height: 430px;
    border: 1px solid var(--color-blush-300);
    border-radius: 300px 300px 12px 12px;
    overflow: hidden;
}

.home-hours-section .hours-col-1 .about-main-image img {
    height: 430px;
    object-fit: cover;
}

.home-hours-section .opening-hours-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    font-family: var(--font-body);
    font-size: var(--font-size-body-large);
    line-height: var(--line-height-body-large);
    color: var(--text-heading);
    font-weight: 700;
    margin-top: 40px;
}

.home-hours-section .about-flower {
    position: absolute;
    width: 260px !important;
    left: -117px;
    top: 3%;
}

.home-hours-section .opening-hours-row {
    display: flex;
    border-bottom: 1px solid color-mix(in srgb, var(--border-color) 30%, transparent);
    padding-bottom: 12px;
}

.home-hours-section .opening-hours-row span:first-child {
    flex: 0 0 auto;
}

.home-hours-section .opening-hours-row span:last-child {
    margin-left: auto;
}

/* Blog section */
.home-blog-section {
    background: var(--bg-section);
}

.home-blog-section .blog-row-title {
    justify-content: center;
    margin-bottom: 40px;
}

.home-blog-section .blog-row-title .col {
    max-width: 60%;
}

.home-blog-section h2 {
    margin-bottom: 24px;
}

.home-blog-section .col .post-item:not(:last-child) {
    margin-bottom: clamp(24px, 3.125vw, 40px) !important;
}

.home-blog-section .blog-post-inner {
    display: flex;
    flex-direction: column;
}

.home-blog-section .col .post-item .box-text {
    padding: 0;
}

.home-blog-section .post-meta {
    order: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px;
    opacity: 1;
    font-size: var(--font-size-small);
    line-height: var(--line-height-small);
}

.home-blog-section .post-meta::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../../img/calendar.svg") center / contain no-repeat;
}

.home-blog-section .post-title {
    order: 2;
    margin: 0 0 12px !important;
}

.home-blog-section .post-title a {
    font-size: var(--heading-style-h2);
    line-height: var(--heading-line-height-h2) !important;
    font-weight: 500;
    color: var(--text-heading) !important;
    text-transform: capitalize;
    font-family: var(--font-heading);
    margin: 0 !important;
}

.home-blog-section .is-divider {
    display: none;
}

.home-blog-section .from_the_blog_excerpt {
    order: 3;
    margin: 0 0 12px !important;
}

.home-blog-section .button {
    order: 4;
    align-self: flex-start;
    margin: 0 !important;
}

.home-blog-section .button.is-default.is-small {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    background: transparent;
    border: 0;
    color: var(--text-accent);
    font-size: var(--font-size-button);
    line-height: var(--line-height-button);
    font-weight: 500;
    text-transform: capitalize;
}

.home-blog-section .button.is-default.is-small:hover {
    box-shadow: none;
    color: var(--color-cocoa-200);
}

.home-blog-section .button.is-default.is-small::after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-color: currentColor;
    background-image: none;
    -webkit-mask: url("../../img/arrow.svg") center / contain no-repeat;
    mask: url("../../img/arrow.svg") center / contain no-repeat;
}

/* Media Queries */
@media (max-width: 1230px) {

    .hero-flower,
    .hero-col-2 img {
        height: clamp(340px, 36vw, 420px) !important;
    }

    .hero-flower-overlay {
        width: clamp(160px, 18vw, 227px) !important;
        left: clamp(-32px, -3vw, -40px);
    }

    .home-about-section .about-row-2 .about-col-2 .col-inner {
        max-width: 100%;
    }

    .home-about-section :is(.about-row-1, .about-row-2)>.col {
        flex: 1 1 0;
        min-width: 0;
        max-width: calc(50% - 17px);
    }

    .home-about-section :is(.about-main-image, .about-main-image img, .about-row-2 .about-col-2 .img img) {
        height: clamp(320px, 36vw, 440px);
    }

    .home-serving-section .serving-row-1>.col:is(:first-child, :last-child) {
        flex: 1 1 0;
        min-width: 0;
    }
}

/* Tablet */
@media (max-width: 1024px) {
    .hero-row {
        flex-direction: column !important;
        gap: 32px;
    }

    .hero-section .hero-paragraph {
        margin-bottom: 32px;
    }

    .hero-section .hero-col-left {
        text-align: center;
        max-width: 80% !important;
    }

    .hero-section .hero-col-left .stack {
        justify-content: center;
    }

    .hero-section .hero-col-left .btn-outline {
        margin-left: 8px !important;
    }

    .hero-col-right .hero-right-row {
        gap: 20px;
        max-width: 100%;
        justify-content: center !important;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .hero-right-row>.col,
    .hero-right-row .col-inner a {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
        padding: 0;
        margin: 0;
    }

    .hero-right-row .col-inner a {
        min-height: 28px;
    }

    .hero-right-row .col-inner {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: center;
        gap: 20px;
    }

    .hero-right-row .hero-slider {
        flex: 0 0 auto;
        width: clamp(128px, 16.7vw, 210px);
        min-width: clamp(128px, 16.7vw, 210px);
    }

    .hero-right-row .hero-slider :is(.slider, .flickity-viewport) {
        width: 100%;
    }

    .hero-right-row .hero-slider .flickity-slider>.img {
        width: 100%;
        max-width: 100%;
    }

    .hero-right-row .hero-slider img {
        display: block;
        width: 100%;
        height: 250px !important;
        object-fit: cover;
        border-radius: 118px 118px 12px 12px;
    }

    .hero-right-row>.hero-col-2 .img img {
        width: clamp(140px, 22vw, 210px) !important;
        height: 340px !important;
        object-fit: cover;
        border-radius: 118px 118px 12px 12px;
    }

    .hero-flower {
        height: 340px;
    }

    .hero-flower-overlay {
        top: -72px;
        width: 180px !important;
    }

    /* Quote */
    .home-quote {
        text-align: center;
    }

    /* About */
    .home-about-section {
        gap: 40px;
        border-radius: 0 0 110px 110px;
    }

    .home-about-section .about-col-1 h2 {
        margin-bottom: 16px;
    }

    .home-about-section .about-row-1 {
        gap: 48px;
        padding-bottom: 0;
    }

    .home-about-section .about-row-1>.col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .home-about-section .about-row-1 .col-inner {
        text-align: center;
    }

    .home-about-section .about-row-1 .about-col-1 p {
        margin-bottom: 20px;
    }

    .home-about-section .about-row-1 .about-col-1 .btn {
        margin-top: 0 !important;
    }

    .badge-list {
        justify-content: center;
    }

    .badge-item {
        flex: 1 1 calc(50% - 12px);
        width: auto;
        max-width: calc(50% - 12px);
    }

    .home-about-section .about-row-2 {
        gap: 24px;
        padding-top: 48px;
    }

    .home-about-section .about-row-1 .about-col-2 .stack {
        margin-top: 28px;
    }

    .home-about-section .about-row-2>.col {
        flex: 1 1 calc(50% - 12px);
        width: auto;
        min-width: 0;
        max-width: calc(50% - 12px);
    }

    .home-about-section :is(.about-main-image, .about-main-image img, .about-row-2 .about-col-2 .about-slider .img, .about-row-2 .about-col-2 .img img) {
        height: clamp(240px, 26vw, 260px);
    }

    .home-about-section .about-flower {
        width: 155px !important;
        left: -62px;
    }

    .home-about-section .about-slider .flickity-prev-next-button {
        display: block;
        opacity: 1;
        width: 24px;
        height: 24px;
    }

    .home-about-section .about-slider .flickity-prev-next-button .flickity-button-icon {
        width: 24px;
        height: 24px;
    }

    .home-about-section .about-row-2 .about-col-2 .about-slider .slider {
        max-width: calc(100% - 88px);
    }

    .home-about-section .about-slider .flickity-prev-next-button.previous {
        left: -44px;
    }

    .home-about-section .about-slider .flickity-prev-next-button.next {
        left: calc(100% + 20px);
    }

    /* Serving */
    .home-serving-section .serving-row-1 {
        text-align: center;
        gap: 16px;
        padding-bottom: 48px;
        max-width: 60%;
    }

    .home-serving-section .serving-row-1>.col {
        flex: 0 0 auto !important;
        max-width: 100%;
    }

    .home-serving-section .icon-box .icon-box-text p {
        margin-bottom: 20px;
    }

    .home-serving-section .serving-row-1 h2 br {
        display: none;
    }

    .home-serving-section .serving-row-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 48px 18px;
        margin-top: 0px;
    }

    .home-serving-section .icon-box .icon-box-text h3 {
        margin-bottom: 8px;
    }

    .home-serving-section .icon-box .icon-box-img {
        margin-bottom: 20px;
    }

    /* Pricing */
    .home-pricing-section {
        padding-bottom: 112px !important;
    }

    .home-pricing-section .section-title h2 {
        margin-bottom: 48px;
    }

    .pricing-table-header .title {
        padding: 0 0 8px !important;
    }

    .pricing-table-row {
        align-items: center;
        gap: 24px;
    }

    .pricing-table .button {
        margin-top: 32px !important;
    }

    .pricing-table-header .price {
        padding: 32px 0 !important;
    }

    /* Customer */
    .home-customer-section .customer-row {
        flex-direction: column;
        gap: 0;
    }

    .home-customer-section .customer-col-1 {
        max-width: 100%;
        text-align: center;
        align-self: center;
    }

    .home-customer-section .customer-col-1 h2 br {
        display: none;
    }

    .home-customer-section .customer-col-1 p {
        text-align: center;
        margin-bottom: 48px;
    }

    .home-customer-section .customer-col-1 h2 {
        margin-bottom: 16px;
    }

    .home-customer-section .customer-col-2 {
        flex: 1;
        max-width: 100%;
    }

    .home-customer-section .icon-box.testimonial-box,
    .teanis-customer-reviews .icon-box.testimonial-box {
        padding: 32px;
    }

    .home-customer-section .icon-box.testimonial-box .icon-box-img,
    .teanis-customer-reviews .icon-box.testimonial-box .icon-box-img {
        margin-top: 32px;
    }

    /* Opening Hours */
    .home-hours-section .hours-row {
        flex-direction: column;
        gap: 40px;
    }

    .home-hours-section .opening-hours-list {
        width: 100%;
        margin-top: 32px;
    }

    .home-hours-section .hours-col-1 .col-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .home-hours-section .hours-col-1 .about-main-image {
        max-width: 430px;
    }

    .home-hours-section .hours-col-1 .img {
        margin-bottom: 0 !important;
    }

    .home-hours-section .hours-col-2 {
        max-width: 100%;
    }

    .home-hours-section .hours-col-2 h2 {
        margin-bottom: 8px;
    }

    .home-hours-section .hours-col-2 .col-inner {
        text-align: center;
    }

    .home-hours-section .hours-col-2 :is(.section-title-container, .section-title, .section-title span) {
        width: 100%;
    }

    .home-hours-section .about-flower {
        position: absolute;
        width: 260px !important;
        left: clamp(39px, calc(0.5 * 100vw - 345px), 167px);
        top: 3%;
    }

    /* Blog */
    .home-blog-section h2 {
        margin-bottom: 16px;
        text-align: center;
    }

    .home-blog-section .blog-row-title {
        margin-bottom: 32px;
    }

    .home-blog-section .post-title a {
        font-size: var(--font-size-h3);
        line-height: var(--line-height-h3);
        font-weight: 600;
    }

    .home-blog-section :is(.post-title, .from_the_blog_excerpt, .post-meta) {
        margin-bottom: 8px !important;
    }
}

@media (max-width: 850px) {
    .pricing-table-row>.col {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }

    .pricing-table-row :is(.price-table-1, .price-table-2, .price-table-3) {
        width: 100%;
        padding: 48px 32px !important;
    }

    .pricing-table-row :is(.price-table-1, .price-table-3) {
        transform: translateY(0);
    }

    .home-pricing-section {
        padding-bottom: 56px !important;
    }

}

/* Mobile */
@media (max-width: 767px) {
    /* Hero */
    .hero-section .hero-col-left {
        max-width: 100% !important;
    }

    .hero-section .title h1,
    .hero-section .hero-paragraph {
        margin-bottom: 16px;
    }

    .hero-col-1>.col-inner {
        display: flex;
        align-items: start;
        flex-direction: column;
        gap: 16px !important;
    }

    .hero-col-1>.col-inner>.button-text-2 {
        order: 1;
        flex: 0 0 auto;
    }

    .hero-col-1>.col-inner>.hero-slider {
        order: 2;
        flex: 0 0 auto;
    }

    .hero-row {
        gap: 32px !important;
    }

    .hero-right-row {
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px !important;
    }

    .hero-right-row .button-text-2 {
        flex: 0 0 100%;
        order: 3;
    }

    .hero-right-row .hero-slider img {
        width: clamp(128px, 42vw, 150px) !important;
        height: 200px !important;
    }

    .hero-right-row > .hero-col-2 .img img {
        width: clamp(128px, 42vw, 150px) !important;
        height: 260px !important;
    }

    .hero-flower-overlay {
        left: -45px;
        top: -50px;
        width: 180px !important;
    }

    /* About */
    .home-about-section {
        border-radius: 0 0 60px 60px;
        gap: 32px;
    }

    .home-about-section .about-row-1 .about-col-2 .stack {
        margin-top: 24px;
    }

    .home-about-section .about-col-1 h2 {
        margin-bottom: 12px;
    }

    .home-about-section .about-col-1 p {
        margin-bottom: 24px;
    }

    .home-about-section .about-row-1 {
        gap: 56px;
    }

    .home-about-section .about-row-2 {
        flex-direction: column !important;
        gap: 32px !important;
        padding-top: 32px !important;
    }

    .home-about-section .about-row-2>.col {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .badge-list {
        gap: 12px !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .badge-item {
        max-width: 100%;
        width: 100%;
    }

    :is(.about-row-2 .about-col-2 .col-inner, .about-row-2 .about-col-2 .about-slider .img, .about-row-2 .about-col-2 .img img) {
        height: 240px !important;
    }

    .about-flower {
        width: 96px !important;
        left: -16px;
    }

    .home-about-section .about-row-2 .about-col-2 .about-slider .slider {
        max-width: calc(100% - 80px) !important;
    }

    .home-about-section .about-slider .flickity-prev-next-button.previous {
        left: -40px !important;
    }

    .home-about-section .about-slider .flickity-prev-next-button.next {
        left: calc(100% + 16px) !important;
    }

    /* Serving */
    .home-serving-section .serving-row-1 {
        padding-bottom: 56px;
        gap: 12px;
        max-width: 100%;
    }

    .home-serving-section .serving-row-2 {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .home-serving-section .icon-box :is(.icon-box-text p, .icon-box-img) {
        margin-bottom: 16px;
    }

    /* Pricing */
    .home-pricing-section .section-title h2 {
        margin-bottom: 32px;
    }

    .pricing-table-row :is(.price-table-1, .price-table-2, .price-table-3) {
        padding: 32px 24px;
    }

    .pricing-table .button {
        margin-top: 24px;
    }

    .pricing-table-header .price {
        padding: 24px 0;
    }

    /* Customer */
    .home-customer-section .icon-box.testimonial-box,
    .teanis-customer-reviews .icon-box.testimonial-box {
        padding: 9px;
    }

    .home-customer-section .icon-box.testimonial-box .icon-box-img,
    .teanis-customer-reviews .icon-box.testimonial-box .icon-box-img {
        margin-top: 24px;
    }

    .home-customer-section .customer-col-1 p {
        margin-bottom: 32px;
    }

    .home-customer-section .customer-col-1 h2 {
        margin-bottom: 12px;
    }

    /* Opening Hours */
    .home-hours-section .hours-row {
        gap: 32px;
    }

    .home-hours-section .hours-col-1 {
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
    }

    .home-hours-section .opening-hours-list {
        margin-top: 24px;
    }

    .home-hours-section .hours-col-1 .about-main-image {
        max-width: 100%;
    }

    .home-hours-section .hours-col-1 .about-flower {
        width: 206px !important;
        left: -84px !important;
        top: 0;
    }

    .home-hours-section .hours-col-1 .about-main-image img {
        height: 330px;
    }

    /* Blog */
    .home-blog-section .blog-row-title .col {
        max-width: 100%;
    }
}

@media (max-width: 290px) {
    .hero-section .hero-right-row {
        flex-direction: column;
        align-items: center !important;
    }
}