@charset "UTF-8";


* {
box-sizing: border-box;
}
body {
background-color: #ECECEC;
font-family: "Roboto", sans-serif;
color: #000000;
line-height: 1.5;
font-size: 1.145rem;
}
a, a:visited {
color: #8b9f15;
}
body, html {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Racing Sans One", cursive;
}
h1 {
font-size: 2.4rem;
}
::-moz-selection {
color: #fff;
background: rgba(193, 211, 94, 0.99);
}
::selection {
color: #fff;
background: rgba(193, 211, 94, 0.99);
}
.pw, .content-wrapper {
width: 1280px;
margin: 0 auto;
}
.content-wrapper {
padding: 1rem 0 3rem 0;
}
body.home .content-wrapper {
padding: 0 !important;
}
body.home main {
padding: 2rem 0;
}
.breadcrumbs {
display: flex;
align-items: center;
flex-wrap: wrap;
font-size: 0.8rem;
color: #8c8c8c;
}
.breadcrumbs a {
display: block;
text-decoration: none;
color: black;
}
.breadcrumbs .material-symbols-outlined {
font-size: 20px;
}
.breadcrumbs .breadcrumb-sep {
padding: 0 10px;
font-size: 1rem;
font-weight: 300;
color: grey;
}
.breadcrumbs .breadcrumb-sep:last-child {
display: none;
}
.searcher-component .wrap {
background: #FFFFFF;
border: 1px solid #102038;
border-radius: 25px;
overflow: hidden;
padding: 0;
position: relative;
}
.searcher-component .wrap:before {
content: "search";
font-family: "Material Symbols Outlined";
position: absolute;
left: 8px;
font-size: 1.85rem;
color: #E2E2E2;
top: 50%;
transform: translateY(-50%);
}
.searcher-component .wrap input[type=text],
.searcher-component .wrap button {
line-height: 40px;
margin: 0;
}
.searcher-component .wrap .input {
flex: 1;
}
.searcher-component .wrap .button {
width: 80px;
text-align: center;
position: absolute;
top: 50%;
right: 2px;
transform: translateY(-50%);
}
.searcher-component .wrap input[type=text] {
padding: 0 95px 0 45px;
line-height: 44px;
width: 100%;
background-color: transparent;
border: none;
outline: none;
font-weight: bold;
color: #e5007c;
}
.searcher-component .wrap button {
background-color: #102038;
color: white;
font-size: 0.9rem;
font-weight: 300;
cursor: pointer;
line-height: 36px;
padding: 0 12px;
border-radius: 25px;
}
.text-bold {
font-weight: bold;
}
body.error404 .content-wrapper {
aspect-ratio: 16/9;
min-height: 650px;
}
body.error404 .content-wrapper .pw, body.error404 .content-wrapper .content-wrapper {
text-align: center;
position: relative;
height: 100%;
}
body.error404 .in404 {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%, -50%);
}
body.error404 .in404 .code {
font-size: 12vw;
font-weight: 100;
line-height: 1;
color: #1c1c1c;
}
body.error404 .in404 h1 {
font-size: 3rem;
color: black;
}
body.error404 .in404 ul {
text-align: left;
width: 500px;
margin: 0 auto;
font-size: 0.9rem;
}
body.error404 .in404 h2 {
margin: 45px 0 10px 0;
font-size: 1.2rem;
}
body.error404 .in404 a, body.error404 .in404 a:visited {
color: #afca04;
text-transform: uppercase;
font-size: 0.8rem;
margin: 0 10px;
}
.hint {
font-size: 0.8rem !important;
}
.alert {
background-color: #d7d7d7;
padding: 15px;
border-radius: 5px;
margin: 5px 0 15px 0;
}
.alert.alert-error {
color: white;
background-color: #c51c1c;
}
body.search .pretext {
text-transform: uppercase;
font-size: 2.7rem;
color: #afca04;
font-weight: 300;
}
body.search h1 {
margin: 0 0 10px 0;
}
body.search h1 .keyword {
color: #e5007c;
}
body.menuopened {
overflow: hidden;
top: 0;
}
.mobile-toggler {
display: none;
}
.toggle-mobile-menu {
border: 1px solid #b7b7b7;
cursor: pointer;
padding: 10px;
text-align: center;
width: 45px;
height: 45px;
border-radius: 4px;
display: none;
position: relative;
z-index: 9999;
background: white;
}
.show-on-mobile {
display: none;
}
header .menubar .closerbar {
display: none;
}
.mobile-nav-title {
text-transform: uppercase;
font-size: 10vw;
margin-top: 25px;
display: none;
}
.mobile-nav-title.smaller {
font-size: 5vw;
margin-bottom: 20px;
}
header {
position: sticky;
z-index: 1000;
top: 0;
background-color: #F8F8F8;
box-shadow: 0 10px 40px -20px #b1b1b1;
border-top: 8px solid #afca04;
}
header:before {
content: "";
background-color: #e5007c;
height: 8px;
width: calc((100% - 1280px) / 2);
top: -8px;
left: 0;
position: absolute;
}
header > .wrapper {
padding: 10px 0;
}
header > .wrapper > .pw, header > .wrapper > .content-wrapper {
display: flex;
gap: 15px;
align-items: center;
}
header > .wrapper > .pw .logo, header > .wrapper > .content-wrapper .logo {
position: relative;
}
header > .wrapper > .pw .logo:before, header > .wrapper > .content-wrapper .logo:before {
content: "";
background-color: #e5007c;
height: 8px;
width: 100%;
top: -18px;
left: 0;
position: absolute;
}
header > .wrapper > .pw .logo a, header > .wrapper > .content-wrapper .logo a {
display: block;
line-height: 1;
}
header > .wrapper > .pw .searcher, header > .wrapper > .content-wrapper .searcher {
flex-basis: 360px;
padding-left: 35px;
}
header > .wrapper > .pw .fav .material-symbols-outlined, header > .wrapper > .content-wrapper .fav .material-symbols-outlined {
vertical-align: bottom;
margin-right: 5px;
}
header > .wrapper > .pw .fav a, header > .wrapper > .content-wrapper .fav a, header > .wrapper > .pw .fav a:visited {
color: black;
font-size: 0.85rem;
text-decoration: none;
transition: color 0.2s;
}
header > .wrapper > .pw .fav a .material-symbols-outlined, header > .wrapper > .content-wrapper .fav a .material-symbols-outlined, header > .wrapper > .pw .fav a:visited .material-symbols-outlined {
transition: transform 0.2s;
}
header > .wrapper > .pw .fav a:hover, header > .wrapper > .content-wrapper .fav a:hover {
color: #e5007c;
}
header > .wrapper > .pw .fav a:hover .material-symbols-outlined, header > .wrapper > .content-wrapper .fav a:hover .material-symbols-outlined {
transform: scale(1.1);
}
header > .wrapper > .pw .link ul, header > .wrapper > .content-wrapper .link ul, header > .wrapper > .pw .link li, header > .wrapper > .content-wrapper .link li {
list-style: none;
margin: 0;
padding: 0;
}
header > .wrapper > .pw .link ul, header > .wrapper > .content-wrapper .link ul {
display: flex;
flex-wrap: nowrap;
gap: 20px;
align-items: center;
}
header > .wrapper > .pw .link ul a, header > .wrapper > .content-wrapper .link ul a, header > .wrapper > .pw .link ul a:visited {
color: black;
text-transform: uppercase;
font-size: 0.85rem;
font-weight: bold;
text-decoration: none;
}
header > .wrapper > .pw .link ul a:hover, header > .wrapper > .content-wrapper .link ul a:hover {
color: #afca04;
}
header > .wrapper > .pw .cart > .wrapper, header > .wrapper > .content-wrapper .cart > .wrapper {
background: #102038;
border-radius: 10px;
}
header > .wrapper > .pw .cart > .wrapper a, header > .wrapper > .content-wrapper .cart > .wrapper a, header > .wrapper > .pw .cart > .wrapper a:visited {
display: block;
color: white;
padding: 12px;
font-size: 1rem;
text-decoration: none;
}
header > .wrapper > .pw .cart > .wrapper .afa, header > .wrapper > .content-wrapper .cart > .wrapper .afa {
font-size: 0.62rem;
}
header > .wrapper > .pw .cart > .wrapper .material-symbols-outlined, header > .wrapper > .content-wrapper .cart > .wrapper .material-symbols-outlined {
vertical-align: bottom;
margin-right: 10px;
}
header > .wrapper > .pw .sep, header > .wrapper > .content-wrapper .sep {
flex: 1;
}
header .menubar {
background-color: white;
padding: 0;
}
header .menubar ul.menu {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
font-size: 0.95rem;
letter-spacing: -1px;
}
header .menubar ul.menu a, header .menubar ul.menu a:visited {
font-weight: bold;
text-transform: uppercase;
color: #102038;
text-decoration: none;
padding: 12px 10px;
display: block;
line-height: 1;
font-size: 0.89rem;
}
header .menubar ul.menu li:hover a,
header .menubar ul.menu li.current-menu-item a {
color: #afca04;
}
footer {
background: #232736;
color: #8d8f93;
font-size: 0.85rem;
border-bottom: 5px solid #afca04;
position: relative;
}
footer > .wrapper {
padding: 30px 0;
}
footer .groups {
display: flex;
gap: 50px;
}
footer .groups > .block {
flex-basis: 33.3333333333%;
}
footer .groups .logo img {
width: 100%;
height: auto;
}
footer .groups .block.footer-left {
position: relative;
}
footer .groups .block.footer-left:after {
content: "";
background-color: #e5007c;
height: 5px;
width: 100%;
bottom: -77px;
left: 0;
position: absolute;
}
footer:after {
content: "";
background-color: #e5007c;
height: 5px;
width: calc((100% - 1280px) / 2);
bottom: -5px;
left: 0;
position: absolute;
}
footer .widget-title {
font-weight: bold;
color: white;
font-size: 1.05rem;
margin: 0 0 22px 0;
}
footer .menu {
list-style: none;
margin: 0;
padding: 0;
}
footer .menu li a {
font-weight: bold;
display: block;
font-size: 1.1rem;
}
footer .menu li a:hover {
color: #afca04;
}
footer .menu li + li {
margin: 12px 0;
}
footer a, footer a:visited {
color: #aaaaaa;
text-decoration: none;
}
footer .phone-link,
footer .email-link {
font-size: 1.54rem;
line-height: 1.1;
margin: 0;
}
footer .phone-link a,
footer .email-link a {
color: #dddddd;
font-weight: bold;
}
footer .email-link {
font-size: 1rem;
margin: 15px 0 20px 0;
}
footer .email-link a {
text-decoration: underline;
}
footer .copyright {
color: #B2B4B8;
font-size: 0.75rem;
padding: 12px 0;
}
footer .copyright .text-bold {
color: white;
}
.slide-holder {
aspect-ratio: 26/9;
margin: 25px 0 55px 0;
}
.slide-holder .glide {
visibility: hidden;
height: 100%;
}
.slide-holder .glide .glide__track,
.slide-holder .glide .glide__slides {
height: 100%;
}
.slide-holder .glide .glide__track {
border-radius: 15px;
background-color: #222530;
}
.slide-holder .glide.glide--slider, .slide-holder .glide.glide--carousel {
visibility: visible;
}
.slide-holder .glide .glide__slide {
position: relative;
}
.slide-holder .glide .glide__slide .wrapper {
overflow: hidden;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.slide-holder .glide .glide__slide .wrapper, .slide-holder .glide .glide__slide .contents {
height: 100%;
}
.slide-holder .glide .glide__slide .contents {
position: relative;
z-index: 2;
color: white;
width: 50%;
height: 100%;
}
.slide-holder .glide .glide__slide .contents .contents-wrapper {
position: absolute;
top: 50%;
padding: 2rem;
padding-left: 15%;
transform: translateY(-50%);
}
.slide-holder .glide .glide__slide .contents .contents-wrapper .section-top-title {
font-size: 1rem;
line-height: 1.1;
font-weight: bold;
text-transform: uppercase;
}
.slide-holder .glide .glide__slide .contents .contents-wrapper .section-title {
font-size: 2.8rem;
line-height: 1.15;
margin: 15px 0 20px 0;
font-weight: bold;
text-transform: uppercase;
color: #e5007c;
}
.slide-holder .glide .glide__slide .contents .contents-wrapper .section-title + p {
font-size: 0.9rem;
line-height: 1.7;
color: #fff;
}
.slide-holder .glide .glide__slide .contents .contents-wrapper .button {
margin: 35px 0 0 0;
display: flex;
align-items: center;
gap: 20px;
}
.slide-holder .glide .glide__slide .contents .contents-wrapper .button a {
display: block;
background: #afca04;
color: white !important;
padding: 12px 15px;
border-radius: 3px;
text-decoration: none;
text-transform: uppercase;
}
.slide-holder .glide .glide__slide .contents .contents-wrapper .button a.grey {
background-color: #d1d1d1;
color: black;
}
.slide-holder .glide .glide__slide .contents .contents-wrapper .button .skew {
transform: skew(-20deg);
}
.slide-holder .glide .glide__slide .contents .contents-wrapper .button .skew span {
display: block;
transform: skew(20deg);
}
.slide-holder .glide .glide__slide img {
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
width: 100%;
height: auto;
transform: translate(-50%, -50%);
}
.slide-holder .glide .glide__bullets {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -40px;
}
.slide-holder .glide .glide__bullets button {
width: 80px;
height: 6px;
background-color: #BABBBD;
cursor: pointer;
border: none;
}
.slide-holder .glide .glide__bullets button.glide__bullet--active {
background-color: #afca04;
}
.kategoria-blokkok-holder h2 {
text-align: center;
margin: 30px 0 10px 0;
color: #8fa509;
font-family: "Roboto", sans-serif;
font-size: 2rem;
}
.kategoria-blokkok-holder .categories {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 25px -20px;
}
.kategoria-blokkok-holder .categories > .category {
flex-basis: 33.3333333333%;
padding: 20px;
}
.kategoria-blokkok-holder .categories > .category > .wrapper .image {
background-color: #dfdfdf;
border-radius: 10px;
overflow: hidden;
aspect-ratio: 4/3;
position: relative;
}
.kategoria-blokkok-holder .categories > .category > .wrapper .image a {
display: block;
height: 100%;
width: 100%;
}
.kategoria-blokkok-holder .categories > .category > .wrapper .image a img {
max-width: 100%;
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.kategoria-blokkok-holder .categories > .category > .wrapper .title {
margin: 15px 0 20px 0;
}
.kategoria-blokkok-holder .categories > .category > .wrapper .title h3 {
text-transform: uppercase;
text-align: center;
margin: 0;
line-height: 1.3;
}
.kategoria-blokkok-holder .categories > .category > .wrapper .title h3 a, .kategoria-blokkok-holder .categories > .category > .wrapper .title h3 a:visited {
text-decoration: none;
color: black;
}
.kategoria-blokkok-holder .categories > .category > .wrapper .desc {
text-align: center;
font-size: 0.9rem;
line-height: 1.4;
color: #626262;
}
.kategoria-blokkok-holder .categories .category.fake {
text-align: center;
}
.kategoria-blokkok-holder .categories .category.fake > .wrapper {
padding-top: 40px;
}
.kategoria-blokkok-holder .categories .category.fake .ico span {
font-size: 60px;
}
.kategoria-blokkok-holder .categories .category.fake .title {
text-transform: uppercase;
font-family: "Racing Sans One", cursive;
margin: 10px 0 5px 0;
font-size: 1.6rem;
}
.kategoria-blokkok-holder .categories .category.fake .desc {
font-family: 0.8rem;
color: black;
}
.kategoria-blokkok-holder .categories .category.fake .help {
margin: 25px 0 0 0;
}
.kategoria-blokkok-holder .categories .category.fake .help a {
padding: 12px 15px;
text-transform: uppercase;
text-decoration: none;
border: 2px solid black;
text-align: center;
font-size: 0.85rem;
border-radius: 10px;
color: black;
font-weight: bold;
}
.favorite {
margin: 0 0 10px 0;
}
.favorite > div {
float: left;
}
.favorite > div a {
display: block;
background-color: #f9f9f9;
text-decoration: none;
font-size: 0.8rem;
padding: 5px 8px;
border-radius: 5px;
color: #a5a5a5;
border: 1px solid #dfdfdf;
}
.favorite > div a .material-symbols-outlined {
font-size: 1.1rem;
vertical-align: middle;
margin: 0 5px 0 0;
color: grey;
}
.favorite > div.fav-off a {
background-color: #f3e0ed;
color: #e5007c;
border: 1px solid #e5007c;
}
.favorite > div.fav-off a .material-symbols-outlined {
color: #e5007c;
}
.favorite:after {
content: "";
clear: both;
display: block;
width: 100%;
height: 1px;
}
body.page-template-kedvencek .content-header h1,
body.category .content-header h1,
body.search-results .content-header h1 {
margin: 5px 0 10px 0;
line-height: 1.2;
}
body.page-template-kedvencek .content-header h1 + p,
body.category .content-header h1 + p,
body.search-results .content-header h1 + p {
margin: 0;
font-size: 1.1rem;
}
body.page-template-kedvencek .no-items,
body.category .no-items,
body.search-results .no-items {
background-color: #e0e3e5;
padding: 25px;
color: #5b6485;
font-size: 0.9rem;
border-radius: 20px;
}
body.page-template-kedvencek .no-items .material-symbols-outlined,
body.category .no-items .material-symbols-outlined,
body.search-results .no-items .material-symbols-outlined {
vertical-align: middle;
margin: 0 10px 0 0;
}
body.page-template-kedvencek .termekek,
body.category .termekek,
body.search-results .termekek {
display: flex;
flex-wrap: wrap;
margin: 30px -20px 40px -20px;
}
body.page-template-kedvencek .termekek > .termek,
body.category .termekek > .termek,
body.search-results .termekek > .termek {
flex-basis: 25%;
padding: 20px;
}
body.page-template-kedvencek .termekek > .termek > .wrap .image,
body.category .termekek > .termek > .wrap .image,
body.search-results .termekek > .termek > .wrap .image {
background-color: #dfdfdf;
border-radius: 10px;
overflow: hidden;
aspect-ratio: 4/3;
position: relative;
}
body.page-template-kedvencek .termekek > .termek > .wrap .image a,
body.category .termekek > .termek > .wrap .image a,
body.search-results .termekek > .termek > .wrap .image a {
display: block;
height: 100%;
width: 100%;
}
body.page-template-kedvencek .termekek > .termek > .wrap .image a img,
body.category .termekek > .termek > .wrap .image a img,
body.search-results .termekek > .termek > .wrap .image a img {
max-width: 100%;
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
body.page-template-kedvencek .termekek > .termek > .wrap .title,
body.category .termekek > .termek > .wrap .title,
body.search-results .termekek > .termek > .wrap .title {
margin: 15px 0 20px 0;
text-transform: uppercase;
text-align: center;
line-height: 1.3;
font-family: "Racing Sans One", cursive;
}
body.page-template-kedvencek .termekek > .termek > .wrap .title a, body.page-template-kedvencek .termekek > .termek > .wrap .title a:visited,
body.category .termekek > .termek > .wrap .title a,
body.category .termekek > .termek > .wrap .title a:visited,
body.search-results .termekek > .termek > .wrap .title a,
body.search-results .termekek > .termek > .wrap .title a:visited {
text-decoration: none;
color: black;
}
body.page-template-kedvencek .termekek > .termek > .wrap .desc,
body.category .termekek > .termek > .wrap .desc,
body.search-results .termekek > .termek > .wrap .desc {
text-align: center;
font-size: 0.9rem;
line-height: 1.4;
color: #626262;
}
body.page-template-kedvencek .termekek > .termek:hover > .wrap .title a,
body.category .termekek > .termek:hover > .wrap .title a,
body.search-results .termekek > .termek:hover > .wrap .title a {
color: #e5007c;
}
body.single-termekek .content-header h1 {
color: #e5007c;
margin: 10px 0 5px 0;
}
body.single-termekek .product-holder {
display: flex;
flex-wrap: nowrap;
gap: 30px;
}
body.single-termekek .product-holder .images .primary {
aspect-ratio: 4/3;
background-color: white;
border-radius: 10px;
overflow: hidden;
position: relative;
cursor: zoom-in;
}
body.single-termekek .product-holder .images .primary img {
max-width: 100%;
height: auto !important;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
body.single-termekek .product-holder .images .product-gallery {
height: 100%;
width: 100%;
display: table;
table-layout: fixed;
padding: 0 40px;
margin: 10px 0 0 0;
}
body.single-termekek .product-holder .images .product-gallery .glide {
visibility: hidden;
width: 100%;
}
body.single-termekek .product-holder .images .product-gallery .glide.glide--slider, body.single-termekek .product-holder .images .product-gallery .glide.glide--carousel {
visibility: visible;
}
body.single-termekek .product-holder .images .product-gallery .glide__slide {
padding: 10px 0;
}
body.single-termekek .product-holder .images .product-gallery .glide__slide > .wrapper {
background-color: white;
aspect-ratio: 4/3;
position: relative;
border-radius: 5px;
overflow: hidden;
box-shadow: 0 0 10px -5px black;
cursor: zoom-in;
}
body.single-termekek .product-holder .images .product-gallery .glide__slide > .wrapper img {
max-width: 100%;
height: auto !important;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
body.single-termekek .product-holder .images .product-gallery .glide__arrows button {
position: absolute;
top: 0;
height: 100%;
width: 38px;
text-align: center;
background-color: transparent;
border: none;
outline: none;
cursor: pointer;
opacity: 0.2;
}
body.single-termekek .product-holder .images .product-gallery .glide__arrows button span {
font-size: 30px;
text-align: center;
}
body.single-termekek .product-holder .images .product-gallery .glide__arrows button:hover {
opacity: 1;
}
body.single-termekek .product-holder .images .product-gallery .glide__arrows button.glide__arrow--left {
left: -40px;
}
body.single-termekek .product-holder .images .product-gallery .glide__arrows button.glide__arrow--right {
right: -40px;
}
body.single-termekek .product-holder .desc {
font-size: 1rem;
}
body.single-termekek .product-holder h2 {
font-family: "Roboto", sans-serif !important;
font-size: 1.3rem;
}
body.single-termekek .product-holder > .left,
body.single-termekek .product-holder > .right {
flex-basis: 50%;
}
body.single-termekek #root.ajanlatkero-module {
width: 100% !important;
padding: 0 !important;
position: sticky;
top: 200px;
}
body.single-termekek #root.ajanlatkero-module h3 {
font-family: "Roboto", sans-serif !important;
}
.kapcsolat-termek {
text-align: center;
position: sticky;
top: 170px;
}
.kapcsolat-termek .material-symbols-outlined {
font-size: 48px;
}
.kapcsolat-termek h3 {
text-transform: uppercase;
font-size: 2.2rem;
color: black;
margin: 5px auto;
position: relative;
width: 325px;
}
.kapcsolat-termek h3:before {
content: "";
height: 3px;
left: 5px;
top: -4px;
width: 36%;
position: absolute;
background-color: #e5007c;
transform: skew(-35deg);
}
.kapcsolat-termek h3:after {
content: "";
height: 3px;
right: 5px;
top: -4px;
width: 59%;
position: absolute;
background-color: #afca04;
transform: skew(-35deg);
}
.kapcsolat-termek .pre {
font-weight: bold;
color: black;
}
.kapcsolat-termek .pre + p {
font-weight: 300;
font-size: 0.9rem;
}
.page-template-megrendeles .no-items {
background-color: #e0e3e5;
padding: 25px;
color: #5b6485;
font-size: 0.9rem;
border-radius: 20px;
}
.page-template-megrendeles .no-items .material-symbols-outlined {
vertical-align: middle;
margin: 0 10px 0 0;
}
.ordered-overview-page .orderdatas .line label {
display: block;
color: #606060;
font-size: 0.7rem;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 1px;
margin: 0 0 10px 0;
}
.ordered-overview-page .orderdatas .line label .inp {
font-weight: bold;
font-size: 1.1rem;
}
.ordered-overview-page .orderdatas .line + .line {
margin: 15px 0 0 0;
}
.ordered-overview-page .orderdatas .filelist .file a {
font-size: 0.9rem;
border-left: 2px solid #afca04;
padding: 2px 10px;
line-height: 1;
display: block;
}
.ordered-overview-page .orderdatas .filelist .file + .file {
margin: 10px 0 0 0;
}
.cart-wrapper {
display: flex;
gap: 25px;
}
.cart-wrapper h2, .cart-wrapper h3, .cart-wrapper h4, .cart-wrapper h5 {
font-family: "Roboto", sans-serif;
}
.cart-wrapper .hint {
font-size: 0.8rem !important;
color: red !important;
}
.cart-wrapper > .cart {
flex: 1;
}
.cart-wrapper > .cart > h3 {
font-size: 1.4rem;
color: #e5007c;
margin: 0;
font-weight: bold;
margin: 0 0 20px 0;
}
.cart-wrapper > .cart .product > .wrap h2 {
color: white;
background-color: #e5007c;
padding: 15px;
border-radius: 10px;
margin: 0 0 10px 0;
font-size: 1.3rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.cart-wrapper > .cart .product > .wrap h2 a {
color: white;
font-size: 1rem;
font-weight: normal;
text-decoration: none;
white-space: nowrap;
}
.cart-wrapper > .cart .product > .wrap h2 a .material-symbols-outlined {
font-size: 1rem !important;
vertical-align: middle;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap {
display: flex;
align-items: flex-start;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .tetel {
flex-basis: 50px;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .tetel > .wrap {
border-radius: 5px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background-color: #6c6c6c;
color: white;
margin: 0 auto;
font-size: 0.8rem;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .tetel .deletor {
margin-top: 10px;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .tetel .deletor > .wrap {
border-radius: 5px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border: 1px solid #d52f89;
margin: 0 auto;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .tetel .deletor > .wrap a {
display: block;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .tetel .deletor > .wrap a, .cart-wrapper > .cart .product > .wrap .orders .item > .wrap .tetel .deletor > .wrap a:visited {
font-size: 0.8rem;
color: #d52f89;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .tetel .deletor > .wrap a span, .cart-wrapper > .cart .product > .wrap .orders .item > .wrap .tetel .deletor > .wrap a:visited span {
font-size: 1.2rem;
vertical-align: middle;
line-height: 20px;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info {
background-color: white;
border-radius: 5px;
padding: 0;
flex: 1;
display: flex;
flex-wrap: wrap;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .summa {
font-size: 0.6rem;
color: #999595;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .total-me {
margin-top: 20px;
font-size: 0.9rem;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .color {
display: flex;
gap: 10px;
align-items: center;
line-height: 27px;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .color .cl {
border-radius: 20px;
border: 2px solid white;
width: 20px;
height: 20px;
box-shadow: 0 0 15px -4px black;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .color .title {
font-weight: bold;
font-size: 0.9rem;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .color .me {
font-size: 0.9rem;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .color + .color {
margin-top: 10px;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info > div {
flex-basis: 50%;
box-sizing: border-box;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info > div label {
display: block;
color: #606060;
font-size: 0.7rem;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 1px;
margin: 0 0 10px 0;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info div.left {
border-right: 1px solid #e3e3e3;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .left .block, .cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .right .block {
padding: 15px;
border-bottom: 1px solid #e3e3e3;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .left .block.hl, .cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .right .block.hl {
background-color: #f7f7f7;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .left .block:last-child, .cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .right .block:last-child {
border-bottom: none;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .comment {
flex-basis: 100%;
border-top: 1px solid #e3e3e3;
padding: 15px;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .addons {
flex-basis: 100%;
border-top: 1px solid #e3e3e3;
padding: 15px;
background-color: #f9f9f9;
border-radius: 0 0 5px 5px;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .addons .addonlist {
font-size: 0.9rem;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .addons .addonlist .addon {
display: flex;
align-items: center;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .addons .addonlist .addon .title {
font-weight: bold;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .addons .addonlist .addon .spacer {
flex: 1;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .addons .addonlist .addon .me {
flex-basis: 50px;
text-align: right;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .addons .addonlist .addon .ea {
flex-basis: 20%;
text-align: right;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .addons .addonlist .addon .total {
flex-basis: 20%;
text-align: right;
font-weight: bold;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .addons .addonlist .addon + .addon {
margin-top: 5px;
}
.cart-wrapper > .cart .product > .wrap .orders .item + .item {
margin-top: 10px;
}
.cart-wrapper > .cart .product + .product {
margin-top: 20px;
}
.cart-wrapper > .order {
flex-basis: 400px;
}
.cart-wrapper > .order h2 {
font-size: 1.8rem;
margin: 0 0 10px 0;
text-align: center;
}
.cart-wrapper > .order h2 + p {
line-height: 1.4;
text-align: center;
}
.cart-wrapper > .order h3 {
font-size: 1.2rem;
text-transform: uppercase;
margin: 25px 0 10px 10px;
color: #828a97;
}
.cart-wrapper > .order .overview {
background-color: #222530;
color: #ffffff;
border-radius: 10px;
padding: 20px;
text-align: center;
font-size: 0.9rem;
}
.cart-wrapper > .order .overview strong {
color: #aac600;
}
.cart-wrapper > .order .block {
background-color: #ffffff;
border-radius: 10px;
padding: 15px;
}
.cart-wrapper > .order .block + small {
font-size: 0.7rem;
line-height: 1.2 !important;
display: block;
padding: 8px;
color: #818181;
}
.cart-wrapper > .order .overview-cars {
padding: 5px 15px;
}
.cart-wrapper > .order .overview-cars table {
width: 100%;
font-size: 0.9rem;
}
.cart-wrapper > .order .overview-cars table .small {
font-size: 0.65rem;
font-weight: normal;
}
.cart-wrapper > .order .overview-cars table td {
width: 50%;
padding: 10px 0;
border-bottom: 1px solid #cdcdcd;
}
.cart-wrapper > .order .overview-cars table tbody tr td:last-child {
text-align: right;
font-weight: bold;
}
.cart-wrapper > .order .overview-cars table tbody tr td:first-child {
text-transform: uppercase;
}
.cart-wrapper > .order .overview-cars table tbody tr:last-child td {
border-bottom: none;
}
.cart-wrapper > .order .form .submit label {
line-height: 1;
}
.cart-wrapper > .order .form .submit .btn {
text-align: center;
}
.cart-wrapper > .order .form button {
background-color: #afca04;
width: 100%;
max-width: 80%;
text-align: center;
border: none;
padding: 15px;
border-radius: 5px;
color: white;
font-weight: bold;
text-transform: uppercase;
font-size: 1.1rem;
cursor: pointer;
margin: 5px auto;
}
.cart-wrapper > .order .form .hint-text {
font-size: 0.85rem;
padding: 10px 14px;
border-radius: 6px;
margin: 10px 0;
border: 1px solid #e5007c;
color: #e5007c;
}
.cart-wrapper > .order .form .shipping-overall {
font-size: 1rem;
}
.cart-wrapper > .order .form .shipping-overall .overall {
font-weight: 500 !important;
color: #e5007c;
}
.cart-wrapper > .order .form .line > .wrap .inp {
background-color: #f9f9f9;
border: 1px solid #dddddd;
line-height: 38px;
border-radius: 4px;
}
.cart-wrapper > .order .form .line > .wrap .inp select {
height: 38px;
-webkit-appearance: button;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
-webkit-padding-end: 20px;
-webkit-padding-start: 2px;
-webkit-user-select: none;
}
.cart-wrapper > .order .form .line > .wrap .inp select,
.cart-wrapper > .order .form .line > .wrap .inp input[type=text],
.cart-wrapper > .order .form .line > .wrap .inp textarea {
background-color: transparent;
border: none;
line-height: 38px;
padding: 0 12px;
outline: none;
width: 100%;
font-size: 1rem;
}
.cart-wrapper > .order .form .line > .wrap .inp textarea {
max-width: 100%;
min-width: 100%;
width: 100%;
min-height: 150px;
}
.cart-wrapper > .order .form .line:not(.submit) > .wrap label {
font-size: 0.9rem;
display: block;
margin: 8px 0 4px 0;
color: #4e4e4e;
}
.cart-wrapper > .order .form .line.submit label {
font-size: 0.8rem;
}
.cart-wrapper > .order .form .line + .line {
margin-top: 10px;
}
.page-template-kedvencek .no-items {
background-color: #f3e0ed;
padding: 25px;
color: #e5007c;
font-size: 0.9rem;
border-radius: 20px;
}
.page-template-kedvencek .no-items .material-symbols-outlined {
vertical-align: middle;
margin: 0 10px 0 0;
}
@media all and (max-width: 1280px) {
.pw, .content-wrapper {
max-width: 1024px;
}
}
@media all and (max-width: 1000px) {
.slide-holder {
aspect-ratio: 16/9;
}
.toggle-mobile-menu,
.mobile-toggler {
display: block;
}
body.home .content-wrapper {
padding: 0 15px !important;
}
.pw, .content-wrapper {
max-width: 100%;
}
header > .wrapper > .pw, header > .wrapper > .content-wrapper {
flex-wrap: wrap;
}
header > .wrapper > .pw .fav, header > .wrapper > .content-wrapper .fav,
header > .wrapper > .pw .link,
header > .wrapper > .content-wrapper .link,
header .menubar {
display: none;
}
header .menubar {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
padding-right: 70px;
z-index: 999;
background-color: rgba(0, 0, 0, 0.45);
pointer-events: none;
}
header .menubar > .pw, header .menubar > .content-wrapper {
pointer-events: all;
background-color: white;
position: relative;
left: 0;
top: 0;
height: 100%;
overflow-y: auto;
padding: 20px 25px;
}
header .menubar.opened {
display: block;
}
header .menubar ul.menu {
flex-wrap: wrap;
}
header .menubar ul.menu li {
flex-basis: 100%;
}
header > .wrapper > .pw .cart, header > .wrapper > .content-wrapper .cart {
order: 3;
}
header > .wrapper > .pw .sep, header > .wrapper > .content-wrapper .sep {
order: 4;
}
header > .wrapper > .pw .searcher, header > .wrapper > .content-wrapper .searcher {
order: 1;
flex-basis: 280px;
padding: 0;
}
header > .wrapper > .pw .mobile-toggler, header > .wrapper > .content-wrapper .mobile-toggler {
order: 10;
padding-right: 15px;
}
.content-wrapper {
padding: 1rem 15px 3rem 15px;
}
.kategoria-blokkok-holder .categories {
margin: 25px 0;
}
.kategoria-blokkok-holder .categories > .category,
body.page-template-kedvencek .termekek > .termek, body.category .termekek > .termek, body.search-results .termekek > .termek {
flex-basis: 50%;
}
header .menubar ul.menu a {
font-size: 3vw !important;
padding: 1.3vw 10px !important;
}
.mobile-nav-title {
display: block;
}
header .menubar .widget-title {
display: none;
}
header .menubar .closerbar {
display: block;
position: fixed;
right: 0;
top: 0;
bottom: 0;
width: 70px;
}
header .menubar #menu-lablec-linkek a {
font-size: 3vw !important;
padding: 0 !important;
font-weight: 400 !important;
text-transform: none !important;
}
.show-on-mobile {
display: block;
}
.mobile-sidebar-top {
display: flex;
gap: 10px;
align-items: center;
}
.mobile-sidebar-top .src {
flex: 1;
}
.mobile-sidebar-top .favorites {
flex-basis: 30%;
text-align: center;
}
.mobile-sidebar-top .favorites .fav .material-symbols-outlined {
vertical-align: bottom;
margin-right: 5px;
}
.mobile-sidebar-top .favorites .fav a, .mobile-sidebar-top .favorites .fav a:visited {
color: black;
font-size: 0.85rem;
text-decoration: none;
transition: color 0.2s;
}
.mobile-sidebar-top .favorites .fav a .material-symbols-outlined, .mobile-sidebar-top .favorites .fav a:visited .material-symbols-outlined {
transition: transform 0.2s;
}
.mobile-sidebar-top .favorites .fav a:hover {
color: #e5007c;
}
.mobile-sidebar-top .favorites .fav a:hover .material-symbols-outlined {
transform: scale(1.1);
}
body.single-termekek .content-header h1 {
line-height: 1.1;
}
body.single-termekek .product-holder {
flex-wrap: wrap;
gap: 0;
}
body.single-termekek .product-holder > div {
flex-basis: 100% !important;
} body.single-termekek #root.ajanlatkero-module {
width: 600px !important;
}
.ajanlatkero-module > .wrapper .color-list > div.szin {
flex-basis: 33.3333333333% !important;
}
.cart-wrapper {
flex-wrap: wrap;
}
.cart-wrapper > div {
flex-basis: 100% !important;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .addons .addonlist .addon .ea {
flex-basis: 32%;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .addons .addonlist .addon .me {
flex-basis: 120px;
}
.cart-wrapper > .order .overview {
font-size: 1.2rem;
}
}
@media all and (max-width: 890px) {
header > .wrapper > .pw .logo, header > .wrapper > .content-wrapper .logo {
flex-basis: 200px;
}
header > .wrapper > .pw .logo a img, header > .wrapper > .content-wrapper .logo a img {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}
.slide-holder .glide .glide__slide .contents .contents-wrapper .section-title {
font-size: 8vw;
}
.slide-holder .glide .glide__slide .contents .contents-wrapper .section-top-title {
font-size: 4vw;
}
.slide-holder .glide .glide__slide .contents .contents-wrapper .section-title + p {
font-size: 3vw;
}
}
@media all and (max-width: 770px) {
header > .wrapper > .pw .searcher, header > .wrapper > .content-wrapper .searcher {
display: none;
}
header > .wrapper > .pw .sep, header > .wrapper > .content-wrapper .sep {
order: 1;
}
footer > .wrapper {
padding: 25px;
}
footer .groups {
flex-wrap: wrap;
gap: 0;
}
footer .groups > div {
flex-basis: 100% !important;
text-align: center;
}
footer .groups .block.footer-left:after {
display: none;
}
footer .widget-title {
font-size: 6vw;
margin: 40px 0 20px 0;
font-weight: 300;
color: #515870;
}
footer .groups .block.footer-left .wrapper {
font-size: 1.2rem;
}
footer .copyright {
text-align: center;
}
}
@media all and (max-width: 600px) {
body.single-termekek #root.ajanlatkero-module {
width: 100% !important;
}
.ajanlatkero-module > .wrapper .groups .group.final .inside-wrapper {
flex-wrap: wrap !important;
gap: 0 !important;
}
.ajanlatkero-module > .wrapper .groups .group.final .inside-wrapper > div {
flex-basis: 100% !important;
text-align: center !important;
}
.ajanlatkero-module > .wrapper .groups .group.final .inside-wrapper .mennyiseg,
.ajanlatkero-module > .wrapper .groups .group.final .inside-wrapper .koltseg {
flex-basis: 50% !important;
padding-bottom: 10px !important;
}
.ajanlatkero-module > .wrapper .groups .group.final .inside-wrapper .sep {
display: none !important;
}
.ajanlatkero-module > .wrapper .groups .group.final .inside-wrapper .label {
font-size: 1.2rem !important;
}
.ajanlatkero-module > .wrapper .groups .group.final .inside-wrapper .value {
font-size: 1.5rem !important;
}
.ajanlatkero-module > .wrapper .groups .group.final .inside-wrapper .kosar button {
font-size: 1.35rem !important;
}
.ajanlatkero-module .price-overview .calc {
font-size: 0.7rem !important;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .addons .addonlist .addon {
flex-wrap: wrap;
align-items: flex-start;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .addons .addonlist .addon small {
display: block;
font-size: 0.6rem;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info > .right small {
display: block;
font-size: 0.6rem;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .addons .addonlist .addon .me {
flex-basis: 80px !important;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .addons .addonlist .addon .ea,
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .addons .addonlist .addon .total {
flex-basis: calc(50% - 40px) !important;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .addons .addonlist .addon .title,
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .addons .addonlist .addon .spacer {
flex-basis: 100% !important;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .addons .addonlist .addon .title {
border-bottom: 1px solid #939393;
padding-bottom: 4px;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .addons .addonlist .addon .ea,
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .addons .addonlist .addon .total,
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info .addons .addonlist .addon .me {
padding-top: 4px;
}
}
@media all and (max-width: 480px) {
.kategoria-blokkok-holder .categories > .category,
body.page-template-kedvencek .termekek > .termek,
body.category .termekek > .termek,
body.search-results .termekek > .termek {
flex-basis: 100% !important;
}
.kategoria-blokkok-holder .categories > .category > .wrapper .title h3 {
font-size: 6vw;
margin: 3px 0;
}
header > .wrapper > .pw .cart .material-symbols-outlined, header > .wrapper > .content-wrapper .cart .material-symbols-outlined {
font-size: 20px;
}
.slide-holder .glide .glide__slide .contents .desc {
font-size: 3.5vw;
line-height: 1.3;
}
header > .wrapper > .pw .cart > .wrapper .material-symbols-outlined, header > .wrapper > .content-wrapper .cart > .wrapper .material-symbols-outlined {
margin-right: 0;
margin-left: 10px;
font-size: 1.5rem;
float: right;
}
header > .wrapper > .pw .cart > .wrapper a, header > .wrapper > .content-wrapper .cart > .wrapper a, header > .wrapper > .pw .cart > .wrapper a:visited {
font-size: 1.1rem;
text-align: right;
}
header .menubar ul.menu a {
font-size: 4vw !important;
padding: 2.3vw 10px !important;
}
header .menubar #menu-lablec-linkek a {
font-size: 4vw !important;
}
header > .wrapper > .pw .fav .material-symbols-outlined, header > .wrapper > .content-wrapper .fav .material-symbols-outlined {
vertical-align: middle;
}
header > .wrapper > .pw .fav, header > .wrapper > .content-wrapper .fav {
display: block !important;
position: fixed;
top: 74px;
left: 0;
right: 50%;
}
header > .wrapper > .pw .fav a, header > .wrapper > .content-wrapper .fav a {
background-color: #ffd1ea;
line-height: 50px;
height: 50px;
max-height: 50px;
overflow: hidden;
display: block;
text-transform: uppercase;
text-align: center;
}
.mobile-sidebar-top .favorites {
display: none;
}
header > .wrapper > .pw .cart, header > .wrapper > .content-wrapper .cart {
position: fixed;
top: 74px;
height: 50px;
max-height: 50px;
overflow: hidden;
left: 50%;
right: 0;
}
header > .wrapper > .pw .cart > .wrapper, header > .wrapper > .content-wrapper .cart > .wrapper {
border-radius: 0;
}
.content-wrapper {
margin-top: 60px !important;
}
header > .wrapper > .pw .logo, header > .wrapper > .content-wrapper .logo {
flex-basis: 50%;
}
.slide-holder {
aspect-ratio: 1/1;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info div.left,
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .order-info div.right {
flex-basis: 100% !important;
}
.cart-wrapper > .cart .product > .wrap .orders .item > .wrap .tetel {
order: 2;
}
.slide-holder .glide .glide__slide .contents {
width: 100%;
} .ajanlatkero-module > .wrapper .groups .group > .head .inside-wrapper {
padding: 0 !important;
}
.ajanlatkero-module > .wrapper .groups .group > .head {
align-items: center !important;
justify-content: center !important;
}
.ajanlatkero-module > .wrapper .groups .group > .head .title {
flex-basis: 100% !important;
text-align: center !important;
padding: 0 !important;
margin: 10px 0 !important;
}
.ajanlatkero-module > .wrapper .groups .group > .head .step {
background-color: #000 !important;
color: #fff !important;
line-height: 55px !important;
width: 55px !important;
text-align: center !important;
font-size: 1.5rem !important;
border-radius: 50% !important;
}
.each-color > .view .text {
font-size: 0.8rem !important;
}
.each-color > .handler .noselect {
font-size: 0.6rem !important;
}
.ajanlatkero-module > .wrapper .groups .group.final .inside-wrapper .label {
font-size: 1rem !important;
}
.ajanlatkero-module > .wrapper .groups .group.final .inside-wrapper .value {
font-size: 1.25rem !important;
}
.ajanlatkero-module .price-overview .calc {
font-size: 1rem !important;
}
.ajanlatkero-module .price-overview .calc > .head {
flex-basis: 100% !important;
border-bottom: 1px solid #bfbfbf !important;
border-top: 1px solid #dbdbdb !important;
background-color: white !important;
text-align: center !important;
padding: 8px !important;
font-weight: 500 !important;
}
.ajanlatkero-module .price-overview .calc {
flex-wrap: wrap !important;
}
}.each-color{background-color:#fff;border-radius:5px;overflow:hidden;border:2px solid #e1e1e1;box-shadow:0 7px 10px -10px #000;transition:border .5s cubic-bezier(.68,-.55,.27,1.55);opacity:.6}.each-color>.view{aspect-ratio:16/9;cursor:pointer;position:relative;border-bottom:1px solid #e9e9e9}.each-color>.view .text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:700;text-align:center;text-shadow:1px 1px 0px white,-1px -1px 0px white,0px 1px 0px white,1px 0px 0px white,0px -1px 0px white,-1px 1px 0px white}.each-color>.handler{display:flex;flex-wrap:nowrap;align-items:center;color:#d9d9d9;position:relative}.each-color>.handler>div{padding:0}.each-color>.handler input[type=number]{border:none;outline:none;line-height:30px;text-align:right;font-size:1.05rem;width:100%;color:#000;font-weight:700}.each-color>.handler>div:first-child{text-align:right;flex-basis:60px}.each-color>.handler>div:last-child{flex-basis:100px}.each-color>.handler>div:first-child,.each-color>.handler>div:last-child{color:#aaa}.each-color>.handler .noselect{position:absolute;flex-basis:100%;background-color:#fff;padding:0 10px;text-align:center!important;color:#000!important;font-weight:300;font-size:.7rem;left:0;right:0;line-height:30px;top:0}.each-color.selected{border-color:#aac600;border-width:5px;opacity:1}.each-color.selected .handler{color:#000}.each-color.selected .handler>div:first-child:hover,.each-color.selected .handler>div:last-child:hover{background-color:#f1f1f1;cursor:pointer}.each-color:hover{opacity:1}.feliratszinek .prices{text-align:center;font-size:.7rem;padding:3px}.list{display:flex;gap:15px;margin:10px 0 0}.list .type{font-size:.75rem;cursor:pointer}.list .type>.wrap{background-color:#fff;padding:10px;text-align:center;border:5px solid transparent;border-radius:5px}.list .type>.wrap .ico{margin-bottom:5px}.list .type>.wrap .ico img{width:25px;height:25px}.list .type>.wrap .name{font-weight:700;text-transform:uppercase}.list .type.selected>.wrap{border-color:#aac600}.colorfull-print-info{background-color:#beebf7;margin:10px 0 0;border-radius:4px;padding:15px;color:#1b4550;line-height:1.3;font-size:.8rem}.colorfull-print-info a,.colorfull-print-info a:visited{font-weight:700;color:#1b4550}body{background-color:#ececec;font-family:Roboto,sans-serif}.cartholder{position:fixed;right:10px;top:10px;background:#102038;border-radius:10px}.cartholder a{display:block;color:#fff;padding:12px;font-size:1rem;text-decoration:none}.ajanlatkero-module{width:600px;margin:0 auto;padding:15px;background-color:#ececec;counter-reset:stepper}.ajanlatkero-module *{box-sizing:border-box}.ajanlatkero-module>.wrapper>.header{text-align:center}.ajanlatkero-module>.wrapper>.header h3{text-transform:uppercase;margin:0 0 10px;line-height:1;font-size:1.7rem}.ajanlatkero-module>.wrapper>.header h3+.cat{color:#c12683}.ajanlatkero-module>.wrapper .groups{margin:15px 0 0}.ajanlatkero-module>.wrapper .groups .group{margin:15px 0}.ajanlatkero-module>.wrapper .groups .group>.head{display:flex;align-items:flex-start;flex-wrap:wrap}.ajanlatkero-module>.wrapper .groups .group>.head .step{background-color:#000;color:#fff;line-height:30px;width:30px;text-align:center;border-radius:30px}.ajanlatkero-module>.wrapper .groups .group>.head .step:before{counter-increment:stepper;content:counter(stepper)}.ajanlatkero-module>.wrapper .groups .group>.head .title{padding:2px 0 0 15px;font-size:1.3rem}.ajanlatkero-module>.wrapper .groups .group>.head .title .desc{font-size:.8rem;margin:10px 0 0;color:#959393}.ajanlatkero-module>.wrapper .groups .group>.head .inside-wrapper{flex-basis:100%;padding:0 0 0 48px}.ajanlatkero-module>.wrapper .groups .group.final .inside-wrapper{background-color:#222530;color:#fff;border-radius:20px;padding:20px;display:flex;flex-wrap:nowrap;align-items:center;gap:35px}.ajanlatkero-module>.wrapper .groups .group.final .inside-wrapper .label{font-size:.8rem;font-weight:300;display:block;margin:0 0 5px}.ajanlatkero-module>.wrapper .groups .group.final .inside-wrapper .value{font-weight:700;font-size:1.3rem;color:#aac600}.ajanlatkero-module>.wrapper .groups .group.final .inside-wrapper .value .sh{font-size:.7rem;font-weight:400}.ajanlatkero-module>.wrapper .groups .group.final .inside-wrapper .sep{flex:1}.ajanlatkero-module>.wrapper .groups .group.final .inside-wrapper .kosar{flex-basis:40%}.ajanlatkero-module>.wrapper .groups .group.final .inside-wrapper .kosar button{color:#fff;background-color:#c12683;cursor:pointer;width:100%;border:none;padding:14px;text-transform:uppercase;font-weight:500;font-size:1.1rem;border-radius:10px;transition:transform .2s}.ajanlatkero-module>.wrapper .groups .group.final .inside-wrapper .kosar button img{vertical-align:sub;margin:0 5px 0 0}.ajanlatkero-module>.wrapper .groups .group.final .inside-wrapper .kosar button:hover{transform:scale(1.05)}.ajanlatkero-module>.wrapper .groups .group.final .inside-wrapper .kosar button:disabled{background-color:#663b55;cursor:wait}.ajanlatkero-module>.wrapper .groups .group.final .inside-wrapper .kosar button:disabled:hover{transform:scale(1)}.ajanlatkero-module>.wrapper .color-list{display:flex;flex-wrap:wrap;margin:15px 0 5px}.ajanlatkero-module>.wrapper .color-list>div.szin{flex-basis:25%;padding:5px}.ajanlatkero-module>.wrapper .file{margin:15px 0 0}.ajanlatkero-module>.wrapper .comment{margin:15px 0 0}.ajanlatkero-module>.wrapper .comment textarea{width:100%;height:100px;border-radius:5px;border:1px solid #c5c1c1;padding:15px}.ajanlatkero-module .response-msg{border-radius:5px;color:#fff;padding:15px;line-height:1.3}.ajanlatkero-module .response-msg a,.ajanlatkero-module .response-msg a:visited{color:#fff}.ajanlatkero-module .response-msg.type-of-error{background-color:#f35854}.ajanlatkero-module .response-msg.type-of-success{background-color:#379d42}.ajanlatkero-module .price-overview .inside-wrapper{padding-top:15px!important}.ajanlatkero-module .price-overview .calc{display:flex;align-items:center;flex-wrap:nowrap;gap:10px;font-size:.95rem}.ajanlatkero-module .price-overview .calc .spacer{flex:1}.ajanlatkero-module .price-overview .calc .sep{color:#a7a7a7;text-align:center}.ajanlatkero-module .price-overview .calc .each,.ajanlatkero-module .price-overview .calc .darab{text-align:right}.ajanlatkero-module .price-overview .calc .each{flex-basis:80px}.ajanlatkero-module .price-overview .calc .value{flex-basis:120px;text-align:right}.ajanlatkero-module .price-overview .calc .price{color:#102038;font-weight:700}.ajanlatkero-module .price-overview .calc+.calc{margin:5px 0 0}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;overflow:hidden;z-index:1}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.addon{margin-top:15px}.addon .addon-item{border:3px solid #ffffff;padding:10px;border-radius:5px;background-color:#fff;display:flex;align-items:center;cursor:pointer}.addon .addon-item.req{background-color:#e2eeff}.addon .addon-item .name{font-weight:700}.addon .addon-item .name .required{background-color:#f36c12;font-weight:300;color:#fff;font-size:.7rem;padding:3px 5px;border-radius:5px;margin-left:12px}.addon .addon-item .price{font-size:.8rem}.addon .addon-item .price .calc{margin-left:10px;font-weight:700;color:#f36c12}.addon .addon-item .sep{flex:1}.addon .addon-item.selected{border:3px solid rgb(40,126,255)}.addon+.addon{margin:10px 0 0}