html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box
}

*,
:after,
:before {
    -o-box-sizing: border-box;
    box-sizing: border-box
}

img.bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
    overflow-clip-margin: unset
}

.footer-link {
    font-size: 16px;
    font-weight: var(--weight_400);
    line-height: normal;
    color: var(--button_text);
    width: -moz-fit-content;
    width: fit-content
}

.best-sellers-overlay-content .col-trio-content-item .image-container img {
    -o-object-fit: contain;
    object-fit: contain
}

@media only screen and (max-width:1024px) {
    .flag-overlay-content .flag-inter-content .flag-inter {
        justify-content: flex-start;
        overflow-x: scroll;
        width: calc(20% - 16px)
    }
    header .usp-banner-section {
        display: none
    }
    header .usp-banner-section-content .usp-swiper-wrapper:before {
        left: -56px
    }
    header .usp-banner-section-content .usp-swiper-wrapper:after {
        right: -56px
    }
    header .main-head {
        display: none
    }
    header .nav-container {
        display: none
    }
}

.flag-overlay-content .flag-inter-content .flag-inter .image-container img {
    -o-object-fit: contain;
    object-fit: contain
}

@media only screen and (max-width:767px) {
    .flag-overlay-content .flag-inter-content .flag-inter {
        width: calc(25% - 16px)
    }
    .flag-overlay-content .flag-inter-content .flag-inter p {
        font-size: 12px
    }
    .select-a-florist-overlay {
        height: 85vh;
        top: unset;
        bottom: 0;
        border-radius: unset;
        transform: translateY(100%);
        border-radius: 8px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
    .select-a-florist-overlay-content .overlay-close {
        right: 20px
    }
    .select-a-florist-overlay-content .select-title {
        padding-left: 20px;
        font-size: 20px
    }
    .select-a-florist-overlay-content .select-result-content {
        padding-left: 20px;
        padding-right: 20px;
        height: calc(75vh - 100px);
        padding-bottom: 190px
    }
    .select-a-florist-overlay-content .select-a-florist-button {
        position: fixed
    }
    .search-florist-overlay {
        height: 85vh;
        top: unset;
        bottom: 0;
        border-radius: unset;
        transform: translateY(100%);
        border-radius: 8px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding: 32px
    }
    .search-florist-overlay-content .h3 {
        font-size: 20px
    }
    .search-florist-overlay-content .search-results .input-actions p {
        font-size: 12px
    }
    .search-florist-overlay-content .search-results .different-occasions {
        margin-top: 24px
    }
    .flower-results-content {
        padding-bottom: 200px
    }
    .change-currency-overlay {
        height: 85vh;
        top: unset;
        bottom: 0;
        border-radius: unset;
        transform: translateY(100%);
        border-radius: 8px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
    .change-currency-overlay-content .top .currency-btn {
        font-size: 14px
    }
}

.order-toast-overlay {
    background: var(--brand);
    border-radius: var(--border_radius_small);
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 20px;
    position: fixed;
    top: 2vh;
    right: 16vw;
    z-index: 200;
    opacity: 0;
    transform: translateY(-20px);
    display: none
}

.d2f-hero {
    position: relative;
    height: clamp(420px, 38vh, 660px);
    background: #fff;
    opacity: 0;
    border-radius: 12px;
    overflow: hidden
}

.d2f-hero-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 70% center;
    object-position: 70% center
}

.d2f-approved-badge {
    position: absolute;
    bottom: 1.25rem;
    right: 3.5rem;
    background: rgba(0, 0, 0, .45);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-radius: 999px;
    padding: .45rem 1.1rem;
    display: flex;
    align-items: center;
    gap: .6rem;
    opacity: 0;
    transform: translateY(16px);
    z-index: 5
}

@media (max-width:768px) {
    .d2f-hero {
        height: clamp(320px, 34vh, 420px)
    }
    .d2f-hero-slide img {
        -o-object-position: 60% center;
        object-position: 60% center
    }
    .d2f-hero-content {
        top: auto;
        bottom: 28px;
        transform: none;
        left: 20px;
        max-width: calc(100% - 40px)
    }
    .d2f-hero-headline {
        font-size: 2rem;
        line-height: 1.08;
        margin-bottom: 16px
    }
    .d2f-hero-subline {
        font-size: 1rem
    }
    .d2f-hero-cta-group .btn {
        padding: 14px 22px;
        font-size: 1rem
    }
    .d2f-hero-slide img {
        -o-object-position: 95% center;
        object-position: 95% center
    }
    .d2f-hero-content {
        left: 16px;
        right: 16px;
        bottom: 24px;
        max-width: none
    }
    .d2f-hero-cta-group {
        display: flex;
        flex-wrap: nowrap;
        gap: 10px;
        align-items: center
    }
    .d2f-hero-cta-group .btn {
        padding: 12px 16px;
        font-size: .9rem;
        white-space: nowrap
    }
    .d2f-hero-headline {
        margin-bottom: 20px
    }
    .d2f-hero-subline {
        margin-bottom: 10px
    }
    .d2f-hero-slide img {
        -o-object-position: 55% center;
        object-position: 55% center
    }
    .d2f-hero-overlay {
        background: linear-gradient(to top, rgba(0, 0, 0, .65), rgba(0, 0, 0, .35), rgba(0, 0, 0, 0))
    }
    .d2f-hero-slide img {
        -o-object-position: 90% center;
        object-position: 90% center
    }
}

.tile-large-white-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain!important;
    object-fit: contain!important
}

.tile-large-white-img img.bg {
    border-radius: 8px;
    -o-object-fit: contain;
    object-fit: contain
}

.where-sending-banner-content .where-sending .where-sending-title {
    font-weight: var(--weight_600);
    color: var(--brand);
    font-size: 20px;
    margin-right: 24px;
    min-width: -moz-fit-content;
    min-width: fit-content
}

@media only screen and (max-width:1023px) {
    footer .footer-nav-menu-section-content .col-service {
        display: block
    }
    footer .footer-nav-menu-section-content .col .footer-menu-container {
        display: none;
        margin-bottom: 24px
    }
    footer .footer-nav-menu-section-content .col-title {
        margin: 0;
        padding: 22px 0 24px
    }
    footer .footer-nav-menu-section-content .col-title .footer-nav-title:after {
        content: "";
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        background-image: url("/template/2024/images/nav-arrow.svg");
        background-repeat: no-repeat;
        background-size: contain
    }
    footer .footer-nav-menu-section-content .col .footer-link {
        margin-bottom: 16px
    }
    .where-sending-banner-content .where-sending {
        flex-direction: column
    }
    .where-sending-banner-content .where-sending .where-sending-title {
        min-width: unset;
        margin-bottom: 16px
    }
}

@media only screen and (max-width:767px) {
    .mobile-nav-content .mobile-logo img {
        max-width: 133px
    }
    footer .footer-nav-menu-section-content .col-service .cust-block .cta-title {
        font-size: 14px
    }
    footer .footer-nav-menu-section-content .col-service .cust-block .cta-small {
        font-size: 12px
    }
    footer .footer-nav-menu-section-content .col .footer-link {
        font-size: 14px
    }
    .tile-large-white-img {
        height: 326px
    }
    .where-sending-banner-content .where-sending .where-sending-title {
        margin-bottom: 8px;
        font-size: 16px
    }
    .where-sending-banner-content .where-sending input {
        font-size: 16px;
        margin-top: 8px;
        width: 100%;
        margin-left: 0
    }
    .where-sending-banner-content .where-sending .country-content {
        flex-direction: column
    }
    .where-sending-banner-content .where-sending .country-content .country-dropdown-c {
        top: 50px
    }
    .where-sending-banner-content .where-sending .country-content .checkout-middle-country {
        max-width: 100%
    }
}

@media only screen and (max-width:1024px) {
    .flag-overlay-content .flag-inter-content .flag-inter {
        justify-content: flex-start;
        overflow-x: scroll;
        width: calc(20% - 16px)
    }
    header .usp-banner-section {
        display: none
    }
    header .usp-banner-section-content .usp-swiper-wrapper:before {
        left: -56px
    }
    header .usp-banner-section-content .usp-swiper-wrapper:after {
        right: -56px
    }
    header .main-head {
        display: none
    }
    header .nav-container {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .flag-overlay-content .flag-inter-content .flag-inter {
        width: calc(25% - 16px)
    }
    .flag-overlay-content .flag-inter-content .flag-inter p {
        font-size: 12px
    }
    .select-a-florist-overlay {
        height: 85vh;
        top: unset;
        bottom: 0;
        border-radius: unset;
        transform: translateY(100%);
        border-radius: 8px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
    .select-a-florist-overlay-content .overlay-close {
        right: 20px
    }
    .select-a-florist-overlay-content .select-title {
        padding-left: 20px;
        font-size: 20px
    }
    .select-a-florist-overlay-content .select-result-content {
        padding-left: 20px;
        padding-right: 20px;
        height: calc(75vh - 100px);
        padding-bottom: 190px
    }
    .select-a-florist-overlay-content .select-a-florist-button {
        position: fixed
    }
    .search-florist-overlay {
        height: 85vh;
        top: unset;
        bottom: 0;
        border-radius: unset;
        transform: translateY(100%);
        border-radius: 8px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding: 32px
    }
    .search-florist-overlay-content .h3 {
        font-size: 20px
    }
    .search-florist-overlay-content .search-results .input-actions p {
        font-size: 12px
    }
    .search-florist-overlay-content .search-results .different-occasions {
        margin-top: 24px
    }
    .flower-results-content {
        padding-bottom: 200px
    }
    .change-currency-overlay {
        height: 85vh;
        top: unset;
        bottom: 0;
        border-radius: unset;
        transform: translateY(100%);
        border-radius: 8px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
    .change-currency-overlay-content .top .currency-btn {
        font-size: 14px
    }
    .product-box-delivery-overlay-content .overlay-close {
        right: 20px
    }
    .product-box-delivery-overlay-content .select-title {
        font-size: 20px
    }
}

.d2f-hero {
    position: relative;
    height: clamp(420px, 38vh, 660px);
    background: #fff;
    opacity: .01;
    border-radius: 12px;
    overflow: hidden
}

.d2f-hero-content [data-hero] {
    opacity: 0;
    transform: translateX(-130px)
}

@media (max-width:768px) {
    .d2f-hero {
        height: clamp(320px, 34vh, 420px)
    }
    .d2f-hero-slide img {
        object-position: 60% center
    }
    .d2f-hero-content {
        top: auto;
        bottom: 28px;
        transform: none;
        left: 20px;
        max-width: calc(100% - 40px)
    }
    .d2f-hero-headline {
        font-size: 2rem;
        line-height: 1.08;
        margin-bottom: 16px
    }
    .d2f-hero-subline {
        font-size: 1rem
    }
    .d2f-hero-cta-group .btn {
        padding: 14px 22px;
        font-size: 1rem
    }
    .d2f-hero-slide img {
        object-position: 95% center
    }
    .d2f-hero-content {
        left: 16px;
        right: 16px;
        bottom: 24px;
        max-width: none
    }
    .d2f-hero-cta-group {
        display: flex;
        flex-wrap: nowrap;
        gap: 10px;
        align-items: center
    }
    .d2f-hero-cta-group .btn {
        padding: 12px 16px;
        font-size: .9rem;
        white-space: nowrap
    }
    .d2f-hero-headline {
        margin-bottom: 20px
    }
    .d2f-hero-subline {
        margin-bottom: 10px
    }
    .d2f-hero-slide img {
        object-position: 55% center
    }
    .d2f-hero-overlay {
        background: linear-gradient(to top, rgba(0, 0, 0, .65), rgba(0, 0, 0, .35), rgba(0, 0, 0, 0))
    }
    .d2f-hero-slide img {
        object-position: 90% center
    }
}

@media (min-width:1200px) {
    #product-grid {
        grid-template-columns: repeat(4, 1fr)
    }
    .product-tile:nth-child(3) {
        grid-column: span 2;
        grid-row: span 2;
        height: 100%
    }
    .product-tile:nth-child(3) .tile-large-white-img {
        height: 759px
    }
}

@media only screen and (max-width:1023px) {
    footer .footer-nav-menu-section-content .col {
        border-bottom: 1px solid var(--border_one)
    }
    footer .footer-nav-menu-section-content .col-service {
        display: block
    }
    footer .footer-nav-menu-section-content .col .footer-menu-container {
        display: none;
        margin-bottom: 24px
    }
    footer .footer-nav-menu-section-content .col-title {
        margin: 0;
        padding: 22px 0 24px
    }
    footer .footer-nav-menu-section-content .col-title .footer-nav-title:after {
        content: "";
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        background-image: url("/template/2024/images/nav-arrow.svg");
        background-repeat: no-repeat;
        background-size: contain
    }
    footer .footer-nav-menu-section-content .col .footer-link {
        margin-bottom: 16px
    }
    .where-sending-banner-content .where-sending {
        flex-direction: column
    }
    .where-sending-banner-content .where-sending .where-sending-title {
        min-width: unset;
        margin-bottom: 16px
    }
}

@media only screen and (max-width:767px) {
    .pop-up-selected-florist-top span {
        font-size: 14px
    }
    .mobile-nav-content .mobile-logo img {
        max-width: 133px
    }
    footer .footer-nav-menu-section-content .col-service .cust-block .cta-title {
        font-size: 14px
    }
    footer .footer-nav-menu-section-content .col-service .cust-block .cta-small {
        font-size: 12px
    }
    footer .footer-nav-menu-section-content .col .footer-link {
        font-size: 14px
    }
    .tile-large-white-img {
        height: 326px
    }
    .where-sending-banner-content .where-sending .where-sending-title {
        margin-bottom: 8px;
        font-size: 16px
    }
    .where-sending-banner-content .where-sending input {
        font-size: 16px;
        margin-top: 8px;
        width: 100%;
        margin-left: 0
    }
    .where-sending-banner-content .where-sending .country-content {
        flex-direction: column
    }
    .where-sending-banner-content .where-sending .country-content .country-dropdown-c {
        top: 50px
    }
    .where-sending-banner-content .where-sending .country-content .checkout-middle-country {
        max-width: 100%
    }
}

:root {
    --template-folder: "/template/LMLJUWPN"
}

:root {
    --brand: #23233D;
    --brand_purple: #d42e75;
    --purple_bg: #d42e75;
    --purple_border: #d42e75;
    --brand_purple_hov: #d42e75;
    --brand_blue_opac: rgba(39, 40, 71, 0.64);
    --brand_yellow: #ffd86e;
    --brand_yellow_hov: #f9ce58;
    --brand_yellow_2: #FDE7EF;
    --yellow_alt: #FEFCEA;
    --d2f-pink: #FCEAF4;
    --d2f-yellow: #FCF1D3;
    --d2f-blue: #ebf0ff;
    --brand_turq: #9CF0E0;
    --off_white: #FEFCED;
    --white: #FFF;
    --white_alt: #F9F9F9;
    --white_hov: #FBF9FF;
    --black: #000;
    --grey: #DDDBDD;
    --grey_alt: #F7F7F7;
    --blue_light: #57576F;
    --blue_alt: #23233D;
    --border_one: #D9D9D9;
    --border_two: #E6E7EA;
    --border_three: #C2C2CA;
    --seperator: #CFCFCF;
    --placeholder: #A8A8B6;
    --button_text: #23233D;
    --green: #72CE76;
    --green_alt: #8AD68D;
    --peach: #FC9D68;
    --peach_alt: #FDAD81;
    --peach_alt_2: #FEE5E4;
    --peach_alt_3: #FEDECD;
    --red: #D05252;
    --red_alt: #FF876D;
    --grey_alt_2: #535369;
    --grey_alt_3: #9493A2;
    --white_alt_2: #F9F9FB;
    --green_alt_2: #E8F7E8;
    --green_alt_3: #D0EFD2;
    --bg_background: #F3F3F3;
    --green_alt_4: #D0F08C;
    --green_alt_5: #4D884F;
    --green_dark: #165510;
    --orange: #FAB300;
    --progress: #F2F2F5;
    --box: #E5E1F1;
    --ease: 0.3s;
    --big_ease: 0.5s;
    --weight_100: 100;
    --weight_200: 200;
    --weight_300: 300;
    --weight_400: 400;
    --weight_500: 500;
    --weight_600: 600;
    --weight_700: 700;
    --weight_800: 800;
    --weight_900: 900;
    --tier_1: 10;
    --tier_2: 20;
    --tier_3: 30;
    --tier_4: 40;
    --tier_5: 50;
    --tier_6: 60;
    --tier_7: 70;
    --tier_8: 80;
    --tier_9: 90;
    --tier_10: 100;
    --body_background_colour: var(--white);
    --line_height: 1.35em;
    --line_height_tight: 1.25;
    --line_height_loose: 1.75;
    --body_font: "Rethink Sans", sans-serif;
    --body_line_height: var(--line_height);
    --body_font_weight: var(--weight_400);
    --body_margin: 0 0 24px;
    --body_font_size: 16px;
    --heading_font: "Rethink Sans", sans-serif;
    --h1: 20px;
    --h2: 20px;
    --h3: 20px;
    --h4: 32px;
    --h5: 14px;
    --h6: 18px;
    --heading_font_weight: var(--weight_600);
    --heading_margin: 0 0 18px;
    --letter_spacing: 0;
    --border_radius: 8px;
    --border_radius_small: 4px;
    --border_radius_medium: 16px;
    --border_radius_large: 24px;
    --swiper-dot-bg: #fff;
    --swiper-dot-active: #ffd700
}

.flex {
    display: flex
}

.flex-align {
    display: flex;
    align-items: center
}

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

.icon-wrap {
    display: flex;
    align-items: center
}

.icon-wrap img {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.icon-wrap img:last-child {
    margin-right: 0
}

.icon-wrap .feefo_img {
    width: 56px;
    height: auto
}

.icon-wrap i {
    margin-right: 4px
}

.input-wrap {
    position: relative
}

.input-wrap i {
    color: var(--blue_alt);
    position: absolute;
    left: 0;
    top: 8px;
    padding: 8px 12px
}

.input-wrap input {
    width: 100%;
    padding-left: 30px!important
}

.section-border-bottom {
    border-bottom: 1px solid var(--border_two)
}

.where-sending-banner {
    border-radius: 12px
}

header,
nav,
section {
    display: block
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    margin: 0;
    background-color: var(--body_background_colour)
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

strong {
    font-weight: 700
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
select {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button {
    -webkit-appearance: button
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input {
    -webkit-appearance: none;
    border-radius: 0
}

input[type=radio] {
    -webkit-appearance: radio
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

a {
    outline: 0;
    text-decoration: none
}

button {
    outline: 0;
    border: none;
    padding: 0
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

img {
    transform: translateZ(0)
}

img.bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: "object-fit: cover";
    overflow-clip-margin: unset
}

.lazyload {
    opacity: 0
}

a {
    color: var(--brand)
}

html {
    scroll-behavior: smooth
}

body {
    overflow-x: hidden;
    background: #f2f2f2;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

body::-webkit-scrollbar {
    display: none
}

.wrapper {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding-bottom: 60px
}

.wrapper-alt {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    background: #fff
}

.wrapper-content {
    max-width: 1440px;
    width: 100%;
    padding-inline: 32px
}

@media only screen and (max-width:1440px) {
    .wrapper-content {
        padding-inline: 30px
    }
}

@media only screen and (max-width:1024px) {
    .wrapper-content {
        padding-inline: 24px
    }
}

@media only screen and (max-width:768px) {
    .wrapper-content {
        padding-inline: 16px
    }
}

.search-wrapper {
    max-width: 1440px;
    width: 100%;
    margin-bottom: 16px;
    padding-inline: 32px
}

@media only screen and (max-width:1440px) {
    .search-wrapper {
        padding-inline: 30px
    }
}

@media only screen and (max-width:1024px) {
    .search-wrapper {
        padding-inline: 24px
    }
}

@media only screen and (max-width:768px) {
    .search-wrapper {
        padding-inline: 16px
    }
}

.gutter {
    padding-inline: 32px;
    max-width: 1440px;
    margin: 0 auto
}

@media only screen and (max-width:1440px) {
    .gutter {
        padding-inline: 30px
    }
}

@media only screen and (max-width:1024px) {
    .gutter {
        padding-inline: 0
    }
}

.hero-gutter {
    padding-inline: 32px
}

@media only screen and (max-width:1440px) {
    .hero-gutter {
        padding-inline: 30px
    }
}

@media only screen and (max-width:1024px) {
    .hero-gutter {
        padding-inline: 24px
    }
}

@media only screen and (max-width:768px) {
    .hero-gutter {
        padding-inline: 16px
    }
}

.best-sellers-overlay,
.flag-overlay,
.flowers-overlay,
.occasions-overlay {
    max-width: 1320px;
    margin: 0 auto;
    top: 170px!important;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .04);
    opacity: 0;
    transform: translateY(-12px)
}

.usp-banner-section .wrapper-content {
    padding-inline: 60px
}

.no-scroll-overlay {
    background: #000;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: -500%;
    z-index: 102;
    display: none;
    opacity: .7
}

body,
html {
    font-family: var(--body_font);
    font-weight: var(--weight_400);
    color: var(--brand);
    font-optical-sizing: auto;
    font-variant-numeric: lining-nums
}

h1,
h3 {
    font-family: var(--heading_font);
    font-weight: var(--heading_font_weight);
    margin: var(--heading_margin);
    letter-spacing: var(--letter_spacing);
    font-feature-settings: "liga" off!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: never
}

.h1,
h1 {
    font-size: var(--h1);
    font-weight: var(--weight_700)
}

.h3,
h3 {
    font-size: var(--h3);
    font-weight: var(--weight_600)
}

p {
    font-family: var(--body_font);
    font-size: var(--body_font_size);
    font-weight: var(--weight_400);
    color: var(--brand);
    line-height: 24px;
    margin: 0;
    font-feature-settings: "liga" off!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: never
}

.p-style-medium {
    font-size: 14px
}

span {
    font-feature-settings: "liga" off!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: never
}

a {
    font-feature-settings: "liga" off!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: never
}

.head-overlay-link {
    font-size: 14px;
    font-weight: var(--weight_400);
    line-height: normal;
    color: var(--button_text)
}

.head-nav {
    font-size: 14px;
    font-weight: var(--weight_400)
}

.head-nav-small {
    font-size: 14px;
    font-weight: var(--weight_400);
    line-height: 10px
}

.mobile-nav-link {
    font-size: 16px;
    font-weight: var(--weight_400);
    color: var(--button_text)
}

.mobile-nav-link-title {
    font-size: 16px;
    font-weight: var(--weight_400);
    line-height: normal;
    color: var(--button_text)
}

.mobile-nav-link-link {
    font-weight: var(--weight_400);
    margin-bottom: 16px;
    font-size: 16px;
    color: var(--button_text)
}

.head-usp {
    font-size: 12px;
    font-weight: var(--weight_400);
    line-height: normal
}

.head-usp a {
    font-weight: var(--weight_400)
}

.footer-nav-title {
    font-size: 16px;
    font-weight: var(--weight_700);
    line-height: normal;
    color: var(--button_text)
}

.footer-link {
    font-size: 16px;
    font-weight: var(--weight_400);
    line-height: normal;
    color: var(--button_text);
    width: fit-content
}

strong {
    font-family: var(--body_font);
    font-weight: var(--weight_600);
    color: var(--brand)
}

.btn {
    background: var(--brand_yellow);
    border: 1px solid var(--brand_yellow);
    border-radius: var(--border_radius);
    padding: 15px;
    font-weight: var(--weight_700);
    line-height: normal;
    color: var(--button_text);
    display: inline-block;
    text-align: center;
    outline: 0
}

.btn-white {
    border: 1px solid #c2c2ca;
    background: var(--white)
}

.occasions-overlay {
    padding: 40px 0;
    background: var(--white);
    position: absolute;
    top: 175px;
    left: 0;
    right: 0;
    z-index: 50;
    opacity: 0;
    overflow: hidden
}

.occasions-overlay-content {
    display: flex;
    justify-content: space-between
}

.occasions-overlay-content .col-title {
    color: var(--button_text);
    font-weight: var(--weight_600);
    font-size: 14px;
    line-height: normal;
    margin-bottom: 16px
}

.occasions-overlay-content .col-links {
    display: flex;
    flex-direction: column
}

.occasions-overlay-content .col-links a {
    margin-bottom: 12px
}

.occasions-overlay-content .col-links a:last-child {
    margin-bottom: 0
}

.occasions-overlay-content .col-links-duo {
    display: flex;
    flex-direction: row
}

.occasions-overlay-content .col-links-duo .col-one,
.occasions-overlay-content .col-links-duo .col-two {
    display: flex;
    flex-direction: column
}

.occasions-overlay-content .col-links-duo .col-two {
    margin-left: 80px
}

.occasions-overlay-content .col-image {
    width: 100%;
    max-width: 260px;
    max-height: 260px;
    border-radius: var(--border_radius);
    overflow: hidden
}

.occasions-overlay-content .col-image .image-col-container {
    position: relative;
    width: 100%;
    max-width: 260px;
    height: 260px
}

.occasions-overlay-content .col-image .image-col-container p {
    background: linear-gradient(180deg, rgba(49, 35, 85, 0) 0, #312355 100%);
    position: absolute;
    color: #fff;
    padding: 16px;
    bottom: 0;
    font-size: 14px;
    font-weight: var(--weight_600);
    line-height: normal;
    width: 100%
}

.flowers-overlay {
    padding: 40px 0;
    background: var(--white);
    position: absolute;
    top: 175px;
    left: 0;
    right: 0;
    z-index: 50;
    opacity: 0
}

.flowers-overlay-content {
    display: flex;
    justify-content: space-between
}

.flowers-overlay-content .left-links {
    display: flex;
    width: 100%
}

.flowers-overlay-content .left-links .col {
    margin-left: 50px
}

.flowers-overlay-content .left-links .col-title {
    color: var(--button_text);
    font-weight: var(--weight_600);
    font-size: 14px;
    line-height: normal;
    margin-bottom: 16px
}

.flowers-overlay-content .left-links .col-links {
    display: flex;
    flex-direction: column
}

.flowers-overlay-content .left-links .col-links a {
    margin-bottom: 12px
}

.flowers-overlay-content .left-links .col-links a:last-child {
    margin-bottom: 0
}

.flowers-overlay-content .left-links .col-links-duo {
    display: flex;
    flex-direction: row
}

.flowers-overlay-content .left-links .col-links-duo .col-one,
.flowers-overlay-content .left-links .col-links-duo .col-two {
    display: flex;
    flex-direction: column
}

.flowers-overlay-content .left-links .col-links-duo .col-two {
    margin-left: 50px
}

.flowers-overlay-content .col-image {
    margin-right: 0;
    width: 100%;
    max-width: 260px;
    max-height: 260px;
    border-radius: var(--border_radius);
    overflow: hidden
}

.flowers-overlay-content .col-image .image-col-container {
    position: relative;
    width: 100%;
    max-width: 260px;
    height: 260px
}

.flowers-overlay-content .col-image .image-col-container p {
    background: linear-gradient(180deg, rgba(49, 35, 85, 0) 0, #312355 100%);
    position: absolute;
    color: #fff;
    padding: 16px;
    bottom: 0;
    font-size: 14px;
    font-weight: var(--weight_600);
    line-height: normal;
    width: 100%
}

.best-sellers-overlay {
    padding: 40px 0;
    background: var(--white);
    position: absolute;
    top: 175px;
    left: 0;
    right: 0;
    z-index: 50;
    opacity: 0;
    display: none
}

.best-sellers-overlay-content {
    display: flex
}

.best-sellers-overlay-content .col {
    min-width: 140px
}

.best-sellers-overlay-content .col-title {
    color: var(--button_text);
    font-weight: var(--weight_600);
    font-size: 14px;
    line-height: normal;
    margin-bottom: 16px
}

.best-sellers-overlay-content .col-trio {
    margin-left: 80px
}

.best-sellers-overlay-content .col-trio-content {
    display: flex;
    flex-wrap: wrap
}

.best-sellers-overlay-content .col-trio-content-item {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 286px;
    margin: 6px;
    border-radius: 9px
}

.best-sellers-overlay-content .col-trio-content-item .image-container {
    position: relative;
    width: 100px;
    height: 100px;
    margin-right: 16px;
    border-radius: var(--border_radius);
    overflow: hidden;
    background: var(--bg_background)
}

.best-sellers-overlay-content .col-trio-content-item .image-container img {
    object-fit: contain
}

.best-sellers-overlay-content .col-trio-content-item .item-title {
    font-size: var(--button_text);
    line-height: 24px;
    font-weight: var(--weight_400);
    margin-bottom: 4px
}

.best-sellers-overlay-content .col-trio-content-item .item-price {
    font-size: 14px;
    line-height: normal;
    font-weight: var(--weight_600)
}

.flag-overlay {
    padding: 40px 0;
    background: var(--white);
    position: absolute;
    top: 175px;
    left: 0;
    right: 0;
    z-index: 50;
    opacity: 0
}

.flag-overlay-content .flag-inter-content {
    flex-wrap: wrap;
    justify-content: start;
    gap: 8px
}

.flag-overlay-content .flag-inter-content .flag-inter {
    width: calc(25% - 6px);
    margin: 0;
    margin-top: 16px
}

@media only screen and (max-width:1024px) {
    .flag-overlay-content .flag-inter-content .flag-inter {
        justify-content: flex-start;
        overflow-x: scroll;
        width: calc(20% - 16px)
    }
    header .usp-banner-section {
        display: none
    }
}

.flag-overlay-content .flag-inter-content .flag-inter .image-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 25px;
    height: 18px;
    margin-right: 8px
}

.flag-overlay-content .flag-inter-content .flag-inter .image-container img {
    object-fit: contain
}

.flag-overlay-content .flag-inter-content .flag-inter p {
    font-weight: var(--weight_400);
    line-height: normal;
    font-size: 14px
}

.flag-overlay-content h3 {
    font-size: 15px;
    flex: 0 0 100%;
    margin-bottom: 0
}

.flag-overlay-content .flex {
    align-items: flex-start
}

.flag-overlay-content .flex .top-areas {
    gap: 0
}

.flag-overlay-content .flex .top-areas .flag-inter {
    width: 50%
}

.select-a-florist-overlay {
    width: 100%;
    max-width: 480px;
    height: 100vh;
    background: var(--grey_alt);
    box-shadow: -8px 0 24px 0 rgba(0, 0, 0, .08);
    border-radius: var(--border_radius_medium);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 210;
    overflow: hidden;
    transform: translateX(100%);
    opacity: 0
}

@media only screen and (max-width:767px) {
    .flag-overlay-content .flag-inter-content .flag-inter {
        width: calc(25% - 16px)
    }
    .flag-overlay-content .flag-inter-content .flag-inter p {
        font-size: 12px
    }
    .select-a-florist-overlay {
        height: 85vh;
        top: unset;
        bottom: 0;
        border-radius: unset;
        transform: translateY(100%);
        border-radius: 8px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
}

.select-a-florist-overlay-content {
    height: 100%;
    position: relative
}

.select-a-florist-overlay-content-top {
    background: var(--white)
}

.select-a-florist-overlay-content .overlay-close {
    position: absolute;
    top: 40px;
    right: 40px
}

.select-a-florist-overlay-content .select-title {
    padding-top: 40px;
    padding-left: 40px;
    color: var(--button_text)
}

@media only screen and (max-width:767px) {
    .select-a-florist-overlay-content .overlay-close {
        right: 20px
    }
    .select-a-florist-overlay-content .select-title {
        padding-left: 20px;
        font-size: 20px
    }
}

.select-a-florist-overlay-content .sub-head {
    color: var(--grey_alt_2);
    font-weight: var(--weight_400);
    line-height: normal;
    width: 100%;
    max-width: 344px;
    display: inline-block;
    margin-top: 8px;
    padding-left: 40px
}

@media only screen and (max-width:767px) {
    .select-a-florist-overlay-content .sub-head {
        padding-left: 20px
    }
}

.select-a-florist-overlay-content .select-result-text-content {
    margin-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    overflow: scroll
}

@media only screen and (max-width:767px) {
    .select-a-florist-overlay-content .select-result-text-content {
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 20px
    }
}

.select-a-florist-overlay-content .select-result-content {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 16px;
    height: 100%;
    height: calc(90vh - 100px);
    overflow: scroll;
    padding-bottom: 160px
}

.select-a-florist-overlay-content .select-a-florist-button {
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 35px;
    box-shadow: -8px 0 24px 0 rgba(0, 0, 0, .08)
}

@media only screen and (max-width:767px) {
    .select-a-florist-overlay-content .select-result-content {
        padding-left: 20px;
        padding-right: 20px;
        height: calc(75vh - 100px);
        padding-bottom: 190px
    }
    .select-a-florist-overlay-content .select-a-florist-button {
        position: fixed
    }
}

.select-a-florist-overlay-content .select-a-florist-button-container {
    background: var(--white);
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px
}

.select-a-florist-overlay-content .select-a-florist-button-container .btn,
.select-a-florist-overlay-content .select-a-florist-button-container button {
    width: 100%
}

.product-select-a-florist .select-result-text-content {
    padding-bottom: 16px
}

.product-select-a-florist .continue-disabled {
    background: var(--white_alt_2);
    opacity: .5
}

.search-florist-overlay {
    width: 100%;
    max-width: 480px;
    height: 100vh;
    background: var(--grey_alt);
    box-shadow: -8px 0 24px 0 rgba(0, 0, 0, .08);
    border-radius: var(--border_radius_medium);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    position: fixed;
    padding: 40px;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 210;
    overflow: hidden;
    transform: translateX(100%);
    opacity: 0
}

@media only screen and (max-width:767px) {
    .search-florist-overlay {
        height: 85vh;
        top: unset;
        bottom: 0;
        border-radius: unset;
        transform: translateY(100%);
        border-radius: 8px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding: 32px
    }
    .search-florist-overlay-content .h3 {
        font-size: 20px
    }
}

.search-florist-overlay-content {
    height: 100%;
    position: relative;
    overflow: hidden;
    overflow-y: scroll;
    scrollbar-color: unset
}

.search-florist-overlay-content .overlay-close {
    position: absolute;
    top: 0;
    right: 0
}

.search-florist-overlay-content p {
    color: var(--button_text)
}

.search-florist-overlay-content input {
    margin-top: 32px;
    width: 100%;
    padding: 12px;
    outline: var(--border_three);
    border: 1px solid var(--border_three);
    border-radius: var(--border_radius_small)
}

.search-florist-overlay-content .input-wrap i {
    color: var(--blue_alt);
    top: 40px
}

.search-florist-overlay-content .search-results .input-actions {
    display: flex;
    justify-content: space-between;
    margin-top: 14px
}

.search-florist-overlay-content .search-results .input-actions p {
    font-size: 14px;
    line-height: normal;
    font-weight: var(--weight_400);
    color: var(--grey_alt_2)
}

.search-florist-overlay-content .search-results .different-occasions {
    margin-top: 34px;
    max-height: 250px;
    overflow: hidden;
    margin-bottom: 50px;
    overflow-y: scroll
}

.flower-results-content {
    height: calc(70vh - 100px);
    overflow: scroll;
    max-height: 450px
}

@media only screen and (max-width:767px) {
    .search-florist-overlay-content .search-results .input-actions p {
        font-size: 12px
    }
    .search-florist-overlay-content .search-results .different-occasions {
        margin-top: 24px
    }
    .flower-results-content {
        padding-bottom: 200px
    }
}

.mobile-nav-menu {
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    background: var(--white);
    z-index: 201;
    padding: 24px;
    transform: translateX(200%);
    z-index: 100
}

.mobile-nav-menu-content {
    position: relative
}

.mobile-nav-menu-content .back-action {
    display: flex;
    margin-bottom: 26px
}

.mobile-nav-menu-content .back-action-title {
    color: var(--button_text);
    margin-left: 2px;
    font-weight: var(--weight_600);
    font-size: 14px;
    line-height: normal
}

.mobile-nav-menu-content .mobile-navigation .mobile-nav-link-title {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 24px
}

.mobile-nav-menu-content .mobile-navigation .mobile-nav-link-title:first-child {
    margin-top: 0
}

.mobile-nav-menu-content .mobile-navigation .mobile-nav-link-title:after {
    content: url("/template/2024/images/nav-arrow.svg");
    position: absolute;
    margin-left: 5px;
    right: 0
}

.mobile-nav-menu-content .mobile-navigation .mobile-nav-link-title.is--active::after {
    transform: rotate(-180deg)
}

.mobile-nav-menu-content .mobile-navigation .mobile-nav-items {
    margin-top: 18px;
    display: none
}

.mobile-nav-menu-content .mobile-navigation .mobile-nav-items-content {
    display: flex;
    flex-direction: column
}

.mobile-nav-menu-content .mobile-navigation .mobile-nav-items-content .mobile-nav-link-link {
    margin-left: 8px
}

.mobile-best-seller-overlay,
.mobile-occasions-overlay {
    position: fixed;
    top: 80px;
    right: 0;
    bottom: 0;
    background: var(--white);
    padding: 24px;
    padding-top: 0;
    transform: translateX(200%);
    z-index: 104;
    width: 85%
}

.mobile-flowers-overlay {
    position: fixed;
    top: 80px;
    right: 0;
    bottom: 0;
    background: var(--white);
    z-index: 201;
    padding: 24px;
    padding-top: 0;
    transform: translateX(200%);
    z-index: 105;
    width: 85%
}

.mobile-currency-overlay {
    position: fixed;
    top: 80px;
    right: 0;
    bottom: 0;
    background: var(--white);
    padding: 24px;
    padding-top: 0;
    transform: translateX(200%);
    z-index: 104;
    width: 85%
}

.mobile-currency-overlay-content .mobile-navigation .currency-row {
    padding: 17px
}

.mobile-currency-overlay-content .mobile-navigation .currency-row-tab {
    background: var(--progress);
    padding: 4px 12px;
    border-radius: var(--border_radius_large);
    margin-right: 8px
}

.mobile-currency-overlay-content .mobile-navigation .currency-row p {
    font-size: 12px;
    color: var(--grey_alt_2)
}

.mobile-currency-overlay-content .mobile-navigation .currency-row .type {
    font-size: 16px;
    font-weight: var(--weight_600)
}

.mobile-currency-overlay-content .mobile-navigation .currency-row.is--active {
    background: var(--white-hov);
    border-radius: var(--border_radius)
}

.mobile-currency-overlay-content .mobile-navigation .currency-row.is--active .type {
    color: var(--brand_purple)
}

.mobile-country-overlay {
    position: fixed;
    top: 80px;
    right: 0;
    bottom: 0;
    background: var(--white);
    padding: 24px;
    padding-top: 0;
    transform: translateX(200%);
    z-index: 104;
    width: 85%
}

.mobile-country-overlay-content .mobile-navigation .country-row {
    padding: 17px
}

.mobile-country-overlay-content .mobile-navigation .country-row-flag {
    margin-right: 8px
}

.mobile-country-overlay-content .mobile-navigation .country-row-flag img {
    width: 20px
}

.mobile-country-overlay-content .mobile-navigation .country-row .flag-country {
    color: var(--grey_alt_2);
    font-weight: var(--weight_600)
}

.hero-date-picker-overlay {
    background: var(--white);
    width: 100%;
    max-width: 592px;
    margin: 0 auto;
    position: absolute;
    top: 5%;
    left: 0;
    right: 0;
    max-height: 700px;
    overflow: scroll;
    background: var(--white);
    z-index: 110;
    border-radius: var(--border_radius);
    display: none
}

.hero-date-picker-overlay .overlay-close {
    position: absolute;
    top: 40px;
    right: 40px
}

.hero-date-picker-overlay-content {
    padding: 40px
}

.hero-date-picker-overlay-content .hero-steps-content {
    display: flex
}

.hero-date-picker-overlay-content .hero-steps-content .hero-step {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 77px;
    margin-left: auto;
    margin-right: auto
}

.hero-date-picker-overlay-content .hero-steps-content .hero-step .ph {
    border-radius: 40px;
    background: var(--yellow_alt);
    padding: 8px
}

.hero-date-picker-overlay-content .hero-steps-content .hero-step span {
    font-weight: var(--weight_600);
    line-height: normal
}

.hero-date-picker-overlay-content .hero-steps-content .hero-step::after {
    content: "";
    position: absolute;
    width: 200%;
    height: 1px;
    color: var(--border_three);
    bottom: 50%;
    left: 50%;
    top: 15px;
    transform: translateY(50%);
    border-radius: 1px;
    border-style: dashed;
    border-top: 1px;
    z-index: -1
}

.hero-date-picker-overlay-content .hero-steps-content .hero-step:last-child::after {
    display: none
}

.hero-date-picker-overlay-content .hero-steps-content .disabled {
    color: var(--blue_alt)
}

.hero-date-picker-overlay-content .hero-steps-content .disabled .ph {
    background: var(--white_alt_2)
}

.hero-date-picker-overlay-content .input-wrap {
    margin-top: 4px
}

.hero-date-picker-overlay-content .input-wrap .ph {
    font-size: 20px;
    top: 4px
}

.hero-date-picker-overlay-content .input-wrap input {
    padding: 12px;
    border-radius: var(--border_radius_small);
    border: 1px solid var(--border_three);
    padding-left: 38px!important
}

.hero-date-picker-overlay-content .hero-date-btn {
    margin-top: 100px;
    width: 100%
}

.hero-date-picker-overlay-content .hero-steps-inputs .hero-over-title {
    margin-bottom: 4px
}

.hero-date-picker-overlay-selection {
    background: var(--white);
    width: 100%;
    max-width: 592px;
    max-height: 780px;
    overflow: scroll;
    margin: 0 auto;
    position: absolute;
    top: 5%;
    left: 0;
    right: 0;
    background: var(--white);
    z-index: 110;
    border-radius: var(--border_radius);
    display: none
}

.hero-date-picker-overlay-selection .overlay-close {
    position: absolute;
    top: 40px;
    right: 40px
}

.hero-date-picker-overlay-selection-content {
    padding: 40px;
    overflow: scroll
}

.hero-date-picker-overlay-selection-content .hero-steps-content {
    display: flex
}

.hero-date-picker-overlay-selection-content .hero-steps-content .hero-step {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto
}

.hero-date-picker-overlay-selection-content .hero-steps-content .hero-step .ph {
    border-radius: 40px;
    background: var(--yellow_alt);
    padding: 8px
}

.hero-date-picker-overlay-selection-content .hero-steps-content .hero-step span {
    font-weight: var(--weight_600);
    line-height: normal
}

.hero-date-picker-overlay-selection-content .hero-steps-content .hero-step::after {
    content: "";
    position: absolute;
    width: 200%;
    height: 1px;
    color: var(--border_three);
    bottom: 50%;
    left: 50%;
    top: 15px;
    transform: translateY(50%);
    border-radius: 1px;
    border-style: dashed;
    border-top: 1px;
    z-index: -1
}

@media only screen and (max-width:533px) {
    .hero-date-picker-overlay-selection-content .hero-steps-content .hero-step::after {
        width: 171%
    }
}

@media only screen and (max-width:457px) {
    .hero-date-picker-overlay-selection-content .hero-steps-content .hero-step::after {
        width: 140%
    }
}

.hero-date-picker-overlay-selection-content .hero-steps-content .hero-step:last-child::after {
    display: none
}

.hero-date-picker-overlay-selection-content .hero-steps-content .disabled {
    color: var(--blue_alt)
}

.hero-date-picker-overlay-selection-content .hero-steps-content .disabled .ph {
    background: var(--white_alt_2)
}

.hero-date-picker-overlay-selection-content .sending-to {
    font-weight: var(--weight_600)
}

.hero-date-picker-overlay-selection-content .input-wrap {
    margin-top: 4px;
    margin-bottom: 36px
}

.hero-date-picker-overlay-selection-content .input-wrap input {
    padding: 12px;
    border-radius: var(--border_radius_small);
    border: 1px solid var(--border_three)
}

.hero-date-picker-overlay-selection-content .date-picker-selection {
    display: flex
}

.hero-date-picker-overlay-selection-content .date-picker-selection .right {
    width: 100%;
    margin-left: 24px
}

.hero-date-picker-overlay-selection-content .date-picker-selection-btns {
    display: flex;
    flex-direction: column;
    margin-top: 24px
}

.hero-date-picker-overlay-selection-content .date-picker-selection-btns .change {
    text-align: center;
    margin-top: 16px
}

.change-currency-overlay {
    width: 100%;
    max-width: 480px;
    height: 100vh;
    background: var(--grey_alt);
    box-shadow: -8px 0 24px 0 rgba(0, 0, 0, .08);
    border-radius: var(--border_radius_medium);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 210;
    overflow: hidden;
    transform: translateX(100%);
    opacity: 0
}

@media only screen and (max-width:767px) {
    .change-currency-overlay {
        height: 85vh;
        top: unset;
        bottom: 0;
        border-radius: unset;
        transform: translateY(100%);
        border-radius: 8px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
    .change-currency-overlay-content .top .currency-btn {
        font-size: 14px
    }
}

.change-currency-overlay-content {
    height: 100%;
    position: relative;
    padding: 40px
}

.change-currency-overlay-content .overlay-close {
    position: absolute;
    top: 40px;
    right: 40px
}

.change-currency-overlay-content .top .title-small {
    font-weight: var(--weight_600);
    font-size: 14px;
    line-height: normal
}

.change-currency-overlay-content .top .select-currency-container {
    position: relative
}

.change-currency-overlay-content .top .currency-btn {
    margin-top: 4px;
    border: 1px solid var(--border_three);
    border-radius: var(--border_radius_small);
    width: 100%;
    outline: 0;
    padding: 16px;
    height: 53px;
    padding-left: 16px!important;
    position: relative;
    background: var(--white)
}

.change-currency-overlay-content .top .currency-btn p span {
    margin-right: 8px
}

.change-currency-overlay-content .top .currency-dropdown {
    opacity: 0;
    border: 1px solid var(--border_three);
    background: var(--white);
    border-radius: var(--border_radius_small);
    overflow: auto;
    position: absolute;
    left: 0;
    top: 80px;
    right: 0;
    z-index: 10;
    height: 50vh
}

.change-currency-overlay-content .top .currency-dropdown .currency-row {
    padding: 16px;
    border-bottom: 1px solid var(--border_three)
}

.change-currency-overlay-content .top .currency-dropdown .currency-row:last-child {
    border-bottom: 0
}

.change-currency-overlay-content .bottom {
    position: absolute;
    bottom: 40px;
    left: 40px;
    right: 40px
}

.change-currency-overlay-content .bottom .need {
    text-align: center;
    margin-bottom: 17px
}

.generic-overlay {
    position: fixed;
    background: var(--white);
    border-radius: var(--border_radius);
    border: 1px solid var(--border_two);
    width: 100%;
    max-width: 592px;
    padding: 40px;
    z-index: 103;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 103
}

.generic-overlay .overlay-close {
    position: absolute;
    top: 40px;
    right: 40px
}

.generic-overlay-content .generic-title {
    color: var(--brand_purple);
    font-size: 24px;
    font-weight: var(--weight_600);
    width: 100%;
    max-width: 90%;
    line-height: 32px
}

.generic-overlay-content .generic-message {
    font-size: 14px;
    width: 100%;
    max-width: 90%;
    color: var(--grey_alt_2);
    margin-top: 8px;
    margin-bottom: 24px
}

.order-toast-overlay {
    background: var(--brand);
    border-radius: var(--border_radius_small);
    max-width: fit-content;
    padding: 20px;
    position: fixed;
    top: 2vh;
    right: 16vw;
    z-index: 200;
    opacity: 0;
    transform: translateY(-20px);
    display: none
}

@media only screen and (max-width:767px) {
    .order-toast-overlay {
        top: 4vh;
        right: 8vw;
        left: 8vw
    }
}

.order-toast-overlay-content p {
    color: var(--white)
}

.order-toast-overlay .progress-bar {
    background-color: var(--blue_alt);
    height: 5px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: left;
    animation: 3s linear forwards progress
}

@keyframes progress {
    from {
        transform: scaleX(0)
    }
    to {
        transform: scaleX(1)
    }
}

.product-box-delivery-overlay {
    width: 100%;
    max-width: 480px;
    height: 100vh;
    background: var(--grey_alt);
    box-shadow: -8px 0 24px 0 rgba(0, 0, 0, .08);
    border-radius: var(--border_radius_medium);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 210;
    overflow: hidden;
    transform: translateX(100%);
    opacity: 0
}

@media only screen and (max-width:767px) {
    .product-box-delivery-overlay {
        height: 85vh;
        top: unset;
        bottom: 0;
        border-radius: unset;
        transform: translateY(100%);
        border-radius: 8px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
}

.product-box-delivery-overlay-content {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column
}

.product-box-delivery-overlay-content-top {
    background: var(--white);
    padding: 40px;
    flex-shrink: 0
}

.product-box-delivery-overlay-content .overlay-close {
    position: absolute;
    top: 40px;
    right: 40px
}

.product-box-delivery-overlay-content .select-title {
    color: var(--button_text)
}

@media only screen and (max-width:767px) {
    .product-box-delivery-overlay-content .overlay-close {
        right: 20px
    }
    .product-box-delivery-overlay-content .select-title {
        font-size: 20px
    }
}

.product-box-delivery-overlay-content .sub-head {
    color: var(--grey_alt_2);
    font-weight: var(--weight_400);
    line-height: normal;
    width: 100%;
    max-width: 344px;
    display: inline-block
}

.product-box-delivery-overlay .select-title-new {
    font-size: 20px;
    color: var(--button_text);
    font-weight: var(--weight_700);
    line-height: normal;
    padding-left: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
    flex-shrink: 0
}

.product-box-delivery-overlay .flower-results-content {
    flex: 1;
    overflow-y: auto;
    padding: 0 40px 40px;
    height: auto;
    max-height: 100%
}

.product-box-delivery-overlay .pop-up-selected-florist {
    margin: 24px 0
}

.product-box-delivery-overlay .pop-up-selected-florist .prod-selected-chosen {
    margin: 24px 0
}

.product-box-delivery-overlay .prod-box-select-title {
    margin: 24px 0;
    line-height: normal
}

.product-box-delivery-overlay .product-box-delivery-alert {
    background: #e9deff;
    padding: 16px 24px;
    border-radius: var(--border_radius_small);
    min-width: 100%;
    margin-top: 35px
}

.countdown {
    font-weight: var(--weight_600)
}

@media (min-width:1024px) {
    .wrapper-content--hero {
        padding: 0 30px;
        margin-inline: auto
    }
}

.wrapper-content--hero {
    position: relative;
    height: 100%;
    border-radius: var(--border-radius);
    overflow: hidden
}

.d2f-hero {
    position: relative;
    height: clamp(420px, 38vh, 660px);
    background: #fff;
    opacity: 1;
    border-radius: 12px;
    overflow: hidden
}

.d2f-hero-slide {
    position: absolute;
    inset: 0;
    opacity: 0
}

.d2f-hero-slide.is-active {
    opacity: 1;
    z-index: 1
}

.d2f-hero-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 70% center
}

.d2f-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, .55), rgba(0, 0, 0, .25), rgba(0, 0, 0, 0));
    z-index: 2
}

.d2f-hero-content {
    position: absolute;
    left: clamp(40px, 6vw, 60px);
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    max-width: 660px;
    color: #fff
}

.d2f-hero-content [data-hero] {
    opacity: 0;
    transform: translateX(-80px)
}

.d2f-hero-content .icon-wrap {
    display: flex;
    align-items: center;
    gap: 3px;
    margin-bottom: 12px
}

.d2f-hero-content .icon-wrap img {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    transform: translateY(-2.5px)
}

.d2f-hero-headline {
    font-size: clamp(3rem, 3vw, 3.9rem);
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.025em;
    margin-bottom: 34px;
    color: #fff
}

.d2f-hero-subline {
    font-size: 1.15rem;
    margin-bottom: 18px;
    color: #fff;
    max-width: 520px
}

.d2f-hero-cta-group {
    display: flex;
    gap: 8px
}

.d2f-hero-cta-group .btn {
    padding: 14px 26px;
    font-size: 1rem
}

.d2f-approved-badge {
    position: absolute;
    bottom: 1.25rem;
    right: 3.5rem;
    background: rgba(0, 0, 0, .45);
    backdrop-filter: blur(8px);
    border-radius: 999px;
    padding: .45rem 1.1rem;
    display: flex;
    align-items: center;
    gap: .6rem;
    opacity: 0;
    transform: translateY(16px);
    z-index: 5
}

.d2f-approved-badge img {
    filter: brightness(0) invert(1)
}

.d2f-approved-badge .star {
    filter: none
}

.d2f-approved-badge p {
    color: #fff;
    font-size: .8rem;
    opacity: .9;
    white-space: nowrap
}

.no-wrap {
    white-space: nowrap
}

.feefo-logo-stars {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    gap: .7rem
}

.feefo-stars img {
    width: 16px;
    height: 16px
}

.feefo-logo-stars {
    display: flex;
    align-items: center;
    gap: 10px
}

.feefo-logo-stars {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    gap: .6rem
}

@media (max-width:1024px) {
    .d2f-hero-headline {
        font-size: 3rem
    }
}

@media (max-width:1023px) {
    .d2f-approved-badge {
        display: none
    }
}

.btn-tert {
    color: #fff;
    background: rgba(0, 0, 0, 0);
    border: 1px solid #fff
}

@media (max-width:768px) {
    .d2f-hero {
        height: clamp(320px, 34vh, 420px)
    }
    .d2f-hero-slide img {
        object-position: 60% center
    }
    .d2f-hero-content {
        top: auto;
        bottom: 28px;
        transform: none;
        left: 20px;
        max-width: calc(100% - 40px)
    }
    .d2f-hero-headline {
        font-size: 2rem;
        line-height: 1.08;
        margin-bottom: 16px
    }
    .d2f-hero-subline {
        font-size: 1rem
    }
    .d2f-hero-cta-group .btn {
        padding: 14px 22px;
        font-size: 1rem
    }
    .d2f-hero-slide img {
        object-position: 95% center
    }
    .d2f-hero-content {
        left: 16px;
        right: 16px;
        bottom: 24px;
        max-width: none
    }
    .d2f-hero-cta-group {
        display: flex;
        flex-wrap: nowrap;
        gap: 10px;
        align-items: center
    }
    .d2f-hero-cta-group .btn {
        padding: 12px 16px;
        font-size: .9rem;
        white-space: nowrap
    }
    .d2f-hero-headline {
        margin-bottom: 20px
    }
    .d2f-hero-subline {
        margin-bottom: 10px
    }
    .d2f-hero-slide img {
        object-position: 55% center
    }
    .d2f-hero-overlay {
        background: linear-gradient(to top, rgba(0, 0, 0, .65), rgba(0, 0, 0, .35), rgba(0, 0, 0, 0))
    }
    .d2f-hero-slide img {
        object-position: 90% center
    }
}

@media (min-width:1024px) {
    .d2f-hero-content .icon-wrap {
        gap: 4px;
        margin-bottom: 16px
    }
    .d2f-hero-content .icon-wrap img {
        width: 20px;
        height: 20px
    }
}

@media (min-width:768px)and (max-width:1200px) {
    .d2f-hero-content {
        left: 30px;
        max-width: 520px
    }
}

.recent-deliveries-new-section-content {
    position: relative;
    overflow: hidden
}

.recent-deliveries-new-section-content:before {
    content: "";
    position: absolute;
    left: -100vw;
    width: 100vw;
    height: 100%;
    background: #fff;
    z-index: 10
}

.recent-deliveries-new-section-content-tiles {
    display: flex
}

.pop-up-selected-florist {
    order: 8
}

.pop-up-selected-florist-top span {
    font-weight: var(--weight_600);
    line-height: normal
}

.pop-up-selected-florist .prod-selected-chosen {
    margin-top: 8px;
    display: flex;
    border: 1px solid var(--border_two);
    padding: 24px;
    border-radius: var(--border_radius);
    margin-bottom: 8px;
    background: var(--white);
    margin-bottom: 32px
}

.country-content {
    position: relative;
    margin-top: 16px
}

.country-content .checkout-country-select {
    display: none
}

.country-content .country-dropdown-d {
    padding-left: 0;
    height: auto;
    overflow-y: scroll;
    max-height: 32vh
}

.country-content .country-dropdown-c {
    width: 100%;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: var(--border_radius_small);
    position: absolute;
    z-index: 10;
    background: var(--white);
    left: 0;
    top: 60px;
    opacity: 0;
    transform: translateY(-15px)
}

.country-content .checkout-btn-select {
    width: 100%;
    height: 100%;
    background: var(--white);
    margin-right: 20px;
    overflow: hidden;
    border-top-left-radius: var(--border_radius_small);
    border-bottom-left-radius: var(--border_radius_small);
    position: relative;
    padding-top: 10px
}

.country-content .checkout-btn-select:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("/template/2024/images/nav-arrow.svg");
    background-repeat: no-repeat;
    background-size: contain
}

.country-content .checkout-lang-select {
    margin-bottom: 0;
    border-radius: var(--border_radius_small);
    padding-right: 12px;
    padding-left: 12px;
    width: 100%
}

.country-content .checkout-middle-country {
    margin-top: 4px;
    height: 63px;
    overflow: hidden;
    border: 1px solid var(--border_three);
    border-radius: var(--border_radius_small);
    display: flex;
    background: var(--white)
}

#product-grid {
    display: grid;
    gap: 16px;
    margin-bottom: 25px
}

@media (max-width:479px) {
    #product-grid {
        grid-template-columns: 1fr
    }
}

@media (min-width:480px)and (max-width:767px) {
    #product-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:768px)and (max-width:1199px) {
    #product-grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

.product-tile {
    display: flex;
    flex-direction: column
}

.tile-large-white-img {
    height: 300px
}

.tile-large-white-img img {
    width: 100%;
    height: 100%;
    object-fit: contain!important
}

@media (max-width:767px) {
    .tile-large-white-img {
        height: 250px
    }
}

@media (min-width:1200px) {
    #product-grid {
        grid-template-columns: repeat(4, 1fr)
    }
    .product-tile:nth-child(3) {
        grid-column: span 2;
        grid-row: span 2;
        height: 100%
    }
    .product-tile:nth-child(3) .tile-large-white-img {
        height: 759px
    }
}

header {
    position: relative;
    z-index: 101;
    border-bottom: none;
    background: #f2f2f2
}

header .usp-banner-section {
    background: #f7f7f7
}

header .usp-banner-section-content {
    padding: 12px 0
}

header .usp-banner-section-content .usp-phone {
    flex-grow: 1;
    flex-basis: 0
}

header .usp-banner-section-content .usp-swiper-wrapper {
    position: relative
}

header .usp-banner-section-content .usp-swiper-wrapper:after,
header .usp-banner-section-content .usp-swiper-wrapper:before {
    content: "";
    position: absolute;
    height: 13px;
    width: 1px;
    border-left: 1px solid var(--seperator);
    top: 50%;
    transform: translateY(-50%)
}

header .usp-banner-section-content .usp-swiper-wrapper:before {
    left: -106px
}

header .usp-banner-section-content .usp-swiper-wrapper:after {
    right: -106px
}

header .usp-banner-section-content .usp-swiper-wrapper .usp-swiper {
    position: relative;
    width: 100%;
    max-width: 280px;
    overflow: hidden
}

header .usp-banner-section-content .usp-swiper-wrapper .usp-swiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center
}

header .usp-banner-section-content .trust-usp {
    flex-grow: 1;
    flex-basis: 0;
    justify-content: end
}

header .usp-banner-section-content .trust-usp span {
    font-family: inter, sans-serif;
    line-height: 19px;
    font-weight: var(--weight_400);
    letter-spacing: .24px
}

header .usp-banner-section-content .trust-usp .stars {
    width: 106px;
    height: 20px;
    margin: 0 12px
}

header .usp-banner-section-content .trust-usp .star {
    width: 14px
}

header .main-head {
    padding: 16px 0
}

@media only screen and (max-width:1024px) {
    header .usp-banner-section-content .usp-swiper-wrapper:before {
        left: -56px
    }
    header .usp-banner-section-content .usp-swiper-wrapper:after {
        right: -56px
    }
    header .main-head {
        display: none
    }
    header .nav-container {
        display: none
    }
}

header .main-head .actions-left,
header .main-head .actions-right {
    display: flex;
    flex-grow: 1;
    flex-basis: 0;
    margin-top: auto
}

header .main-head .actions-left .action,
header .main-head .actions-right .action {
    margin-right: 16px
}

header .main-head .actions-left .action:last-child,
header .main-head .actions-right .action:last-child {
    margin-right: 0
}

header .main-head .actions-left .action i,
header .main-head .actions-right .action i {
    font-size: 24px;
    padding: 2px
}

header .main-head .actions-right {
    justify-content: end
}

header .main-head .head-nav-small {
    margin-top: 4px;
    margin-left: 4px
}

header .main-head .main-logo img {
    margin-top: 2px
}

header .nav-container {
    padding: 20px 0
}

header .nav-container a {
    position: relative
}

header .nav-container a:before {
    content: "";
    height: 2px;
    width: 100%;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    bottom: -20px
}

header .nav-container .menu-nav:before {
    content: "";
    height: 2px;
    width: 130%;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    bottom: -20px
}

header .nav-container .menu-nav:after {
    content: "";
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("/template/2024/images/nav-arrow.svg");
    background-repeat: no-repeat;
    background-size: contain
}

header .nav-container .nav-left {
    display: flex
}

header .nav-container .nav-left .head-nav {
    margin-right: 28px;
    position: relative
}

header .nav-container .nav-left .head-nav:before {
    bottom: -23px
}

header .nav-container .nav-left .head-nav:last-child {
    margin-right: 0
}

header .nav-container .nav-left .menu-nav {
    margin-right: 45px
}

header .nav-container .nav-right {
    display: flex;
    align-items: end;
    margin-right: 18px
}

header .nav-container .nav-right .nation {
    margin-left: 32px;
    position: relative
}

header .nav-container .nav-right .nation:last-child {
    text-decoration: none
}

header .nav-container .nav-right .nation:first-child {
    margin-left: 0
}

header .nav-container .nav-right .nation:before {
    width: 115%
}

header .nav-container .nav-right .nation img {
    width: 16px;
    height: 16px;
    margin-left: 8px
}

.mobile-nav {
    padding: 15px 0;
    display: none;
    background: var(--white)
}

@media only screen and (max-width:1024px) {
    .mobile-nav {
        display: block
    }
}

.mobile-nav-content {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mobile-nav-content .mobile-logo img {
    width: 100%;
    max-width: 175px
}

.mobile-nav-content .mobile-head-icons {
    display: flex;
    align-items: center
}

.mobile-nav-content .mobile-head-icons i {
    font-size: 24px
}

.mobile-nav-content .mobile-head-icons .ham {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    display: flex;
    padding: 0;
    width: 40px;
    height: 41px;
    display: none;
    border-radius: 30px
}

@media only screen and (max-width:1150px) {
    .mobile-nav-content .mobile-head-icons .ham {
        display: block
    }
}

.mobile-nav-content .mobile-head-icons .ham svg {
    height: 35px;
    width: 35px;
    margin-top: 2px
}

.mobile-nav-content .mobile-head-icons .line {
    fill: none;
    stroke: var(--brand);
    stroke-width: 4
}

.mobile-nav-content .mobile-head-icons .line1 {
    stroke-dasharray: 60 207;
    stroke-width: 6
}

.mobile-nav-content .mobile-head-icons .line2 {
    stroke-dasharray: 60 60;
    stroke-width: 6
}

.mobile-nav-content .mobile-head-icons .line3 {
    stroke-dasharray: 60 207;
    stroke-width: 6
}

footer .footer-nav-menu-section-content .col {
    display: flex;
    flex-direction: column;
    width: 100%
}

footer .footer-nav-menu-section-content .col-service {
    display: none
}

footer .footer-nav-menu-section-content .col-service .cust-block {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-right: 24px;
    background: var(--white);
    border: 1px solid var(--border_one);
    border-radius: var(--border_radius);
    padding: 24px
}

footer .footer-nav-menu-section-content .col-service .cust-block:first-child {
    margin-bottom: 16px
}

footer .footer-nav-menu-section-content .col-service .cust-block .cta-title {
    font-weight: var(--weight_600);
    line-height: normal;
    color: var(--button_text)
}

footer .footer-nav-menu-section-content .col-service .cust-block .cta-small {
    margin-left: 20px;
    margin-top: 4px;
    color: var(--blue_light);
    line-height: normal
}

footer .footer-nav-menu-section-content .col .footer-menu {
    display: flex;
    flex-direction: column
}

footer .footer-nav-menu-section-content .col-title {
    margin-bottom: 12px;
    position: relative
}

@media only screen and (max-width:1023px) {
    footer .footer-nav-menu-section-content .col {
        border-bottom: 1px solid var(--border_one)
    }
    footer .footer-nav-menu-section-content .col-service {
        display: block
    }
    footer .footer-nav-menu-section-content .col .footer-menu-container {
        display: none;
        margin-bottom: 24px
    }
    footer .footer-nav-menu-section-content .col-title {
        margin: 0;
        padding: 22px 0 24px
    }
    footer .footer-nav-menu-section-content .col-title .footer-nav-title:after {
        content: "";
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        background-image: url("/template/2024/images/nav-arrow.svg");
        background-repeat: no-repeat;
        background-size: contain
    }
}

footer .footer-nav-menu-section-content .col .footer-link {
    margin-bottom: 12px
}

footer .footer-nav-menu-section-content .col .footer-link:last-child {
    margin-bottom: 0
}

.tile-large-white {
    display: flex;
    flex-direction: column
}

.tile-large-white-img {
    height: 326px;
    position: relative;
    border-radius: var(--border_radius);
    overflow: hidden;
    background: var(--bg_background)
}

@media only screen and (max-width:767px) {
    .pop-up-selected-florist-top span {
        font-size: 14px
    }
    .mobile-nav-content .mobile-logo img {
        max-width: 133px
    }
    footer .footer-nav-menu-section-content .col-service .cust-block .cta-title {
        font-size: 14px
    }
    footer .footer-nav-menu-section-content .col-service .cust-block .cta-small {
        font-size: 12px
    }
    footer .footer-nav-menu-section-content .col .footer-link {
        font-size: 14px
    }
    .tile-large-white-img {
        height: 326px
    }
}

.tile-large-white-img img.bg {
    border-radius: 8px;
    object-fit: contain
}

.mobile-overlay {
    opacity: 0;
    transform: translateX(100%);
    z-index: 103;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100vh;
    background: var(--white);
    width: 85%;
    padding: 80px 0 0;
    border-radius: 0 0 5px 5px;
    position: fixed;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px
}

.mobile-overlay .overlay-close {
    position: absolute;
    top: 24px;
    right: 4px
}

.mobile-overlay-wrap {
    height: 100%;
    position: relative;
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.mobile-overlay-content {
    height: 100vh;
    display: flex;
    flex-direction: column;
    padding-inline: 20px;
    padding-bottom: 200px
}

.mobile-overlay-content .mobile-cta-top {
    display: flex;
    flex-direction: column
}

.mobile-overlay-content .mobile-cta-top .mobile-nav-link {
    margin-bottom: 24px
}

.mobile-overlay-content .mobile-cta-top .mob-arrow {
    position: relative
}

.mobile-overlay-content .mobile-cta-top .mob-arrow::after {
    content: url("/template/2024/images/mobile-arrow.svg");
    position: absolute;
    right: 0;
    top: 0
}

.mobile-overlay-content .find-story {
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--border_one);
    border-bottom: 1px solid var(--border_one);
    padding-top: 24px
}

.mobile-overlay-content .find-story .mobile-nav-link {
    margin-bottom: 24px
}

.mobile-overlay-content .mobile-menu-cta {
    margin-top: 24px;
    border-bottom: 1px solid var(--border_one)
}

.mobile-overlay-content .mobile-menu-cta .icon-wrap {
    margin-bottom: 24px
}

.mobile-overlay-content .mobile-menu-cta .icon-wrap i {
    font-size: 20px;
    margin-right: 8px
}

.mobile-overlay-content .mobile-cta-bottom-title {
    margin-bottom: 8px;
    margin-top: 24px
}

.mobile-overlay-content .mobile-cta-bottom {
    position: relative;
    width: 100%;
    display: flex
}

.mobile-overlay-content .mobile-cta-bottom .mobile-buttons {
    border: 1px solid #e6e7ea;
    background: #f9f9fb;
    border-radius: var(--border_radius_small)
}

.mobile-overlay-content .mobile-cta-bottom .mobile-buttons:first-child {
    margin-right: 16px
}

.mobile-overlay-content .mobile-cta-bottom .mobile-buttons {
    padding: 17px;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative
}

.mobile-overlay-content .mobile-cta-bottom .mobile-buttons img {
    margin-right: 4px;
    width: 20px
}

.mobile-overlay-content .mobile-cta-bottom .mobile-buttons:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("/template/2024/images/nav-arrow.svg");
    background-repeat: no-repeat;
    background-size: contain
}

.mobile-overlay-content .mobile-cta-bottom .mobile-flag {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.mob-ham {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    display: flex;
    padding: 0;
    width: 40px;
    height: 41px;
    display: none;
    border-radius: 30px
}

@media only screen and (max-width:1150px) {
    .mob-ham {
        display: block
    }
}

.mob-ham svg {
    height: 35px;
    width: 35px;
    margin-top: 2px
}

.line {
    fill: none;
    stroke: var(--brand);
    stroke-width: 4
}

.line1 {
    stroke-dasharray: 60 207;
    stroke-width: 6
}

.line2 {
    stroke-dasharray: 60 60;
    stroke-width: 6
}

.line3 {
    stroke-dasharray: 60 207;
    stroke-width: 6
}

.opened .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6
}

.opened .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6
}

.opened .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6
}

.nation {
    display: flex;
    align-items: center;
    margin-left: 32px
}

.filters-mobile-overlay {
    width: 100%;
    height: 85vh;
    background: var(--white);
    box-shadow: -8px 0 24px 0 rgba(0, 0, 0, .08);
    border-radius: var(--border_radius);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 210;
    padding: 40px;
    opacity: 0;
    transform: translateY(100%)
}

.filters-mobile-overlay-content {
    height: 100%;
    position: relative;
    overflow-y: scroll;
    padding-bottom: 100px
}

.filters-mobile-overlay-content .overlay-close {
    position: absolute;
    top: 0;
    right: 0
}

.filters-mobile-overlay-content .h3 {
    margin-bottom: 14px;
    font-size: 20px
}

.filters-mobile-overlay-content .mobile-filter {
    padding: 24px 0;
    border-bottom: 1px solid var(--border_three)
}

.filters-mobile-overlay-content .mobile-filter-title span {
    display: block
}

.filters-mobile-overlay-content .mobile-filter-dropdown {
    margin-top: 32px;
    display: none
}

.filters-mobile-overlay-content .mobile-filter-dropdown-content .top-actions {
    display: flex
}

.filters-mobile-overlay-content .mobile-filter-dropdown-content .top-actions .selected {
    font-weight: var(--weight_600)
}

.filters-mobile-overlay-content .mobile-filter-dropdown-content .mob-filter-dropdown {
    margin-top: 32px
}

.filters-mobile-overlay-content .mobile-filter-dropdown-content .mob-filter-dropdown input {
    width: 24px;
    height: 24px;
    border: 1px solid var(--border_three);
    border-radius: 6px;
    margin-right: 8px
}

.filters-mobile-overlay-content .mobile-filter-dropdown-content .mob-filter-dropdown label {
    font-size: 14px;
    width: 100%
}

.filters-mobile-overlay-content .overlay-ctas {
    position: fixed;
    bottom: 30px;
    left: 32px;
    right: 32px;
    justify-content: space-between
}

.filters-mobile-overlay-content .overlay-ctas .clear-all-filt {
    background: var(--white);
    border: 1px solid transparent;
    color: var(--blue_alt);
    display: flex;
    align-items: center;
    justify-content: center
}

.where-sending-banner {
    background: var(--brand_yellow);
    padding: 16px 0;
    border-radius: 12px
}

.where-sending-banner-content .where-sending .where-sending-title {
    font-weight: var(--weight_600);
    color: var(--brand);
    font-size: 20px;
    margin-right: 24px;
    min-width: fit-content
}

@media only screen and (max-width:1023px) {
    footer .footer-nav-menu-section-content .col .footer-link {
        margin-bottom: 16px
    }
    .where-sending-banner-content .where-sending {
        flex-direction: column
    }
    .where-sending-banner-content .where-sending .where-sending-title {
        min-width: unset;
        margin-bottom: 16px
    }
}

.where-sending-banner-content .where-sending input {
    display: flex;
    flex: 1;
    border: 1px solid var(--border_three);
    border-radius: var(--border_radius_small);
    outline: 0;
    padding: 16px;
    height: 53px;
    padding-left: 16px!important;
    margin-left: 16px
}

.where-sending-banner-content .where-sending .country-content {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 0
}

.where-sending-banner-content .where-sending .country-content .country-dropdown-c {
    z-index: 20;
    max-width: 300px;
    top: 48px
}

.where-sending-banner-content .where-sending .country-content .country-dropdown-d {
    max-height: 22vh
}

.where-sending-banner-content .where-sending .country-content .checkout-lang-select {
    padding-left: 0
}

.where-sending-banner-content .where-sending .country-content .checkout-btn-select {
    padding-top: 0
}

.where-sending-banner-content .where-sending .country-content .checkout-middle-country {
    width: 100%;
    max-width: 300px;
    padding: 12.5px;
    height: auto;
    margin-top: 0
}

@media only screen and (max-width:767px) {
    .where-sending-banner-content .where-sending .where-sending-title {
        margin-bottom: 8px;
        font-size: 16px
    }
    .where-sending-banner-content .where-sending input {
        font-size: 16px;
        margin-top: 8px;
        width: 100%;
        margin-left: 0
    }
    .where-sending-banner-content .where-sending .country-content {
        flex-direction: column
    }
    .where-sending-banner-content .where-sending .country-content .country-dropdown-c {
        top: 50px
    }
    .where-sending-banner-content .where-sending .country-content .checkout-middle-country {
        max-width: 100%
    }
}

@media (min-width:1024px) {
    .where-sending-banner {
        margin-top: 0;
        padding-top: 20px
    }
}

.swiper-container {
    margin-right: auto;
    position: relative;
    list-style: none;
    z-index: 1;
    margin: auto
}

.swiper-wrapper {
    position: relative;
    height: 100%;
    z-index: 1;
    display: flex;
    box-sizing: content-box;
    position: relative
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    position: relative
}

.hidden {
    display: none
}

#d2f-adrs {
    display: none;
    position: absolute;
    z-index: 9999;
    border: 1px solid #c2c2ca;
    overflow: auto;
    background-color: #fff
}

.mobile-filter-dropdown-content .mob-filter-dropdown input[type=radio] {
    content: ''!important;
    accent-color: #6247aa
}

#ls-clear {
    margin-left: auto
}

.generic-title {
    font-size: 32px;
    line-height: normal;
    font-weight: 600;
    margin-top: 8px;
    margin-bottom: 16px
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    box-sizing: content-box
}

.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    display: block
}

:root {
    --swiper-navigation-size: 44px
}

.heading-block {
    padding: 20px 30px 15px
}

.heading-block .currency a {
    color: var(--brand_purple);
    font-weight: 600;
    text-decoration: none
}

@media (max-width:767px) {
    .heading-block {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 8px;
        padding: 24px 16px 16px
    }
    .heading-block h1 {
        margin: 0
    }
    .heading-block .currency {
        font-size: 14px
    }
}