.filterBox.size-swacthes .widget-content .swacth-btn2{ margin:0 5px 5px 0; line-height:32px; border:1px solid #cdcfd3; }
.filterBox.size-swacthes .widget-content .swacth-btn2.checked{ border-color:#000000; }

.filterBox .filter-color .swacth-btn2 { display:block; float:left; margin-bottom:5px; position:relative; height:24px; width:34px; border:1px solid transparent; background-color:#f8f8f8; border-radius:3px; margin-right:5px; text-align:center; font-size:10px; line-height:21px; color:#000000; cursor:pointer; }
.filterBox .filter-color .swacth-btn2.checked { border-width:1px; border-color:#000000; }

.size-swacthes .swacth-list .swacth-btn2:after,
.filterBox .filter-color .swacth-btn2:after { content:''; border-style:solid; border-width:0 0 2px 2px; border-color:transparent transparent #000000 #000000; width:12px; height:7px; position:absolute; top:50%; left:0; right:0; margin:-5px auto auto; opacity:0; -webkit-transform:scale(1) rotate(-45deg); transform:scale(1) rotate(-45deg); -webkit-transition:transform 0.3s linear, opacity 0.3s linear; transition:transform 0.3s linear, opacity 0.3s linear; }
.size-swacthes .swacth-list .swacth-btn2.checked:after,
.filterBox .filter-color .swacth-btn2.checked:after { opacity:1; -webkit-transform:scale(1) rotate(-45deg); transform:scale(1) rotate(-45deg); color:#6d6d6d; z-index:2; }
.size-swacthes .swacth-list .swacth-btn2.checked:before,
.filterBox .filter-color .swacth-btn2.checked:before { content:''; background:rgba(255,255,255,0.5); display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; }




/* Size Swacthes */
.size-swacthes .swacth-list .swacth-btn2 { font-size:12px; display:block; margin-bottom:2px; width:34px; height:34px; line-height:32px; }
.thd{background-color:#e20177 !Important}

.ml110{
	margin-left:110px !Important;
}
.ml90{
	margin-left:90px !Important;
}
.ml55{
	margin-left:55px !Important;
}
.ml35{
	margin-left:35px !Important;
}
.ml0{
	margin-left:0px !Important;
}

.w45{
	width:45px !Important;
}

.w50{
	width:40px !Important;
}

.w20{
	width:20px !Important;
}
.w80{
	width:80px !Important;
}

.h40{
	height:40px !Important;
}

.disabled {  
	cursor: not-allowed !important;
}	

.nodisplay{
	display:none;
}

.fs-08{
	font-size:.8em !Important;
}

.fs-09{
	font-size:.9em !important;
}

.fs-1{
	font-size:1.0em !important;
}

.fs-11{
	font-size:1.1em;
}

.fs-13{
	font-size:1.3em;
}

.fs-15{
	font-size:1.5em;
}

.fs-60p{
	font-size:60px !important;
}

.dred{
    color: #ae2500 !important;
}

.text-green{
	color: #048b1d !important;
}

.text-blue{
	color: #17a2b8 !important;
}

.text-black{
	color: #000000 !important;
}

.text-red-dark {
  color: #d0021b !important; 
}

.errclass{
	border:1px solid #ff0000 !important;
	background:#fde0e0 !important;
}

.disabled {  
  cursor: not-allowed !important;
}	

.nocapitalize{
	text-transform: none !important;
}


.lblstockon{
	background:#83cc52;
	color:#fff;
}

.lblstockoff{
	background:#ef2727;
	color:#fff;
}

.zinpricered{
	color:#d30171;
}


/*ckeditorstiles*/
img.right
{	
	float: right;
	margin-left: 15px !important;
	padding: 5px;
}

img.left {
	float: left;
	margin-right: 15px !important;
	padding: 5px;
}

.img-responsive{
	max-width:100% !important;
}

/*placeholdertotop*/
.input-container {
    position: relative;
    margin-top: 20px;
}

.floating-input {
    border: 1px solid #ccc; /* Ez a szegély marad kattintáskor is */
    padding: 10px 10px 10px 5px;
    font-size: 12px;
    width: 100%;
    box-sizing: border-box;
    outline: none; /* Különösen fontos, hogy ne legyen kék kontúr fókusz esetén */
}

.floating-label {
    position: absolute;
    top: 85%;
    left: 0px;
    font-size: 13px;
    color: #aaa;
    pointer-events: none;
    transition: 0.2s ease all;
    transform: translateY(-92%);
	/*background:#fff;	*/
	padding: 4px 4px 4px 4px;
}

/* Csak a label pozíciója és színe változik, az input border-e nem */
.floating-input:focus + .floating-label,
.floating-input:not(:placeholder-shown) + .floating-label {
    top: 0;
    font-size: 11px;
    color: #777;
	border: 1px solid #ddd; /* Ez a szegély marad kattintáskor is */
	border-bottom:0px;
	
}

.regselect{border:1px solid #ccc}

.pwshw{
	margin-left:-25px; width:40px; height:40px;
}

@media (max-width: 768px) {
	.pwshw{ margin-top:-70px;float:right; height:35px;}
	
}


/*placeholdertotop*/

.fixed-select {
	width: 200px;
}


.header-5 #AccessibleNav
 {
    background: #000000;
	
}


.typeahead.dropdown-menu {
    font-size: 12px; /* Adjust this value to your desired size */
}

/* If your suggestions are within <li> or <a> tags inside the list, you might need to target those as well */
.typeahead.dropdown-menu li {
    font-size: 12px; /* Ensures list items also inherit the size */
}

.typeahead.dropdown-menu li a {
    font-size: 12px; /* Ensures the clickable links also inherit the size */
}

.typeahead.dropdown-menu { /* Or whatever the class name for your suggestions list is */
    position: absolute; /* Ensure it's positioned */
    z-index: 10000; /* Set a very high z-index value */
}



.stickyNav .site-header__search { display: none; }


.size-swacthes .swacth-list .swacth-btn:after,
.filterBox .filter-color .swacth-btn:after {
  content: ''; /* Keep this as it is, we'll hide it later for the checked state */
  border-style: solid;
  border-width: 0 0 2px 2px;
  border-color: transparent transparent #000000 #000000;
  width: 12px;
  height: 7px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: -5px auto auto;
  opacity: 0;
  -webkit-transform: scale(1) rotate(-45deg);
  transform: scale(1) rotate(-45deg);
  -webkit-transition: transform 0.3s linear, opacity 0.3s linear;
  transition: transform 0.3s linear, opacity 0.3s linear;
}

.size-swacthes .swacth-list .swacth-btn.checked:after,
.filterBox .filter-color .swacth-btn.checked:after {
  opacity: 0; /* This hides the checkmark */
}

.size-swacthes .swacth-list .swacth-btn.checked, /* Select the button itself for text color */
.filterBox .filter-color .swacth-btn.checked {
  color: #FFFFFF; /* White text */
  background-color: #83cc52; /* Green background */
}

.size-swacthes .swacth-list .swacth-btn.checked:before,
.filterBox .filter-color .swacth-btn.checked:before {
  content: '';
  background: transparent; /* Remove the semi-transparent white background */
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}



.striped-table {
  width: 100%;
  border-collapse: collapse; /* Eltávolítja a cellák közötti távolságot */
  margin: 1em 0;
  font-family: Arial, sans-serif;
}

/* Fejléc stílusa */
.striped-table thead th {
  background-color: #333;
  color: #fff;
  padding: 10px;
  text-align: left;
}

/* Cellák stílusa */
.striped-table th,
.striped-table td {
  padding: 8px;
  border: 1px solid #ddd;
}

/* A CSÍKOZOTT HATÁS */
/* Páros sorok háttérszínének megváltoztatása */
.striped-table tbody tr:nth-child(even) {
  background-color: #f2f2f2; /* Világosszürke háttér */
}

/* Páratlan sorok (opcionális, de jó a kontraszt miatt) */
.striped-table tbody tr:nth-child(odd) {
  background-color: #ffffff; /* Fehér háttér */
}

/* Sor kiemelése egérrel való rámutatáskor (hover) */
.striped-table tbody tr:hover {
  background-color: #ddd; /* Sötétebb szürke rámutatáskor */
}


/* ===========================================================
   MOBIL FIX HEADER + Z-INDEX RENDEZÉS
   =========================================================== */
@media (max-width: 991px) {

    /* TOP HEADER fixen fent */
    .top-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        background: #e20177; /* eredeti háttérszín */
    }

    /* HEADER FIX alatta */
    .header-wrap {
        position: fixed;
        top: 40px;          /* a top-header magassága – állítható */
        left: 0;
        width: 100%;
        z-index: 9998;
        background: #fff;   /* általad kért háttér */
    }

    /* Tartalom tolása lejjebb, hogy ne csússzon a header alá */
    body {
        padding-top: 100px; /* top-header (40px) + header-wrap (~60px) */
    }
}

/* ===========================================================
   Z-INDEX RENDEZÉS — DROPDOWN, TOOLTIP, MOBIL NAV, SEARCH
   =========================================================== */

/* Weboldal overlay elemek (mobil menü, kereső) */
.mobile-nav-wrapper,
.search,
.notification-bar {
    z-index: 10001 !important;
}

/* Tooltip mindig a header fölött legyen */
.tooltip,
.tooltip.show {
    z-index: 10002 !important;
    opacity: 1 !important;
}

/* Dropdown menük szintén kerüljenek a header fölé */
.dropdown-menu {
    z-index: 10003 !important;
}

/* Ha bármelyik ikonra nyíló popover lenne */
.popover {
    z-index: 10004 !important;
}

/* Minicart overlay / modal biztonság kedvéért */
#minicart-drawer,
.modal {
    z-index: 10005 !important;
}



.btn-slider {
  border: 1px solid #484848; 
  background-color: #ffffff; 
  color: #000000;
  font-size:1.2em;
  text-transform: uppercase;
  display: inline-block; 
  padding: 10px 20px;
  text-decoration: none;  
  transition: background-color 0.3s ease, color 0.3s ease; 
}
.btn-slider:hover {
  background-color: #000000; 
  color: #ffffff; 
  text-decoration: none;
  border: 1px solid #ffffff; 
}


.text-overlay {
  color: white;
  background-color: rgba(0, 0, 0, 0.5); 
  padding: 3px 3px; 
  display: inline-block; 
  border-radius: 5px;
  color:#fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
}

.product-name{
	height:40px;
}



/* ===========================================================
   TERMÉKOLDAL - RENDEZETT, VÉGLEGES CSS
   Prefix: zk-
   =========================================================== */

.zk-product-page {
	padding-top: 20px;
	padding-bottom: 50px;
}

.zk-product-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
	gap: 40px;
	align-items: start;
}

.zk-product-gallery-col,
.zk-product-info-col {
	min-width: 0;
}


/* ===========================================================
   BAL OLDALI GALÉRIA - PROFI VERZIÓ
   Nagy kép felül, kis képek alatta, scroll nélkül
   =========================================================== */

.zk-gallery-pro {
	background: #ffffff;
	border: 1px solid #e8e9eb;
	padding: 34px;
	margin: 0;
	position: relative;
	display: block !important;
	width: 100%;
	overflow: visible !important;
}

.zk-gallery-pro-main {
	position: relative;
	width: 100%;
	background: #ffffff;
	display: block;
	overflow: hidden;
}

.zk-gallery-pro-zoomwrap,
.zk-gallery-pro .product-zoom-right {
	position: relative !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
}

/* FŐ TERMÉKKÉP - a cella automatikusan a képhez igazodik */
.zk-gallery-pro-imagebox {
	width: 100%;
	height: auto !important;
	min-height: 0 !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	padding: 44px 34px 34px;
	overflow: visible !important;
}

.zk-gallery-pro-imagebox img {
	display: block;
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: none !important;
	object-fit: contain !important;
	object-position: center center !important;
	margin: 0 auto !important;
}

/* Zoom plugin inline méretezések semlegesítése ezen a galérián */
.zk-gallery-pro .zoomWrapper {
	width: 100% !important;
	height: 100% !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.zk-gallery-pro .zoomWrapper img {
	position: static !important;
}


/* Badge-ek */

.zk-gallery-pro-badges {
	position: absolute;
	top: 24px;
	left: 24px;
	z-index: 10;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.zk-gallery-pro-badges .lbl {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-width: 0;
	line-height: 1;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .7px;
	text-transform: uppercase;
	padding: 9px 14px;
	border-radius: 0;
	box-shadow: 0 6px 18px rgba(0,0,0,.10);
}

.zk-gallery-pro-badges .pr-label1 {
	background: #83cc52;
	color: #ffffff;
}

.zk-gallery-pro-badges .on-sale {
	background: #ef2727;
	color: #ffffff;
}


/* Zoom gomb */

.zk-gallery-pro-zoom {
	position: absolute;
	right: 24px;
	bottom: 24px;
	z-index: 10;
}

.zk-gallery-pro-zoom .btn {
	width: 48px;
	height: 48px;
	padding: 0;
	background: #171717;
	color: #ffffff;
	border: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 7px 20px rgba(0,0,0,.18);
}

.zk-gallery-pro-zoom .btn:hover {
	background: #000000;
	color: #ffffff;
	opacity: 1;
}


/* Kis képek a nagy kép alatt */

.zk-gallery-pro-thumbs-wrap {
	width: 100% !important;
	margin: 24px 0 0 !important;
	padding: 22px 0 0 !important;
	border-top: 1px solid #eeeeee;
	display: block !important;
	float: none !important;
	clear: both;
}

.zk-gallery-pro-thumbs {
	width: 100% !important;
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(86px, 96px));
	justify-content: center;
	align-items: center;
	gap: 14px;
	overflow: visible !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Régi slick / slider / product-thumb formázások kiütése csak itt */
.zk-gallery-pro-thumbs .slick-list,
.zk-gallery-pro-thumbs .slick-track,
.zk-gallery-pro-thumbs .slick-slide {
	width: auto !important;
	height: auto !important;
	transform: none !important;
	float: none !important;
	display: block !important;
}

.zk-gallery-pro-thumb {
	width: 96px !important;
	height: 96px !important;
	background: #ffffff;
	border: 1px solid #e1e1e1;
	padding: 8px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	cursor: pointer;
	transition: all .22s ease-in-out;
	opacity: 1 !important;
	text-decoration: none !important;
}

.zk-gallery-pro-thumb:hover,
.zk-gallery-pro-thumb.active {
	border-color: #111111;
	box-shadow: 0 6px 18px rgba(0,0,0,.10);
	opacity: 1 !important;
	text-decoration: none !important;
}

.zk-gallery-pro-thumb img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
	object-position: center center !important;
	margin: 0 auto !important;
}


/* ===========================================================
   JOBB OLDALI TERMÉKINFÓ
   =========================================================== */

.zk-product-info-box {
	background: #ffffff;
	border: 1px solid #e8e9eb;
	padding: 42px;
	margin: 0;
	position: sticky;
	top: 25px;
	overflow: hidden;
}

.zk-product-title {
	font-size: 32px !important;
	line-height: 1.22 !important;
	font-weight: 700;
	margin-bottom: 32px !important;
	text-transform: none;
}

.zk-product-price {
	margin-bottom: 26px;
}

.zk-price-line {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 8px;
}

.zk-old-price {
	font-size: 18px;
	color: #555555;
}

.zk-sale-price {
	font-size: 31px !important;
	line-height: 1.1;
	font-weight: 700;
	color: #d30171 !important;
}

.zk-discount-line {
	display: block;
	font-size: 14px;
	line-height: 1.6;
	color: #444444;
	margin-bottom: 2px;
}

.zk-tax-line {
	font-size: 14px;
	line-height: 1.5;
	color: #555555;
	margin-top: 2px;
}

.zk-product-lead {
	margin: 28px 0 26px;
}

.zk-product-lead p {
	font-size: 15px;
	line-height: 1.6;
	color: #555555;
	margin: 0;
}

.zk-stock-line {
	margin: 0 0 28px;
}

.zk-stock-line .lblstockon,
.zk-stock-line .lblstockoff {
	display: inline-flex;
	align-items: center;
	width: auto;
	max-width: 100%;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 3px;
	text-transform: uppercase;
	padding: 9px 16px;
}


/* ===========================================================
   VÁSÁRLÁSI BLOKK
   =========================================================== */

.zk-buy-form {
	margin-top: 0 !important;
	padding-top: 26px;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 26px !important;
}

.zk-options-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 22px;
	align-items: end;
	margin-bottom: 26px;
}

.zk-option-item,
.zk-option-item .product-form__item {
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

.zk-option-label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: #555555;
	text-transform: uppercase;
	letter-spacing: .6px;
	margin: 0 0 9px !important;
	line-height: 1.3;
}

.zk-size-select,
.product-form .zk-size-select {
	width: 100% !important;
	height: 54px !important;
	border: 1px solid #e1e1e1 !important;
	background-color: #ffffff !important;
	color: #000000 !important;
	font-size: 16px !important;
	font-weight: 600;
	padding: 0 42px 0 17px !important;
}

.zk-color-box {
	min-height: 54px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.zk-color-value {
	min-height: 54px;
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 700;
	color: #333333;
	text-transform: uppercase;
	line-height: 1.35;
	padding: 0;
}


/* Mennyiség + kosár + kívánságlista */

.zk-product-action {
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

.zk-action-row {
	display: grid;
	grid-template-columns: 132px minmax(0, 1fr);
	gap: 16px;
	align-items: stretch;
	width: 100%;
	margin-bottom: 14px;
}

.zk-qty-wrap,
.zk-cart-wrap {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.zk-qty-wrap .wrapQtyBtn {
	width: 100%;
	height: 56px;
	margin: 0 !important;
	display: block;
}

.zk-qty-field,
.qtyField.zk-qty-field {
	width: 100% !important;
	height: 56px !important;
	display: grid !important;
	grid-template-columns: 38px 1fr 38px;
	border: 1px solid #e1e1e1;
	background: #ffffff;
	position: relative;
	max-width: none !important;
}

.zk-qty-field .qtyBtn,
.qtyField.zk-qty-field .qtyBtn {
	position: static !important;
	width: 38px !important;
	height: 54px !important;
	line-height: 54px !important;
	border: 0 !important;
	background: #ffffff !important;
	color: #000000 !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
	font-size: 13px;
}

.zk-qty-field .minus {
	order: 1;
	border-right: 1px solid #e1e1e1 !important;
}

.zk-qty-field .qty,
.qtyField.zk-qty-field .qty {
	order: 2;
	width: 100% !important;
	height: 54px !important;
	border: 0 !important;
	background: #ffffff !important;
	text-align: center;
	font-size: 17px !important;
	font-weight: 600;
	padding: 0 !important;
	margin: 0 !important;
}

.zk-qty-field .plus {
	order: 3;
	border-left: 1px solid #e1e1e1 !important;
}

.zk-cart-button,
a.cartIcon.zk-cart-button,
.product-action .zk-cart-button {
	width: 100% !important;
	height: 56px !important;
	min-height: 56px !important;
	background: #1f1f1f !important;
	color: #ffffff !important;
	border: 1px solid #1f1f1f !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-size: 14px !important;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none !important;
	padding: 0 22px !important;
	white-space: nowrap;
}

.zk-cart-button:hover,
a.cartIcon.zk-cart-button:hover {
	background: #000000 !important;
	color: #ffffff !important;
	border-color: #000000 !important;
	opacity: 1 !important;
	text-decoration: none !important;
}

.zk-wishlist-wrap,
.payment-button.zk-wishlist-wrap {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	flex: none !important;
}

.zk-wishlist-button,
.payment-button .zk-wishlist-button,
.payment-button__button.zk-wishlist-button {
	width: 100% !important;
	height: 50px !important;
	min-height: 50px !important;
	border: 1px solid #e1e1e1 !important;
	background: #ffffff !important;
	color: #333333 !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 14px !important;
	font-weight: 600;
	text-transform: none !important;
	text-decoration: none !important;
	letter-spacing: 0 !important;
	padding: 0 18px !important;
	white-space: nowrap;
	overflow: visible !important;
}

.zk-wishlist-button:hover {
	background: #f7f7f7 !important;
	color: #000000 !important;
	text-decoration: none !important;
	opacity: 1 !important;
}

.zk-cart-button .icon,
.zk-wishlist-button .icon {
	font-size: 17px;
	line-height: 1;
}


/* ===========================================================
   TABOK ÉS KAPCSOLÓDÓ TERMÉKEK
   =========================================================== */

.zk-product-tabs {
	margin-top: 46px !important;
}

.zk-related-products {
	margin-top: 46px;
}


/* ===========================================================
   TABLET
   =========================================================== */

@media only screen and (max-width: 1199px) {
	.zk-product-layout {
		grid-template-columns: minmax(0, 1fr) minmax(340px, .86fr);
		gap: 30px;
	}

	.zk-product-info-box {
		padding: 32px;
	}

	.zk-product-title {
		font-size: 28px !important;
	}

	.zk-gallery-pro {
		padding: 26px;
	}

	.zk-gallery-pro-imagebox {
		height: auto !important;
		min-height: 0 !important;
		padding: 38px 26px 30px;
	}

	.zk-gallery-pro-thumbs {
		grid-template-columns: repeat(auto-fit, minmax(78px, 88px));
		gap: 12px;
	}

	.zk-gallery-pro-thumb {
		width: 88px !important;
		height: 88px !important;
	}
}


/* ===========================================================
   MOBIL / TABLET
   =========================================================== */

@media only screen and (max-width: 991px) {
	.zk-product-page {
		padding-top: 12px;
		padding-bottom: 35px;
	}

	.zk-product-layout {
		display: block;
	}

	.zk-product-gallery-col,
	.zk-product-info-col {
		width: 100%;
	}

	.zk-product-info-box {
		position: static;
		padding: 24px;
	}

	.zk-product-title {
		font-size: 24px !important;
		line-height: 1.25 !important;
		margin-bottom: 22px !important;
	}

	.zk-gallery-pro {
		padding: 18px;
		margin-bottom: 22px;
	}

	.zk-gallery-pro-imagebox {
		height: auto !important;
		min-height: 0 !important;
		padding: 34px 18px 26px;
	}

	.zk-gallery-pro-badges {
		top: 14px;
		left: 14px;
		gap: 7px;
	}

	.zk-gallery-pro-badges .lbl {
		font-size: 11px;
		padding: 7px 10px;
	}

	.zk-gallery-pro-zoom {
		right: 14px;
		bottom: 14px;
	}

	.zk-gallery-pro-thumbs-wrap {
		margin-top: 18px !important;
		padding-top: 16px !important;
	}

	.zk-gallery-pro-thumbs {
		grid-template-columns: repeat(auto-fit, minmax(72px, 82px));
		gap: 12px;
	}

	.zk-gallery-pro-thumb {
		width: 82px !important;
		height: 82px !important;
	}
}


/* ===========================================================
   KIS MOBIL
   =========================================================== */

@media only screen and (max-width: 575px) {
	.zk-gallery-pro,
	.zk-product-info-box {
		padding: 16px;
	}

	.zk-gallery-pro-imagebox {
		height: auto !important;
		min-height: 0 !important;
		padding: 30px 12px 22px;
	}

	.zk-gallery-pro-badges {
		top: 10px;
		left: 10px;
		gap: 6px;
	}

	.zk-gallery-pro-badges .lbl {
		font-size: 10px;
		padding: 6px 9px;
		letter-spacing: .5px;
	}

	.zk-gallery-pro-zoom {
		right: 10px;
		bottom: 10px;
	}

	.zk-gallery-pro-zoom .btn {
		width: 40px;
		height: 40px;
	}

	.zk-gallery-pro-thumbs {
		grid-template-columns: repeat(auto-fit, minmax(62px, 68px));
		gap: 10px;
	}

	.zk-gallery-pro-thumb {
		width: 68px !important;
		height: 68px !important;
		padding: 6px;
	}

	.zk-product-title {
		font-size: 22px !important;
	}

	.zk-sale-price {
		font-size: 26px !important;
	}

	.zk-price-line {
		gap: 8px;
	}

	.zk-options-grid {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.zk-color-value {
		min-height: auto;
		padding-top: 2px;
	}

	.zk-action-row {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.zk-qty-wrap .wrapQtyBtn {
		max-width: 150px;
	}

	.zk-cart-button,
	a.cartIcon.zk-cart-button {
		width: 100% !important;
	}

	.zk-stock-line .lblstockon,
	.zk-stock-line .lblstockoff {
		width: 100%;
		justify-content: center;
		text-align: center;
		font-size: 13px;
		letter-spacing: 2px;
	}
}


/* ===========================================================
   BAL OLDALI TERMÉKGALÉRIA - VÉGLEGES ERŐS JAVÍTÁS
   Nagy, cellát kitöltő termékkép + rendezett thumbnail sor
   =========================================================== */

.zk-product-layout {
	grid-template-columns: minmax(0, 1.18fr) minmax(360px, 0.82fr);
	gap: 42px;
	align-items: start;
}

/* Külső galéria doboz */
.zk-gallery-pro {
	background: #ffffff;
	border: 1px solid #e8e9eb;
	padding: 28px;
	margin: 0;
	position: relative;
	width: 100%;
	overflow: visible !important;
}

/* Főkép tartó */
.zk-gallery-pro-main {
	position: relative;
	width: 100%;
	background: #f5f5f6;
	overflow: hidden;
}

/* Zoom wrapper ne szóljon bele */
.zk-gallery-pro-zoomwrap,
.zk-gallery-pro .product-zoom-right,
.zk-gallery-pro .zoomWrapper {
	width: 100% !important;
	height: auto !important;
	position: relative !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	display: block !important;
}

/* A fő képcella most tényleg nagy */
.zk-gallery-pro-imagebox {
	width: 100%;
	aspect-ratio: 1 / 1;
	height: auto !important;
	min-height: 0 !important;
	background: #f5f5f6;
	padding: 0 !important;
	display: block !important;
	overflow: hidden !important;
	position: relative;
}

/* A kép töltse ki a cellát */
.zk-gallery-pro-imagebox img,
.zk-gallery-pro .zoomWrapper img {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	object-fit: cover !important;
	object-position: center center !important;
	display: block !important;
	position: static !important;
	margin: 0 !important;
}

/* Badge-ek finoman a képen */
.zk-gallery-pro-badges {
	position: absolute;
	top: 22px;
	left: 22px;
	z-index: 15;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.zk-gallery-pro-badges .lbl {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	line-height: 1;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .7px;
	text-transform: uppercase;
	padding: 9px 14px;
	box-shadow: 0 8px 22px rgba(0,0,0,.12);
}

.zk-gallery-pro-badges .pr-label1 {
	background: #83cc52;
	color: #ffffff;
}

.zk-gallery-pro-badges .on-sale {
	background: #ef2727;
	color: #ffffff;
}

/* Zoom gomb */
.zk-gallery-pro-zoom {
	position: absolute;
	right: 22px;
	bottom: 22px;
	z-index: 15;
}

.zk-gallery-pro-zoom .btn {
	width: 48px;
	height: 48px;
	padding: 0;
	background: #171717;
	color: #ffffff;
	border: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 8px 24px rgba(0,0,0,.20);
}

.zk-gallery-pro-zoom .btn:hover {
	background: #000000;
	color: #ffffff;
	opacity: 1;
}

/* Thumbnail sor */
.zk-gallery-pro-thumbs-wrap {
	width: 100% !important;
	margin: 24px 0 0 !important;
	padding: 22px 0 0 !important;
	border-top: 1px solid #eeeeee;
	display: block !important;
	clear: both;
}

.zk-gallery-pro-thumbs {
	width: 100% !important;
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(92px, 104px));
	justify-content: center;
	align-items: center;
	gap: 14px;
	overflow: visible !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Régi slider beleszólások kiütése */
.zk-gallery-pro-thumbs .slick-list,
.zk-gallery-pro-thumbs .slick-track,
.zk-gallery-pro-thumbs .slick-slide {
	width: auto !important;
	height: auto !important;
	transform: none !important;
	float: none !important;
	display: block !important;
}

/* Thumbnail kép */
.zk-gallery-pro-thumb {
	width: 104px !important;
	height: 104px !important;
	background: #ffffff;
	border: 1px solid #e1e1e1;
	padding: 7px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	cursor: pointer;
	transition: all .22s ease-in-out;
	opacity: 1 !important;
	text-decoration: none !important;
}

.zk-gallery-pro-thumb:hover,
.zk-gallery-pro-thumb.active {
	border-color: #111111;
	box-shadow: 0 6px 18px rgba(0,0,0,.10);
}

.zk-gallery-pro-thumb img {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	object-fit: cover !important;
	object-position: center center !important;
	display: block !important;
	margin: 0 !important;
}

/* TABLET */
@media only screen and (max-width: 1199px) {
	.zk-product-layout {
		grid-template-columns: minmax(0, 1fr) minmax(340px, .86fr);
		gap: 30px;
	}

	.zk-gallery-pro {
		padding: 24px;
	}

	.zk-gallery-pro-thumbs {
		grid-template-columns: repeat(auto-fit, minmax(82px, 94px));
	}

	.zk-gallery-pro-thumb {
		width: 94px !important;
		height: 94px !important;
	}
}

/* MOBIL / TABLET */
@media only screen and (max-width: 991px) {
	.zk-product-layout {
		display: block;
	}

	.zk-gallery-pro {
		padding: 18px;
		margin-bottom: 22px;
	}

	.zk-gallery-pro-imagebox {
		aspect-ratio: 1 / 1;
	}

	.zk-gallery-pro-badges {
		top: 14px;
		left: 14px;
		gap: 7px;
	}

	.zk-gallery-pro-badges .lbl {
		font-size: 11px;
		padding: 7px 10px;
	}

	.zk-gallery-pro-zoom {
		right: 14px;
		bottom: 14px;
	}

	.zk-gallery-pro-thumbs-wrap {
		margin-top: 18px !important;
		padding-top: 16px !important;
	}

	.zk-gallery-pro-thumbs {
		grid-template-columns: repeat(auto-fit, minmax(74px, 84px));
		gap: 12px;
	}

	.zk-gallery-pro-thumb {
		width: 84px !important;
		height: 84px !important;
	}
}

/* KIS MOBIL */
@media only screen and (max-width: 575px) {
	.zk-gallery-pro {
		padding: 14px;
	}

	.zk-gallery-pro-imagebox {
		aspect-ratio: 1 / 1;
	}

	.zk-gallery-pro-badges {
		top: 10px;
		left: 10px;
		gap: 6px;
	}

	.zk-gallery-pro-badges .lbl {
		font-size: 10px;
		padding: 6px 9px;
		letter-spacing: .5px;
	}

	.zk-gallery-pro-zoom {
		right: 10px;
		bottom: 10px;
	}

	.zk-gallery-pro-zoom .btn {
		width: 40px;
		height: 40px;
	}

	.zk-gallery-pro-thumbs {
		grid-template-columns: repeat(auto-fit, minmax(62px, 70px));
		gap: 10px;
	}

	.zk-gallery-pro-thumb {
		width: 70px !important;
		height: 70px !important;
		padding: 5px;
	}
}


/* ===========================================================
   TERMÉKOLDAL - ÁR / MEGTAKARÍTÁS BLOKK TÁVOLSÁG JAVÍTÁS
   =========================================================== */

.zk-product-price {
	margin-bottom: 34px !important;
}

.zk-price-line {
	margin-bottom: 10px !important;
}

.zk-discount-line {
	display: block;
	margin-top: 4px !important;
	margin-bottom: 8px !important;
	line-height: 1.6 !important;
}

.zk-tax-line {
	display: block;
	margin-top: 4px !important;
	line-height: 1.6 !important;
}

.zk-product-lead {
	margin-top: 34px !important;
}


/* ===========================================================
   TERMÉKOLDAL - MEGTAKARÍTÁS SOR RENDEZÉSE
   =========================================================== */

.zk-discount-line {
	display: flex !important;
	align-items: baseline;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 4px;
	text-align: left !important;
	margin-top: 10px !important;
	margin-bottom: 12px !important;
	line-height: 1.45 !important;
}

.zk-save-label {
	font-weight: 600;
	color: #333333;
}

.zk-save-value {
	display: inline-flex;
	align-items: baseline;
	white-space: nowrap;
}

.zk-save-percent {
	color: #d30171;
	margin-left: 4px;
}


.discount-badge {
    margin: -2px 0 0 0px;
}
/* ==========================================================================
   PhotoSwipe Gombok és Nyilak Végleges Korrekciója
   ========================================================================= */

/* 1. Útvonal és méret kényszerítése az összes ikonra */
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before,
.pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
	background-image: url(/assets/img/default-skin.png) !important;
	background-size: 264px 88px !important;
	opacity: 0.85 !important;
}

/* 2. Felső funkciógombok - visszatolva a gyári magasságra (-44px) */
.pswp__button--close { background-position: 0 -44px !important; }
.pswp__button--share { background-position: -44px -44px !important; }
.pswp--fs .pswp__button--fs { background-position: -44px 0 !important; }
.pswp__button--zoom { background-position: -88px 0 !important; }
.pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0 !important; }

/* 3. Nyilak háttere - ami az előbb már tökéletesen működött */
.pswp__button--arrow--left:before { background-position: -138px -44px !important; }
.pswp__button--arrow--right:before { background-position: -94px -44px !important; }

/* 4. A bevált invertálás, ami az előbb életre keltette a nyilakat */
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
	filter: invert(1) !important;
}


@media only screen and (max-width: 1024px) {
    .right-action > .item {
         margin-left: 0px; 
         margin-right: 20px; 		 
    }
}

.typeahead.dropdown-menu {
    max-width: 100% !important; /* Nem lehet szélesebb, mint a szülő konténer/input */
    width: 100%;               /* Felveszi az input szélességét */
    box-sizing: border-box;
    overflow-x: hidden;         /* Megakadályozza a vízszintes görgetősávot */
}

/* A listaelemekben lévő linkek és szövegek kezelése */
.typeahead.dropdown-menu > li > a {
    display: block;
    width: 100%;
    overflow: hidden;          /* Elrejti a túlnyúló szöveget */
    text-overflow: ellipsis;   /* Három pontot (...) tesz a végére */
    white-space: nowrap;       /* Megakadályozza, hogy új sorba törjön a szöveg */
    box-sizing: border-box;
}