Opening soon

Something new is coming. Berrylush is getting a fresh new look, with new styles and a whole new experience. We’ll be back very soon. 🤍

/* ========================================= BERRYLUSH — H&M STYLE MOBILE MENU TABS ========================================= */ @media screen and (max-width: 767px) { .bl-mobile-menu-switcher { width: 100%; } /* Hide radio controls */ .bl-tab-radio { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; } /* BERRYLUSH | CURVE */ .bl-mobile-tabs { display: grid !important; grid-template-columns: 1fr 1fr !important; width: 100% !important; margin: 0 0 18px !important; border-bottom: 1px solid #dedede !important; } .bl-mobile-tabs label { position: relative; display: block; padding: 14px 5px 12px; text-align: center; font-family: 'Archivo', sans-serif; font-size: 14px; line-height: 1; font-weight: 500; color: #777; cursor: pointer; } /* Hide both menus by default */ .bl-mobile-panel { display: none !important; } /* Active Berrylush tab */ .bl-tab-radio--berrylush:checked ~ .bl-mobile-tabs label:first-child { color: #111 !important; font-weight: 700 !important; } .bl-tab-radio--berrylush:checked ~ .bl-mobile-tabs label:first-child::after { content: ""; position: absolute; left: 20%; right: 20%; bottom: -1px; height: 2px; background: #111; } /* Active Curve tab */ .bl-tab-radio--curve:checked ~ .bl-mobile-tabs label:last-child { color: #111 !important; font-weight: 700 !important; } .bl-tab-radio--curve:checked ~ .bl-mobile-tabs label:last-child::after { content: ""; position: absolute; left: 20%; right: 20%; bottom: -1px; height: 2px; background: #111; } /* Show selected menu */ .bl-tab-radio--berrylush:checked ~ .bl-mobile-menu-panels .bl-mobile-panel--berrylush { display: block !important; } .bl-tab-radio--curve:checked ~ .bl-mobile-menu-panels .bl-mobile-panel--curve { display: block !important; } /* Overall menu typography */ .bl-mobile-menu-switcher .navigation__link { font-family: 'Montserrat', sans-serif !important; font-size: 14px !important; } /* NEW IN + BEST SELLERS */ .bl-mobile-panel .navigation__tier-1 > .navigation__item:nth-child(1) > .navigation__link, .bl-mobile-panel .navigation__tier-1 > .navigation__item:nth-child(2) > .navigation__link { font-family: 'Archivo', sans-serif !important; font-weight: 700 !important; font-size: 14px !important; } /* Gap after BEST SELLERS before categories */ .bl-mobile-panel .navigation__tier-1 > .navigation__item:nth-child(2) { margin-bottom: 18px !important; } } /* BERRYLUSH | CURVE MOBILE MENU */ @media(max-width:767px){ .bl-tab-radio{ position:absolute!important; opacity:0!important; visibility:hidden!important } .bl-mobile-tabs{ display:grid!important; grid-template-columns:1fr 1fr!important; border-bottom:1px solid #ddd!important; margin:0 0 20px!important } .bl-mobile-tabs label{ text-align:center!important; padding:15px 4px 12px!important; font-size:14px!important; font-weight:500!important; color:#777!important; cursor:pointer!important; border-bottom:2px solid transparent!important } .bl-mobile-panel{ display:none!important } .bl-tab-radio--berrylush:checked~.bl-mobile-tabs label:first-child, .bl-tab-radio--curve:checked~.bl-mobile-tabs label:last-child{ color:#111!important; font-weight:700!important; border-bottom-color:#111!important } .bl-tab-radio--berrylush:checked~.bl-mobile-menu-panels .bl-mobile-panel--berrylush, .bl-tab-radio--curve:checked~.bl-mobile-menu-panels .bl-mobile-panel--curve{ display:block!important } .bl-mobile-menu-switcher .navigation__link{ font-size:14px!important } .bl-mobile-menu-switcher .navigation__tier-1>.navigation__item:nth-child(1)>.navigation__link, .bl-mobile-menu-switcher .navigation__tier-1>.navigation__item:nth-child(2)>.navigation__link{ font-weight:600!important } .bl-mobile-menu-switcher .navigation__tier-1>.navigation__item:nth-child(2){ margin-bottom:18px!important } }