/* ---------------------------------------------------------- */
/* ----------------------- SITE HEADER ---------------------- */
/* ---------------------------------------------------------- */

/* --------------------- GENERAL ---------------------------- */
#header #miniCart {
    padding-right: 80px;
}

.cart-desc {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
}

.cart-desc a {
    text-decoration: underline;
}

.portlet-menu {
    white-space: nowrap;
}

#header .ssf {
    display: inline-block;
}

.modal-open {
    padding-right: 0px !important;
}

.modal-backdrop {
    z-index: 9900;
}

.modal {
    z-index: 9910;
}

/* ------------- DROPDOWN MENU ----------------------------- */
#header .dropdown:not(.dropdown-submenu) {
    position: static;
}

#header #mainMenu .dropdown-menu:not(.move-right):not(.sticky-menu) {
    top: 191px !important;
    left: inherit !important;
}

#header .portlet-menu > li {
    height: auto;
}

#header .portlet-menu > li > a {
    padding: 0px 17px;
}

#header #menuRight .portlet-menu {
    padding-left: 40px;
}

#header .open > .dropdown-menu {
    display: flex !important;
    flex-direction: column;
    padding: 0px;
    margin: 7px 0 0;
}

#header .portlet-menu .move-right {
    left: 100% !important;
    top: 0 !important;
    padding-top: 0px;
    margin-top: 0px;
}

#header .portlet-menu .dropdown-menu {
    z-index: 9999;
    top: 70%;
}

#header .portlet-menu .dropdown-menu > li {
    display: flex !important;
    padding: 5px 10px;
    font-size: 12pt;
    text-align: left;
}

.portlet-menu .dropdown a {
    padding-left: 0;
    padding-right: 0;
}

#header #menuLeft .dropdown a {
    color: #584f42 !important;
}

#header .dropdown-submenu > a::after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-right: -10px;
    border-color: transparent;
    border-left-color: #584f42;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
}

/* ------------- STICKY MENU ------------------------------- */
/* ------------- DESKTOP ----------------------------------- */
.sticky-menu {
    position: fixed !important;
    background: #E4DBCE !important;
    z-index: 999999;
}

#mainMenu.off-screen {
    top: -100px;
    transition: top 0.3s ease;
    position: fixed;
    width: 1040px !important;
    z-index: 9999;
    background: #E4DBCE !important;
}

#mainMenu.off-screen .sticky-header-image img {
    position: fixed !important;
    transition: all 0.3s ease;
}

#mainMenu.on-screen {
    top: 0px !important;
    transition: top 0.3s ease;
}

.sticky-main-menu {
    /* top: 0px !important; */
    width: 1040px !important;
    z-index: 9800;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.11);
}

#header #mainMenu .sticky-header-image {
    display: none;
}

#header #mainMenu.sticky-menu .sticky-header-image {
    display: block !important;
}

#header #mainMenu.sticky-menu .sticky-header-image img {
    height: 100px;
    position: fixed;
}

#header .dropdown-menu.sticky-drop-menu {
    top: 40px !important;
    left: unset;
    background: white !important;
}

@media only screen and (max-width: 1039px) {
    #header #mainMenu.sticky-menu {
        right: 0px;
        left: 0px;
    }

    #header #mainMenu.sticky-menu .sticky-header-image img {
        margin: 0 0 0 -30px !important;
    }
}
/* --------------- MOBILE ----------------------------------- */
.mobile-header .header-nav.off-screen {
    top: -100px;
    position: fixed;
    width: 100%;
    transition: top 0.3s ease;
}

.mobile-header .header-nav.on-screen {
    top: 0px !important;
    transition: top 0.3s ease;
}

/* ------------- MENU BODY ---------------------------------- */
/* ------------------ DESKTOP ------------------------------- */
#headerIcons{
    padding: 0;
}

#headerIcons img {
    margin: 5px 8px;
    max-width: 31px;
    height: auto;
}

#userMenu a {
    margin: 0 9px;
}

#langChoose ul {
    color: #fff;
    margin-top: 10px;
}

#langChoose li {
    line-height: 18px;
    float: left;
    padding-left: 8px;
}

#langChoose li.hu {
    border-right: 1px solid #fff;
    padding-right: 8px;
    padding-left: 0;
}

#langChoose li a {
    color: #fff;
}

#header a.fb {
    margin-left: 20px;
}

#header a.social {
    margin-top: 10px;
}

#header .shopSearchForm {
    padding-left: 20px !important;
    float: none;
    display: inline-block !important;
    vertical-align: top;
    text-align: left;
}

#header .shopSearchForm input {
    width: 160px !important;
}

#header .shopSearchForm button {
    margin-left: 150px !important;
}

/* ---------------- ADDED BEST SELLERS ---------------------- */
#menuLeft {
    padding-left: 20px !important;
}

#menuRight {
    padding-left: 110px !important;
    padding-right: 20px !important;
}

#logo #logoImg {
    height: 125px;
}

#logo {
    margin:5px 0 0 -45px;
}

#mainMenu li a {
    padding: 0 7px;
}

@media only screen and (max-width: 1039px) {
    #menuRight {
        padding-left: 70px !important;
        padding-right: 0px !important;
    }

    #menuLeft {
        padding-left: 0px !important;
        padding-right: 70px;
    }
}
@media only screen and (max-width: 979px) {
    #logo {
        margin: 0px;
    }
}

@media only screen and (max-width: 400px) {
    .m-menu__toggle svg {
        width: 40px;
        height: 40px;
    }
}

/* ----------------- DESKTOP MOBILE OLD -------------------- */
.mobile-profile-navi {
    display: none;
}

@media (max-width: 768px) {
    #header {
        text-align: center;
    }

    #header .shopSearchForm {
        margin: 10px 0 20px;
    }

    #header .shopSearchForm button {
        margin-left: 10px;
    }
}

@media (max-width: 360px) {
    #header {
        text-align: center;
    }
}

/* --------------- NAVMENU HAMBURGER STYLE MENU ------------ */
nav {
    height: 50px;
    padding-right: 1rem;
}

nav .m-menu__checkbox {
    display: none;
}

nav label.m-menu__toggle {
    cursor: pointer;
}

nav .m-menu {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 450px;
    width: calc(100vw - 30px);
    height: 620px;
    -moz-transform: translate3d(-450px, 0, 0);
    -o-transform: translate3d(-450px, 0, 0);
    -ms-transform: translate3d(-450px, 0, 0);
    -webkit-transform: translate3d(-450px, 0, 0);
    transform: translate3d(-450px, 0, 0);
    -moz-transition: transform 0.35s;
    -o-transition: transform 0.35s;
    -webkit-transition: transform 0.35s;
    transition: transform 0.35s;
    z-index: 1001;
    overflow: hidden;
    background-color: #fff;
}

nav .m-menu__overlay {
    background-color: rgba(103, 103, 103, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 620px;
    bottom: 0;
    z-index: 1;
    display: none;
}

nav .m-menu__header {
    padding: 0 16px;
    height: 50px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: space-around;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #e8e8e8;
}

nav .m-menu__header span {
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    width: 100%;
    color: #e51a4b;
}

nav .m-menu .m-menu {
    -moz-transform: translate3d(480px, 0, 0);
    -o-transform: translate3d(480px, 0, 0);
    -ms-transform: translate3d(480px, 0, 0);
    -webkit-transform: translate3d(480px, 0, 0);
    transform: translate3d(480px, 0, 0);
}

nav .m-menu ul {
    height: 100%;
    overflow-y: auto;
}

nav .m-menu ul li a,
nav .m-menu ul li label {
    display: block;
    text-align: left;
    padding: 0 15px;
    line-height: 47px;
    text-decoration: none;
    color: #333;
    cursor: pointer;
    font-size: 1.8rem;
    position: relative;
}

nav .m-menu ul li label {
    border-bottom: 1px solid #e8e8e8;
}

nav .m-menu ul li a {
    padding: unset;
}

nav .m-menu ul li label.a-label__chevron::after {
    content: "";
    position: absolute;
    display: inline-block;
    height: 10px;
    width: 10px;
    border-color: #333;
    border-style: solid;
    border-width: 1px 1px 0 0;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    margin-top: -5px;
    right: 16px;
}

nav .m-menu ul li .-invisible {
    border-bottom: 0;
}

nav .m-menu .m-menu label.m-menu__toggle {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    border-bottom: 0;
    padding: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

nav .m-menu__checkbox:checked ~ .m-menu__overlay {
    display: block;
}

nav .m-menu__checkbox:checked ~ .m-menu {
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

nav .m-menu ul li a {
    border-bottom: 0px;
}

nav .m-menu ul li label  {
    border-bottom: 1px solid #e8e8e8;
}

.mobile-menu-container {
    float: left;
}

@media (min-width: 980px) {
    .mobile-menu-container {
        display: none;
    }
}

/* ------------- SOCIAL MEDIA ICONS ------------------------ */
.social-icons {
    display: inline-block;
}

.social-icons .icon-container {
    display: flex;
    padding-top: 20px;
    padding-left: 20px;
}

.social-icons .icon-item {
    margin-right: 10px;
}

.social-icons .icon-item img,
.social-icons .icon-item {
    border-radius: 50%;
}

.social-icons .icon-item:hover {
    background-color: white;
}

.social-icons .icon-item img {
    width: 35px;
}

#header .shopSearchForm {
    vertical-align: baseline;
}

#headerIcons {
    padding-top: 20px;
}

@media only screen and (max-width: 979px) {
    .social-icons .icon-container {
        padding-bottom: 10px;
    }

    #header .shopSearchForm input {
        width: 320px !important;
    }

    #header .shopSearchForm button {
        margin-left: 30px !important;
    }
}

@media only screen and (max-width: 769px) {
    #header .shopSearchForm input {
        width: 160px !important;
    }
/* 
    #header .shopSearchForm button {
        margin-left: 150px !important;
    } */
}

@media only screen and (max-width: 599px) {
    #headerIcons {
        position: relative;
        text-align: center;
        padding-top: 10px;
    }

    #headerIcons img {
        width: 35px;
    }
}

/* ------------- FAVORITE BUTTONS IN HEADER ---------------- */
#header #miniCart {
    position: relative;
    width: 300px;
    align-items: center;
    justify-content: center;
}

#header .header-wishlist-mini {
    height: 31px;
    width: 31px;
}

#header .header-wishlist img:hover {
    transform: translateY(-50%) scale3d(1.1, 1.1, 1.1);
}

@media only screen and (min-width: 980px) {
    #header #miniCart .icon {
        float: left;
        margin: 0 20px 0 0;
    }

    #header #miniCart {
        display: flex !important;
    }
}

@media only screen and (max-width: 390px) {
    #header .header-wishlist-mini {
        height: auto;
    }
}

/* ------------- PROFILE DROPDOWN -------------------------- */
#userMenu {
    position: absolute;
    display: flex;
    /* right: 440px !important; */
}

#userMenu .dropdown.open .dropdown-menu {
    top: 80%;
}

@media only screen and (max-width: 979px) {
    #userMenu {
        display: none;
    }
}

/* ------------- PRESTASHOP - MOBILE ------------------------ */
/* ----------- PRESTASHOP - GENERAL -------------------------------------- */
html {
    background-color: #fff;
}

@media (min-width: 576px) {
    html {
        background-color: #E4DBCE;
    }
}

.d-inline {
    display: inline !important
}

[hidden] {
    display: none !important
}

/* --------- PRESTASHOP - HIDDEN CLASSES --------------------------------- */
.hidden-xs-up {
    display: none !important;
}

@media (max-width: 575px) {
    .hidden-xs-down {
        display: none !important;
    }
}

@media (min-width: 576px) {
    .hidden-sm-up {
        display: none !important;
    }
}

@media (max-width: 979px) {
    .hidden-sw-down {
        display: none !important;
    }
}

@media (min-width: 980px) {
    .hidden-sw-up {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .hidden-sm-down {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .hidden-md-up {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .hidden-md-down {
        display: none !important
    }
}

@media (min-width: 992px) {
    .hidden-lg-up {
        display:none !important;
    }
}

@media (max-width: 1199px) {
    .hidden-lg-down {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-xl-up {
        display: none !important;
    }
}

.hidden-xl-down {
    display: none !important;
}

/* --------- PRESTASHOP - FLOAT CLASSES ---------------------------------- */
.float-xs-left {
    float: left !important;
}

.float-xs-right {
    float: right !important;
}

.float-xs-none {
    float: none !important;
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }

    .float-sm-right {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }

    .float-md-right {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important;
    }

    .float-lg-right {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important;
    }

    .float-xl-right {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }
}

/* --------- PRESTASHOP - COLUMN CLASSES --------------------------------- */
.col-xs-12,
.col-sm-12,
.col-md-6,
.col-md-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}

.col-xs-12 {
    float: left;
    width: 100%;
}

@media (min-width: 576px) {
    .col-sm-12 {
        float: left;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .col-md-6 {
        float: left;
        width: 50%;
    }

    .col-md-12 {
        float: left;
        width: 100%;
    }
}

/* ----------- PRESTASHOP - HEADER --------------------------------------- */
#header.ps-header .header-nav .material-icons.expand-more {
    margin-left: -0.375rem
}

#header.ps-header .btn-unstyle {
    padding: 0;
    text-align: inherit;
    background-color: transparent;
    border: none
}

#header.ps-header .btn-unstyle:focus {
    outline: 0
}

#header.ps-header .btn-unstyle:focus .expand-more {
    color: #E51A4B
}

#header.ps-header label, 
#header.ps-header .label {
    font-size: 0.875rem;
    color: #232323;
    text-align: right
}

#header.ps-header .h1,
#header.ps-header .h2,
#header.ps-header .h3 {
    color: #232323;
    text-transform: uppercase
}

#header.ps-header ul {
    padding-left: 0;
    list-style: none
}

#header.ps-header input[type="search"] {
    -webkit-appearance: none
}

#header.ps-header button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

#header.ps-header label {
    display: inline-block;
    margin-bottom: .5rem
}

#header.ps-header img {
    vertical-align: middle;
    border-style: none;
}

#header.ps-header a {
    color: #E51A4B;
    text-decoration: none
}

#header.ps-header a:focus,a:hover {
    color: #198195;
    text-decoration: underline
}

#header.ps-header a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

#header.ps-header input[type="submit"].btn-block,
#header.ps-header input[type="reset"].btn-block,
#header.ps-header input[type="button"].btn-block {
    width: 100%
}

#header.ps-header .btn:focus,
#header.ps-header .btn.focus,
#header.ps-header .btn:active:focus,
#header.ps-header .btn:active.focus,
#header.ps-header .btn.active:focus,
#header.ps-header .btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

#header.ps-header .btn:focus,
#header.ps-header .btn:hover {
    text-decoration: none
}

#header.ps-header .btn:active,
#header.ps-header .btn.active {
    background-image: none;
    outline: 0
}

#header.ps-header .btn.disabled,
#header.ps-header .btn:disabled {
    cursor: not-allowed;
    opacity: .65
}

#header.ps-header a.btn.disabled,
#header.ps-header fieldset[disabled] a.btn {
    pointer-events: none
}

#header.ps-header .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
}

#header.ps-header .container::after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 576px) {
    #header.ps-header .container {
        width:540px;
        max-width: 100%
    }
}

@media (min-width: 768px) {
    #header.ps-header .container {
        width:720px;
        max-width: 100%
    }
}

@media (min-width: 992px) {
    #header.ps-header .container {
        width:960px;
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    #header.ps-header .container {
        width:1040px;
        max-width: 100%
    }
}

/* --------- PRESTASHOP - PRIMARY HEADER --------------------------------- */
#header.ps-header {
    position: relative;
    z-index: 9800;
    color: #333;
    background: transparent;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.11);
}

#header.ps-header .header-nav {
    background-color: #E4DBCE !important;
    max-height: 50px;
}

#header.ps-header .header-nav .container {
    width: 100%;
    max-width: 920px;
}

#header.ps-header .header-nav #menu-icon {
    margin: 0 1rem;
    vertical-align: middle;
    cursor: pointer
}

#header.ps-header .header-nav #menu-icon .material-icons {
    line-height: 50px
}

#header.ps-header .material-icons {
    display: inline-block;
    width: 1em;
    height: 1em;
    font-family: "Material Icons", Arial, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    vertical-align: middle;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga"
}

#header.ps-header .header-nav .right-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

#header.ps-header .row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

@media only screen and (min-width: 980px) {
    #header.ps-header {
        height: 125px;
    }
}

@media (max-width: 979px) {
    #header.ps-header {
        box-shadow: none;
    }
}

/* --------- PRESTASHOP - WIDGETS ---------------------------------------- */
#header.ps-header .user-info .open > .dropdown-menu,
#header.ps-header .language-selector.open > .dropdown-menu {
    margin: 0px !important;
}

/* ------- PRESTASHOP - LOGIN -------------------------------------------- */
#header.ps-header .header-nav .user-info {
    margin-top: 0.9375rem;
    margin-left: 2.5rem;
    text-align: right;
    white-space: nowrap
}

#header.ps-header .header-nav .user-info .account {
    margin-left: .625rem
}

/* ------- PRESTASHOP - LANGUAGE ----------------------------------------- */
#header.ps-header .header-nav .language-selector {
    margin-top: 0.9375rem;
    white-space: nowrap
}

/* ------- PRESTASHOP - CART --------------------------------------------- */
#header.ps-header #miniCart {
    width: initial;
    height: initial;
    padding-right: 0.75rem;
    display: block;
}

#header.ps-header .header-nav .cart-preview.active {
    background: #E51A4B
}

#header.ps-header .header-nav .cart-preview.active a,
#header.ps-header .header-nav .cart-preview.active i {
    color: #fff
}

#header.ps-header .header-nav .cart-preview a,
#header.ps-header .header-nav .cart-preview .shopping-cart {
    color: white;
    vertical-align: middle
}

#header.ps-header .header-nav .cart-preview .body {
    display: none
}

#header.ps-header .header-nav .blockcart {
    padding: 0.60rem;
    margin-left: 0.9375rem;
    text-align: center;
    white-space: nowrap;
    background: #E51A4B;
    border: 4px solid white;
    border-radius: 15px;
    color: white !important;
}

#header.ps-header .header-nav .blockcart.active a:hover {
    color: #fff
}

#header.ps-header .header-nav .blockcart .header {
    margin-top: 0.125rem
}

/* ------- PRESTASHOP - LINKS -------------------------------------------- */
#header.ps-header a {
    color: #232323;
}

#header.ps-header a:hover {
    color: #E51A4B;
    text-decoration: none;
}

/* ------- PRESTASHOP - MENU --------------------------------------------- */
#header.ps-header .menu {
    display: inline-block;
}

#header.ps-header .menu>ul>li {
    display: inline-block;
}

/* ------- PRESTASHOP - HEADER LOGO -------------------------------------- */
#header.ps-header .logo {
    max-width: 100%;
    height: auto;
}

#header.ps-header .logo-container {
    display: flex;
    align-items: center;
    height: 50px;
}

#header.ps-header #_desktop_logo h1 {
    margin-bottom: 0;
}

@media (max-width: 979px) {
    #header.ps-header .top-logo {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 50px;
    }

    #header.ps-header .top-logo img {
        min-width: 120px;
        max-height: 2rem
    }

    #header.ps-header .top-logo>h1 {
        margin: 0
    }
}

/* --------- PRESTASHOP - SECONDARY HEADER ------------------------------- */
#header.ps-header .header-top {
    max-width: 1040px;
    margin: 0 auto;
    background-color: #E4DBCE !important;
    padding-top: 0.5rem;
}

#header.ps-header .header-top .container .row:not(#mobile_top_menu_wrapper) {
    height: 50px;
}

#header.ps-header .header-top>.container,
#header.ps-header .top-menu.portlet-menu {
    position: relative;
}

#header.ps-header .customer-support {
    background-color: #D3C7B3;
    max-width: 1040px;
    margin: 0 auto;
    text-align: center;
}

#header.ps-header .header-top>.container>.row:first-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#header.ps-header .header-top .menu {
    padding-left: 15px
}

#header.ps-header .header-top .position-static {
    position: static
}

#header.ps-header .header-top a[data-depth="0"] {
    color: #7a7a7a;
    text-transform: uppercase
}

#header.ps-header .top-menu-link {
    margin-left: 1.25rem
}

#header.ps-header .header-top-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#header.ps-header .top-menu[data-depth="1"] {
    margin: 0.625rem
}

#header.ps-header .top-menu[data-depth="0"] {
    margin-bottom: 0
}

#header.ps-header .top-menu a:not([data-depth="0"]) {
    display: block;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    font-weight: 700;
}

#header.ps-header .top-menu a.dropdown-submenu {
    font-weight: 600;
    color: #232323;
    text-transform: uppercase
}

#header.ps-header .top-menu a[data-depth="0"] {
    padding: .625rem;
    font-size: 1rem;
    font-weight: 600
}

#header.ps-header .top-menu a[data-depth="0"]:hover {
    color: #E51A4B;
    text-decoration: none
}

#header.ps-header .top-menu a[data-depth="1"],.top-menu a[data-depth="2"] {
    padding: 0 0.625rem 0.625rem 0
}

#header.ps-header .top-menu .collapse {
    display: inherit
}

#header.ps-header .top-menu .sub-menu {
    z-index: 18;
    width: calc(100% - 30px);
    min-width: calc(100% - 30px);
    margin-left: 0.9375rem;
    visibility: hidden;
    border: none;
    box-shadow: 2px 1px 11px 2px rgba(0,0,0,0.1);
    opacity: 0;
    transition: opacity 0.5s ease, visibility 0.5s ease
}

#header.ps-header .top-menu .sub-menu.collapse {
    visibility: hidden;
    opacity: 0
}

#header.ps-header .top-menu .sub-menu.collapse.in {
    visibility: visible;
    opacity: 1
}

#header.ps-header .top-menu .sub-menu ul[data-depth="1"]>li {
    float: left;
    margin: 0 1.25rem
}

#header.ps-header .top-menu .sub-menu a:hover {
    color: #E51A4B
}

#header.ps-header #_desktop_top_menu .top-menu[data-depth="0"] li:hover .sub-menu {
    visibility: visible;
    opacity: 1
}

#header.ps-header .header-top .search-widgets form input[type="text"] {
    width: 100%;
    min-width: inherit;
    color: #9b9b9b;
    background: #f6f6f6
}

#header.ps-header .header-top .search-widgets form input[type="text"]:focus {
    background: #fff
}

#header.ps-header .header-top .search-widgets form button[type="submit"] {
    top: 50%;
    bottom: inherit;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#header.ps-header .header-top #search_widget input {
    border-radius: 15px;
}

#header.ps-header #search_widget {
    overflow: auto;
    padding-bottom: 2px;
}

#header.ps-header #search_widget form {
    position: relative;
}

#header.ps-header #search_widget form i {
    position: absolute;
    padding-top: .5rem;
    padding-right: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
}

#header.ps-header #search_widget form i.clear {
    right: 15px;
    display: none;
}

#header.ps-header #search_widget form input {
    width: 62%;
    padding: 10px 20px 10px 40px;
    outline: none;
    background-color: #f1f1f1;
    border: none;
    border-radius: 5px;
}

@media only screen and (min-width: 992px) {
    #header.ps-header #search_widget {
        min-width: 14.5rem;
    }
}

@media (max-width: 979px) {
    #header.ps-header .customer-support {
        padding-top: 10px;
    }

    #header.ps-header .top-menu .sub-menu {
        visibility:visible;
        opacity: 1;
        transition: 0.5s ease-out;
    }

    #header.ps-header #search_widget form input {
        width: 75%;
    }
}

@media only screen and (min-width: 768px) {
    #header.ps-header #search_widget {
        float: right;
        margin-bottom: 0;
    }

    #header.ps-header .ui-autocomplete.searchbar-autocomplete {
        width: 400px;
        min-height: auto;
        left: auto;
    }
}

@media (max-width: 575px) {
    #header.ps-header .header-top-right {
        width:100%;
        padding-right: 5px;
    }
}

/* ------- PRESTASHOP - SEARCHBAR ----------------------------------------- */
#header.ps-header .header-nav .search-widget {
    margin-top: 0.2rem;
    display: inline-block;
}

#header.ps-header .search-widget form {
    position: relative
}

#header.ps-header .search-widget form input[type="text"] {
    min-width: 255px;
    padding: 10px;
    color: #7a7a7a;
    border: none;
    border: 1px solid rgba(0,0,0,0.25);
}

#header.ps-header .search-widget form input[type="text"]:focus {
    color: #232323;
    background: #fff;
    outline: 3px #E51A4B solid;
}

#header.ps-header .search-widget form input[type="text"]:focus+button .search {
    color: #E51A4B;
}

#header.ps-header .search-widget form button[type="submit"] {
    position: absolute;
    right: 0.125rem;
    bottom: 0.3125rem;
    color: #7a7a7a;
    background: none;
    border: none;
}

#header.ps-header .search-widget form button[type="submit"] .search:hover {
    color: #E51A4B;
}

@media (max-width: 979px) {
    #header.ps-header .header-top .search-widget {
        float: none;
    }

    #header.ps-header .header-top .search-widget form {
        margin: 0 auto;
    }

    #header.ps-header .header-top .search-widget form input[type="text"] {
        min-width: inherit;
        background: #fff;
    }

    #header.ps-header .header-top-right {
        display: initial;
    }

    #header.ps-header .ssf,
    #header.ps-header #search_widget input,
    #header.ps-header #search_widget {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        border-radius: 5px;
    }
}

@media (min-width: 768px) {
    #header.ps-header .search-widget {
        min-width: 15.63rem;
    }
}

@media (max-width: 576px) {
    #header.ps-header #search_widget input {
        margin-left: 5px;
    }
}

@media (min-width: 576px) {
    #header.ps-header .header-top .search-widgets {
        max-width: 13rem;
    }
}

/* ------- PRESTASHOP - MOBILE NAV ----------------------------------------- */
#header.ps-header .nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

#header.ps-header .nav-link {
    display: inline-block;
}

#header.ps-header .nav-link:focus,
#header.ps-header .nav-link:hover {
    text-decoration: none;
}

#header.ps-header .nav-link.disabled {
    color: #f6f6f6;
}

#header.ps-header .nav-link.disabled,.nav-link.disabled:focus,.nav-link.disabled:hover {
    color: #f6f6f6;
    cursor: not-allowed;
    background-color: rgba(0,0,0,0);
}

#header.ps-header .nav-inline .nav-item {
    display: inline-block;
}

#header.ps-header .navbar {
    position: relative;
    padding: .5rem 1rem;
}

#header.ps-header .navbar::after {
    content: "";
    display: table;
    clear: both;
}

#header.ps-header .navbar-full {
    z-index: 1000;
}

#header.ps-header .navbar-fixed-top,
#header.ps-header .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

#header.ps-header .navbar-fixed-top {
    top: 0;
}

#header.ps-header .navbar-fixed-bottom {
    bottom: 0;
}

#header.ps-header .navbar-toggler {
    width: 2.5em;
    height: 2em;
    padding: .5rem .75rem;
    font-size: .9375rem;
    line-height: 1;
    background: transparent no-repeat center center;
    background-size: 24px 24px;
    border: 1px solid transparent;
    border-radius: 0;
}

#header.ps-header .navbar-toggler:focus,
#header.ps-header .navbar-toggler:hover {
    text-decoration: none;
}

#header.ps-header .clearfix::after,
#header.ps-header .navbar-toggleable-xl::after, 
#header.ps-header .navbar-toggleable-lg::after, 
#header.ps-header .navbar-toggleable-md::after, 
#header.ps-header .navbar-toggleable-sm::after,
#header.ps-header .navbar-toggleable-xs::after {
    content: "";
    display: table;
    clear: both;
}

#header.ps-header .navbar-toggleable-xl {
    display: block;
}

#header.ps-header .navbar-toggleable-xl .navbar-nav {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

#header.ps-header .navbar-toggleable-xl .navbar-nav .dropdown-menu {
    position: static;
    float: none;
}

#header.ps-header .navbar-nav .nav-item {
    float: left;
}

#header.ps-header .navbar-nav .nav-link {
    display: block;
    padding-top: .425rem;
    padding-bottom: .425rem;
}

#header.ps-header .navbar-nav .nav-link+.nav-link {
    margin-left: 1rem;
}

#header.ps-header .navbar-nav .nav-item+.nav-item {
    margin-left: 1rem;
}

@media (min-width: 1200px) {
    #header.ps-header .navbar-toggleable-lg {
        display: block;
    }
}

@media (max-width: 1199px) {
    #header.ps-header .navbar-toggleable-lg .navbar-brand {
        display: block;
        float: none;
        margin-top: .5rem;
        margin-right: 0;
    }

    #header.ps-header .navbar-toggleable-lg .navbar-nav {
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

    #header.ps-header .navbar-toggleable-lg .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }
}

@media (min-width: 992px) {
    #header.ps-header .navbar-toggleable-md {
        display:block !important;
    }
}

@media (max-width: 991px) {
    #header.ps-header .navbar-toggleable-md .navbar-nav {
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

    #header.ps-header .navbar-toggleable-md .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

    #header.ps-header .navbar-toggleable-md .navbar-nav .nav-item {
        float: none;
        margin-left: 0;
    }
}

@media (max-width: 979px) {
    #header.ps-header .navbar-toggleable-sm .navbar-nav {
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

    #header.ps-header .navbar-toggleable-sm .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

    #header.ps-header .navbar-toggleable-sm .navbar-nav .nav-item {
        float: none;
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    #header.ps-header .navbar-toggleable-sm {
        display:block !important;
    }
}

@media (min-width: 576px) {
    #header.ps-header .navbar-fixed-top,
    #header.ps-header .navbar-fixed-bottom,
    #header.ps-header .navbar-full,
    #header.ps-header .navbar {
        border-radius: 0;
    }

    #header.ps-header .navbar-toggleable-xs {
        display: block !important;
    }
}

@media (max-width: 575px) {
    #header.ps-header .navbar-toggleable-xs .navbar-nav {
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

    #header.ps-header .navbar-toggleable-xs .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

    #header.ps-header .navbar-toggleable-xs .navbar-nav .nav-item {
        float: none;
        margin-left: 0;
    }
}

/* ------- PRESTASHOP - MOBILE DROPDOWN ----------------------------------------------- */
#header.ps-header .dropdown {
    color: #7a7a7a;
}

#header.ps-header .dropdown:hover .expand-more {
    color: #E51A4B;
}

#header.ps-header .dropdown .expand-more {
    color: #232323;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#header.ps-header .dropdown .active {
    max-height: 200px;
    overflow-y: hidden;
    visibility: visible;
}

#header.ps-header .dropdown select {
    color: #232323;
    background: #fff;
    border: 0 none;
    outline: 0 none;
    -moz-appearance: none;
}

#header.ps-header .dropdown-item:focus,
#header.ps-header .dropdown-item:hover {
    color: #E51A4B !important;
    text-decoration: none;
    background: none;
}

#header.ps-header .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #363a42;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 0;
}

#header.ps-header .user-info .dropdown-menu {
    top: 35px;
    right: 0px;
    left: unset !important;
}

#header.ps-header .dropdown-item {
    display: block;
    padding: 3px 1.5rem;
    clear: both;
    font-weight: normal;
    color: #363a42;
    text-align: inherit;
    white-space: nowrap;
    background: none;
    border: 0;
}

#header.ps-header .dropdown-item:focus,.dropdown-item:hover {
    color: #2b2e34;
    text-decoration: none;
    background-color: #f5f5f5;
}

#header.ps-header .dropdown-item.active,.dropdown-item.active:focus,.dropdown-item.active:hover {
    color: #fff;
    text-decoration: none;
    background-color: #E51A4B;
    outline: 0;
}

#header.ps-header .dropdown-item.disabled,.dropdown-item.disabled:focus,.dropdown-item.disabled:hover {
    color: #f6f6f6;
}

#header.ps-header .dropdown-item.disabled:focus,.dropdown-item.disabled:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)";
}

#header.ps-header .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .3em;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
}

#header.ps-header .open > .dropdown-menu {
    display: block !important;
}

#header.ps-header .open > a {
    outline: 0;
}

#header.ps-header .collapse {
    display: none;
}

#header.ps-header .collapse.in {
    display: block;
}

#header.ps-header tr.collapse.in {
    display: table-row;
}

#header.ps-header tbody.collapse.in {
    display: table-row-group;
}

#header.ps-header .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition-timing-function: ease;
    transition-duration: .35s;
    transition-property: height;
}

@media (max-width: 575px) {
    #header.ps-header #category #left-column #search_filters_wrapper {
        margin-right: -15px;
        margin-left: -15px;
    }
}

/* ------- PRESTASHOP - MOBILE ----------------------------------------------- */
#header.ps-header #_mobile_social_media .social-icons .icon-container {
    padding-left: 0px !important;
    padding-top: 0px !important;
}

#header.ps-header #_mobile_social_media .social-text {
    text-transform: uppercase;
    font-size: 1.1rem;
}

@media (min-width: 385px) {
    #header.ps-header #_mobile_social_media {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
    }
}

#header.ps-header #mobile_top_menu_wrapper {
    padding: 15px;
    background: #fff;
    height: 100%;
}

#header.ps-header #mobile_top_menu_wrapper #top-menu {
    margin-bottom: 0.625rem;
    margin-top: 0;
}

#header.ps-header #mobile_top_menu_wrapper .top-menu {
    color: #232323;
    margin-top: 0;
}

#header.ps-header #mobile_top_menu_wrapper .top-menu .collapse-icons[aria-expanded="true"] .add {
    display: none;
}

#header.ps-header #mobile_top_menu_wrapper .top-menu .collapse-icons[aria-expanded="true"] .remove {
    display: block;
}

#header.ps-header #mobile_top_menu_wrapper .top-menu .collapse-icons .remove {
    display: none;
}

#header.ps-header #mobile_top_menu_wrapper .top-menu .navbar-toggler {
    display: inline-block;
    padding: 0;
}

#header.ps-header #mobile_top_menu_wrapper .top-menu a[data-depth="0"] {
    padding: 0.625rem;
    border-bottom: 1px solid #f6f6f6;
}

#header.ps-header #mobile_top_menu_wrapper .top-menu .collapse {
    display: none;
}

#header.ps-header #mobile_top_menu_wrapper .top-menu .collapse.in {
    display: block;
}

#header.ps-header #mobile_top_menu_wrapper .top-menu .sub-menu {
    position: static;
    z-index: inherit;
    display: block;
    width: 100%;
    min-width: 100%;
    margin-left: 0;
    overflow: hidden;
    background: #fff;
    box-shadow: none;
}

#header.ps-header #mobile_top_menu_wrapper .top-menu .sub-menu.collapse {
    display: none;
}

#header.ps-header #mobile_top_menu_wrapper .top-menu .dropdown-item.dropdown-submenu {
    padding-top: 0px;
    padding-bottom: 0px;
}

#header.ps-header #mobile_top_menu_wrapper .top-menu .sub-menu.collapse.in {
    display: block;
}

#header.ps-header #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="0"]>li {
    border-bottom: 1px solid #7a7a7a;
}

#header.ps-header #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"] {
    margin: 0;
}

#header.ps-header #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"]>li {
    float: none;
    margin: 0;
}

#header.ps-header #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"]>li a {
    text-transform: none;
}

#header.ps-header #mobile_top_menu_wrapper .top-menu .sub-menu ul {
    padding: 0;
}

#header.ps-header #mobile_top_menu_wrapper .top-menu .sub-menu li>a {
    padding: 0.625rem;
    font-weight: 600;
    border-bottom: 1px solid #fff;
}

#header.ps-header #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="2"] li a {
    padding-left: 1.25rem;
}

#header.ps-header #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="3"] li a {
    padding-left: 2.5rem;
}

#header.ps-header #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="4"] li a {
    padding-left: 3.75rem;
}

#header.ps-header #mobile_top_menu_wrapper .js-top-menu-bottom a {
    color: #333;
}

#header.ps-header #mobile_top_menu_wrapper .js-top-menu-bottom .language-selector-wrapper {
    display: flex !important;
    text-transform: uppercase;
}

#header.ps-header #mobile_top_menu_wrapper .js-top-menu-bottom .language-selector-wrapper .language-selector {
    display: inline;
    height: 35px;
    padding-left: 5px;

}

#header.ps-header #mobile_top_menu_wrapper .js-top-menu-bottom .language-selector-wrapper .language-selector .dropdown-menu {
    font-size: 1.3rem;
}

#header.ps-header #mobile_top_menu_wrapper .js-top-menu-bottom .currency-selector {
    padding: 0.625rem;
}

#header.ps-header #mobile_top_menu_wrapper .js-top-menu-bottom #contact-link {
    padding: 0.625rem;
}

#header.ps-header #mobile_top_menu_wrapper .js-top-menu-bottom .user-info {
    padding: 0 0.625rem;
}

#header.ps-header #mobile_top_menu_wrapper .js-top-menu-bottom .user-info a {
    display: block;
    width: 100%;
    padding: 0.625rem 0;
}

#header.ps-header #mobile_top_menu_wrapper .top-menu {
    font-size: 1.4rem;
    line-height: 47px;
    font-weight: 700 !important;
    text-transform: uppercase;
}

#header.ps-header #mobile_top_menu_wrapper {
    text-align: start;
    font-size: 1.4rem;
    line-height: 47px;
    font-weight: 700 !important;
}

/* ------- HEADER SWITCH ----------------------------------------------------- */
@media (max-width: 979px) {
    #header-select .desktop-header {
        display: none;
    } 

    #header-select .mobile-header {
        display: block;
    }
}

@media (min-width: 980px) {
    #header-select .desktop-header {
        display: block;
    }

    #header-select .mobile-header {
        display: none;
    }
}
/* ---------------------------------------------------------- */
/* ------------------- SITE HEADER END ---------------------- */
/* ---------------------------------------------------------- */

a {
    text-decoration: underline;
}
html {
    -moz-user-select : -moz-none;
    -moz-user-select : none;
    -o-user-select : none;
    -khtml-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    user-select : none;
    scroll-behavior: smooth;
}

#mobileCatalogContainer {
    display: none;
}

@media only screen and (max-width: 980px) {
    #mobileCatalogContainer {
        display: block;
    }
    #mobileCatalogContainer h3 {
        color: #000;
    }
}

.productPage #tabs .tab {
    margin-top: -1px;
    border: 1px solid #e4dbce;
    padding: 20px;
}

.main-container {
    min-height: 200px;
}

.articleList .blogImg img {
    min-height: 115px;
    min-width: 115px;
}

.login-register {
    padding-top: 20px;
}

.login-register h1 {
    text-transform: uppercase;
}

.btn-pink {
    background: #e51a4b;
    color: #fff;
    text-decoration: none;
}

.btn-inactive {
    opacity: 0.5;
}

.btn-pink:hover {
    background: #da143d;
    color: #fff;
    opacity: 1;
}

.thumbnail img {
    min-height: 90px;
    min-width: 100px;
    max-width: 200px;
}

.productPage .productImages ul {
    list-style-type: none;
    display: block;
    overflow: hidden;
    margin: 20px 0;
    padding: 10px;
}

.productPage .productImages ul li {
    background: #f1f1f1;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

#main .productThumb {
    width: 100% !important;
    height: 100%;
}

.ANPC a {
    color: #fff;
}

.trusted {
    float: left;
    margin: 50px 35px 0 0;
}

.trusted a {
    cursor: pointer;
}

.productMain .goback {
    text-decoration: none;
    color: #808080;
    font-size: 12px;
}

.productMain .productInfo div.fb-like {
    float: left;
    margin-left: 10px;
    position: relative;
    z-index: 1000;
}

.productMain .productInfo > p {
    clear: both;
    padding-top: 20px;
}

.productMain .box {
    overflow: hidden;
}

#shopCouponBox {
    padding: 10px;
}

.shopCouponForm img {
    width: 85px;
    float: left;
    padding-right: 25px;
    margin-left: 10px;
    margin-top: 5px;
}

.shopCouponForm input {
    padding: 0px;
    border: 1px solid #5d997c;
    box-shadow: 2px 2px 0 #e5e5e5 inset;
    width: 60%;
}

.shopCouponForm button {
    font-family: 'OpenSansCondBold';
    color: #fff;
    border-radius: 5px;
    border: 0;
    font-size: 10pt;
    padding: 6px 20px;
    margin-left: 5px;
}

#input_Shoppernote {
    width: 100%;
}

input.checkbox {
    margin-right: 2px;
}

#shopperForm input.checkbox {
    width: auto;
    margin-right: 2px;
}

#productOption {
    width: 100%;
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
}

div.mainProductCart form.addCartForm {
    margin-top: 6px;
}

.spcr {
    clear: both;
    height: 0;
    font-size: 0;
    padding: 0;
    margin: 0;
    width: 100%;
}

.cartTable .cartGift {
    text-align: center;
    font-size: 18px;
    color: #e51a4b;
    font-family: 'OpenSansCondBold';
}

.cartTable .cartPrice small {
    display: block;
    text-decoration: line-through;
}

#sideCart {
    position: fixed;
    top: 180px;
    transition: top 0.3s ease;
}

#shopCouponBox div button,
.buttonLarge {
    text-transform: uppercase;
}

a.moreOffers {
    display: block;
    text-align: center;
    font-size: 14pt;
    font-family: 'OpenSansBold';
}

ul.upsell {
    padding-left: 0;
}

ul.upsell li {
    white-space: nowrap;
    overflow: hidden;
}

ul.upsell li > span {
    white-space: normal;
    display: inline-block;
    width: 440px;
}

ul.upsell li > * {
    vertical-align: middle;
}

ul.upsell span.act {
    width: auto;
    text-align: right;
    width: 130px;
}

input.radio,
input.checkbox {
    display: inline-block;
}

#checkoutForm {
    margin-bottom: 50px;
}

#checkoutForm input.checkbox {
    margin: 0 5px 5px 0;
}

#checkoutForm input.checkbox,
#checkoutForm label {
    vertical-align: middle;
}

#checkoutForm .buttonLarge {
    margin-top: 20px;
}

#checkoutForm .invoiceBtn {
    margin-left: 15px;
    border: 0 none;
    background: #e51a4b;
    color: #fff;
    border-radius: 12px;
    padding: 5px 15px;
    font-family: 'OpenSansCondBold';
    font-size: 11pt;
}

.invoice-button-container {
    width: 65%;
    margin: auto;
}

.addCartForm input.count {
    width: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 6px 0 2px;
}

.pickProductOption .modal-body {
    text-align: center;
}

.pickProductOption .modal-body button {
    margin-bottom: 10px;
    min-width: 50%;
    text-align: left;
}

.pickProductOption .modal-body button span,
.pickProductOption .modal-body button img {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.pickProductOption .modal-body button span {
    padding-left: 15px;
}

.updateCartForm {
    width: 105px;
}

#header *,
#header *:before,
#header *:after,
#sidebar *,
#sidebar *:before,
#sidebar *:after,
.articleList *,
.articleList *:before,
.articleList *:after,
#mainIndex *,
#mainIndex *:before,
#mainIndex *:after {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#mainIndex .productList *,
#mainIndex .productList *:before,
#mainIndex .productList *:after {
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

a.thumbnail {
    padding: 0;
    border: none;
    margin: 0;
}

#banner {
    overflow: hidden;
}

#sidebar .shopSearchForm select {
    width: 95px;
}

#sidebar .util a {
    color: #514f4c;
    line-height: 1.6;
    overflow: hidden;
    display: inline-block;
    margin: 0 0 10px 0;
}

#sidebar .util img {
    float: left;
    margin: 0 15px 15px 0;
}

#shopTree li {
    white-space: nowrap;
    overflow: hidden;
}

.rotate {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);

    /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;

    /* Should be unset in IE9+ I think. */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.morecont {
    text-decoration: none;
    margin-bottom: 20px;
    font-family: 'OpenSansCondBold';
    font-weight: 500;
}

.mainContent {
    padding-bottom: -10px;
}

.mainContent .cont-left {
    float: left;
    z-index: 101;
    padding-bottom: 20px;
}

.mainContent .cont-left .morecont {
    margin-left: 10px;
}

.mainContent .cont-left .morecont:hover {
    color: #fff;
}

.mainContent .cont-fb-like {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    overflow: hidden;
    padding: 0 0 30px;
}

#user .loyalty a {
    color: #e62151;
    font-weight: 700;
}

.cartMain #total {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.cartMain #total .points {
    position: absolute;
    right: 0px;
    top: 24px;
}


div.alrt {
    z-index: 95000;
    position: fixed;
    top: 40%;
    width: 386px;
    margin-left: -193px;
    left: 50%;
    text-align: center;
    font-size: 20px;
    display: none;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}

div.alrt > div {
    margin: 0;
    padding: 8px;
}

div.alrt .alert-success {
    background: #e4dbce;
    color: #222;
}

a.social {
    width: 35px;
    height: 35px;
    display: inline-block !important;
    vertical-align: top;
    background: url('../images/social.jpg') no-repeat;
    margin: 0 5px;
    padding: 0;
    border: 0;
}

a.social.pinterest {
    background-position: -151px -59px;
}

a.social.gplus {
    background-position: -11px -105px;
}

a.social.fb {
    background-position: -11px -59px;
}

a.social.youtube {
    background-position: -59px -105px;
}

a.social.insta {
    background-position: -151px -11px;
}

a.social:hover {
    opacity: 0.7;
}


.main-social {
    background: #e4dbce;
    border-radius: 5px;
    margin-top: 10px;
    line-height: 33px;
    padding: 10px 20px;
    font-size: 18px;
    margin-bottom: 110px;
}

.main-social .fb {
    margin-left: 20px;
}

#mainfacebook {
    padding-bottom: 250px;
    position: relative;
}

#mainfacebook .main-social {
    position: absolute;
    top: 250px;
    margin: 0;
}

.bxslider li img {
    max-width: 100%;
}

.bxslider li a {
    display: block;
    width: 728px;
    height: 376px;
    overflow: hidden;
}

.bx-loading {
    display: none !important;
}

#catalogue {
    padding: 0 !important;
}

#catalogue .padder {
    padding: 17px 9px 20px;
    box-sizing: border-box !important;
    height: 376px;
    overflow: hidden;
    text-align: center;
}

#root #catalogue hgroup {
    margin: 0 auto !important;
    max-width: 200px;
    text-align: left;
    display: inline-block;
}

#root #catalogue img {
    display: block;
    margin: 5px auto 0;
    max-height: 249px !important;
    max-width: 220px !important;
}

#root #catalogue h3 {
    margin: 0;
}

#root #catalogue h2 {
    margin: 0;
    white-space: nowrap;
}

#catalogue.catalogueProduct ul.productList {
    margin: 0;
}

#catalogue.catalogueProduct ul h3 {
    color: #e51a4b !important;
    display: block !important;
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#catalogue.catalogueProduct .boxFirst {
    height: auto !important;
    border-top: none;
}

#catalogue.catalogueProduct .product {
    width: 100% !important;
    margin: 0 auto !important;
    border-radius: 5px;
}

#catalogue.catalogueProduct a.thmb {
    position: relative;
    top: -5px;
}

.productList .product .box b,
#catalogue.catalogueProduct .productList .product .box b {
    margin-bottom: 0px;
}

#catalogue.catalogueProduct a h3 {
    padding-bottom: 3px;
}

@media only screen and (min-width: 980px) {
    #catalogue.catalogueProduct .productList .product .box {
        padding-top: 5px;
        padding-bottom: 12px;
    }

    #catalogue.catalogueProduct .productList .product .box:first-child {
        padding-top: 12px;
        padding-bottom: 5px;
    }

    .slideshowContent {
        float: left;
        margin-top: 0;
        bottom: 20px;
        position: absolute;
        top: 235px;
    }

    .slideshowInfo {
        right: 30px;
    }

    #footer {
        margin-top: -60px;
    }
}

ul.productList .product.tinyProduct .thmb,
ul.productList .product.tinyProduct .thmb img {
    width: 180px !important;
    height: 157px !important;
    margin: 0 auto !important;
    display: block !important;
}

ul.productList .product.tinyProduct {
    padding-top: 0;
    border: 0;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    border-color: #e5194a
}

@media all and (orientation:landscape) {
    .order-catalog-form {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 600px;
        padding: 15px;
    }

    .catalog-modal .control-group,
    .order-catalog-form .control-group {
        display: inline-block;
        vertical-align: top;
        width: 280px;
        margin-top: 5px;
    }

    .catalog-modal .control-group.wide,
    .order-catalog-form .control-group.wide {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media all and (max-width: 800px) {
    .order-catalog-form {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 90vw;
        padding: 15px;
    }

    .catalog-modal .control-group,
    .order-catalog-form .control-group {
        display: inline-block;
        vertical-align: top;
        width: 280px;
        margin-top: 5px;
    }

    .catalog-modal .control-group.wide,
    .order-catalog-form .control-group.wide {
        width: 100%;
        margin-bottom: 10px;
    }
}

#shopCategoryGroups2 .box {
    height: 245px;
}

#shopCategoryGroups2 .box .txt {
    min-height: 210px;
}

li.product .optionBox {
    height: 43px;
}

li.product .optionBox select {
    width: 100%;
}

body {
    color: #222;
    font-family: 'OpenSansRegular', Arial;
    font-size: 10pt;
    line-height: 1.4;
}

.clubInfoButton {
    margin-bottom: 0;
    bottom: 15px;
}

.clubInfoButton:hover {
    color: #fff !important;
}

#clubInfo .box {
    min-height: 200px;
}

.articleList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.articleList article {
    width: 45%;
}

.articleList article .blog-header {
    height: auto;
    margin-bottom: 5px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.articleList article .blog-title {
    text-align: left;
    margin-bottom: 5px;
}

.articleList article .blog-image {
    text-align: left;
}

.articleList article .blog-content {
    margin-bottom: 10px;
    height: auto;
}

.articleList article:hover {
    background: rgba(227, 191, 186, 0.24);
}

/* .articleList article {
    width: 340px;
    vertical-align: top;
    display: inline-block;
    float: none;
    margin: 10px 0 15px 25px;
}

.articleList article.left {
    margin-left: 0px;
}

.articleList article .blogContent {
    width: auto;
    padding-left: 0px;
    margin-top: 0px;
} */

.articleList article .blogContent p {
    clear: both;
    padding-top: 5px;
    margin-top: 0px;
}

.articleList article .blogImg {
    display: inline-block;
    vertical-align: top;
}

.articleList article h2 {
    display: inline-block;
    vertical-align: top;
    /* width: 200px; */
    margin-left: 10px;
    margin-bottom: 0px;
}

@media (max-width: 600px) {
    .articleList {
        flex-direction: column;
    }

    .articleList article {
        width: 100%;
        margin-bottom: 10px;
    }
}


#banner {
    min-height: 375px;
}

ul.productList .product .boxFirst a.thmb {
    width: 100%;
    height: 180px;
    display: inline-block;
    overflow: hidden;
}

#gardencalendar {
    box-sizing: border-box !important;
    padding: 40px 30px 0;
    height: 305px;
    width: 489px;
}

#gardencalendar form input#name {
    margin: 10px 0;
}

.possibleGift {
    /* background: #eee; */
    padding: 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    clear: both;
    font-weight: 700;
}

nav.pagination {
    margin-bottom: 130px;
}

.productPage #tabs .tabList {
    padding-top: 20px;
    display: flex;
    flex-direction: row;
}

.productPage #tabs .tabList li a {
    color: #000;
    text-decoration: none;
    width: 100%;
    display: inline-block;
}

.errorPage {
    padding: 0 20px;
}

div.loading {
    background: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: wait;
}

.catList {
    margin-bottom: 20px;
}

.catList h3 {
    border: 1px solid #e4dbce;
    text-align: center;
    padding: 5px;
}

.editorContent p {
    padding: 0;
    margin: 0;
}

.editorContent,
.editorContent p,
.editorContent span {
    font-size: 15px !important;
    line-height: 19px;
}

.lang-hu #catalogue a.button {
    padding: 7px 12px !important;
}

#footer #callCenter {
    margin-right: 0px;
    padding-right: 0px;
}

#catalog {
	display: none;
}

#fBox1,
#fBox2,
#fBox3 {
    padding: 15px;
    margin: 15px 10px 15px -10px;
}

#facebook-reviews .fa-star {
    font-size: 18px;
    padding-left: 3px;
}

#facebook-reviews h3 {
    text-align: center;
    color: #584f42;
    font-size: 18pt;
}

#facebook-reviews .checked {
    color: gold;
}

#facebook-reviews .txt > h3 {
    text-align: left;
    color: #e51a4b;
    font-size: 13pt;
}

#facebook-reviews .box {
    background: #fcf6d4;
    border-radius: 15px;
    width: 29%;
    float: left;
    margin: 5px;
    min-height: 345px;
}

#facebook-reviews .row {
    margin-left: 0px;
}

#facebook-reviews img {
    float: left;
    margin-top: -35px;
    margin-left: -30px;
    padding-right: 5px;
}

#facebook-reviews p {
    text-align: justify;
}

@media (min-width: 980px) {
    #fBox1,
    #fBox2,
    #fBox3 {
        width: 29% !important;
        margin: 15px 10px 15px -10px;
    }   
}

@media (min-width: 769px) {

    #mainIndex ul.productList .product .box .productThumb {
        max-width: 100% !important;
    }

    ul.productList li.product div.detInf {
        clear: both;
        position: relative;
        padding: 12px 36px 12px 12px;
    }

    .product .detInf div {
        position: absolute;
        right: 5px;
        top: 5px;
    }

    .product .detInf .wishlist .btn-icon {
        display: block;
        position: relative;
        transform: unset;
        width: 24px;
        height: 24px;
    }

    .product .prcCrt {
        overflow: hidden;
    }

    .product .prcCrt form {
        margin: 0;
    }

    .product .prcCrt .priceBox {
        padding-top: 4px;
        text-align: left;
    }

    .product .prcCrt .priceBox .hl {
        color: #e51a4b;
        margin-bottom: 0;
    }

    .product .prcCrt .priceBox .sml {
        font-size: 10px;
        text-decoration: line-through;
        font-weight: 500;
        margin-bottom:0;
    }

    #header .shopSearchForm input {
        width: 160px !important;
    }

    #header .shopSearchForm button {
        margin-left: 150px !important;
    }

    h2.promo {
        margin-bottom: 0px;
    }

    #fBox1,
    #fBox2,
    #fBox3 {
        width: 90%;
        margin: 15px;
    }
}

@media (min-width: 641px) {
    #gardencalendarContainer {
        margin: 30px;
    }

    #gardencalendar .gardencalendarform #name,
    #gardencalendar .gardencalendarform #email {
        padding: 11px 20px;
        box-sizing: border-box;
        width: 196px;
    }

    #gardencalendar .gardencalendarform #name {
        width: 100%;
    }

    #gardencalendar .gardencalendarform input[type="submit"] {
        margin-top: 0px;
    }

    .productPage #tabs .tabList li {
        display: inline-block;
        padding: 10px 30px;
        background: #e4dbce;
        font-size: 11pt;
        width: 100%;
    }

    .productPage #tabs .tabList li.active {
        background: #fff;
        border: 1px solid #e4dbce;
        border-bottom: none;
        font-weight: bold;
        width: 100%;
    }

    .catList a {
        display: inline-block;
        vertical-align: top;
        width: 30%;
        margin-bottom: 10px;
        margin-right: 3%;
    }
}

@media (max-width: 768px) {
    .shopCouponForm img {
        display: none;
    }

    .shopCouponForm .cupon-label {
        font-size: 16px;
    }

    #checkoutForm .buttonLarge,
    #shopperForm .buttonLarge {
        font-size: 15px;
    }

    #checkoutForm #input_Shoppersource {
        max-width: 98%;
    }

    ul.productList .product .prcCrt {
        overflow: hidden;
    }

    ul.productList .product .prcCrt .priceBox {
        font-size: 1em;
    }

    ul.productList .product .prcCrt .priceBox b.hl {
        font-size: 1.1em;
    }

    ul.productList .product .prcCrt .priceBox b.sml {
        font-size: 0.7em;
        text-decoration: line-through;
    }

    #fBox1,
    #fBox2,
    #fBox3 {
        width: 90% !important;
        float: none !important;
        height: auto !important;
        margin: 15px !important;
    }

    .cartTable .cartSubtotal {
        display: block !important;
    }

    .main-container {
        overflow: hidden;
    }

    .product .detInf .wishlist-buttons {
        position: absolute;
        top: 30px;
        left: 0;
    }
}

@media (max-width: 640px) {
    #gardencalendar {
        width: auto;
        height: auto;
        padding: 10px;
    }

    #gardencalendar h1 {
        font-size: 21pt;
    }

    #gardencalendarContainer {
        margin: 10px;
    }

    li.product .optionBox {
        display: none;
    }

    .productPage #tabs .tabList li {
        padding: 10px 30px;
        background: #e4dbce;
        font-size: 11pt;
    }
    
    .productPage #tabs .tabList li:hover {
        background: #d4cdc2;
    }

    .productPage #tabs .tabList li.active {
        background: #d4cdc2;
        font-weight: bold;
    }

    ul.productList .product {
        float: none !important;
        margin: 0 auto 12px 0 !important;
        border: none;
        border-bottom: 3px solid #eee;

    }

    ul.productList .product .boxFirst a.thmb {
        width: 300px !important;
        height: 270px !important;
    }

    ul.productList .product .detInf {
        display: inline-block !important;
        vertical-align: middle;
        padding: 0 20px 0 0;
    }

    ul.productList .product .product_flowering {
        display: inline-block;
        vertical-align: middle;
        padding: 0;
    }

    #fBox1,
    #fBox2,
    #fBox3 {
        width: 85% !important;
        float: none !important;
        height: auto !important;
        margin: 15px;
    }
}
@media (max-width: 360px) {
    #fBox1,
    #fBox2,
    #fBox3 {
        width: 83% !important;
        height: auto !important;
        margin: 15px;
    }
}

@media (max-width: 460px) {
    .mainContent > div > p > img {
        height: 55%;
        width: 55%;
    }
    #fBox1,
    #fBox2,
    #fBox3 {
        width: 83% !important;
        height: auto !important;
        margin: 15px;
    }
}

@media (max-width: 980px) {
    #footer {
        background-color: #af9778;
    }

    .main-container {
        overflow: hidden !important;
    }

    #google_translate_element {
        display: none;
    }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.popover {
    max-width: 600px;
}

.popover.left > div.popover-content > table > tbody > tr > td:nth-child(2) {
    text-align: right !important;
}

.popover.left > div.popover-content > table > tbody > tr > td:nth-child(1) {
    min-width: 60% !important;
}

/* Product teazer images */
.product-teazer {
    width: 23%;
    float: left;
    list-style: none;
    margin-bottom: 20px;
    margin-top: 10px;
    box-shadow: 8px 8px 8px 0px rgba(0, 0, 0, .2);
    margin-right: 14px;
}

.product-teazer .box:not(.detInf):not(.prcCrt) {
    height: 290px;
    width: 100%;
}

.product-teazer .product-image .teazer-image {
    height: 200px; 
    width: 100%;
    padding-bottom: 5px;
}

.product-teazer .product-image {
    padding-top: 10px;
}

.productList.teazer-ul {
    margin: 0 0 0 0;
    justify-content: space-between;
    text-align: center;
}

.productList.teazer-ul .icon {
    z-index: 999;
}

.productList.teazer-ul .featuredIcon {
    width: 30px;
}

.productList.teazer-ul .box.detInf {
    padding-bottom: 10px;
}

.productList.teazer-ul .addCartForm {
    max-width: 60px;
    line-height: 1;
}

.productList.teazer-ul .product-teazer .priceBox,
.productList.teazer-ul .product-teazer .priceBox .h1 {
    font-size: 10pt;
}

.productList.teazer-ul .product-teazer .priceBox .sml {
    font-size: 10px;
}

.productList.teazer-ul .box.detInf,
.productList.teazer-ul .product-teazer .prcCrt,
.productList.teazer-ul .boxContent {
    padding-left: 5px;
    padding-right: 5px;
}

.productList.teazer-ul .product-teazer .btn-sweet,
.productList.teazer-ul .product-teazer .btn-icon {
    height: 25px;
    width: 25px !important;
    top: unset;
}

@media only screen and (max-width: 978px) {
    .product-teazer .product-image .teazer-image {
        height: 170px; 
        width: 100%;
        padding-bottom: 5px;
    }

    .product-teazer .box:not(.detInf):not(.prcCrt) {
        height: 260px;
    }
}

@media only screen and (max-width: 815px) {
    .product-teazer .product-image .teazer-image {
        height: 150px; 
        width: 100%;
        padding-bottom: 5px;
    }
}

@media only screen and (max-width: 767px) {
    .productPage .addCartForm {
        margin-top: 0px !important;
    }
}

@media only screen and (max-width: 739px) {
    .product-teazer {
        margin-right: 0px;
    }

    .productList.teazer-ul .product-teazer .priceBox,
    .productList.teazer-ul .product-teazer .priceBox .h1 {
        font-size: 9pt;
    }
    
    .productList.teazer-ul .product-teazer .priceBox .sml {
        font-size: 9px;
    }
}

@media only screen and (max-width: 689px) {
    .product-teazer {
        width: 45%;
        margin-right: 10px;
    }

    .product-teazer .product-image {
        display: flex;
        justify-content: center;
    }

    .product-teazer .product-image .teazer-image {
        height: 100%;
        width: initial;
        padding-bottom: 5px;
    }

    .productList.teazer-ul .addCartForm {
        max-width: initial;
        line-height: 1;
    }

    .productList.teazer-ul .product-teazer .priceBox,
    .productList.teazer-ul .product-teazer .priceBox .h1 {
        font-size: 11pt;
    }
    
    .productList.teazer-ul .product-teazer .priceBox .sml {
        font-size: 11px;
    }

    .product-teazer .box:not(.detInf):not(.prcCrt) {
        height: 290px;
    }
}

@media only screen and (max-width: 479px) {
    .productList.teazer-ul {
        justify-content: center;
    }

    .product-teazer {
        width: 80%;
        margin-right: 10px;
    }

    .product-teazer .product-image .teazer-image {
        height: 100%;
        width: 100%;
        padding-bottom: 5px;
    }

    .productList.teazer-ul .product-teazer .prcCrt {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-around;
        align-items: center;
        width: 100% !important;
    }

    .product-teazer .box:not(.detInf):not(.prcCrt) {
        height: 260px;
    }
}

@media only screen and (min-width: 980px) {
    #footer {
        margin-top: -60px;
    }
}

/* Full width banner */
#slideshow,
#slideshow .module .bxslider li a,
#slideshow .module .bxslider li a img,
.slideshowshadow {
    width: 100%;
}

#banner,
.bannerImg {
    width: 100% !important;
    height: 375px;
}

.bx-wrapper .bx-pager {
    display: block;
}

@media only screen and (min-width: 980px) {
    .slideshowshadow {
        background-repeat: no-repeat;
    }

    #banner #slideshow .bx-wrapper .bxslider li {
        width: 981px !important;
    }
}

@media only screen and (max-width: 979px) {
    .slideshowContent {
        margin: -150px 0 0 20px;
    }
    .slideshowInfo {
        display: none;
    }

    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: 40px;
        width: 100%;
    }

    .slideshowContentHeader {
        width: 100%;
    }

    .slideshowshadow {
        display: none !important;
    }
}

@media only screen and (max-width: 979px) {
    #slideshow.mobile .bx-wrapper {
        height: 355px !important;
    }

    #banner {
        min-height: 340px !important;
        height: 340px !important;
    }

    #slideshow.mobile .bxslider li a {
        height: 200px !important;
    }

    #slideshow.mobile .bannerImg {
        height: 190px !important;
    }

    #slideshow.mobile .content {
        text-align: center;
    }

    #slideshow.mobile .content .content-header h1,
    #slideshow.mobile .content .content-header h2 {
        margin: 0px;
    }

    #slideshow.mobile .content .content-header h1 {
        font-size: 20pt;
    }

    #slideshow.mobile .content .content-header h2 {
        font-size: 16pt;
    }

    #slideshow.mobile .content .content-header {
        height: 115px;
    }

    #slideshow.mobile .bx-wrapper .bx-pager {
        text-align: center !important;
        margin: 0px;
    }

    #slideshow.mobile .slideshowshadow {
        height: 170px;
        bottom: 126px;
    }

    #slideshow.mobile .bx-wrapper .bx-pager.bx-default-pager a {
        background: gray;
    }

    #slideshow.mobile .bx-pager-item {
        display: inline-block !important;
    }

    #slideshow.mobile .bx-wrapper .bx-pager.bx-default-pager a:hover, 
    #slideshow.mobile .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #e5194a;
    }

    #slideshow.mobile .bx-wrapper .bx-controls-direction a {
        top: 42%;
    }
}

/* Slidewhow desktop and mobile controlls */
@media (max-width: 979px) {
    #banner .desktop-slideshow {
        display: none;
    } 

    #banner .mobile-slideshow {
        display: block;
    }
}

@media (min-width: 980px) {
    #banner .desktop-slideshow {
        display: block;
    }

    #banner .mobile-slideshow {
        display: none;
    }
}

/* 4 column products */
#mainIndex .productList .product .box .productThumb {
    width: 100% !important;
    height: 100%;
}

.productList .product .box h3 {
    font-size: 14px;
}

.productList .short-description {
    display: none;
}

.productList .product .box.detInf {
    height: auto;
    display: flex;
    align-items: center;
}

.productList.four-column-list .product {
    box-shadow: 8px 8px 8px 0px rgba(0, 0, 0, .2);
    padding-top: 10px !important;
    border-top: 0px;
    background-color: white;
    overflow: hidden;
}

.productList.four-column-list {
    padding-top: 10px !important;
}

.footer-margin {
    margin-bottom: 130px !important;
}

.promo {
    padding-left: 10px;
}

/* Full width product list */
#main.full-width,
#main.productMain,
#main.product-listing {
    width: -webkit-fill-available;
    width: -moz-available;
}

/* Make the flowering period appear on hover */
.product-image {
    position: relative;
}

.product-image .product_flowering {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}

.product:hover .product_flowering{
    opacity: 1;
    visibility: visible;
}

/* Modified product search in product list header */
.product-listing-header {
    display: flex;
    flex-direction: column;
}

.product-listing-header #sidebar {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 0px;
}

.product-listing-header #sidebar header {
    text-align: center;
}

.product-listing-header #sidebar .shopSearchForm {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.product-listing-header #sidebar .shopSearchForm .inputs {
    display: flex;
    flex-direction: row;
}

.product-listing-header #sidebar .shopSearchForm .search-btn {
    justify-content: center;
    display: flex;
}

.product-listing-header #sidebar .shopSearchForm select:not(.flowering select) {
    width: 100%;
}

.product-listing-header #sidebar .shopSearchForm .flowering select[name="flowering_end"] {
    margin-left: 10px;
}

.product-listing-header #sidebar .shopSearchForm .light,
.product-listing-header #sidebar .shopSearchForm .categories_select,
.product-listing-header #sidebar .shopSearchForm .flowering {
    padding: 20px;
    margin-top: 0px;
    box-shadow: 8px 8px 8px 0px rgba(0, 0, 0, .2);
    border-radius: 15px 15px 15px 15px;
    background-color: #e4dbce;
    color: #b52244;
    width: 270px;
}

.product-listing-header #sidebar .shopSearchForm select {
    width: 150px;
}

.product-listing-header #sidebar .module {
    margin: 0;
    background-color: white;
    padding: 0px;
    padding-bottom: 25px;
}

.product-listing-header #sidebar .shopSearchForm .flowering div {
    display:flex;
}

.product-listing-header #sidebar .shopSearchForm .categories_select {
    margin-left: 15px;
    width: 290px;
}

.product-listing-header #sidebar .shopSearchForm .flowering {
    margin-left: 20px;
    margin-right: 20px;
}

.product-listing-header #sidebar .shopSearchForm .light {
    margin-right: 15px;
}

.product-listing-header #sidebar .shopSearchForm .search-btn {
    margin-left: 20px;
}

.product-listing-header #sidebar .shopSearchForm .search-btn button {
    background: unset;
}

.product-listing-header hgroup h1 {
    text-align: center;
}

/* Center price and buy buttons */
.productList.four-column-list .product .box.prcCrt.flex-center {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

/* Make the special flags stay in right upper corner */
.boxHeader {
    position: relative;
}

.boxHeader .featured-images {
    display: flex;
    position: absolute;
    top: -10px;
    right: 10px;
}

.boxHeader .featuredIcon {
    position: relative;
    margin: 0;
    z-index: 99;
    margin-left: 5px;
}

.productList.four-column-list .product {
    border-radius: 0 0 15px 15px;
}

.productList.four-column-list .btn-icon {
    left: 2px !important;
}

.productPage #tabs .tabList li a img {
    margin-right: 10px; 
    width: 25px; 
    height: 25px;
}

@media only screen and (min-width: 980px) {
    .productList.four-column-list .product {
        width: 227px;
    }

    .productList.four-column-list .boxFirst {
        height: 290px !important;
    }

    .productList.four-column-list .boxHeader {
        height: auto !important;
    }

    .productList.four-column-list .boxContent,
    .productList.four-column-list .prcCrt {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    ul.productList.four-column-list .product .boxFirst a.thmb {
        width: 100%;
        height: 50%;
    }

    .productList.four-column-list .product .box:first-child {
        padding: 0px !important;
    }

    .productList.four-column-list .product .box.boxFirst,
    .productList.four-column-list .product .box .priceBox,
    .productList.four-column-list .product .box h3 {
        font-size: 15px !important;
    }

    .productList.four-column-list .product .box.prcCrt {
        font-size: 10px !important;
    }

    .productList.four-column-list .product .box.prcCrt.flex-center {
        min-height: 67px;
    }

    .productList.four-column-list .product .boxFirst b {
        font-size: 12px !important;
    }

    .productList .product {
        margin: 0 0 24px 23px !important;
    }
}

/* Responsive code for product list */
@media only screen and (max-width: 979px) {
    .productList {
        display: flex;
        flex-wrap: wrap;    
    }

    .productList .product .box h3 {
        font-size: 14px !important;
    }

    .productList .product {
        width: 23%;
    }

    .productList .boxFirst {
        height: 260px !important;
    }

    .productList .boxHeader .product-image {
        overflow: hidden;
    }

    .productList .priceBox {
        font-size: 10pt;
    }

    .productList.four-column-list .product .box.prcCrt,
    .productList.four-column-list .product .box.prcCrt.flex-center {
        min-height: 70px;
    }

    .productList.four-column-list .product {
        margin: 0 0 24px 10px !important;
        padding-bottom: 10px;
        padding-left: 0px;
        padding-right: 0px;
        position: relative;
    }

    .productList.four-column-list .boxContent,
    .productList.four-column-list .detInf,
    .productList.four-column-list .prcCrt {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}
@media only screen and (max-width: 867px) {
    .productList .product {
        width: 30%;
    }
}

@media only screen and (max-width: 827px) {
    .productPage #tabs .tabList {
        flex-direction: column;
    }
}

@media only screen and (max-width: 773px) {
    .productList .product {
        width: 31%;
    }
}

/* @media only screen and (max-width: 756px) {
    .product .detInf .wishlist.wloff {
        display: none;
    }
} */

@media only screen and (max-width: 400px) {
    .product .detInf .wishlist-buttons {
        left: 35px;
    }
}

@media only screen and (max-width: 380px) {
    .product .detInf .wishlist-buttons {
        left: 25px;
    }
}

@media only screen and (max-width: 360px) {
    .product .detInf .wishlist-buttons {
        left: 20px;
    }
}

@media only screen and (max-width: 355px) {
    .product .detInf .wishlist-buttons {
        left: 12px;
    }
}

@media only screen and (max-width: 640px) {
    .productList .product {
        width: 47%;
    }

    .productList .product .box h3 {
        font-size: 16px !important;
    }

    .productList .boxFirst {
        height: 370px !important;
    }

    .productList .boxHeader {
        height: initial !important;
    }

    .productList .boxContent {
        padding-top: 10px;
    }

    .product .prcCrt .priceBox .sml {
        font-size: 9px;
    }

    .product .boxHeader .product-image img {
        position: absolute;
        object-fit: cover;
    }
}

@media only screen and (max-width: 400px) {
    .productList .product {
        width: 100% !important;
    }

    .productList .product .product-image {
        text-align: center;
    }

    ul.productList .product .prcCrt .priceBox {
        font-size: 16px !important;
    }

    .productList.four-column-list .product {
        padding: 12px;
    }

    .product .boxHeader .product-image img {
        position: relative;
        object-fit: cover;
    }

    #mainIndex .productList .product {
        margin-right: 10px !important;
    }
}

/* Footer and Header Image fix */
@media only screen and (min-width: 980px) {
    #footerMenu:after {
        margin: -184px 0 0 830px;
    }
}

/* @media only screen and (max-width: 600px) {
    #banner {
        display: none;
    }
} */

.d-flex {
    display: flex;
}

.w-50 {
    width: 50%;
}

.w-100 {
    width: 100%;
}

.justify-content-between {
    justify-content: space-between;
}

.justify-content-evenly {
    justify-content: space-evenly;
}

.justify-content-around {
    justify-content: space-around;
}

/* Home page videos/blog/newsletter */
.gardencalendarform {
    position: relative;
}

#gardencalendar .gardencalendarform button,
.clubInfoButton {
    position: absolute !important;
    border-radius: 5px;
    font-family: 'OpenSansCondBold';
    font-size: 12pt;
    text-decoration: none;
    text-transform: uppercase;
    padding: 8px 20px;
}

#gardencalendar .gardencalendarform button {
    right: 0px;
}

.video-blog {
    height: auto;
}

.video-blog h3 {
    margin-top: 0px !important;
}

/* --------------------------------------- Video Blog section settings START -------------------------------------- */
/* -------------------------- Decomment this if you want to put a video back into the page ------------------------ */
/* .video-blog #videoBlog,
.video-blog #contentList {
    width: 50% !important;
    margin-top: 0px !important;
    height: auto;
}

.video-blog #videoBlog .module,
.video-blog #contentList .module {
    height: auto;
}

.video-blog #videoBlog {
    padding: 0px !important;
    margin-right: 10px;
}

@media only screen and (min-width: 980px) {
    .video-blog #videoBlog iframe {
        height: 315px !important;
    }
}

@media only screen and (max-width: 979px) {
    .video-blog #videoBlog {
        width: 100% !important;
    }

    .video-blog #videoBlog {
        margin-right: 35px;
    }

    .video-blog #videoBlog .video-clip,
    .video-blog #videoBlog .video-text {
        width: auto;
    }
}

@media (max-width: 640px) {
    #videoBlog {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .video-blog #videoBlog .video-clip iframe {
        position: relative !important;
    }
}

@media only screen and (min-width: 480px) {
    .video-blog #videoBlog iframe {
        position: relative !important;
        height: 315px !important;
    }
} */

/* -------------------------- Comment this if you want to put a video back into the page ------------------------ */
.video-blog #contentList .module {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.video-blog #contentList .module .desktop-blog {
    flex: 1;
    flex-basis: 40%;
    margin-right: 10px !important;
}

.video-blog #contentList > div:nth-of-type(2) {
    text-align: center;
    margin-top: 30px;
}

@media only screen and (max-width: 840px) {
    .video-blog #contentList .desktop-blog .blog-image {
        display: none;
    }
}
/* --------------------------------------- Video Blog section settings END -------------------------------------- */

.video-blog #contentList {
    margin-top: 0px !important;
    height: auto;
}

.video-blog #contentList .module {
    height: auto;
}

.video-blog #contentList article img {
    display: block;
    float: none;
    margin: 0px;
    width: 127px;
    height: 127px;
}

.video-blog .module {
    padding-bottom: 0px !important;
}

.video-blog #contentList .desktop-blog .blog-image {
    width: 30%;
}

.video-blog #contentList .desktop-blog .blog-content {
    width: 70%;
}

.video-blog #contentList article {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 0px !important;
}

.video-blog article {
    margin-bottom: 20px !important;
    height: 140px;
}

.video-blog h1 {
    font-size: clamp(19pt, calc(2vw + 8pt), 28pt);
}

.h2highlighted {
    background: #e51a4b;
    text-transform: uppercase;
    color: #fff;
    padding: 8px 11px;
    border-radius: 8px;
    font-size: 11pt;
}

@media only screen and (max-width: 979px) {
    .video-blog {
        padding-left: 15px;
        padding-right: 15px;
        flex-direction: column;
    }
    
    .video-blog article .blog-title {
        overflow-wrap: anywhere;
    }

    .video-blog .mobile-blog {
        height: 100%;
    }

    .video-blog #contentList {
        width: 100% !important;
    }

    .video-blog #contentList .desktop-blog .blog-image {
        margin-right: 10px;
    }

    .video-blog #contentList .desktop-blog .blog-image,
    .video-blog #contentList .desktop-blog .blog-content {
        width: auto;
    }

    .video-blog #contentList {
        margin-top: 10px !important;
    }
}

.video-blog .mobile-blog .blog-header {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.video-blog .mobile-blog .blog-header .blog-image {
    margin-right: 20px;
}

.video-blog .mobile-blog .blog-content,
.video-blog .mobile-blog .blog-header {
    margin-bottom: 10px;
}

@media only screen and (max-width: 957px) {
    .video-blog article {
        height: 140px;
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 840px) {
    /* #contentList .desktop-blog .blog-image {
        display: none;
    } */

    #contentList article {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 640px) {
    .video-blog article {
        margin-bottom: 0px !important;
    }

    #contentList article {
        margin-bottom: 0px;
    }
}

/* Homepage blog switch */
.video-blog .desktop-blog {
    display: flex;
}

.video-blog .mobile-blog {
    display: none;
}

@media only screen and (max-width: 640px) {
    .video-blog .desktop-blog {
        display: none;
    }

    .video-blog .mobile-blog {
        display: flex;
        flex-direction: column;
    }
}

/* @media (max-width: 979px) {
    .contentList div:last-child {
        padding-left: 20px;
    }
} */

@media (max-width: 640px) {
    #contentList {
        width: 100% !important;
    }

    #contentList article {
        border-top: 1px solid #ccc;
        padding-top: 20px !important;
    }

    #gardencalendar .gardencalendarform button {
        position: static !important;
        margin-top: 15px;
    }

    #gardencalendar .gardencalendarform {
        display: flex;
        flex-direction: column;
    }
}

/* Product page */
.productMain .productInfo header h1 {
    color: #e51a4b;
    font-size: 24pt;
    line-height: 36px;
    margin: 0;
}

.productMain .productInfo header h4 {
    color: #000;
    font-family: OpenSansBold;
    font-size: 13pt;
    margin: 0;
    text-transform: uppercase;
    float: left;
}

.productMain #breadcrumbs {
    margin-left: 0px !important;
}

.productPage .box {
    border: none;
}

.productPage .product-teazer .box {
    padding: 0;
}

.productPage .productImages {
    display: flex !important;
    flex-direction: row;
    align-items: flex-start;
    width: 65%;
    margin: 0px;
}

.productPage .productImages ul {
    display: flex !important;
    flex-direction: row;
    margin: 0px;
    height: 100%;
    padding: 0px
}

.productPage .productImages ul li {
    margin: 10px;
    box-shadow: 8px 8px 8px 0px rgba(0, 0, 0, .2);
}

.productPage .productInfo {
    width: 55%;
}

.productPage .productImages .boxFirst {
    width: 73%;
    box-shadow: 8px 8px 8px 0px rgba(0, 0, 0, .2);
    padding-bottom: 0px;
}

.productPage .mainProductCart .addCartForm .quantity-row,
.productPage .product-main-data-container {
    display: flex;
}

.productPage .mainProductCart .addCartForm .quantity-row {
    justify-content: space-between;
    height: 40px;
}

.productPage .productInfo,
.productPage .product-description-container,
.productPage .product-buttons {
    display: flex;
    flex-direction: column;
}

.productPage .productInfo {
    justify-content: space-between;
}

.productPage .mainProductCart .addCartForm {
    width: 100%;
}

.productPage .mainProductCart .addCartForm .quantity-row div:nth-child(2){
    display: flex;
    align-items: baseline;
}

.productPage .mainProductCart .addCartForm input {
    margin-right: 5px;
}

.productPage .addCartForm b,
.productPage .addCartForm .hl {
    font-size: 18pt;
}

.productPage .addCartForm .quantity-row .hl,
.productPage .addCartForm .quantity-row .sml {
    font-size: 18pt !important;
}

.productPage .product-buttons .supplimentary-buttons .btn,
.productPage .product-buttons .btn.wishlist,
.productPage .addCartForm .btn-sweet {
    width: 100% !important;
    border-radius: 5px;
    text-decoration: none;
}

.productPage .product-buttons .supplimentary-buttons {
    display: flex;
}

.productPage .product-buttons .supplimentary-buttons .btn:not(:last-of-type) {
    margin-right: 5px;
}

.productPage .product-buttons {
    padding-bottom: 13px;
}

/* Reviews section */
.productPage #reviews .reviews table tbody tr td:first-child {
    width: 300px;
}

.productPage #reviews .reviews table tbody tr td:nth-child(2) div:first-child,
.productPage #reviews .reviews table tbody tr td:first-child div:first-child {
    font-size: 18px;
}
.productPage #reviews .reviews table tbody tr td:first-child div:nth-child(2) {
    font-size: 11px;
}

#addCommentModal #review-form .name-check div,
#addCommentModal #review-form label {
    width: 80px !important;
    margin-right: 10px !important;
}

#addCommentModal #review-form .name-check div {
    align-items: start;
}

#addCommentModal #review-form .name-check label,
#addCommentModal #review-form #comment,
#addCommentModal #review-form #comment_title  {
    width: 100% !important;
}

#addCommentModal #review-form #comment,
#addCommentModal #review-form #comment_title {
    margin-bottom: 10px;
}

.text-decoration-none {
    text-decoration: none !important;
}

.flex-column {
    flex-direction: column;
}

#addCommentModal {
    display: block;
    width: 600px;
    margin: auto;
    background-color: white;
    height: fit-content;
    z-index: 9910;
}

.modal-backdrop {
    z-index: 9900;
}

body.modal-open {
    padding-right: 0 !important;
}

.productPage #tabs .tabList li:first-of-type {
    width: 80% !important;
}

.modal {
    z-index: 9910;
}

@media only screen and (max-width: 827px) {
    .productPage #tabs .tabList li:first-of-type {
        width: 100% !important;
    }
}

@media only screen and (max-width: 733px) {
    .productPage #reviews .reviews table tbody tr td:first-child {
        width: 200px;
    }
}

@media only screen and (max-width: 600px) {
    #addCommentModal {
        width: initial;
    }
}

@media only screen and (max-width: 479px) {
    .productPage #reviews .reviews table tbody tr td:first-child {
        width: 100%;
    }

    .reviews table tbody tr {
        display: flex;
        flex-direction: column;
    }
}

.addCartForm button {
    background: no-repeat;
}

.productPage .product-buttons .box.wishlist {
    padding-top: 0;
}

.productPage .secondary-images {
    width: 28%;
    padding-bottom: 12px;
}

.sub_light_requirements,
.sub_product_flowering,
.sub_planting_time {
    margin: 0 0 30px;
}

.reasuring_badge,
.sub_transport_size,
.sub_light_requirements,
.sub_product_flowering,
.sub_planting_time {
    display: flex;
    align-items: center;
    height: 30px;
}

.reasuring_badge {
    padding: 55px 0 50px 0;
}

.description_tag_container {
    padding-top: 50px;
    display: flex;
}

.description_tag {
    width: 25%;
    display: flex;
    align-items: center;
    height: 30px;
}

.description_tag_pet {
    width: 33%;
    display: flex;
    align-items: center;
    height: 30px;
}

.sub_product_flowering_text b {
    font-weight: 900;
    color: #e51a4b;
}

.sub_product_flowering_text i {
    vertical-align: middle;
    line-height: 10px;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    color: #beb9b4;
}

.sub_planting_time .sub_planting_time_text {
    margin: 0 0 0 0;
}

.productPage .addCartForm button .btn-icon {
    height: 35px;
    width: 35px;
}

.productPage .supplimentary-buttons a .btn-icon {
    padding: 5px;
}

.productPage .productInfo .product-data {
    margin-top: 50px;
}

@media only screen and (max-width: 979px) {
    /* .productPage .productImages {
        flex-direction: column;
    } */

    .productPage .productImages ul {
        flex-direction: row;
        padding: 0px;
    }

    .productPage .productImages ul li {
        margin: 5px;
    }

    .productPage .productImages ul li,
    .productPage .productImages .boxFirst {
        box-shadow: none;
    }

    .productPage .productImages .secondary-images {
        padding-top: 15px;
    }

    .image_badge_container {
        display: flex;
    }

    .reasuring_badge_container {
        height: 380px;
        padding-left: 25px;
    }

    .reasuring_badge {
        padding: 55px 0 20px 0;
        width: 100%;
    }

    .productPage .product-buttons {
        padding-top: 15px;
    }

    .description_tag_container {
        flex-direction: column;
        padding-top: 15px;
    }

    .description_tag {
        width: 100%;
        padding: 35px 0 35px 0;
    }

    /* .productPage .productImages {
        width: 50%;
    } */
    
    /* .productPage .productInfo {
        width: 50%;
    } */
}

@media screen and (max-width: 767px) {
    .productPage .productImages {
        flex-direction: row;
    }
    
    .productPage .productImages ul,
    .productPage .product-main-data-container {
        flex-direction: column;
    }

    .productPage .productInfo,
    .productPage .productImages {
        width: 100%;
    }

    .productPage .productImages .boxFirst {
        width: 75%;
    }

    .productPage .productImages .secondary-images {
        /* width: 25%; */
        padding-top: 25px;
    }

    .productPage .productInfo .product-data {
        display: flex;
    }

    .productPage .productInfo .product-data > div {
        width: 100%;
    }    

    .productPage .box.mainProductCart,
    .productPage .priceBox{
        padding-top: 0;
    }

    .productPage .product-buttons .supplimentary-buttons {
        flex-direction: row;
    }

    .productPage .product-buttons .supplimentary-buttons {
        height: auto !important;
        justify-content: space-between;
    }
}

@media only screen and (max-width: 479px) {
    .productPage .productInfo,
    .productPage .product-main-data-container {
        flex-direction: column;
    }

    /* .productPage .productImages .boxFirst,
    .productPage .productImages .secondary-images,
    .productPage .productInfo,
    .productPage .productImages {
        width: 100%;
    } */
    
    .productPage .productImages ul {
        flex-direction: row;
        padding: 0px;
    }

    .productPage .productImages ul li {
        margin: 5px;
    }

    .productPage .product-buttons .supplimentary-buttons,
    .productPage .productInfo .product-data {
        flex-direction: column;
    }

    .productPage .product-buttons .supplimentary-buttons {
        height: 125px !important;
        justify-content: space-between;
    }
}

/* Profile page + Shopping Cart page */
/* Profile page */
.profileMain {
    margin: 30px 80px 50px 80px !important;
}

#shopperForm {
    padding-bottom: 100px;
}

#checkoutForm select,
#checkoutForm input[type='text'],
#checkoutForm input[type='password'],
.profileMain select,
.profileMain input[type='password'],
.profileMain input[type='text'] {
    width: 430px !important;
    height: 30px;
}

.profileMain textarea {
    width: 90% !important;
}

#shopperForm #billingData .control-group {
    display: inline-block;
    width: 50%;
    padding: 5px 0;
}

#shopperForm #togglePassword {
    margin-left: 10px;
}

@media only screen and (max-width: 1040px) {
    .profileMain select,
    .profileMain input[type='password'],
    .profileMain input[type='text'] {
        width: 350px !important;
    }
}

@media only screen and (max-width: 883px) {
    .profileMain select,
    .profileMain input[type='password'],
    .profileMain input[type='text'] {
        width: 300px !important;
    }
}

@media only screen and (max-width: 480px) { 
    #shopperForm #billingData .control-group {
        display: block;
    }

    #checkoutForm select,
    #checkoutForm input[type='password'],
    #checkoutForm input[type='text'] {
        width: 100% !important;
    }
}

@media only screen and (max-width: 768px) { 
    .profileMain {
        margin: 30px 50px 30px !important;
    }
}

@media only screen and (max-width: 714px) { 
    .profileMain {
        margin: 30px 30px 30px !important;
    }

    .profileMain select,
    .profileMain input[type='password'],
    .profileMain input[type='text'] {
        width: 250px !important;
    }
}

@media only screen and (max-width: 714px) { 
    .profileMain select,
    .profileMain input[type='password'],
    .profileMain input[type='text'] {
        width: 200px !important;
    }
}

@media only screen and (max-width: 480px) {
    #shopperForm #billingData .control-group {
        display: block;
        width: 100%;
    }

    .profileMain select,
    .profileMain textarea,
    .profileMain input[type='password'],
    .profileMain input[type='text'] {
        width: 100% !important;
    }

    #shopperForm div:first-of-type {
        flex-direction: column;
    }

    #shopperForm div:first-of-type div {
        width: 100%;
    }

    #shopperForm #togglePassword {
        margin-left: 0px;
    }
}

/* Shopping Cart */
@media only screen and (max-width: 979px) {
    #checkoutForm .control-group {
        display: inline-block;
        width: 50%;
        padding: 5px 0;
    }

    #checkoutForm select,
    #checkoutForm input[type='password'],
    #checkoutForm input[type='text'] {
        width: 350px !important;
    }
}

@media only screen and (max-width: 779px) {
    #checkoutForm select,
    #checkoutForm input[type='password'],
    #checkoutForm input[type='text'] {
        width: 250px !important;
    }
}

@media only screen and (max-width: 562px) {
    #checkoutForm select,
    #checkoutForm input[type='password'],
    #checkoutForm input[type='text'] {
        width: 200px !important;
    }
}

@media only screen and (max-width: 480px) {
    #checkoutForm .control-group {
        display: block;
        width: 100%;
    }

    #checkoutForm select,
    #checkoutForm input[type='password'],
    #checkoutForm input[type='text'] {
        width: 100% !important;
    }
}

@media only screen and (max-width: 318px) {
    .shopCouponForm button {
        margin-left: 0px;
        margin-top: 5px;
    }
}

/* Go to top button */
#goToTopBtn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #E51A4B;
    opacity: 0.6;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    display: none;
    z-index: 9999;
    border-radius: 6px;
}

#goToTopBtn:hover {
    background-color: #C61B46;
    opacity: 0.6;
}

#goToTopBtn img {
    height: 30px;
    width: 30px;
}

/* Sweetgarden button */
.btn-sweet {
    background-color: #E51A4B !important;
    background-image: -ms-linear-gradient(top, #F73163, #B6143C) !important;
    background-image: -webkit-linear-gradient(top, #F73163, #B6143C) !important;
    background-image: -o-linear-gradient(top, #F73163, #B6143C) !important;
    background-image: -moz-linear-gradient(top, #F73163, #B6143C) !important;
    background-repeat: repeat-x;
    border-color: #B6143C #B6143C #800D29 !important;
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    position: relative;
    display: inline-block;
}

.btn:hover {
    background-color: #e6e6e6;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn-sweet:hover, 
.btn-sweet:active, 
.btn-sweet.active, 
.btn-sweet.disabled, 
.btn-sweet[disabled] {
    background-color: #B6143C !important;
    background: #B6143C !important;
}

.btn-sweet, 
.btn-sweet:hover {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

.btn-icon {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%) scale3d(1, 1, 1);
    height: 30px;
    width: 30px;
}

/* Secondary button */
.btn-secondary {
    background-color: #6c757d; /* Secondary background color */
    background-image: -ms-linear-gradient(top, #868e96, #5a6268);
    background-image: -webkit-linear-gradient(top, #868e96, #5a6268);
    background-image: -o-linear-gradient(top, #868e96, #5a6268);
    background-image: -moz-linear-gradient(top, #868e96, #5a6268);
    background-repeat: repeat-x;
    border-color: #5a6268 #5a6268 #4e555b;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    position: relative;
    display: inline-block;
}

.btn-secondary:hover, 
.btn-secondary:active, 
.btn-secondary.active, 
.btn-secondary.disabled, 
.btn-secondary[disabled] {
    background-color: #5a6268;
}

.btn-secondary, 
.btn-secondary:hover {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/* Cadetblue button */
.btn-cadetblue {
    background-color: #5f9ea0;
    background-image: -ms-linear-gradient(top, #78b1b2, #4f888a);
    background-image: -webkit-linear-gradient(top, #78b1b2, #4f888a);
    background-image: -o-linear-gradient(top, #78b1b2, #4f888a);
    background-image: -moz-linear-gradient(top, #78b1b2, #4f888a);
    background-repeat: repeat-x;
    border-color: #4f888a #4f888a #46797b;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    position: relative;
    display: inline-block;
}

.btn-cadetblue:hover, 
.btn-cadetblue:active, 
.btn-cadetblue.active, 
.btn-cadetblue.disabled, 
.btn-cadetblue[disabled] {
    background-color: #4f888a;
}

.btn-cadetblue, 
.btn-cadetblue:hover {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/* Coupon button */
.btn-coupon {
    background-color: #417b5e;
    background-image: -ms-linear-gradient(top, #5e9a7a, #356747);
    background-image: -webkit-linear-gradient(top, #5e9a7a, #356747);
    background-image: -o-linear-gradient(top, #5e9a7a, #356747);
    background-image: -moz-linear-gradient(top, #5e9a7a, #356747);
    background-repeat: repeat-x;
    border-color: #356747 #356747 #2f5d41;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    position: relative;
    display: inline-block;
}

.btn-coupon:hover, 
.btn-coupon:active, 
.btn-coupon.active, 
.btn-coupon.disabled, 
.btn-coupon[disabled] {
    background-color: #356747;
}

.btn-coupon, 
.btn-coupon:hover {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/* Show more button */
.btn-show-more {
    font-weight: 600 !important;
}

/* Content - livrare */
.content_2 h4 {
    color: #222;
    font-weight: 600;
    font-size: 14pt;
    margin: 7px 0;
    font-family: 'OpenSansCondBold';
}

/* If an image is put in styling so it looks good */
/* @media only screen and (min-width: 620px) {
    .content_2 img {
        height: 350px !important;
    }
}

.content_2 img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
} */

.content_2 .delivery-table-container {
    border: 1px solid #686766;
    border-radius: 35px;
    width: 60%;
    margin: 0 auto;
    overflow: hidden;
}

.content_2 table {
    border: none;
    border-spacing: 0;
    border-collapse: collapse;
    text-align: center;
    overflow: hidden;
    font-size: 12px;
    width: 100%;
    margin: 0;
}

.content_2 table th, 
.content_2 table td {
    border: 1px solid #686766;
    padding: 5px;
    text-align: center;
    line-height: 1;
}

.content_2 table td:first-child, 
.content_2 table th:first-child {
    padding: 10px;
}

.content_2 table th:first-child {
    border-top-left-radius: 30px;
}

.content_2 table th:last-child {
    border-top-right-radius: 30px;
}

.content_2 table tr:last-child td:first-child {
    border-bottom-left-radius: 30px;
}

.content_2 table tr:last-child td:last-child {
    border-bottom-right-radius: 30px;
}

.content_2 table th:first-child,
.content_2 table td:first-child {
    border-left: none;
}

.content_2 table th:last-child,
.content_2 table td:last-child {
    border-right: none;
}

.content_2 table tr:first-child th {
    border-top: none;
}

.content_2 table tr:last-child td {
    border-bottom: none;
}

.content_2 table th.icon-column img {
    width: 45px;
}

.content_2 table .icon-column img {
    width: 30px;
    height: auto;
}

.content_2 table .spring,
.content_2 table .autumn{
    background-color: #fefefe;
}

.content_2 table .header-category {
    background-color: #e4dbce;
    font-weight: bold;
    font-size: 15px;
}

.content_2 table th {
    background-color: #e51a4b;
    color: white;
    font-size: 15px;
}

.content_2 table .icon-column {
    background-color: #e4dbce;
}

.content_2 table td:nth-child(2), 
.content_2 table th:nth-child(2) {
    width: 185px;
}

.content_2 table td:nth-child(3), 
.content_2 table th:nth-child(3) {
    width: 200px;
}

@media (max-width: 871px) {
    .content_2 .delivery-table-container {
        width: 70%;
    }
}

@media (max-width: 736px) {
    .content_2 .delivery-table-container {
        width: 80%;
    }
}

@media (max-width: 649px) {
    .content_2 .delivery-table-container {
        width: 90%;
    }
}

@media (max-width: 581px) {
    .content_2 .delivery-table-container {
        width: 100%;
    }
}

@media (max-width: 360px) {
    .content_2 table {
        table-layout: auto;
    }

    .content_2 table tr th:not(th:nth-child(1)) {
        display: none;
    }

    .content_2 table th.icon-column img {
        width: 70px;
    }

    .content_2 table th, 
    .content_2 table td {
        display: block;
        width: 100%;
        padding: 8px;
    }

    .content_2 table td {
        position: relative;
    }

    .content_2 table td:not(td:nth-child(1)):not(td:nth-child(2)) {
        padding-top: 30px;
        border-right: none;
        border-bottom: none;
    }

    .content_2 table td:not(td:nth-child(1)):not(td:nth-child(2))::before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        text-align: center;
        font-weight: bold;
        font-size: 15px;
        background-color: #e51a4b;
        color: white;
        padding: 5px 0;
    }

    .content_2 table td:nth-child(3), 
    .content_2 table th:nth-child(3),
    .content_2 table td:nth-child(2), 
    .content_2 table th:nth-child(2) {
        width: 100%;
        border-left: none;
        border-right: none;
        border-bottom: none;
    }

    .content_2 table th:first-child {
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
    }
    
    .content_2 table th:last-child {
        border-top-right-radius: 0px;
    }
    
    .content_2 table tr:last-child td:first-child {
        border-bottom-left-radius: 0px;
    }

    .content_2 table tr:last-child td:last-child {
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }

    .content_2 table th:first-child,
    .content_2 table td:first-child {
        border-left: none;
        border-bottom: none;
        border-right: none;
    }

    .content_2 table th:last-child,
    .content_2 table td:last-child {
        border-right: none;
        border-left: none;
    }

    .content_2 table tr:first-child th {
        border-top: none;
    }

    .content_2 table tr:last-child td {
        border-bottom: none;
    }
}

input[type="number"] {
    -moz-appearance: textfield;
}

/* ============================================================================
   PRODUCT PAGE DESIGN, ported from stg.sweetgarden.ro on 2026-10-21.
   sweetgarden.ro ran a Personizely A/B test on the product page; variant B won
   and is now the only design there. sweetgarden.hu gets the same page:
   theme/Smarty/templates/main/product-item-new.tpl is the RO template (with the
   HU review author line), the "Product page" section above is the RO
   stylesheet's section, replacing the old one, and the block below is the
   design block of the RO stylesheet, unchanged.
   ========================================================================= */

/* ============================================================================
   PRODUCT PAGE DESIGN (former Personizely A/B test variant B).
   Added 2026-09-18 as variant B; the test ended 2026-10-21 and B is the only
   design now: variant A was removed from
   theme/Smarty/templates/main/product-item-new.tpl, together with the
   .pp-hidden toggle and the variant B tab / gallery script.
   The article keeps the class pp-variant-b, and every rule below is scoped to it.

   SPECIFICITY NOTE, and it is the reason this block is written this way.
   The theme already styles the gallery through `.productPage .productImages ul`,
   which is (0,2,1). A selector like `.pp-variant-b .pp-thumbs` is (0,2,0) and
   LOSES to it no matter how late it appears in the file. Every rule below is
   therefore prefixed `.productPage.pp-variant-b` and names the element, so it
   outranks the theme's own rules instead of racing them on source order.
   ========================================================================= */

/* DESKTOP, 980 and up: thumbnails stay VERTICAL to the right of the image,
   which is what the inline style used to do before it became a class. */
.productPage.pp-variant-b .productImages ul.pp-thumbs {
    flex-direction: column;
    padding-right: 20px;
}
.productPage.pp-variant-b .productImages ul.pp-thumbs > li.pp-thumb-wide {
    width: 120px;
}

/* PHONE, 767 and below: main image on top at ~95% of the viewport, thumbnail
   strip underneath in ONE horizontal row, the items sharing the full width
   between them.

   Was 979 and below until 2026-09-18. The 768 to 979 band now keeps the
   desktop arrangement instead, see the block right after this one; below 768
   the theme itself gives .productImages full width, which is what makes the
   95 percent envelope mean 95 percent of the viewport here and not of a
   65 percent column. */
@media only screen and (max-width: 767px) {

    .productPage.pp-variant-b .productImages {
        flex-direction: column;
        align-items: center;
    }

    /* main product image */
    .productPage.pp-variant-b .productImages .box.boxFirst {
        width: 95%;
        max-width: 95%;
        margin: 0 auto;
    }
    .productPage.pp-variant-b .productImages .box.boxFirst img {
        width: 100%;
        height: auto;
        display: block;
    }

    /* same 95% envelope for the strip, so both edges line up */
    .productPage.pp-variant-b .productImages .secondary-images {
        width: 95%;
        margin: 0 auto;
        padding-top: 15px;
    }

    /* the row. nowrap plus flex 1 1 0 makes the items share the width equally.
       Targets every li, because the template omits pp-thumb-wide in the
       exactly-three-images branch, which is the common case. */
    .productPage.pp-variant-b .productImages ul.pp-thumbs {
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
        padding: 0;
        margin: 0;
        gap: 8px;
    }
    .productPage.pp-variant-b .productImages ul.pp-thumbs > li,
    .productPage.pp-variant-b .productImages ul.pp-thumbs > li.pp-thumb-wide {
        flex: 1 1 0;
        width: auto;
        min-width: 0;
        max-width: none;
        margin: 0;
        list-style: none;
    }
    .productPage.pp-variant-b .productImages ul.pp-thumbs > li a {
        display: block;
    }
    .productPage.pp-variant-b .productImages ul.pp-thumbs > li img {
        width: 100%;
        height: auto;
        display: block;
    }
}

/* TABLET, 768 to 979: the desktop arrangement, thumbnails in a vertical strip
   to the RIGHT of the main image.

   Nothing has to be rebuilt for this, because the base variant-B rule that puts
   the thumbnails in a column carries no media query and therefore already
   applies here; it was only being overridden by the phone block above. What
   this block does is restore the row and the two widths.

   .productImages gets 100 percent rather than the theme's 65 percent. On
   desktop the gallery sits in the left column of pp-main-row and the badges are
   beside it, so 65 percent of that column is the right size. In this band
   pp-main-row is not a row, the badges sit BELOW, and 65 percent would leave a
   third of the width empty next to the gallery.

   73 and 28 are the theme's own desktop proportions, kept rather than invented.
   They add to 101, which is deliberate in the theme: flex-shrink absorbs the
   one percent and the strip ends flush with the image.
   -------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 979px) {

    .productPage.pp-variant-b .productImages {
        flex-direction: row;
        align-items: flex-start;
        width: 100%;
    }

    .productPage.pp-variant-b .productImages .box.boxFirst {
        width: 73%;
        max-width: 73%;
        margin: 0;
    }

    .productPage.pp-variant-b .productImages .box.boxFirst img {
        width: 100%;
        height: auto;
        display: block;
    }

    .productPage.pp-variant-b .productImages .secondary-images {
        width: 28%;
        margin: 0;
        padding-top: 0;
    }
}

/* ----------------------------------------------------------------------------
   OVERLAP FIX, variant B. The buttons were rendering on top of the reassuring
   badges. Cause: two FIXED heights, and content taller than them.

     .reasuring_badge            height: 30px   plus 40px top and bottom padding
     .reasuring_badge_container  height: 380px  inside the 979px media block

   An icon with two lines of text does not fit in a 30px content box, so it
   spills out of its own element; and when the badges together need more than
   380px, the container does not grow, so whatever follows starts at 380px and
   lands on top of them. Replacing the fixed heights with auto plus a minimum
   lets both boxes grow and pushes the buttons down instead of over.
   -------------------------------------------------------------------------- */

.productPage.pp-variant-b .reasuring_badge_container {
    height: auto;
    min-height: 0;
}

.productPage.pp-variant-b .reasuring_badge,
.productPage.pp-variant-b .sub_transport_size,
.productPage.pp-variant-b .sub_light_requirements,
.productPage.pp-variant-b .sub_product_flowering,
.productPage.pp-variant-b .sub_planting_time {
    height: auto;
    min-height: 30px;
}

/* Tightened 18 -> 10 on 2026-09-18 to pull the badge block up. Four badges,
   so this returns 8px x 2 x 4 = 64px of column height. */
.productPage.pp-variant-b .reasuring_badge {
    padding: 10px 0 10px 10px;
}

/* 20 -> 8: the gap between the badge block and the buttons. Another 12px. */
.productPage.pp-variant-b .product-buttons {
    padding-top: 8px;
    clear: both;
}

@media only screen and (max-width: 979px) {
    .productPage.pp-variant-b .reasuring_badge_container {
        height: auto;
        padding-left: 25px;
    }
    .productPage.pp-variant-b .reasuring_badge {
        padding: 18px 0 18px 0;
        width: 100%;
    }
}

/* ----------------------------------------------------------------------------
   DESKTOP TWO-COLUMN, variant B. 980 and up.

   CORRECTED 2026-09-18. The earlier note here said the two containers stack at
   desktop because neither has a desktop rule in this file. The first half is
   true and the conclusion was wrong: the arrangement comes from packed.css,
   where .productPage .productImages carries float: left, and the badge
   container is a plain block flowing around that float. Nothing in this file
   cancels the float, which is also why the theme carries clear: both on
   .product-buttons.
   So the two columns were never missing; what the rules below do is replace a
   float arrangement with a flex row, which is what makes the bottom alignment
   further down possible at all.
   The legacy .productImages 65% / .productInfo 55% rules target a structure
   this template no longer has; .productInfo and .product-main-data-container
   do not appear in it at all.

   The wrapper carries the class pp-main-row in variant B only, so variant A,
   the control, is untouched.
   -------------------------------------------------------------------------- */
@media only screen and (min-width: 980px) {

    .productPage.pp-variant-b .pp-main-row {
        display: flex;
        align-items: flex-start;
        gap: 30px;
    }

    /* left column: images */
    /* Width drives HEIGHT here: the image scales with its column, so widening
       this makes the image taller and closes the gap to the right column.
       63 percent is measured off the owner's reference shot of the live
       design, where the image block runs to roughly 638 of 1005 pixels. */
    .productPage.pp-variant-b .pp-main-row > .image_badge_container {
        flex: 0 0 63%;
        max-width: 63%;
        min-width: 0;
    }

    /* right column: badges, and the buttons that sit under them */
    .productPage.pp-variant-b .pp-main-row > .reasuring_badge_container {
        flex: 1 1 auto;
        min-width: 0;
        padding-left: 0;
    }

    /* the images keep their own row layout inside the left column */
    .productPage.pp-variant-b .pp-main-row .productImages {
        width: 100%;
    }
}

/* ----------------------------------------------------------------------------
   DESKTOP: bottom of the last button aligned with the bottom of the image.

   The right column is made a flex column and stretched to the row height, then
   .product-buttons gets margin-top auto. That pushes ONLY the button group to
   the bottom, leaving the badges stacked naturally at the top. Using
   justify-content space-between instead would have spread the badges apart too,
   because the container has five children rather than two.

   Degrades sensibly: if the right column is the taller of the two, stretch adds
   nothing and margin-top auto has no slack to consume, so nothing moves.
   -------------------------------------------------------------------------- */
@media only screen and (min-width: 980px) {

    .productPage.pp-variant-b .pp-main-row > .reasuring_badge_container {
        align-self: stretch;
        display: flex;
        flex-direction: column;
    }

    /* the button block is wrapped in a plain div, so the auto margin belongs on
       that wrapper, not on .product-buttons itself. The template also carries
       it as an inline style; this keeps the rule honest if that is removed. */
    .productPage.pp-variant-b .pp-main-row > .reasuring_badge_container > div:last-child {
        margin-top: auto;
    }
}

/* ----------------------------------------------------------------------------
   TRUST BADGES 2x2, variant B.

   The theme puts four .description_tag across at 25 percent on desktop, then
   stacks them one per row below 979px. This makes them pair up instead, and
   falls back to one per row only when two genuinely will not fit.

   box-sizing is set explicitly: the badges carry padding, and without it a
   50 percent width plus padding overflows the row and the pair breaks apart.
   -------------------------------------------------------------------------- */
@media only screen and (max-width: 979px) {

    .productPage.pp-variant-b .description_tag_container {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .productPage.pp-variant-b .description_tag {
        flex: 0 0 50%;
        width: 50%;
        max-width: 50%;
        box-sizing: border-box;
        padding: 18px 10px;
    }
}

/* Very narrow phones: two side by side leaves each badge too cramped to read,
   so drop back to one per row. */
@media only screen and (max-width: 430px) {
    .productPage.pp-variant-b .description_tag {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }
}

/* ----------------------------------------------------------------------------
   MORE AIR BETWEEN THE TWO ROWS, and the same 2x2 treatment for the four
   attribute badges at the top of the right column.

   row-gap rather than extra padding on the badges: padding would also widen
   the horizontal gutter between the pair, and only the VERTICAL gap is short.

   THE ATTRIBUTE BADGES ARE NOT CHILDREN OF .reasuring_badge_container. In
   variant B the template nests them two levels down, and the button block is
   a SIBLING of the badge wrapper:

     .reasuring_badge_container
        div[margin-left:-20px]        <- the badge wrapper
           div  -> reasuring_badge, reasuring_badge
           div  -> reasuring_badge, reasuring_badge
        div[margin-top:auto]
           .product-buttons

   So the wrapping row has to be the WRAPPER, not the container. Turning the
   container itself into a wrapping row puts the badge wrapper and the button
   block side by side, which is what collided. The two inner grouping divs are
   collapsed with display:contents, so all four badges become items of the same
   row and pair up regardless of how the template happens to group them.
   -------------------------------------------------------------------------- */
@media only screen and (max-width: 979px) {

    /* bottom trust badges: air between row one and row two */
    .productPage.pp-variant-b .description_tag_container {
        row-gap: 26px;
        column-gap: 0;
    }

    /* the container stays a normal block: badges above, buttons below it */
    .productPage.pp-variant-b .reasuring_badge_container {
        display: block;
    }

    /* the badge wrapper is the wrapping row */
    .productPage.pp-variant-b .reasuring_badge_container > div:first-child {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 26px;
        column-gap: 0;
    }

    /* collapse the grouping divs so their badges join the wrapper's row */
    .productPage.pp-variant-b .reasuring_badge_container > div:first-child > div {
        display: contents;
    }

    .productPage.pp-variant-b .reasuring_badge_container .reasuring_badge {
        flex: 0 0 50%;
        width: 50%;
        max-width: 50%;
        box-sizing: border-box;
        padding: 0 10px 0 0;
    }
}

/* Very narrow phones: two side by side leaves each badge too cramped, so the
   top set drops back to one per row, same as the bottom set. */
@media only screen and (max-width: 430px) {
    .productPage.pp-variant-b .reasuring_badge_container .reasuring_badge {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }
}


/* ----------------------------------------------------------------------------
   PORTED FROM updatedNew41.css ON 2026-09-18, on the owner's instruction, so
   that staging and live share one base stylesheet instead of two.

   Outside the A/B block the two files differed in exactly two declarations.
   The .reasuring_badge padding is now identical in both. The other is the
   bottom badge row:

     41: .description_tag_container { padding: 30px 0 20px 0; }
     42: .description_tag_container { padding-top: 50px; }

   42 carries the live value, so variant A, the control, keeps it and matches
   sweetgarden.ro exactly. Variant B keeps 41's value below, because that is the
   spacing that was reviewed and accepted, and a control that does not reproduce
   the live page is not a control.
   -------------------------------------------------------------------------- */
.productPage.pp-variant-b .description_tag_container {
    padding: 30px 0 20px 0;
}