:root {
    --color-text:#5A5B5F;--color-darkgrey:#323338;--color-normalgrey:#CCC;--color-white:white;--color-lightgrey:#F0F0F0;--color-grey-1: #F5F5F5;--color-grey-2:#F7F7F7;--color-cream:#b9d981;--color-yellow:#F4F6DD;--color-black: #151516;--color-faded: 50,51,56;--color-link:#808284;--color-link-hover: #323338;--color-error: #e64040;
    --shadow-s: 0px 0px 10px 1px rgba(0,0,0,0.09);--shadow-m: 0px 0px 30px rgba(0, 0, 0, 0.13);--shadow-l: 0px 0px 30px rgba(0, 0, 0, 0.13);--shadow-xl: 0 0 40px 60px rgba(0,0,0,0.1);--shadow-inset:inset 0px 0px 4px 0px rgba(0, 0, 0, 0.04);--shadow-default:0px 0px 0px 0px rgba(0,0,0,0);--shadow-hover:10px 10px 0px 0px rgba(0,0,0,0.08);
    --transition-slow: all ease-in-out 500ms;--transition-fast: all ease-in-out 300ms;--transition-faster: all ease-in-out 200ms;
    --delay-slow:300ms;--delay-fast:200ms;--delay-faster:100ms;
    --speed-slow: 500ms;--speed-fast: 300ms;--speed-faster:200ms;
    --size-default:10px;--size-5: 5px;--size-10: 10px;--size-15: 15px;--size-20: 20px;--size-25: 25px;--size-30: 30px;--size-35: 35px;--size-40: 40px;--size-45: 45px;--size-50:50px;
    --border-1: 1px;--border-2:2px;
    --fsize-xxs:0.6em;--fsize-xs:0.7em;--fsize-s: 0.8em;--fsize-m:0.9em;--fsize-regular:1em;--fsize-l:1.2em;--fsize-xl:1.4em;--fsize-xxl:2em;--fsize-dxl:2.4em;
    --cols-4: 4;--cols-3:3;--cols-2: 2;--cols-1: 1;
    --featured-slideshow-image-text-layout: 66%;
}

[class^="icon-"],[class*=" icon-"] {font-family: 'avbasics' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
[class^="products-"],[class*=" products-"] {
    font-family: 'products' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
[class^="attributes-"]:before, [class*=" attributes-"]:before {font-family: "Attributes";font-style: normal;font-weight: normal;speak: never;display: inline-block;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center;font-variant: normal;text-transform: none;line-height: 1em;margin-left: .2em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
[class*='options-']:before{display: inline-block;font-family: 'options';font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}

.icon-uparrow:before { content: '\e800'; }
.icon-downarrow:before { content: '\e801'; }
.icon-heartoutline:before { content: '\e802'; }
.icon-heart:before { content: '\e804'; }
.icon-bag:before { content: '\e818'; }
.icon-leftarrow:before { content: '\e900'; }
.icon-rightarrow:before { content: '\e901'; }
.icon-truck:before { content: '\e905'; }
.icon-globe:before { content: '\e906'; }
.icon-search:before { content: '\e909'; }
.icon-user:before { content: '\e90a'; }
.icon-userlogged:before { content: '\e90b'; }
.icon-cod:before { content: '\e950'; }
.icon-facebook:before { content: '\ea90'; }
.icon-instagram:before { content: '\ea92'; }
.icon-linkedin:before { content: '\f0e1'; }
.icon-pinterest:before { content: '\f231'; }
.icon-google:before { content: '\f1a0'; }

body {overflow-x:hidden;}

.products-clock:before {
    content: "\ea97";
}

.products-tea-cup:before {
    content: "\ea98";
}

.products-temperature:before {
    content: "\ea99";
}

.products-tea-pot:before {
    content: "\eb90";
}

.products-tea-bag:before {
    content: "\eb91";
}

.products-loose-leaf:before {
    content: "\eb92";
}

.products-tin:before {
    content: "\eb93";
}

.attributes-teacup:before {content: '\e80c';}
.attributes-thermometer:before {content: '\e80d';}
.attributes-steepingtime:before {content: '\e80e';}

.options-teabag:before{content:'\0041';}
.options-loose-leaf:before{content:'\0042';}
.options-tin:before{content:'\0043';}
.options-pouch:before{content:'\0044';}

.dis5 {height:5px;}
.dis10 {height:10px;}
.dis20 {height:20px;}
.dis30 {height:30px;}
.dis40 {height:40px;}
.dis50 {height:50px;}
.dis60 {height:60px;}
.flex {display:flex;justify-content:space-around;flex-wrap:wrap;align-items:center;gap:var(--size-20);}
.flex-column {flex-direction:column;}
.nowrap {flex-wrap:nowrap;}
.flexequal {flex:1;width:50%;}
.flex10 {flex:calc(10% - var(--size-default));width:10%;}
.flex15 {flex:calc(15% - var(--size-default));width:15%;}
.flex20 {flex:calc(16% - var(--size-default));width:20%;}
.flex25 {flex:calc(10% - var(--size-default));width:25%;}
.flex30 {flex:calc(30% - var(--size-default));width:30%;}
.flex35 {flex:calc(35% - var(--size-default));width:35%;}
.flex40 {flex:calc(40% - var(--size-default));;width:40%;}
.flex45 {flex:calc(45% - var(--size-default));width:45%;}
.flex50 {flex:calc(50% - var(--size-default));width:50%;}
.flex55 {flex:calc(55% - var(--size-default));width:55%;}
.flex60 {flex:calc(60% - var(--size-default));width:60%;}
.flex65 {flex:calc(65% - var(--size-default));width:65%;}
.flex70 {flex:calc(70% - var(--size-default));width:70%;}
.flex75 {flex:calc(75% - var(--size-default));width:75%;}
.flex80 {flex:calc(80% - var(--size-default));width:80%;}
.flex85 {flex:calc(85% - var(--size-default));width:85%;}
.flex90 {flex:calc(100% - var(--size-default));width:90%;}
.flex100 {flex:100%;width:100%;}
.tabletonly, .mobileonly {display:none !important;}
.desktoponly {display:block !important;}

.largewidth {width:90%;max-width:1500px;margin:auto !important;}
.mediumwidth {width:80%;max-width:1500px;margin:auto !important;}
.smallwidth {width:76%;max-width:1500px;margin:auto !important;}
.miniwidth {width:40%;max-width:1500px;margin:auto !important;}
.custom-page.page-width.page-width--narrow.section-padding {margin-left: auto;margin-right: auto;padding-left: var(--page-padding);padding-right: var(--page-padding);max-width: calc(var(--page-padding)* 2 + var(--page-width));width: 100%;}

li.megamenu-list__item {grid-column: auto;grid-row: 1;}
li.megamenu-list_item:nth-child(1) {grid-row: 1 span / 2;}
li.megamenu-list_item:nth-child(3) {grid-row: 2 / span 2;margin-top: -290px;}

.relative {position:relative;}

.errors_all_over {background-color: var(--color-error);
    padding: var(--size-10);
    color: white;
    font-size: var(--body4-font-size);margin-bottom:30px;}
.all_good {background-color: var(--color-cream);
    padding: var(--size-10);
    color: var(--color-black);
    font-size: var(--body4-font-size);margin-bottom: 30px;
}

.the_great_loader,
#the_great_loader {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 600;
    display: none;
}

.the_great_loader.activated,
#the_great_loader.activated {
    display: flex;
    justify-content: center;
    align-items: center;
}

.the_great_loader img,
#the_great_loader img {
    width: 50px;
}

#the_great_loader {
    position: fixed;
}

.drawer__head--divider {border-bottom:0;}
.header__user-center-button svg {width:25px;}
.header__user-center-button svg path, .header__user-center-button svg circle {stroke:white}
.drawer__main details {border-bottom:1px solid #383338;}
div[data-ssr-plugin-wishlist="menu-drawer"] {display:none;}
.header-drawer__localization:after {display:none;}

.drawer-menus__item > a {flex-basis: 100%;width:100%;}
.drawer-menus__item > a span {width:100%;padding-top:15px;padding-bottom:15px;}
.drawer-menus__item-icon {flex-basis:10%;}
.drawer__main details details {margin-left:10px;border-bottom:0;}

.avantcha_scroller::-webkit-scrollbar{width: 12px;}
.avantcha_scroller::-webkit-scrollbar-track {background-color:#323338;}
.avantcha_scroller::-webkit-scrollbar-thumb {background-color:#717173; box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);}

.hideimportant {display:none;}

#b2b_original_price {
    font-size: 2em;
    color: #A8ABAE;
    font-family: var(--body-font);
    font-weight: 500;
    text-decoration: line-through;
    margin-bottom: 6px;
    display: inline-block;
    position: relative;
    min-height: 28px;
    min-width: 100px;
}

.price.b2b_pricing {
    background-color: #FCFED7;
    padding: 4px;
    margin-bottom: 5px;
}

.price.b2b_pricing .price-item--regular {
    color: #323338;
}

.catalogue_title {
    display: block !important;
    text-transform: capitalize;
    font-size: 1.2em;
}


.skeleton {
    background-color: #dddddd;
    position: absolute;
    overflow: hidden;
    opacity: 0;
    top: 0;
    border-radius: 2px;
    height: 30px;
    min-width: 100%;
    transition: all ease-out 0.3s;
}

.skeleton.show {
    opacity: 1;
}

.skeleton::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150px;
    height: 100%;
    width: 150px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
    animation: shimmer 1s infinite;
}

@keyframes shimmer {
    0% {
        left: -150px;
    }

    50% {
        left: 100%;
    }

    100% {
        left: 100%;
    }
}

.custom-select {
    min-width: 60%;
    position: relative;
}

.custom-select-selected-option {
    padding: var(--size-15);
    transition: var(--transition-fast);
    width: 100%;
    outline: none;
    font-weight: 300;
    border: var(--border-1) solid var(--color-link);
    position: relative;
    font-family: var(--body-font);
    color: var(--color-black);
    font-size: var(--body4-font-size);
    cursor: pointer;
}

.custom-select-dropdown {
    display: none;
    position: absolute;
    background-color: white;
    z-index: 99;
    width: 100%;
    border: 1px solid var(--color-normalgrey);
    left: 0;
    font-size: var(--body4-font-size);
    cursor: pointer;
}

.custom-select-option {
    padding: 6px 10px;
    cursor: pointer;
}

.custom-select-option:hover {
    background-color: var(--color-grey-2)
}

.custom-select-dropdown.display {
    display: block;
}

* {
  scrollbar-width: auto;
  scrollbar-color: #717173 #323338;
}

*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: #1d1d19;
}

*::-webkit-scrollbar-thumb {
  background-color: #717173;
  box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);
}

.product-count {display:none !important;}

.index-module_link_btn_content_3d4aa20 {display:none !important;}
.footer-block--subscribe .field .field__container .field__input {border: 0; color: white; background-color: transparent; transition: background-color 0.3s ease, color 0.3s ease;}
.footer-block--subscribe .field .field__container .field__input:focus {background-color: white; color: black; outline: none;}
.footer-block--subscribe .field .field__container .field__input:focus + .field__label {color: black;}
.field__suffix {margin-right:auto;padding:0;}
.field__suffix svg:not(.field__suffix button svg) {margin-right:10px;}

.uppercase {text-transform:uppercase;}

.shopline-section#shopline-section-announcement-bar {background-color: var(--color-darkgrey);padding: var(--size-5);}

.button-disabled {opacity:0.5;}

.display-block-desktop, .display-block-tablet {opacity:1;}

.socialmedia {width:100%;margin-bottom:20px;}
.socialmedia a:empty {display: inline;}
.socialmedia a {
    font-size: 20px;
    color: white;
    margin-right: 10px;}
.socialmedia a:hover {color:var(--color-cream);}

.dropdown-menu__list a:hover {color:var(--color-cream);}

.locale-select-group {display:none !important;}

.wishlist-collect-icon-btn svg {width:26px;}
.wishlist-collect-icon-btn svg path {fill:var(--color-link);}
.wishlist-collect-icon-btn:hover svg path {fill:var(--color-darkgrey);}
.product-list-collect-btn svg path {fill:var(--color-darkgrey);}
.product-list-collect-btn:hover svg path {fill: var(--color-darkgrey);}
.product-list-collect-btn {
    top: 0px !important;
    right: 0px !important;
}

.facets-drawer {padding: 15px 20px;}

.avgrid {display:grid;grid-template-columns: repeat(1,1fr);gap:var(--size-default);}
.avgrid1 {grid-template-columns: repeat(1,1fr);}
.avgrid2 {grid-template-columns: repeat(2,2fr);}
.avgrid3 {grid-template-columns: repeat(3,3fr);}
.avgrid4 {grid-template-columns: repeat(4,4fr);}
.avgrid5 {grid-template-columns: repeat(5,5fr);}
.avgrid6 {grid-template-columns: repeat(6,6fr);}
.avgrid7 {grid-template-columns: repeat(7,7fr);}
.avgrid8 {grid-template-columns: repeat(8,8fr);}
.avgrid9 {grid-template-columns: repeat(9,9fr);}
.avgrid10 {grid-template-columns: repeat(10,10fr);}
.avgrid11 {grid-template-columns: repeat(11,11fr);}
.avgrid12 {grid-template-columns: repeat(12,12fr);}

.avgrid-col1 {grid-column:span 1;}
.avgrid-col2 {grid-column:span 2;}
.avgrid-col3 {grid-column:span 3;}
.avgrid-col4 {grid-column:span 4;}
.avgrid-col5 {grid-column:span 5;}
.avgrid-col6 {grid-column:span 6;}
.avgrid-col7 {grid-column:span 7;}
.avgrid-col8 {grid-column:span 8;}
.avgrid-col9 {grid-column:span 9;}
.avgrid-col10 {grid-column:span 10;}
.avgrid-col11 {grid-column:span 11;}
.avgrid-col12 {grid-column:span 12;}
.avgrid-row1 {grid-row:span 1;}
.avgrid-row2 {grid-row:span 2;}
.avgrid-row3 {grid-row:span 3;}
.avgrid-row4 {grid-row:span 4;}
.avgrid-row5 {grid-row:span 5;}
.avgrid-row6 {grid-row:span 6;}
.avgrid-row7 {grid-row:span 7;}
.avgrid-row8 {grid-row:span 8;}
.avgrid-row9 {grid-row:span 9;}
.avgrid-row10 {grid-row:span 10;}
.avgrid-row11 {grid-row:span 11;}
.avgrid-row12 {grid-row:span 12;}


.avgrid-col-2 {grid-template-columns: repeat(2,2fr);}
.avgrid-col-3 {grid-template-columns: repeat(3,3fr);}
.avgrid-col-4 {grid-template-columns: repeat(4,4fr);}


.avgrid8 .griditem1 {grid-column: 1 / span 3;grid-row: 1 / span 2;}
.avgrid8 .griditem2 {grid-column: 4 / span 3;}
.avgrid8 .griditem3 {grid-column: 7 / span 2;}
.avgrid8 .griditem4 {grid-column: 4 / span 2;}
.avgrid8 .griditem5 {grid-column: 6 / span 3;}    
.avgrid8 .griditem6 {grid-column: 1 / span 2;}
.avgrid8 .griditem7 {grid-column: 3 / span 4;}
.avgrid8 .griditem8 {grid-column: 7 / span 2;}
.avgrid5 .griditem1 {grid-column: 1 / span 3;}
.avgrid5 .griditem2 {grid-column: 4 / span 2;}
.avgrid5 .griditem3 {grid-column: 1 / span 2;}
.avgrid5 .griditem4 {grid-column: 3 / span 3;}

.grid-item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    overflow: hidden;
    padding: 0px;
    margin-top: 0px;
}
    
.grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.grid-item a {height:100%;}
.grid-item a:hover img.hover-scale {
    transform: scale(1.1);
    }
.text-align-left {text-align:left;}
.text-align-center {text-align: center;}
.text-align-right {text-align:right;}

.iti {width:100%;}
.iti__selected-country-primary {padding:0 10px !important;}


  .grid-item h4 {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    padding: var(--size-10) var(--size-20);
    border: 0;
    text-align: center;
    white-space: nowrap;
    background-color:white;
    color:var(--color-black);
  }

  .grid-item:hover h4 {background-color:var(--color-black);color:white;}

  .grid-item a h4 {
    font-size:var(--body4-font-size);
    font-family: var(--body-font);
    text-transform:uppercase;
    transition:var(--transition-fast);
  }

  .attribute-item {padding:var(--size-20);border-bottom:1px solid var(--color-lightgrey);}
  .general-attributes {margin-left:-10px;margin-right:-10px;}
  .product_metaitem {padding: var(--size-10);border-right: 1px solid var(--color-lightgrey);flex-basis: calc(33.3% - var(--size-default));}
  .no_border {border:0;}

  .advc-btn:before {content:unset;}
  .avbutton, .button, .advc-btn {
    display: inline-flex;
    font-family: var(--body-font) !important;
    line-height: var(--body-line-height);
    letter-spacing: var(--body-letter-spacing);
    color: rgb(var(--color-button-text));
    text-align: center;
    white-space: normal;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: rgb(var(--color-button-background));
    padding: calc(var(--btn-border-thickness) + 9px) calc(var(--btn-border-thickness) + 18px);
    position: relative;
    border-radius: var(--btn-border-radius-outset);
    font-size: var(--body4-font-size);
    border: none;
    --border-opacity: calc(100% - var(--btn-border-opacity));
    --alpha-button-background: 1;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    overflow: hidden;transition:var(--transition-fast);}
    .avbutton:hover, .button:hover {color:white;background-color:var(--color-black);}
.avbutton:before, .button:before, .advc-btn:before {    content: '';
    position: absolute;
    top: 0;
    left: 120%;
    width: 70%;
    height: 100%;
    transition: var(--transition-slow);
    border-radius: var(--radius-4);
    opacity: 0.5;
    background-image: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .6), transparent);
    transform: skew(-20deg);}

.avbutton:hover:before, .button:hover:before, .advc-btn:hover:before {animation: advc-btn-sweep ease-out 1.3s;transform: skew(-20deg);left: 150%;}

a.special_hover, button.special_hover, .special_hover h4, .special_hover a, , span.special_hover {display: inline-flex;
    font-family: var(--body-font);
    line-height: var(--body-line-height);
    letter-spacing: var(--body-letter-spacing);
    color: rgb(var(--color-button-text));
    text-align: center;
    white-space: normal;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: rgb(var(--color-button-background));
    transition: opacity 0.15s ease-in-out;
    padding: calc(var(--btn-border-thickness) + 9px) calc(var(--btn-border-thickness) + 18px);
    position: relative;
    border-radius: var(--btn-border-radius-outset);
    font-size: var(--body4-font-size);
    border: none;
    --border-opacity: calc(100% - var(--btn-border-opacity));
    --alpha-button-background: 1;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    overflow: hidden;
    }
    a.special_hover:hover, button.special_hover:hover, .special_hover a:hover h4, .special_hover a:hover, span.special_hover:hover {color:white;}
a.special_hover:before, button.special_hover:before, .special_hover h4:before, .special_hover a:before, span.special_hover:before {content: '';
    position: absolute;
    top: 0;
    left: 120%;
    width: 70%;
    height: 100%;
    transition: var(--transition-slow);
    border-radius: var(--radius-4);
    opacity: 0.5;
    background-image: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .6), transparent);
    transform: skew(-20deg);}
.special_hover h4 {overflow:hidden;}
a.special_hover:hover:before, button.special_hover:hover:before, .special_hover:hover h4:before, .special_hover a:hover:before, span.special_hover:hover:before {animation: advc-btn-sweep ease-out 1.3s;transform: skew(-20deg);left: 150%;}
.card .quick-add-icon__opener {padding:var(--size-10) var(--size-15);}
.avbutton.outline, .button.outline {border:2px solid white;background-color:transparent;}
.styles__PluginIcon-sc-18ndyll-0 svg path {fill:white;}
.styles__PluginIcon-sc-18ndyll-0 {color:white;}
.button--link {border-bottom:1px solid var(--color-darkgrey);}
.field .button--link {border:0;}
.index-module_tabItem_4645f15, .hcalE {font-family: var(--title-font);
    text-transform: capitalize !important;color:var(--color-text) !important}
.wishlist-popconfirm-inner .cBpGJx {display:block;}
.cowcAf {word-break:normal !important;}
.dzAbjy {padding:0 !important;}

#tradelicense_filename.active {
    background-color: var(--color-cream);
    display: inline-block;
    padding: 6px;
    margin-top: 10px;
}

.card .card__content .product__title {font-size:1.4em;}

.header__icon-button, .seedmore_wishlist_header {width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    margin-left: 0px;}
._link_btn_content_epry2_4 {display: none !important;}
.icon-button svg {width: 26px;height: 26px;}
.haHwvC {font-family:var(--body-font);font-size:inherit;font-weight:normal;}

button.advc-btn.advc-btn-secondary.advc-media-grid-btn {
    background-color: white;
    --advc-btn-background-offset: none;
    }
    
button.advc-btn.advc-btn-secondary.advc-media-grid-btn:hover {
    background-color: black;
    color: white;
    transition: background-color 0.3s ease, color 0.3s ease;
    }


.global-shipping-popup .footer-block--subscribe .field .field__container .field__input {
    color: var(--color-text);
}

.global-shipping-popup {
    max-width: 700px;
    position: fixed;
    background-color: white;
    top: -50%;
    width: 700px;
    padding: 50px;
    z-index: 1000;
    left: 50%;
    transform: translate(-50%, -150%);
    pointer-events: none;
    visibility: hidden;
    transition: transform 0.5s ease, opacity 0.5s ease, visibility 0s linear 0.5s;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0px 0px 200px 500px rgba(0, 0, 0, 0.4);
    max-height: 80%;
}

.global-shipping-popup img {
    width: 110px;
    margin: auto;
}

.global-shipping-popup.display {
    display: block;
}

.popup-text-section {
    margin-top: 20px;
}

.global-shipping-popup.show {
    transform: translate(-50%, -50%);
    top: 50%;
    visibility: visible;
    pointer-events: auto;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

.close_popup {
    position: absolute;
    right: 0;
    font-size: 24px;
    top: 0;
    padding: 10px;
    cursor: pointer;
}

.global-shipping-popup .footer-block--subscribe .footer-letter-form {
    width: 100%;
}

.country-selector .ship-to {
    border: 1px solid #323338;
    padding: 16px 14px;
    cursor: pointer;
}

.location-selector-list h6 {
    font-family: var(--body-font);
    font-size: 1.2em;
    padding: 10px;
}

.location-selector-list {
    position: absolute;
    width: 40%;
    background-color: white;
    overflow-y: auto;
    visibility: hidden;
    top: 0;
    z-index: 999;
    transition: right 0.5s ease-out;
    right: -100%;
    height: 0;
    box-shadow: 0px 0px 30px 20px rgba(0, 0, 0, 0.3);
}

.location-selector-list.show {
    visibility: visible;
    right: 0;
    height: 100%;
}

.location-selector-list .location-selector-list-item {
    font-size: 1em;
    padding: 10px 10px;
    text-transform: capitalize;
    justify-content: space-between;
    cursor: pointer;
    color: var(--color-link);
}

.location-selector-list .location-selector-list-item .location-popup-country .fi {
    width: 1em;
}

.global-shipping-popup .footer-block--subscribe .footer-letter-form {
    width: 100%;
}




@media (max-width: 750px) {
    a.advc-btn.advc-btn-primary {width: 100%;}
    .advc-text-with-video__videowrap.advc-video {margin-bottom: 30px;}
    .advc .advc-text-with-video .advc-text-with-video__block.padding-right-0 {padding-right: auto;}
} 
h2.advc-text-with-video__title.advc-title {font-family: var(--title-font)!important;font-weight: var(--title-font-weight, 700)!important;}

.form_row {margin:var(--size-15) 0;}
.form_row label {display: block;margin-bottom: 4px;color: var(--color-link);}
input[type="text"], input[type="date"], input[type="search"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea, select, .select2-container .select2-selection--single {padding: var(--size-30) var(--size-15) var(--size-15) var(--size-15);transition: var(--transition-fast);width: 100%;outline: none;/font-weight: 300;border: var(--border-1) solid var(--color-link);position:relative;font-family: var(--body-font);color:var(--color-black);font-weight: var(--body-font-weight, 400);}
.form_item .description {display: inline-block;margin-top: 4px;font-size:var(--fsize-m);}
div#tradelicensefile_field {border: 2px solid var(--color-darkgrey);padding: var(--size-20);text-align: center;}
#tradelicensefile_field label {display: none;}
.dz-message {display: grid;align-items: center;justify-content: center;}
.form_section {margin-top:var(--size-30);}
.quantity__input[type="number"] {border:0;}
.dz-message svg {margin: auto;}
input[type="number"].quantity__input {padding:4px;}
.sign-in-third-button svg path {fill:var(--color-darkgrey);}

.collection-hero__description a {
    color: #ffffff;
    text-decoration: underline;
    transition: color 0.2s ease-in-out;
}

.collection-hero__description a:hover {
    color: #cccccc;
    text-decoration: underline;
}

#ProductInfo-quickadd-main-product-info .product-title {--title-font-size: 30px !important;}

.eXKCEc, .bcVYgz {font-family: var(--body-font);letter-spacing: normal !important;font-weight: 400 !important;font-size: var(--body-font-size) !important;}
.has-collection-image {
    background-repeat: no-repeat;
    background-size: cover;
  }
    .collection-hero .collection-hero__image-wrapper {width:100%;}
    .plugin-product-search-searchInputWrap .plugin-product-search-searchInput {font-family: var(--body-font) !important;font-size: var(--fsize-xl) !important;margin: 0 10px !important;}
    .plugin-product-search-expand-scope {bottom: -6px;}
    .plugin-product-search-history-title {z-index: 1;position: relative;padding: 8px 0px 8px 12px!important;}
    .plugin-product-search-history--isMobile .plugin-product-search-history-record {margin-left: 12px!important;}
    .plugin-product-search-SearchBar {height: 200px;}

    input[type="search"].main-search__input {padding-top:var(--size-40);}
    .short_product_description {color: var(--color-text);-webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;min-height:35px;}
  .plugin-product-search-ProductItem .plugin-product-search-ProductName {font-family: var(--body-font) !important;font-weight:bold;}
  .plugin-product-search-ProductItem .plugin-product-search-ProductPrice .plugin-product-search-currentPrice {font-weight:300 !important;}
  .product_card_title_and_price {min-height: 75px;text-align:center;}

  .icon-button svg path, .icon-button svg polygon, .icon-button svg circle, .icon-button svg line {transition: stroke ease-out 0.4s;stroke: var(--color-link);}
  .icon-button:hover svg path, .icon-button:hover svg polygon, .icon-button:hover svg circle, .icon-button:hover svg line {stroke: var(--color-darkgrey);}
  .seedmore_wishlist_header svg path {transition: fill ease-out 0.4s;fill: var(--color-link);}
  .seedmore_wishlist_header:hover svg path {fill: var(--color-darkgrey);}


.gap0 {gap:0;}
.gap5 {gap:5px;--size-default:5px;}
.gap10 {gap:10px;--size-default:10px;}
.gap15 {gap:15px;--size-default:15px;}
.gap20 {gap:20px;--size-default:20px;}
.gap25 {gap:25px;--size-default:25px;}
.gap30 {gap:30px;--size-default:30px;}
.gap35 {gap:35px;--size-default:35px;}
.gap40 {gap:40px;--size-default:40px;}
.gap50 {gap:50px;--size-default:50px;}
.gap60 {gap:60px;--size-default:60px;}
.dis5 {height:5px;}.dis10 {height:10px;}.dis20 {height:20px;}.dis30 {height:30px;}.dis40 {height:40px;}.dis50 {height:50px;}.dis60 {height:60px;}.dis70 {height:70px;}.dis80 {height:80px;}.dis100 {height:100px;}
.pad10 {padding:var(--size-10);}
.pad20 {padding:var(--size-20);}
.pad30 {padding:var(--size-30);}
.pad40 {padding:var(--size-40);}
.pad50 {padding:var(--size-50);}
.pad10-sides {padding:0 var(--size-10);}
.pad20-sides {padding:0 var(--size-20);}
.pad30-sides {padding:0 var(--size-30);}
.pad40-sides {padding:0 var(--size-40);}
.pad50-sides {padding:0 var(--size-50);}
.pad10-vertical {padding:var(--size-10) 0;}
.pad20-vertical {padding:var(--size-20) 0;}
.pad30-vertical {padding:var(--size-30) 0;}
.pad40-vertical {padding:var(--size-40) 0;}
.pad50-vertical {padding:var(--size-50) 0;}
.size-default-20 {--size-default: 20px;}
.size-default-30 {--size-default: 30px;}
.size-default-40 {--size-default: 40px;}
.size-default-50 {--size-default: 50px;}

.justifystart {justify-content:flex-start;}
.justifyend {justify-content:flex-end;padding: 0px;}
.justifybetween {justify-content:space-between;}
.justifyeven {justify-content:space-evenly;}
.justifycenter {justify-content: center;}
.justifyaround {justify-content: space-around;}
.alignstart {align-items:flex-start;}
.alignend {align-items:flex-end;}
.aligncenter {align-items:center;}
.alignstretch {align-items:stretch;}

#main-collection-filters {padding: 0;}
.attributecol i.attributes {font-size:35px;}
.attributecol .attribute strong {display:block;}

.advc-sub-title {line-height:normal !important;--advc-sub-title-font-size:38px !important;}
.advc-body {--advc-body-font-size:20px;}
.advc-section .advc-btn-primary[data-hover-animation="1"]:before, .advc-section .advc-btn-primary[data-hover-animation="2"]:before {left:120% !important;}
.advc-section .advc-btn-primary[data-hover-animation="1"]:hover:before {
    animation: advc-btn-sweep .75s cubic-bezier(.01,.56,1,1);
    left: 150% !important;
}

.product__media-wrapper .wishlist-collect-icon-btn {top:0 !important;right:0!important;padding:0px !important;}

.product_formats {margin-top:var(--size-30);}
.available-format {text-align: center;border: 0;opacity:0.8;}
.available-format.active, .available-format:hover {opacity:1;}
.available-format .format-icon {font-size:3.8em;}
.cancelled_order .customer-order-item__status {background-color:var(--color-error);color:white;padding:4px;display:inline-block;}
.cancelled_order .invoice-link {display:none !important;}
.product_details_container {margin:-20px;}

.product_badges {
    position: absolute;
    z-index: 120;
    top: 0;
    height: 0;
}
.product_badges img {height:34px;background-color:white;}
.product_badges img.organic_badge {border: 1px solid #323338;padding:5px;height:27px;}

.product_badges img.organic_jas {height:24px;}
.product_badges img.natural_badge {height:27px;}

.wishlist-media-box {text-align:center;}
.wishlist-media-box .MQENT {display:none;}
.wishlist-media-box .cowcAf {color:var(--color-darkgrey);}
.wishlist-media-box .jGYnpi {text-align:center;margin-right:0 !important;}
.wishlist-media-box .deoAGd {margin-right:0 !important;}
.wishlist-media-box .kkA-DcR {margin-bottom:20px;}
.wishlist-media-box .cBpGJx {font-family:var(--body-font);line-height:normal;letter-spacing:0;border: 1px solid var(--color-darkgrey);
  background-color: white !important;
  color: var(--color-darkgrey) !important;width:auto;font-weight:normal;transition:all ease-out 0.4s;text-transform:uppercase;}
.wishlist-media-box .cBpGJx:hover {background-color:var(--color-darkgrey) !important;color:white !important;}
.eygogR {font-family:var(--body-font);letter-spacing:normal !important;font-weight:normal !important;}
.index-module_groupItem_efae05c .index-module_operateItem_cce1bf0 svg {display:none;}
.bcVYgz {border-radius:0 !important;}
.drawer-center input, .drawer-center span {font-family:var(--body-font);}
.drawer-center button {padding:9px 16px !important;border:1px solid var(--color-darkgrey);}
.dropdown-menu__button span {font-family: var(--body-font);}

.regular_customer #h-shipping-costs-b2b, .guest_customer #h-shipping-costs-b2b, .regular_customer #special-shipping-table-placeholder,
.guest_customer #special-shipping-table-placeholder {display:none !important;}

.footer__payment>img {
    height: 22px;
}

.advc-shoppable-image__wrapper.portrait {
    position: relative;
    height: 100%;
}

.advc-shoppable-image__image-wrapper.portrait {
    position: absolute !important;
    height: 40%;
    overflow: hidden;
}

.advc-shoppable-image__image-wrapper.landscape {
    height: 100vh;
}

.advc-shoppable-image__info.portrait {
    position: absolute;
    height: 60%;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 20px;
}

@media (max-width: 1025px) {
    .desktoponly {display: none !important;}
    .avgrid2 {grid-template-columns: repeat(1, 2fr);}
    .tabletonly {display:block !important;}
    .tablet-avgrid1 {grid-template-columns: repeat(1,1fr);}
    .tablet-avgrid2 {grid-template-columns: repeat(2,2fr);}
    .tablet-avgrid3 {grid-template-columns: repeat(3,3fr);}
    .tablet-avgrid4 {grid-template-columns: repeat(4,4fr);}
    .tablet-avgrid5 {grid-template-columns: repeat(5,5fr);}
    .tablet-avgrid6 {grid-template-columns: repeat(6,6fr);}
    .tablet-avgrid7 {grid-template-columns: repeat(7,7fr);}
    .tablet-avgrid8 {grid-template-columns: repeat(8,8fr);}
    .tablet-avgrid9 {grid-template-columns: repeat(9,9fr);}
    .tablet-avgrid10 {grid-template-columns: repeat(10,10fr);}
    .tablet-avgrid11 {grid-template-columns: repeat(11,11fr);}
    .tablet-avgrid12 {grid-template-columns: repeat(12,12fr);}

    .tablet-avgrid-col1 {grid-column:span 1;}
    .tablet-avgrid-col2 {grid-column:span 2;}
    .tablet-avgrid-col3 {grid-column:span 3;}
    .tablet-avgrid-col4 {grid-column:span 4;}
    .tablet-avgrid-col5 {grid-column:span 5;}
    .tablet-avgrid-col6 {grid-column:span 6;}
    .tablet-avgrid-col7 {grid-column:span 7;}
    .tablet-avgrid-col8 {grid-column:span 8;}
    .tablet-avgrid-col9 {grid-column:span 9;}
    .tablet-avgrid-col10 {grid-column:span 10;}
    .tablet-avgrid-col11 {grid-column:span 11;}
    .tablet-avgrid-col12 {grid-column:span 12;}
    .tablet-avgrid-row1 {grid-row:span 1;}
    .tablet-avgrid-row2 {grid-row:span 2;}
    .tablet-avgrid-row3 {grid-row:span 3;}
    .tablet-avgrid-row4 {grid-row:span 4;}
    .tablet-avgrid-row5 {grid-row:span 5;}
    .tablet-avgrid-row6 {grid-row:span 6;}
    .tablet-avgrid-row7 {grid-row:span 7;}
    .tablet-avgrid-row8 {grid-row:span 8;}
    .tablet-avgrid-row9 {grid-row:span 9;}
    .tablet-avgrid-row10 {grid-row:span 10;}
    .tablet-avgrid-row11 {grid-row:span 11;}
    .tablet-avgrid-row12 {grid-row:span 12;}

    .tablet-col1 {flex:100%;}
    .tablet-col2 {flex:calc(50% - var(--size-default));width:50%;}
    .tablet-col3 {flex:calc(33.3% - var(--size-default));width:33.3%;}
    .tablet-col4 {flex:calc(25% - var(--size-default));width:25%;}
    .tablet-block {display:block;}

    .tablet-gap10 {gap:10px;--size-default:10px;}
.tablet-gap15 {gap:15px;--size-default:15px;}
.tablet-gap20 {gap:20px;--size-default:20px;}
.tablet-gap25 {gap:25px;--size-default:25px;}
.tablet-gap30 {gap:30px;--size-default:30px;}
.tablet-gap35 {gap:35px;--size-default:35px;}
.tablet-gap40 {gap:40px;--size-default:40px;}
.tablet-gap50 {gap:50px;--size-default:50px;}
.tablet-gap60 {gap:60px;--size-default:60px;}
.tablet-dis5 {height:5px;}.tablet-dis10 {height:10px;}.tablet-dis20 {height:20px;}.tablet-dis30 {height:30px;}.tablet-dis40 {height:40px;}.tablet-dis50 {height:50px;}.tablet-dis60 {height:60px;}.tablet-dis70 {height:70px;}.tablet-dis80 {height:80px;}.tablet-dis100 {height:100px;}
.tablet-pad10 {padding:var(--size-10);}
.tablet-pad20 {padding:var(--size-20);}
.tablet-pad30 {padding:var(--size-30);}
.tablet-pad40 {padding:var(--size-40);}
.tablet-pad50 {padding:var(--size-50);}
.tablet-pad10-sides {padding:0 var(--size-10);}
.tablet-pad20-sides {padding:0 var(--size-20);}
.tablet-pad30-sides {padding:0 var(--size-30);}
.tablet-pad40-sides {padding:0 var(--size-40);}
.tablet-pad50-sides {padding:0 var(--size-50);}
.tablet-pad10-vertical {padding:var(--size-10) 0;}
.tablet-pad20-vertical {padding:var(--size-20) 0;}
.tablet-pad30-vertical {padding:var(--size-30) 0;}
.tablet-pad40-vertical {padding:var(--size-40) 0;}
.tablet-pad50-vertical {padding:var(--size-50) 0;}
.tablet-size-default-20 {--size-default: 20px;}
.tablet-size-default-30 {--size-default: 30px;}
.tablet-size-default-40 {--size-default: 40px;}
.tablet-size-default-50 {--size-default: 50px;}
}

@media (max-width:960px) {
    .scroll-on-mobile {overflow-x: auto;}
    .product_badges {padding:0px;}
    .product_badges img.organic_jas {height:20px;}
    .product-list-collect-btn svg {width:0.9em;}

}

@media (max-width:750px) {
    .mobile-avgrid-2 {grid-template-columns: repeat(2,2fr);}
    .mobile-avgrid-3 {grid-template-columns: repeat(3,3fr);}
    .avgrid-8.mobile-avgrid {grid-template-columns: repeat(8,1fr);}
    .avgrid-5.mobile-avgrid {grid-template-columns: repeat(5,1fr);}
    .avgrid-3.mobile-avgrid {grid-template-columns: repeat(3,1fr);}
    .mobile-avgrid .avgriditem1, .mobile-avgrid .avgriditem2, .mobile-avgrid .avgriditem3, .mobile-avgrid .avgriditem4, .mobile-avgrid .avgriditem5, .mobile-avgrid .avgriditem6, .mobile-avgrid .avgriditem7, .mobile-avgrid .avgriditem8, .mobile-avgrid .avgriditem {min-width:300px;grid-column:unset;grid-row:1;}
    .mobileonly {display:block !important;}
    .desktoponly {display:none !important;}
    .mobile-block {display:block;}
    .mobile-flex30 {flex:calc(30% - var(--size-default));width:30%;}
    .mobile-flex35 {flex:calc(35% - var(--size-default));width:35%;}
    .mobile-flex40 {flex:calc(40% - var(--size-default));width:40%;}
    .mobile-flex45 {flex:calc(45% - var(--size-default));width:45%;}
    .mobile-flex50 {flex:calc(50% - var(--size-default));width:50%;}
    .mobile-flex100 {width:100%;flex-basis:100%;}
    .mobile-avgrid1 {grid-template-columns: repeat(1,1fr);}
    .mobile-avgrid2 {grid-template-columns: repeat(2,2fr);}
    .mobile-avgrid3 {grid-template-columns: repeat(3,3fr);}
    .mobile-avgrid4 {grid-template-columns: repeat(4,4fr);}
    .mobile-avgrid5 {grid-template-columns: repeat(5,5fr);}
    .mobile-avgrid6 {grid-template-columns: repeat(6,6fr);}
    .mobile-avgrid7 {grid-template-columns: repeat(7,7fr);}
    .mobile-avgrid8 {grid-template-columns: repeat(8,8fr);}
    .mobile-avgrid9 {grid-template-columns: repeat(9,9fr);}
    .mobile-avgrid10 {grid-template-columns: repeat(10,10fr);}
    .mobile-avgrid11 {grid-template-columns: repeat(11,11fr);}
    .mobile-avgrid12 {grid-template-columns: repeat(12,12fr);}

    .mobile-avgrid-col1 {grid-column:span 1;}
    .mobile-avgrid-col2 {grid-column:span 2;}
    .mobile-avgrid-col3 {grid-column:span 3;}
    .mobile-avgrid-col4 {grid-column:span 4;}
    .mobile-avgrid-col5 {grid-column:span 5;}
    .mobile-avgrid-col6 {grid-column:span 6;}
    .mobile-avgrid-col7 {grid-column:span 7;}
    .mobile-avgrid-col8 {grid-column:span 8;}
    .mobile-avgrid-col9 {grid-column:span 9;}
    .mobile-avgrid-col10 {grid-column:span 10;}
    .mobile-avgrid-col11 {grid-column:span 11;}
    .mobile-avgrid-col12 {grid-column:span 12;}
    .mobile-avgrid-row1 {grid-row:span 1;}
    .mobile-avgrid-row2 {grid-row:span 2;}
    .mobile-avgrid-row3 {grid-row:span 3;}
    .mobile-avgrid-row4 {grid-row:span 4;}
    .mobile-avgrid-row5 {grid-row:span 5;}
    .mobile-avgrid-row6 {grid-row:span 6;}
    .mobile-avgrid-row7 {grid-row:span 7;}
    .mobile-avgrid-row8 {grid-row:span 8;}
    .mobile-avgrid-row9 {grid-row:span 9;}
    .mobile-avgrid-row10 {grid-row:span 10;}
    .mobile-avgrid-row11 {grid-row:span 11;}
    .mobile-avgrid-row12 {grid-row:span 12;}
    
    .mobile-col1 {flex:100%;}
    .mobile-col2 {flex:calc(50% - var(--size-default));width:50%;}
    .mobile-col3 {flex:calc(33.3% - var(--size-default));width:33.3%;}
    .mobile-col4 {flex:calc(25% - var(--size-default));width:25%;}

    .avgrid-8.mobile-grid {grid-template-columns: repeat(8,1fr);}
    .avgrid-5.mobile-grid {grid-template-columns: repeat(5,1fr);}
    .avgrid-3.mobile-grid {grid-template-columns: repeat(3,1fr);}
    .scroll-on-mobile .grid-container {overflow-x:auto;}
    .mobile-grid .griditem1, .mobile-grid .griditem2, .mobile-grid .griditem3, .mobile-grid .griditem4, .mobile-grid .griditem5, .mobile-grid .griditem6, .mobile-grid .griditem7, .mobile-grid .griditem8, .mobile-grid .griditem {min-width:300px;grid-column:unset;grid-row:1;}

    .largewidth,.mediumwidth,.smallwidth,.miniwidth {width:92%;}
.mobile-gap5 {
    gap: 5px;
    --size-default: 5px;
}
    .mobile-gap10 {gap:10px;--size-default:10px;}
.mobile-gap15 {gap:15px;--size-default:15px;}
.mobile-gap20 {gap:20px;--size-default:20px;}
.mobile-gap25 {gap:25px;--size-default:25px;}
.mobile-gap30 {gap:30px;--size-default:30px;}
.mobile-gap35 {gap:35px;--size-default:35px;}
.mobile-gap40 {gap:40px;--size-default:40px;}
.mobile-gap50 {gap:50px;--size-default:50px;}
.mobile-gap60 {gap:60px;--size-default:60px;}
.mobile-dis5 {height:5px;}.mobile-dis10 {height:10px;}.mobile-dis20 {height:20px;}.mobile-dis30 {height:30px;}.mobile-dis40 {height:40px;}.mobile-dis50 {height:50px;}.mobile-dis60 {height:60px;}.mobile-dis70 {height:70px;}.mobile-dis80 {height:80px;}.mobile-dis100 {height:100px;}
.mobile-pad10 {padding:var(--size-10);}
.mobile-pad20 {padding:var(--size-20);}
.mobile-pad30 {padding:var(--size-30);}
.mobile-pad40 {padding:var(--size-40);}
.mobile-pad50 {padding:var(--size-50);}
.mobile-pad10-sides {padding:0 var(--size-10);}
.mobile-pad20-sides {padding:0 var(--size-20);}
.mobile-pad30-sides {padding:0 var(--size-30);}
.mobile-pad40-sides {padding:0 var(--size-40);}
.mobile-pad50-sides {padding:0 var(--size-50);}
.mobile-pad10-vertical {padding:var(--size-10) 0;}
.mobile-pad20-vertical {padding:var(--size-20) 0;}
.mobile-pad30-vertical {padding:var(--size-30) 0;}
.mobile-pad40-vertical {padding:var(--size-40) 0;}
.mobile-pad50-vertical {padding:var(--size-50) 0;}
.mobile-size-default-20 {--size-default: 20px;}
.mobile-size-default-30 {--size-default: 30px;}
.mobile-size-default-40 {--size-default: 40px;}
.mobile-size-default-50 {--size-default: 50px;}

.product_details_container {margin:-10px;}
.attribute-item {padding:var(--size-10);}
.product_metaitem {border:0;}
.card .quick-add-icon__opener {padding:var(--size-10) var(--size-15);}
.card .card__content .product__title {font-size:1.4em;}
.card .quick-add-icon__opener i {display:none;}
.promotional-block {position: relative;width: 100% !important;height: 350px;max-height: 500px;}
.quick-add-modal__content .product__media-wrapper {width:70%;margin:auto;}
.header_announcements {font-size: 0.8em;max-width: 80%;}
.location-dropdown-list {top:22px;}
.wishlist-collect-icon-btn {top:0px !important;right:0px !important;}
.product__media-icon,
.thumbnail__badge {right:0px !important;bottom:0px !important;}
.product_badges img.organic_badge {height:24px;}
.GBVRR {font-size:25px !important;}
.short_product_description {-webkit-line-clamp: 4;min-height:52px;}

.global-shipping-popup {
    width: 90%;
    padding: 30px;
}

.global-shipping-popup img {
    width: 30px;
    margin-bottom: 20px;
}

.global-shipping-popup.show {
    top: 20px;
    transform: translateX(-50%);
}
}

@media (max-width:460px) {
    .language_selector {margin-bottom: 5px;}
    .header_announcements {max-width: 90%;}
    .xmobile-avgrid1 {grid-template-columns: repeat(1,1fr);}
    .xmobile-avgrid2 {grid-template-columns: repeat(2,2fr);}
    .xmobile-avgrid3 {grid-template-columns: repeat(3,3fr);}
    .xmobile-avgrid4 {grid-template-columns: repeat(4,4fr);}
    .xmobile-avgrid5 {grid-template-columns: repeat(5,5fr);}
    .xmobile-avgrid6 {grid-template-columns: repeat(6,6fr);}
    .xmobile-avgrid7 {grid-template-columns: repeat(7,7fr);}
    .xmobile-avgrid8 {grid-template-columns: repeat(8,8fr);}
    .xmobile-avgrid9 {grid-template-columns: repeat(9,9fr);}
    .xmobile-avgrid10 {grid-template-columns: repeat(10,10fr);}
    .xmobile-avgrid11 {grid-template-columns: repeat(11,11fr);}
    .xmobile-avgrid12 {grid-template-columns: repeat(12,12fr);}

    .xmobile-avgrid-col1 {grid-column:span 1;}
    .xmobile-avgrid-col2 {grid-column:span 2;}
    .xmobile-avgrid-col3 {grid-column:span 3;}
    .xmobile-avgrid-col4 {grid-column:span 4;}
    .xmobile-avgrid-col5 {grid-column:span 5;}
    .xmobile-avgrid-col6 {grid-column:span 6;}
    .xmobile-avgrid-col7 {grid-column:span 7;}
    .xmobile-avgrid-col8 {grid-column:span 8;}
    .xmobile-avgrid-col9 {grid-column:span 9;}
    .xmobile-avgrid-col10 {grid-column:span 10;}
    .xmobile-avgrid-col11 {grid-column:span 11;}
    .xmobile-avgrid-col12 {grid-column:span 12;}
    .xmobile-avgrid-row1 {grid-row:span 1;}
    .xmobile-avgrid-row2 {grid-row:span 2;}
    .xmobile-avgrid-row3 {grid-row:span 3;}
    .xmobile-avgrid-row4 {grid-row:span 4;}
    .xmobile-avgrid-row5 {grid-row:span 5;}
    .xmobile-avgrid-row6 {grid-row:span 6;}
    .xmobile-avgrid-row7 {grid-row:span 7;}
    .xmobile-avgrid-row8 {grid-row:span 8;}
    .xmobile-avgrid-row9 {grid-row:span 9;}
    .xmobile-avgrid-row10 {grid-row:span 10;}
    .xmobile-avgrid-row11 {grid-row:span 11;}
    .xmobile-avgrid-row12 {grid-row:span 12;}
    
    .xmobile-col1 {flex:100%;}
    .xmobile-col2 {flex:calc(50% - var(--size-default));width:50%;}
    .xmobile-col3 {flex:calc(33.3% - var(--size-default));width:33.3%;}
    .xmobile-col4 {flex:calc(25% - var(--size-default));width:25%;}
.mobile-gap5 {gap: 5px;--size-default: 5px;}
    .mobile-gap10 {gap:10px;--size-default:10px;}
.mobile-gap15 {gap:15px;--size-default:15px;}
.mobile-gap20 {gap:20px;--size-default:20px;}
.mobile-gap25 {gap:25px;--size-default:25px;}
.mobile-gap30 {gap:30px;--size-default:30px;}
.mobile-gap35 {gap:35px;--size-default:35px;}
.mobile-gap40 {gap:40px;--size-default:40px;}
.mobile-gap50 {gap:50px;--size-default:50px;}
.mobile-gap60 {gap:60px;--size-default:60px;}
.mobile-dis5 {height:5px;}.mobile-dis10 {height:10px;}.mobile-dis20 {height:20px;}.mobile-dis30 {height:30px;}.mobile-dis40 {height:40px;}.mobile-dis50 {height:50px;}.mobile-dis60 {height:60px;}.mobile-dis70 {height:70px;}.mobile-dis80 {height:80px;}.mobile-dis100 {height:100px;}
.mobile-pad10 {padding:var(--size-10);}
.mobile-pad20 {padding:var(--size-20);}
.mobile-pad30 {padding:var(--size-30);}
.mobile-pad40 {padding:var(--size-40);}
.mobile-pad50 {padding:var(--size-50);}
.mobile-pad10-sides {padding:0 var(--size-10);}
.mobile-pad20-sides {padding:0 var(--size-20);}
.mobile-pad30-sides {padding:0 var(--size-30);}
.mobile-pad40-sides {padding:0 var(--size-40);}
.mobile-pad50-sides {padding:0 var(--size-50);}
.mobile-pad10-vertical {padding:var(--size-10) 0;}
.mobile-pad20-vertical {padding:var(--size-20) 0;}
.mobile-pad30-vertical {padding:var(--size-30) 0;}
.mobile-pad40-vertical {padding:var(--size-40) 0;}
.mobile-pad50-vertical {padding:var(--size-50) 0;}
.mobile-size-default-20 {--size-default: 20px;}
.mobile-size-default-30 {--size-default: 30px;}
.mobile-size-default-40 {--size-default: 40px;}
.mobile-size-default-50 {--size-default: 50px;}

.xmobile-gap10 {gap:10px;--size-default:10px;}
.xmobile-gap15 {gap:15px;--size-default:15px;}
.xmobile-gap20 {gap:20px;--size-default:20px;}
.xmobile-gap25 {gap:25px;--size-default:25px;}
.xmobile-gap30 {gap:30px;--size-default:30px;}
.xmobile-gap35 {gap:35px;--size-default:35px;}
.xmobile-gap40 {gap:40px;--size-default:40px;}
.xmobile-gap50 {gap:50px;--size-default:50px;}
.xmobile-gap60 {gap:60px;--size-default:60px;}
.xmobile-dis5 {height:5px;}.xmobile-dis10 {height:10px;}.xmobile-dis20 {height:20px;}.xmobile-dis30 {height:30px;}.xmobile-dis40 {height:40px;}.xmobile-dis50 {height:50px;}.xmobile-dis60 {height:60px;}.xmobile-dis70 {height:70px;}.xmobile-dis80 {height:80px;}.xmobile-dis100 {height:100px;}
.xmobile-pad10 {padding:var(--size-10);}
.xmobile-pad20 {padding:var(--size-20);}
.xmobile-pad30 {padding:var(--size-30);}
.xmobile-pad40 {padding:var(--size-40);}
.xmobile-pad50 {padding:var(--size-50);}
.xmobile-pad10-sides {padding:0 var(--size-10);}
.xmobile-pad20-sides {padding:0 var(--size-20);}
.xmobile-pad30-sides {padding:0 var(--size-30);}
.xmobile-pad40-sides {padding:0 var(--size-40);}
.xmobile-pad50-sides {padding:0 var(--size-50);}
.xmobile-pad10-vertical {padding:var(--size-10) 0;}
.xmobile-pad20-vertical {padding:var(--size-20) 0;}
.xmobile-pad30-vertical {padding:var(--size-30) 0;}
.xmobile-pad40-vertical {padding:var(--size-40) 0;}
.xmobile-pad50-vertical {padding:var(--size-50) 0;}
.xmobile-size-default-20 {--size-default: 20px;}
.xmobile-size-default-30 {--size-default: 30px;}
.xmobile-size-default-40 {--size-default: 40px;}
.xmobile-size-default-50 {--size-default: 50px;}
.card-main {padding:var(--size-10);}
.header__icon-button,
.seedmore_wishlist_header {width: 33px;height: 33px;}
.seedmore_wishlist_header#HeaderBtnBox {display:inline-flex !important;min-width: 33px !important;}
.seedmore_wishlist_header svg {width:19px;}
.jMUhyS {display:flex !important;}

}

.iconlist__iconItem__vertical__title.advc-title {font-size: 16px!important;}
a.advc-card.iconlist__iconItem__vertical__center.iconlist__iconItem__vertical {width: 100%;}
.advc .iconlist, .advc .iconlist__iconItem__vertical {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--page-padding);
    padding-right: var(--page-padding);
    max-width: calc(var(--page-padding)* 2 + var(--page-width));
    width: 100%;
}

.advc .iconlist__iconItem__vertical__title {text-transform: capitalize!important; font-family: var(--body-font) !important;}
.iti__tel-input {padding-left:90px !important;}

.featured-collection__title-group { display: block !important;}
.image-with-text__img-wrap--auto { aspect-ratio: 1;}
.validated.phone_message {position: absolute;
    right: 10px;
    padding: 6px;
    background-color: var(--color-cream);
    color: white;font-size:0.8em;}
.validated#error-msg, .validated#enquiry-error-msg {background-color:var(--color-error);}
.avgrid .field {margin-bottom:0;}
.upload_label {padding: 40px;
    width: 100%;
    text-align: center;}
.signup_tradelicense_field {cursor:pointer;}
    #signup_tradelicense {opacity: 0;
        display: none;}
.upload_label svg {display:block;margin:auto;margin-bottom:6px;width:50px;}
.upload_label span {display:block;}
.error-message {position: absolute;
    right: 0;
    font-size: 0.8em;
    padding: 5px;
    background-color: var(--color-error);
    color: white;bottom:0;}

@media (max-width: 749.98px) {.advc .iconlist {padding: 0px;}}

.advc-container.advc-media-grid.advc-container.advc-d-grid.advc-d-md-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--page-padding);
    padding-right: var(--page-padding);
    max-width: calc(var(--page-padding)* 2 + var(--page-width));
    width: 100%;
}
@media (max-width: 768px) {
    .advc .media-grid__item .m-center {place-self: end; justify-self: center;}
    .advc-container.advc-media-grid.advc-container.advc-d-grid.advc-d-md-grid {display: flex !important; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch;}
    .media-grid__item {min-width: 80%; min-height: 350px;}
  }

.header__inline-submenus--menuImage1 .megamenu__list,
.header__inline-submenus--17277687891408b9c7b7 .megamenu__list,
.header__inline-submenus--1728025786870dedb31f .megamenu__list,
.header__inline-submenus--1727771504983e823e31 .megamenu__list {
    display: block;
    flex: 0.35;
}

localization-form {
    display: none;
}

div#location-dropdown {
    position: absolute;
    right: 0;
}

.menus__link[href*="/collections/matcha"]::before,
.drawer-menus__sub-item a[href*="/collections/matcha"]::before,
.menus__link[href*="/collections/black-tea"]::before,
.drawer-menus__sub-item a[href*="/collections/black-tea"]::before,
.menus__link[href*="/collections/green-tea"]::before,
.drawer-menus__sub-item a[href*="/collections/green-tea"]::before,
.menus__link[href*="/collections/white-tea"]::before,
.drawer-menus__sub-item a[href*="/collections/white-tea"]::before,
.menus__link[href*="/collections/pu-erh-tea"]::before,
.drawer-menus__sub-item a[href*="/collections/pu-erh-tea"]::before,
.menus__link[href*="/collections/herbal-tea"]::before,
.drawer-menus__sub-item a[href*="/collections/herbal-tea"]::before,
.menus__link[href*="/collections/rooibos-tea"]::before,
.drawer-menus__sub-item a[href*="/collections/rooibos-tea"]::before,
.menus__link[href*="/collections/darjeeling-tea"]::before,
.drawer-menus__sub-item a[href*="/collections/darjeeling-tea"]::before,
.menus__link[href*="/collections/oolong-tea"]::before,
.drawer-menus__sub-item a[href*="/collections/oolong-tea"]::before,
.menus__link[href*="/collections/yellow-tea"]::before,
.drawer-menus__sub-item a[href*="/collections/yellow-tea"]::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 8px;
    background-size: cover;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.menus__link[href*="/collections/matcha"]::before,
.drawer-menus__sub-item a[href*="/collections/matcha"]::before {
    background-image: url('https://img.myshopline.com/image/store/1721304736375/Menu-MatchaIcon-150x150-3.png?w=150&h=150');
}

.menus__link[href*="/collections/black-tea"]::before,
.drawer-menus__sub-item a[href*="/collections/black-tea"]::before {
    background-image: url('https://img.myshopline.com/image/store/1721304736375/Menu-BlackTeaIcon-150x150-3.png?w=150&h=150');
}

.menus__link[href*="/collections/green-tea"]::before,
.drawer-menus__sub-item a[href*="/collections/green-tea"]::before {
    background-image: url('https://img.myshopline.com/image/store/1721304736375/Menu-GreenTeaIcon-150x150-1.png?w=150&h=150');
}

.menus__link[href*="/collections/white-tea"]::before,
.drawer-menus__sub-item a[href*="/collections/white-tea"]::before {
    background-image: url('https://img.myshopline.com/image/store/1721304736375/Menu-WhiteTeaIcon-150x150-1.png?w=150&h=150');
}

.menus__link[href*="/collections/pu-erh-tea"]::before,
.drawer-menus__sub-item a[href*="/collections/pu-erh-tea"]::before {
    background-image: url('https://img.myshopline.com/image/store/1721304736375/Menu-PuerhTeaIcon-150x150-1.png?w=150&h=150');
}

.menus__link[href*="/collections/herbal-tea"]::before,
.drawer-menus__sub-item a[href*="/collections/herbal-tea"]::before {
    background-image: url('https://img.myshopline.com/image/store/1721304736375/Menu-HerbalTeaIcon-150x150-1.png?w=150&h=150');
}

.menus__link[href*="/collections/rooibos-tea"]::before,
.drawer-menus__sub-item a[href*="/collections/rooibos-tea"]::before {
    background-image: url('https://img.myshopline.com/image/store/1721304736375/Menu-RooibosTeaIcon-150x150-1.png?w=150&h=150');
}

.menus__link[href*="/collections/darjeeling-tea"]::before,
.drawer-menus__sub-item a[href*="/collections/darjeeling-tea"]::before {
    background-image: url('https://img.myshopline.com/image/store/1721304736375/Menu-DarjeelingTeaIcon-150x150-1.png?w=150&h=150');
}

.menus__link[href*="/collections/oolong-tea"]::before,
.drawer-menus__sub-item a[href*="/collections/oolong-tea"]::before {
    background-image: url('https://img.myshopline.com/image/store/1721304736375/Menu-OolongTeaIcon-150x150-1.png?w=150&h=150');
}

.menus__link[href*="/collections/yellow-tea"]::before,
.drawer-menus__sub-item a[href*="/collections/yellow-tea"]::before {
    background-image: url('https://img.myshopline.com/image/store/1721304736375/Menu-YellowTeaIcon-150x150-1.png?w=150&h=150');
}

.menus__link[href*="/collections/matcha-gift-sets"]::before,
.drawer-menus__sub-item a[href*="/collections/matcha-gift-sets"]::before {
    background-image: none;
    width: 0;
    margin-right: 0;
    display:none;
}

.menus__link[href*="/collections/matcha-accessories"]::before,
.drawer-menus__sub-item a[href*="/collections/matcha-accessories"]::before {
    background-image: none;
    width: 0;
    margin-right: 0;
    display: none;
}

  ul#image-slider-list {gap: 10px;}

  
a[href="javascript:;"]:not(a.invoice-link, a.invoice-select-item) {pointer-events: none; cursor: default; text-decoration: none;}
.invoice-select {z-index:100 !important;}

.refuseBtn {
    display: none !important;
}

.btnText {
    min-width: 100% !important;
    text-align: center;
}