/*

Theme Name: SONNIA DESIGN JEWELLERY (Safe)
Description: optionale Beschreibung Deines Child Themes
Author: webwg
Author URI: https://webwg.it
Template: storefront
Version: 1.0
Tags: storefront
Text Domain: storefront-child
Version:      1.0.0

*/

/* * Add your own custom css below this text. */

/* Variables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
:root {
    /* from 1px to 0.9px */
    --clamp-scale-1: clamp(0.05625rem, 0.05178571428571429rem + 0.014285714285714282vw, 0.0625rem);
    /* from 1px to 0.8px */
    --clamp-scale-2: clamp(0.05rem, 0.04107142857142858rem + 0.028571428571428564vw, 0.0625rem);
    /* from 1px to 0.7px */
    --clamp-scale-3: clamp(0.04375rem, 0.030357142857142853rem + 0.042857142857142864vw, 0.0625rem);
    /* from 1px to 0.6px */
    --clamp-scale-4: clamp(0.0375rem, 0.01964285714285714rem + 0.05714285714285715vw, 0.0625rem);
    /* from 1px to 0.5px */
    --clamp-scale-5: clamp(0.03125rem, 0.008928571428571428rem + 0.07142857142857142vw, 0.0625rem);
    /* from 1px to 0.4px */
    --clamp-scale-6: clamp(0.025rem, -0.0017857142857142828rem + 0.08571428571428572vw, 0.0625rem);
    /* from 1px to 0.3px */
    --clamp-scale-7: clamp(0.01875rem, -0.0125rem + 0.1vw, 0.0625rem);
    /* from 1px to 0.2px */
    --clamp-scale-8: clamp(0.0125rem, -0.02321428571428572rem + 0.1142857142857143vw, 0.0625rem);
    /* from 1px to 0.1px */
    --clamp-scale-9: clamp(0.00625rem, -0.033928571428571426rem + 0.12857142857142856vw, 0.0625rem);

    --main_padding-top: calc(var(--clamp-scale-3) * 80) !important;
}

/* TMP */
/* .site-search{
     display: none;
}
 */
.storefront-handheld-footer-bar,
.otgs-development-site-front-end,
.site-header-cart {
    display: none;
}

/* EDITING */
.edit-link {
    display: none;
}

body:not(.single) .product.type-product.post-9035.status-publish {
    display: none;
    visibility: hidden;
}

/* ======== COLORS ======== */
:root {
    --color-1: white;
    --color-2: #f9f9f9;
    --color-3: #b2b2b1;
    --color-4: #ec655d;
    --color-5: #575756;
    --font-family-1: "Sansumi", "Arial", sans-serif;
    /* --font-family-1: 'Montserrat','Raleway', 'Arial',sans-serif; */
    /* font-weight: 200; */
    /* #FF476E #999999 #333333 */
}

* {
    outline: 0 !important;
    color: var(--color-5);
    font-weight: 400 !important;
    letter-spacing: 1px !important;
}

:before,
:after {
    font-weight: 400 !important;
    letter-spacing: 1px !important;
}

html {
    font-size: 18px;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

body {
    font-size: 1.4444444444444444rem;
    font-size: clamp(1rem, 0.7426900584795322rem + 0.7485380116959064vw, 1.4444444444444444rem);
    line-height: normal;
    color: var(--color-5) !important;
    font-family: var(--font-family-1);
    word-wrap: normal;
    font-size: 1rem;
    font-size: clamp(1rem, 0.9421052631578947rem + 0.16842105263157908vw, 1.1rem);
    line-height: 146%;
    /* font-size: 21px;
    font-size: clamp(0.9444444444444444rem, 0.8157894736842104rem + 0.37426900584795336vw, 1.1666666666666667rem); */
}

h1,
h2,
h3,
h4,
h5,
h6,
.wc-block-grid__product-title {
    color: var(--color-5);
}

a {
    color: var(--color-5);
}

main a[href^="tel:"] {
    text-decoration: none !important;
    white-space: pre;
}

.style-hide-desktop {
    display: none !important;
}

/* ---- WIDGETS ---- */
.widget_nav_menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 70px;
}

.widget_nav_menu ul li {
    padding: 0;
}

.widget_nav_menu ul li:before {
    display: none;
}

.widget_nav_menu a {
    text-decoration: none;
}

.widget_nav_menu a:hover {
    text-decoration: underline;
}

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

h3,
h1,
h2,
h3,
h4,
h5 h6 {
    font-size: 1.3125rem;
    font-size: 30px;
    font-size: clamp(1.3125rem, 1.2039473684210527rem + 0.3157894736842105vw, 1.5rem);
    text-transform: uppercase;
    margin-bottom: 90px;
    margin-bottom: clamp(2.2222222222222223rem, 0.6140350877192984rem + 4.678362573099415vw, 5rem);
    font-weight: 500;
}

#CybotCookiebotDialogBodyContentTitle::before {
    font-size: clamp(1.3125rem, 1.2039473684210527rem + 0.3157894736842105vw, 1.5rem) !important;
}

#template_header_image {
    width: 600px;
}

h2,
body.woocommerce-cart h1,
body.woocommerce-account h1,
h3,
.cart-collaterals h2 {
    margin-bottom: calc(clamp(2.2222222222222223rem, 0.6140350877192984rem + 4.678362573099415vw, 5rem) / 3) !important;
}

.button--press-back::before,
#CybotCookiebotDialogBodyContentTitle::before,
.woocommerce_single_back::before,
h1::before {
    content: "";
    background-image: url(/wp-content/themes/storefront-child/assets/images/sonniaflower.svg);
    background-size: contain;
    background-position: center;
    width: 26px;
    height: 26px;
    width: clamp(1.1666666666666667rem, 1.0058479532163744rem + 0.4678362573099414vw, 1.4444444444444444rem);
    height: clamp(1.1666666666666667rem, 1.0058479532163744rem + 0.4678362573099414vw, 1.4444444444444444rem);
    display: inline-block;
    margin-right: 14px;
    margin-right: clamp(0.5555555555555556rem, 0.42690058479532167rem + 0.3742690058479532vw, 0.7777777777777778rem);
    background-repeat: no-repeat;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
}

h1.noflower:before {
    opacity: 0;
}

/* ------- INPUTS --------- */

.woocommerce-message {
    gap: 1rem;
}

.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button,
.woocommerce-noreviews .button,
p.no-comments .button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
    padding: 11px 24px;
    font-size: inherit;
    font-family: inherit;
    background-color: var(--color-3);
    text-transform: uppercase;
    color: white;
    border-radius: 0;
    margin: 0;
    line-height: normal;
}

.woocommerce-info a.wc-forward.button {
    color: white !important;
}

.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button {
    margin-left: 1em !important;
}

button.alt:hover,
input[type="button"].alt:hover,
input[type="reset"].alt:hover,
input[type="submit"].alt:hover,
.button.alt:hover,
.widget-area .widget a.button.alt:hover,
button:hover,
.woocommerce-message .button:hover {
    -webkit-filter: brightness(1.1) !important;
    filter: brightness(1.1) !important;
    background-color: var(--color-3) !important;
    /* background-color: var(--color-5) !important; color: white !important; */
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
.input-text {
    padding: 8px 24px;
    font-size: inherit;
    font-family: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: var(--color-2);
    border: 3px solid var(--color-2);
    background-color: transparent;
    border-radius: 0;
}

textarea {
    width: 100% !important;
    min-height: 70px;
}

input[type="text"]:focus {
    background-color: inherit !important;
}

.form-row input[type="checkbox"],
input[type="checkbox"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    -moz-appearance: none;
    appearance: none;
    /* For iOS < 15 */
    background-color: #ededed;
    /* Not removed via appearance */
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 20px;
    height: 20px;

    -webkit-transform: translateY(-0.075em);

    -ms-transform: translateY(-0.075em);

    transform: translateY(-0.075em);
    display: -ms-grid;
    display: grid;
    place-content: center;
    margin-right: 10px;
    cursor: pointer;
    margin-top: -5px;
    border-radius: 0;
    /* border: 1px solid var(--color-3); */
}

.form-row input[type="checkbox"]::before,
input[type="checkbox"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transition: 120ms -webkit-transform ease-in-out;
    transition: 120ms -webkit-transform ease-in-out;
    -o-transition: 120ms transform ease-in-out;
    transition: 120ms transform ease-in-out;
    transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out;
    -webkit-box-shadow: inset 1em 1em var(--form-control-color);
    box-shadow: inset 1em 1em var(--form-control-color);
    /* Windows High Contrast Mode */
    background-color: CanvasText;
}

input[type="checkbox"]:checked::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

input[type="checkbox"]:focus {
    outline: max(2px, 0.15em) solid currentColor;
    outline-offset: max(2px, 0.15em);
}

input[type="checkbox"]:disabled {
    --form-control-color: var(--form-control-disabled);
    color: var(--form-control-disabled);
    cursor: not-allowed;
    background: var(--color-2);
}

.form-row label input[type="checkbox"],
label input[type="checkbox"] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 5px;
    margin-bottom: -7px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* RADdIO */
input[type="radio"] {
    cursor: pointer;
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    -moz-appearance: none;
    appearance: none;
    /* For iOS < 15 */
    background-color: var(--color-3);
    /* Not removed via appearance */
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 17px;
    height: 17px;
    border: 0.15em solid var(--color-3);
    border-radius: 50%;
    -webkit-transform: translateY(-0.075em);
    -ms-transform: translateY(-0.075em);
    transform: translateY(-0.075em);
    display: -ms-grid;
    display: grid;
    place-content: center;
    margin-right: 0 !important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
}

input[type="radio"]::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 120ms -webkit-transform ease-in-out;
    transition: 120ms -webkit-transform ease-in-out;
    -o-transition: 120ms transform ease-in-out;
    transition: 120ms transform ease-in-out;
    transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out;
    -webkit-box-shadow: inset 1em 1em var(--color-1);
    box-shadow: inset 1em 1em var(--color-1);
    /* Windows High Contrast Mode */
    background-color: CanvasText;
}

input[type="radio"]:checked::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

input[type="radio"]:checked {
    border-color: var(--color-5);
    background-color: var(--color-5);
}

input[type="radio"]:focus {
    outline: max(2px, 0.15em) solid currentColor;
    outline-offset: max(2px, 0.15em);
}

#payment .payment_methods li input[type="radio"]:first-child:checked + label:before {
    color: var(--color-5) !important;
}

.payment_method_woocommerce_payments .woocommerce-error {
    padding: 20px;
    width: 100%;
}

.woocommerce-error a {
    color: var(--color-5) !important;
}

#payment .payment_methods .payment_method_xpay_googlepay img {
    /* margin-top: -9px;
  margin-right: -10px; */
    position: relative;
    top: -3px;
}

#xpay_list_icon {
    gap: 5px;
    display: flex;
    flex-wrap: wrap;
}

#xpay_list_icon > * {
    padding: 0 !important;
}

.payment_box.payment_method_xpay {
    min-width: 100%;
}

/* #payment .payment_methods .payment_method_xpay img {
  padding-top: 0;
  padding-bottom: 0;
  max-width: 57px;
  height: auto;
  position: absolute;
  top: 14px;

  right: 15px;
} */

.payment_method_xpay img {
    position: relative;
    top: 3px;
}

/* label.woocommerce-form__label-for-checkbox{
    display: flex; align-items: center; flex-wrap: wrap;
} */

.star-rating span:before,
.quantity .plus,
.quantity .minus,
p.stars a:hover:after,
p.stars a:after,
.star-rating span:before,
#payment .payment_methods li input[type="radio"]:first-child:checked + label:before {
    color: #1d1d1b;
}

/* ---- STRUCTURE ---- */
#primary,
#main {
    margin-bottom: 0;
}

/* NAVIGATION */
.main-navigation {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.main-navigation .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* display: none !important; */
}

.storefront-primary-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

body.wwg-resnav-state-visible .storefront-primary-navigation {
    display: none !important;
}

body:not(.scrolled) #tobarbuttons,
body:not(.scrolled) .main-navigation ul.nav-menu {
    margin-bottom: -35px;
}

.main-navigation ul.nav-menu > li > a,
.main-navigation ul li,
.main-navigation ul {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.main-navigation ul.nav-menu > li > a {
    padding: 35px;
    padding: 32px clamp(0.8333333333333334rem, -16.138888888888893rem + 20.88888888888889vw, 3.4444444444444446rem);
}

/* .main-navigation ul.nav-menu>li>a:hover {
    transform: scale(1.05);
} */
.main-navigation ul li a {
    font-size: 27px;
    font-size: clamp(1.3125rem, 1.2039473684210527rem + 0.3157894736842105vw, 1.5rem);
    text-transform: uppercase;
    font-weight: light;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.main-navigation ul li .sub-menu li > a::before {
    content: "";
    background-image: url(/wp-content/themes/storefront-child/assets/images/sonniaflower-darkgray.svg);
    background-size: contain;
    background-position: center;
    width: 20px;
    height: 20px;
    width: calc(clamp(1.1666666666666667rem, 1.0058479532163744rem + 0.4678362573099414vw, 1.4444444444444444rem) - 7px);
    height: calc(clamp(1.1666666666666667rem, 1.0058479532163744rem + 0.4678362573099414vw, 1.4444444444444444rem) - 7px);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-repeat: no-repeat;
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
    display: inline-flex;
    position: absolute;
    right: calc(100% - 40px);
    display: none;
}

.main-navigation ul li .sub-menu li > a:hover::before,
.main-navigation ul li .sub-menu li.current-menu-item > a::before {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.main-navigation ul li .sub-menu li.current-menu-item > a {
    font-weight: normal;
}

.main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.main-navigation ul {
    gap: 0;
}

.main-navigation ul.nav-menu > li > a:after {
    display: none !important;
}

.main-navigation ul.menu ul.sub-menu,
.main-navigation ul.nav-menu ul.children {
    background-color: var(--color-2);
    padding-top: 20px;
    padding-bottom: 20px;
}

.main-navigation ul.menu ul.sub-menu {
    max-width: 200px;

    max-height: calc(100vh - 133px);
    max-height: calc(100vh - 145px);
}

#menu-hauptnavigation > li > ul.sub-menu {
    overflow-y: auto;
    overflow-x: hidden;
}

#menu-hauptnavigation > li > ul.sub-menu .sub-menu {
    top: 0;
}

.main-navigation ul.menu ul li a {
    padding: 17px 50px;
}

.main-navigation ul li .sub-menu a {
    text-transform: none;
    text-align: center;
    text-align: left;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul,
.secondary-navigation ul li:hover > ul,
.secondary-navigation ul li.focus > ul {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.storefront-primary-navigation > div {
    padding: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.current-menu-ancestor > a,
.site-header ul.menu li.current-menu-item > a,
ul.menu li.current-menu-item > a {
    font-weight: bold;
    color: var(--color-5);
}

.main-navigation ul.sub-menu ul.sub-menu {
    position: relative;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    padding-bottom: 0;
    padding-top: 0;
}

.main-navigation ul.menu ul li.menu-item-has-children > a {
    background-color: #ececec;
    pointer-events: none;
}

.main-navigation ul.menu ul li.menu-item-has-children > a::after {
    display: none;
}

/* TOPBAR */
.icon-awesome {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: inherit;
    vertical-align: baseline;
}

.icon-cart::before {
    content: "\f290";
}

.icon-search::before {
    content: "\f002";
}

.icon-user::before {
    content: "\f007";
}

.ci-user::before {
    content: "";
    display: block;
    width: 26px;
    background-position: center;
    height: 26px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/wp-content/themes/storefront-child/assets/icons/icon-user.svg);
    opacity: 0.87;
}

.ci-bag::before {
    content: "";
    width: 26px;
    display: block;
    background-position: center;
    height: 26px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/wp-content/themes/storefront-child/assets/icons/icon-shopping-bag.svg);
    opacity: 0.87;
}

.ci-search::before {
    content: "";
    width: 26px;
    display: block;
    background-position: center;
    height: 26px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/wp-content/themes/storefront-child/assets/icons/icon-search.svg);
    opacity: 0.87;
}

.tobarbutton.tobarbutton-cart span {
    position: absolute;
    top: 23px;
    right: 6px;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    font-size: 0.7rem;
    border: 2px solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold;
    background: white;
}

#tobarbuttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-bottom: 30px;
}

.tobarbutton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
    padding: 5px 17px;
    cursor: pointer;
    position: relative;
}

body:not(.scrolled.logged-in) .tobarbutton-user > i {
    cursor: default;
}

.topbarbutton-wrapper {
    position: absolute;
    left: -30px;
    top: calc(100% + 30px);
    background: var(--color-2);
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
}

/* .topbarbutton-wrapper a:nth-last-child(2), */
.topbarbutton-wrapper a:last-child {
    display: none;
}

.wwg-resnav .topbarbutton-wrapper a:nth-last-child(2) {
    display: none !important;
}

.wwg-resnav-logo-empty {
    margin-bottom: 30px !important;
}

.topbarbutton-wrapper::before {
    content: "";
    height: 50px;
    position: absolute;
    top: -30px;
    height: 30px;
    width: 100%;
}

.tobarbutton:hover .topbarbutton-wrapper {
    display: block;
}

.topbarbutton-wrapper a {
    padding: 10px 30px;
    display: block;
    font-size: 0.9rem;
}

.topbarbutton-wrapper a:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0.7;
}

.wpml-ls-legacy-dropdown-click a:hover,
.tobarbutton:hover i {
    background: var(--color-2) !important;
    background: transparent !important;
    opacity: 0.7;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
    padding: 10px 17px;
    padding-right: 34px;
}

.wpml-ls-legacy-dropdown-click a {
    padding: 10px 17px;
    /* padding-left: 44px;
    */
}

.wpml-ls-legacy-dropdown-click {
    font-family: inherit;
    font-size: inherit;
    width: auto;
}

.wpml-ls-legacy-dropdown-click a {
    border: 0;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    content: "\f107";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-family: "Font Awesome 5 Free";
    line-height: inherit;
    vertical-align: baseline;
    border: 0;
    top: 9px;
    right: 16px;
    font-size: 15px;
}

/* .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after{
    transform: rotate(180deg);
}
*/
.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a,
.wpml-ls-legacy-dropdown-click a:focus,
.wpml-ls-legacy-dropdown-click a:hover {
    background: transparent;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
    background: var(--color-2);
    text-align: center;
    position: relative;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    border-top: 0;
    background: var(--color-2);
    padding-top: 20px;
    padding-bottom: 20px;
    /* margin-right: -15px;
    */
}

/* body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a::before {
    position: absolute;
    left: 20px;
    top: 6px;
    width: 17px;
    height: 17px;
}
*/
.wpml-ls-legacy-dropdown-click a span {
    margin-top: -2px;
    display: block;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
}

/* search */
#tobarbuttons .site-search {
    position: absolute;
    bottom: calc(100%);
    right: 0;
    width: 100%;
    border: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.4s;
    -o-transition: max-height 0.4s;
    transition: max-height 0.4s;
}

#tobarbuttons .site-search.open {
    max-height: 80px;
}

body.scrolled #tobarbuttons .site-search.open {
    position: absolute;
    top: calc(100% + 10px);
    bottom: auto;
    background: white;
    border: 0;
}

.site-search:not(.open) {
    display: none !important;
}

#site-navigation-menu-toggle {
    display: none;
}

/* HEADER */
body:not(.single-product):not(.woocommerce-cart):not(.woocommerce-account):not(.woocommerce-checkout):not(.page-orig-id-308):not(.page-orig-id-266):not(.page-orig-id-311):not(.page-orig-id-257):not(
        .page-orig-id-3
    ):not(.page-orig-id-269):not(.page-orig-id-259)
    .storefront-breadcrumb {
    display: none;
}

.woocommerce-breadcrumb {
    font-size: inherit;
}

.woocommerce-breadcrumb > a:first-child:before {
    display: none;
}

.woocommerce-breadcrumb > .breadcrumb-separator::after,
.woocommerce-breadcrumb a,
a.woocommerce-review-link {
    color: var(--color-5);
    text-decoration: none;
    opacity: 1;
}

.woocommerce-breadcrumb a:hover {
    text-decoration: underline;
}

.woocommerce-breadcrumb > .breadcrumb-separator::after {
    content: "/";
    font-size: 1.2rem;
}

.storefront-breadcrumb {
    background-color: var(--color-2);
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 0;
}

.storefront-breadcrumb > div {
    max-width: 1560px;
    margin: 0 auto;
    padding-left: 100px;
    padding-right: 100px;
    padding-left: clamp(2.2222222222222223rem, -0.4795321637426899rem + 7.859649122807018vw, 6.888888888888889rem);
    padding-right: clamp(2.2222222222222223rem, -0.4795321637426899rem + 7.859649122807018vw, 6.888888888888889rem);
    max-width: calc(1770px - clamp(2.2222222222222223rem, -0.4795321637426899rem + 7.859649122807018vw, 6.888888888888889rem) * 2);
    margin: 0 auto;
}

.woocommerce-products-header-image,
article.page.has-post-thumbnail header.entry-header {
    height: 47vh;
    max-height: 612px;
    overflow: hidden;
}

body.woocommerce-shop:not(.search-results) .woocommerce-products-header__title.page-title {
    display: none;
}

.woocommerce-products-header-image img,
article.page.has-post-thumbnail header.entry-header img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
}

body[data-page="2005"] .woocommerce-products-header-image img,
body[data-page="2365"] .woocommerce-products-header-image img {
    object-position: bottom;
}

a:focus,
a:active {
    outline: 0 !important;
    border: 0 !important;
}

/* LOGO */
.site-branding {
    margin: 0;
    margin-right: 260px !important;
    margin-right: clamp(1.6666666666666667rem, -36.66666666666667rem + 40.88888888888889vw, 14.444444444444445rem) !important;
}

.woocommerce-active .site-header .site-branding {
    width: auto;
}

.site-header .site-branding img {
    width: 250px;

    width: calc(clamp(11.0625rem, 5.345394736842106rem + 16.631578947368418vw, 20.9375rem) / 1.4);
    height: auto;
    max-width: unset;
}

#masthead {
    padding: 50px 67px;
    padding: clamp(2.2222222222222223rem, 1.9005847953216377rem + 0.9356725146198828vw, 2.7777777777777777rem)
        calc(clamp(1.6666666666666667rem, 0.47660818713450315rem + 3.461988304093567vw, 3.7222222222222223rem) * 1.4);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

#masthead > .col-full {
    padding: 0;
    margin: 0;
}

#masthead::after,
#masthead::before {
    display: none;
}

.home.blog .site-header,
.home.page:not(.page-template-template-homepage) .site-header,
.home.post-type-archive-product .site-header {
    margin-bottom: 0;
}

/* scrollstate */
body.scrolled #masthead {
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
    z-index: 99999;
}

body.scrolled:not(.wwg-resnav-state-open) #masthead {
    padding-top: calc(clamp(2.22222rem, 1.90058rem + 0.935673vw, 2.77778rem) / 4);
    padding-bottom: calc(clamp(2.22222rem, 1.90058rem + 0.935673vw, 2.77778rem) / 4);
}

body.scrolled #masthead,
body.wwg-resnav-state-open #masthead {
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
}

/* body.scrolled.logged-in:not(.wwg-resnav-state-open) #masthead{
    top: 30px;
} */
body.scrolled:not(.wwg-resnav-state-open) .site-header .site-branding img {
    display: none;
}

body.scrolled:not(.wwg-resnav-state-open) .site-header .custom-logo-link {
    background-image: url(/wp-content/themes/storefront-child/assets/images/sonnia-logo-sign-min.png);
    width: 45px;
    height: 94px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* 404 */

body.error404 .fourohfour-columns-2 {
    display: none;
}

body.error404 ul.products {
    gap: 20px;

    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;

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

.error404 .site-content .widget_product_search {
    padding: 0;
}

body.error404 input[type="search"] {
    border: 3px solid var(--color-2);
    background-color: transparent !important;
}

/* MAIN */

body.woocommerce-order-received .woocommerce-order > .woocommerce-notice {
    padding: 0 !important;
}

body.woocommerce-order-received .entry-content,
.storefront-full-width-content.woocommerce-cart .entry-header {
    padding: 0;
}

body.woocommerce-order-received .woocommerce-order,
.storefront-full-width-content .woocommerce-products-header,
.woocommerce-products-header,
body.error404 main.site-main,
body.woocommerce-account main.site-main > article,
body.woocommerce-cart main.site-main > article,
main .entry-content {
    padding: 124px 142px;
    padding: clamp(2.7777777777777777rem, -0.1812865497076026rem + 8.608187134502925vw, 7.888888888888889rem)
        clamp(2.2222222222222223rem, -0.4795321637426899rem + 7.859649122807018vw, 6.888888888888889rem);
    max-width: 1770px;
    margin: 0 auto;
}

.storefront-full-width-content .woocommerce-products-header {
    max-width: 100%;
    padding-top: clamp(3.75rem, 3.026315789473684rem + 2.1052631578947367vw, 5rem);
    padding-bottom: clamp(3.75rem, 3.026315789473684rem + 2.1052631578947367vw, 5rem);
}

body.woocommerce-account .entry-header,
body.woocommerce-cart .entry-header,
body.woocommerce-account .entry-content,
body.woocommerce-cart .entry-content {
    padding: 0 !important;
}

body.woocommerce-checkout article > .entry-header {
    display: none;
}

body.woocommerce-checkout .woocommerce-error {
    margin-top: 0;
}

/* .woocommerce-EditAccountForm>*:nth-child(3) {
  display: none;
} */

body.woocommerce-lost-password .woocommerce > p:last-child {
    text-align: center;
    font-size: 0.85rem !important;
    line-height: 1.4rem;
    max-width: 550px;
    margin: 0 auto;
    margin-top: 30px;
}

body.single-product .woocommerce-message,
body.woocommerce-account .woocommerce-message,
body.page-orig-id-311 .woocommerce-error,
body.page-orig-id-308 .woocommerce-error,
body.woocommerce-account .woocommerce-error {
    margin-bottom: 0;
    padding: 30px;
    padding: calc(clamp(2.7777777777777777rem, 0.8479532163742691rem + 5.614035087719298vw, 6.111111111111111rem) / 2) !important;
}

body.woocommerce-lost-password .woocommerce-message {
    margin-top: 0;
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before,
.woocommerce-noreviews::before,
p.no-comments::before,
body.single-product .woocommerce-error:after,
body.single-product .woocommerce-error:before,
body.single-product .woocommerce-info:after,
body.single-product .woocommerce-info:before,
body.single-product .woocommerce-message:after,
body.single-product .woocommerce-message:before {
    display: none;
}

.payment_box.payment_method_xpay_googlepay,
.payment_box.payment_method_xpay_applepay,
.payment_box.payment_method_xpay,
.woocommerce-EditAccountForm span em,
.lost_password,
body .product .woocommerce_single_back,
.cart-notice,
.woocommerce-product-details__short-extradescription,
#payment .payment_methods li p,
.woocommerce-shipping-destination,
.woocommerce-privacy-policy-text {
    font-size: 0.85rem !important;
    line-height: 1.4rem;
}

#xpay_list_icon {
    margin-bottom: 0;
}

.payment_box.payment_method_xpay br {
    display: none;
}

.form-row.create-account label,
#ship-to-different-address label,
#ship-to-different-address {
    font-size: inherit;
    font-weight: 500;
    line-height: 25px;
}

.form-row.create-account label > span,
#ship-to-different-address label > span {
    /* color: white !important; */
    text-transform: none;
}

body #ship-to-different-address:hover,
body #ship-to-different-address,
body .create-account.woocommerce-validated {
    background: transparent !important;
    padding-left: 0 !important;
}

#shipping_method label {
    cursor: pointer;
}

#shipping_method li:hover label {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}

.woocommerce-product-details__short-extradescription {
    margin: calc(clamp(2.7777777777777777rem, 0.8801169590643274rem + 5.52046783625731vw, 6.055555555555555rem) / 2) 0;
}

.cart-collaterals .cart_totals,
.cart-collaterals .shipping_calculator {
    margin: 0 auto;
    float: none;
}

.product_meta {
    display: none;
}

/* - CONTENT - */
.site-content > .col-full {
    margin: 0;
    padding: 0;
    max-width: 100%;
}

/* - ARTICLE - */
.hentry {
    margin-bottom: 0;
}

/* - FOOTER - */
#colophon {
    background-color: var(--color-3);
    color: white;
    padding: 75px;
    padding: clamp(2.7777777777777777rem, 1.9736842105263155rem + 2.3391812865497084vw, 4.166666666666667rem);
}

.site-footer a:not(.button):not(.components-button),
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6,
.site-footer .widget .widget-title,
.site-footer .widget .widgettitle {
    color: white;
}

.footer-widgets {
    border-bottom: 0;
    padding: 0;
}

#colophon .site-info {
    display: none;
}

.footer-widgets .widget {
    margin-bottom: 40px;
}

.footer-widgets .widget:last-child {
    margin-bottom: 0;
}

.footer-widgets .widget_nav_menu ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.footer-widgets .widget,
.footer-widgets .widget li {
    margin: 0;
}

.footer-widgets p {
    color: white !important;
}

#menu-service {
    gap: 30px;
    gap: clamp(1.1111111111111112rem, 0.7894736842105263rem + 0.9356725146198831vw, 1.6666666666666667rem);
}

#menu-socials {
    text-transform: uppercase;
    font-size: 30px;
    font-size: clamp(1.3125rem, 1.2039473684210527rem + 0.3157894736842105vw, 1.5rem);
    gap: 0;
    font-weight: bold;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll::before,
.woocommerce-MyAccount-content .woocommerce-Button::before,
.woocommerce-message .button::before,
.woocommerce-ResetPassword button::before,
.woocommerce-form-login__submit::before,
.woocommerce-form-register__submit::before,
#payment .place-order .button::before,
.wc-proceed-to-checkout .button.checkout-button::before,
.storefront-sticky-add-to-cart__content-button::before,
.single_add_to_cart_button::before,
#menu-socials li:not(:last-child)::after {
    content: "";
    background-image: url(/wp-content/themes/storefront-child/assets/images/sonniaflower-white.svg);
    background-size: contain;
    background-position: center;
    width: 26px;
    height: 26px;
    width: clamp(1.1666666666666667rem, 1.0058479532163744rem + 0.4678362573099414vw, 1.4444444444444444rem);
    height: clamp(1.1666666666666667rem, 1.0058479532163744rem + 0.4678362573099414vw, 1.4444444444444444rem);

    width: calc(clamp(1.1666666666666667rem, 1.0058479532163744rem + 0.4678362573099414vw, 1.4444444444444444rem) - 5px);
    height: calc(clamp(1.1666666666666667rem, 1.0058479532163744rem + 0.4678362573099414vw, 1.4444444444444444rem) - 5px);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
    display: inline-flex;
    margin: 0 45px;
    background-repeat: no-repeat;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:before,
.woocommerce-MyAccount-content .woocommerce-Button::before,
.woocommerce-form-register__submit::before,
.woocommerce-form-login__submit::before {
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 10px !important;
}

.woocommerce-form-register {
    max-width: 650px;
}

.woocommerce-form.woocommerce-form-login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#payment .place-order .button::before,
.wc-proceed-to-checkout .button.checkout-button::before,
.storefront-sticky-add-to-cart__content-button::before,
.single_add_to_cart_button::before {
    margin-left: 0;
    margin-right: 15px;
    position: absolute;
    left: 20px;
    top: calc(50% - 1px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.woocommerce-message .button::before {
    margin-left: 0;
    margin-right: 15px;
}

.storefront-sticky-add-to-cart__content-button,
#payment .place-order .button,
.wc-proceed-to-checkout .button.checkout-button,
.single_add_to_cart_button {
    position: relative;
    padding-left: 55px;
}

#payment .place-order .button {
    margin-left: 0 !important;
}

.woocommerce-ResetPassword button::before,
.woocommerce-form-login__submit::before,
.woocommerce-form-register__submit::before {
    margin: 0;
    padding: 0;
    padding-right: 20px;
}

.woocommerce-form-login__submit {
    margin-top: 20px;
}

.wc-empty-cart-message {
    flex: 1;
}

/* .button.wc-forward,
body .storefront-sticky-add-to-cart__content-button.button.alt,
body  button.single_add_to_cart_button.alt,
.wc-proceed-to-checkout .button.checkout-button,
#payment .place-order .button{
    background-color: var(--color-4);
} */

.wc-proceed-to-checkout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.woocommerce .woocommerce-checkout .col2-set .col-1,
.woocommerce .woocommerce-checkout .col2-set .col-2 {
    width: 100% !important;
}

.woocommerce .woocommerce-checkout .col2-set .col-1 {
    margin-bottom: 30px;
    margin-bottom: calc(clamp(1.25rem, 0.888157894736842rem + 1.0526315789473684vw, 1.875rem) / 1.5);
}

form.checkout input,
form.checkout textarea,
form.checkout {
    font-size: 1rem;
    font-size: 0.8888888888888888rem;
    font-size: clamp(0.8888888888888888rem, 0.8277777777777777rem + 0.17777777777777784vw, 1rem);
}

form.checkout > .col2-set {
    width: calc(65% - 40px);
}

#order_review_heading,
form.checkout > #order_review {
    width: 35%;
}

form.checkout > .col2-set {
    margin-right: 40px;
}

.woocommerce-MyAccount-content table.shop_table,
.woocommerce-ResetPassword.lost_reset_password,
h3.wc-bacs-bank-details-account-name,
.woocommerce-customer-details address,
.woocommerce-checkout .order_details {
    border: 3px solid var(--color-2);
    background-color: transparent;
    padding: clamp(1.25rem, 0.888157894736842rem + 1.0526315789473684vw, 1.875rem) clamp(1.25rem, 0.5263157894736842rem + 2.1052631578947367vw, 2.5rem);
}

body.woocommerce-order-received .woocommerce-customer-details > section > div address,
body.woocommerce-order-received .woocommerce-customer-details > section > div {
    width: 100% !important;
    margin-bottom: 0;
}

.woocommerce-billing-fields__field-wrapper > p:last-child,
.woocommerce-shipping-fields__field-wrapper > p:last-child,
.create-account > p:last-of-type {
    margin-bottom: 0;
}

body.woocommerce-order-received .woocommerce-customer-details > section > div {
    margin-bottom: 40px;
    margin-bottom: clamp(1.25rem, 0.888157894736842rem + 1.0526315789473684vw, 1.875rem) !important;
}

.order_details > li {
    border-bottom: 0;
}

.woocommerce-order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px;
    gap: clamp(1.25rem, 0.888157894736842rem + 1.0526315789473684vw, 1.875rem) !important;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.woocommerce-order > .woocommerce-notice {
    width: 100%;
    margin-bottom: calc(clamp(2.2222222222222223rem, 0.6140350877192984rem + 4.678362573099415vw, 5rem) / 2);
}

.woocommerce-order > ul,
.woocommerce-order > section {
    margin-top: 0;
    width: calc(50% - 20px);
    font-size: inherit;
}

h3.wc-bacs-bank-details-account-name {
    font-size: 1rem;
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
}

ul.order_details {
    margin: 0;
}

ul.order_details li {
    padding: 0 !important;
    font-size: clamp(0.8888888888888888rem, 0.8277777777777777rem + 0.17777777777777784vw, 1rem);
    font-weight: bold;
}

ul.order_details li:not(:last-child) {
    margin-bottom: clamp(1.25rem, 0.888157894736842rem + 1.0526315789473684vw, 1.875rem);
}

ul.order_details li strong {
    font-size: inherit;
    font-weight: normal;
}

.order_details.bacs_details:last-child {
    display: none;
}

.woocommerce-table.woocommerce-table--order-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
}

body.woocommerce-order-received tr.woocommerce-table__line-item {
    border-bottom: 3px solid #f9f9f9;
    padding-bottom: 20px;
}

body.woocommerce-order-received .woocommerce-table.woocommerce-table--order-details > thead {
    display: none;
}

body.woocommerce-order-received .woocommerce-table.woocommerce-table--order-details th {
    color: inherit;
}

.woocommerce-table.woocommerce-table--order-details tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.woocommerce-table.woocommerce-table--order-details th,
.woocommerce-table.woocommerce-table--order-details td {
    padding: 0;
    background: transparent;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.woocommerce-table.woocommerce-table--order-details td.product-name {
    gap: 10px;
}

.woocommerce-table.woocommerce-table--order-details td.product-total {
    margin-top: 10px;
}

body.woocommerce-view-order .woocommerce-table.woocommerce-table--order-details {
    margin-bottom: 30px;
}

body.woocommerce-view-order .woocommerce-table.woocommerce-table--order-details th,
body.woocommerce-view-order .woocommerce-table.woocommerce-table--order-details td {
    color: inherit;
    border: 0;
}

body.woocommerce-view-order .woocommerce-table.woocommerce-table--order-details thead {
    display: none;
}

body.woocommerce-view-order .item-thumbnail {
    margin-right: 10px;
    margin-bottom: 10px;
}

body.woocommerce-checkout div.create-account,
#customer_login form,
.woocommerce-EditAccountForm.edit-account,
.woocommerce-address-fields,
#payment .place-order,
.payment_box,
body.woocommerce-checkout #order_review tfoot .tax-rate,
.order-total,
.woocommerce-shipping-totals > td,
#order_review tbody,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-billing-fields__field-wrapper {
    padding: 30px 40px;
    padding: clamp(1.25rem, 0.888157894736842rem + 1.0526315789473684vw, 1.875rem) clamp(1.25rem, 0.5263157894736842rem + 2.1052631578947367vw, 2.5rem);
    border: 3px solid var(--color-2);
}

#order_review tbody {
    padding: 0;
}

body .create-account.woocommerce-validated,
#payment .place-order {
    margin-top: 30px !important;
    margin-top: clamp(1.25rem, 0.888157894736842rem + 1.0526315789473684vw, 1.875rem);
}

.order-total,
.woocommerce-shipping-totals > td,
#order_review tbody {
    margin-bottom: 30px !important;
    margin-bottom: clamp(1.25rem, 0.888157894736842rem + 1.0526315789473684vw, 1.875rem) !important;
}

#order_review {
    padding: 0;
}

#order_review th,
#order_review td {
    background: transparent;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: inherit;
}

#order_review td .product-quantity {
    white-space: nowrap;
}

.product-quantity {
    margin-left: 10px;
}

#order_review td.product-total {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: 52px;
    margin-top: 5px;
}

#order_review thead {
    display: none;
}

#order_review tfoot,
#order_review tbody,
#order_review table {
    display: block;
}

#payment .payment_methods > li .payment_box,
#payment .place-order,
#order_review table .cart_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    padding: 20px 30px;
    padding: 20px clamp(1.25rem, 0.888157894736842rem + 1.0526315789473684vw, 1.875rem);
    background: transparent;
}

#order_review table .cart_item:not(:last-child) {
    border-bottom: 3px solid var(--color-2);
}

#payment .payment_methods > li:not(.woocommerce-notice) {
    background: transparent !important;
    margin-top: 3px;
}

#order_review .cart-subtotal,
#order_review tfoot tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#order_review tfoot tr td {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#order_review .cart-subtotal {
    display: none;
}

body.woocommerce-checkout #order_review tfoot tr {
    border-top: 0;
}

body.woocommerce-checkout #order_review tfoot .tax-rate,
.order-total,
.cart-subtotal,
.woocommerce-shipping-totals > td {
    padding: 20px 30px !important;
}

body.woocommerce-checkout #order_review tfoot .tax-rate {
    border-bottom: 0;
    padding-bottom: 0 !important;
}

.order-total > th {
    color: var(--color-5) !important;
}

.cart-subtotal th,
.cart-subtotal td {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-weight: bold;
}

#order_review tfoot tr {
    padding: 0;
}

#order_review tfoot tr .includes_tax {
    margin-top: 5px;
    line-height: normal;
}

#order_review .amount {
    font-weight: bold;
}

#order_review .shop_table {
    margin-bottom: 0 !important;
}

.woocommerce-order table:not(.has-background) tbody tr:nth-child(2n) td {
    background: transparent !important;
}

.woocommerce-additional-fields {
    margin-top: 30px;
    margin-top: clamp(1.25rem, 0.888157894736842rem + 1.0526315789473684vw, 1.875rem);
}

.woocommerce-view-order h2,
.create-account.woocommerce-validated,
#customer_login h2,
.woocommerce-order h2,
.woocommerce-MyAccount-content h3,
.addresses header.title h3,
#payment .payment_methods > .woocommerce-PaymentMethod > label,
#payment .payment_methods > .wc_payment_method > label,
.woocommerce-shipping-totals > th,
#order_review_heading,
#ship-to-different-address,
.woocommerce-billing-fields h3 {
    margin: 0 !important;
    padding: 10px 20px !important;
    background-color: var(--color-3) !important;
    color: white !important;
    font-size: inherit;
    font-weight: bold;
    line-height: normal;
    text-transform: uppercase;
}

#ship-to-different-address:hover,
#payment .payment_methods > .woocommerce-PaymentMethod > label:hover,
#payment .payment_methods > .wc_payment_method > label:hover {
    background-color: var(--color-5) !important;
}

#payment .payment_methods > .wc_payment_method > label:hover {
    -webkit-filter: brightness(1.1) !important;
    filter: brightness(1.1) !important;
    background-color: var(--color-3) !important;
}

#payment .payment_methods > .wc_payment_method > input[type="radio"]:first-child:checked + label:hover:before {
    color: var(--color-2) !important;
}

#payment .payment_methods li .payment_box fieldset {
    background: transparent;
    padding: 0;
    max-width: 100%;
}

.ppc-button-wrapper {
    margin-top: clamp(1.25rem, 0.888157894736842rem + 1.0526315789473684vw, 1.875rem);
}

#payment .payment_methods li .payment_box fieldset .form-row.form-row-last {
    width: 31%;
    margin: 0;
}

#payment .payment_methods li .payment_box fieldset .form-row.form-row-first {
    width: 65%;
    margin-right: 0%;
    margin: 0;
}

#SecurePaypal {
    margin-top: 20px;
}

#SecurePaypal tr:first-child {
    display: none;
}

#SecurePaypal,
#SecurePaypal tbody,
#SecurePaypal td,
#SecurePaypal tr {
    display: block;
    border: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#SecurePaypal img {
    width: 143px;
    height: auto;
    max-height: unset !important;
    float: none !important;
    margin-left: 0;
}

.form-row label {
    font-weight: normal;
    font-weight: normal;
}

ul.order_details::before,
ul.order_details::after {
    opacity: 0;
}

.ts-product-image {
    display: block;
    margin: 0;
    margin-bottom: 10px;
    height: auto !important;
}

.form-row.woocommerce-invalid input.input-text {
    -webkit-box-shadow: inset 2px 0 0 var(--color-4);
    box-shadow: inset 2px 0 0 var(--color-4);
}

.required {
    color: var(--color-4);
}

.cart-collaterals .cart_totals tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

.cart-collaterals .cart_totals tr th:first-child {
    padding-bottom: 0;
}

.cart-collaterals .cart_totals tr td:nth-child(2) {
    padding-top: 0;
    padding-bottom: 0;
}

.cart-collaterals .cart-subtotal,
.cart-collaterals .cart_totals tr.woocommerce-shipping-totals {
    display: none !important;
}

.wc-proceed-to-checkout .button {
    margin-bottom: 0;
}

.woocommerce-password-strength::after {
    display: none !important;
}

.woocommerce-password-strength.good {
    color: #f29004;
}

@media screen and (max-width: 1024px) {
    #customer_login > div,
    .woocommerce-order > ul,
    .woocommerce-order > section,
    form.checkout > .col2-set,
    form.checkout > #order_review {
        width: 100% !important;
        margin: 0;
    }

    .storefront-full-width-content.single-product div.product .summary {
        margin-top: clamp(2.7777777777777777rem, 0.8479532163742691rem + 5.614035087719298vw, 6.111111111111111rem) !important;
    }

    #customer_login form {
        margin-bottom: 0;
    }

    #order_review_heading {
        text-align: left;
        margin-top: 50px;
        margin-top: clamp(2.7777777777777777rem, -0.1812865497076026rem + 8.608187134502925vw, 7.888888888888889rem);
        display: block;
        width: 100%;
    }
}

/* table:not( .has-background ) tbody tr:nth-child(2n) td, fieldset, fieldset legend{
    background: transparent;
}
*/
.select2-container--default .select2-selection--single {
    padding: 0.6180469716em;
    padding: 5px 17px;
    background-color: #f2f2f2;
    color: #43454b;
    border: 0;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 400;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 13%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 13%);
    height: auto;
    border-radius: 0;
    background: transparent;

    -webkit-box-shadow: unset;

    box-shadow: unset;
    border: 3px solid var(--color-2);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    right: 20px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: var(--color-2);
    color: var(--color-5);
}

.select2-dropdown,
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 3px solid var(--color-2);
}

.select2-dropdown {
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
    border-radius: 0;
}

#payment .place-order .button::before,
button,
.hentry .entry-content a.button {
    font-size: inherit !important;
    text-transform: uppercase;
    font-weight: normal !important;
    text-align: left;
}

.hentry .entry-content a.button {
    margin-left: 0 !important;
}

button,
input,
textarea {
    font-family: inherit;
    line-height: normal;
}

#menu-socials li {
    padding: 0;
}

#menu-quicklinks {
    text-transform: uppercase;
    font-size: inherit;
}

#nav_menu-3 {
    margin-bottom: 75px;
    margin-bottom: clamp(2.7777777777777777rem, 1.9736842105263155rem + 2.3391812865497084vw, 4.166666666666667rem);
}

.footer-widgets .widget {
    margin-bottom: 30px;
    margin-bottom: clamp(1.1111111111111112rem, 0.7894736842105263rem + 0.9356725146198831vw, 1.6666666666666667rem);
}

/* ---- WOOCOMMERCE ---- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
    background-color: transparent;
    border: 3px solid var(--color-2);
    border-radius: 0;
    color: inherit;
    font-weight: normal;
    margin: clamp(2.7777777777777777rem, -0.1812865497076026rem + 8.608187134502925vw, 7.888888888888889rem)
        clamp(2.2222222222222223rem, -0.4795321637426899rem + 7.859649122807018vw, 6.888888888888889rem);
    width: calc(100% - clamp(2.2222222222222223rem, -0.4795321637426899rem + 7.859649122807018vw, 6.888888888888889rem) * 2);
    margin-left: auto;
    margin-right: auto;
    width: calc(
        100% - clamp(2.7777777777777777rem, -0.1812865497076026rem + 8.608187134502925vw, 7.888888888888889rem)
            clamp(2.2222222222222223rem, -0.4795321637426899rem + 7.859649122807018vw, 6.888888888888889rem) * 2
    );
    max-width: 1550px;
    font-size: 1rem;
    font-size: clamp(1rem, 0.9421052631578947rem + 0.16842105263157908vw, 1.1rem);
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 15px;
}

.woocommerce-error {
    color: var(--color-4) !important;
}

.woocommerce-message li,
.woocommerce-info li,
.woocommerce-error li {
    width: 100%;
}

.woocommerce-info {
    column-gap: 15px;
}

.woocommerce-info .button:hover {
    background-color: #d5d5d5;
    border-color: #d5d5d5;
    color: #333;
}

.woocommerce-info .button:hover::before {
    background-image: url(/wp-content/themes/storefront-child/assets/images/sonniaflower-darkgray.png);
}

.woocommerce-info a {
    color: var(--color-5) !important;
}

.woocommerce-info .showcoupon {
    min-width: 100%;
}

.checkout_coupon {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.checkout_coupon .form-row {
    width: auto;
}

.checkout_coupon > p:first-child {
    width: 100%;
    text-align: center;
}

/* .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a::before, */
/* .woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before, */
.woocommerce-noreviews::before,
p.no-comments::before {
    content: "";
    background-image: url(/wp-content/themes/storefront-child/assets/images/sonniaflower-darkgray.png);
    background-size: contain;
    background-position: center;
    width: 26px;
    height: 26px;
    width: clamp(1.1666666666666667rem, 1.0058479532163744rem + 0.4678362573099414vw, 1.4444444444444444rem);
    height: clamp(1.1666666666666667rem, 1.0058479532163744rem + 0.4678362573099414vw, 1.4444444444444444rem);
    display: inline-block;
    margin-right: 14px;
    margin-right: clamp(0.5555555555555556rem, 0.42690058479532167rem + 0.3742690058479532vw, 0.7777777777777778rem);
    background-repeat: no-repeat;
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
}

.storefront-full-width-content .woocommerce-products-header,
.woocommerce-products-header {
    /* padding-top: 83px;
    padding-bottom: 134px;
    padding-left: 233px;
    padding-right: 233px;
    */
    -webkit-box-shadow: 0px 8px 9px 0px #0000002e;
    box-shadow: 0px 8px 9px 0px #0000002e;
    z-index: 1;
    position: relative;
}

.woocommerce-products-header > * {
    max-width: 1525px;
    margin: 0 auto;
    /* text-align: left; */
}

.woocommerce-products-header > h1 {
    margin-bottom: 60px;
    margin-bottom: clamp(1.875rem, 0.7894736842105263rem + 3.1578947368421053vw, 3.75rem);
}

.woocommerce .woocommerce-MyAccount-content {
    margin-top: 100px;
    margin-top: clamp(2.7777777777777777rem, 1.1695906432748537rem + 4.678362573099415vw, 5.555555555555555rem);
}

.products {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(33.3333%, 1fr));
    /* max-width: 1400px;
    margin: 0 auto !important;
    */
}

ul.products::after,
ul.products::before {
    display: none;
}

.products .product {
    /* border: 1px solid;
    */
    margin: 0 !important;
    width: auto !important;
    overflow: hidden;
}

/* .products .product:hover {
    box-shadow: 0px 0px 5px 2px #00000014;
    z-index: 1;
    position: relative;
}
*/
ul.products li.product .button,
ul.products li.product .price {
    display: none;
}

.products .product .woocommerce-loop-product__title {
    margin: 0 !important;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 40px 30px;
    padding: clamp(1.25rem, 0.5263157894736842rem + 2.1052631578947367vw, 2.5rem) clamp(1.25rem, 0.888157894736842rem + 1.0526315789473684vw, 1.875rem);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.products .product.show-title .woocommerce-loop-product__title,
.products .product:hover .woocommerce-loop-product__title {
    opacity: 1;
}

/* @media screen and (max-width: 781px),
(hover:none) {
    .products .product .woocommerce-loop-product__title  {
        display: none !important;
    }
} */

/* ul.products li.product .woocommerce-loop-product__title {
    display: flex; width :100% ;justify-content: center;
    bottom: 40px;    
    bottom: clamp(1.25rem, 0.5263157894736842rem + 2.1052631578947367vw, 2.5rem);
    position: absolute;
    left: 0;
    margin-bottom: 0 !important;
    text-transform: none;
    bottom: -200px;
}


ul.products li.product:hover .woocommerce-loop-product__title {
    bottom: clamp(1.25rem, 0.5263157894736842rem + 2.1052631578947367vw, 2.5rem);
} */

ul.products li.product img {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

ul.products li.product .woocommerce-LoopProduct-link {
    /* height: 630px; */
    /* margin: -1px ; */
}

.storefront-sorting {
    display: none;
}

.storefront-product-pagination {
    display: none;
}

body .woocommerce_single_back:hover,
body .woocommerce_single_back {
    background-color: transparent !important;

    color: var(--color-5) !important;
    text-transform: none;
    font-size: inherit;
    padding: 0;
    margin-bottom: 45px;
    display: block;
}

body .woocommerce_single_back::before {
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
    width: 17px;
    height: 17px;
}

.woocommerce_single_back:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.woocommerce_single_product_number {
    margin-top: 10px;
    display: block;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 22% 20px 22% 20px 22% 20px 22%;
    grid-template-columns: repeat(4, 22%);
    grid-template-columns: repeat(4, calc(25% - 15px));
    gap: 20px;
}

.storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
    width: auto;
    float: none;
    margin: 0;
}

.single-product div.product .woocommerce-product-gallery img {
    border-radius: 0;
    width: 100%;
    opacity: 1 !important;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs::before,
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs::after {
    display: none !important;
}

.single-product div.product form.cart .quantity {
    display: none;
}

/* PRODUCT DETAIL */
.pswp {
    z-index: 100000;
}

.single-product div.product {
    padding-top: 109px;
    padding-top: clamp(2.7777777777777777rem, 0.8801169590643274rem + 5.52046783625731vw, 6.055555555555555rem);
    padding-bottom: 222px;
    padding-bottom: clamp(2.7777777777777777rem, -2.7543859649122817rem + 16.09356725146199vw, 12.333333333333334rem);
    padding-left: 100px;
    padding-right: 100px;
    padding-left: clamp(1.6666666666666667rem, -0.5847953216374264rem + 6.54970760233918vw, 5.555555555555555rem);
    padding-right: clamp(1.6666666666666667rem, -0.5847953216374264rem + 6.54970760233918vw, 5.555555555555555rem);
    max-width: 1560px;
    margin: 0 auto;
}

body.single-product h1::before {
    display: none;
}

body.single-product h1 {
    margin-bottom: 0px;
}

.single-product div.product p.price {
    font-weight: 500;
    margin: 45px 0;
    margin: clamp(1.875rem, 1.3322368421052633rem + 1.5789473684210527vw, 2.8125rem) 0px;
    font-size: clamp(1.3125rem, 1.2039473684210527rem + 0.3157894736842105vw, 1.5rem);
}

.single-product div.product p.price {
    padding-bottom: calc(clamp(1.875rem, 1.3322368421052633rem + 1.5789473684210527vw, 2.8125rem) / 3);
}

.woocommerce-product-details__short-description > p {
    font-weight: bold;
}

.stock.in-stock {
    display: none;
}

.stock.out-of-stock {
    color: var(--color-4);
    font-weight: bold;
    text-transform: uppercase;
}

.stock.out-of-stock::before {
    display: none;
}

.storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
    width: calc(60% - clamp(1.875rem, 0.7894736842105263rem + 3.1578947368421053vw, 3.75rem));
}

.storefront-full-width-content.single-product div.product .summary {
    width: 40%;
}

/* body.single-product .product_title{
    display: flex; flex-direction: column-reverse;
} */

button.alt,
input[type="button"].alt,
input[type="reset"].alt,
input[type="submit"].alt,
.button.alt,
.widget-area .widget a.button.alt {
    background-color: var(--color-3);
    outline: 0 !important;
}

.up-sells.products,
.related.products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    clear: both;
    float: none;
    padding-top: calc(clamp(2.7777777777777777rem, -2.7543859649122817rem + 16.09356725146199vw, 12.333333333333334rem) / 2) !important;
    padding-top: calc(clamp(2.7777777777777777rem, -2.7543859649122817rem + 16.09356725146199vw, 12.333333333333334rem) / 2 + 50px) !important;
}

.up-sells.products .products,
.related.products .products {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    grid-template-columns: repeat(auto-fill, minmax(clamp(8.333333333333334rem, 4.473684210526317rem + 11.228070175438596vw, 15rem)));
    -ms-grid-columns: 1fr clamp(0.8333333333333334rem, -1.9005847953216377rem + 7.953216374269006vw, 5.555555555555555rem) 1fr
        clamp(0.8333333333333334rem, -1.9005847953216377rem + 7.953216374269006vw, 5.555555555555555rem) 1fr
        clamp(0.8333333333333334rem, -1.9005847953216377rem + 7.953216374269006vw, 5.555555555555555rem) 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 100px;
    gap: clamp(0.8333333333333334rem, -1.9005847953216377rem + 7.953216374269006vw, 5.555555555555555rem);
    max-width: 100%;
    padding: 0 clamp(0.8333333333333334rem, -1.9005847953216377rem + 7.953216374269006vw, 5.555555555555555rem);
}

.up-sells.products h2,
.related.products h2 {
    margin-bottom: 110px;
    margin-bottom: calc(clamp(2.7777777777777777rem, 0.8479532163742691rem + 5.614035087719298vw, 6.111111111111111rem) / 2) !important;
    font-size: 30px;
    font-size: clamp(1.3125rem, 1.2039473684210527rem + 0.3157894736842105vw, 1.5rem);
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
}

.up-sells.products .woocommerce-loop-product__title,
body.error404 .woocommerce-loop-product__title {
    display: none !important;
}

.related.products .woocommerce-loop-product__title {
    padding: 13px 20px !important;
    font-size: 0.9rem !important;
}

.storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
    margin-bottom: 0;
}

/* cart */
.storefront-sticky-add-to-cart__content-price,
.storefront-sticky-add-to-cart__content-title {
    color: var(--color-5);
    opacity: 1;
}

.admin-bar .storefront-sticky-add-to-cart--slideInDown {
    top: 219px;
    display: none !important;
}

.storefront-sticky-add-to-cart img {
    padding: 0;
    border: 0;
    border-radius: 0;
}

.woocommerce button[name="update_cart"],
.woocommerce input[name="update_cart"] {
    display: none !important;
}

/* .woocommerce-cart-form__cart-item td {
    background: transparent !important;
} */
/* .woocommerce-cart-form__cart-item{
    border-bottom: 3px solid var(--color-3);
    margin-bottom: 30px;
} */

table.cart th.product-remove,
table.cart td.product-remove {
    display: none !important;
}

.woocommerce-cart-form .product-name a {
    text-decoration: none;
}

.woocommerce-cart-form .product-name a:hover {
    text-decoration: underline;
}

.woocommerce-cart-form .button:disabled[name="update_cart"] {
    display: none !important;
}

.customer_notes_on_cart {
    margin: clamp(1.25rem, 0.888157894736842rem + 1.0526315789473684vw, 1.875rem) 0px;
}

#cart_order_notes {
    margin-bottom: calc(clamp(1.25rem, 0.888157894736842rem + 1.0526315789473684vw, 1.875rem) / 2);
}

.woocommerce-cart-form thead {
    display: none !important;
}

.woocommerce-cart-form td {
    background: transparent !important;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.woocommerce-cart-form td.product-thumbnail,
.woocommerce-cart-form td.product-quantity {
    max-width: 120px;
}

.woocommerce .cart.shop_table .product-thumbnail img {
    min-width: 90px;
}

.woocommerce-cart-form .cart_item {
    border: 3px solid var(--color-2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.woocommerce-cart-form .cart_item:not(:first-child) {
    margin-top: 30px;
    margin-top: clamp(1.25rem, 0.888157894736842rem + 1.0526315789473684vw, 1.875rem);
}

table.cart td.product-quantity .qty {
    background-color: var(--color-3);
    color: white;
    border: 0;
}

.woocommerce-cart-form .amount {
    font-weight: bold;
}

.cart-collaterals h2 {
    display: none;
}

.cart-collaterals .cart_totals td,
.cart-collaterals .cart_totals th {
    background: transparent !important;
}

.cart-collaterals .cart_totals th {
    font-weight: bold;
}

.cart-collaterals .cart_totals th::after {
    content: ":";
    display: inline-block;
}

.cart-collaterals .cart_totals {
    border: 3px solid var(--color-2);
}

body.woocommerce-cart .includes_tax {
    display: none !important;
}

.tax-rate th {
    color: var(--color-5) !important;
}

p.form-row {
    margin-bottom: calc(clamp(1.25rem, 0.888157894736842rem + 1.0526315789473684vw, 1.875rem) * 1.5) !important;
}

#checkout_form {
    margin: 0 auto;
    margin-left: 20px;
    margin-bottom: 0;
}

.wc-forward::after {
    display: none;
}

/* table:not( .has-background ) th{
    background-color: var(--color-3);
} */

/* table:not( .has-background ) tbody tr:nth-child(2n) td, fieldset, fieldset legend {
    background-color: transparent;
    border: 3px solid var(--color-2);
} */

fieldset,
fieldset legend {
    padding: 0;
    background: transparent;
}

fieldset legend {
    margin: 0;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: bold;
}

fieldset input {
    background-color: white !important;
}

table.shop_table {
    border-collapse: collapse;
}

table.shop_table_responsive tbody tr td,
table.shop_table_responsive tbody tr th {
    padding: 20px;
}

a.remove::before {
    content: "\f1f8";
    color: inherit;
}

a.remove:hover::before {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}

abbr.required {
    border: none !important;
    text-decoration: none !important;
    cursor: default;
}

#ship-to-different-address .woocommerce-form__input-checkbox {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    margin-right: 10px;
}

body.woocommerce-cart .woocommerce {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px;
}

.cart-collaterals .cart_totals {
    margin: 0;
    width: 100%;
}

body.woocommerce-cart .woocommerce-notices-wrapper {
    width: 100%;
}

.woocommerce-cart-form-wrapper {
    width: 60%;
}

.woocommerce-cart-form {
    width: 100%;
}

.cart-collaterals {
    width: calc(40% - 40px);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

/* ACCOUNT */
.hentry .entry-content .woocommerce-MyAccount-navigation ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr clamp(0.5555555555555556rem, -0.08771929824561397rem + 1.8713450292397662vw, 1.6666666666666667rem) 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    gap: clamp(0.5555555555555556rem, -0.08771929824561397rem + 1.8713450292397662vw, 1.6666666666666667rem);
    border: 0;
}

.hentry .entry-content .woocommerce-MyAccount-navigation ul li {
    border: 3px solid var(--color-2);
}

.hentry .entry-content .woocommerce-MyAccount-navigation ul li a {
    height: 100%;
    text-transform: uppercase;
    padding: 40px !important;
    font-size: 1.1111111111111112rem;
    padding: clamp(1.1111111111111112rem, 0.4678362573099416rem + 1.8713450292397662vw, 2.2222222222222223rem);
}

.woocommerce-MyAccount-navigation ul li a::before {
    opacity: 1;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: var(--color-2);
    pointer-events: none;
}

.woocommerce-MyAccount-content,
.woocommerce-MyAccount-navigation {
    width: 100%;
    float: none;
    margin: 0;
}

.woocommerce-Addresses address,
.woocommerce-MyAccount-content table.shop_table {
    border: 3px solid var(--color-2);
}

.woocommerce-MyAccount-content table.shop_table th {
    padding-top: 11px;
    padding-bottom: 11px;
}

.woocommerce-Addresses address,
.woocommerce-MyAccount-content table.shop_table tr.woocommerce-table__line-item {
    border-bottom: 3px solid var(--color-2);
    padding-bottom: 20px;
}

.woocommerce-MyAccount-content table.shop_table td,
.woocommerce-MyAccount-content table.shop_table tr {
    background: transparent !important;
}

.woocommerce-MyAccount-content table.shop_table thead tr {
    background-color: var(--color-2) !important;
    font-weight: bold;
    text-transform: uppercase;
}

.woocommerce-MyAccount-content table.shop_table thead th span {
    color: white;
}

.woocommerce-MyAccount-content fieldset {
    margin-top: 80px;
    margin-top: calc(clamp(2.2222222222222223rem, 0.6140350877192984rem + 4.678362573099415vw, 5rem) / 1);
}

.addresses header.title h3 {
    width: 100%;
}

.woocommerce-Address-title {
    position: relative;
}

.addresses header.title a {
    color: white;
    position: absolute;
    right: 10px;
    margin-top: 7px;
}

.woocommerce-Addresses address {
    padding: clamp(1.25rem, 0.888157894736842rem + 1.0526315789473684vw, 1.875rem) clamp(1.25rem, 0.5263157894736842rem + 2.1052631578947367vw, 2.5rem);
}

.woocommerce-Address {
    width: calc(50% - 20px) !important;
    cursor: pointer;
}

.woocommerce-Address:first-child {
    margin-right: 40px !important;
}

table:not(.has-background) th {
    background-color: var(--color-3);
    color: white;
    font-weight: bold;
}

#customer_login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px;
}

#customer_login > div {
    width: calc(50% - 20px);
    margin: 0 !important;
}

.woocommerce-ResetPassword.lost_reset_password .woocommerce-form-row:last-child {
    margin-bottom: 0;
}

.lost_password {
    margin-bottom: 0;
    margin-top: 7px;
}

/* .lost_password a {
    text-decoration: none !important;
}

.lost_password a:hover{
    text-decoration: underline !important; 
} */

/* ---- WORDPRESS ELEMENTS ---- */

.entry-content > p:last-child,
.entry-content > .wp-block-columns,
.wp-block-column,
.wp-block-image:last-child,
.wp-block-column > p:last-of-type,
.wp-block-separator:last-child,
.entry-content > div:last-child {
    margin-bottom: 0 !important;
}

.hentry .entry-content .wp-block-separator,
.wp-block-separator {
    content: "";
    background: url(/wp-content/themes/storefront-child/assets/images/sonniaflower.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    width: clamp(1.1666666666666667rem, 1.0058479532163744rem + 0.4678362573099414vw, 1.4444444444444444rem);
    height: clamp(1.1666666666666667rem, 1.0058479532163744rem + 0.4678362573099414vw, 1.4444444444444444rem);
    display: inline-block;

    background-repeat: no-repeat;
}

.wp-block-spacer {
    height: calc(clamp(2.7777777777777777rem, -3.333333333333335rem + 17.777777777777782vw, 13.333333333333334rem) / 1.5) !important;
}

.wp-block-spacer.is-style-space-xsmall {
    height: clamp(1.25rem, 0.888157894736842rem + 1.0526315789473684vw, 1.875rem) !important;
}

.wp-block-spacer.is-style-space-small {
    height: calc(clamp(2.7777777777777777rem, -3.333333333333335rem + 17.777777777777782vw, 13.333333333333334rem) / 3) !important;
}

.wp-block-spacer.is-style-space-medium {
    height: calc(clamp(2.7777777777777777rem, -3.333333333333335rem + 17.777777777777782vw, 13.333333333333334rem) / 2) !important;
}

.wp-block-spacer.is-style-space-xlarge {
    height: calc(clamp(2.7777777777777777rem, -3.333333333333335rem + 17.777777777777782vw, 13.333333333333334rem) * 1) !important;
}

.entry-content .wp-block-columns.is-style-gap-small .wp-block-column:not(:last-child),
.editor-styles-wrapper .wp-block-columns.is-style-gap-small .wp-block-column:not(:last-child) {
    margin-right: 0%;
}

.entry-content .wp-block-columns.is-style-gap-normal .wp-block-column:not(:last-child),
.editor-styles-wrapper .wp-block-columns.is-style-gap-normal .wp-block-column:not(:last-child) {
    margin-right: 4%;
}

.entry-content .wp-block-columns.is-style-gap-large .wp-block-column:not(:last-child),
.editor-styles-wrapper .wp-block-columns.is-style-gap-large .wp-block-column:not(:last-child) {
    margin-right: 8%;
}

.wp-block-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wp-block-column > * {
    width: 100%;
}

.wp-block-column > .wp-block-uagb-google-map,
.wp-block-column > h1,
.wp-block-column > h2,
.wp-block-column > h3,
.wp-block-column > h4,
.wp-block-column > h5,
.wp-block-column > p {
    padding-left: 60px;
    padding-right: 60px;
    padding-right: clamp(0rem, -3.6207695873898937rem + 7.417709782104776vw, 3.3333333333333335rem);
    padding-left: clamp(0rem, -3.6207695873898937rem + 7.417709782104776vw, 3.3333333333333335rem);
}

.wp-block-column.is-style-align-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.wp-block-column.is-style-align-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.wp-block-column.is-style-align-bottom {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.wp-block-quote {
    font-size: 26px;
    /* font-style: italic;
    */
    font-weight: 300;
    font-style: normal;
    font-size: 30px;
    font-size: clamp(1.3125rem, 1.2039473684210527rem + 0.3157894736842105vw, 1.5rem);
    line-height: 30px;
    padding: 0 !important;
}

.wp-block-quote {
    padding-left: 0;
    border: 0;
}

.wp-block-quote p:last-child {
    margin-bottom: 0;
}

/* ---- RAPIDMAIL NEWSLETTER ---- */

#rmOrganism .rmLayout--vertical.rmBase {
    max-width: 757px !important;
}

#rmOrganism .rmBase__container {
    padding: clamp(1.25rem, 0.888157894736842rem + 1.0526315789473684vw, 1.875rem) clamp(1.25rem, 0.5263157894736842rem + 2.1052631578947367vw, 2.5rem) !important;
    border: 3px solid var(--color-2) !important;

    border: 0 !important;
    padding: 0 !important;
}

#rmOrganism input {
    background-color: var(--color-1) !important;
    border-radius: 0 !important;
    border: 3px solid var(--color-2) !important;
    font-size: inherit !important;
    font-family: var(--font-family-1) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 8px 24px !important;
    height: auto !important;
}

#rmOrganism button {
    border-radius: 0 !important;
    border: 0 !important;
    font-family: var(--font-family-1) !important;
    font-size: inherit !important;
    padding: 11px 24px !important;
    font-weight: bold !important;
}

#rmOrganism .rmSubscription .rmBase__el {
    margin-bottom: 1.41575em !important;
}

#rmOrganism .rmSubscription .rmBase__comp--heading {
    text-align: left !important;
    text-transform: uppercase !important;
    font-family: var(--font-family-1) !important;
    font-size: clamp(1.3125rem, 1.2039473684210527rem + 0.3157894736842105vw, 1.5rem) !important;
    line-height: normal !important;
    font-weight: bold !important;
}

#rmOrganism .rmSubscription .rmBase__comp--text {
    font-family: var(--font-family-1) !important;
    font-size: inherit !important;
    text-align: left !important;
    line-height: normal !important;
    color: var(--color-5) !important;
}

#rmOrganism .rmBase__comp--privacy .privacy__text {
    font-family: var(--font-family-1) !important;
    font-size: 0.8rem !important;
    color: var(--color-3) !important;
}

/* ======== RESPONSIVE ====== */

@media screen and (min-width: 1600px) {
    /* .products {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
    } */
}

@media screen and (max-width: 1500px) {
    table.cart td.product-subtotal {
        min-width: 100%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 0;
        margin-top: -20px;
    }

    table.cart td.product-subtotal[data-title]::before {
        content: attr(data-title) ": ";
        font-weight: 600;
        float: left;
        display: inline-block;
        margin-right: 10px;
    }

    table.cart td:not(.product-subtotal)::before {
        display: none !important;
    }
}

@media screen and (max-width: 1200px) {
    #payment .payment_methods li .payment_box fieldset {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .site-header .site-branding img {
        width: calc(clamp(11.0625rem, 5.345394736842106rem + 16.631578947368418vw, 20.9375rem) / 1.2);
    }

    body.scrolled .main-navigation ul.nav-menu {
        margin-bottom: -12px;
    }

    body:not(.scrolled) .main-navigation ul.nav-menu {
        margin-bottom: calc(clamp(2.2222222222222223rem, 1.9005847953216377rem + 0.9356725146198828vw, 2.7777777777777777rem) * -1 + 14px);
    }

    body.scrolled #tobarbuttons {
        right: calc(clamp(1.66667rem, 0.476608rem + 3.46199vw, 3.72222rem) - -10px);
        top: calc(clamp(2.22222rem, 1.90058rem + 0.935673vw, 2.77778rem) + -23px);
    }

    .woocommerce-products-header-image,
    article.page.has-post-thumbnail header.entry-header {
        height: 40vh;
        max-height: 385px;
        overflow: hidden;
    }

    #tobarbuttons {
        position: absolute;
        right: clamp(1.66667rem, 0.476608rem + 3.46199vw, 3.72222rem);
        top: calc(clamp(2.22222rem, 1.90058rem + 0.935673vw, 2.77778rem) + 0px);
    }

    body:not(.scrolled) #tobarbuttons {
        right: calc(clamp(1.66667rem, 0.476608rem + 3.46199vw, 3.72222rem) + 11px);
        top: auto;
        bottom: 100px;
    }

    .main-navigation .menu {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .woocommerce-active .site-header .main-navigation {
        margin-right: 0;
    }

    #masthead > .col-full,
    .storefront-primary-navigation > .col-full {
        margin: 0;
    }

    .hentry .entry-content .woocommerce-MyAccount-navigation ul {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .main-navigation ul.nav-menu > li > a {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #tobarbuttons .site-search {
        right: 270px;
        top: -7px;
        bottom: auto;
    }

    body.scrolled #tobarbuttons .site-search.open {
        top: calc(100% + 33px);
        right: 0;
    }

    body.woocommerce-cart .woocommerce > * {
        width: 100%;
    }

    #checkout_form {
        margin: 0;
    }

    .wc-proceed-to-checkout {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-left: 20px;
    }

    table.cart {
        margin-bottom: 0;
    }

    body.woocommerce-cart .woocommerce {
        gap: 0;
    }
}

@media (min-width: 768px) {
    .storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
        margin-right: inherit !important;
    }
}

@media screen and (max-width: 1024px) {
    .up-sells.products .products,
    .related.products .products {
        -ms-grid-columns: (1fr) [2];
        grid-template-columns: repeat(2, 1fr);
    }

    table.cart td.product-subtotal {
        min-width: 100%;
    }
}

#toparmobilebuttons {
    display: none !important;
}

@media (max-width: 781px) {
    h1.noflower {
        display: none;
    }

    .customer_notes_on_cart {
        margin: 0 !important;
    }

    .site-header .site-branding img {
        width: calc(clamp(11.0625rem, 5.345394736842106rem + 16.631578947368418vw, 20.9375rem) / 1);
    }

    body.error404 ul.products {
        -ms-grid-columns: (1fr) [2];
        grid-template-columns: repeat(2, 1fr);
    }

    .storefront-full-width-content.single-product div.product .summary,
    .storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
        width: 100% !important;
        margin: 0;
    }

    .wp-block-columns.is-style-switch-cols {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .hentry .entry-content .wp-block-columns.is-style-gap-large .wp-block-column:not(:last-child),
    .editor-styles-wrapper .wp-block-columns.is-style-gap-large .wp-block-column:not(:last-child) {
        padding: 0;
        margin: 0;
    }

    .is-style-mobile-offboth {
        max-width: calc(75%);
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .entry-content .is-style-mobile-offboth .wp-block-column > * {
        padding: 0 !important;
    }

    .is-style-mobile-offright {
        max-width: calc(75%);
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    .is-style-mobile-offleft {
        max-width: calc(75%);
        margin-right: 0 !important;
        margin-left: auto !important;
    }

    .storefront-full-width-content .woocommerce-products-header,
    .woocommerce-products-header {
        -webkit-box-shadow: 0px 2px 9px 0px #0000002e;
        box-shadow: 0px 2px 9px 0px #0000002e;
    }

    body.scrolled:not(.wwg-resnav-state-open) #masthead {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
        padding: 15px 2px;
    }

    .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
        padding: 8px 0;
    }

    .woocommerce-products-header-image,
    article.page.has-post-thumbnail header.entry-header {
        height: 250px;
        max-height: 250px;
        overflow: hidden;
    }

    #menu-kontakt,
    #menu-quicklinks,
    #menu-socials {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 15px;
    }

    #menu-socials li:not(:last-child)::after {
        display: none;
    }

    #menu-kontakt::after,
    #menu-quicklinks::after,
    #menu-socials::after {
        content: "";
        background: url(/wp-content/themes/storefront-child/assets/images/sonniaflower-white.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        width: 26px;
        height: 26px;
        width: clamp(1.1666666666666667rem, 1.0058479532163744rem + 0.4678362573099414vw, 1.4444444444444444rem);
        height: clamp(1.1666666666666667rem, 1.0058479532163744rem + 0.4678362573099414vw, 1.4444444444444444rem);
        display: inline-block;
        margin-bottom: 40px;
        margin-top: 20px;
    }

    #nav_menu-3 {
        margin-bottom: 0;
    }

    #menu-service {
        font-size: 16px;
    }

    .footer-widgets .widget {
        margin-bottom: 0;
    }

    #nav_menu-2 {
        margin-bottom: 20px;
    }

    body.scrolled:not(.wwg-resnav-state-open) .site-header .custom-logo-link {
        width: 26px;
        height: 45px;
    }

    .wpml-ls-legacy-dropdown-click .wpml-ls-item {
        margin-top: -3px;
    }

    #toparmobilebuttons {
        right: 20px;
    }

    #toparmobilebuttons .tobarbutton.tobarbutton-cart span {
        border: 0;
        padding: 0;
        background: transparent;
        display: inline;
        position: relative;
        top: auto;
        right: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        bottom: auto;
        left: auto;
        margin-left: 4px;
    }

    #toparmobilebuttons .topbarbutton-menu-fake {
        padding: 5px 15px !important;
        font-size: 1.2rem !important;
    }

    @media screen and (max-width: 420px) {
        #toparmobilebuttons .topbarbutton-menu-fake {
            font-size: 1rem !important;
            padding-left: 8px !important;
            padding-right: 8px !important;
        }
    }

    body.scrolled:not(.wwg-resnav-state-open) #toparmobilebuttons {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    body.wwg-resnav-state-open.scrolled .site-branding,
    body:not(.scrolled) .site-branding {
        margin-top: 40px;
    }

    /* content */

    body.woocommerce-cart main.site-main > article,
    .entry-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #cart_order_notes {
        margin-top: 10px;
    }

    .entry-content #CookieDeclarationUserStatusPanel,
    .woocommerce-cart-form-wrapper,
    .entry-content #rmOrganism,
    .entry-content .wp-block-quote,
    .entry-content h1,
    .entry-content h2,
    .entry-content h3,
    .entry-content h4,
    .entry-content h5,
    .entry-content p {
        padding-left: clamp(2.2222222222222223rem, -0.4795321637426899rem + 7.859649122807018vw, 6.888888888888889rem) !important;
        padding-right: clamp(2.2222222222222223rem, -0.4795321637426899rem + 7.859649122807018vw, 6.888888888888889rem) !important;
    }

    .entry-content .CookieDeclarationType,
    .woocommerce-error,
    .woocommerce-message,
    .woocommerce-info,
    .entry-content > form,
    .entry-content .woocommerce > .cart-collaterals,
    .entry-content .woocommerce > form {
        margin-left: clamp(2.2222222222222223rem, -0.4795321637426899rem + 7.859649122807018vw, 6.888888888888889rem) !important;
        margin-right: clamp(2.2222222222222223rem, -0.4795321637426899rem + 7.859649122807018vw, 6.888888888888889rem) !important;
    }

    .CookieDeclarationType > p {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.single-product .woocommerce-message {
        margin-bottom: 2.617924em;
    }

    .entry-content form p,
    .entry-content .wp-block-quote p {
        padding: 0 !important;
    }

    .style-hide-mobile {
        display: none !important;
    }

    .style-hide-desktop {
        display: block !important;
    }

    .wp-block-columns {
        gap: clamp(2.7777777777777777rem, -0.1812865497076026rem + 8.608187134502925vw, 7.888888888888889rem) !important;
    }

    .wp-container-3.is-style-no-image {
        gap: 1.41575em !important;
    }

    .wp-block-spacer.is-style-space-small,
    .wp-block-spacer.is-style-space-large,
    .wp-block-spacer.is-style-space-medium {
        height: clamp(2.7777777777777777rem, -0.1812865497076026rem + 8.608187134502925vw, 7.888888888888889rem) !important;
    }

    .entry-content.last-wp-block-image {
        padding-bottom: 0 !important;
    }

    .wp-block-image.is-style-mobile-offright {
    }

    /* woocommerce mobile */
    .woocommerce_single_back {
        display: none;
    }

    .summary > .woocommerce_single_back {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: clamp(2.7777777777777777rem, 0.8479532163742691rem + 5.614035087719298vw, 6.111111111111111rem) !important;
    }

    .up-sells.products .products,
    .related.products .products,
    .single-product div.product {
        padding: 0;
    }

    .term-description > p:last-child {
        margin-bottom: 0;
    }

    .single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
        gap: 5px;
        -ms-grid-columns: 1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr;
        grid-template-columns: repeat(5, 1fr);
    }

    .single-product div.product .woocommerce-product-gallery .flex-viewport {
        margin-bottom: 20px;
        margin-bottom: clamp(1.6666666666666667rem, -0.5847953216374264rem + 6.54970760233918vw, 5.555555555555555rem);
    }

    .single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
        display: flex;
    }

    .single-product div.product .woocommerce-product-gallery .flex-control-thumbs > li {
        flex: 1;
        max-width: 25%;
    }

    /* .storefront-breadcrumb{
    display: none !important;
} */

    .single-product div.product .woocommerce-product-gallery .flex-control-thumbs,
    .up-sells.products h2,
    .related.products h2,
    .storefront-full-width-content.single-product div.product .summary {
        padding-left: clamp(1.6666666666666667rem, -0.5847953216374264rem + 6.54970760233918vw, 5.555555555555555rem);
        padding-right: clamp(1.6666666666666667rem, -0.5847953216374264rem + 6.54970760233918vw, 5.555555555555555rem);
    }

    .up-sells.products .product,
    .related.products .product {
        max-height: unset !important;
    }

    .up-sells.products .products,
    .related.products .products {
        gap: 0;
        -ms-grid-columns: 1fr 0 1fr 0 1fr;
        grid-template-columns: repeat(3, 1fr);
    }

    .up-sells.products .products > .product:last-child,
    .related.products .products > .product:last-child {
        display: none;
    }

    /* .woocommerce-products-header > * {
    text-align: center;
} */
}

@media (max-width: 781px) {
    body .wwg-resnav-toggler {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .storefront-primary-navigation > div,
    .storefront-primary-navigation > div > nav,
    .storefront-primary-navigation {
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0;
        width: auto;
        margin: 0;
    }

    .main-navigation:not(.toggled) div.menu,
    .main-navigation:not(.toggled) .primary-navigation {
        display: none !important;
    }

    .hentry .entry-content .woocommerce-MyAccount-navigation ul {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
        margin-bottom: 40px;
    }

    #tobarbuttons {
        display: none;
    }

    #masthead {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    button.menu-toggle span:before,
    button.menu-toggle::after,
    button.menu-toggle::before {
        display: none !important;
    }

    #site-navigation-menu-toggle {
        padding: 5px 15px !important;
        border: 0;
        font-size: 1.2rem !important;
    }

    #toparmobilebuttons a:hover,
    #site-navigation-menu-toggle:hover {
        background: transparent !important;
        color: inherit !important;
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15);
    }

    #toparmobilebuttons {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        position: absolute;
        right: clamp(2.22222rem, 1.90058rem + 0.935673vw, 2.77778rem);
        top: clamp(2.22222rem, 1.90058rem + 0.935673vw, 2.77778rem);
    }

    .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle,
    #toparmobilebuttons .tobarbutton {
        padding: 10px 15px !important;
        font-size: 1.2rem !important;
        font-weight: 500;
        text-transform: uppercase;
    }

    .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
        display: none;
    }

    table.cart td.product-remove a.remove {
        top: 10px;
        right: 10px;
    }

    /* 
  #site-navigation {
    display: none !important;
   } */

    table.shop_table_responsive tbody tr td,
    table.shop_table_responsive tbody tr th {
        padding: 15px;
    }

    .woocommerce .cart.shop_table .product-thumbnail img {
        min-width: 75px;
    }

    table.cart td.product-name {
        min-width: calc(100% - 105px);
        text-align: left;
    }

    .cart-collaterals table.shop_table_responsive tr td[data-title]::before {
        display: none !important;
    }

    .cart-collaterals table.shop_table_responsive tbody th {
        display: block !important;
    }

    .cart-collaterals .cart_totals tr td:nth-child(2) {
        text-align: left;
    }

    table.cart td.product-subtotal {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 0;
    }

    table.cart .product-price {
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0;
    }

    .woocommerce-message .button,
    .woocommerce-info .button,
    .woocommerce-error .button,
    .woocommerce-noreviews .button,
    p.no-comments .button {
        margin: 0;
    }
}

@media (max-width: 568px) {
    #masthead .col-full {
        margin-left: 0;
    }
}

@media screen and (max-width: 550px) {
    .woocommerce-message,
    .woocommerce-info,
    .woocommerce-error,
    .woocommerce-noreviews,
    p.no-comments {
        padding: 20px;
    }

    .products {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
    }

    .up-sells.products,
    .related.products {
        padding-top: calc(clamp(2.7777777777777777rem, -2.7543859649122817rem + 16.09356725146199vw, 12.333333333333334rem) / 2 + 20px) !important;
    }

    .products .product .woocommerce-loop-product__title {
        font-size: 0.75rem !important;
    }

    #menu-service {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .woocommerce-message .button,
    .woocommerce-info .button,
    .woocommerce-error .button {
        margin-left: 0 !important;
    }

    .woocommerce-cart-form td.product-thumbnail {
        min-width: 100%;
    }

    #ship-to-different-address label {
        font-size: 0.9rem;
    }

    nav.wwg-resnav,
    body {
        font-size: 0.95rem;
    }

    .wwg-resnav .topbarbutton-wrapper a,
    .wwg-resnav .topbarbutton-wrapper a,
    .wwg-resnav > .wwg-resnav-item > .wwg-resnav-items-wrapper > .wwg-resnav-subback-button > a,
    .wwg-resnav > .wwg-resnav-item > a,
    .single-product div.product p.price,
    h3,
    h1,
    h2,
    h3,
    h4,
    h5 h6 {
        font-size: 1.15rem !important;
    }

    .woocommerce-EditAccountForm span em,
    .lost_password,
    body .product .woocommerce_single_back,
    .cart-notice,
    .woocommerce-product-details__short-extradescription,
    #payment .payment_methods li p,
    .woocommerce-shipping-destination,
    .woocommerce-privacy-policy-text {
        font-size: 0.72rem !important;
        line-height: 1.2rem;
    }

    .woocommerce-product-details__short-description > p {
        /* margin-bottom: 0px; */
    }

    .woocommerce-product-details__short-extradescription {
        margin-top: 55px;
    }

    .single-product div.product p.price {
        margin-bottom: 55px;
    }

    #menu-service,
    #menu-socials,
    .footer-widgets {
        font-size: 0.9rem !important;
    }
}

@media screen and (max-width: 420px) {
    .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle,
    #toparmobilebuttons .tobarbutton,
    .wwg-resnav-toggler {
        font-size: 1rem !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

@media screen and (max-width: 370px) {
    .single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
        -ms-grid-columns: (1fr) [4];

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

/* COOKIEBOT PLUGIN */

body.state-cookies-visible::before {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: black;
    opacity: 0.4;
    top: 0;
    left: 0;
    display: block;
    z-index: 100000;
    pointer-events: none;
    backdrop-filter: blur(5px);
}

/* Branding on the banner */

body .CookieDeclarationTable,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieInfo.CybotCookiebotDialogShow {
    font-family: "Arial";
}

a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
    display: none;
}

/* Branding on the widget */

body #CybotCookiebotDialogTabContent .CybotCookiebotDialogBodyLevelButtonSliderWrapper {
    height: 22px;

    width: 52px;
}

body #CybotCookiebotDialogTabContent .CybotCookiebotDialogBodyLevelButtonSlider:before {
    width: 15px;
    height: 15px;
}

#CybotCookiebotDialog {
    max-width: 633px !important;
}

#CybotCookiebotDialogBodyContentTitle::before {
    transform: translateY(5px);
}

#CybotCookiebotDialog *,
#CybotCookiebotDialogBodyUnderlay * {
    font-size: 0.8rem !important;
}

#CybotCookiebotDialog h2 {
    font-size: 1rem !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    padding: 12px !important;
    font-size: 0.9rem !important;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none;
}

#CybotCookiebotDialog {
    font-family: var(--font-family-1) !important;
    border-radius: 0 !important;
}

#CybotCookiebotDialogTabContent .CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: var(--color-3) !important;
}

#CybotCookiebotDialogTabContent form input[type="checkbox"][disabled]:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
    opacity: 0.3;
}

#CybotCookiebotDialogTabContent input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: var(--color-5) !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    border-radius: 0 !important;
    border-color: var(--color-2) !important;
    color: var(--color-5) !important;
    background-color: white !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: var(--color-3) !important;
    border-color: var(--color-3) !important;
    color: white !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:hover {
    filter: brightness(0.9);
    background-color: white !important;
}

#CookiebotWidget {
    display: none !important;
}

#CybotCookiebotDialogPoweredbyLink img {
    display: none;
}

body #CybotCookiebotDialogPoweredbyLink::before {
    background-image: url(/wp-content/themes/storefront-child/assets/images/sonnia-logo-sign-min.png);
    width: 30px;
    height: 50px;
    background-size: contain;
    content: "";
    display: block;
}

body #CybotCookiebotDialogHeader {
    display: none;
}

body #CybotCookiebotDialog #CybotCookiebotDialogBody .CybotCookiebotScrollContainer {
    max-height: 10.5em;
}

body #CybotCookiebotDialog .CybotCookiebotFader {
    height: 2em;
}

body #CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonWrapper {
    padding: 15px;
}
