:root {
--color-primary: #1F91D8;
--color-secondary: #565960;
--color-grey: #929395;
--color-light-grey: #9CA3AF;
--color-bg-grey: #F3F3F3;
--color-success: #51AF00;
--color-error: #D82A3E;
--color-border: #CCCCCC;
}
@font-face {
font-family: 'Inter';
src: url('/catalog/view/fonts/Inter-Regular.woff2') format('woff2'),
url('/catalog/view/fonts/Inter-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.custom_form h1, #account-edit h1, .konto_container h1, .konto_container h2{
font-size: 22px;
font-weight: 500;
color: #565960;
margin-bottom: 12px;
font-family: regular;
}
.custom_form p, .subtitle_p{
font-size: 16px;
color: #929395;
font-weight: 400;
font-family: 'Inter';
}
.fl{
display: flex;
}
.border-left {
border-left:1px solid #ccc;
}
.btn-mc{
min-width: 215px;
text-align: center;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
padding: 10px 25px;
border-radius: 20px;
line-height: 1.3;
}
.btn-primary:disabled span{
color:#fff;
}
.lightgrey{
color:var(--color-light-grey);
}
.greybg {
background: #F3F3F3;
}
.mobile-top-menu {
margin: -20px;
}
.border-gray {
border:1px solid var(--color-light-grey);
}
.border-blue{
border:1px solid #1F91D8;
}
.or_sep {
font-size: 16px;
text-transform: capitalize;
}
.or_sep hr {
width: 100%;
}
.or_sep span {
background: #fff;
padding: 10px;
}
.google_login,.apple_login {
border:1px solid var(--color-border);
border-radius: 10px;
font-size: 16px;
font-weight: 500;
padding: 10px;
}
.google_login:hover, .apple_login:hover{
border:1px solid var(--color-border);
box-shadow: 2px 1px 7px rgba(125,125,125, 0.5);
}
.form-control{
padding: 0.85rem 0.75rem;
border-radius: 6px !important;
}
.form-control:disabled {
background-color: var(--color-bg-grey);
opacity: 1;
}
.show_pass{
right: 7px;
margin-top: 7px;
padding: 10px;
z-index: 100;
}
#digits_form input {
font-size: 30px;
font-weight: 700;
text-align: center;
margin-left: 10px;
padding: 0.95rem 0.75rem;
border-radius: 10px !important;
}
#digits_form input:nth-child(1){
margin-left: 0;
}
input[type=number] {
-moz-appearance: textfield !important;
-webkit-appearance: textfield;
appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.font-c-roboto {
font-family: Roboto;
}
.text-justify{
text-align: justify;
}
#input-newsletter-checkbox:not(:checked) {
background: transparent;
border: 1px solid var(--color-secondary);
}
#input-newsletter-checkbox {
width: 1.7rem;
height: 1.7rem;
}
.np {
padding: 0;
}
.newest .swiper-container, .relay-wrapper .swiper-container {
padding: 0;
}
.account_nav {
margin: 0;
padding: 0;
}
.account_nav li, .account_nav li a{
display: block;
}
.account_nav li{
border-top:1px solid var(--color-border);
border-left:1px solid var(--color-border);
border-right:1px solid var(--color-border);
}
.account_nav span {
display: inline-block;
margin-right: 15px;
}
.account_nav li:nth-child(1){
border-radius: 10px 10px 0 0;
}
.account_nav li:nth-child(1) a:hover , .account_nav li:nth-child(1) a.active{
border-radius: 10px 10px 0 0;
}
.account_nav li:last-child{
border-radius: 0 0 10px 10px;
border-bottom: 1px solid var(--color-border);
}
.account_nav li:last-child a:hover, .account_nav li:last-child a.active{
border-radius: 0 0 10px 10px;
}
.account_nav li a{
padding: 15px;
color: var(--color-secondary);
text-decoration: none;
}
.account_nav li a:hover path, .account_nav li a.active path{
fill: #fff;
}
.account_nav li a:hover, .account_nav li a.active{
background: var(--color-primary);
color: #fff;
}
.fit-content {
width: fit-content;
}
#adressesAccordion .address_item {
color: var(--color-secondary);
box-shadow: none;
border-radius: 20px;
font-family: medium;
font-size: 18px;
line-height: 26px;
display: flex;
border: 0;
cursor: pointer;
}
#adressesAccordion .accordion-item{
border: 0;
}
.default_address {
background: var(--color-success);
border-radius:0 15px 0 15px;
color: #fff;
}
#address .btn-outline-primary:hover, .setCustomerDefaultAdress:hover{
color:#fff;
}
.deleteCustomerAdress:hover rect, .deleteCustomerAdress:hover path{
fill:#fff !important;
stroke:#fff !important;
}
.address_item::after {
flex-shrink: 0;
width: var(--bs-accordion-btn-icon-width);
height: var(--bs-accordion-btn-icon-width);
margin-left: auto;
content: "";
background-image: var(--bs-accordion-btn-icon);
background-repeat: no-repeat;
background-size: var(--bs-accordion-btn-icon-width);
transition: var(--bs-accordion-btn-icon-transition);
}
.address_item:not(.collapsed)::after {
background-image: var(--bs-accordion-btn-active-icon);
transform: var(--bs-accordion-btn-icon-transform);
}
*, *::before, *::after {
box-sizing: border-box;
}
.greyed, .adress_lnk span {
color:var(--color-grey);
text-decoration: none;
}
.adress_lnk a, .adress_lnk span {
cursor: pointer;
}
.adress_lnk:hover span, .adress_lnk:hover path{
color: var(--color-primary);
fill:var(--color-primary);
stroke:var(--color-primary);
}
#adressesAccordion a{
text-decoration: none;
}
.blog-recipe-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.location-review-item p{
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.location-review-item.expanded p {
-webkit-line-clamp: unset !important;
}
.review-toggle {
display: none;
cursor: pointer;
color: #007bff;
font-size: 14px;
}
.konto_container .table > :not(caption) > * > * {
padding: 0.85rem 0.5rem;
}
.konto_container thead td{
background: var(--color-bg-grey);
}
.konto_container thead td:nth-child(1){
border-radius: 6px 0 0 0;
}
.konto_container thead td:last-child{
border-radius:0 6px 0 0;
}
.konto_container a {
text-decoration: none;
}
.fsc-25{
font-size: 25px;
}
.fsc-14{
font-size: 14px;
}
footer ul li {
line-height: unset;
margin-bottom: 25px;
}
.btn-sub {
padding: 12px 40px 10px ;
line-height: 1;
}
.mwc-440 {
max-width:440px;
}
.order-steps{
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: start;
padding: 1.5rem 0;
}
.nav-tabs{
border-bottom:0;
}
.nav-tabs .nav-link{
color:var(--bs-nav-tabs-link-active-color);
border-top:0;
border-left:0;
border-right:0;
padding: 0;
margin-right: 25px;
line-height: 2;
transition:unset !important;
border-bottom:2px solid #fff !important;
}
.nav-link:nth-child(1){
padding-left:0;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link, .nav-link:hover, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
color:var(--bs-nav-link-color);
border:0;
border-bottom:2px solid var(--bs-nav-link-color) !important;
}
#myTabContent .list-group-item{
border:1px solid var(--color-border);
border-radius:10px;
}
.btn-success {
background: var(--color-success);
border:1px solid var(--color-success);
}
.blog_img img{
width: 100%;
aspect-ratio: 410 / 200;
border-radius: var(--bs-card-border-radius);
margin-top: -2px;
}
.blog_item .blog_title, #cms-blog .blog_title, .back_lnk{
font-weight: bolder;
color: var(--bs-body-color);
}
.grey_lnk {
color: var(--bs-body-color);
}
.contact_btn {
background: #FEDC00;
color: var(--bs-body-color);
width: fit-content;
padding: 10px 25px;
}
.blog_item p{
color:var(--color-grey);
}
.blog_item .fs-18{
height: 48px;
}
.blog_date {
font-size: 14px;
color:#ccc;
}
.blog_info_image {
width: 100%;
aspect-ratio: 635 / 420;
}
.realperson-challenge {
display: inline-block;
color: #000;
}
.realperson-text {
font-family: "Courier New",monospace !important;
font-size: 6px;
font-weight: bold;
letter-spacing: -1px;
line-height: 3px;
}
.realperson-regen {
padding-top: 4px;
font-size: 12px;
text-align: center;
cursor: pointer;
}
.realperson-disabled {
opacity: 0.5;
filter: Alpha(Opacity=50);
}
.realperson-disabled .realperson-regen {
cursor: default;
}
header .top-menu .favorite-products, header .top-menu .shopping-cart{
transition: unset;
}
.scroll table {
margin: 0 auto;
}
.scroll table:not(first-child){
text-align: left;
}
.scroll{
min-height: 300px;
height: 50vh;
overflow: auto;
padding-bottom: 10px;
}
.scroll::-webkit-scrollbar {
width: 10px;
}
.scroll::-webkit-scrollbar-track {
-webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.2) inset;
background-color: #f9f9fd;
}
.scroll::-webkit-scrollbar-thumb {
background-color: #ddd;
background-image: -webkit-gradient(linear, 0 0, 0 100%,
color-stop(.5, rgba(255, 255, 255, .25)),
color-stop(.5, transparent), to(transparent));
}
.closepopup {
cursor: pointer;
}
.grey_text {
color:var(--color-grey);
}
.qr2fa_img {
width: fit-content;
padding: 20px 40px;
background: #F2FAFD;
border:1px solid var(--color-primary);
border-radius: 10px;
}
.mb-xs-4{
margin-bottom: 1.5rem !important;
}
.max-h-200{
max-height:200px;
}
.h-c-250{
height: 250px;
}
#slider-div {
display: flex;
flex-direction: row;
margin-top: 30px;
}
#slider-div>div {
margin: 8px;
}
.slider-label {
position: absolute;
padding: 4px;
font-size: 0.75rem;
margin-top: -20px;
border-radius: 5px;
background: #41a2de;
color: #fff;
text-wrap-mode:nowrap;
}
.categories-list-item {
}
.slider.slider-horizontal {
width:100% !important;
}
.slider-handle {
background:#41a2de !important;
}
.slider-selection {
background: rgba(65, 162, 222, 0.4) !important;
}
header .top-menu .user-account_no_login:hover path{
stroke: #41a2de;
}
header .top-menu a.active{
color:#41a2de;
}
header .top-menu a.active_star{
color:#41a2de;
}
header .top-menu a.active path{
fill:#41a2de !important;
}
header .top-menu a.active_star path{
stroke:#41a2de !important;
}
.item-category {
cursor: pointer;
}
.compare_table td:nth-child(1){
background: var(--color-bg-grey);
font-weight:700;
}
.compare_table td{
text-align: center;
}
.compare_table .price-new{
color:var(--color-error);
font-weight:700;
}
.compare_table .price-old{
color: var(--color-secondary);
text-decoration:line-through;
}
.btn-bordered{
border:1px solid var(--color-secondary);
}
#categoryAccordion .active{
color:var(--color-primary);
font-weight: 600;
}
.wishlist_added path, .wishlist_added .fill{
stroke: #86ee86;
fill: #86ee86;
}
.wishlist_added svg {
fill: #86ee86;
}
.star {
font-size: 30px;
color: #ccc;
cursor: pointer;
}
.star.selected {
color: gold;
}
.star.selectedsel {
color: gold;
}
#delRating {
color:#bbb;
cursor: pointer;
}
header .top-menu .dropdown-menu a:active{
color:#fff;
}
#categoryAccordion .nav-icon {
display: flex;
flex: 0 0 var(--cui-sidebar-nav-link-icon-width);
align-items: center;
justify-content: center;
height: var(--cui-sidebar-nav-link-icon-height);
-webkit-margin-end: var(--cui-sidebar-nav-link-icon-margin);
margin-inline-end: var(--cui-sidebar-nav-link-icon-margin);
font-size: var(--cui-sidebar-nav-link-icon-font-size);
color: #1F91D8;
text-align: center;
pointer-events: none;
fill: currentcolor;
transition: inherit;
}
#categoryAccordion .nav-group-items .nav-icon {
-webkit-margin-start: calc((var(--cui-sidebar-nav-link-icon-width) + var(--cui-sidebar-nav-link-icon-margin)) * -1);
margin-inline-start: calc((var(--cui-sidebar-nav-link-icon-width) + var(--cui-sidebar-nav-link-icon-margin)) * -1);
}
#categoryAccordion .nav-icon {
width: 20px;
}
#categoryAccordion .nav-icon-bullet {
display: inline-block;
width: 7px;
height: 7px;
background: var(--cui-sidebar-nav-link-icon-bullet-bg);
border: 1px solid var(--color-primary);
border-radius: 7px;
}
.order_warning {
background: #fafabe;
}
.block-categories section:nth-child(even){
--bs-bg-opacity: 1;
background-color: #F3F3F3 !important;
}
.comments_badge{
border-radius: 50%;
position: absolute;
color: var(--color-secondary);
left: 70%;
top: 10px;
padding: 4px 7px;
}
.not_available {
background: rgba(255, 147, 147, 0.10);
}
.paypal-message {
position: absolute !important;
}
#paypal_form .paypal-message {
position: relative !important;
}
.top_menu_item_fill:hover a, .top_menu_item_stroke:hover a{
color: var(--color-primary);
}
.top_menu_item_fill:hover path{
fill: var(--color-primary);
}
.top_menu_item_stroke:hover path{
stroke: var(--color-primary);
}
.not_available_warn {
display: inline-block;
margin: 40px 0 0;
}
.error {
color:#ff0000;
}
.swal2-popup .swal2-title {
display: block;
position: relative;
max-width: 100%;
margin: 0 0 0.4em;
padding: 0;
color: #595959;
font-size: 25px !important;
font-weight: 100 !important;
text-align: center;
text-transform: none;
word-wrap: break-word;
}
.header .top-menu .favorite-products .badge, header .top-menu .shopping-cart .badge {
left: 60%;
padding: 4px 7px;
}
.wish_badge {
right:unset;
padding: 4px 7px;
left: 60%;
}
.marker_container {
position: absolute;
right: 0;
top:-5px;
}
.marker {
position: relative;
width: 90px;
padding-right:0;
padding-left: 30px !important;
justify-content: start !important;
}
.marker.featured {
justify-content: start;
}
.marker.info {
align-content: center;
color: #fff;
justify-content: center;
background-color: var(--color-primary);
background-repeat: no-repeat;
background-position: 10px center;
justify-content: start;
}
.marker.info_fridge {
justify-content: start;
align-content: center;
color: #fff;
background-color: var(--color-primary);
background-repeat: no-repeat;
background-position: 10px center;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNMSA1TDMuNzIyMjIgNi42TTMuNzIyMjIgNi42TDggOU0zLjcyMjIyIDYuNkwxIDcuNE0zLjcyMjIyIDYuNkwzLjMzMzMzIDMuOE0xNSAxM0wxMi4yNzc4IDExLjRNMTIuMjc3OCAxMS40TDggOU0xMi4yNzc4IDExLjRMMTIuNjY2NyAxNC4yTTEyLjI3NzggMTEuNEwxNSAxMC42TTggOUwzLjcyMjIyIDExLjRNOCA5VjMuNE04IDlWMTQuMk04IDlMMTIuMjc3OCA2LjZNMy43MjIyMiAxMS40TDEgMTNNMy43MjIyMiAxMS40TDEgMTAuNk0zLjcyMjIyIDExLjRMMy4zMzMzMyAxNC4yTTggMy40VjFNOCAzLjRMNi4wNTU1NiAyLjZNOCAzLjRMOS45NDQ0NCAyLjZNOCAxNC4yVjE3TTggMTQuMkw5Ljk0NDQ0IDE1LjRNOCAxNC4yTDYuMDU1NTYgMTUuNE0xMi4yNzc4IDYuNkwxNSA1TTEyLjI3NzggNi42TDE1IDcuNE0xMi4yNzc4IDYuNkwxMi42NjY3IDMuOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+DQo=")
}
.marker.info_cool {
justify-content: start;
align-content: center;
color: #fff;
background-color: var(--color-primary);
background-repeat: no-repeat;
background-position: 10px left;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjIxNTYgNC4zNjc1OUwxNi41OTI0IDQuODk2NjVMMTYuNzc2OCA1LjE1ODNMMTcuMTM3NiA1LjY3NTM4TDE3LjMxNDEgNS45MzEyN0wxNy42NTgyIDYuNDM2ODJMMTcuOTkyMiA2LjkzNTI4TDE4LjMxNTEgNy40MjU3NkwxOC42Mjc1IDcuOTA5MTRMMTguNzc5MyA4LjE0NzcyTDE5LjA3NTMgOC42MTkxM0wxOS4zNjA3IDkuMDgzTDE5LjYzNTYgOS41Mzg4OEwxOS44OTkgOS45ODc2N0MyMC4xNDg3IDEwLjQxNjYgMjAuMzkxMSAxMC44NDk4IDIwLjYyNiAxMS4yODdMMjAuODQ2NiAxMS43MDUyTDIwLjk1MjkgMTEuOTExNEwyMS4xNTc2IDEyLjMxODFDMjIuMzg1OSAxNC44MDE1IDIzIDE2Ljg0OTIgMjMgMTguNDYxQzIzIDIyLjYyNDggMTkuNjQyMiAyNiAxNS41IDI2QzExLjM1NzggMjYgOCAyMi42MjQ4IDggMTguNDYxQzggMTYuODQ5MiA4LjYxNDEyIDE0LjgwMTUgOS44NDIzNSAxMi4zMTgxTDEwLjA0NzEgMTEuOTExNEwxMC4xNTI5IDExLjcwNTJMMTAuMzc0IDExLjI4NzVDMTAuNjA4OSAxMC44NTAxIDEwLjg1MTMgMTAuNDE2NyAxMS4xMDEgOS45ODc2N0wxMS4zNjQ0IDkuNTM4ODhMMTEuNjM5MyA5LjA4M0wxMS45MjQ3IDguNjE5MTNMMTIuMjIwMyA4LjE0NzcyTDEyLjM3MjUgNy45MDg2OUwxMi42ODQ5IDcuNDI1NzZMMTMuMDA3OCA2LjkzNTI4TDEzLjM0MTggNi40MzcyNkwxMy42ODU5IDUuOTMxNzFMMTQuMDQxNSA1LjQxNzczTDE0LjIyMzIgNS4xNTgzTDE0LjU5NDcgNC42MzMyM0wxNC43ODQ0IDQuMzY4MDRDMTQuODY2MiA0LjI1NDExIDE0Ljk3MzcgNC4xNjEzNCAxNS4wOTgxIDQuMDk3MzVDMTUuMjIyNSA0LjAzMzM3IDE1LjM2MDMgNCAxNS41IDRDMTUuNjM5NyA0IDE1Ljc3NzUgNC4wMzMzNyAxNS45MDE5IDQuMDk3MzVDMTYuMDI2MyA0LjE2MTM0IDE2LjEzMzggNC4yNTQxMSAxNi4yMTU2IDQuMzY4MDRNMTUuNSA2LjQxNzMxTDE1LjE1MTUgNi45MjE1M0wxNC44MTM1IDcuNDE3MzNMMTQuNDg2NiA3LjkwNTE0TDE0LjMyNzQgOC4xNDU5NUwxNC4wMTcyIDguNjIxMzVMMTMuNzE3NiA5LjA4ODMyTDEzLjQyOTYgOS41NDczMUwxMy4yODkzIDkuNzczNDhMMTMuMDE3NSAxMC4yMjAxTDEyLjg4NiAxMC40NDA1TDEyLjYzMDEgMTAuODc0MkwxMi4zODYyIDExLjI5OTlDMTIuMjY2NSAxMS41MTAxIDEyLjE1MSAxMS43MTc1IDEyLjAzOTkgMTEuOTIyMUwxMS44MjI4IDEyLjMyNjFMMTEuNjE2OCAxMi43MjIxQzExLjU0OTcgMTIuODUyNSAxMS40ODQ2IDEyLjk4MTUgMTEuNDIxMyAxMy4xMDkyTDExLjIzNzQgMTMuNDg3NUwxMS4wNjQgMTMuODU3OEMxMC45NTIyIDE0LjEwMTQgMTAuODQ3NSAxNC4zMzk0IDEwLjc0OTkgMTQuNTcxOEwxMC42MDg3IDE0LjkxNTFDMTAuMDQ1NyAxNi4zMjkzIDkuNzY0NzEgMTcuNTE0NyA5Ljc2NDcxIDE4LjQ2MUM5Ljc2NDcxIDIxLjY0NTEgMTIuMzMyNCAyNC4yMjYxIDE1LjUgMjQuMjI2MUMxOC42Njc2IDI0LjIyNjEgMjEuMjM1MyAyMS42NDUxIDIxLjIzNTMgMTguNDYxQzIxLjIzNTMgMTcuNTE0NyAyMC45NTQ3IDE2LjMyOTMgMjAuMzkwOSAxNC45MTQ2TDIwLjI1MDEgMTQuNTcwOUMyMC4xNTMxIDE0LjMzODggMjAuMDQ4NCAxNC4xMDA4IDE5LjkzNiAxMy44NTY5TDE5Ljc2MjYgMTMuNDg3MUwxOS41Nzg3IDEzLjEwODhDMTkuNTE1NCAxMi45ODExIDE5LjQ1MDMgMTIuODUyIDE5LjM4MzIgMTIuNzIxN0wxOS4xNzcyIDEyLjMyNTZMMTguOTYwMSAxMS45MjE2QzE4Ljg0OSAxMS43MTc2IDE4LjczMzUgMTEuNTEwMSAxOC42MTM4IDExLjI5OUwxOC4zNjk0IDEwLjg3MzdMMTguMTE0IDEwLjQ0TDE3Ljg0NzkgOS45OTc0M0MxNy43NTcxIDkuODQ4NzIgMTcuNjY0NiA5LjY5ODUzIDE3LjU3MDQgOS41NDY4N0wxNy4yODI0IDkuMDg3ODhMMTYuOTgyOCA4LjYyMDlMMTYuNjcyNiA4LjE0NTVMMTYuNTEzOCA3LjkwNDdMMTYuMTg2NSA3LjQxNjg5TDE1Ljg0OSA2LjkyMTA5TDE1LjUgNi40MTY0Mk0yMC4xMTk2IDE4LjA1NzVDMjAuMTIxMyAxOC4wODY0IDIwLjEyMDkgMTguMTE1MSAyMC4xMTgyIDE4LjE0MzVDMTkuOTc3MSAxOS42NTQ2IDE5LjQ5NTMgMjAuODIzNCAxOC42NzI5IDIxLjY1QzE3Ljg4NSAyMi40NDIzIDE2Ljc4NDMgMjIuOTIwMSAxNS4zNzA3IDIzLjA4MzNMMTUuMTg0NiAyMy4xMDI4QzE1LjEwNSAyMy4xMTAzIDE1LjAyNDcgMjMuMTAwNCAxNC45NDkzIDIzLjA3MzhDMTQuODczOSAyMy4wNDcyIDE0LjgwNTIgMjMuMDA0NSAxNC43NDc3IDIyLjk0ODZDMTQuNjkwMyAyMi44OTI3IDE0LjY0NTYgMjIuODI1IDE0LjYxNjcgMjIuNzUwMUMxNC41ODc3IDIyLjY3NTMgMTQuNTc1MyAyMi41OTUgMTQuNTgwMSAyMi41MTQ4QzE0LjU4OTUgMjIuMzU5NCAxNC42NTkyIDIyLjIxNCAxNC43NzQzIDIyLjEwOTlDMTQuODg5MyAyMi4wMDU4IDE1LjA0MDUgMjEuOTUxMyAxNS4xOTUxIDIxLjk1ODJDMTYuMTg5MyAyMi4wMDI2IDE3LjA3OTcgMjEuNjI5NiAxNy44NjY1IDIwLjgzOTRDMTguNjE3NCAyMC4wODQ5IDE4Ljk4OTYgMTkuMjM0OSAxOC45ODMxIDE4LjI4OTRMMTguOTc5NiAxOC4xNTQxQzE4Ljk3MjYgMTcuOTk4NiAxOS4wMjY3IDE3Ljg0NjUgMTkuMTMwMyAxNy43MzA4QzE5LjIzMzkgMTcuNjE1IDE5LjM3ODYgMTcuNTQ0OSAxOS41MzMyIDE3LjUzNTVDMTkuNjA1OSAxNy41MzEgMTkuNjc4NyAxNy41NDA5IDE5Ljc0NzUgMTcuNTY0N0MxOS44MTYzIDE3LjU4ODUgMTkuODc5OCAxNy42MjU3IDE5LjkzNDMgMTcuNjc0MkMxOS45ODg4IDE3LjcyMjcgMjAuMDMzMiAxNy43ODE1IDIwLjA2NTEgMTcuODQ3M0MyMC4wOTcgMTcuOTEzIDIwLjExNTIgMTcuOTg0NSAyMC4xMTk2IDE4LjA1NzVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K")
}
.basket_marker .marker{
width: 35px;
top:5px;
border-radius: 10px;
height: 20px;
padding-left: 5px !important;
padding-right: unset;
}
.basket_marker .info_cool{
background-position: 6px !important;
background-size: contain !important;
}
.basket_marker {
right:unset;
left:0;
}
.js-pagination .numbers{
display: flex;
gap:10px;
}
.js-pagination .number.active{
background-color: var(--color-primary);
border-color: var(--color-primary);
color: #fff;
}
.js-pagination .prev {
margin-right:10px;
}
.js-pagination .next {
margin-left:10px;
}
.js-pagination .number, .js-pagination .prev, .js-pagination .next{
display: flex;
width: 32px;
height: 32px;
padding: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
border: 1px solid var(--color-border);
border-radius: 32px;
text-decoration: none;
color: var(--color-secondary);
font-size: 13px;
font-family: medium;
background: #fff;
}
.js-pagination {
--bs-pagination-padding-x: 0.75rem;
--bs-pagination-padding-y: 0.375rem;
--bs-pagination-font-size: 1rem;
--bs-pagination-color: var(--bs-link-color);
--bs-pagination-bg: var(--bs-body-bg);
--bs-pagination-border-width: var(--bs-border-width);
--bs-pagination-border-color: var(--bs-border-color);
--bs-pagination-border-radius: var(--bs-border-radius);
--bs-pagination-hover-color: var(--bs-link-hover-color);
--bs-pagination-hover-bg: var(--bs-tertiary-bg);
--bs-pagination-hover-border-color: var(--bs-border-color);
--bs-pagination-focus-color: var(--bs-link-hover-color);
--bs-pagination-focus-bg: var(--bs-secondary-bg);
--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(31, 145, 216, 0.25);
--bs-pagination-active-color: #fff;
--bs-pagination-active-bg: #1F91D8;
--bs-pagination-active-border-color: #1F91D8;
--bs-pagination-disabled-color: var(--bs-secondary-color);
--bs-pagination-disabled-bg: var(--bs-secondary-bg);
--bs-pagination-disabled-border-color: var(--bs-border-color);
display: flex
;
padding-left: 0;
list-style: none;
}
#openOrderLink , .openOrderLink{
color: var(--color-primary);
cursor: pointer;
}
header .top-menu .user-account {
background: url(/image/icons/heart.svg);
background-position: center center, 55px center;
background-repeat: no-repeat;
}
.brand:hover{
color:var(--color-primary) !important;
}
#captcha_field {
text-transform: uppercase;
}
.product-thumb .price-regular {
text-align: center;
font-size: 24px;
line-height: 21px;
font-family: medium;
margin-top: 22px;
margin-bottom: 22px;
}
.product-name.w-c-240{
width:240px;
}
.shopping-cart:hover {
filter:none !important;
}
header .top-menu .shopping-cart:hover .badge{
background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
color: #565960 !important;
}
#chatBanner{
background: url('/image/chat_banner.svg') no-repeat;
background-size: cover;
min-height: 150px;
color:#fff;
}
.chat_message_admin{
background: #F3F3F3;
border-radius:0 10px 10px 10px;
width: 70%;
position: relative;
}
.chat_message_customer{
background: var(--color-primary);
border-radius:10px 0px 10px 10px;
width: 70%;
position: relative;
color: #fff;
}
.chat_message_admin .angle_div{
position: absolute;
left: -6px;
/* border: 1px solid; */
top: -5px;
}
.chat_message_customer .angle_div{
position: absolute;
right: -6px;
/* border: 1px solid; */
top: -5px;
}
.chat_message_customer a {
color:#fff !important;
}
#sendComment {
right: 0;
cursor: pointer;
}
#customer_comment {
border-width: 1px 0 0 0;
border-radius: 0 !important;
}
#chatMessages {
max-height: 500px;
overflow: auto;
}
.list-group-item.none {
display:none !important;
}
.blue{
background: #F2FAFD;
}
.checkout-steps .step:not(:first-child):hover .circle{
color:#ccc;
border-color:#ccc;
}
.checkout-steps .step:not(:first-child):hover .circle path {
fill:#ccc;
}
.hide-after::after {
display: none !important;
}
.has_sub:after{
flex-shrink: 0;
width: var(--bs-accordion-btn-icon-width);
height: var(--bs-accordion-btn-icon-width);
margin-left: auto;
content: "";
background-repeat: no-repeat;
background-size: var(--bs-accordion-btn-icon-width);
transition: var(--bs-accordion-btn-icon-transition);
background-image: var(--bs-accordion-btn-active-icon);
transform: var(--bs-accordion-btn-icon-transform);
}
#checkout-payment-address a.mc, #checkout-shipping-address a.mc {
cursor:pointer;
}
.chat_num_box{
background: #e7e7e7;
padding: 10px;
z-index: 100;
border-radius: 4px;
box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.3);
}
.upload-box {
padding: 24px;
border: 2px dashed #cfe2ff;
border-radius: 8px;
background-color: #f8fbff;
text-align: center;
color: #333;
transition: all 0.3s ease;
}
.upload-box.dragover {
background-color: #e6f0ff;
border-color: #6ea8fe;
}
.upload-box p {
margin: 0 0 12px;
font-size: 14px;
}
.upload-box small {
display: block;
margin-top: 10px;
color: #666;
font-size: 12px;
}
input[type="file"] {
display: none;
}
#form-shipping-method label:hover{
cursor: pointer;
}
.carousel-inner {
border-radius: 20px;
}
.fs-22 {
font-size:22px;
}
.product-details .product-title-block a:hover {
text-decoration: underline;
}
.product-details .product-title-block a {
color: var(--color-primary);
text-decoration: none;
}
.rating a:hover{
text-decoration: none !important;
}
#content {
line-height: 1.8;
}
#form-payment-method .card , #form-payment-method label{
cursor: pointer;
}
.quantity-product {
width: 100%;
background: transparent;
border: 0;
text-align: center;
}
.quantity-product:focus-visible,.quantity-product:focus, .quantity-product:active{
border: 0;
outline: 0;
}
.app_header {
background:#019BE1;
color: #fff;
padding: 15px;
width: 100%;
z-index: 999;
transition: 0.4s;
top:0;
}
#sublogo {
width: 120px;
margin: 0 auto;
}
.top-menu .row > div:first-child {
flex: 1 1 auto;
min-width: 0;
}
.top-menu .row > div:last-child {
flex: 0 0 auto;
white-space: nowrap;
}
.top-menu .row > div:first-child nav,
.top-menu .row > div:first-child ul {
display: flex;
flex-wrap: nowrap;
overflow: hidden;
}
.top-menu .row > div:first-child a {
white-space: nowrap;
}
.filter-box {
background: #fff;
border-radius: 16px;
padding: 12px 0;
box-shadow: 0 4px 16px rgba(0,0,0,.16);
border:1px solid #f0f0f0;
}
.app_header.header-sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
.product-thumb {
box-shadow: 0 4px 16px rgba(0,0,0,.16);
border:1px solid #f0f0f0;
}
.swiper-slide .product-thumb {
box-shadow: unset;
}
.filter-section {
border-bottom: 1px solid #eee;
}
.filter-title {
width: 100%;
background: none;
border: 0;
padding: 14px 20px;
font-weight: 600;
font-size: 15px;
display: flex;
justify-content: space-between;
align-items: center;
color: inherit;
}
.filter-content {
padding: 0 20px 16px;
display: none;
}
.filter-sidebar .is-open .filter-content {
display: block;
}
.filter-section.active .filter-content.is-open {
display: block;
}
.open_info_popup {
cursor: pointer;
}
.chevron {
width: 12px;
height: 12px;
border-right: 2px solid #666;
border-bottom: 2px solid #666;
transform: rotate(45deg);
transition: .2s;
}
.filter-section.active .chevron {
transform: rotate(-135deg);
}
.filter-content .form-check {
font-size: 14px;
margin-bottom: 8px;
}
.filter-content .max-h-200 {
max-height: 180px;
overflow-y: auto;
}
.filter-actions {
display: flex;
justify-content: space-between;
padding: 16px 20px 4px;
}
.btn-reset {
background: none;
border: 0;
color: #777;
font-size: 14px;
}
.btn-apply {
background: #1F91D8;
color: #fff;
border-radius: 20px;
padding: 8px 20px;
border: 0;
font-weight: 500;
}
#categoryAccordion{
background: #fff;
border-radius: 16px;
padding: 12px 0;
box-shadow: 0 4px 16px rgba(0, 0, 0, .16);
margin-bottom: 15px;
border:1px solid #f0f0f0;
}
#input-sort, #input-limit{
box-shadow: 0 4px 16px rgba(0, 0, 0, .16);
margin-bottom: 15px;
border:1px solid #f0f0f0;
}
#categoryAccordion a {
font-size: 15px;
}
.filters-accordion .accordion-item {
border: 0;
}
.filters-accordion .accordion-button {
font-size: 15px;
font-weight: 600;
}
/* overlay */
.account-sheet-overlay {
position: fixed;
inset: 0;
background: rgba(0,0,0,.4);
opacity: 0;
pointer-events: none;
transition: .25s;
z-index: 999;
}
/* sheet */
.account-sheet {
position: fixed;
left: 0;
right: 0;
bottom: 0;
height: 75vh;
background: #fff;
border-radius: 20px 20px 0 0;
transform: translateY(100%);
transition: .3s ease;
z-index: 1000000;
display: flex;
flex-direction: column;
}
/* open state */
.account-sheet.open {
transform: translateY(0);
}
.account-sheet-overlay.open {
opacity: 1;
pointer-events: auto;
}
/* handle */
.sheet-handle {
width: 40px;
height: 4px;
background: #ddd;
border-radius: 2px;
margin: 10px auto;
}
/* sections */
.sheet-section {
padding: 8px 0;
border-top: 1px solid #eee;
}
.sheet-section.primary {
border-top: 0;
}
/* items */
.sheet-item {
padding: 16px 20px;
font-size: 16px;
display: block;
color: #565960;
text-decoration: none;
}
.sheet-item span{
margin-right: 15px;
}
.sheet-item.active {
font-weight: 600;
}
.sheet-item.logout {
color: #c00;
}
.body-cart {
text-wrap:initial;
}
@supports (-webkit-touch-callout: none) {
html,
body {
overflow-x: visible !important;
}
}
.app-links, .app-links-row {
display: flex;
gap: 20px;
}
.back_btn {
display: none;
}
.blog-recipes,.location-reviews {
overflow: auto;
}
#cc-main .cm__btn, #cc-main .pm__btn{
background: #1F91D8 !important;
border:1px solid #1F91D8 !important;
}
#cc-main .cm__btn--secondary, #cc-main .pm__btn--secondary {
background: rgba(31, 145, 216, 0.75) !important;
color: #fff !important;
}
#zutaten, #nahrung, #importeur, #ingredients {
font-size: 16px;
color: #000;
line-height: 1.8;
}
#addTabContainer {
border-bottom: 1px solid #f1f1f1;
width: 98%;
}
.nav-item {
border-bottom: 1px solid #0000;
}
#alert {
position: fixed;
top: 20%;
left: 10%;
width: 80%;
z-index: 99999999;
text-align: center;
}
.mobile_app_container{
padding: 9px 18px;
position: absolute;
top:7px;
left: 50px;
z-index: 99;
}
#loader {
position: fixed;
inset: 0; /* вместо top/width/height */
z-index: 999999;
background: rgba(0, 0, 0, .25);
display: flex;
align-items: center;
justify-content: center;
}
.spinner {
width: 36px;
height: 36px;
border: 2px solid #ddd;
border-top: 2px solid #333;
border-radius: 50%;
animation: spin 0.8s linear infinite;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
body {
opacity: 0;
transition: opacity 0.6s ease;
}
body.is-loaded {
opacity: 1 !important;
}
.quantity-product-minus,
.quantity-product-plus {
transition: transform 0.15s ease ;
}
.quantity-product-minus:active,
.quantity-product-plus:active {
transform: scale(1.3);
}
/*.product-thumb div.button {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
display: flex;
justify-content: start;
align-items: center;
gap: 10px;
width: 100%;
margin-left: 15px;
}
.product-thumb .btn-primary:nth-child(2){
border-radius: 50px;
width: 46px !important;
height: 46px !important;
}*/
.product-thumb {
min-height: 490px;
}
.image{
width: 100%;
height: 220px;
border-radius: 1rem;
overflow: hidden;
}
.image img{
height: 100%;
object-fit: cover; /* обрежет белые поля */
object-position: center;
}
#acc-nahrung .table > :not(caption) > * > *{
color: var(--bs-accordion-color);
}
#loader svg{
max-width: 100px;
}
.noclick-disabled {
pointer-events: none;
opacity: 0.5;
filter: grayscale(0.4);
transition: opacity 0.3s ease;
}
#slider-outer-div {
position: relative;
}
.review-modal {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.6);
display: none;
align-items: center;
justify-content: center;
z-index: 9999;
}
.review-modal.active {
display: flex;
}
.review-modal-content {
background: #fff;
max-width: 600px;
width: 90%;
max-height: 80vh;
overflow-y: auto;
padding: 20px;
border-radius: 8px;
position: relative;
}
.review-modal-close {
position: absolute;
top: 10px;
right: 15px;
background: none;
border: none;
font-size: 22px;
cursor: pointer;
}
.review-modal-body .location-review-item p{
-webkit-line-clamp: unset !important;
}
.review-modal-body .location-review-item .author {
padding-top:20px;
}
.pfand_str {
color: #929395;
text-align: right;
font-size: 12px;
font-weight: 400;
line-height: 0.8;
display: inline-block;
}
.rating {
height: 32px;
}
.w-sm-100 {
width: unset !important;
}
.wpwl-hint {
font-size: 11px !important;
}
.coupon-badge {
background-color: #1F91D8;
color: #fff;
font-size: 12px;
padding: 4px 8px;
border-radius: 0px 0px 0px 10px;
white-space: nowrap;
}
#googlepay_button_container {
width: 100% !important;
}
@media (min-width: 2440px) {
.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
max-width: 80%;
}
.carousel-item img{
width: 100%;
}
.top-categories .container, .related .container, .tab-pane.container, .open-menu-content .container{
width: 100%;
max-width: 100%;
margin: 0;
}
.top-categories.category_page .container{
width: 80%;
margin: 0 auto;
}
#product-image-zoom, .banner_category_image {
width: 100%;
min-height: 450px;
align-items: center;
display: flex;
justify-content: center;
}
}
@media (min-width: 1200px) {
.app-links {
flex-direction: column;
}
.app-links-row {
flex-direction: row;
}
}
@media (min-width: 768px) {
footer .app-links-row {
flex-wrap: wrap;
}
footer .app-links-row .googlepay {
flex: 0 0 100%;
}
.account-sheet,
.account-sheet-overlay {
display: none;
}
.blog-swiper .swiper-wrapper {
display: flex;
flex-wrap: wrap;
}
}
@media (max-width: 1279px) {
.total-cart-sum {
max-width: 100% !important;
}
.payment_address, .shipping_address {
text-align: center;
}
}
@media (max-width: 937px) {
/* row становится flex-контейнером */
.top-menu .row {
display: flex;
}
/* левая колонка — только под бургер */
.top-menu .row > div:first-child {
flex: 0 0 auto;
width: auto;
}
/* правая колонка занимает всё остальное */
.top-menu .row > div:last-child {
flex: 1 1 auto;
justify-content: flex-end;
}
.top-menu .container {
max-width: 100%;
padding-left: 12px;
padding-right: 12px;
}
/* строка на всю ширину */
.top-menu .row {
width: 100%;
margin: 0;
}
/* левая часть — бургер */
.top-menu .row > div:first-child {
flex: 0 0 auto;
width: auto;
}
/* правая часть — ВСЁ ОСТАЛЬНОЕ */
.top-menu .row > div:last-child {
flex: 1 1 auto;
justify-content: flex-end;
}
}
#collapse-coupon .coupon.btn-primary {
width: 70%;
}
#collapse-coupon .coupon.btn-danger {
width: 29%;
}
.product-thumb div.button {
bottom:15px !important;
}
.cart-sidebar-content {
width: 685px;
}
/* Стиль для верхніх повідомлень */
.top-notification-bar {
background-color: #1F91D8;
color: #FFFFFF;
font-weight: 400;
font-style: normal;
font-size: 14px;
text-align: center;
padding: 10px 15px;
transition: all 0.4s ease;
animation: slideDown 0.4s ease forwards;
}
@keyframes slideDown {
from {
opacity: 0;
transform: translateY(-15px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.top-notification-bar:not(:last-child) {
border-bottom: 1px solid rgba(255,255,255,0.5);
}
@media (min-width: 768px) {
.top-notification-bar {
font-size: 16px;
padding: 10px 20px;
}
}
@media (min-width: 992px) {
.top-notification-bar {
height: 50px;
line-height: 1;
padding: 0 20px;
}
}
.top-notification-bar .close-notification {
background: url('/image/close_notification.svg') no-repeat center center;
border: none;
cursor: pointer;
padding: 0;
width: 23px;
height: 23px;
}
.top-notification-bar .container {
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
}
.top-notification-bar .container p {
margin-bottom: 0;
}
/* Стиль для popup повідомлень */
.notification-modal .modal-header {
border-bottom: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
justify-content: end;
padding: 20px 30px;
}
.notification-modal .modal-content {
border-radius: 0;
border: none;
}
.notification-modal .close-notification-popup {
background: url('/image/close_notification_black.svg') no-repeat center center;
background-size: contain;
border: none;
cursor: pointer;
padding: 0;
width: 23px;
height: 23px;
}
.notification-modal .modal-body {
padding: 30px 30px 67px 30px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.notification-modal .title {
font-weight: 500;
font-size: 22px;
line-height: 30px;
color: #565960;
margin-bottom: 15px;
}
.notification-modal .message {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #929395;
margin-bottom: 30px;
max-width: 800px;
}
.notification-modal .btn.btn-primary {
text-transform: uppercase;
font-weight: 500;
font-size: 16px;
height: 42px;
line-height: 14px;
}
@media (max-width: 768px) {
.fsc-24 {
font-size: 20px !important;
}
.add_retoure_container {
position: relative !important;
margin-bottom: 0 !important;
margin-top: 20px !important;
}
.payment_buttons.d-sm-block{
display: flex !important;
}
.payment_buttons {
flex-direction: column;
}
#backToPayment {
order: 2;
margin-top: 15px;
margin-bottom: 10px;
}
#button-confirm img{
float: right;
}
#button-confirm {
order: 1;
}
.rating {
min-height: 32px;
}
.basket_marker {
top:0;
}
.basket_marker .marker {
width: 26px;
top: 0;
border-radius: 10px;
height: 16px;
padding-left: 5px !important;
padding-right: unset;
left:0;
}
.marker.info_fridge{
/* background-size: contain; left:15px;*/
background-position: center;
}
.account_nav {
display: none;
}
.marker {
font-size:12px;
}
.product-thumb h4, .product-thumb .h4{
height: 75px;
line-height: 1;
}
.product-thumb {
padding: 5px;
min-height: 300px;
}
.product-thumb form {
display: none;
}
.product-thumb .sph-40 {
height: 40px !important;
line-height: 1;
}
.row-cols-xs-2 > * {
flex: 0 0 auto;
width: 50%;
--bs-gutter-x: 0.5rem;
margin-bottom: 0.5rem !important;
}
/* родитель иконки */
.header-icon,
.top-icon,
.icon-wrapper {
position: relative;
}
/* сам бейдж */
.badge,
.count-badge,
.cart-count {
position: absolute;
top: -5px;
right: -7px;
width: 16px;
height: 16px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
line-height: 1;
border-radius: 50%;
}
/* Контейнер иконок */
.header-icons,
.top-icons,
.header-right {
display: flex;
align-items: center;
gap: 14px;
}
/* Иконки */
.header-icons svg,
.top-icons svg {
width: 20px;
height: 20px;
}
/* Бейджи */
.badge,
.count-badge,
.cart-count {
min-width: 16px;
height: 16px;
font-size: 10px;
line-height: 16px;
border-radius: 50%;
top: 10px;
right: -6px;
}
/* Цена рядом с корзиной */
.cart-total,
.cart-price, #cartDropdown {
font-size: 13px;
font-weight: 600;
margin-left: 4px;
white-space: nowrap;
}
.cart-price,
.cart-total,
.header-price, #cartDropdown {
white-space: nowrap;
font-size: 13px;
font-weight: 600;
}
/* Строка логина */
.logged-user,
.account-info {
font-size: 12px;
padding: 4px 10px;
line-height: 1.2;
}
/* Уменьшаем вертикальные отступы */
.header,
.top-bar {
padding-top: 6px;
padding-bottom: 6px;
}
.header-separator {
margin: 0 6px;
opacity: 0.3;
}.account-info,
.logged-user {
font-size: 12px;
line-height: 1.2;
padding: 6px 10px;
}
.account-info a {
font-size: 12px;
}
}
@media (max-width: 768px) {
.category_description_container {
display: block !important;
width: 100% !important;
}
.back_btn{
display: flex;
align-items: center;
justify-content: center;
position: fixed;
left: 15px;
bottom:2rem;
width: 45px;
height: 45px;
text-align: center;
border-radius: 50%;
background-color: white;
border: 1px solid #CCC;
cursor: pointer;
z-index: 2;
filter: drop-shadow(0px 4px 8px rgba(163, 163, 163, 0.15));
}
.w-xs-100 {
width: 100% !important;
}
.blog-swiper {
overflow: hidden;
}
.blog-swiper .swiper-wrapper {
display: flex;
flex-wrap: nowrap;
}
.blog-swiper .swiper-slide {
width: calc(100% - 16px) !important;
}
.body-cart ul.list-group {
padding: 0;
}
.body-cart .list-group-item {
flex-direction: column;
align-items: stretch !important;
gap: 2px;
padding: 12px;
}
/* Верх: картинка + название */
.body-cart .product_thumb {
display: flex;
align-items: center;
gap: 12px;
width: 100% !important;
}
.body-cart .product_thumb img {
width: 50px;
height: 50px;
object-fit: cover;
}
.body-cart .product-name {
width: 100% !important;
margin: 0;
line-height: 0.3;
}
.body-cart .product-name span.fsc-16 {
font-size: 14px;
font-weight: 600;
line-height: 1.3;
}
/* Артикул и вес */
.body-cart .product_thumb span,
.body-cart .product-name .text-sub-title {
font-size: 10px;
}
/* Цены в строку */
.body-cart .product-unit-price,
.body-cart .product-total-price {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.body-cart .product-unit-price span:first-child,
.body-cart .product-total-price span:first-child {
font-size: 12px !important;
color: #777 !important;
}
.body-cart .product-unit-price span:last-child,
.body-cart .product-total-price span:last-child {
font-size: 14px !important;
font-weight: 600 !important;
}
.body-cart .remove-prouct-from-cart {
position: absolute;
top: 12px;
right: 12px;
width: auto;
}
.total-cart-sum .card-header,
.total-cart-sum .card-text {
font-size: 14px;
}
/* Кнопки */
.body-cart .btn {
width: 100%;
}
.body-cart .d-flex.gap-c-50 {
gap: 12px;
}
.body-cart .btn {
width: 100% !important;
}
.body-cart .gap-c-50{
gap:1.5rem !important;
}
.cart-sidebar {
z-index: 10505 !important;
isolation: isolate;
position: fixed;
top: 0;
right: 0;
height: 100dvh;
overscroll-behavior: contain;
}
#cartSidebar .text-cart {
display:none
}
#cartSidebar .alert span, #cart-list .alert span {
font-size:14px;
line-height: 1;
}
}
@media (max-width: 768px) {
.body-cart .list-group-item {
position: relative;
padding: 14px 12px 10px;
text-align: left;
}
/* Название */
.body-cart .product-name span.fsc-16 {
font-size: 14px;
line-height: 1.3;
display: block;
margin-bottom: 4px;
}
/* Menge + Einzelpreis — в строку */
.body-cart .product-unit-price {
display: flex;
justify-content: start;
align-items: baseline;
gap: 6px;
width: 100% !important;
}
.body-cart .product-unit-price span {
white-space: nowrap;
}
.body-cart .product-unit-price span:first-child {
font-size: 12px;
color: #8a8a8a;
}
.body-cart .product-unit-price span:last-child {
font-size: 15px;
font-weight: 600;
}
/* Убираем перенос € */
.body-cart .product-unit-price br {
display: none;
}
/* Gesamt внизу */
.body-cart .product-total-price {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 8px;
padding-top: 6px;
border-top: 1px solid #e6e6e6;
text-align: left;
}
.body-cart .product-total-price span:first-child {
font-size: 13px;
color: #777;
}
.body-cart .product-total-price span:last-child {
font-size: 16px;
font-weight: 700;
}
/* Кнопка удаления */
.body-cart .remove-prouct-from-cart {
position: absolute;
top: 10px;
right: 10px;
}
}
@media (max-width: 768px) {
.total-cart-sum {
margin-top: 0 !important;
}
.body-cart .list-group-item {
padding: 10px 10px 8px; /* было слишком жирно */
margin-bottom: 10px;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0,0,0,0.06);
border-width: 1px;
}
/* Название — компактнее */
.body-cart .product-name span.fsc-16 {
margin-bottom: 2px;
}
/* Артикул и вес — без воздуха */
.body-cart .text-sub-title {
line-height: 1.2;
}
/* Блок Menge + Preis — плотнее */
.body-cart .product-unit-price {
margin-top: 2px;
}
/* Gesamt — ближе */
.body-cart .product-total-price {
margin-top: 6px;
padding-top: 4px;
}
/* Кнопка удаления — меньше визуального шума */
.body-cart .remove-prouct-from-cart svg {
width: 16px;
height: 16px;
}
}
@media (max-width: 767px) {
.description-wrapper {
position: relative;
}
/* применяем стиль к p внутри */
.description-wrapper p {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
transition: all 0.35s ease;
}
.description-wrapper.expanded p {
-webkit-line-clamp: unset;
}
.description-wrapper.expanded .more-btn {
transform: rotate(180deg);
}
/* градиент */
.description-wrapper:not(.expanded)::after {
content: "";
position: absolute;
bottom: 3.2em;
left: 0;
width: 100%;
height: 1.5em;
background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
pointer-events: none;
}
.more-btn:after {
content: "";
font-size: 14px;
transition: transform 0.3s ease;
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%233634a3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-size: 1.25rem;
display: block;
width: 1.25rem;
height: 1.25rem;
}
#collapse-coupon .coupon.btn-danger {
width: 100% !important;
margin-top: 10px;
}
#collapse-coupon .coupon.btn-primary {
width: 100% !important;
}
.product-thumb .price-regular , .product-thumb .price-new{
margin-bottom:0px;
}
#shopping-cart h1 {
text-align: center;
}
#shopping-cart .btn-home{
text-align: center !important;
}
.chat-title {
padding-top:20px;
}
.image{
height: 120px;
}
.filter-sidebar {
position: sticky;
top: 90px;
}
.payment_buttons a, .payment_buttons button{
width: 100% !important;
}
#adressesAccordion a {
height: 35px;
}
.cart_btn_div{
position: fixed;
bottom: 0;
width: 100%;
background: #fff;
padding: 15px;
margin: 0 !important;
z-index: 999;
left: 0;
box-shadow: 1px -3px 5px rgba(125, 125, 125, 0.5);
}
#product-image-zoom {
touch-action: pan-y;
-webkit-user-drag: none;
}
.mobile-fixed-stack {
position: fixed;
top: 0;
right: 0;
left: 0;
width: 100%;
z-index: 999;
}
.mobile-fixed-stack-spacer {
height: var(--mobile-fixed-stack-height, 0px);
}
.mo_fixed_header {
position: fixed;
top: var(--mobile-notification-height, 0px);
right: 0;
left: 0;
width: 100%;
z-index: 999;
background: #fff;
padding: 0;
box-shadow: 2px 3px 5px rgba(155, 155, 155, 0.3);
}
.mo_fixed_header .py-1 {
padding-top:0 !important;
padding-bottom:0 !important;
}
.mo_fixed_header #cartDropdown {
min-height: 60px !important;
}
.order_details_container #checkout-step {
display: none;
}
.input-sort-parent label{
display: none;
}
.input-sort-parent {
width: 78% !important;
padding-right:0;
}
.input-sort-parent select{
height: 42px;
border-radius: 25px;
}
#openFilterMobile {
border: 0;
background: transparent;
}
#related-carousel .product-thumb h4 {
font-size: 14px;
}
#addTabContainer {
border: 0;
}
#productAccordion .accordion-button {
font-weight: 600;
text-transform: uppercase;
}
#productAccordion .accordion-button:not(.collapsed) {
background-color: #fff;
box-shadow: none;
}
.price-new {
font-size:24px !important;
}
.mobile-gray-light {
background: #F3F3F3;
}
#product{
position: fixed;
bottom: 0;
background: #fff;
z-index: 9999;
/* box-shadow: 1px 2px 5px rgba(120, 120, 120, 0.5); */
width: 100%;
left: 0;
padding:10px 20px;
box-shadow: 0px -4px 9px 0px #0000001A;
text-align: center;
}
#button-cart{
margin-top: 5px !important;
}
#product-image-zoom img.mb-3{
margin-bottom: 0 !important;
max-height: 300px;
}
.product_name {
font-size:20px !important;
font-weight: 500 !important;
margin-bottom: 0.75rem;
}
.wish_btn_small, .wish_btn_small:hover {
background: transparent !important;
border: 0;
}
.breadcrumb-container {
background: transparent;
height: auto;
}
.mobile-images {
width: 100%;
display: block !important;
}
.mobile-images img{
width: 100%;
margin-bottom: 15px;
}
.top-categories h3 {
text-align: left !important;
font-size: 18px !important;
margin: 15px 0 15px -5px !important;
}
.discounted h3, .featured h3, .location-reviews h3, .related h3, .bestseller h3, .block-categories h3, .block-manufacturer h3 {
text-align: left !important;
font-size: 18px !important;
padding-left: 30px 0 20px 0px !important;
margin-bottom: 15px !important;
max-width: 100%;
}
.block-categories .sph-50, .block-manufacturer .sph-50 {
display: none;
}
.newsletter.m-c-100 {
margin-top: 20px !important;
}
.discounted.bg-gray-sub-main, .location-reviews.bg-gray-sub-main {
background: #fff !important;
}
.location-reviews.bg-gray-sub-main {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
margin-top: 0 !important;
border: 1px solid #ccc;
padding-bottom: 30px !important;
margin-top: 30px !important;
border-radius: 5px;
}
.discounted.mt-c-50, .featured.mt-c-50{
margin-top: 0px !important;
}
.discounted .sph-50, .featured .sph-50 {
display: none;
}
.mobile-app {
margin-bottom: 0 !important;
}
.p-sm-0 {
padding: 0;
}
.mobile_actions_menu img{
height: 30px !important;
max-width: auto !important;
}
.mobile_actions_menu #language img{
max-width: 30px !important;
border-radius: 15px;
}
.mobile_actions_menu #language .dropdown-menu img{
max-width: unset !important;
border-radius: 0px;
height:unset !important;
}
.mobile_menu{
z-index: 999999;
}
.mt-sm-1 {
margin-top: 0.25rem !important;
}
.mb-sm-2 {
margin-bottom: 0.5rem !important;
}
.mb-sm-3 {
margin-bottom: 0.75rem !important;
}
#search-input {
background: #F3F4F6;
border: 1px solid #F3F4F6 !important;
font-size: 14px !important;
}
.container, .container-sm {
max-width: 98%;
}
#cart .shopping-cart {
background-image: url(/image/icons/bag.svg);
background-position: center center;
background-repeat: no-repeat;
}
#cart .shopping-cart .badge {
background-color: #FEDC00;
border-radius: 50%;
top: 20px;
left: 70%;
position: absolute;
color: #565960;
}
#cart .shopping-cart-text {
display: none;
}
#information-contact .pe-5 {
padding-right:1rem !important;
}
.chat_message_admin {
width: 100%;
}
.checkout-steps {
justify-content: space-between;
}
.retour_steps_div {
display: block !important;
}
.retour_steps_div .d-flex {
width: 100% !important;
margin-bottom: 1rem;
}
#carousel-banner-0 .carousel-inner .carousel-item img {
min-height: unset;
aspect-ratio: 1300 / 276;
}
.flex-column.flex-sm-row{
flex-direction:row !important;
}
.align-items-csm-center {
align-items: center!important;
}
}
@media (max-width: 768px) {
#form-shipping-method .card.flex-row {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
/* Радиокнопка */
#form-shipping-method .card.flex-row input[type="radio"] {
margin: 0;
}
/* Лейбл с логотипом */
#form-shipping-method .card.flex-row label {
width: 100%;
display: flex;
align-items: center;
}
#form-shipping-method .card.flex-row label img {
max-width: 80px;
height: auto;
}
/* Текст */
#form-shipping-method .card.flex-row span {
font-size: 13px;
line-height: 1.4;
white-space: normal;
word-break: break-word;
}
.product-name,
.product-total-price,
.product-unit-price,
#cartSidebar .alert span{
min-width: 0;
}
.product-name span,
.product-name a,
.product-name,
#cartSidebar .alert span{
white-space: normal;
word-break: break-word;
overflow-wrap: anywhere;
}
.quantity-product-plus:active,
.quantity-product-minus:active {
border-radius: 50%;
}
.quantity-product-plus[data-bs-toggle],
.quantity-product-minus[data-bs-toggle] {
pointer-events: auto;
}
.list-group-item {
overflow: visible;
}
.quantity-product-plus,
.quantity-product-minus {
pointer-events: auto;
z-index: 5;
width: 90px !important;
height: 40px !important;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.quantity-product {
width: 75%;
}
.quantity-product-plus svg,
.quantity-product-minus svg {
width: 14px;
height: 14px;
}
.edit-quantity {
position: relative;
z-index: 5;
}
#shopping-cart #cart-list .list-group-item {
gap: 0 !important;
margin-bottom: 12px;
}
#cart-list .list-group-item .edit-quantity,
#cart-list .list-group-item .product-total-price, .cart-confirm .list-group-item .edit-quantity,
.cart-confirm .list-group-item .product-total-price , .cart-confirm .list-group-item .item_quantity {
order: 6;
}
#cart-list .list-group-item .edit-quantity, .cart-confirm .list-group-item .item_quantity {
width: 50%;
justify-content: flex-start !important;
margin-top: 0px;
}
.cart-confirm .list-group-item .product-total-price {
width: 45% !important;
text-align: right;
display: block;
margin-top: 0;
font-weight: 600;
line-height: 1.8;
flex-grow: 1;
}
#cart-list .list-group-item .product-total-price {
width: 50% !important;
text-align: right;
display: block;
margin-top: 12px;
font-weight: 600;
}
#cart-list .list-group-item .product-total-price br, .cart-confirm .list-group-item .product-total-price br {
display: none;
}
.product-contents {
background: #F3F4F6;
padding: 3px 10px;
width: fit-content;
}
#cart-list .list-group-item, .cart-confirm .list-group-item {
flex-direction: row;
align-items: flex-start !important;
gap: 12px;
margin-bottom: 15px;
border-top-width: 1px;
border-radius: 5px;
}
#cart-list .product_thumb, .cart-confirm .product_thumb {
order: 1;
width: 60px;
flex-shrink: 0;
}
#cart-list .product-name {
order: 2;
width: calc(100% - 80px) !important;
display: flex;
flex-direction: column;
justify-content: flex-start;
text-align: left;
}
.cart-confirm .product-name {
order: 2;
width: calc(100% - 105px) !important;
display: flex;
flex-direction: column;
justify-content: flex-start;
text-align: left;
}
#cart-list .product_thumb .text-sub-title, .cart-confirm .product_thumb .text-sub-title, .order_details_container .product_thumb .text-sub-title {
display: none; /* убираем дубликат */
}
#cart-list .product-name .text-sub-title, .cart-confirm .product-name .text-sub-title , .order_details_container .product-name .text-sub-title {
order: 1;
font-size: 13px;
margin-bottom: 2px;
}
/* название */
#cart-list .product-name a span , .cart-confirm .product-name a span {
order: 2;
font-size: 15px;
line-height: 1.3;
}
#cart-list .list-group-item.d-inline-flex, .cart-confirm .list-group-item.d-inline-flex {
display: flex !important;
flex-direction: row !important;
align-items: flex-start !important;
justify-content: flex-start !important;
flex-wrap: wrap !important;
gap: 12px;
}
/* 2. Картинка слева */
#cart-list .list-group-item .product_thumb, .cart-confirm .list-group-item .product_thumb {
width: 65px !important;
flex-shrink: 0;
order: 1;
padding: 10px 0;
border: 1px solid #ccc;
text-align: center;
justify-content: center;
margin-right: 10px;
height: 80px;
}
/* 3. ТЕКСТОВЫЙ БЛОК СПРАВА */
#cart-list .list-group-item .product-name, .cart-confirm .list-group-item .product-name {
order: 2;
flex: 1 1 auto !important;
display: flex !important;
flex-direction: column !important;
text-align: left !important;
font-size: 14px;
}
/* 4. Название НЕ по центру */
#cart-list .list-group-item .product-name a, .cart-confirm .list-group-item .product-name a, .order_details_container .list-group-item .product-name a {
text-align: left !important;
order:2;
}
/* 5. Артикул + вес */
#cart-list .list-group-item .product-name .text-sub-title, .cart-confirm .list-group-item .product-name .text-sub-title,
#cart-list .list-group-item .product-name .font-c-light, .cart-confirm .list-group-item .product-name .font-c-light, .order_details_container .list-group-item .product-name .font-c-light {
margin-top: 2px;
}
/* 6. Убираем лишний
*/
#cart-list .list-group-item .product_thumb br, #cart-list .list-group-item .product-name br, .cart-confirm .list-group-item .product_thumb br, .cart-confirm .list-group-item .product-name br, .order_details_container .list-group-item .product-name br {
display: none;
}
/* вес */
#cart-list .product-name span.font-c-light, .cart-confirm .product-name span.font-c-light, .order_details_container .product-name span.font-c-light {
order: 3;
font-size: 13px;
}
#cart-list .product-name span.font-c-light:first-child, .cart-confirm .product-name span.font-c-light:first-child {
order: 1;
font-size: 13px;
}
.order_details_container .add-to-wish-list {
order:6;
}
/* кнопка удаления */
#cart-list .remove-prouct-from-cart, .cart-confirm .remove-prouct-from-cart {
order: 3;
margin-left: auto;
}
.order_details_container .list-group-item.d-inline-flex {
display: grid !important;
grid-template-columns: 110px 1fr;
gap: 8px 12px;
position: relative;
}
/* Картинка */
.order_details_container .product_thumb {
grid-column: 1;
grid-row: 1 / 3;
width: 65px !important;
}
.order_details_container .product_thumb img {
width: 100% !important;
height: auto;
}
/* Артикул */
.order_details_container .product_model {
grid-column: 2;
grid-row: 1;
width: auto !important;
}
/* Название */
.order_details_container .product-name a{
color:#565960;
font-size:13px;
}
.order_details_container .product-name {
grid-column: 2;
grid-row: 2;
width: auto !important;
line-height: 1.3;
font-weight: 600;
}
.order_details_container .product-unit-price,
.order_details_container .product-total-price {
grid-column: 1 / -1 !important;
width: 100% !important;
margin: 0 !important;
}
/* 3) Убиваем переносы
, чтобы текст не ломал строку */
.order_details_container .product-unit-price br,
.order_details_container .product-total-price br {
display: none !important;
}
/* 4) Превращаем каждый блок в строку "label слева — value справа" */
.order_details_container .product-unit-price,
.order_details_container .product-total-price {
display: flex !important;
justify-content: space-between !important;
align-items: baseline !important;
gap: 12px;
padding: 6px 0 0;
}
/* 5) Лейбл */
.order_details_container .product-unit-price .text-sub-title,
.order_details_container .product-total-price .text-sub-title {
font-size: 12px !important;
opacity: .75;
white-space: nowrap;
}
/* 6) Значение */
.order_details_container .product-unit-price .font-c-medium,
.order_details_container .product-total-price .font-c-medium {
font-size: 14px !important;
white-space: nowrap;
}
/* 7) Разделители чтобы выглядело структурно */
.order_details_container .product-unit-price { border-top: 1px solid rgba(0,0,0,.08); }
.order_details_container .product-total-price { border-top: 1px solid rgba(0,0,0,.08); }
/* 8) Сердечко вниз вправо, чтобы не мешало */
.order_details_container .add-to-wish-list {
position: absolute !important;
top: 0px;
right: 8px;
margin: 0 !important;
width: auto !important;
}
/* 9) Обнуляем твои w-c-* ширины, они чаще всего всё ломают */
.product_thumb,
.product_model,
.product-name,
.product-unit-price,
.product-total-price,
.add-to-wish-list {
width: auto !important;
max-width: 100% !important;
}
/* quantity — в отдельный ряд */
#cart-list .edit-quantity , .cart-confirm .edit-quantity {
order: 4;
width: 100%;
justify-content: center;
margin-top: 8px;
}
/* цены — в один ряд */
#cart-list .product-unit-price,
#cart-list .product-total-price , .cart-confirm .product-unit-price,
.cart-confirm .product-total-price {
order: 5;
width: 50%;
margin-top: 8px;
}
#cart-list .product-unit-price, .order_details_container .product-unit-price, .cart-confirm .product-unit-price {
text-align: left;
}
#cart-list .product-total-price , .cart-confirm .product-total-price, .order_details_container .product-total-price {
text-align: right;
}
#checkout-cart .total-cart-sum .fsc-16{
font-size:12px !important;
line-height: 1.2 !important;
}
.d-sm-flex {
display: flex !important;
}
#cart-list .product_thumb img {
object-fit: contain;
height:100%;
}
.product-stock_status_text{
order:3;
width: 100%;
justify-content: space-between;
border-top:1px solid #E8E8E8;
border-bottom:1px solid #E8E8E8;
padding:10px 0;
margin-top: 15px;
}
#cart-list .product-name span.fsc-16 {
font-size: 14px;
line-height: 1.3;
font-weight: 600;
}
#cart-list .text-sub-title {
font-size: 12px;
line-height: 1.2;
}
/* Цены */
#cart-list .product-unit-price,
#cart-list .product-total-price {
width: 100% !important;
display: flex;
justify-content: space-between;
align-items: center;
}
#cart-list .product-unit-price span:first-child,
#cart-list .product-total-price span:first-child {
font-size: 12px;
color: #777;
}
#cart-list .product-unit-price span:last-child,
#cart-list .product-total-price span:last-child {
font-size: 15px !important;
font-weight: 600;
}
#cart-list .product-unit-price br,
#cart-list .product-total-price br {
display: none;
}
/* Кнопка удаления */
#cart-list .remove-prouct-from-cart {
position: absolute;
top: 0px;
right: 0px;
width: auto;
}
#cart-list .remove-prouct-from-cart svg {
width: 16px;
height: 16px;
}
/* Лишнее скрываем */
#cart-list .add-to-wish-list {
display: none !important;
}
#shopping-cart #cart-list .list-group-item {
gap:0 !important;
}
}
/*FOOTER*/
@media (max-width: 767px) {
.mb-c-sm-60 {
margin-bottom: 3rem !important;
}
#top-seacrh {
display: block;
}
.search-wrapper {
display: flex;
padding:0 15px;
margin-top:15px;
}
.search-icon-btn {
background: #F3F4F6;
border: 1px solid #F3F4F6 !important;
border-radius: 0 5px 5px 0;
margin-left: -10px;
}
#search-input:focus{
box-shadow: unset !important;
}
.marker {
right:15px;
}
#product-list .marker {
right:0px;
}
.featured .marker, .discounted .marker, .bestseller .marker, .block-categories .marker, .block-manufacturer .marker {
right:0;
}
#button-cart {
transition:
transform 0.15s ease,
background-color 0.2s ease;
}
#button-cart.is-added {
transform: scale(0.95);
background-color: #FFD400;
}
.shopping-cart {
transition: transform 0.2s ease;
}
.shopping-cart.is-pulse {
animation: cartPulse 0.35s ease;
}
@keyframes cartPulse {
0% { transform: scale(1); }
50% { transform: scale(1.5); }
100% { transform: scale(1); }
}
.shopping-cart .badge {
transition: transform 0.2s ease;
}
.shopping-cart.is-badge {
--jump: 1.4;
}
.shopping-cart.is-badge .badge {
animation: badgeJump 0.3s ease;
}
@keyframes badgeJump {
0% { transform: scale(1); }
50% { transform: scale(1.4); }
100% { transform: scale(1); }
}
.fly-item {
position: fixed;
width: 16px;
height: 16px;
background: #FFD400;
border-radius: 50%;
z-index: 9999;
pointer-events: none;
transform: translate(-50%, -50%) scale(1);
transition:
transform 0.6s cubic-bezier(.4,0,.2,1),
opacity 0.6s ease;
}
.chat_message_customer{
width: 90%;
}
.retour_product_name {
white-space: initial !important;
}
#captcha_field {
margin-left: 0 !important;
width: 100% !important;
}
.w-sm-100 {
width: 100% !important;
}
#column-left {
margin-bottom: 0 !important;
}
.special-title{
margin-bottom: 0 !important;
}
.filter-sidebar {
position: initial;
top:unset;
display: none;
}
.filter-box {
position: fixed;
left: 0;
right: 0;
bottom: 0;
background: #fff;
z-index: 10500;
padding: 16px 16px 24px;
max-height: 90vh;
overflow-y: auto;
transition: transform .3s ease;
border-radius: 16px 16px 0 0;
}
.filter-sidebar.is-open {
display: block;
}
.filter-section {
border: 1px solid #e5e5e5;
border-radius: 12px;
margin-bottom: 12px;
}
.filter-title {
width: 100%;
border: none;
padding: 14px 16px;
font-weight: 600;
display: flex;
justify-content: space-between;
align-items: center;
}
.filter-content {
display: none;
padding: 0 16px 16px;
}
.filter-section.is-open .filter-content {
display: block;
}
.chevron {
width: 10px;
height: 10px;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
transform: rotate(45deg);
transition: transform .2s;
}
.filter-section.is-open .chevron {
transform: rotate(-135deg);
}
.order_details_container #checkout-step .checkout-steps {
display: flex;
flex-direction: column;
gap: 16px;
align-items: center !important;
}
.order_details_container #checkout-step .step {
display: flex;
align-items: center;
gap: 12px;
}
.order_details_container #checkout-step .complete-icon svg {
width: 36px;
height: 36px;
}
.order_details_container #checkout-step .label {
font-size: 14px;
line-height: 1.3;
}
.order_details_container .row.align-items-stretch {
flex-direction: column;
}
.order_details_container .col-6 {
width: 100%;
margin-bottom: 15px;
}
.order_details_container .card {
border-radius: 14px;
}
.order_details_container .card-body span {
font-size: 14px;
line-height: 1.4;
}
.order_details_container .mt-3.mb-3 .d-flex {
flex-direction: column;
gap: 12px;
}
.order_details_container .btn {
width: 100%;
text-align: center;
}
/* вертикальная линия */
.order_details_container #checkout-step .delimiter {
width: 2px;
height: 24px;
margin-left: 18px;
}
.order_details_container_address {
flex-direction: column;
}
footer.mt-c-120 {
padding-top: 32px;
margin-top: 20px !important;
}
footer .container.mb-c-60{
margin-bottom: 20px !important;
}
footer .container.gap-c-30{
gap:5px !important;
}
footer .container,
footer .row {
gap: 0px;
}
footer h5 {
margin-bottom: 16px;
text-align: center;
}
footer p,
footer li,
footer a {
text-align: center;
font-size: 14px;
line-height: 1.6;
}
.fb-icon a,
.instagram-icon a,
.youtube-icon a {
width: 52px;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
}
.fb-icon svg,
.instagram-icon svg,
.youtube-icon svg {
width: 36px;
height: 36px;
}
footer ul li {
margin-bottom: 0;
}
footer ul li a {
display: block;
padding: 8px 0;
font-size: 15px;
}
footer .fsc-25 {
font-size: 20px;
font-weight: 600;
}
footer .mb-c-30, footer .mb-c-40{
margin-bottom: 0 !important;
}
footer .fsc-12 {
opacity: 0.8;
}
.paypal,
.visa,
.mastercard,
.applepay,
.googlepay {
width: 48%;
display: flex;
justify-content: center;
}
footer .d-flex.flex-sm-row {
flex-wrap: wrap;
gap: 12px;
justify-content: center;
}
footer svg {
max-width: 100%;
height: auto;
}
footer > .container svg:first-child {
max-width: 160px;
height: auto;
margin: 0 auto;
display: block;
}
#chatbot-toggle {
right: 16px;
bottom: 25px;
top:unset;
width: 56px;
height: 56px;
}
#chatbot-toggle svg {
width: 26px;
height: 26px;
}
footer p.text-center {
font-size: 12px;
line-height: 1.5;
padding: 0 16px;
}
.footer-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.footer-section.is-open .footer-content {
max-height: 500px; /* достаточно для списков */
}
.footer-title {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding: 14px 0;
font-size: 16px;
}
.footer-title2 {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding: 14px 0 0;
font-size: 16px;
}
.footer-shipping-div {
margin-top: 2rem;
}
.footer-shipping-div {
justify-content: center !important;
align-items: center !important;
width: 100%;
}
/* стрелка */
.footer-title::after {
content: "";
font-size: 14px;
transition: transform 0.3s ease;
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%233634a3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-size: 1.25rem;
/* transition: var(--cui-accordion-btn-icon-transition); */
width: 1.25rem;
height: 1.25rem;
}
.footer-section.is-open .footer-title::after {
transform: rotate(180deg);
}
/* ссылки */
.footer-content li a {
display: block;
padding: 10px 0;
font-size: 15px;
}
.konto_container ul#myTab.nav-tabs {
display: flex;
border: none;
gap: 6px;
padding: 6px;
flex-wrap: nowrap;
justify-content: center;
}
#myTabContent .flex-grow-1.text-end {
text-align: center !important;
}
.konto_tabs_container ul#myTab.nav-tabs {
display: flex;
border: none;
gap: 6px;
padding: 6px;
flex-wrap: nowrap;
justify-content: start;
}
.konto_container ul#myTab.nav-tabs .nav-link {
border: none;
border-radius: 999px;
padding: 8px 14px;
font-size: 14px;
background: transparent;
color: #333;
white-space: nowrap;
margin: 0;
}
.scroll-hidden {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.scroll-hidden::-webkit-scrollbar {
width: 0;
height: 0;
}
.konto_container ul#myTab.nav-tabs .nav-link.active {
background: #1F91D8;
color: #fff;
}
.konto_container .w-c-140 {
width: 100% !important;
font-size: 16px !important;
font-weight: 600;
grid-column: span 2;
border-bottom: 1px solid #ccc;
margin-bottom: 5px;
}
.konto_container li.list-group-item[data-group] {
padding: 14px 16px;
border-radius: 14px;
box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}
/* Заголовок + номер */
.konto_container li.list-group-item[data-group] > span:nth-child(1),
.konto_container li.list-group-item[data-group] > span:nth-child(3) {
font-weight: 600;
font-size: 15px;
display: inline-block;
}
/* Сетка параметров */
.konto_container li.list-group-item[data-group] {
display: grid !important;
grid-template-columns: 1fr 1fr;
gap: 0px 12px;
}
/* Заголовок на всю ширину */
.konto_container li.list-group-item[data-group] > span:nth-child(1),
.konto_container li.list-group-item[data-group] > span:nth-child(3),
.konto_container li.list-group-item[data-group] > span:last-child {
grid-column: span 2;
}
.konto_tabs_container {
max-width: 100%;overflow: auto;
}
/* Строки */
.konto_container li.list-group-item[data-group] span:first-child img {
width: 20px;
}
.konto_container li.list-group-item[data-group] span {
font-size: 13px;
}
/* Статус */
.konto_container li.list-group-item[data-group] .w-c-110.sm-green {
color: #51AF00;
font-weight: 600;
font-size: 10px;
background: #51AF001A;
text-align: center;
border-radius: 22px;
padding: 6px 18px;
width: fit-content !important;
grid-column: span 2;
margin-top: 20px;
position: absolute;
top: 0;
right: 15px;
}
.konto_container li.list-group-item[data-group] .w-c-110.sm-blue {
color: #76bef8;
font-weight: 600;
font-size: 10px;
background: #76bef81A;
text-align: center;
border-radius: 22px;
padding: 6px 18px;
width: fit-content !important;
grid-column: span 2;
margin-top: 20px;
position: absolute;
top: 0;
right: 15px;
}
/* Кнопка */
.konto_container li.list-group-item[data-group] a.view_order {
grid-column: span 2;
margin-top: 10px;
padding: 10px 0;
border-radius: 999px;
font-size: 14px;
}
.chat-btn-container {
position: relative !important;
text-align: center ;
}
#chatBanner h1 {
font-size: 1.2rem;
}
.container.my-5 h2 {
font-size: 20px;
line-height: 1.3;
margin-bottom: 12px;
}
.container.my-5 > p {
font-size: 14px;
line-height: 1.5;
}
.alert-success {
font-size: 14px;
line-height: 1.4;
padding: 12px 14px;
border-radius: 12px;
}
.container.my-5 > .d-flex {
flex-direction: column;
gap: 12px;
}
.container.my-5 .card.w-30 {
width: 100% !important;
margin-right: 0 !important;
}
.container.my-5 .card img {
width: 36px;
height: 36px;
}
.container.my-5 .card b {
font-size: 14px;
}
.container.my-5 .card {
border-radius: 14px;
}
.container.my-5 .mx-auto.p-2 {
flex-direction: row;
gap: 10px;
padding: 10px !important;
border-radius: 12px !important;
}
.container.my-5 .mx-auto img {
width: 48px;
height: 48px;
object-fit: contain;
}
.container.my-5 .mx-auto strong {
font-size: 14px;
line-height: 1.3;
display: block;
}
.container.my-5 .mx-auto span:last-child {
font-weight: 600;
font-size: 14px;
white-space: nowrap;
}
.container.my-5 .card.mt-3 p {
font-size: 14px;
}
.container.my-5 .card.mt-3 {
border-radius: 14px;
}
.container.my-5 .mt-3.d-flex {
flex-direction: column;
gap: 12px;
}
.container.my-5 .btn {
width: 100%;
text-align: center;
font-size: 15px;
}
.retour_container {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.retour_container a.btn {
margin-right: 0 !important;
}
#productForm .border.rounded.p-3 {
display: flex;
flex-direction: column;
align-items: stretch !important;
gap: 10px;
border-radius: 14px;
box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}
/* Верхняя строка: checkbox + картинка + название */
#productForm .border.rounded.p-3 > .me-2,
#productForm .border.rounded.p-3 > .product_thumb,
#productForm .border.rounded.p-3 > .product-name {
display: inline-flex;
align-items: center;
}
/* Чекбокс */
#productForm .border.rounded.p-3 input[type="checkbox"] {
width: 18px;
height: 18px;
margin-top: 5px;
}
#productForm .border.rounded.p-3 .me-2 {
width: auto !important;
}
/* Картинка */
#productForm .border.rounded.p-3 .product_thumb img {
width: 56px;
height: 56px;
object-fit: contain;
background: #f5f6f7;
border-radius: 8px;
padding: 6px;
}
/* Название */
#productForm .border.rounded.p-3 .product-name {
flex: 1;
min-width: 0;
}
#productForm .border.rounded.p-3 .product-name strong {
font-size: 15px;
line-height: 1.3;
display: block;
}
#productForm .border.rounded.p-3 .product-name {
font-size: 13px;
color: #555;
}
/* Количество */
#productForm .border.rounded.p-3 .mb-2 {
justify-content: flex-start;
gap: 8px;
}
#productForm .border.rounded.p-3 input[type="number"] {
width: 70px !important;
font-size: 14px;
}
#productForm .border.rounded.p-3 {
padding: 12px;
gap: 12px;
}
/* Верхняя строка: checkbox + товар */
#productForm .border.rounded.p-3 {
display: grid !important;
grid-template-columns: auto 1fr;
grid-template-rows: auto auto;
column-gap: 12px;
row-gap: 8px;
}
/* Чекбокс */
#productForm .border.rounded.p-3 > .me-2 {
grid-row: 1;
grid-column: 1;
align-self: start;
}
/* Картинка */
#productForm .border.rounded.p-3 .product_thumb {
grid-row: 1;
grid-column: 2;
display: flex;
align-items: start;
gap: 10px;
}
#productForm .border.rounded.p-3 .product_thumb img {
width: 56px;
height: 56px;
}
/* Название */
#productForm .border.rounded.p-3 .product-name {
grid-row: 1;
grid-column: 2;
margin-left: 66px; /* место под картинку */
font-size: 14px;
line-height: 1.3;
display: block;
}
/* Количество */
#productForm .border.rounded.p-3 .mb-2 {
grid-row: 2;
grid-column: 2;
justify-content: flex-start !important;
align-items: center !important;
gap: 6px;
}
#productForm .border.rounded.p-3 input[type="number"] {
width: 64px !important;
border: 0;
height: unset !important;
}
#productForm .border.rounded.p-3 .mb-2 span:last-child {
font-size: 13px;
color: #666;
}
#productForm .border.rounded.p-3:has(input[type="checkbox"]:checked) {
border-color: #1F91D8;
background: #f4f9ff;
}
.retour_container_address span, .retour_container_address strong{
display: block;
float: unset !important;
}
.my-5 {
margin-top: 1rem !important;
}
.return-controls {
flex-direction: column;
align-items: stretch;
width: 100%;
}
.return-reason {
width: 100%;
}
.return-reason select {
width: 100%;
}
.return-qty {
width: 100%;
justify-content: flex-start;
}
.return-qty input {
width: 80px;
}
.retour_quantity_form .border {
display: flex !important;
flex-direction: row !important;
justify-content: start !important;
}
.retour_quantity_form .w-30{
width: 100% !important;
}
.chat_message_customer .angle_div , .chat_message_admin .angle_div {
top:-8px;
}
}
/** END FOOTER **/
.blog-recipe .blog-recipe-description {
color: #565960;
font-size: 14px;
line-height: 20px;
min-height: 95px;
}
@media (max-width: 700px) {
.address_link {
flex-wrap: wrap;
}
.address_link .setCustomerDefaultAdress {
width: 100%;
order: 1;
margin-bottom: 8px;
margin-right: 0 !important;
}
.address_link > a:nth-child(2),
.address_link > a:nth-child(3) {
order: 2;
}
}
@media (max-width: 575px) {
#backToPayment {
margin-bottom: 10px;
}
.edit_adress {
margin-right: 5px !important;
margin-bottom: 10px;
}
.address_link > a {
font-size: 14px;
}
.chat_message_customer .angle_div , .chat_message_admin .angle_div {
top:-10px;
}
#chatMessages .mm_logo {
display: none;
}
.footer-section {
width: 100%;
text-align: center;
border: 1px solid #ccc;
border-radius: 10px;
padding: 10px 20px 0px 20px;
margin-bottom: 15px;
}
.product-thumb h4, .product-thumb .h4 {
height: 50px;
line-height: 1;
}
.d-sm-block {
display: block !important;
}
.d-sm-flex {
display: flex !important;
}
.newsletter {
margin-top: 20px !important;
margin-bottom: 30px !important;
}
#button-newsletter {
width: 90% !important;
}
.newsletter-module .form-check {
max-width: 100%;
}
.newsletter-form div{
width: 100%;
}
#input-newsletter-email {
width: 100%;
}
.fsc-sm-12 {
font-size: 12px;
}
}
@media (max-width: 479px) {
.wpwl-control-brand, .wpwl-wrapper-brand {
width: 100% !important;
padding-right: 0;
}
.wpwl-group-cardHolder {
padding-left: 0;
}
}
@media (max-width: 439px) {
.newest .swiper-container, .relay-wrapper .swiper-container {
padding: 0;
width: 100%;
}
#stars {
flex-grow: 1;
}
#input-rating {
flex-wrap:wrap;
}
#error-rating {
margin: 1rem 0;
}
.product-thumb h4, .product-thumb .h4 {
height: 70px;
line-height: 1;
}
#product-category {
overflow: hidden;
padding-bottom: 40px;
}
.mb-sm-0 , #input-sort, #input-limit{
margin-bottom: 0 !important;
}
html {
overflow-x: hidden;
}
.product-thumb{
box-shadow: unset;
}
.top-categories .item-category h4, .top-categories .item-category .h4, .open-menu-sub-categories .item-category h4, .open-menu-sub-categories .item-category .h4 {
font-size:16px;
}
.marker{
width: 35px;
}
.marker-text {
display: none;
}
.age_marker .marker-text, .marker.discount .marker-text{
display: block;
margin-left: -25px;
}
.basket_marker .marker-text{
margin-left: 0;
display: block;
}
.cart-confirm .edit-quantity{
display: none !important;
}
.step cart-confirm .basket_marker .marker-text{
display: block;
}
#button-cart , #product, #form-review button{
width: 100% !important;
}
.product-share-area {
width: 100%;
text-align: center;
}
.pagination-container {
display: flex !important;
justify-content: center !important; /* центрируем */
align-items: start !important;
gap: 2px !important;
padding: 8px 0;
}
.pagination-item {
min-width: 36px;
height: 36px;
padding: 0 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
line-height: 1;
cursor: pointer;
user-select: none;
}
.pagination-item.active {
background: #0d6efd;
color: #fff;
border-color: #0d6efd;
font-weight: 600;
}
.breadcrumb {
flex-wrap: nowrap;
}
.breadcrumb-item {
max-width: 30%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.breadcrumb-item:last-child {
max-width: 45%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.breadcrumb .breadcrumb-item a {
font-size: 12px;
}
#checkout-step {
margin-bottom:15px !important;
}
#modal-shipping .modal-title, #modal-payment .modal-title{
margin-top:0.5rem !important;
margin-bottom: 0.5rem !important;
}
#form-shipping-method p, #form-payment-method p {
margin-bottom: 0;
}
#form-shipping-method .form-check , #form-payment-method .form-check{
margin-bottom: 0;
min-height: 0;
}
.rules-agree .form-check{
width: 40px;
}
header .top-menu > li > a {
width: 60px !important;
}
.checkout-steps .step .label {
font-size:0.675rem;
}
.confirm-buttons-div {
display: flex;
flex-direction: column !important;
}
#button-shipping-back, .confirm-buttons-div button , .confirm-buttons-div a{
width: 100% !important;
}
.confirm-buttons-div a, #button-payment-method_back {
order:2;
}
#form-shipping-method .card.flex-row {
padding: 12px;
}
#form-shipping-method .card.flex-row label img {
max-width: 70px;
}
#form-shipping-method .card.flex-row span {
font-size: 12px;
min-width: 50px;
}
#cart-list .alert br:nth-child(2){
display:none;
}
/* 1. Запрещаем flex съедать иконки */
.top-menu .row > div:last-child > * {
flex-shrink: 0;
}
/* 3. Строка иконок — одна линия */
.top-menu .row {
flex-wrap: nowrap;
min-width: max-content;
}
/* 4. Контейнер не режет скролл */
.top-menu .container {
overflow: visible;
}
/* 6. Убираем разделители */
.top-menu .delimiter {
display: none;
}
#cartDropdown {
flex-direction: column !important;
position: relative;
}
#cartDropdown .shopping-cart-text {
position:absolute;
bottom: 0;
}
.cart-breadcrumbs {
flex-direction: column !important;
flex-flow: column-reverse !important;
gap:0px !important;
}
.breadcrumb-container {
margin-bottom: 10px !important;
}
#shopping-cart h3 {
margin-bottom: 0 !important;
}
}
@media (max-width: 432px) {
/* Иконки — плотнее */
.header-icons,
.top-icons,
.header-right {
gap: 10px;
}
/* Цена под корзиной */
.cart-price,
.cart-total,
.header-price {
display: block;
font-size: 12px;
margin-top: 2px;
text-align: center;
}
/* Корзина как колонка */
.cart-icon-wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
/* Разделители | убираем */
.header-separator {
display: none;
}
/* Бейджи чуть меньше */
.badge,
.count-badge,
.cart-count {
width: 14px;
height: 14px;
font-size: 9px;
}
/* Нижняя строка ещё компактнее */
.account-info,
.logged-user {
font-size: 11px;
padding: 4px 8px;
}
.top-menu .row > div:first-child {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
/* скрываем разделители */
.top-menu .delimiter {
display: none;
}
/* иконки плотнее */
.top-menu .row > div:last-child {
align-items: center !important;
font-size: 10px;
}
/* цена под корзиной */
#cart {
display: flex;
flex-direction: column;
align-items: center;
}
#cart .cart-total,
#cart .header-price {
font-size: 12px;
white-space: nowrap;
}
}
@media (max-width: 420px) {
.flex-column.flex-sm-row{
flex-direction:column !important;
}
}