/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = SETUP */

* {	
margin: 0px; 
padding: 0px; 
box-sizing:border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; }
html { font-size: 14px; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }


body {
	margin: 0px;
	font-size: 14px;
	line-height: 1.5em;
	background-attachment: fixed;
	background-color: #6ce2c800;
	background-image: url(../images/noise.png), linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.4));
	/* background-image: url(../images/bg-noise.png); */
	min-width:320px;
}

body, button, input, select, textarea {
    font-family: var(--ds-font);
    color: #414141e8;
    font-weight: 300;
    color:#414141
}

img { border: 0px; -ms-interpolation-mode: bicubic; }
a img { border: none; }
:focus { outline: none; }
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = BASICS */
@font-face {
	font-family: "Florence";
	font-style: normal;
	font-weight: normal;
	src: url(../fonts/florence-regular.otf);
}
#regi-ie-figyelmeztetes {
	visibility:hidden;
	display:none;
}
a,
a:link,
a:visited {
	color: var(--ds-text-muted);
	transition: all 0.1s ease;
	text-decoration: none;
}
.ar_tabla td {
	padding:6px;
}
.logo {
	float: left;
	width: 205px;
	height: 135px;
	margin: 50px 0 0 12px;
}

hr {
	color: #F7F7EF;
	background-color: #fff;
	height: 1px;
	width: 100%;
	text-align: left;
	margin:18px 0px;
	float:left;
}
.clear {
	clear:both;
}
.fs-1 {
	font-size:1rem !important;
}
.fs-12 {
	font-size:1.2rem !important;
}
.fs-15 {
	font-size:1.5rem !important;
}
.fs-2 {
	font-size:2rem !important;
	line-height:normal !important;
}
.fs-3 {
	font-size:3rem !important;
	line-height:normal !important;
}
.fs-4 {
	font-size:4rem !important;
	line-height:normal !important;
}
input,text,textarea {
	padding:5px;
	font-size:12px;
}
submit,select {
	padding:3px;
	font-size:12px;
}
input,textarea,select{
	border-radius: 3px;
	background-color: #FBFBFB;
	border: 1px solid #CCC;
	padding: 5px;
	font-size: 14px;
	width: 200px;
}
input:focus,
select:focus,
textarea:focus{
	background-color: #FFFFFF;
	border-color: #FFAA95;
}
.check{
	width:auto;
	background:none;
	border: none;
}
.hossz25{
	width:25px;
}
.hossz50{
	width:50px;
}
.hossz100{
	width:100px;
}
.hossz150{
	width:150px;
}
.hossz200{
	width:200px;
}
.hossz300{
	width:300px;
}
.hossz400{
	width:400px;
}
.hossz100szazalek{
	width:100%;
}
.hossz90szazalek{
	width:90%;
}
.w-p-100 {
	width:100% !important;
}
.w-p-90{
	width:90% !important;
}
.w-p-66{
	width:66.66% !important;
}
.w-p-50{
	width:50% !important;
}
.w-p-33{
	width:33.33% !important;
}
.w-p-25{
	width:25% !important;
}
.w-p-20{
	width:20% !important;
}
.il {
	display:inline;
}
.megjegyzes,
.kiegeszito_info{
	display: inline-block;
	margin-top:0px;
	margin-left:1%;
	color:#666;
	font-size:11px;
	line-height:110%;
	vertical-align:middle;
}
.kiegeszito_info{
	color: #666;
}
.athuzott {
	display:inline;
	text-decoration:line-through;
	
}
.narancs {
	color: #F30;
}
.kek {
	color: #3E6B99;
}
.zold {
	color: #97AE2C;
}
.red {
	color:#F93E3E;
}
.gray {
	color:gray;
}
.has-js .label_check,
.has-js .label_radio    { padding-left: 34px; }
.has-js .label_radio    { background: url(../images/radio-off2.png) no-repeat; }
.has-js .label_check    { background: url(../images/check-off.png) no-repeat; }
.has-js label.c_on      { background: url(../images/check-on.png) no-repeat; }
.has-js label.r_on      { background: url(../images/radio-on2.png) no-repeat; }
.has-js .label_check input,
.has-js .label_radio input  { position: absolute; left: -9999px; }
fieldset    { border: 0; padding-bottom: 0px; }
label       { display: block; cursor: pointer; line-height: 20px; padding-bottom: 9px; text-shadow: 0 -1px 0 rgba(250,250,250,.2); font-size:14px; }
.radios     { padding-top: 9px; background: url(divider.png) repeat-x 0 0; }
.label_check input,
.label_radio input  { margin-right: 5px; }
a.info {
	color:#FFF ;
	font-size:10px;
	background-color:#F81716 ;
	border-radius:4px;
	text-decoration:none;
	text-shadow:none;
	font-weight:bold;
	padding:3px 6px;
}

.szam {
	font-family: var(--ds-font-number);
	font-variant-numeric: tabular-nums;
}
.bal {
	float:left;
}
.jobb {
	float:right;
}
.scroll-bar::-webkit-scrollbar       {background-color:#f9f8f8;width:16px}
.scroll-bar::-webkit-scrollbar-track {background-color:#f9f8f8}
.scroll-bar::-webkit-scrollbar-thumb {background-color:#babac0;border-radius:16px;border:4px solid #f9f8f8;
z-index:10}
.flex {
	display:flex !important;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-start {
	align-items: flex-start;
}
.flex > div {
	flex-grow:1;
}
.flex-align-center {
	align-items: center;
}
.wm-967 {
	max-width:1210px;
	margin:0 auto;
	width:100%;
}
.hidden {
	display:block;
	width:0;
	height:0;
	overflow:hidden;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.span-red-circle {
	color: #FFF;
	display: inline-block;
	background-color: var(--ds-brand);
	padding: 2px 6px;
	border-radius: 18px;
	font-size: 11px;
	line-height: normal;
	vertical-align: middle;
}
.dn-768 {
	display: none;
}
.dn {
	display:none !important;
}
/***************************************************GOMBOK********************************************************/
.kuldes_gomb {
	display: inline-block;
	border-radius: 6px;
	padding: 3px 6px;
	background-color: #8AB748;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	border:none;
	width:auto;
	cursor:pointer;
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}
.kuldes_gomb:hover {
	background-color: #73973C;
}
input .nagy_gomb {
	padding: 5px;
}
.nagy_gomb,
a.nagy_gomb,
.gyik_gomb,
a.gyik_gomb,
a.nagy_gomb_kosarba,
a.nagy_gomb_kosarba_minta,
.nagy_gomb_sz,
a.nagy_gomb_sz{
	display: inline-block;
	text-shadow: none;
	border-radius: var(--ds-radius-full);
	padding: .625rem 1.5rem;
	background-color: var(--ds-brand);
	color: #FFF;
	font-size: 1rem;
	font-family: var(--ds-font);
	text-decoration: none;
	width: auto;
	cursor: pointer;
	text-transform: uppercase;
	border: none;
	font-weight: 600;
	transition: var(--ds-transition-base);
}
.nagy_gomb:focus, 
a.nagy_gomb:focus,
.gyik_gomb:focus, 
a.gyik_gomb:focus{
	background-color: #F93E3E;
}
.nagy_gomb:visited, a.nagy_gomb:visited {
	background-color: #F93E3E;
}
a.nagy_gomb_kosarba {
    display: inline-block;
    float: right;
    padding: 0.5rem 1.125rem;
    font-size: var(--ds-text-sm);
    font-family: var(--ds-font);
    font-weight: var(--ds-font-semibold);
    text-transform: none;
    background: var(--ds-brand);
    color: white;
    border-radius: var(--ds-radius-full);
    text-shadow: none;
    border: none;
    border-bottom: none;
}
a.nagy_gomb_kosarba_minta {
    display: inline-block;
    float: right;
    padding: 0.5rem 0.875rem;
    font-size: var(--ds-text-xs);
    font-family: var(--ds-font);
    background: transparent;
    color: var(--ds-text-secondary);
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-full);
    text-shadow: none;
    text-transform: none;
    border-bottom: 1px solid var(--ds-border);
}
a.gomb-adatlap, a.gomb-adatlap-minta {
	font-size: 1.7rem;
	/* padding: .5rem 7rem; */
	width: 100%;
	display: block;
	transition: initial;
}	
a.gomb-adatlap-minta {
	font-size: 1rem;
	margin-top: .5rem;
	font-weight: normal;
	padding: .4rem .5rem;
}	
a.nagy_gomb_nincs_keret, 
a.nagy_gomb_nincs_keret_sz{
	color: #FFF;
}
.nagy_gomb_nincs_keret, 
.nagy_gomb_nincs_keret_sz{
	border: none;
}
.nagy_gomb_sz, 
a.nagy_gomb_sz,
.nagy_gomb_sz:focus, 
a.nagy_gomb_sz:focus,
.nagy_gomb_sz:visited, 
a.nagy_gomb_sz:visited {
	background:#999;
	border-color: #cccbcb;
}
.nagy_gomb:hover,
a.nagy_gomb:hover,
.gyik_gomb:hover,
a.gyik_gomb:hover,
.nagy_gomb_sz:hover,
a.nagy_gomb_sz:hover,
.nagy_gomb:focus,
a.nagy_gomb:focus,
.nagy_gomb_sz:focus,
a.nagy_gomb_sz:focus {
	transform: translateY(-1px);
	box-shadow: var(--ds-shadow-md);
	background-color: var(--ds-brand-dark);
}
a.nagy_gomb_kosarba:hover,
a.nagy_gomb_kosarba_minta:hover,
a.nagy_gomb_kosarba:focus,
a.nagy_gomb_kosarba_minta:focus {
	transform: translateY(-1px);
	box-shadow: var(--ds-shadow-md);
}

.kis_gomb,
.kis_gomb_sz,
.kis_gomb_kek,
.kis_gomb_zold,
.kis_gomb_p,
.kis_gomb_white,
.kis_gomb_on {
	background-color: var(--ds-brand);
	text-shadow: none;
	border-radius: var(--ds-radius-sm);
	padding: 2px 6px;
	color: #fff;
	font-size: 10px;
	font-weight: 600;
	font-family: var(--ds-font);
	text-decoration: none;
	width: auto;
	cursor: pointer;
	border: 1px solid var(--ds-brand-dark);
	box-shadow: var(--ds-shadow-sm);
	transition: var(--ds-transition-fast);
}
.kis_gomb_sz{
	background-color: #999999;
	border-color: #999;
}
.kis_gomb_white {
	background-color: white;
	border-color: white;
	color: #4F8E7D;
	padding: 0px 4px;
	text-shadow: none;
	opacity: .8;
}
.kis_gomb_white:hover {
	opacity: 1;
}
.kis_gomb_kek{
	background-color: #51A4BF;
	border-color: #51A4BF;
}
.kis_gomb_zold{
	background-color: #33662F;
	border-color: #33662F;
}
.kis_gomb_p{
	background-color: #F70606;
	border-color: #F70606;
}
.kis_gomb:hover, 
.kis_gomb_sz:hover, 
.kis_gomb_kek:hover, 
.kis_gomb_zold:hover, 
.kis_gomb_p:hover, 
.kis_gomb_white:hover, 
.kis_gomb_on:hover{
	background-image: url(../images/noise.png);
	background-image: url(../images/noise.png), linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.3));
	border-width: 1px;
}
a.kis_gomb,
a.kis_gomb_sz, 
a.nagy_gomb, 
a.kis_gomb_kek, 
a.kis_gomb_zold, 
a.kis_gomb_p, 
a.kis_gomb_on  {
	color:#FFF;
}
.kis_gomb_on{
	background-color: #999;
	border-color: #999;
}
/* = = = = = = = = = = = = = = = = = = = = = = = = *******************************************PAGE STRUCTURE *****/
header, #header {
	width: 100%;
}
nav {
	height: 64px;
}
#aktualis-kupon {
	background-color: #6cc4ac;
	color: white;
	position: fixed;
	width: 100%;
	z-index:1999;
	top:64px;
}
.kupon-lejar-time {
font-size: 16px;
margin: 0 12px;
font-weight: bold;
}
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  70% {
    opacity: 0;
  }
}
#aktualis-kupon > p {
 width: max-content;
 margin: auto;
 line-height: 26px;
}
.kupon-instrukciok {
	display: none;
	width: auto !important;
	background-color: #64bba3;
	padding: 12px;
}
.kupon-instrukciok p{
	max-width: 600px;
	margin: auto;
}
.header-under, .header-under-big, .header-under-big2 {
    width: 100%;
    padding: 0;
    background: center;
    height: 12.3vw;
    background-size: cover;
    min-height: 64px;
}
.header-under-big {
    height: 30vw;
    min-height: 400px;
	display: flex;
	flex-wrap: nowrap;
    padding: 2%;
    justify-content: end;
}
.header-under-big .text {
    display: grid;
    grid-template-columns: min-content auto;
    grid-template-rows: min-content auto;
    color: white;
    margin-top: 3vw;
    margin-left: 42vw;
    margin-right: 2vw;
}
.header-under-big .text .header {
    font-size: 4rem !important;
    font-weight: 500;
    line-height: normal;
    grid-column: 1 / 2;
    grid-row: 1;
    min-width: 330px;
}
.header-under-big .text .content {
    font-size: 1.5rem;
    line-height: normal;
    grid-column: 1 / 3;
    grid-row: 2;
}
.header-under-big .text .nyil {
    width: 8vw;
    min-width: 84px;
    grid-column: 2 / 3;
    grid-row: 1;
    max-width: 300px;
}

.header-under-big2 {
    height: 30vw;
}
.header-under-big2 a {
    display: block;
    height: 30vw;
}

.header-under a {
    display: block;
    height: 12.3vw;
}
.wrapper {
	display:flex;
	width: 95%;
	max-width:1400px;
	margin: 0 auto;
	margin-top:20px;
	justify-content: center;
}
.main_fooldal {
	width:0;
	display:none;
}
.main {
	padding-right: 12px;
}
.contain {
	min-width:510px;
	min-height:800px;
	width:100%;
}
.contain-fooldal {
	min-width:510px;
	min-height:800px;
	width:100%;
}

#content {
	display:block;
	min-height:925px;
}
#content_fooldal {
	display:block;
	min-height:925px;
	border-radius: 10px;
	padding:12px 0;
	background-color:rgba(0,0,0,.6);
	box-shadow: 0 5px 12px rgba(0,0,0,.4);
}
.fooldal {
	padding:0;
}
.aloldal {
}
.aloldal h1{
	color: #51A4BF;
	margin-bottom:6px;
	text-shadow:none;
}
.aloldal h2{
	font-size: 28px;
	margin: 24px 0 24px 0;
	padding: 0px;
	color: #666;
	font-weight: bold;
	line-height: normal;
	border-bottom: 1px dotted #C9D9E9;
}
.aloldal h2:first-child{
	margin-top:0;
}
/* = = = = = = = = = = = = = = = = = = = = = = = = = =********************************************header******/
#header {
    display: block;
    position: fixed;
    padding-top: 0;
    height: var(--ds-header-height);
    top: 0;
    width: 100%;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
    border-bottom: 1px solid rgba(255,255,255,0.06);
    z-index: 2000;
    background: linear-gradient(to bottom, #2f3f4f, #253545);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
}
#header-box {
	width: 95%;
	margin: 0 auto;
	max-width: 1400px;
    justify-content: flex-start;
	align-items: center;
	height: 64px;
	position: relative;
}
.home {
	display:none;
}
#header label {
	padding:0;
}
#header label:hover {
	color: #ffffff;
}
#header label.basketbtn:hover {
    color: #FFFFFF;
	cursor:default;
}
/*------responsive menü-------------*/
#header .checkbtn{
  font-size: 30px;
  color: white;
  float: left;
  line-height: 64px;
  margin-left: 20px;
  cursor: pointer;
  display: none;
}
#check{
  display: none;
}
#check:checked ~ .checkbtn {
  color: #ffffff;
}

/*------responsive menü end-------------*/

.header-nav {
	float: left;
	font-size: 16px;
	height: 64px;
	align-items: center;
	display: flex;
}
.header-nav-768 {
	display:none;
}
.header-nav-768 img {
	width: 24px;
	margin: 8px 4px 0 4px;
}
.header-nav li {
	list-style: none;
	display: inline-block;
	padding: 0;
}
ul.header-nav:first-child {
	vertical-align:sub;
}
a.home img {
  width: 31px;
  opacity: 0.9;
  transition: opacity var(--ds-transition-fast);
}
a.home img:hover {
  opacity: 1;
}
.header-nav li a, .header-nav-768 a {
    cursor: pointer;
    text-decoration: none;
    color: var(--ds-header-nav-color);
    font-weight: 300;
    font-size: var(--ds-text-base);
    display: block;
    padding-right: 17px;
    font-family: var(--ds-font-nav);
    letter-spacing: 0.03em;
    transition: color var(--ds-transition-fast);
}
.header-nav-768 a {
  padding: 0;
  color: #eb8789;
  text-shadow: none;
  font-weight: 300;
}
.header-nav li a:hover {
	color: #ffffff;
}
.header-nav li a.home {
	font-size: 28px;
}
/* ── Termékek dropdown ── */
.site-nav-dropdown {
    position: relative;
}
.site-nav-dropdown > a {
    position: relative;
    z-index: 2;
}
.site-nav-dropdown-panel {
    position: absolute;
    top: 104%;
    left: -25px;
    padding-top: 20px;
    transform: translateY(-8px);
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--ds-transition-base), transform var(--ds-transition-base), visibility var(--ds-transition-base);
    z-index: 1000;
}
.site-nav-dropdown:hover > .site-nav-dropdown-panel,
.site-nav-dropdown:focus-within > .site-nav-dropdown-panel,
.site-nav-dropdown.is-open > .site-nav-dropdown-panel {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.site-nav-dropdown-inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--ds-space-6);
    background: linear-gradient(to bottom, #253545, #1e2d3d);
    backdrop-filter: none;
    border-radius: 0 0 var(--ds-radius-md) var(--ds-radius-md);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);
    border: none;
    padding: var(--ds-space-6) var(--ds-space-8);
    min-width: 440px;
}
.site-nav-dropdown-heading {
    display: block;
    font-family: var(--ds-font);
    font-weight: var(--ds-font-semibold);
    font-size: var(--ds-text-xs);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #dfc08a;
    margin-bottom: var(--ds-space-3);
    padding-bottom: var(--ds-space-2);
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.site-nav-dropdown-col {
    display: flex;
    flex-direction: column;
}
.site-nav-dropdown-col a {
    font-family: var(--ds-font) !important;
    font-size: var(--ds-text-sm) !important;
    font-weight: var(--ds-font-normal) !important;
    color: rgba(255,255,255,0.85) !important;
    text-transform: none !important;
    padding: var(--ds-space-1) var(--ds-space-2) !important;
    text-shadow: none !important;
    transition: color var(--ds-transition-fast), border-color var(--ds-transition-fast) !important;
    white-space: nowrap;
    border-left: 2px solid transparent;
}
.site-nav-dropdown-col a:hover {
    color: #fff !important;
    border-left-color: var(--ds-header-accent);
}
.header-nav li a .fas.fa-home {
	opacity: 1;
}
#header-basket {
	justify-content: flex-end;
	align-items: center;
	position: absolute;
	flex-wrap: wrap;
	right: 0;
	top: 0;
	padding: 10px 0;
	font-weight: normal;
	font-size: 14px;
	height: 64px;
	padding-top: 15px;
	overflow: hidden;
	width: 175px;
	max-width: 275px;
	transition: width var(--ds-transition-base), background-color var(--ds-transition-fast);
}
#header-basket:hover {
	background: linear-gradient(to bottom, #2a3a4a, #1e2e3e);
	border-radius: 0 0 var(--ds-radius-md) var(--ds-radius-md);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(255,255,255,0.08);
	border-top: none;
	margin-right: -1px;
	height: auto;
	z-index: 3;
	padding: 10px 14px 14px 14px;
	width: 400px;
	max-width: 90%;
}
#header-basket div {
	flex-grow: 0;
}
#header-basket .basketbtn {
	font-size: 30px;
	color: var(--ds-border-input);
}
#basketInfo {
	color:#fff;
	font-family: var(--ds-font-price);
	line-height: normal;
	font-size: var(--ds-text-base);
}
#basketInfo a {
	color: white;
}
#basketInfo a:hover {
	color: rgba(255,255,255,0.75);
}
.basket-icon {
  position: relative;
  margin-left:1rem;
}
.header-posta {
  font-weight: normal;
  font-size: 12px;
  opacity: 0.7;
}
#basketDb {
	position: absolute;
	top: 2px;
	right: 1px;
}
#basket-item-list {
	top: 61px;
	min-width: 100%;
	text-align: right;
	margin-top: 12px;
}
#basket-item-list li {
	list-style: none;
	color: rgba(255,255,255,0.9);
	font-family: var(--ds-font-number);
	margin: 4px 0;
	font-size: var(--ds-text-sm);
	display: block;
	text-align: left;
	border-bottom: 1px solid rgba(255,255,255,0.08);
	background: none;
	padding: 6px 4px;
	border-radius: 0;
}
#basket-item-list li.kupon {
	box-shadow: none;
    background: none;
    border: none;
}
#basket-item-list li img {
	border: 0;
	vertical-align:middle;
	margin:0;
}
#basket-item-list li .productPrice {
	float: right;
	color: #ffffff;
	font-weight: var(--ds-font-medium);
	font-family: var(--ds-font-price);
	font-variant-numeric: tabular-nums;
}
.basket-icon-btn {
	font-size: 16px;
	color: rgba(255,255,255,0.45);
	cursor: pointer;
	transition: color var(--ds-transition-fast);
	margin-right: 2px;
	vertical-align: middle;
}
.basket-icon-btn:hover {
	color: rgba(255,255,255,0.9);
}
.basket-icon-del {
	color: rgba(220, 80, 80, 0.5);
}
.basket-icon-del:hover {
	color: #ef4444;
}
#header-basket:hover #basket-item-list{
	display:block;
	transition:.3s;
}
#header-basket a.nagy_gomb_kosarba {
	margin-top: 10px;
}
/* = = = = = = = = ==========================search*/
.header-search #searchid {
  display: none;
}
.header-search #search_content {
	max-width: 600px;
	margin: 0;
	flex-basis: 1;
	justify-content: center;
	align-items: center;
	position: relative;
}
#search_content .fas.fa-search.header-search-icon {
	color: rgba(255,255,255,0.7);
	cursor: pointer;
	font-size: 18px;
	transition: color var(--ds-transition-fast);
}
#search_content .fas.fa-search.header-search-icon:hover {
	color: #ffffff;
}
.search-input {
  max-width: calc(96% - 180px);
  position: relative;
}
#search_close {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: rgba(255,255,255,0.4);
	cursor: pointer;
	font-size: 14px;
	z-index: 3;
	transition: color var(--ds-transition-fast);
}
#search_close:hover {
	color: rgba(255,255,255,0.9);
}
.header-search #searchid {
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: var(--ds-radius-full);
  padding: 8px 36px 8px 16px;
  position: static;
  z-index: 2;
  margin-left: 0;
  width: calc(100% - 30px);
  color: #ffffff;
  font-family: var(--ds-font);
  font-size: var(--ds-text-sm);
  font-weight: 300;
  outline: none;
  transition: background var(--ds-transition-fast), border-color var(--ds-transition-fast);
  box-shadow: none;
}
.header-search #searchid::placeholder {
  color: rgba(255,255,255,0.45);
  font-weight: 300;
}
.header-search #searchid:focus {
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,0.3);
}
.header-search #result {
	top: 52px;
	width: calc(96% - 180px);
	min-width: 380px;
}
/* = = = = = = = = = = = = = = = = = = = = = = = = = =******************************************main*****/
.main-box {
	width: 200px;
}
ul.main-links {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 0;
	margin: 0;
}
ul.main-links li{
	list-style: none;
	font-family: var(--ds-font);
	font-size: var(--ds-text-sm);
}
ul.main-links li a {
	display: flex;
	align-items: center;
	gap: 0.3rem;
	padding: 0.4rem 0.6rem;
	border-radius: var(--ds-radius-md);
	text-decoration: none;
	text-shadow: none;
	font-weight: var(--ds-font-medium);
	color: var(--ds-text-secondary);
	transition: all var(--ds-transition-fast);
}
ul.main-links li a:hover {
	background: var(--ds-bg-cool);
	color: var(--ds-text);
}
ul.main-links li a.on {
	background: rgba(184, 151, 106, 0.12);
	color: var(--ds-header-accent);
	font-weight: var(--ds-font-semibold);
}
ul.main-links li.kiemelt a {
	color: var(--ds-brand);
	font-weight: var(--ds-font-semibold);
	text-transform: uppercase;
	font-size: var(--ds-text-xs);
	letter-spacing: 0.03em;
}
ul.main-links li.kiemelt a:hover {
	background: rgba(213, 57, 60, 0.08);
	color: var(--ds-brand);
}
ul.main-links li.product:first-of-type {
	margin-top: var(--ds-space-2);
	padding-top: var(--ds-space-2);
	border-top: 1px solid var(--ds-border);
}
ul.main-links li.product a {
	color: var(--ds-text);
	font-weight: var(--ds-font-semibold);
	text-transform: uppercase;
	font-size: var(--ds-text-md);
	letter-spacing: 0.02em;
	flex-direction: column;
	align-items: flex-start;
	padding: 0.7rem 0.6rem;
}
ul.main-links li.product a:hover {
	background: var(--ds-bg-cool);
	color: var(--ds-text);
}
ul.main-links li a .fas {
	display: inline-block;
	width: 18px;
	font-size: 0.85em;
	text-align: center;
	opacity: 0.7;
}
ul.main-links li.product a .megjegyzes {
	display: block;
	width: 100%;
	color: var(--ds-text-muted);
	font-size: var(--ds-text-xs);
	font-weight: var(--ds-font-normal);
	line-height: 1.2;
	text-transform: none;
	letter-spacing: 0;
	margin-top: 2px;
}
ul.main-links li a .tovabb {
	display: none;
	position: absolute;
	right: 12px;
	top: 9px;
}
.filterbtn {
  font-size: 30px;
  color: white;
  display: none;
  /*! height: 50px; */
  position: fixed;
  bottom: 35px;
  right: 35px;
  background-color: var(--ds-header-accent);
  z-index: 100;
  padding: 15px 13px 10px 13px;
  border-radius: 32px;
  box-shadow: 0 0 13px rgba(0,0,0,.3);
}
.filterbtn:hover {
  color: #FFFF00;
}
#filtersCheck{
  display: none;
}

ul.filter-box {
  list-style: none;
}
.filter-box li:first-child {
  background: none;
  display: block !important;
  margin-bottom: var(--ds-space-2);
  margin-top: var(--ds-space-3);
  text-transform: uppercase !important;
  font-family: var(--ds-font);
  font-weight: var(--ds-font-semibold);
  font-size: var(--ds-text-xs);
  color: var(--ds-text-secondary);
  letter-spacing: 0.06em;
}
.filter-box li{
  display:block;
  margin-bottom: 0.2em;
}
.filter-box .illattipus li {
	display: inline-block;
	margin-right: 0.2em;
	text-transform: lowercase;
}
.filter-box li a {
  padding: 0.3rem 0.5rem;
  background: transparent;
  color: var(--ds-text-secondary);
  text-shadow: none;
  text-decoration: none;
  font-family: var(--ds-font);
  font-size: var(--ds-text-xs);
  border-radius: var(--ds-radius-full);
  transition: all var(--ds-transition-fast);
}
.filter-box li a:hover {
  background: var(--ds-bg-cool);
  color: var(--ds-text);
}
.filter-box li a:active{
  background: var(--ds-bg-cool);
}
.filter-box li a.selected {
  background: var(--ds-header-accent);
  color: white;
  padding-right: 9px;
}
.filter-box li a.selected::after {
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 6px;
  font-size: 10px;
  color: rgba(255,255,255,0.6);
  text-shadow: none;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
}
.filter-box li a.selected:hover::after {
  color: #fff;
}
.h-60 {
	height:50px;
}
/* = = = = = = = = = = = = = = = = = = = = = = = = = =****************************************KEZDŐOLDAL*****/
.index-box {
  padding: var(--ds-space-8) 0;
}
.index-box > h2 {
    font-size: var(--ds-text-3xl);
    text-transform: uppercase;
    line-height: var(--ds-leading-tight);
    color: var(--ds-text-secondary);
    font-weight: var(--ds-font-bold);
    margin-bottom: var(--ds-space-8);
    text-align: center;
    font-family: var(--ds-font-heading);
}
/* = = = = = = = = ==========================bemutato*/

/* Info kártyák — "Mi az az FM parfüm?" */
.info-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: var(--ds-space-5);
}
.info-card {
	background: var(--ds-bg);
	border-radius: var(--ds-card-radius);
	box-shadow: var(--ds-card-shadow);
	padding: var(--ds-space-6);
	transition: transform var(--ds-transition-base), box-shadow var(--ds-transition-base);
}
.info-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--ds-card-shadow-hover);
}
.info-card__icon {
	font-size: var(--ds-text-2xl);
	color: var(--ds-header-accent);
	margin-bottom: var(--ds-space-3);
	display: block;
}
.info-card h3 {
	font-size: var(--ds-text-lg);
	font-family: var(--ds-font-heading);
	font-weight: var(--ds-font-semibold);
	color: var(--ds-text);
	margin-bottom: var(--ds-space-3);
	text-transform: uppercase;
}
.info-card p {
	font-size: var(--ds-text-sm);
	color: var(--ds-text-secondary);
	line-height: var(--ds-leading-relaxed);
}
.info-card a {
	color: var(--ds-brand);
	text-decoration: underline;
}
.info-card a:hover {
	color: var(--ds-brand-dark);
	text-decoration: none;
}

/* = = = = = = = = ==========================search_content (főoldal) */
.index-box #search_content {
	max-width: 600px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	position: relative;
	background: var(--ds-bg-warm);
	border: 1px solid var(--ds-border);
	border-radius: var(--ds-radius-full);
	padding: var(--ds-space-2) var(--ds-space-4);
	transition: border-color var(--ds-transition-fast), box-shadow var(--ds-transition-fast);
}
.index-box #search_content:focus-within {
	border-color: var(--ds-brand);
	box-shadow: var(--ds-shadow-focus);
}
.index-box #search_content .fas.fa-search {
	font-size: var(--ds-text-lg);
	color: var(--ds-text-muted);
	flex-shrink: 0;
}
.index-box .search-auto {
	font-size: var(--ds-text-base);
	color: var(--ds-text);
	padding: var(--ds-space-2) var(--ds-space-3);
	border: none;
	background: transparent;
	width: 100%;
	outline: none;
}
.index-box .search-auto::placeholder {
	color: var(--ds-text-muted);
}
.search-auto-modositas {
	font-size: 1rem;
	color: rgba(0, 0, 0, .7);
	padding: 12px 2rem;
	border: 1px solid rgba(0,0,0,.2);
	background-color: rgba(250,250,250,.6);
	box-shadow: 0px 2px 0px rgba(0,0,0,.1);
	border-radius: 5px;
	margin-left: 1rem;
	width: 100%;
}
.search-auto-modositas:focus,.search-auto-modositas:hover {
	background-color: rgba(250,250,250,.7);
	border: 1px solid rgba(0,0,0,.4);
	color: rgba(0, 0, 0, 0.9);
	box-shadow: 0px 2px 0px rgba(0,0,0,.3);
}
#search_close {
	display:none;
	cursor:pointer;
	font-size:16px;
}
#result {
	max-height: 450px;
	overflow-x: hidden;
	display: none;
	border-radius: var(--ds-radius-md);
	background: #fff;
	position: absolute;
	z-index: 1999;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
	border: 1px solid var(--ds-border);
	top: 61px;
	padding: var(--ds-space-2);
	width: 100%;
}
.search_elem {
	display: flex;
	align-items: center;
	gap: var(--ds-space-3);
	border-bottom: 1px solid var(--ds-border);
	padding: var(--ds-space-2) var(--ds-space-3);
	border-radius: var(--ds-radius-sm);
	transition: background-color var(--ds-transition-fast);
}
a:last-child .search_elem {
	border-bottom: none;
}
.search_elem:hover {
	background-color: var(--ds-bg-cool);
}
.adatok_modositas {
	float:left;
	display:inline-block;
}
.kosarba_modositas {
	float:right;
	display:inline-block;
	margin-top: 18px;
}
.search_elem img{
	width: 56px;
	height: 56px;
	object-fit: contain;
	flex-shrink: 0;
}
.search_elem .nev{
	font-size: var(--ds-text-base);
	width: auto;
	font-family: var(--ds-font);
	text-transform: none;
	text-decoration: none;
	font-weight: var(--ds-font-medium);
}
.search_elem p{
	width:auto;
	display:block;
	font-size: var(--ds-text-xs);
}
.search_elem .akcios{
	color: var(--ds-brand);
	font-size: var(--ds-text-xs);
}
.search-highlight {
	color: #F93333;
	font-weight: var(--ds-font-semibold);
}
/* = = = = = = = = ==========================kat-slide*/
#kat_slide_index {
	margin-bottom: var(--ds-space-8);
}
.kat-slide {
	width: 49%;
	max-width: 700px;
	height: 25rem;
	background-position: center;
	margin-left: 2%;
	border-radius: var(--ds-card-radius);
	overflow: hidden;
}
.kat-slide div:first-child{
	margin-left: 0;
}

.kat-slide .felirat {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, rgba(0,0,0,0.55), rgba(0,0,0,0.15));
  padding: var(--ds-space-8);
  color: white;
  font-size: var(--ds-text-base);
  line-height: var(--ds-leading-normal);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.kat-slide .felirat p {
  font-size: var(--ds-text-3xl);
  line-height: var(--ds-leading-tight);
  font-weight: var(--ds-font-bold);
  font-family: var(--ds-font-heading);
}
.kat-slide .felirat a {
	font-size: var(--ds-text-sm);
	margin-top: var(--ds-space-4);
	display: inline-block;
	background: var(--ds-bg);
	color: var(--ds-text);
	padding: var(--ds-space-2) var(--ds-space-5);
	border-radius: var(--ds-radius-full);
	font-weight: var(--ds-font-medium);
	transition: transform var(--ds-transition-fast), box-shadow var(--ds-transition-fast);
	width: fit-content;
}
.kat-slide .felirat a:hover {
	transform: translateY(-2px);
	box-shadow: var(--ds-shadow-md);
}
.kat-slide .felirat ul {
  list-style: none;
  margin-left: 2px;
}
.kat-slide .felirat ul li.ar {
	font-size: var(--ds-text-3xl);
	margin-top: var(--ds-space-3);
    font-family: var(--ds-font-price);
    font-variant-numeric: tabular-nums;
	font-weight: var(--ds-font-bold);
}
/* = = = = = = = = ==========================start*/
.index-box.start {
	text-align: center;
	position: sticky;
	z-index: 10001;
	width: 100%;
	margin-bottom: 1rem;
	top: 3rem;
	text-shadow: 0 0 36px rgba(0,0,0,.6);
}
.index-box.start-bg {
	position: fixed;
	width: 100vw;
	height: 150vh;
	background-color: rgba(0,0,0,.7);
	z-index: 10000;
	top: 0;
	left: 0;
}
.index-box.start h1 {
	font-size: 4rem;
	text-shadow: 0 0 36px rgba(0,0,0,.3);
	margin-bottom: 0;
	margin-top:0;
	color: #f07676;
}
.index-box.start h2 {
	text-shadow: 0 0 36px rgba(0,0,0,.3);	
	font-size: 1.5rem;
}
.index-box.start a {
	font-size: 2rem;
	display: inline-block;
	margin: 2rem 2rem 0 2rem;
	background-color: #38A4C8E6;
	padding: 2rem 3rem;
	line-height: normal;
	border-radius: 15px;
	border-bottom: 6px solid #2D809BE6;
	width: 70%;
	max-width: 380px;
	box-shadow: 0 0 36px rgba(0,0,0,.2);
}
.index-box.start a:hover {
	border-top: none;
	border-bottom-width: 6px;
	background-color: #3294B5E6;
}
.index-box.start .fas.fa-question {
	font-size: 2rem;
	color: white;
	text-shadow: 0 0 36px rgba(0,0,0,.3);
}
/* = = = = = = = = ==========================nepszerű termékek carousel */
#termekek_index .termek {
    max-width: 280px;
    min-width: 240px;
    width: 260px;
    margin-right: 16px;
    box-shadow: var(--ds-card-shadow);
}
#termekek_index .termek:hover {
    transform: none;
}
#termekek_index .tc-image-link img {
    width: 100%;
    height: auto;
}
.flickity-button {
  background: rgba(0,0,0,.25) !important;
  color: white !important;
  border-radius: var(--ds-radius-full) !important;
  transition: background var(--ds-transition-fast) !important;
}
.flickity-button:hover {
  background: rgba(0,0,0,.4) !important;
}
/* = = = = = = = = vélemények */
.index-box.velemenyek {
	position: relative;
}
.velemenyek-elrejtett {
	display: none;
}
#ertekelesek-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--ds-space-4);
}
.ertekeles-container {
    margin: 0;
    background: var(--ds-bg);
    border-radius: var(--ds-card-radius);
    box-shadow: var(--ds-card-shadow);
    padding: var(--ds-space-5);
}
.ertekeles-container .name {
	font-size: var(--ds-text-sm);
	display: inline-block;
	vertical-align: middle;
	font-weight: var(--ds-font-semibold);
	font-family: var(--ds-font-heading);
	text-transform: uppercase;
	margin-bottom: var(--ds-space-2);
}
.ertekeles-container .star {
	display: inline-block;
	vertical-align: middle;
	color: var(--ds-header-accent);
	margin-bottom: var(--ds-space-2);
}
.ertekeles-container .date {
	font-size: var(--ds-text-xs);
	display: inline;
	float: right;
	vertical-align: middle;
	line-height: 20px;
	color: var(--ds-text-muted);
}
.ertekeles-container .items {
	font-size: var(--ds-text-sm);
	margin-top: var(--ds-space-3);
}
.ertekeles-container .comment {
	font-size: var(--ds-text-sm);
	color: var(--ds-text-secondary);
	margin-top: 0;
	line-height: var(--ds-leading-relaxed);
}
a.ertekeles_kedvenc, .ertekeles_kedvenc {
	display: inline-block;
	margin-right: var(--ds-space-2);
	width: auto;
	border-radius: var(--ds-radius-full);
	color: #fff;
	font-size: var(--ds-text-xs);
	margin-bottom: var(--ds-space-1);
	overflow: visible;
	padding: 2px 8px;
	text-decoration: none;
	line-height: 20px;
}
.ertekeles_kedvenc.noi {
  background-color: var(--ds-brand);
}
.ertekeles_kedvenc.ferfi {
  background-color: var(--ds-text-muted);
}
.index-box.velemenyek .velemenyek-tovabb {
	margin: 0;
	text-align: center;
	width: 100%;
	padding: var(--ds-space-6) 0;
}
.velemenyek-tovabb .velemenyek-tovabb-btn {
	display: inline-block;
	padding: var(--ds-space-2) var(--ds-space-6);
	border: 2px solid var(--ds-border);
	border-radius: var(--ds-radius-full);
	color: var(--ds-text-secondary);
	font-size: var(--ds-text-sm);
	font-weight: var(--ds-font-medium);
	cursor: pointer;
	transition: border-color var(--ds-transition-fast), color var(--ds-transition-fast);
	background: none;
}
.velemenyek-tovabb .velemenyek-tovabb-btn:hover {
	border-color: var(--ds-text-muted);
	color: var(--ds-text);
}
.slide-box {
    overflow-x: scroll;
    overflow-y:hidden;
    display: flex;
    z-index: 1;
	max-width: 100%;
	padding-bottom: 18px;
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = =******************************************űrlap
*/
.ful {
	border-style: solid;
	border-width: 1px;
	border-color: #fff;
	background-image: url(../images/noise.png), linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));
	display:inline-block;
	margin-left:12px;
	padding:18px;
	border-radius:5px 5px 0 0;
	margin-bottom: -1px;
	width: 300px;
	cursor:pointer;
	color:#C00;
}
.aktivful {
	background-color:#E9E9E9;
	border-bottom:none;
	font-weight:bold;
}
.inaktivful {
	background-color: #F2F2F2;
    padding-bottom: 17px;
}
.urlap {
    width: 100%;
    padding: 0 2%;
    margin-bottom: 24px;
}
.urlap p{
	display:inline-block;
	font-size:14px;
	text-shadow: 0 1px 0 rgba(250,250,250,.2);
	margin:12px 0;
	vertical-align:middle;
}
.urlap p.bal{
	width:30%;
	float:none;
}
.urlap p.jobb{
	width:65%;
	float:none;
}
.urlap .jobb input {
	margin-bottom: 6px;
}
.urlap h2 {
    font-size: 2rem;
    margin: 3rem 0 12px 0;
    padding: 0px;
    color: #333;
    font-weight: 400;
    line-height: normal;
    /* border-bottom: 1px solid #F7F7F7; */
    font-variant: small-caps;
}
.urlap h2:first-of-type {
    margin: 0 0 12px 0;
}
.adatmegadas #fizetendo {
	text-align: left;
	margin: 2rem 0 1rem;
}
.szallitasi_mod label {
    font-weight: 500;
}
  .ap-change-btn {
    background: none;
    border: 0;
    padding: 0;
    font: inherit;
    text-decoration: underline;
    cursor: pointer;
    color: #0c6dfe;
    margin-top: 8px;
  }
#ap-selected { margin-top: 10px; padding: 10px; background:#f6f7f9; border:1px solid #e3e6ea; display:none; }
    #ap-payinfo { margin-top: 8px; font-size: 14px; }
    .ok { color:#0a7a22; }
    .warn { color:#a66b00; }
    .nope { color:#b00020; }
    .btn { display:inline-block; padding:10px 16px; border:0; background:#0c6dfe; color:#fff; border-radius:6px; cursor:pointer; }
    .btn:disabled { background:#b8c6e3; cursor:not-allowed; }
	
.szallitasi_mod {
/*    padding: 2%;
    border-radius: 3px;
    background-color: #FFF;
	border: 1px solid var(--line);
    border-radius: 14px;
	margin-bottom: 1rem;
*/}
#postapontvalasztoapi {
	width: 100%;
	margin: 16px 0;
	text-align: left;
	display: block;
}
#postaPontApi-content,
#postaPontApi,
#postaPontApi-inner {
	width: 100% !important;
	max-width: 100% !important;
	background-color: #fff;
}
#ap-map-canvas,
#pp-map-canvas {
	width: 100% !important;
	max-width: 100% !important;
}
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = FOOTER */
.site-footer {
    background-color: var(--ds-footer-bg);
    color: #d1d5db;
    padding: var(--ds-space-10) 0 0 0;
    font-family: var(--ds-font);
}
.site-footer-inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--ds-space-8);
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 var(--ds-space-6);
}
.site-footer-heading {
    display: block;
    font-weight: var(--ds-font-semibold);
    font-size: var(--ds-text-sm);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #ffffff;
    margin-bottom: var(--ds-space-3);
    padding-bottom: var(--ds-space-2);
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.site-footer-links {
    list-style: none;
    margin: 0;
    padding: 0;
}
.site-footer-links li {
    margin-bottom: var(--ds-space-1);
}
.site-footer-links li i {
    width: 1.2em;
    text-align: center;
    color: rgba(255,255,255,0.4);
    font-size: var(--ds-text-xs);
}
.site-footer-links a {
    color: var(--ds-text-muted);
    text-decoration: none;
    font-size: var(--ds-text-sm);
    transition: color var(--ds-transition-fast);
    line-height: 1.8;
}
.site-footer-links a:hover {
    color: #ffffff;
}
.site-footer-note {
    margin-top: var(--ds-space-3);
    font-size: var(--ds-text-xs);
    color: rgba(255,255,255,0.35);
    line-height: var(--ds-leading-relaxed);
}
.site-footer-bottom {
    margin-top: var(--ds-space-8);
    padding: var(--ds-space-4) var(--ds-space-6);
    border-top: 1px solid rgba(255,255,255,0.08);
    text-align: center;
    font-size: var(--ds-text-xs);
    color: rgba(255,255,255,0.3);
}
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = H-k */
h1,h2,h3,h4 {
	font-weight:normal;
	font-family: var(--ds-font-heading);
}
h1, h2.cim, h2.felk {
	font-size: 100;
	/* color: #FFF; */
	font-weight: bold;
	/* line-height: 200%; */
	/* text-shadow: 1px 1px 0 rgba(0,0,0,.2); */
	margin: 1.5rem 0;
	line-height: normal;
}
h2.ajanlo, h2.ajanlo + p {
	font-size: 24px;
	/* color: #FFF; */
	/* font-weight:bold; */
	line-height:normal;
	/* text-shadow: 1px 1px 0 rgba(0,0,0,.2); */
	margin: 1.5rem 0;
}
h2.ajanlo + p {
	font-size: 14px;
	margin-top: -1rem;
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = search*/
#searchSmall {
	background: #4f84b8 url(../images/box-grad.png) repeat-x 0 0;
}
#searchSmall {
	position:fixed;
	margin: 12px 0 12px 0;
	width: 16%;
	min-width: 185px;
	padding:0;
}
#searchSmall_doboz {
	margin:24px 5% 12px 5%;
}

#szurok {
	margin: 0;
}
#search input.nagy_gomb {
	margin: 12px 0 6px 0;
}
.szuro {
	display: inline-block;
	width: 24.7%;
}
#searchSmall .szuro {
	display: block;
	width:auto;
}
#searchSmall select {
	padding:2%;
	margin:6px 0;
	width:100%;
}
.szuro p{
	margin:3px 0 0 0;
	color:#FFF;
	font-size:14px;
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
	font-weight:bold;
}
#searchSmall .szuro p {
	font-size:12px;
	font-weight:bold;
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}
.elvalaszto {
	display:block;
	height:3px;
	/*background: url(../images/divider.png) repeat-x 0 0;*/
	margin:6px 0; 
}
.keress{
	color: #E6F0F7;
	font-size: 36px;
	text-shadow: -1px -1px 0 rgba(0,0,0,.4);
	margin: 6px 0 18px 0;
	font-weight: bold;
}
#search .keress{
	color: #FFFFFF;
/*	padding-left:36px;
*/}
.szures_szemp{
	color:#FFF;
	display:inline-block;
	font-size:18px;
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}
.fokat {
	font-size:18px;
	padding:10px 2%;
	margin-top:6px;
	width:96%;
	color:#999;
	border-radius:5px;

	background-color: #FBFBFB;
	border: 1px solid #666;
}
#searchSmall .fokat {
	padding:3px 2%;
}
#searchSmall .kis_gomb_on, #searchSmall .kis_gomb {
	margin:6px 0 6px 0;
	width:auto;
	max-width:100%;


}
.fokat_op_k {
	margin:12px;
}
.fokat_op {
	color: #4E4538;
	margin: 12px;
}
.fokat_op:hover, .fokat:hover {
	background-color:none;
	color:#FF4400;
}
.fokat:hover {
	border: 1px solid #666;
}
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = talalati_lista*/
.felhivas, .felhivas_bal{
	float: left;
	display: block;
	width: auto;

	min-width:176px;
	padding: 12px;
	border-radius: 5px;
	background-color: #FBFB00;
	background-image: url(../images/noise.png), linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));
	border-style: solid;
	border-width: 1px;
	border-color: #FFF;
	border-radius: 5px;
	box-shadow: 0 3px 3px rgba(0,0,0,.2);
	margin: 16px 0 26px 0;
}
.felhivas_bal{
	border-radius: 0px;
	border-width: 4px;
	padding: 6px;
	width:178px;
}
.felhivas .cim, .felhivas_bal .cim{
	font-size: 24px;
	color: #3E3E3E;
	font-family: var(--ds-font);
	margin-bottom:12px;
	text-shadow: 0 -1px 0 #FFFFFF;
}
.felhivas p, .felhivas_bal p{
	font-size: 12px;
	color:#666;
}
.felhivas .kep{
	border:1px solid #ccc;
	display:block;
	border:1px solid rgba(0,0,0,0.1);
	box-shadow:0 0 6px rgba(255,255,255,1);
	margin:12px 0 0 0;
	width:100%;
	background-color:#FFF;
}
.talalatok-db-szurok-box {
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--ds-space-2);
}
.talalatok-db-szurok-box a {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    font-size: var(--ds-text-base);
    font-family: var(--ds-font);
    font-weight: var(--ds-font-semibold);
    color: var(--ds-text);
    text-decoration: none;
    background: var(--ds-bg-cool);
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-full);
    line-height: 1.4;
    transition: background var(--ds-transition-fast), border-color var(--ds-transition-fast);
}
.talalatok-db-szurok-box a::after {
    content: "\00d7";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    font-size: var(--ds-text-sm);
    font-weight: var(--ds-font-bold);
    color: var(--ds-text-muted);
    background: var(--ds-bg-subtle);
    border-radius: var(--ds-radius-full);
    transition: background var(--ds-transition-fast), color var(--ds-transition-fast);
}
.talalatok-db-szurok-box a:hover {
    background: var(--ds-bg-warm);
    border-color: var(--ds-header-accent);
}
.talalatok-db-szurok-box a:hover::after {
    background: var(--ds-header-accent);
    color: white;
}
#talalat_db, #talalat_db_pr {
    display: inline-block;
    color: var(--ds-text);
    padding: 0.25rem 0.75rem;
    font-size: var(--ds-text-sm);
    font-weight: var(--ds-font-semibold);
    line-height: 1.5;
    border-radius: var(--ds-radius-full);
    background-color: var(--ds-bg-cool);
    border: 1px solid var(--ds-border);
    margin-right: 0.5rem;
    font-family: var(--ds-font);
}
#talalat_db_pr {
    background-color: var(--ds-bg-warm);
}
/* ====================================================
   TERMÉKKÁRTYA v2 (F3 redesign)
   ==================================================== */
#termekek {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--ds-space-6);
    margin: 0 0 var(--ds-space-8) 0;
}
.termek {
    display: flex;
    flex-direction: column;
    background: var(--ds-bg);
    border-radius: var(--ds-card-radius);
    overflow: hidden;
    box-shadow: var(--ds-card-shadow);
    transition: box-shadow var(--ds-transition-base), transform var(--ds-transition-base);
    border: none;
    padding: 0;
}
.termek:hover {
    box-shadow: var(--ds-card-shadow-hover);
    transform: translateY(-3px);
}

/* --- Kép zóna --- */
.tc-image-zone {
    position: relative;
    padding: var(--ds-space-5) var(--ds-space-5) var(--ds-space-5);
    /* background: linear-gradient(to top, var(--ds-card-gradient-from), var(--ds-card-gradient-to) 60%, #ffffff 100%); */
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Badge-ek (bal felső) */
.tc-badge {
    position: absolute;
    top: var(--ds-space-5);
    left: var(--ds-space-5);
    display: flex;
    flex-direction: column;
    gap: var(--ds-space-1);
    z-index: 2;
}
.tc-badge__bestseller,
.tc-badge__akcio,
.tc-badge__bontott {
    font-size: var(--ds-text-xs);
    font-weight: var(--ds-font-semibold);
    padding: 0.25rem 0.75rem;
    border-radius: var(--ds-radius-full);
    text-align: center;
    text-transform: none;
}
.tc-badge__bestseller {
    background: var(--ds-header-accent);
    color: white;
}
.tc-badge__akcio {
    background: var(--ds-brand);
    color: white;
}
.tc-badge__bontott {
    background: var(--ds-warning);
    color: white;
}

/* FM kód (jobb felső) */
.tc-fm-code {
    position: absolute;
    top: var(--ds-space-5);
    right: var(--ds-space-5);
    font-family: var(--ds-font-heading);
    font-size: var(--ds-text-2xl);
    font-weight: var(--ds-font-semibold);
    color: var(--ds-text-muted);
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(6px);
    border-radius: var(--ds-radius-sm);
    padding: 0.1875rem 0.5rem;
    z-index: 2;
}

/* Termékkép */
.tc-image-link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--ds-space-4) 0;
}
.tc-image-link img {
    width: 100%;
    max-width: 180px;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    /* filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.08)); */
}
.termek:hover .tc-image-link img {
    transform: scale(1.05);
}

/* Kedvelés sor */
.tc-likes {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: var(--ds-space-2);
}
.tc-likes-count {
    display: flex;
    align-items: center;
    gap: 0.3125rem;
    font-size: var(--ds-text-sm);
    color: var(--ds-text-secondary);
}
.tc-likes-count .fa-heart {
    color: var(--ds-brand);
    font-size: var(--ds-text-base);
}
.tc-likes-count strong {
    font-family: var(--ds-font-number);
    font-weight: var(--ds-font-bold);
    color: var(--ds-brand);
}
.tc-like-toggle {
    max-width: 73px;
}

/* Heart pop animáció */
@keyframes heart-pop {
    0% { transform: scale(1); }
    30% { transform: scale(1.3); }
    100% { transform: scale(1); }
}
.heart.heart--animating {
    animation: heart-pop 400ms ease;
}

/* Szám frissítés animáció */
@keyframes count-fade {
    0% { opacity: 0; transform: translateY(4px); }
    100% { opacity: 1; transform: translateY(0); }
}
.tc-likes-count strong.count-updated {
    animation: count-fade 250ms ease;
}

/* Kedvencek oldal — Eltávolítom gomb */
.tc-fav-remove-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.875rem;
    border: 1px solid var(--ds-border, #d1d5db);
    border-radius: 1.25rem;
    background: transparent;
    color: var(--ds-text-secondary, #6b7280);
    font-size: var(--ds-text-sm, 0.875rem);
    cursor: pointer;
    transition: all 0.2s ease;
    margin-top: var(--ds-space-2, 0.5rem);
}
.tc-fav-remove-btn:hover {
    border-color: #ef4444;
    color: #ef4444;
    background: rgba(239, 68, 68, 0.05);
}
.tc-fav-remove-btn .fa-times {
    font-size: 0.75rem;
}
body.page-kedvenceim .tc-like-toggle {
    display: none;
}

/* Kedvencek oldal — kártya kirepülés */
@keyframes card-fly-out {
    0% { transform: scale(1) translate(0, 0); opacity: 1; }
    100% { transform: scale(0.6) translate(50px, -30px); opacity: 0; }
}
.tc-card-removing {
    animation: card-fly-out 450ms ease forwards;
    pointer-events: none;
}

/* Kedvencek — üres állapot */
.fav-empty-state {
    text-align: center;
    padding: 4rem 1.5rem;
    color: var(--ds-text-secondary, #6b7280);
}
.fav-empty-icon {
    font-size: 3.5rem;
    color: var(--ds-brand, #d4a373);
    margin-bottom: 1rem;
    display: block;
}
.fav-empty-state h3 {
    font-size: var(--ds-text-xl, 1.25rem);
    color: var(--ds-text-primary, #1f2937);
    margin-bottom: 0.5rem;
}
.fav-empty-state p {
    margin-bottom: 1.5rem;
    font-size: var(--ds-text-base, 1rem);
}
.fav-empty-btn {
    display: inline-block;
    max-width: 280px;
}

/* --- Tartalom zóna --- */
.tc-content {
    padding: var(--ds-space-3) var(--ds-space-5) var(--ds-space-5);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.tc-heading-link {
    text-decoration: none;
    display: block;
    margin-bottom: var(--ds-space-1);
}
.tc-heading {
    margin: 0;
    border: none;
    line-height: var(--ds-leading-tight);
}
.tc-brand {
    display: block;
    font-size: var(--ds-text-2xl);
    font-weight: var(--ds-font-bold);
    color: var(--ds-text);
    font-family: var(--ds-font-heading);
}
.tc-scent {
    display: block;
    font-size: var(--ds-text-lg);
    color: var(--ds-text-secondary);
    margin-top: 0.125rem;
    font-weight: var(--ds-font-medium);
    font-family: var(--ds-font);
}
.tc-scent-alt {
    font-size: var(--ds-text-xs);
    color: var(--ds-text-muted);
}

/* Kategória */
.tc-category {
    display: block;
    font-size: var(--ds-text-xs);
    color: var(--ds-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: var(--ds-font-medium);
    margin-bottom: var(--ds-space-3);
}

/* Méretválasztó */
.tc-sizes {
    display: flex;
    gap: var(--ds-space-2);
    margin-bottom: var(--ds-space-3);
    flex-wrap: wrap;
}
.tc-size-btn {
    appearance: none;
    padding: 0.3rem 0.75rem;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-full);
    font-size: var(--ds-text-xs);
    font-weight: var(--ds-font-medium);
    font-family: var(--ds-font);
    background: var(--ds-bg);
    color: var(--ds-text-secondary);
    cursor: pointer;
    transition: all .12s ease;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    line-height: 1.4;
    box-shadow: 0 3px 0 var(--ds-border);
    transform: translateY(0);
}
.tc-size-btn:hover {
    border-color: var(--ds-border-input);
    color: var(--ds-text);
    box-shadow: 0 4px 0 var(--ds-border-input);
    transform: translateY(-1px);
}
.tc-size-btn:active {
    box-shadow: 0 1px 0 var(--ds-border);
    transform: translateY(2px);
}
.tc-size-btn--active {
    border-color: var(--ds-text-muted);
    color: var(--ds-text);
    font-weight: var(--ds-font-bold);
    cursor: default;
    box-shadow: 0 1px 0 var(--ds-text-muted);
    transform: translateY(2px);
}
.tc-size-btn--active:hover {
    border-color: var(--ds-text-muted);
    color: var(--ds-text);
    box-shadow: 0 1px 0 var(--ds-text-muted);
    transform: translateY(2px);
}

/* Ár */
.tc-price {
    display: flex;
    align-items: baseline;
    gap: var(--ds-space-2);
    margin-bottom: var(--ds-space-2);
}
.tc-price-current {
    font-size: var(--ds-text-2xl);
    font-weight: 800;
    color: var(--ds-text);
    font-family: var(--ds-font-price);
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
}
.tc-price-old {
    font-size: var(--ds-text-xl);
    color: var(--ds-text-muted);
    text-decoration: line-through;
    font-family: var(--ds-font-price);
    font-variant-numeric: tabular-nums;
}
.tc-price-current.tc-price-sale {
    color: var(--ds-brand);
}

/* Készlet — a keszletKiiras() kimenetét tartalmazza */
.tc-stock {
    margin-bottom: var(--ds-space-3);
}
.tc-stock .clear {
    display: none;
}
.tc-stock .keszlet_kiiras {
    text-align: left;
    margin-top: 0;
}

/* Kosárba gomb */
.tc-actions {
    margin-top: auto;
}
a.tc-cart-btn,
.tc-cart-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--ds-space-2);
    padding: 0.75rem 1rem;
    background: var(--ds-brand);
    color: white;
    border-radius: var(--ds-radius-full);
    font-weight: var(--ds-font-bold);
    font-size: var(--ds-text-base);
    font-family: var(--ds-font-heading);
    letter-spacing: 0.02em;
    text-decoration: none;
    transition: all var(--ds-transition-fast);
    cursor: pointer;
    border: none;
    min-height: 44px;
    box-shadow: 0 3px 12px rgba(213, 57, 60, 0.15);
}
.tc-cart-btn:hover {
    background: var(--ds-brand-dark);
    box-shadow: var(--ds-shadow-brand);
    transform: translateY(-1px);
}
.tc-cart-btn--disabled {
    background: var(--ds-bg-cool);
    color: var(--ds-text-muted);
    cursor: default;
    box-shadow: none;
}
.tc-cart-btn--disabled:hover {
    background: var(--ds-bg-cool);
    box-shadow: none;
    transform: none;
}
.tc-cart-btn--notify {
    background: var(--ds-bg);
    color: var(--ds-text-secondary);
    border: 1.5px solid var(--ds-border);
    box-shadow: none;
}
.tc-cart-btn--notify:hover {
    border-color: var(--ds-brand);
    color: var(--ds-brand);
    box-shadow: none;
}
.tc-cart-btn--added {
    background: #16a34a;
    box-shadow: 0 3px 12px rgba(22, 163, 74, 0.2);
}

/* Trust bar */
.trust-bar {
    display: flex;
    justify-content: center;
    gap: var(--ds-space-6);
    flex-wrap: wrap;
    padding: var(--ds-space-3) var(--ds-space-4);
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    margin-bottom: var(--ds-space-4);
}
.trust-bar span {
    font-size: var(--ds-text-xs);
    color: var(--ds-text-secondary);
    font-weight: var(--ds-font-medium);
    white-space: nowrap;
}

/* CTA banner — Aurora + Glass Gold gomb */
.cta-aurora {
    border-radius: var(--ds-card-radius);
    padding: 5rem var(--ds-space-8);
    text-align: center;
    position: relative;
    overflow: hidden;
    background: linear-gradient(170deg, #0f1628 0%, #1a1e2e 50%, #151a2a 100%);
    isolation: isolate;
    margin: var(--ds-space-10) 0;
}
.cta-aurora .aurora-layer {
    position: absolute; inset: 0; z-index: 1;
}
.cta-aurora .wave {
    position: absolute; width: 180%; height: 60%;
    border-radius: 50%; filter: blur(60px);
}
.cta-aurora .wave:nth-child(1) {
    background: rgba(80,220,170,.2); top: -20%; left: -20%;
    animation: aWave1 10s ease-in-out infinite;
}
.cta-aurora .wave:nth-child(2) {
    background: rgba(100,160,240,.18); top: -10%; left: 10%;
    animation: aWave2 13s ease-in-out infinite;
}
.cta-aurora .wave:nth-child(3) {
    background: rgba(180,120,255,.12); top: -30%; left: 30%;
    animation: aWave3 16s ease-in-out infinite;
}
.cta-aurora .wave:nth-child(4) {
    background: rgba(201,169,110,.1); top: 10%; left: -10%;
    animation: aWave1 18s ease-in-out infinite reverse;
}
@keyframes aWave1 {
    0%,100% { transform: translate(0,0) rotate(0deg); }
    50%     { transform: translate(15%,-15%) rotate(15deg); }
}
@keyframes aWave2 {
    0%,100% { transform: translate(0,0) rotate(0deg); }
    50%     { transform: translate(-10%,10%) rotate(-10deg); }
}
@keyframes aWave3 {
    0%,100% { transform: translate(0,0) rotate(0deg); }
    50%     { transform: translate(8%,-8%) rotate(8deg); }
}
.cta-aurora .aurora-horizon {
    position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
    background: linear-gradient(to top, rgba(201,169,110,.06), transparent);
    z-index: 2;
}
.cta-aurora .aurora-grain {
    position: absolute; inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
    z-index: 3; pointer-events: none; border-radius: inherit;
}
.cta-aurora__content {
    position: relative; z-index: 10;
}
.cta-aurora h2 {
    font-size: clamp(2.8rem, 5vw, 3.6rem);
    font-weight: var(--ds-font-bold);
    font-family: var(--ds-font-code);
    color: #fff;
    letter-spacing: -0.02em;
    margin-bottom: var(--ds-space-4);
    text-shadow: 0 2px 20px rgba(0,0,0,.3);
    line-height: normal;
}
.cta-aurora__sub {
    color: rgba(255,255,255,.5);
    font-style: italic;
    font-size: var(--ds-text-lg);
    margin-bottom: var(--ds-space-10);
}

/* Glass Gold gomb */
.btn-glass-gold {
    display: inline-flex; align-items: center; gap: 10px;
    padding: 17px 38px; border-radius: 60px;
    border: 1.5px solid rgba(201,169,110,.4);
    background: rgba(201,169,110,.08);
    backdrop-filter: blur(8px);
    color: #dfc08a;
    font-size: var(--ds-text-sm);
    font-weight: var(--ds-font-semibold);
    text-decoration: none; cursor: pointer;
    position: relative; overflow: hidden; z-index: 1;
    transition: all .4s cubic-bezier(.23,1,.32,1);
}
.btn-glass-gold::before {
    content: ''; position: absolute; inset: 0;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(201,169,110,.25), rgba(223,192,138,.15));
    opacity: 0; transition: opacity .4s; z-index: -1;
}
.btn-glass-gold .arrow {
    transition: transform .35s cubic-bezier(.23,1,.32,1);
}
.btn-glass-gold:hover {
    border-color: rgba(201,169,110,.7); color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 0 24px rgba(201,169,110,.15), 0 8px 32px rgba(0,0,0,.2);
}
.btn-glass-gold:hover::before { opacity: 1; }
.btn-glass-gold:hover .arrow { transform: translateX(4px); }

/* Legacy — rejtett elemek */
.termek-box1-mask { display: none; }
.penz { display: none; }
.leiras { display: none; }

/* Készlet stílusok (keszletKiiras() kimenet) */
.keszlet_kiiras {
    font-size: var(--ds-text-sm);
    font-family: var(--ds-font);
    font-weight: var(--ds-font-medium);
}
.keszlet_kiiras .fa-info-circle {
    color: var(--ds-text-muted);
}
.keszlet_kiiras--hiany {
    color: var(--ds-text-muted);
}
.keszlet_kiiras--keszleten {
    color: var(--ds-success);
}
.keszlet_kiiras--uton {
    color: var(--ds-success);
}
.keszlet_kiiras--kulso {
    color: var(--ds-warning);
}
.keszlet_kiiras_to {
    font-size: var(--ds-text-xs);
    margin: 0 4px 6px 0;
}

.hiany {
    font-size: var(--ds-text-xs);
    color: var(--ds-text-muted);
}/********************************************** ***********************************************terméklista rendezés***************************/

#options,#options-noi,#options-ferfi {
  padding-bottom: 0.75em;
  margin: 0;
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ds-space-2);
}

#options h3, #options-noi h3, #options-ferfi h3 {
    margin: 0;
    font-size: var(--ds-text-xs);
    font-family: var(--ds-font);
    font-weight: var(--ds-font-semibold);
    color: var(--ds-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

#options h4,#options-noi h4,#options-ferfi h4 {
  font-weight: bold;
}

#options ul,#options-noi ul,#options-ferfi ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  margin: 0;
  list-style: none;
}

#options ul ul,#options-noi ul ul,#options-ferfi ul ul {
  margin-left: 1.5em;
}

#options li,#options-noi li,#options-ferfi li {
  margin: 0;
}
#options li a, #options-noi li a, #options-ferfi li a {
    display: block;
    padding: 0.3rem 0.75rem;
    background: var(--ds-bg);
    color: var(--ds-text-secondary);
    font-size: var(--ds-text-xs);
    font-family: var(--ds-font);
    border-radius: var(--ds-radius-full);
    border: 1px solid var(--ds-border);
    box-shadow: 0 3px 0 var(--ds-border);
    transform: translateY(0);
    transition: all .12s ease;
    text-shadow: none;
    text-decoration: none;
    transition: all var(--ds-transition-fast);
}
#options li a:hover, #options-noi li a:hover, #options-ferfi li a:hover {
    background: var(--ds-bg);
    color: var(--ds-text);
    border-color: var(--ds-border-input);
    box-shadow: 0 4px 0 var(--ds-border-input);
    transform: translateY(-1px);
}
#options li a:active, #options-noi li a:active, #options-ferfi li a:active {
    box-shadow: 0 1px 0 var(--ds-border);
    transform: translateY(2px);
}
#options li a.selected, #options-noi li a.selected, #options-ferfi li a.selected {
    background: var(--ds-header-accent);
    color: white;
    border-color: var(--ds-header-accent);
    box-shadow: 0 1px 0 #8a6e4a;
    transform: translateY(2px);
}
#options li a.selected:hover, #options-noi li a.selected:hover, #options-ferfi li a.selected:hover {
    transform: translateY(2px);
    box-shadow: 0 1px 0 #8a6e4a;
}
#options li.pr a.selected {
    background: var(--ds-bg-warm);
    color: var(--ds-text);
    border-color: var(--ds-border);
}
/* = = = = = = = = = = = = = = = = = = = =**************************************************** MINTA RENDELÉS*/
#talalatok.illatmintak h1 {
  margin-top: 0;
}
.mintak-box h2 {
  margin: 1rem 0 0 0;
  color: white;
  text-shadow: 1px 1px 0 rgba(0,0,0,.3);
  font-weight: bold;
}
.mintak-box > div{
	max-width:50%;
}
.mintak-box > div:first-child {
	margin-right: 2%;
}
#talalatok .minta {
	float: left;
	display: block;
	width: 100%;
	padding: 1.5%;
	margin-bottom: 12px;
	border-radius: 5px;
	background-color: #FFF;
	border-style: solid;
	border-width: 1px;
	border-color: #FFF;
	border-radius: 5px;
	box-shadow: none;
	transition: all 0.2s ease;
	background-image: url(../images/noise.png);
	opacity:.9;
}
#talalatok .minta:hover {
	box-shadow: 0 0 5px rgba(0,0,0,.3);
	background-image: none;
	opacity:1;
}
#talalatok .minta p {
	display:inline-block;
	height:auto;
	font-size:14px;
}
#talalatok .minta .kod {
	width:46px;
	font-family: var(--ds-font-code);
	font-variant-numeric: tabular-nums;
}
#talalatok .minta .productPriceWrapRight{
	float:right;
	margin-left:6px;
}
#talalatok .minta div.empty {
  height: 1px;
}
#talalatok .minta p.heart {
	color: #f54b4b;
	font-size: 12px;
	/* float: right; */
	width: 53px;
	text-align: right;
	display: block;
}
#talalatok .minta p.illatcsalad {
	display: inline-block;
	width: calc(100% - 57px);
}
#talalatok .minta p.minta-hiany {
	float: right;
	font-size: 12px;
	color: gray;
	font-size: 11px;
	font-weight: bolder;
}
/**************************************szűrők*/
#filters_mintak ul.filter-box li {
	display: inline-block;
	margin-right: 0.2em;
}
#filters_mintak ul.filter-box li:first-child {
  background: none;
  display: inline-block !important;
  margin-bottom: 6px;
  margin-top: 12px;
  font-weight: var(--ds-font-semibold);
  text-transform: uppercase !important;
  font-family: var(--ds-font);
}
#options-noi, #options-ferfi {
	padding-bottom: 0;
	margin: 1rem auto;
	float: none;
}
/* = = = = = = = = = = = = = = = = = = = = ****************************************************KEDVELEM*/
.itemLike {
	max-width: 73px;
	background-repeat: no-repeat;
	transition: all 0.2s ease;
	overflow: hidden;
	padding-top: 9px;
}
.itemLike.itemLikeBig {
	max-width:auto;
	/*min-width:200px;*/
	padding-top: 0;
	margin:2% auto 0 auto;
}
/* Termék adatlap — kedvelés sor (kep-keret belsejében, kép alatt) */
.tc-likes--big {
    justify-content: space-between;
    padding: 0.5rem 0 0;
}
.tc-likes--big .tc-likes-count {
    font-size: var(--ds-text-base, 1rem);
}
.tc-likes--big .tc-likes-count strong {
    font-size: var(--ds-text-lg, 1.125rem);
}
.tc-likes--big .tc-like-toggle {
    margin: 0;
    padding-top: 0;
}
.itemLike .heart {
	float: left;
	width: 29px;
	height: 20px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: text-bottom;
	cursor: pointer;
}
.itemLike .heart.addLike,
.itemLike .heart.minusLike:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'%3E%3C/path%3E%3C/svg%3E");
}
.itemLike .heart.addLike:hover,
.itemLike .heart.minusLike {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ef4444' stroke='%23ef4444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'%3E%3C/path%3E%3C/svg%3E");
}
.itemLike .likeNumber {
    float: left;
    display: none;
    font-size: var(--ds-text-xs);
    color: var(--ds-brand);
    margin-left: 0;
    line-height: 21px;
    width: 30px;
}
.itemLike p {
    float: left;
    display: inline-block;
    font-size: var(--ds-text-xs);
    color: var(--ds-brand);
}
/* = = = = = = = = = = = = = = = = = = = = ****************************************************VÉLEMÉNYEK*/
.ertekeles-container-velemenyek {
	background-color: rgba(232, 232, 232, 0.6);
	box-shadow: 0 0 6px rgba(0,0,0,.1);
	border: 1px solid rgb(227, 227, 227);
}
.kapcsolodik.feher-keretes.item-container-small {

  box-shadow: 0 0 6px rgba(0, 0, 0,.1);
  border-radius: 3px;
}
.kapcsolodik.feher-keretes.item-container-small:hover {
  box-shadow: none;
}
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = ADATMEGADÁS*/
.mi-tortenik {margin-left:36px;/* font-size:16px; *//* line-height:110%; */}
.mi-tortenik li{
	/* line-height:25px; */
}
#szamlazas_box {
	display:none;
}
#megjegyzes {
  margin: 2rem auto 0 auto;
}
#p_zip,#sz_zip {
	max-width: 100px;
}
#tel {
    max-width: 200px;
}
/* = = = = = = = = = = = = = = = = = = = = = = = = = =*****************************************termék adatlap*/
.adatlap-keret {
	margin-left:2%;	
}
.feher_blokk {
	width: 100%;
	padding: 12px;
	margin-bottom: 24px;
	border-radius: 5px;
	background-color: rgb(250,250,250);
	border-radius: 5px;
	/* box-shadow: 0 3px 3px rgba(0,0,0,.2); */
	background-image:url(../images/noise.png);
	/* border: 1px solid #e5e7eb; */
	border-radius: 14px;
}
.feher_blokk.flex > div {
	flex:1;
}
.kep-box {
	position:relative;
	min-width: 200px;
	max-width: 100%;
	margin: 1%;
}
.kep-keret {
	background-color: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	padding: 0.75rem;
}
.kep-keret img{
	max-width:500px;
	width:100%;
	margin:0 auto;
	display:block;
	border-radius: 10px;
}
#vissza, #vissza a {
	font-size:14px;
	/* color:#FFF; */
	/* text-shadow: 1px 1px 0 rgba(0,0,0,.2); */
	font-weight: 400;
	/*! text-decoration: underline; */
}
#vissza a {
  text-decoration: underline;
}
#vissza a:hover {
  color: #4AA0BD;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);
  text-decoration: none;
}
#adatok{
	font-size:14px;
	margin: 1%;
	min-width: 60%;
}
#adatok h3 {
	color: #2d2c2cc9;
	margin: 2rem 0 1rem 0;
	font-size: 1.5rem;
	text-transform: uppercase;
	/* border-bottom: 1px solid #8d8d8d4a; */
	font-weight: 400;
}
#adatok ul{
	margin-top:12px;
}
#adatok .keszlet_kiiras {
	/* border: 1px solid rgba(34, 139, 34,.2); */
	padding: 1rem;
	margin-bottom: 1rem;
	background-color: rgba(34, 139, 34,.1);
	font-size: 1rem;
	float:none;
	margin-top:0;
	/* border: 1px solid #e5e7eb; */
	border-radius: 14px;
}
#adatok ul li{
	margin-left:24px;
}
#adatok .flex {
	align-items: center;
	
}

#adatok #arak{
	display:inline-block;
	color:#F93E3E;
	font-size: 19px;
	font-family: var(--ds-font-price);
	font-variant-numeric: tabular-nums;
	min-width: 155px;
}
#adatok #arak p{
	line-height:normal;
}
#adatok #arak p.regi_ar{
	color:#62ADC6;
}
#adatok #arak p.ar{
	color:#FF5155;
	font-size:36px;
	font-family: var(--ds-font-price);
	font-variant-numeric: tabular-nums;
}
#adatok #gombok{
	display:inline-block;
	float:right;
}
#adatok #gombok img{
	width:100%;
	max-width:201px;
}
#adatok #gombok .hiany {
	display:inline-block;
	font-size:16px;
	/*! margin: 0 2px 12px 0; */
	padding:5px 8px;
}
#adatok .info, #adatok .info2{
	display:inline-block;
	margin-right:6px;
	width:auto;
	height:24px;
	border-radius:4px;
	line-height:24px;
	text-transform: uppercase;
	font-size:14px;
	margin-bottom:6px;
	overflow: visible;
	padding:0 6px;
	border:1px solid #999;
	color:#999;
}
#adatok .info:hover{
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}
.kieg-ajanlo {
	width:58%;
	color: #666;
	border: 1px solid #F0F0F0;
	margin: 24px 0 6px 0;
	padding:0 0 12px 0;
	background-color:#FFF;
	float:right;
	font-size:12px;
}
.kieg-ajanlo-fejlec {
	margin-bottom: 12px;
	color: #fff;
	background-color: #C3C3C3;
	padding: 3px 12px;
	font-size: 12px;
}
.kieg-ajanlo H3{
	color: #666;
	font-size: 18px;
	margin-bottom:12px;
}
.behuzas_nulla {
	margin-left:0;
}

.feher_blokk h2{
	background-color:#CCC;
	color:#FFF;
	padding:12px;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	border-radius:6px 6px 0 0;
	margin-bottom:24px;
}

.kapcsolodik p {
	font-family: var(--ds-font);
    text-shadow: 0 0 1px rgba(255,255,255,1);
    color: #58A8C2;
}
.search_regi_ar, .search_ar_ak, .search_ar{
	font-size:14px;
/	color:#58A8C2;
	line-height:18px;
	vertical-align:middle;
	margin-top:6px;
}
.search_regi_ar{
	padding-top:0;
}
.kapcsolodik {
	vertical-align: bottom;
	border: 1px solid rgba(0,0,0,0.1);
	background-color: white;
	margin: 2%;
	padding: 12px;
	max-width: 276px;
	min-width: 192px;
}
.kapcsolodik:hover{
	box-shadow:0 0 10px rgba(0,0,0,0.2);
}

.kapcsolodik .kod {
	font-size:24px;
	height:43px;
	font-weight:bold;
	float:left;
	width:50px;
}
.kapcsolodik .regi_ar, .nagy-ajandek .regi_ar, .search_regi_ar{
	text-decoration:line-through;
	line-height:normal;
	padding-top:4px;
	font-family: var(--ds-font-price);
	font-variant-numeric: tabular-nums;
}
.kapcsolodik .ar_ak, .nagy-ajandek .ar_ak, .search_ar_ak{
	color: #FF4045;
	line-height:normal;
	font-family: var(--ds-font-price);
	font-variant-numeric: tabular-nums;
}
.feher-keretes h3{
	margin: 12px;
}
.kapcsolodik h3{
	line-height:normal;
}
.kapcsolodik .marka {
	font-size:14px;
	line-height:normal;
}
.kapcsolodik .almarka {
	font-size:12px;
	line-height:normal;
}
.kapcsolodik .kep{
	display:block;
	margin: 1rem auto;
}
.kapcsolodik .kep img{
	margin:0 auto;
	display:block;
}

.feher-keretes {
	display:block;
 	border:1px solid rgba(0,0,0,0.1);
	background-color:#FFF;
	box-shadow:0 0 6px rgba(255,255,255,1);
	height:auto;
	margin:12px 12px 24px 12px;
	padding-bottom:12px;
}
.feher-keretes:hover{
	box-shadow:0 0 10px rgba(0,0,0,0.2);
}
.kapcsolodik .kep .top{
	display:block;
	position: absolute;
	margin:-12px 0 0 -12px;
}
.productPriceWrapRight.flex {
	justify-content: space-evenly;
}
a.tobb-termek {
	flex-grow: 1;
	min-width: 100%;
	margin: 1rem 0 1rem 7px;
	display: block;
	font-size: 13px;
	font-weight: 500;
}
.slide-box.kapcsolodo-termekek {
	padding-bottom: 18px;
}
.kategoria-icon {
    height: 24px;
    vertical-align: middle;
    width: 24px;
}
.item-container-small {
	min-width:220px;
	max-width:250px;
	width:25%;
	padding:12px;
}
.item-container-small img{
	margin:12px auto;
	display:block;
}
.item-container-small.item-name{
	margin:12px auto;
	display:block;
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = KOSÁR*/
#kosar_doboz{
	min-height: inherit;
}
#kosar_doboz.aloldal h1 {
	font-size: 1.7rem;
	font-weight: normal;
}
.vasarlasi-folyamat-img {
	background: url(../images/vasarlasi-folyamat-kosar.png);
	max-height: 75px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 8vw;
	min-height: 52px;
}
.adatmegadas .vasarlasi-folyamat-img {
	background-image: url(../images/vasarlasi-folyamat-adatmegadas.png);
	margin:3%;
}
.kosar-garanciak {
	 margin:24px auto; 
	 width:100%;
	 display:flex;
	 flex-wrap: wrap;
}
.kosar-garanciak .img {
	min-width: 50%;
	flex: 1;
}
.kosar-garanciak .img img{
	width: 100%;
}
.kosar-garanciak .velemeny {
	color: #605654;
	font-style: italic;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
	flex: 1;
	min-width: 300px;
	padding: 0 12px;
}
.szallitas-info-box {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 12px;
}
.szallitas-info-box .img {
	min-width: 105px;
	flex: 1;
	text-align: center;
}
.szallitas-info-box .img img{
	width:100%;
	max-width:189px;
}
.szallitas-info-box p {
	color: #6B9B39;
	font-size: 16px;
	flex: 1;
	padding: 12px;
	min-width: 70%;
	text-align: center;
}
.im-vasar {
	display:block;
	border:2px solid #A7A7A7;
	padding:0;
	box-shadow: 0 3px 3px rgba(0,0,0,.1);
	background-color:#FFF;
	font-size:12px;
	margin:16px 0 24px 0;
}
.im-tabla {
	background-color:#fff;
}
.im-tabla .mi-check,
.im-tabla .mi-checked{
	float:left;
	display:block;
	width:30px;
	height:36px;
	margin-right:6px;
	background-image:url(../images/kosar-mi-check.png);
	background-repeat:no-repeat;
}
.im-tabla .mi-checked{
	background-image:url(../images/kosar-mi-checked.png);
}
.im-tabla .mi-check:hover{
	background-image:url(../images/kosar-mi-check-hover.png);
}
.im-tabla td{
	background-color:#EEEEEE;
	padding:9px;
}
.im-tabla td.valasztott{
	font-size: 14px;
	color: #333333;
	background-color: #E6E6E6;
}
.im-tabla .im-fejlec td{
	color: #fff;
	background-color: #A7A7A7;
	font-size:14px;
}
.item {
	width: 100%;
	padding: 1% 2%;
	border-radius: 5px;
	margin-bottom: 24px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff;
	/*background: #EEEEEE url(../images/ajanlat-grad.jpg) repeat-x 0 0;*/
	background-image: url(../images/noise.png), linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));
	box-shadow: 0 3px 3px rgba(0,0,0,.1);
	font-size: 14px;
}
.item div{
	display:inline-block;
	/*width:50%;*/
	vertical-align:middle;
	margin:6px 0;
}
#sporol div{
	width:100%;
}
.item div.darab{
	width:25%;
	font-size:18px;
}
.item div.bal2{
	width:75%;
}
.item div.bal{
	width:40%;
}
.item div.bal2 span{
	display:inline-block;
	height: 24px;
}
.item div.bal2 a{
	display: inline-block;
	height: 24px;
}
.item div.bal2 img{
	border:1px solid #999;
	float:left;
	margin-right:12px;
}
.item div.bal2 a img{
	border:none;
	margin-right:5px;
	float:none;
	vertical-align: bottom;
}
.item div.hasab{
	width:auto;
	float:left;
	display:inline-block;
}
.item td{
	padding:6px;
}
.item div.hasab input{
	width:auto;
}
.item h2{
	font-size: 28px;
	margin:24px 0 12px 0;
	padding:0px;
	color: #333;
	font-weight: 500;
	line-height:normal;
	border-bottom:1px solid #F7F7F7;
}
.item div.jobb{
	width:55%;
	font-weight:bold;
}
.item div.ar {
	width: 24%;
	font-family: var(--ds-font-price);
	font-variant-numeric: tabular-nums;
	font-size: 20px;
	text-align: right;
}
.item div.torol a{
	color:#F40;
}
.item .darab input{
	width: 20px;
	font-size:18px;
}
.item .darab {
	font-size:24px;
}
/*.item a {
	font-size:16px;
	padding-bottom:6px;
	text-decoration:none;
}
*/
/*.item p {
	font-size:14px;
}
*/
.nagy-ajandek {
	float: left !important;
	vertical-align:bottom;
	display: block !important;
	width: 195px;
	max-width: 195px;
	margin:1% !important;
	background-color:#FFF;
	padding:6px;
	box-sizing:border-box;
	min-height:244px;
	border:1px solid #CCC;
}
.nagy-ajandek:hover {
	box-shadow:0 0 6px rgba(0,0,0,0.2) 
}
.lablec-ajandek, .fejlec-ajandek{
	height:56px;
	display: block !important;
}

.nagy-ajandek .kosarba{
	display:block;
	vertical-align:middle;
	margin-top:12px;
	width: 190px;
}
.nagy-ajandek .arak{
	display:block;
	width: 190px;
}
.nagy-ajandek .arak p{
	font-size:14px;
	font-family: var(--ds-font-price);
	font-variant-numeric: tabular-nums;
	text-shadow:0 0 1px rgba(255,255,255,1);
	color:#58A8C2;
	vertical-align:middle;
}
.nagy-ajandek .hozzaadva {
	font-size:12px;
	text-shadow:0 0 1px rgba(255,255,255,1);
	color:#690;
	font-weight:600;
}
.nagy-ajandek .kod {
	font-size:24px;
	height:43px;
	font-weight:bold;
	float:left;
	width:50px;
}
.nagy-ajandek a{
	text-decoration:none;
}
.nagy-ajandek h3{
	line-height:normal;
	margin-bottom:12px;
}
.nagy-ajandek .marka {
	font-size:14px;
	line-height:normal;
}
.nagy-ajandek .almarka {
	font-size:12px;
	line-height:normal;
}
.nagy-ajandek .kep{
	display:block;
/*	border:1px solid rgba(0,0,0,0.1);
*/	box-shadow:0 0 6px rgba(255,255,255,1);
/*	margin:0 0 4px 0;
*/	width:100%;
	background-color:#FFF;

}
.nagy-ajandek .kep .top{
	display:block;
	position: absolute;
	margin:-12px 0 0 -12px;
}
.nagy-ajandek .kep:hover{
	box-shadow:0 0 10px rgba(0,0,0,0.2);
}
.nagy-ajandek .minta{
	width:40px;
	margin-left:0;
}
.nagy-ajandek .kep, .nagy-ajandek .kep:hover{
	box-shadow:none;
}
.label-text {
	display:inline;
}
.label-text:hover {
    color: #7b7b7b;
	display:inline;
}
p.vegosszeg {
	font-family: var(--ds-font-price);
	font-variant-numeric: tabular-nums;
	font-size: 1.5rem;
	color: #F40;
	min-width: 150px;
	display: block;
	width: 100%;
	margin-bottom: 3rem;
	line-height: 2rem;
	text-align: right;
	padding-right: 2%;
}
.urlap-button.flex {
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1rem;
}
.urlap-button.flex .nagy_gomb {
	font-size: 1.3rem;
}
.urlap-button.flex input {
	padding: .5rem 2rem;
}
/************************************************ **********************************************MODAL ***/
.modal {
	display: none;
	width: auto;
	max-width: min(90vw, 600px);
	min-height: auto;
	margin: 0;
	padding: var(--ds-space-8);
	position: relative;
	text-align: left;
	border: 1px solid var(--ds-border);
	border-radius: var(--ds-radius-lg);
	box-shadow: var(--ds-shadow-lg);
	background-color: var(--ds-bg);
	font-family: var(--ds-font);
}
.modal-min-height-auto {
	min-height:auto;
}
#modalArtabla, #modalKapcsolat, #modalRolunk, #modal_form{
	width: 400px;
}
#modalGyik{
	width:700px; 
	min-width:600px;  
	padding-top:24px; 
	padding-bottom:36px;
	height: 600px;
	overflow:scroll;
}
#modalRolunk, #modalMegujultunk {
	width: 500px;
}
.modal td{
	padding:12px;
}
#utalvany{
	background-image:url(../images/utalvany.png);
	background-repeat:no-repeat;
	height:250px;
	padding-left:180px;
}
#utalvany h2{
	padding-top:6px;
	color:#F81716;
}
#utalvany ul{
	padding-left:12px;
}
.modal h2.felk {
	margin: 0 0 var(--ds-space-6) 0;
	line-height: var(--ds-leading-tight);
	border-bottom: 1px solid var(--ds-border);
	padding-bottom: var(--ds-space-3);
	color: var(--ds-brand);
	font-family: var(--ds-font-heading);
	text-shadow: none;
	text-transform: none;
}
.modal label { display: block; padding: 7px 7px 0 0; font-size:12px;}
.modal p { margin: 0; padding: 1px 0; }
.modal p.submit { margin: 0; padding: 30px 0 0 0; text-align: center; }

.modal .btnClose:not(.nagy_gomb) {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	position: absolute;
	top: var(--ds-space-3);
	right: var(--ds-space-3);
	background: var(--ds-bg-cool);
	border: 1px solid var(--ds-border);
	border-radius: 50%;
	text-decoration: none;
	font-size: 1.125rem;
	color: var(--ds-text-secondary);
	cursor: pointer;
	transition: var(--ds-transition-fast);
}
.modal .btnClose:not(.nagy_gomb)::after { content: '\00d7'; }
.modal .btnClose:not(.nagy_gomb):hover {
	background: var(--ds-border);
	color: var(--ds-text);
	transform: rotate(90deg);
}
.modal .kuldes_gomb { background-color:#F81716}
.modal .kuldes_gomb:hover {
	background-color: #EC4100
}
/************************************************ **********************************************MODAL kosarba tesz***/

#modalKosarbaTesz .btnClose {
	position: static;
	display: inline-block;
	background-color: var(--ds-success);
	border: none;
	border-radius: var(--ds-radius-full);
	width: auto;
	height: auto;
	padding: .5rem 1.25rem;
	color: #fff;
	font-size: 1rem;
	font-weight: 600;
}
#modalKosarbaTesz .btnClose::after { content: none; }
#modalKosarbaTesz .gombok a {
  display: inline-block;
}
.modal-kosarba-box p.ok {
  font-size: var(--ds-text-lg);
  color: var(--ds-success);
  font-weight: var(--ds-font-bold);
  font-family: var(--ds-font-heading);
  text-transform: uppercase;
  letter-spacing: .03em;
  padding: var(--ds-space-2) 0 var(--ds-space-4);
}
.modal-kosarba-box p.ok .fas { margin-right: .3em; }
.modal-kosarba-box p {
 margin: 0;
 padding: 0;
}
.modal-kosarba-box .tipp {
	background: var(--ds-bg-cool);
	width: 120%;
	margin-left: -10%;
	padding: var(--ds-space-3) var(--ds-space-5);
	border-radius: var(--ds-radius-lg);
	font-size: var(--ds-text-sm);
	font-family: var(--ds-font-heading);
	text-align: left;
	color: var(--ds-text-secondary);
	border: 1px solid var(--ds-border);
	box-shadow: var(--ds-shadow-sm);
	text-shadow: none;
	text-transform: uppercase;
	letter-spacing: .05em;
	box-sizing: border-box;
	font-weight: var(--ds-font-bold);
}
.modal-kosarba-box .tipp .fas { color: var(--ds-warning); margin-right: .3em; }
.modal-kosarba-box .ajanlo-big {
  background: var(--ds-bg-subtle);
  padding: var(--ds-space-4) var(--ds-space-6);
  display: block;
  color: var(--ds-text);
  font-size: var(--ds-text-xl);
  font-family: var(--ds-font-heading);
  font-weight: var(--ds-font-semibold);
  text-align: center;
  line-height: var(--ds-leading-tight);
  margin: 0 -2rem var(--ds-space-3);
  text-shadow: none;
  border: none;
  border-bottom: 1px solid var(--ds-border);
}
.modal-kosarba-box .ajanlo-minta {
  background: var(--ds-bg-subtle);
  padding: var(--ds-space-5);
  display: block;
  border-radius: var(--ds-radius-md);
  font-family: var(--ds-font);
  font-weight: var(--ds-font-bold);
  line-height: normal;
  margin: var(--ds-space-4) 0;
  padding-bottom: var(--ds-space-3);
  border: 1px solid var(--ds-border);
}
.ajanlo-minta td {
  padding: 0;
}
.ajanlo-minta .tipp {
	width: auto;
	margin: 0 0 var(--ds-space-3);
	margin-left: 0;
	border-radius: var(--ds-radius-md);
}
.ajanlo-minta .minta {
	display: block;
	width: 100%;
	padding: var(--ds-space-2);
	margin-bottom: var(--ds-space-2);
	border-radius: var(--ds-radius-sm);
	background-color: #fff;
	border: 1px solid var(--ds-border);
	box-shadow: none;
	transition: var(--ds-transition-fast);
}

.ajanlo-minta .minta:hover {
	box-shadow: var(--ds-shadow-sm);
	border-color: var(--ds-brand);
}
.ajanlo-minta .minta p {
	display:inline-block;
	height:auto;
	font-size: var(--ds-text-sm);
	color: var(--ds-text);
}
.ajanlo-minta .minta .kod {
	font-family: var(--ds-font-code);
	font-variant-numeric: tabular-nums;
}
.ajanlo-minta .minta .productPriceWrapRight{
	float:right;
	margin-left:6px;
	width: 80px;
}
.ajanlo-minta .minta p.heart {
	color: #f54b4b;
	font-size: 12px;
	/* float: right; */
	width: 53px;
	text-align: right;
	display: block;
}
.ajanlo-minta .minta p.illatcsalad {
	display: inline-block;
	width: calc(100% - 57px);
}


.modal-kosarba-box .kov-posta {
  font-size: 3.5rem;
  font-family: var(--ds-font-number);
  font-weight: var(--ds-font-bold);
  color: var(--ds-brand);
  display: block;
  margin: var(--ds-space-1) 0;
}
.modal-kosarba-box .small {
  font-size: var(--ds-text-base);
  font-weight: var(--ds-font-medium);
  color: var(--ds-text-secondary);
  display: block;
}
.ajanlo-big .gombok {
  margin-top: var(--ds-space-3) !important;
}
a.nagy_gomb.plus1 {
	display: inline-block;
	background: none;
	background-color: transparent;
	border: 1.5px solid var(--ds-border);
	font-size: var(--ds-text-sm);
	padding: var(--ds-space-2) var(--ds-space-4);
	font-weight: var(--ds-font-medium);
	color: var(--ds-text) !important;
	text-transform: none;
	margin-top: var(--ds-space-2);
	border-radius: var(--ds-radius-full);
	box-shadow: none;
	transition: var(--ds-transition-fast);
}
a.nagy_gomb.plus1:hover {
	border-color: var(--ds-brand);
	color: var(--ds-brand) !important;
	background-color: var(--ds-brand-ghost) !important;
	transform: none !important;
	box-shadow: none !important;
}
a.nagy_gomb.plus1 .fas { margin-right: .3em; font-size: .85em; }
#modalKosarbaTesz .gombok {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--ds-space-3);
	margin-top: var(--ds-space-4);
}
#modalKosarbaTesz .gombok a.nagy_gomb:not(.bg-green) {
	padding: .75rem 2rem;
	font-size: var(--ds-text-lg);
	font-weight: var(--ds-font-semibold);
}
#modalKosarbaTesz .gombok a.nagy_gomb .fas {
	margin-right: .4em;
}
a.nagy_gomb.bg-green,
a.nagy_gomb.bg-green:visited,
a.nagy_gomb.bg-green:focus {
	background: none !important;
	background-color: transparent !important;
	color: var(--ds-text) !important;
	border: 1.5px solid var(--ds-border) !important;
	font-weight: var(--ds-font-medium);
	text-transform: none;
	font-size: var(--ds-text-sm);
}
a.nagy_gomb.bg-green:hover {
	border-color: var(--ds-text-secondary) !important;
	background-color: var(--ds-bg-cool) !important;
	transform: none !important;
	box-shadow: none !important;
}
/* = = = = = = = = = = = = = = = = = = = = = = = = = =SZÖVEGES OLDALAK*/
#szoveg {
	font-size:14px;
	padding:1.5% 2% 36px 2%;
}
#szoveg h3{
	font-size:18px;
	margin:24px 0 12px 12px;
}
#szoveg p, #szoveg ul, #szoveg ol{
	margin-left: 12px;
}
#szoveg ul,#szoveg ol{
	padding:12px 24px;
}
#szoveg li{
	padding:6px 12px;
}
#szoveg table {
	border-collapse: collapse;
	margin: 14px 0 14px 12px;
	font-size: 13px;
}
#szoveg table td, #szoveg table th {
	padding: 8px 12px;
	border: 1px solid #D0D0D0;
	vertical-align: top;
}
#szoveg table tr:first-child td,
#szoveg table tr:first-child th {
	background: #E0E8F0;
	font-weight: bold;
}
#szoveg table.noborder td {
	border: none;
	padding: 4px 12px 4px 0;
	background: none;
}
/*#modal_form .inputbox { width: 179px; margin: 0; padding: 10px 6px; color: #ff005a; background: url(../images/inputbox.gif) no-repeat right top; border: none; font: normal bold 12px/14px arial, verdana; }*/

/* = = = = = = = = = = = = = = = = = = = = = = = = = = *****************************************VISSZAIGAZOLAS*/
.overLay, #overLay {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 100vh;
	top: 0;
	left: 0;
	background: rgba(8, 8, 20, 0.55);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}
#overLay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9000;
}
#visszaigazolas {
	display: block;
	max-width: min(90vw, 560px);
	margin: var(--ds-space-8) auto;
	height: auto;
	padding: var(--ds-space-6) var(--ds-space-8) var(--ds-space-6);
	text-align: center;
	border-radius: var(--ds-radius-xl);
	box-shadow: 0 20px 60px rgba(0,0,0,.18), 0 0 0 1px rgba(255,255,255,.08);
}
#visszaigazolas h1 {
	color: var(--ds-text);
	font-family: var(--ds-font-heading);
	font-size: var(--ds-text-2xl);
	font-weight: var(--ds-font-bold);
	text-shadow: none;
	margin-bottom: var(--ds-space-1);
	line-height: var(--ds-leading-tight);
}
#visszaigazolas h1.felk {
	color: var(--ds-brand);
	border-bottom: 1px solid var(--ds-border);
	padding-bottom: var(--ds-space-3);
	margin-bottom: var(--ds-space-6);
}
#visszaigazolas p {
	text-align: center;
}
.vi-check {
	width: 48px;
	height: 48px;
	margin: 0 auto var(--ds-space-3);
	background: var(--ds-success);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	color: #fff;
	box-shadow: 0 4px 16px rgba(58, 188, 58, .35);
}
.vi-order-id {
	font-size: var(--ds-text-sm);
	color: var(--ds-text-secondary);
	margin-bottom: var(--ds-space-3);
}
.vi-section {
	text-align: left;
	padding: var(--ds-space-2) 0;
	border-top: 1px solid var(--ds-bg-cool);
}
.vi-section p { text-align: left; }
.vi-label {
	font-weight: var(--ds-font-semibold);
	color: var(--ds-text);
	margin-bottom: var(--ds-space-1);
}
.vi-muted {
	color: var(--ds-text-secondary);
	font-size: var(--ds-text-sm);
}
.vi-email-fix {
	display: inline-block;
	padding: 2px 10px;
	font-size: var(--ds-text-xs);
	font-weight: var(--ds-font-semibold);
	color: var(--ds-brand) !important;
	background: var(--ds-brand-ghost);
	border: 1px solid var(--ds-brand);
	border-radius: var(--ds-radius-full);
	text-decoration: none;
	transition: var(--ds-transition-fast);
}
.vi-email-fix:hover {
	background: var(--ds-brand);
	color: #fff !important;
}
.vi-gmail-warn {
	margin-top: var(--ds-space-2);
	padding: var(--ds-space-2) var(--ds-space-3);
	background: var(--ds-warning-light);
	border-left: 3px solid var(--ds-warning);
	border-radius: var(--ds-radius-sm);
	font-size: var(--ds-text-sm);
	color: var(--ds-warning);
	font-weight: var(--ds-font-semibold);
	text-align: left;
}
.vi-bank-card {
	text-align: left;
	margin: var(--ds-space-3) 0;
	padding: var(--ds-space-4);
	background: var(--ds-bg-subtle);
	border: 1px solid var(--ds-border);
	border-radius: var(--ds-radius-md);
}
.vi-bank-card.vi-revolut {
	border-color: #6C3FC5;
	background: linear-gradient(135deg, #f8f5ff, #f0eaff);
}
.vi-bank-title {
	font-family: var(--ds-font-heading);
	font-size: var(--ds-text-lg);
	font-weight: var(--ds-font-bold);
	color: var(--ds-text);
	margin-bottom: var(--ds-space-3);
	text-align: left;
	text-transform: uppercase;
	letter-spacing: .03em;
}
.vi-revolut .vi-bank-title { color: #6C3FC5; }
.vi-bank-table { width: 100%; border-collapse: collapse; }
.vi-bank-table td {
	padding: var(--ds-space-2) 0;
	border-bottom: 1px solid var(--ds-border);
	font-size: var(--ds-text-sm);
	vertical-align: top;
}
.vi-bank-table td:first-child {
	color: var(--ds-text-secondary);
	width: auto;
	white-space: nowrap;
	padding-right: var(--ds-space-3);
}
.vi-bank-table tr:last-child td { border-bottom: none; }
.vi-actions {
	margin-top: var(--ds-space-5);
	text-align: center;
}
.vi-footer {
	margin-top: var(--ds-space-4);
	padding-top: var(--ds-space-3);
	border-top: 1px solid var(--ds-bg-cool);
	color: var(--ds-text-secondary);
	font-size: var(--ds-text-sm);
}
.vi-footer p { margin: var(--ds-space-1) 0; }

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = HIBA */
#hibaKuldes {
	display:block;
	position:fixed;
	width: 620px;
	float:left;
	top:100px;
	right:-590px;
	z-index:10000;
}
#hibaFul {
	display:block;
	float:left;
	width: 24px;
	background-color:#FF3338;
	border-radius:5px 0 0 5px;
	padding:5px;
	height:auto;
	margin-top:40px;
	cursor:pointer;
}
#hibaBox {
	float:left;
	display: block;
	width: 500px;
	margin: 0;
	background-color: #fff;
	text-align: left;
	border: 6px solid #FF3338;
	box-shadow: none;
	padding: 35px 35px 60px 35px;
}
#fontosBox {

	display:block;
	position:fixed;
	width: 250px;
	top:40px;
	margin:0 auto;
	z-index:10000;
	padding:12px;
	border: 2px solid #FF4246;
	background-color: #FFF;
	font-size:12px;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
}
.szallitas_tabla {
	width: 100%;
	max-width:400px
}
table.szallitas_tabla td {
	padding: 6px 16px;
	font-size: 14px;
	border: 1px solid darkgray;
	height: 57px;
}

#noi, #ferfi {
	display:block;
	width:282px;
	height:324px;
  border:2px solid #ccc;
  box-shadow:0 0 6px rgba(255,255,255,1);
  transition: none;
}
#noi:hover, #ferfi:hover {
  border-color:#FF5B60;
}
#noi {
	background-image:url(../images/ajandek-tus-noi.jpg);
	background-position: 0 0;
}
#noi:hover {
	background-position: 0 -325px;
}
#ferfi {
	background-image:url(../images/ajandek-tus-ferfi.jpg);
	background-position: 0 0;
}
#ferfi:hover {
	background-position: 0 -325px;
}
/*egyszeri ajánlat 3 */

#egyszeri-ajanlat3 h2{
	color:#FFF;
	font-weight:bolder;
	margin:0;
	padding:0;
	line-height:normal;
	text-shadow: -1px -1px 0 rgba(0,0,0,.6);
}
#egyszeri-ajanlat3 p{
	margin-bottom:3px;
	color:#FFF;
}
#egyszeri-ajanlat3 input{
	border-color:#999;
}

.elony, .elony2 {
	display: inline-block;
	margin:12px;
	width: 225px;
	height: 297px;
	border-radius: 10px;
	background-color: #F9F7F7;
	border:1px solid #EEE8E8;
	background-image: url(../images/noise.png), linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.4));
	box-shadow: 0 0 14px #CCCCCC;
}
.elony2 {
	box-shadow: 0 0 18px #999999;
}
.elony:hover, .elony2:hover {
	box-shadow: 0 0 23px #666666;
}
#boxok {	
	float:left;
	width:99%;
}
.box {
	width:48%;
	margin:24px 1% 24px 0;
	border:4px solid #FFF;
	float:left;
	background-position:top left;
	height:262px;
	display:block;
	overflow:hidden;
}
.boxClose {
	width:33px;
	height:33px;
	background-image:url(../images/box-close.png);
	float:right;
	margin:12px 12px 0 0;
}
.boxClose:hover {
	background-image:url(../images/box-close-hover.png);
}
.boxLink {
	width:80%;
	height:100%;
	float:left;
	display:block;
}
#nepszeru {
    color: var(--ds-text-secondary);
    font-size: var(--ds-text-sm);
    font-family: var(--ds-font);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--ds-space-1);
    margin-bottom: var(--ds-space-3);
}
#nepszeru p {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.25rem;
    margin-bottom: 0;
}
.hot-icon {
    font-size: 1rem;
    color: var(--ds-brand);
}
#nepszeru a {
    padding: 0.25rem 0.75rem;
    font-size: var(--ds-text-xs);
    font-family: var(--ds-font);
    border-radius: var(--ds-radius-full);
    text-decoration: none;
    background: var(--ds-bg);
    color: var(--ds-text-secondary);
    border: 1px solid var(--ds-border);
    transition: all var(--ds-transition-fast);
}
#nepszeru a:hover {
    background: var(--ds-header-accent);
    color: white;
    border-color: var(--ds-header-accent);
}
/*************************************************************** KOSÁRBA TESZ BOX *****************************************************/
#modalKosarbaTesz .jobb {
	display:block;
	width:271px;
	float:left;
}
#modalKosarbaTesz h3 {
	background-color: #ECF5F9;
	color: #333;
	padding-left: 12px;
	margin-bottom: 6px;
	border-radius: 6px 6px 0 0;
	line-height:25px;
}
#modalKosarbaTesz .kiegeszito_kep {
	display:block;
	width:271px;
	height:112px;
	float:left;
	background:url(../images/kosar-box-kiegeszito-bg.jpg) no-repeat;
	padding:1px;
	margin:12px 24px 12px 0;
	border:1px dotted #CCCCCC;
}
#modalKosarbaTesz .kiegeszito_kep_minta img{
	float:left;
	margin:12px 24px 12px 0;
	border:1px dotted #CCCCCC;
}
#modalKosarbaTesz .kiegeszitok_lista {
	float:right;
	margin-top:8px;
}
#modalKosarbaTesz .kiegeszitok_lista tr:hover{
	background-color: #FFFFBF;
}
#modalKosarbaTesz .kiegeszitok_lista td{
	padding:3px;
}
#modalKosarbaTesz .mintak_lista {
	float:left;
	margin-top:8px;
}
#modalKosarbaTesz .mintak_lista td{
	padding:3px;
}
#modalKosarbaTesz .mintak_lista tr:hover{
	background-color: #FFFFBF;
}
#modalKosarbaTesz .szallitas,
#modalKosarbaTesz .ajandek{
	float:left;
}
#modalKosarbaTesz .szallitas p,
#modalKosarbaTesz .ajandek p{
	float:left;
	font-size:12px;
	display:block;
	width: 190px;
	margin-top: 6px;
}
#modalKosarbaTesz .szallitas img{
	float:left;
	margin:12px 24px 12px 0;
	border:1px dotted #CCCCCC;
}
#modalKosarbaTesz .ajandek img{
	float:left;
	margin:12px 24px 12px 0;
	border:1px dotted #CCCCCC;
}
#modalKosarbaTesz .kis_gomb_zold,
#modalKosarbaTesz .kis_gomb_p{
	font-size:12px;
	padding:4px 12px;
	border-radius:4px;
}
/*************************************************************** IMAGE VIEW SMALL-BIG *****************************************************/
.image_view_big {
	border:1px solid #CCC;
	margin-bottom:6px;
}
.image_view_small {
	border:1px solid #CCC;
}
/*************************************************************** feromon modal *****************************************************/
#feromon .modal {
	border-color:#E30606;
}
#feromon h1 {
	color:#F30;
}
#feromon h3 {
	color:#F30;
	font-weight:bold;
	margin:24px 0 12px 0;
}
#feromon .btnClose {position: inherit; float:right; margin: 24px 0 36px}
/*************************************************************** cikk oldal *****************************************************/
.cikk_termekcsop {
	float: left;
	width: 30%;
	padding: 1%;
	display: block;
	border: 1px solid #333;
	border-color: #5A9FBA;
	background-color: #87BACD;
	height: auto;
	margin: 12px;
	border-radius: 2px;
}
.noi{
	border: 1px solid #333;
	border-color: #D6281F;
	background-color: #E24138;
}
.cikk_termekcsop img{
	margin-right:12px;
}
.cikk_termekcsop a {
	font-size:24px;
	display:block;
	color: #fff;
	text-decoration:none;
	margin-bottom:6px;
	margin-left:0;
}
.cikk_termekcsop a:hover {
	color: #333;
}
.cikk_termekcsop p {
	margin-left:0;
}
.cikk_termekcsop p.leiras {
	color:#FFF;
	height:auto;
	margin-left:0;
}
/**********************************************************AJÁNDÉK KERESŐ*****************************************************/
#korcsoportok td {
	padding:12px;
}
#korcsoportok a, #korcsoportok2 a {
	display:block;
	width:240px;
	padding: 6px 0;
	border-radius:3px;
	color: #666;
	font-size:18px;
	background-color: #FFF;
	background-image: url(../images/noise.png);
	background-image: url(../images/noise.png), linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
	border: 1px solid #FFF;
	text-decoration:none;
}
#korcsoportok2 a {
	display:inline-block;
	width:118px;
	padding: 3px 6px;
	font-size:12px;
	margin:3px;
}
#korcsoportok a:hover, #korcsoportok2 a:hover,
#korcsoportok a.on, #korcsoportok2 a.on {
	background-color: #F81716;
	border: 1px solid #F81716;
	color:#fff;
}
/**********************************************************AJÁNDÉK TERMÉK BOX*****************************************************/
.ajandek-termek {
	width:160px;
	padding:6px;
	margin:12px 6px;
	display:block;
	background-color:#FFF;
	float:left;
	border:1px solid #F8F8F8;
	height:396px;
	
}
.ajandek-termek:hover {
	box-shadow:0 0 12px rgba(0,0,0,0.5); 
}

.ajandek-termek .cim1,
.ajandek-termek .cim2 {
	color: #000;
	font-size:14px;
}
.ajandek-termek .cim1 {
	text-transform:uppercase;
}
.ajandek-termek .ar {
	color:#AF811F;
	font-family: var(--ds-font-price);
	font-variant-numeric: tabular-nums;
}
.ajandek-termek .leiras2 {
	color: #999;
	font-size:12px;
	margin-top:12px;
}
.ajandek-termek .foto {
	z-index:100;
}
/*******************************************************GYIK*************************************/
.gyik .kerdes {
	display: block;
	border-radius: 12px;
	padding: 12px 12px;
	background-color: #3399CC;
	color: #FFF;
	font-size: 18px;
	font-family: var(--ds-font);

	text-decoration: none;
	border: none;
	width: auto;
	cursor: pointer;
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
	margin-bottom:12px;	
}
.gyik .kerdes:hover {
	background-color: #64B3D9;
}
.gyik .valasz {
	display: none;
	font-size: 14px;
	font-family: var(--ds-font);
	margin-bottom: 12px;
	/*! width: 570px; */
	padding: 0 12px;
}
.gyik .vissza {
	background-color: #FF5328;
}
.gyik .vissza:hover {
	background-color: #FF7451;
}
.gyik_gomb, a.gyik_gomb {
	display: inline-block;
	font-size: 1rem;
	padding: 8px 1rem;
}
.gyik_gomb:hover  {
}
/*******************************************************KEDVENC FELIRATKOZÁS*************************************/
	
.kedvencek-sub {
	background-color: rgba(255,255,255,0.8);
    padding: 1%;
	border-radius: 14px;
	margin: 0 1% 1.5em 0;
	border: 1px solid #2B98BFE6;
	box-shadow: 0 3px 3px rgba(0,0,0,.2);
	background-color: #38A4C8E6;
}
.kedvencek-sub h3 {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 1em;
	color: white;
}
.kedvencek-sub input{
	margin-bottom:12px;
}
div.w-p-50:nth-child(1) > input:nth-child(1) {
 padding: 8px;
 margin-right: 12px;
 border-color: #27809FE6;
 border-radius: 7px;
}
.kedvencek-sub-icon {
  float: left;
  margin: 1%;
}
.kedvencek-sub-text {
  float: left;
  padding: 1%;
}
.fas.fa-envelope-open-text {
  font-size: 76px;
  color: white;
  padding: ;
}


/* ====== Checkout v2 – izolált skin ====== */
.checkout-v2, .checkout-v2 * {box-sizing: border-box;}

.checkout-v2 {
  --bg: #ffffff;
  --panel: #fff;
  --text: #111827d6;
  --muted: var(--ds-text-secondary);
  --line: var(--ds-border);
  --input-line: var(--ds-border-input);
  --brand: var(--ds-focus);
  --brand-ghost: var(--ds-focus-ghost);
  --success: var(--ds-success);
  --warn: #a66b00;
  --danger: var(--ds-danger);
  --radius: var(--ds-radius-lg);
  --gap: 16px;
  color: var(--text);
  font-family: var(--ds-font);
  line-height: 1.55;
}

/* Körítés */
.checkout-v2 .card {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 20px;
}
.checkout-v2 .section + .section { margin-top: 20px; }
.checkout-v2 .section > h2 {
  font-size: 18px; font-weight: 700; margin: 0 0 12px;
}

/* Grid helper: desktopon 2 oszlop, mobilon 1 */
.checkout-v2 .grid { display: grid; gap: var(--gap); }
@media (min-width: 900px) {
  .checkout-v2 .grid.cols-2 { grid-template-columns: 1fr 1fr; }
  .checkout-v2 .grid.cols-3 { grid-template-columns: 120px 1fr 1.5fr; } /* ZIP – Város – Utca */
}

/* Címkék, beviteli elemek */
.checkout-v2 label { display:block; font-weight:600; margin: 0 0 6px; padding:0 }
.checkout-v2 .hint { font-size: 12px; color: var(--muted); margin-top: 4px; }

.checkout-v2 input[type="text"],
.checkout-v2 input[type="email"],
.checkout-v2 input[type="tel"],
.checkout-v2 input[type="number"],
.checkout-v2 textarea,
.checkout-v2 select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--input-line);
  border-radius: 10px;
  background: #fff;
  transition: border-color .12s, box-shadow .12s;
}
.checkout-v2 input::placeholder,
.checkout-v2 textarea::placeholder,
.checkout-v2 select::placeholder {
  color: #aaa;
  font-style: italic;
}

.checkout-v2 textarea { min-height: 96px; resize: vertical; }

.checkout-v2 input:focus,
.checkout-v2 textarea:focus,
.checkout-v2 select:focus {
  outline: none;
  border-color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-ghost);
}

/* Hibaállapot (adj .is-error wrapperre vagy inputra) */
.checkout-v2 .is-error input,
.checkout-v2 .is-error textarea,
.checkout-v2 .is-error select { border-color: var(--danger); box-shadow: 0 0 0 3px rgba(176,0,32,.10); }
.checkout-v2 .error-msg { color: var(--danger); font-size: 12px; margin-top: 4px; }

/* Rádió/checkbox – modernebb sor */
.checkout-v2 .choice { display:flex; align-items:center; gap:10px; }
.checkout-v2 .choice input { width:18px; height:18px; }

/* Szállítási mód kártyák – a régi rádiók köré ráhúzható */
.checkout-v2 .ship-cards { display:grid; gap: 12px; }
@media (min-width: 900px) { .checkout-v2 .ship-cards { grid-template-columns: 1fr 1fr; } }
.checkout-v2 .ship-card { position: relative; display:block; }
.checkout-v2 .ship-card input { position:absolute; inset:0; opacity:0; cursor:pointer; }
.checkout-v2 .ship-card .ui {
  border:1px solid var(--line); border-radius: var(--radius); padding: 12px 14px;
  display:flex; gap:12px; align-items:center; background:#fff; transition:.15s;
}
.checkout-v2 .ship-card .sub { font-size:12px; color:var(--muted); }
.checkout-v2 .ship-card:has(input:checked) .ui { border-color: var(--brand); box-shadow: 0 0 0 3px var(--brand-ghost); }

/* PostaPont blokk */
.checkout-v2 #postapontvalasztoapi { width:100%; margin:12px 0; }
.checkout-v2 #ap-selected { margin-top:10px; padding:12px; border:1px solid var(--line); border-radius: var(--radius); background:var(--ds-bg-subtle); display:none; }
.checkout-v2 #ap-payinfo.ok { color: var(--success); }
.checkout-v2 #ap-payinfo.warn { color: var(--warn); }
.checkout-v2 #ap-payinfo.nope { color: var(--danger); }
.checkout-v2 .ap-change-btn {
  background:none; border:0; padding:0; font:inherit; text-decoration:underline; cursor:pointer; color: var(--brand); margin-top:8px;
}

/* CTA-k */
.checkout-v2 .btn-row { display:flex; flex-direction:column; align-items:center; gap:0; }
.checkout-v2 .btn {
  appearance:none; border:0; border-radius: 10px; padding:12px 16px;
  font-weight:700; cursor:pointer; transition: transform .04s ease, box-shadow .12s;
}
.checkout-v2 .btn:active { transform: translateY(1px); }
.checkout-v2 .btn-primary { background: #ef4444; color:#fff; }
.checkout-v2 .btn-secondary { background:#fff; color:var(--ds-text); border:1px solid var(--line); }

/* Kiemelt akció gomb — teljes szélesség + hover */
.checkout-v2 .btn-cta {
  appearance:none; border:0; border-radius: 10px; padding:14px 20px;
  font-weight:700; font-size:1.05rem; cursor:pointer;
  width:100%; text-align:center;
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  color:#fff;
  box-shadow: 0 2px 8px rgba(239,68,68,.25);
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease;
  position: relative;
  overflow: hidden;
}
.checkout-v2 .btn-cta::after {
  content:'';
  position:absolute; inset:0;
  background: linear-gradient(135deg, rgba(255,255,255,.15) 0%, transparent 60%);
  opacity:0;
  transition: opacity .25s ease;
}
.checkout-v2 .btn-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(239,68,68,.35);
  background: linear-gradient(135deg, #f05252 0%, #e53e3e 100%);
}
.checkout-v2 .btn-cta:hover::after { opacity:1; }
.checkout-v2 .btn-cta:active { transform: translateY(0); box-shadow: 0 2px 6px rgba(239,68,68,.2); }
.checkout-v2 .btn-cta i { margin-left:6px; }

/* Bizalomerősítő szövegek */
.checkout-v2 .trust-signals {
  display:flex; justify-content:center; gap:16px; flex-wrap:wrap;
  margin:12px 0 8px; font-size:12px; color:var(--ds-text-secondary);
}
.checkout-v2 .trust-signals span {
  display:inline-flex; align-items:center; gap:5px; white-space:nowrap;
}
.checkout-v2 .trust-signals i {
  font-size:13px; color:#22c55e;
}

/* Visszalépés link — egyszerű aláhúzott szöveg */
.checkout-v2 .back-link {
  display:inline-flex; align-items:center; gap:5px;
  font-size:13px; color:var(--ds-text-secondary); text-decoration:underline;
  margin-top:6px; cursor:pointer; background:none; border:0; padding:0;
  transition: color .15s ease;
}
.checkout-v2 .back-link:hover { color:var(--ds-text); }

/* Lépésjelző (fejléc) – finomítva */
.checkout-v2 .steps { display:flex; gap:12px; flex-wrap:wrap; margin-bottom: 16px; }
.checkout-v2 .step { display:flex; align-items:center; gap:8px; color: var(--muted); }
.checkout-v2 .step .dot {
  width:22px; height:22px; border-radius:50%; display:inline-grid; place-items:center;
  border:1px solid var(--line); background:#fff; font-size:12px;
}
.checkout-v2 .step.is-current { color: var(--text); }
.checkout-v2 .step.is-current .dot { border-color: var(--brand); box-shadow: 0 0 0 3px var(--brand-ghost); }

.ship-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 10px 0 6px;
}

.ship-card {
  position: relative;
  display: block;
}

.ship-card input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  width:0;
}

.ship-card .ui {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid var(--ds-border);
  border-radius: 14px;
  background: #fff;
  transition: all 0.15s ease;
}

.ship-card .ui:hover {
  border-color: #0c6dfe;
  box-shadow: 0 0 0 3px rgba(12,109,254,.1);
}

.ship-card input:checked + .ui {
  border-color: #0c6dfe;
  box-shadow: 0 0 0 3px rgba(12,109,254,.12);
}

.ship-card .left {
  display: flex;
  align-items: center;
  gap: 14px;
}

.ship-card .ship-logo {
  width: 64px;
  height: 48px;
  object-fit: contain;
  flex-shrink: 0;
  border-radius: 4px;
}

.ship-card .title {
}

.ship-card .sub {
  font-size: 13px;
  color: var(--ds-text-secondary);
}

.ship-card .price {
  font-weight: 700;
  font-size: 15px;
  color: var(--ds-text);
  font-family: var(--ds-font-price);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  margin-left: 16px;
}

@media (max-width: 640px){
  .ship-cards { 
    grid-template-columns: 1fr; 
  }

  .ship-card .ui { 
    flex-direction: column; 
    align-items: stretch; /* az egész kártya szélességben marad */
    gap: 8px; 
  }

  .ship-card .left {
    display: flex;
    align-items: center;
    justify-content: flex-start; /* ← BALRA RENDEZÉS */
    gap: 10px;
	align-self: flex-start;
  }

  .ship-card .price {
    align-self: flex-end;
    margin-left: 0;
    font-size: 14px;
    color: var(--ds-text);
  }
}
.section-header--billing {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  gap: 15px;
  margin-bottom: 10px;
  flex-wrap: nowrap;
}
.section-header--billing label {
    margin: 0 0 0 6px;
}
.section-header--billing h2 {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.same-as-shipping {
  white-space: nowrap;
  font-size: 0.95em;
}

.same-as-shipping input[type="checkbox"] {
    margin-right: 5px;
    width: auto;
}

.pay-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin: 12px 0 20px;
}

.pay-card {
  position: relative;
  display: block;
}

.pay-card input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  width:0;
}

.pay-card .ui {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid var(--ds-border);
  border-radius: 14px;
  background: #fff;
  transition: all 0.15s ease;
}

.pay-card .ui:hover {
  border-color: #0c6dfe;
  box-shadow: 0 0 0 3px rgba(12,109,254,.1);
}

.pay-card input:checked + .ui {
  border-color: #0c6dfe;
  box-shadow: 0 0 0 3px rgba(12,109,254,.12);
}

.pay-card .left {
  display: flex;
  align-items: center;
  gap: 14px;
}

.pay-card .pay-logo {
  width: 48px;
  height: 48px;
  object-fit: contain;
  flex-shrink: 0;
  border-radius: 4px;
}

.pay-card .title {
}

.pay-card .sub {
  font-size: 13px;
  color: var(--ds-text-secondary);
}

.pay-card .price {
  font-weight: 700;
  font-size: 15px;
  color: var(--ds-text);
  font-family: var(--ds-font-price);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  margin-left: 16px;
}

.pay-card .price.kedvezmeny {
  color: #059669; /* zöld */
}

@media (max-width: 640px){
  .pay-card .ui { 
    flex-direction: column; 
    align-items: stretch; 
    gap: 8px; 
  }

  .pay-card .left {
    justify-content: flex-start;
    gap: 10px;
  }

  .pay-card .price {
    align-self: flex-end;
    margin-left: 0;
  }
}

/* Kártya halványítás: a nem kiválasztott kártyák visszafogottabbak */
.ship-card,
.pay-card {
  transition: opacity 0.3s ease;
}
.ship-cards:has(input:checked) .ship-card:not(:has(input:checked)) {
  opacity: 0.45;
}
.pay-cards:has(input:checked) .pay-card:not(:has(input:checked)) {
  opacity: 0.45;
}

.sum-list { list-style:none; padding:0; margin:10px 0 14px; }
.sum-list li { display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px dashed var(--ds-border); }
.sum-list li.total { border-top:2px solid var(--ds-text); border-bottom:none; margin-top:6px; padding-top:12px; font-weight:800; }
.summary-actions { display:flex; gap:10px; flex-wrap:wrap; }
/* TÁROLÓ: egy sor, töréssel ha nem fér el */


/* Alap: label + field mindig EGY sorban marad (nem törhet külön sorba) */
.form-row {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: nowrap;   /* << fontos: ne engedd a label/field sortörését 600px felett */
  margin: 1.2rem 0;
  min-width: 0;        /* flex-folyás megőrzése szűk helyen is */
}

/* Bal oldali cím fix szélességen */
.form-row .form-label {
  flex: 0 0 150px;
  margin: 0;
  font-weight: 500;
  line-height: 1.2;      /* szoros sorköz több soros címnél */
  min-height: 32px;      /* egy soros cím vizuálisan igazodik az input ~32px magasságához */
  margin: 0;             /* nehogy margin növelje a sort */
  white-space: normal;   /* törhető legyen a hosszú cím */
  word-break: break-word;/* nagyon hosszú szavak is törjenek */
  hyphens: auto;      /* lehetővé teszi az elválasztást (böngésző támogatás függő) */
  padding-top: 8px;         
}

/* Jobb oldali mezőterület rugalmas, és engedjük SZŰKÜLNI */
.form-row .form-field {
  flex: 1 1 auto;
  min-width: 0;        /* << kulcs: ne kényszerítse le a label alá; a belső mezők fognak törni */
}

/* A belső mezősor továbbra is törhet a saját szabályai szerint */
.field-row {
  display: flex;
  flex-wrap: wrap;     /* << csak ITT törjön 600px felett is */
  gap: 10px;
}

.field-row .field {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.field-row input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  line-height: normal;
  vertical-align: top;
  margin: 0;
}

/* ZIP fix 50px, város/utca min-ek és arányok – maradnak */
.field-row .zip    { flex: 0 0 100px;  max-width: 100px; }
.field-row .city   { flex: 1 1 150px; min-width: 150px; }
.field-row .street { flex: 2 1 250px; min-width: 250px; }
.field-row .remark { flex: 1 1 100%; }

/* --- 600px és ALATTI nézet: label felül, alatta minden field teljes szélességen --- */
@media (max-width: 600px) {
  .form-row {
    flex-direction: column; /* label felül, field alatta */
    gap: 8px;
  }

  .form-row .form-label {
    flex: none;
    width: auto;
    line-height: 1.2;
    margin: 0;
	min-height:0;
  	padding-top: 0;         
  }

  .form-row .form-field {
    width: 100%;
  }

  /* A belső mezők egymás alá kerülnek teljes szélességen */
  .field-row {
    flex-direction: row;  /* maradhat row, de 100%-os basis miatt soronkénti törés lesz */
    flex-wrap: wrap;
    gap: 6px;
  }

  .field-row > .field,
  .field-row .zip,
  .field-row .city,
  .field-row .street {
    flex: 1 1 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .section-header.section-header--billing {
    flex-direction: column;
    align-items: center;
	gap:0;
  }
  .section-header.section-header--billing h2{
    margin: 1rem 0 0rem 0;
  }
	.section-header.section-header--billing .same-as-shipping {
		margin: 3px 0 0 6px;
	}
  .urlap h2 {
    margin: 3rem 0 1.5rem 0;
    display: block;
    text-align: center;
  }
}
h1, h2, h3 {
  font-weight: 600;
}

.container{
max-width:1100px;
margin:0 auto;
display:flex;
flex-direction:column;
gap:20px;
}


/* Teljes szélességű rész */
.full-width{
width:100%;
min-height:120px;
}


/* Űrlap + összesítő wrapper */
.layout{
display:flex;
gap:20px;
align-items:flex-start;
}
.summary-sidebar{
position:sticky;
top:20px;
width:320px;
flex-shrink:0;
}


.form-box{
    flex: 1;
/*    border: 1px solid #e5e7eb;
    border-radius: 14px;
    background-color: rgba(250, 250, 250, .97);
*/    padding: 2rem 3% 36px 3%;
}


.summary-box{
	width:320px;
	padding: 2rem;
	border-radius: 27px;
	background-color: rgb(0 0 0 / 5%);
	/* border: 1px solid #e5e7eb; */
}
.summary-box h2{
	font-variant: small-caps;
	font-size: 2.2rem;
}

.kosar-error{
	width:100%;
	padding: 2rem 3% 36px 3%;
	border-radius: 14px;
	background-color: rgba(250, 250, 250, .97);
	border: 1px solid var(--ds-border);
}
.extrak{
	width:320px;
}

/* Mobil nézet: összesítő lemegy alulra */
@media (max-width:1000px){
.layout{
flex-direction:column;
}
.summary-box, .extrak{width: auto;margin: auto 3%;}
.summary-sidebar{position:static;width:auto;}
}
.ajanlott_termek {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 25px;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 8px;
    background: #fff;
}

.ajanlott_termek_kep img {
    height: 200px;
    width: auto;
    object-fit: cover;
    border-radius: 6px;
}

.ajanlott_termek_text {
    flex: 1;
    display: block;
}

.ajanlott_termek_text h4 {
    margin: 0 0 8px 0;
    font-size: 18px;
}

.ajanlott_termek_nev {
    font-weight: bold;
    margin: 5px 0;
    font-size: 16px;
}

.ajanlott_termek_leiras {
    margin: 8px 0;
    color: #555;
}

.ajanlott_termek_keszlet {
    margin-top: 6px;*/
    font-weight: bold;
}
.ajanlott_termek_kedvenc {
    font-size: small;
    font-weight: 500;
    color: #F93E3E;
}
.ajanlott_termek_kedvenc {
    display: flex;
    align-items: center;   /* függőlegesen középre rakja */
    gap: 4px;              /* kis távolság a szív és a szöveg között */
}

.ajanlott_termek_kedvenc_heart {
    width: 15px;           /* tetszőlegesen állítható */
    height: auto;
    display: block;
}
.ajanlott_termek_btns {
    display: flex;
    align-items: center;      /* függőlegesen egy vonalba */
    justify-content: flex-end;/* minden jobbra igazítva */
    gap: 12px;                /* távolság az ár és a gomb között */
}

.ajanlott_termek_btns .arak {
    display: flex;
    align-items: center;
    gap: 6px;
}

.nagy_gomb_kosarba {
    white-space: nowrap;      /* ne törjön a gomb szövege */
}
.ajanlott_termek_btns .regi_ar {
	padding-top:0;
}

@media (max-width:600px) {
    .ajanlott_termek {
        flex-direction: column;
    }

    .ajanlott_termek_kep {
        width: 100%;
        display: flex;
        justify-content: center;   /* <<< csak a kép kerül középre */
    }

    .ajanlott_termek_kep img {
        max-height: 200px;         /* <<< magasság limit */
        width: auto;
        height: auto;
        object-fit: contain;
    }
}
.mutass-tobbet-btn {
    display: block;
    margin: 16px auto 8px;
    padding: 10px 24px;
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 6px;
    color: #555;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s;
}
.mutass-tobbet-btn:hover {
    background: #eee;
    border-color: #999;
    color: #333;
}
.cart {
  max-width: auto;
  /* margin: 20px auto; */
  /* padding: 10px 15px; */
}

/* Egy termék sora */
.cart-item {
  display: flex;
  align-items: flex-start;
  padding: 20px 0;
  /* border-bottom: 1px solid #eee; */
}

/* Bal oldali képkártya */
.product-image {
  width: 150px;
  min-width: 150px;
  height: 190px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 0 0 1px #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 25px;
}

.product-image img {
  max-height: 150px;
}
.product-image2{
	display: none;
}

/* Középső szöveges rész */
.product-info {
  flex: 1;
}

.product-title {
  font-size: 18px;
  margin-bottom: 4px;
}

.product-subtitle {
  font-size: 12px;
  color: #777;
  margin-bottom: 10px;
}

.status-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.badge {
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 11px;
  color: #fff;
}

.badge-green {
  background: #8bc53f;
}

.badge-orange {
  background: #f7941d;
}

.status-text {
  font-size: 12px;
}

.status-green {
  color: #5cb85c;
}

.status-orange {
  color: #f7941d;
}

.stock-warning {
  font-size: 12px;
  color: #b45309;
  background: #fef3c7;
  border: 1px solid #fde68a;
  border-radius: 6px;
  padding: 6px 10px;
  margin-bottom: 8px;
}

.stock-warning i {
  color: #d97706;
  margin-right: 4px;
}

/* ár sor */
.price-row {
  margin-bottom: 14px;
  font-size: 13px;
}

.old-price {
  text-decoration: line-through;
  color: #999;
  margin-right: 6px;
  font-family: var(--ds-font-price);
  font-variant-numeric: tabular-nums;
}

.new-price {
  color: #e53935;
  font-weight: bold;
  font-family: var(--ds-font-price);
  font-variant-numeric: tabular-nums;
}

.current-price {
  font-weight: bold;
  font-family: var(--ds-font-price);
  font-variant-numeric: tabular-nums;
}

/* mennyiség választó */
.qty-wrapper {
  display: inline-flex;
  align-items: center;
  background: var(--ds-border);
  border-radius: 3px;
  padding: 5px 8px;
  gap: 12px;
  font-size: 14px;
}

.qty-btn {
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 16px;
  padding: 0 4px;
}

.qty-value {
  min-width: 14px;
  text-align: center;
}

/* jobb oldali ár + kuka ikon */
.side-info {
  width: 120px;
  min-width: 120px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 20px;
}

.line-price {
  font-size: 16px;
  font-weight: bold;
  font-family: var(--ds-font-price);
  font-variant-numeric: tabular-nums;
}

.trash-btn {
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 20px;
}

/* egy kis reszponzivitás */
@media (max-width: 600px) {
  .cart-item {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    background-color: #f0f0f0cf;
    padding: 7%;
    border-radius: 14px;
    box-shadow: 0 0 0 1px #f0f0f0;
  }

  .product-image {
    /* margin-right: 0; */
    /* margin-bottom: 10px; */
    /* border-radius: 6px; */
    /* box-shadow: none; */
    display: none;
  }

  .side-info {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
@media (max-width: 600px) {

/*  .product-info {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 15px;
  }

  .product-text-wrapper {
    flex: 1;
  }

  .product-image2 {
    display: block;
    width: 90px;
    min-width: 90px;
  }

  .product-image2 img {
    width: 100%;
    border-radius: 8px;
  }
*/
}
@media (max-width: 600px) {

  /* product-image alapból rejtve marad */
  .product-image {
    display: none;
  }

  /* kis kép jelenjen meg */
  .product-image2 {
    display: block;
    width: 100px;
    min-width: 100px;
    border-radius: 6px;
    box-shadow: 0 0 0 1px #f0f0f07d;
    height: -webkit-fill-available;
    align-content: center;
    background-color: white;
  }

  .product-image2 img {
    width: 100%;
    border-radius: 10px;
    /* height: max-content; */
  }

  /* mobil sor – kép balra, adatok jobbra */
  .mobile-row {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 10px;
  }

  /* a product-title külön sorban marad */
  .product-title {
    margin-bottom: 10px;
  }

  /* adatok a kép mellett */
  .product-details {
    flex: 1;
  }

  /* oldalsó ár blokk mobilon alul legyen */
  .side-info {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 15px;
  }
}

.discount-wrapper {
  max-width: 100%;
  margin: 0 auto;
}


.discount-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 24px 0 36px 0;
}

.discount-item {
  display: flex;
  align-items: center;
  padding: 18px 26px;
  border-radius: 27px;
  background: #f0f0f0;
  /* border: 1px solid #dedede; */
  /* box-shadow: 0 0 0 2px #f4f4f4; */
}

.discount-item.active {
  background: rgb(255 215 0 / 80%);
  /* border-color: #a2ce55; */
  /* box-shadow: 0 0 0 2px #a2ce55; */
  color: dimgray;
}

.discount-item.disabled {
  opacity: 0.6;
}

.discount-icon {
  flex: 0 0 85px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  /* display: none; */
  /* color: goldenrod; */
}

.discount-content {
  flex: 1 1 auto;
  padding: 0 15px;
  /* color: chocolate; */
}
.discount-heading {font-size: 18px;font-weight: 500;text-transform: uppercase;color: #444;/* margin-bottom: 4px; */}


.discount-subtext {font-size: 14px;color: #777;}


.discount-status {    flex: 0 0 155px;
    text-align: right;
    font-size: 13px;
    color: #df2a2a;
    line-height: 1.3;
    font-weight: 500;}


.discount-status span {
display: inline-block;
}


.discount-status .status-icon {/* width: 36px; *//* height: 36px; */border-radius: 50%;/* border: 3px solid #24b34a; */display: inline-flex;align-items: center;justify-content: center;font-size: 24px;/* margin-left: 10px; *//* color: goldenrod; */}


.discount-item:not(.active) .status-icon {
display: none;
}


/* Extra: small red dashed border like on the screenshot */
.discount-item::before,
.discount-item::after {
content: "";
position: absolute;
}


.discount-item-wrapper {position: relative;padding: 2px 0;/* border-left: 2px dashed transparent; *//* border-right: 2px dashed transparent; */}


.discount-item-wrapper:nth-child(3) {/* border-color: #ff0000; */}


@media (max-width: 600px) {
.discount-item {flex-direction: column;/* align-items: flex-start; */}
.discount-icon {margin-bottom: 10px;flex: auto;}
.discount-status {margin-top: 18px;text-align: center;flex: auto;}
.discount-heading {/* font-size: 18px; *//* font-weight: 500; *//* text-transform: uppercase; *//* color: #444; *//* margin-bottom: 4px; */text-align: center;}
.discount-subtext {/* font-size: 14px; *//* color: #777; */text-align: center;}

}

/* ========================
   KUPON v2 — banner stílusok
   ======================== */

/* Input sor: szövegmező + gomb egymás mellett */
.kupon-input-row {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
}
.kupon-input-field {
    flex: 1;
    padding: 10px 14px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 14px;
    outline: none;
    transition: border-color .2s;
}
.kupon-input-field:focus {
    border-color: #0c6dfe;
    box-shadow: 0 0 0 3px rgba(12,109,254,.10);
}
.btn-coupon {
    padding: 10px 20px;
    background: var(--ds-text);
    color: #fff;
    border: 0;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background .2s;
}
.btn-coupon:hover { background: #374151; }

/* Közös banner alap */
.kupon-banner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.5;
}
.kupon-banner-content {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
}
.kupon-banner-content strong { font-weight: 600; }
.kupon-kedvezmeny { font-weight: 700; font-size: 15px; }

/* Zöld — globális aktív kupon */
.kupon-banner--success {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #065f46;
}
.kupon-banner--success .kupon-kedvezmeny { color: #047857; }

/* Kék — személyes aktív kupon */
.kupon-banner--personal {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1e40af;
}
.kupon-banner--personal .kupon-kedvezmeny { color: #1d4ed8; }

/* Sárga — hiba / feltétel nem teljesül */
.kupon-banner--error {
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #92400e;
}
.kupon-tip { font-style: italic; opacity: .85; }

/* Szürke/kék — tipp (közel álló kupon) */
.kupon-banner--tip {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #475569;
    flex-direction: column;
}
.kupon-banner--tip-personal {
    background: #f0f9ff;
    border-color: #bae6fd;
    color: #0c4a6e;
}
.kupon-tip-name { font-size: 13px; opacity: .7; }

/* Törlés / Nem kérem gomb */
.kupon-remove-btn {
    background: none;
    border: none;
    color: inherit;
    opacity: .6;
    cursor: pointer;
    font-size: 14px;
    padding: 2px 6px;
    white-space: nowrap;
    transition: opacity .2s;
    flex-shrink: 0;
    align-self: center;
}
.kupon-remove-btn:hover { opacity: 1; }

/* Kosár szekció cím */
.cart-section--coupon .cart-section-title {
    font-size: 16px;
    margin-bottom: 12px;
}

/* ============================================================
   SZŰRŐRENDSZER (sf-*)
   ============================================================ */

.sf-container {
    margin-bottom: var(--ds-space-4);
}

/* --- Nem tabok --- */
.sf-gender-tabs {
    display: flex;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    margin-bottom: var(--ds-space-3);
    gap: 0;
}

.sf-gender-tab {
    padding: 12px 20px;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    color: var(--ds-text-muted);
    font-family: var(--ds-font-heading);
    font-size: var(--ds-text-base);
    font-weight: var(--ds-font-medium);
    cursor: pointer;
    transition: all var(--ds-transition-fast);
    white-space: nowrap;
}

.sf-gender-tab:hover {
    color: var(--ds-text-secondary);
    border-bottom-color: rgba(0,0,0,0.1);
}

.sf-gender-tab--active {
    color: var(--ds-header-accent);
    border-bottom-color: var(--ds-header-accent);
    font-weight: var(--ds-font-bold);
}

.sf-gender-icon {
    margin-right: 4px;
}

/* --- Illatcsalád chip sor --- */
.sf-scent-row {
    position: relative;
    margin-bottom: var(--ds-space-3);
}

.sf-scent-scroll {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 4px 0;
}

.sf-scent-scroll::-webkit-scrollbar {
    display: none;
}

.sf-scent-row::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 48px;
    background: linear-gradient(90deg, transparent, var(--ds-bg));
    pointer-events: none;
}

/* --- Chip (közös) --- */
.sf-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 24px;
    border: 1.5px solid #e5e5e5;
    background: var(--ds-bg);
    font-size: 13px;
    font-family: var(--ds-font);
    color: var(--ds-text-secondary);
    cursor: pointer;
    transition: all var(--ds-transition-fast);
    white-space: nowrap;
    flex-shrink: 0;
}

.sf-chip:hover {
    border-color: var(--ds-border-input);
    color: var(--ds-text);
}

.sf-chip--active {
    border-color: var(--ds-header-accent);
    background: rgba(184,151,106,0.08);
    color: var(--ds-header-accent);
    font-weight: var(--ds-font-semibold);
}

.sf-chip-icon {
    font-size: 14px;
    line-height: 1;
}

.sf-chip-count {
    font-size: 11px;
    color: var(--ds-text-muted);
    margin-left: 2px;
}

.sf-chip--active .sf-chip-count {
    color: var(--ds-header-accent);
    opacity: 0.7;
}

.sf-chip--dimmed {
    opacity: 0.4;
}

/* --- Szűrő toolbar --- */
.sf-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ds-space-3);
    margin-bottom: var(--ds-space-3);
    flex-wrap: wrap;
}

.sf-toolbar-left {
    display: flex;
    align-items: center;
    gap: var(--ds-space-2);
}

.sf-toolbar-right {
    display: flex;
    align-items: center;
    gap: var(--ds-space-3);
}

.sf-more-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: var(--ds-radius-md);
    border: 1.5px solid var(--ds-border);
    background: var(--ds-bg);
    font-size: var(--ds-text-sm);
    font-family: var(--ds-font);
    color: var(--ds-text-secondary);
    cursor: pointer;
    transition: all var(--ds-transition-fast);
}

.sf-more-btn:hover {
    border-color: var(--ds-border-input);
    color: var(--ds-text);
}

.sf-more-btn svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.sf-more-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 50%;
    background: var(--ds-header-accent);
    color: #fff;
    font-size: 11px;
    font-weight: var(--ds-font-bold);
    line-height: 1;
}

/* --- Rendezés dropdown --- */
.sf-sort-wrapper {
    position: relative;
}

.sf-sort-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: var(--ds-radius-md);
    border: 1.5px solid var(--ds-border);
    background: var(--ds-bg);
    font-size: var(--ds-text-sm);
    font-family: var(--ds-font);
    color: var(--ds-text-secondary);
    cursor: pointer;
    transition: all var(--ds-transition-fast);
}

.sf-sort-btn:hover {
    border-color: var(--ds-border-input);
    color: var(--ds-text);
}

.sf-sort-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    min-width: 200px;
    background: var(--ds-bg);
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-lg);
    box-shadow: 0 12px 40px rgba(0,0,0,0.12);
    z-index: 100;
    padding: 6px 0;
}

.sf-sort-dropdown--open {
    display: block;
}

.sf-sort-option {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 10px 16px;
    border: none;
    background: none;
    font-size: var(--ds-text-sm);
    font-family: var(--ds-font);
    color: var(--ds-text-secondary);
    cursor: pointer;
    text-align: left;
    transition: background var(--ds-transition-fast);
}

.sf-sort-option:hover {
    background: var(--ds-bg-subtle);
}

.sf-sort-check {
    opacity: 0;
    flex-shrink: 0;
}

.sf-sort-option--active {
    color: var(--ds-header-accent);
    font-weight: var(--ds-font-semibold);
}

.sf-sort-option--active .sf-sort-check {
    opacity: 1;
    color: var(--ds-header-accent);
}

.sf-count {
    font-size: var(--ds-text-sm);
    color: var(--ds-text-muted);
    white-space: nowrap;
}

/* --- További szűrők panel --- */
.sf-panel-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.1);
    z-index: 199;
}

.sf-panel-overlay--open {
    display: block;
}

.sf-panel {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--ds-bg);
    border-radius: var(--ds-radius-lg);
    box-shadow: 0 12px 40px rgba(0,0,0,0.12);
    z-index: 200;
    padding: var(--ds-space-5);
    max-width: 640px;
    width: 90%;
}

.sf-panel--open {
    display: block;
}

.sf-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--ds-space-4);
}

.sf-panel-title {
    font-family: var(--ds-font-heading);
    font-size: var(--ds-text-lg);
    font-weight: var(--ds-font-bold);
    color: var(--ds-text);
}

.sf-panel-close {
    width: 32px;
    height: 32px;
    border: none;
    background: var(--ds-bg-cool);
    border-radius: var(--ds-radius-full);
    font-size: 20px;
    color: var(--ds-text-muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background var(--ds-transition-fast);
}

.sf-panel-close:hover {
    background: var(--ds-border);
}

.sf-panel-handle {
    display: none;
}

.sf-panel-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--ds-space-5);
    margin-bottom: var(--ds-space-4);
}

.sf-panel-section-title {
    font-family: var(--ds-font-heading);
    font-size: var(--ds-text-sm);
    font-weight: var(--ds-font-semibold);
    color: var(--ds-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 var(--ds-space-2) 0;
    border: none;
}

.sf-panel-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

/* --- Intenzitás toggle --- */
.sf-intensity-toggle {
    display: flex;
    border: 1.5px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
    overflow: hidden;
}

.sf-intensity-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px 10px;
    border: none;
    border-right: 1px solid var(--ds-border);
    background: var(--ds-bg);
    font-size: 12px;
    font-family: var(--ds-font);
    color: var(--ds-text-secondary);
    cursor: pointer;
    transition: all var(--ds-transition-fast);
    white-space: nowrap;
}

.sf-intensity-btn:last-child {
    border-right: none;
}

.sf-intensity-btn:hover {
    background: var(--ds-bg-subtle);
}

.sf-intensity-btn--active {
    background: var(--ds-header-accent);
    color: #fff;
}

.sf-intensity-btn--active:hover {
    background: var(--ds-header-accent);
}

.sf-intensity-icon {
    font-size: 14px;
}

.sf-intensity-btn .sf-chip-count {
    font-size: 10px;
}

.sf-intensity-btn--active .sf-chip-count {
    color: rgba(255,255,255,0.7);
}

/* --- Márka keresés + lista --- */
.sf-brand-search {
    position: relative;
    margin-bottom: var(--ds-space-2);
}

.sf-brand-search svg {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--ds-text-muted);
}

.sf-brand-input {
    width: 100%;
    padding: 8px 10px 8px 32px;
    border: 1.5px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
    font-size: var(--ds-text-sm);
    font-family: var(--ds-font);
    color: var(--ds-text);
    outline: none;
    transition: border-color var(--ds-transition-fast);
    box-sizing: border-box;
}

.sf-brand-input:focus {
    border-color: var(--ds-header-accent);
}

.sf-brand-list {
    max-height: 180px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.sf-brand-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 4px;
    cursor: pointer;
    border-radius: var(--ds-radius-sm);
    transition: background var(--ds-transition-fast);
}

.sf-brand-item:hover {
    background: var(--ds-bg-subtle);
}

.sf-brand-cb {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.sf-brand-check {
    width: 18px;
    height: 18px;
    border: 1.5px solid var(--ds-border);
    border-radius: 4px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--ds-transition-fast);
}

.sf-brand-cb:checked + .sf-brand-check {
    background: var(--ds-header-accent);
    border-color: var(--ds-header-accent);
}

.sf-brand-cb:checked + .sf-brand-check::after {
    content: '';
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    margin-top: -2px;
}

.sf-brand-name {
    font-size: var(--ds-text-sm);
    color: var(--ds-text);
}

.sf-brand-item--hidden {
    display: none;
}

.sf-brand-item .sf-chip-count {
    margin-left: auto;
}

/* --- Panel footer --- */
.sf-panel-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: var(--ds-space-3);
    border-top: 1px solid var(--ds-border);
}

.sf-panel-clear {
    background: none;
    border: none;
    color: var(--ds-text-muted);
    font-size: var(--ds-text-sm);
    font-family: var(--ds-font);
    cursor: pointer;
    text-decoration: underline;
    padding: 8px 0;
}

.sf-panel-clear:hover {
    color: var(--ds-text-secondary);
}

.sf-panel-apply {
    padding: 10px 24px;
    background: var(--ds-header-accent);
    color: #fff;
    border: none;
    border-radius: var(--ds-radius-md);
    font-size: var(--ds-text-sm);
    font-family: var(--ds-font);
    font-weight: var(--ds-font-semibold);
    cursor: pointer;
    transition: background var(--ds-transition-fast);
}

.sf-panel-apply:hover {
    background: #a0825d;
}

/* --- Aktív szűrők sor --- */
.sf-active-filters {
    display: flex;
    align-items: center;
    gap: var(--ds-space-2);
    flex-wrap: wrap;
    margin-bottom: var(--ds-space-3);
}

.sf-active-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.sf-active-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 20px;
    background: rgba(184,151,106,0.08);
    color: var(--ds-header-accent);
    border: 1px solid rgba(184,151,106,0.2);
    font-size: var(--ds-text-xs);
    font-family: var(--ds-font);
    cursor: pointer;
    transition: all var(--ds-transition-fast);
}

.sf-active-pill:hover {
    background: rgba(184,151,106,0.15);
    border-color: var(--ds-header-accent);
}

.sf-active-pill svg {
    width: 12px;
    height: 12px;
    opacity: 0.6;
}

.sf-active-pill:hover svg {
    opacity: 1;
}

.sf-active-clear {
    background: none;
    border: none;
    color: var(--ds-text-muted);
    font-size: var(--ds-text-xs);
    font-family: var(--ds-font);
    cursor: pointer;
    text-decoration: underline;
    padding: 4px 0;
}

.sf-active-clear:hover {
    color: var(--ds-text-secondary);
}

/* --- Üres állapot --- */
.sf-empty {
    text-align: center;
    padding: var(--ds-space-10) var(--ds-space-4);
    color: var(--ds-text-secondary);
}

.sf-empty p {
    font-size: var(--ds-text-lg);
    margin-bottom: var(--ds-space-4);
}

.sf-empty-clear {
    padding: 10px 24px;
    background: var(--ds-header-accent);
    color: #fff;
    border: none;
    border-radius: var(--ds-radius-md);
    font-size: var(--ds-text-sm);
    font-family: var(--ds-font);
    font-weight: var(--ds-font-semibold);
    cursor: pointer;
    transition: background var(--ds-transition-fast);
}

.sf-empty-clear:hover {
    background: #a0825d;
}