:root {
    --sub-cat-btn-background-container-padding: 5px;
    --menu-line-translate-y: 0.34rem;
    --menu-anim-time: 0.15s;
    --mob-searchbar-width: 40px;
    --adjusted-searchbar-width: 47px;
    --grid-border-colour: white;
    --grid-text-colour: white;
    --grid-anim-time: 0.2s;
}
@media only screen and (max-width: 880px) {
    #header-container {
        display: none!important;
    }
    #header-container-mob {
        display: block!important;
    }
    #video-overlay .frame-container {
        max-width: unset!important;
        min-width: unset!important;
        width: 90%!important;
    }
}
@media only screen and (max-width: 1170px) {
    #search-container {
        display: none!important;
    }
    #adjusted-search-wrapper {
        display: flex!important;
    }
}
@media only screen and (min-width: 1171px) {
    #adjusted-search-wrapper {
        display: none!important;
    }
}
@media only screen and (max-width: 1518px) {
    #basket-text {
        display: none!important;
    }
}
@media only screen and (max-width: 1610px) {
    #register-btn, #login-btn, #my-account-btn {
        width: 47px!important;
    }
    .account-btn p {
        padding-left: 5px!important;
    }
}
@media only screen and (max-width: 1355px) {
    #register-btn, #login-btn, #my-account-btn {
        display: none!important;
    }
    #adjusted-account-btns-container {
        display: flex!important;
    }
    #basket-text {
        display: block!important;
    }
    #side-menu-my-account-link {
        display: none!important;
    }
}
@media only screen and (max-width: 1285px) {
    #basket-text {
        display: none!important;
    }
}
@media only screen and (max-width: 1435px) {
    #main-basket-btn, #sample-basket-btn {
        display: none!important;
    }
    #adjusted-width-basket-btn {
        display: flex!important;
    }
    #adjusted-account-btns-container {
        padding-top: 10px!important;
    }
}
#header-container-mob {
    display: none;
}
#header-container, #header-container-mob {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}
#header-container {
    width: calc(100% - 8px);
}
#header-container-mob {
    width: 100%;
}
.logo-mob {
    width: 80px;
    margin-top: 3px;
    margin-right: -10px;
    transition: transform 0.2s ease-in-out;
}
.logo-mob.expanded {
    transform: translateX(-100%);
}
.account-btn-mob {
    height: 40px;
    width: 40px;
    margin: 0 10px;
}
#menu-btn-icon-mob {
    margin-left: 9px;
    margin-left: 23.13%;
    transform: scale(0.95);
}
#blur-overlay, #blur-overlay-mob {
    position: fixed;
    bottom: 0;
    left: 0;
    width: calc(100% - 8px);
    backdrop-filter: blur(0px);
    z-index: 99;
    pointer-events: none;
    transition: all var(--menu-anim-time) ease-in-out;
}
#blur-overlay {
    height: calc(100% - 65px);
}
#blur-overlay-mob {
    height: calc(100% - 50px);
}
#blur-overlay.shown, #blur-overlay.shownScrollable {
    pointer-events: all;
    width: calc(100% - 408px);
    backdrop-filter: blur(10px);
}
#blur-overlay-mob.shown, #blur-overlay-mob.shownScrollable {
    pointer-events: all;
    backdrop-filter: blur(10px);
}
#blur-overlay-mob.shown {
    width: calc(100% - 279px);
}
#blur-overlay-mob.shownScrollable {
    width: calc(100% - 279px);
}
#main-header-div, #main-header-div-mob {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: #1b232e;
}
#main-header-div {
    height: 65px;
    min-height: 65px;
    padding: 0 20px;
}
#main-header-div-mob {
    height: 50px;
    min-height: 50px;
    padding-left: 15px;
}
#search-container-mob {
    flex: 1;
}
#search__site-mob {
    position: absolute;
    right: 0;
    width: 40px;
    height: 40px;
    padding-left: 18px;
    border-radius: 2.5rem;
    opacity: 1;
    z-index: 101;
    transition: width 0.2s ease-in-out;
}
#search__site-mob.expanded {
    width: var(--mob-searchbar-width);
}
#inner-form-container-mob {
    position: absolute;
    right: 0;
    top: -20px;
    width: 100%;
}
#search-btn-mob {
    position: absolute;
    right: 0;
    top: 50%;
    width: 40px;
    height: 40px;
    padding-top: 3px;
    background-color: white;
    border-radius: 2.5rem;
    z-index: 200;
    transition: all 0.2s ease-in-out;
}
#search-close-btn-mob {
    position: absolute;
    right: 40px;
    top: 50%;
    width: 40px;
    height: 40px;
    padding-top: 3px;
    background-color: rgb(255, 0, 0);
    border-radius: 2.5rem;
    z-index: 200;
    transform: scale(0.8);
    display: none; 
}
#search-btn-mob svg path {
    fill: black!important;
}
#search-btn-mob.expanded {
    transform: scale(0.8);
    background-color: #FF6457;
}
#search-btn-mob.expanded svg path {
    fill: white!important;
    transition: all 0.2s ease-in-out;
}
#side-menu-mob {
    position: absolute;
    right: 0;
    width: 0px;
    height: 100vh;
    background-color: #1b232e;
    transition: all var(--menu-anim-time) ease-in-out;
    display: none;
}
#side-menu-mob.shown, #side-menu-mob.shownScrollable {
    width: 279px;
    padding: 6px 21px;
}
#side-menu-contents-mob {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    color: white;
    white-space: nowrap;
    overflow-x: hidden;
    padding: 6px 0px;
    transition: padding var(--menu-anim-time) ease-in-out;
}
.side-menu-header-mob {
    font-size: 24px;
    min-width: 179px;
    max-width: 179px;
}
#currency-selector-mob {
    font-size: 22px;
    font-weight: 500;
    color: white;
    background-color: #27313e;
    border-radius: 2.5rem;
    text-align: center;
}
.side-menu-divider-mob
{
    width: 100%;
    height: 1px;
    background-color: white;
    margin-top: 10px;
    margin-bottom: 15px;
    opacity: 0.6;
}
#mob-options-container {
    position: relative;
    width: 100%;
    height: calc(100% - 165px);
    overflow: hidden;
}
.mob-options {
    position: absolute;
    overflow: scroll;
    width: 100%;
    height: 100%;
    padding-bottom: 95px;
    transition: transform var(--menu-anim-time) ease-in-out;
}
.mob-options::-webkit-scrollbar {
    display: none;
}
.mob-options a {
    margin-bottom: 15px!important;
}
.mob-options p {
    font-size: 20px!important;
}
.mob-options .icon {
    transform: scale(1)!important;
}
.mob-product-link svg {
    width: 24px;
    height: 24px;
}
.mob-product-link-only svg {
    width: 24px;
    height: 24px;
}
.mob-product-link svg path {
    fill: white;
}
.mob-product-link-only svg path {
    fill: white;
}
.mob-side-menu-btns-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
}
.mob-btns-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.mob-btns-container > * {
    height: 44px!important;
}
.mob-btns-container:last-of-type {
    padding-top: 10px;
}
.account-btn-mob:not(#menu-btn-mob) {
    margin: 0;
}
.account-btn-mob:not(#menu-btn-mob) svg {
    transform: scale(0.9);
    margin-right: 7px!important;
}
#my-account-btn-mob {
    width: 154px;
}
#register-btn-mob {
    width: 124px;
    margin-right: 7px!important;
}
#login-btn-mob {
    width: 100px;
}
.subcat-row-container {
    overflow: scroll;
}
.view-all-container-mob {
    width: 100%;
    margin-top: 19px;
    padding-bottom: 50px;
}
.view-all-container-mob a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
}
.subcat-menu-mob {
    display: flex;
    flex-direction: column;
    position: absolute;
    height: 100%;
    width: 100%;
    transition: all var(--menu-anim-time) ease-in-out;
}
.subcat-menu-mob a {
    margin-bottom: 9px!important;
}
.subcat-back-btn {
    display: flex;
    align-items: center;
}
.subcat-back-btn p:first-of-type {
    font-size: 10px!important;
}
.subcat-back-btn p:last-of-type {
    margin: 0 0 0 10px;
    font-size: 14px!important;
}
.mob-options.hide-left, .subcat-menu-mob.hide-left {
    transform: translateX(-100%);
}
.mob-options.hide-right, .subcat-menu-mob.hide-right {
    transform: translateX(100%);
}
.side-menu-product-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 64px;
    width: 100%;
    background-color: #27313e;
    border-radius: 15px;
    padding: 0 10px;
    margin-bottom: 10px;
}
.side-menu-product-row img {
    width: 44px;
    height: 44px;
    margin-right: 10px;
}
.side-menu-product-row p {
    margin: 0;
    width: 152px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.side-menu-product-row p:first-of-type {
    font-size: 14px;
}
.side-menu-product-row p:last-of-type {
    font-size: 12px;
    color: #a7a7a7;
}
.header-section {
    display: flex;
    align-items: center;
    height: 100%;
}
.header-section.first {
    width: 20%;
}
.header-section.second {
    flex: 1;
    justify-content: flex-end;
}
.logo {
    margin-bottom: -3px;
}
.logo svg {
    height: 40px;
    width: auto;
    margin-right: -10px;
}
#categories-selector {
    display: flex;
    flex-direction: column;
}
#text-container {
    padding-top: 7px;
    padding-bottom: 5px;
}
#underline-container {
    height: 2px;
}
#underline {
    position: relative;
    left: 0px;
    height: 100%;
    width: 0px;
    background-color: #FF6457;
}
.category-btn {
    position: relative;
    color: white;
    margin-right: 10px;
    background-color: transparent;
    font-weight: 450;
}
.category-btn:first-child {
    margin-left: 10px;
}
.category-btn-only {
    position: relative;
    color: white;
    margin-right: 10px;
    background-color: transparent;
    font-weight: 450;
}
.category-btn-only:first-child {
    margin-left: 10px;
}
.basket-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 47px;
    color: white;
    background-color: #FF6457;
    padding-left: 3px;
    padding-right: 17px;
    transition: all 0.2s ease-in-out;
}
.basket-btn:hover {
    background-color: #ff786c;
}
.basket-btn p {
    white-space: nowrap;
}
#main-basket-btn, #main-basket-btn-mob, #adjusted-main-basket-btn {
    border-radius: 2.5rem 0 0 2.5rem;
}
#basket-text {
    margin-right: -4px;
    margin-top: 0;
    padding-left: 5px;
}
#sample-basket-btn, #sample-basket-btn-mob, #adjusted-sample-basket-btn {
    position: relative;
    border-radius: 0 2.5rem 2.5rem 0;
    margin-right: 5px;
}
.basket-type-divider {
    position: absolute;
    width: 1px;
    height: 60%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-color: white;
}
.account-btn, .account-btn-mob {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: white;
    background-color: #27313e;
    border-radius: 2.5rem;
    overflow-x: hidden;
    transition: all 0.2s ease-in-out;
}
.account-btn {
    height: 47px;
    width: 47px;
    margin-right: 10px;
}
.account-btn:last-child {
    margin-right: 0;
}
.account-btn:hover {
    background-color: #2e3b4b;
}
#my-account-btn svg, #my-account-btn-mob svg, #adjusted-my-account-btn svg {
    margin-left: 12px;
    margin-right: 11px;
}
#my-account-btn {
    width: 155px;
}
#register-btn {
    width: 124px;
}
#login-btn {
    width: 98px;
}
#search-container, #search-container-mob, #adjusted-search-container {
    position: relative;
}
#search__site {
    position: relative;
    width: 350px;
    height: 38px;
    padding: 10px 20px;
    color: black;
    background-color: white;
    border-radius: 2.5rem;
    margin-left: 12px;
    margin-right: 10px;
    transition: background-color 0.2s ease-in-out;
    z-index: 102;
}
#search-btn {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    color: white;
    background-color: #FF6457;
    border-radius: 2.5rem;
    z-index: 103;
}
#search-close-btn {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    right: 50px;
    transform: translateY(-50%);
    color: white;
    background-color: #FF6457;
    border-radius: 2.5rem;
    z-index: 103;
    display: none;
}
#adjusted-search-close-btn {
    position: absolute;
    top: -24px;
    right: 45px;
    width: 47px;
    height: 47px;
    margin-right: 10px;
    padding-top: 4px;
    color: white;
    background-color: #ff1500;
    border-radius: 2.5rem;
    z-index: 103;
    transform: scale(0.8);
    display: none;
}
#placeholder-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 32px;
    opacity: 0.6;
    pointer-events: none;
    z-index: 103;
}
#search-for-text {
    margin: 0;
    position: absolute;
    color: black;
}
@keyframes scroll {
    0% {
        transform: translateY(0px);
    } /* Hold onto first word */
    15% {
        transform: translateY(0px);
    } /* Transition to second word */
    20% {
        transform: translateY(-31px);
    } /* Hold onto second word */
    35% {
        transform: translateY(-31px);
    } /* Transition to third word */
    40% {
        transform: translateY(-63px);
    } /* Hold onto third word */
    55% {
        transform: translateY(-63px);
    } /* Transition to fourth word */
    60% {
        transform: translateY(-95px);
    } /* Hold onto fourth word */
    75% {
        transform: translateY(-95px);
    } /* Transition to fifth word */
    80% {
        transform: translateY(-126px);
    } /* Hold onto fifth word */
    95% {
        transform: translateY(-126px);
    } /* Transition to first word */
    100% {
        transform: translateY(-158px);
    } /* Hold onto first word */
}
#variable-text {
    position: absolute;
    display: flex;
    padding-left: 88px;
    padding-top: 1%;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
#variable-text P {
    margin: 5px 0 5px 0;
    animation: scroll 20s linear infinite;
}
#search-btn svg {
    transform: scale(0.85);
    padding-top: 2px;
}
#sample-basket-btn svg, #sample-basket-btn-mob svg, #adjusted-sample-basket-btn svg {
    padding-top: 4px;
    width: 22px;
}
.basket-btn svg {
    margin: 0 12px;
}
#adjusted-my-account-btn {
    width: 164px;
}
#adjusted-register-btn {
    width: 131px;
}
#adjusted-login-btn {
    width: 106px;
}
#register-btn svg, #register-btn-mob svg, #adjusted-register-btn svg {
    margin-left: 13px;
    margin-right: 10px;
}
#login-btn svg, #login-btn-mob svg, #adjusted-login-btn svg {
    padding-top: 2.5%;
    margin-left: 10px;
    margin-right: 8px;
}
.login-text {
    white-space: nowrap;
    text-align: center;
    font-weight: 400;
    width: 0px;
}
#menu-btn-icon, #menu-btn-icon-mob {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#menu-btn-icon {
    margin-left: 13px;
}
.menu-btn-line, .menu-btn-line-mob {
    position: relative;
    width: 22px;
    height: 1.5px;
    background-color: white;
    margin: 2px 0;
    border-radius: 2px;
    transition: all var(--menu-anim-time) ease-in-out;
}
.line-1.cross-state {
    transform: translateY(var(--menu-line-translate-y)) rotate(45deg);
}
.line-2.cross-state {
    opacity: 0;
}
.line-3.cross-state {
    transform: translateY(calc(var(--menu-line-translate-y) * -1)) rotate(-45deg);
}
#side-menu {
    position: absolute;
    right: 0;
    width: 0px;
    height: 94vh;
    background-color: #1B232E;
    transition: all var(--menu-anim-time) ease-in-out;
}
#side-menu.shown {
    width: 408px;
}
#side-menu.shownScrollable {
    width: 400px;
}
#side-menu-contents {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 40px;
    color: white;
    white-space: nowrap;
    overflow-x: hidden;
    transform: translateX(8px);
}
#side-menu.shown #side-menu-contents {
    width: 100%!important;
    transform: translateX(0px);
}
.side-menu-header-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    white-space: nowrap;
}
.side-menu-header {
    max-width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 32px;
}
#currency-selector {
    padding: 9px 15px;
    color: white;
    background-color: #27313e;
    border-radius: 2.5rem;
    text-align: center;
    cursor: pointer;
}
#flag-select, #flag-select-mob {
    padding: 9px 15px;
    color: white;
    background-color: #27313e;
    border-radius: 2.5rem;
    cursor: pointer;
    width:100%;
}
#flag-image, #flag-image-mob {
    cursor: pointer;
}
#flag-image-mob {
    height: 40px !important;
    margin-right: 5px !important;
}
#flag-select-country, #flag-select-country-mob {
    display:none;
    margin:5px;
    width:100%;
    line-height: 2rem;
}
#adjusted-width-elements {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 9px 0;
    margin-bottom: 25px;
    border-bottom: 1px solid white;
}
#adjusted-width-elements > * {
    display: none;
}
.side-menu-main-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px;
}
.side-menu-main-link span {
    margin-right: 15px;
    transform: scale(1.2);
}
.side-menu-main-link p {
    font-size: 18px;
    margin-top: 1px;
}
.mob-product-link p:first-of-type {
    min-width: 160px;
    max-width: 160px;
}
.mob-product-link-only p:first-of-type {
    min-width: 160px;
    max-width: 160px;
}
.mob-product-link p:last-of-type {
    font-size: 24px;
}
.mob-product-link-only p:last-of-type {
    font-size: 24px;
}
.mob-subcat-link p:first-of-type {
    min-width: 159px;
    max-width: 159px;
}
.mob-subcat-link p:last-of-type {
    font-size: 24px;
}
.side-menu-credits-icon svg {
    width: 24px;
}
.side-menu-credits-icon svg path {
    fill: white!important;
}
#sign-out {
    opacity: 0.75;
    margin-top: auto;
}
#sign-out p {
    margin-top: -1px;
}
#category-details-container {
    position: absolute;
    opacity: 1;
    top: 67px;
    left: 0;
    width: 830px;
    height: 350px;
    margin-top: 10px;
    margin-left: 10px;
    border-radius: 10px;
    background: -webkit-linear-gradient(left, #1b232e 19%,#27313e 19%,#27313e 100%);
    background: linear-gradient(to right, #1b232e 19%, #27313e 19%, #27313e 100%);
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.32);
    transition: all 0.2s ease-in-out;
    z-index: 100;
}
#category-details-container.cat-details-hidden {
    opacity: 0;
    transform: translateY(-40px);
    pointer-events: none;
}
#category-details-container.cat-details-hidden * {
    pointer-events: none!important;
}
.details-pane {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
}
.sub-cat-selector {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 19%;
    height: 100%;
}
.sub-cat-btns-container {
    position: absolute;
    width: 100%;
    height: 100%;
}
.sub-cat-btn {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 16.67%;
    padding: 0 20px;
    color: white;
    background-color: transparent;
    text-align: left;
    z-index: 1;
}
.sub-cat-link {
    transition: color 0.15s ease-in-out;
}
.sub-cat-link:hover {
    color: #5DEAD9;
}
.sub-cat-btns-background-container {
    position: absolute;
    padding: var(--sub-cat-btn-background-container-padding);
    padding-right: 0;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
}
.sub-cat-btns-background {
    position: relative;
    width: calc(100%);
    height: calc(16.67% - var(--sub-cat-btn-background-container-padding) * 2);
    background-color: #27313e;
    border-radius: 20px 0 0 20px;
}
.sub-cat-btns-background::before {
    content: "";
    position: absolute;
    background-color: transparent;
    right: 0;
    bottom: -40px;
    height: 40px;
    width: 20px;
    border-top-right-radius: 20px;
    box-shadow: 0 -20px 0 0 #27313e;
}
.sub-cat-btns-background::after {
    content: "";
    position: absolute;
    background-color: transparent;
    right: 0;
    top: -40px;
    height: 40px;
    width: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0 20px 0 0 #27313e;
}
.sub-cat-details {
    position: absolute;
    left: 19%;
    width: 81%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}
.sub-details-pane {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 8px 5px;
    opacity: 0;
}
.sub-details-pane.hidden {
    display: none!important;
}
.details-row {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 50%;
    padding: 5px 0;
    padding-left: 5px;
}
.product-outer-cell {
    position: relative;
    display: flex;
    height: 100%;
    width: 33%;
    padding: 0 5px;
    overflow: hidden;
}
.product-inner-cell {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;      
    width: 100%;
    height: 100%;
    background-color: #27313e;
    border-radius: 15px;
    border: 3px solid var(--grid-border-colour);
    border-radius: 15px;
    overflow: hidden;
    transition: border var(--grid-anim-time) ease-in-out;
}
.view-all {
    justify-content: center;
    align-items: center;
    transition: background-color var(--grid-anim-time) ease-in-out;
}
.view-all:hover {
    background-color: #27313e;
}
.view-all p {
    color: white;
    font-size: 18px;
}
.view-all:hover p {
    color: white;
}
.product-grid-wishlist {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -15px;
    left: -20px;
    width: 30px;
    height: 30px;
    transform: scale(1.24);
    background-color: transparent;
    z-index: 9999;
    transition: all var(--grid-anim-time) ease-in-out;
}
.product-grid-wishlist svg path {
    transition: none!important;
}
.product-grid-wishlist.expanded {
    top: 3px;
    left: 13px;
}
.product-grid-basket {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -30px;
    right: -35px;
    width: 48px;
    height: 48px;
    transform: scale(0.5);
    background-color: transparent;
    z-index: 9999;
    transition: all var(--grid-anim-time) ease-in-out;
}
.product-grid-basket svg {
    fill: white;
}
.product-grid-basket.expanded {
    top: -6px;
    right: 3px;
}
.product-inner-cell:hover .product-grid-header {
    top: -44px;
}
.product-inner-cell:hover .product-grid-footer {
    bottom: 0;
}
.product-inner-cell:hover .product-grid-image-link {
    padding: 5px 5px 70px 5px;
}
.product-grid-header, .product-grid-footer {
    cursor: default;
    z-index: 2;
}
.product-grid-header {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 44px;
    background-color: #686B72;
    padding: 0 7px;
    transition: all var(--grid-anim-time) ease-in-out;
}
.product-grid-header p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    width: 100%;
    margin: 0;
    color: white;
}
.product-grid-product-name {
    font-weight: 500;
}
.product-grid-label-name {
    font-size: 12px;
}
.product-grid-footer {
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    bottom: -74px;
    left: 0;
    width: 100%;
    height: 64px;
    background-color: #686B72;
    padding: 0 7px;
    transition: all var(--grid-anim-time) ease-in-out;
}
.product-grid-footer p {
    color: white;
}
.product-grid-price-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    height: 100%;
}
.product-grid-price-container p {
    margin: 0;
    font-weight: 500;
}
.product-grid-price-before {
    text-decoration: line-through;
}
.product-grid-footer .divider {
    position: relative;
    width: 1px;
    height: 55%;
    background-color: white;
    margin: auto 0;
}
.product-grid-image-link {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    padding: 50px 5px 5px 5px;
    transition: all var(--grid-anim-time) ease-in-out;
}
.product-grid-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.product-grid-tags {
    position: absolute;
    display: flex;
    flex-direction: row;
    top: -20px;
    width: 100%;
    z-index: 99;
    transition: all var(--grid-anim-time) ease-in-out;
}
.product-grid-tags p {
    margin: 0;
    padding: 0 2px;
    font-size: 12px;
    flex: 1 1 0;
    height: 17px;
    text-align: center;
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product-grid-tags.expanded {
    top: 37px
}
.cat-list-container {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 10px 12px;
    overflow-y: auto;
}
.cat-list-container::-webkit-scrollbar {
    width: 0.5em;
    height: 0.75em;
    background: #1B232E;
    border-radius: 0.1875rem;
}
.cat-list-container::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 0.1875rem;
}
.cat-list-container::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.25);
}
.cat-list-container table {
    width: 100%;
    height: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
.cat-list-container table td {
    max-width: 33.33%;
    padding-bottom: 9px;
    padding-right: 9px;
    color: white;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cat-list-container table td a {
    transition: all 0.1s ease-in-out;
}
.cat-list-container table td a:hover {
    color: #5DEAD9;
}
.cat-list-container-mob {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}
.cat-list-container-mob a {
    display: inline-block;
    white-space: normal;
}
.cat-list-container-mob::-webkit-scrollbar {
    display: none;
}
#placeholder-container span {
	font-size: 18px;
	position: absolute;
	top: 9px;
	opacity: 0;
	color: black;
}
#adjusted-search__site {
    position: absolute;
    top: -24px;
    right: 0;
    width: 47px;
    height: 47px;
    padding-left: 22px;
    margin-right: 10px;
    border-radius: 2.5rem;
    transition: width 0.2s ease-in-out;
}
#adjusted-search__site.expanded {
    width: var(--adjusted-searchbar-width);
}
#adjusted-search-btn {
    position: absolute;
    top: -24px;
    right: 0;
    width: 47px;
    height: 47px;
    margin-right: 10px;
    padding-top: 4px;
    background-color: white;
    border-radius: 2.5rem;
    transition: all 0.2s ease-in-out;
}
#adjusted-search-btn svg path {
    fill: black!important;
}
#adjusted-search-btn.expanded {
    transform: scale(0.8);
    background-color: #FF6457;
}
#adjusted-search-btn.expanded svg path {
    fill: white!important;
    transition: all 0.2s ease-in-out;
}
.one {
	left: 128px;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.0s;
    animation: dot 1.3s infinite;
    animation-delay: 0.0s;
}
.two {
	left: 133px;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.2s;
    animation: dot 1.3s infinite;
    animation-delay: 0.2s;
}
.three {
	left: 138px;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.3s;
    animation: dot 1.3s infinite;
    animation-delay: 0.3s;
}
@-webkit-keyframes dot {
    0% {
        opacity: 0;
    }
	25% {
		opacity: 0;
	}
    75% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes dot {
    0% {
        opacity: 0;
    }
	25% {
		opacity: 0;
	}
    75% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
#video-overlay, #video-overlay-mob {
    position: fixed;
    display: none;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}
.video-overlay-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.ring-loader-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.frame-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 50%;
    max-width: 1100px;
    min-width: 790px;
}
.frame-container p {
    line-height: 110%;
}
.video-overlay-info-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 12px;
    width: 100%;
    z-index: 1000;
}
#video-overlay-product-title {
    font-size: 1.5rem;
    font-weight: 500;
    color: white;
    margin: 0;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}
#video-overlay iframe, #video-overlay-mob iframe {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    z-index: 1000;
}
.close-video-overlay {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 20px;
    right: 20px;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    background-color: white;
    z-index: 1000;
}
.close-video-overlay span {
    transform: scale(0.7);
    padding-top: 4px;
    padding-left: 2px;
}
.frame-container-mob {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 90%;
}
.new-feature-tag {
    position: relative;
}
.new-feature-tag::after {
    content: "NEW";
    position: absolute;
    top: -10px;
    left: 100px;
    color: white;
    font-size: 12px;
    background-color: #FF0000;
    border-radius: 2.5rem;
    padding: 5px 8px;
    z-index: 999;
}

.trgr__closefilters {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 60px;
    right: 20px;
    width: 37px;
    height: 37px;
    border-radius: 50%;
    background-color: white;
    z-index: 1000;
}
.trgr__closefilters span {
    transform: scale(0.7);
    padding-top: 4px;
    padding-left: 0px;
}

.trgr__closefilters span svg {
    color:black !important;
}

@media only screen and (min-width: 768px) {
    .trgr__closefilters {
        top: 10px;
    }
}