:root{
	--c-black:#211919;
	--c-white:#fff;
	--c-blue:#406CC5;
	--c-blue-strong:#21345A;
	--c-lightblue:#4CB1FF;
	--c-red:#FF4C78;
	--c-dark:#21345A;
	--c-darkgrey:#424242;
	--c-gray-500:#A59F9F;
	--c-gray-200:#EBECED;
	--c-solidblue:#ECF0F8;
	--c-bg-light:#F5F7FA;
	--c-dark-green:#14332a;

	--c-text:#111; --c-muted:#7a7a7a; --c-border:#e7e7e7;
	--c-pink:#ff42c6; --c-pink-hover:#ff62cf;
	--c-green:#20604E; --c-light:#fafafa; --c-line:#d9d9df;

	--container-max-xl:1824px;

	--radius-0:0;
	--radius-4:4px;
	--shadow-1:0 8px 24px rgba(33,52,90,.12);
	--shadow-2:0 16px 40px rgba(33,52,90,.18);

	--font-ui:'Work Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
	--font-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono','Courier New',monospace;
}

/* 2) Global resets / base */
html{box-sizing:border-box}

*,*:before,*:after{box-sizing:inherit}

html,body{height:100%}

body{
	margin:0;color:#212529;background:#fff;
	font-family:var(--font-ui);font-size:16px;line-height:1.5;
	-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}

img{max-width:100%;height:auto;display:block}

a{color:var(--c-blue);text-decoration:none}

a:hover{color:#2f56aa;text-decoration:none}

:focus{outline:2px solid rgba(64,108,197,.35);outline-offset:2px}

.text-uppercase { letter-spacing:.02em }

/* 3) Container 1824px a legnagyobb nézetben */
@media(min-width:1700px){ .container{max-width:var(--container-max-xl)} }

/* 4) Typography scale (Figma: size/line-height) */
h6{font-size:20px;line-height:1.30;margin-bottom:.5rem}
h5{font-size:28px;line-height:1.25;margin-bottom:.6rem}
h4{font-size:32px;line-height:1.30;margin-bottom:.7rem}
h3{font-size:40px;line-height:1.20;margin-bottom:.8rem}
h2{font-size:48px;line-height:1.20;margin-bottom:1rem}
h1{font-size:72px;line-height:1.05;margin-bottom:1rem}

@media(max-width:1199px) {
	h6{font-size:18px;line-height:1.30;margin-bottom:.5rem}
	h5{font-size:26px;line-height:1.25;margin-bottom:.6rem}
	h4{font-size:30px;line-height:1.30;margin-bottom:.7rem}
	h3{font-size:38px;line-height:1.20;margin-bottom:.8rem}
	h2{font-size:46px;line-height:1.20;margin-bottom:1rem}
	h1{font-size:70px;line-height:1.05;margin-bottom:1rem}
}

@media(max-width:992px) {
	h6{font-size:16px;line-height:1.30;margin-bottom:.5rem}
	h5{font-size:24px;line-height:1.25;margin-bottom:.6rem}
	h4{font-size:28px;line-height:1.30;margin-bottom:.7rem}
	h3{font-size:36px;line-height:1.20;margin-bottom:.8rem}
	h2{font-size:42px;line-height:1.20;margin-bottom:1rem}
	h1{font-size:50px;line-height:1.05;margin-bottom:1rem}
}

@media(max-width:767px) {
	h6{font-size:16px;line-height:1.30;margin-bottom:.5rem}
	h5{font-size:23px;line-height:1.25;margin-bottom:.6rem}
	h4{font-size:26px;line-height:1.30;margin-bottom:.7rem}
	h3{font-size:34px;line-height:1.20;margin-bottom:.8rem}
	h2{font-size:38px;line-height:1.20;margin-bottom:1rem}
	h1{font-size:40px;line-height:1.05;margin-bottom:1rem}
}

.font-mono{font-family:var(--font-mono)}
.small,small{font-size:.875rem}

/* 5) Buttons – bootstrap override + extra variánsok */
.btn{
	border-radius:var(--radius-0);
	text-transform:uppercase;
	font-size:14px; font-weight:600;
	letter-spacing:.02em;
}
.btn:focus{box-shadow:none}
.btn-sm{padding:.3rem .7rem;font-size:12px}
.btn-lg{padding:.8rem 1.4rem;font-size:15px}

.btn-primary,
.btn-theme{background:#FF4EFA;border-color:#FF4EFA;color:#fff}
.btn-primary:hover,.btn-theme:hover{background:#d82cd3;border-color:#d82cd3;filter:brightness(.95)}
.btn-secondary,
.btn-theme2{background:var(--c-darkgrey);border-color:var(--c-darkgrey);color:#fff}
.btn-info,
.btn-theme3{background:var(--c-lightblue);border-color:var(--c-lightblue);color:#fff}
.btn-outline-primary{background:transparent;border-color:var(--c-blue);color:var(--c-blue)}
.btn-outline-primary:hover{background:var(--c-blue);color:#fff}
.btn-light{background:#fff;border-color:#fff;color:#E51E25}
.btn-link{color:#E51E25;text-transform:none;border:0;padding:0}

.btn-success{background:#296C3A;border-color:#296C3A}
.btn-danger{background:#c62828;border-color:#c62828}
.btn-warning{background:#f59e0b;border-color:#f59e0b;color:#1b1b1b}
.btn-dark{background:#111827;border-color:#111827}

.btn-filter{
	background:var(--c-gray-200);color:#4A4A49;border-radius:16px;
	font-weight:400;text-transform:none;font-size:15px;border:0;
}

.overflow-ellipsis {
	overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
}

/* 6) Forms */
.form-control{
	border-radius:var(--radius-0);
	border-color:#DDE1E6;
}
.form-control:focus{
	border-color:var(--c-blue);box-shadow:0 0 0 2px rgba(64,108,197,.15);
}
.input-group>.input-group-append>.btn{border-radius:0}

/* 7) Header / utility links */
.header-utility a{font-size:16px;font-weight:700;color:#212529}
.header-utility a:hover{color:var(--c-blue)}

/* 8) Navbar + Megamenü */
.navbar{padding-left:0;padding-right:0}
.navbar .nav-link{font-size:18px;font-weight:600;color:#212529}
.navbar .nav-link:hover{color:var(--c-blue)}
.navbar-light .navbar-toggler{border:0}
.navbar-light .navbar-toggler:focus{outline:none}

.nav-item.mega{position:static}
.nav-item.mega .dropdown-menu{
	left:0;right:0;top:100%;
	border:0;border-radius:0;margin:0;padding:0;
	box-shadow:var(--shadow-2);
}
/*.nav-item.mega .dropdown-menu .container{padding-top:1.5rem;padding-bottom:1.5rem}*/
.nav-item.mega h6{letter-spacing:.03em}
.nav-item.mega ul li+li{margin-top:.35rem}
.nav-item.mega a{color:#212529}
.nav-item.mega a:hover{color:var(--c-blue)}
/* 1:1 kategóriacsempe */
.mega-tile{display:block;text-align:left;text-transform:uppercase;font-weight:600}
.mega-tile .square{
	width:100%;padding-top:100%;
	background:#f3f5f7 center/cover no-repeat;border-radius:var(--radius-4);
	box-shadow:inset 0 0 0 1px #eceff3;
}
.mega-tile .label{padding:.5rem 0}

/* 9) Hero (slick nélkül is szépen áll) */
.hero-slide{
	min-height:420px;
	display:flex;align-items:center;justify-content:flex-start;
	background:#eee center/cover no-repeat;border-radius:var(--radius-4);
	position: relative;
}
.hero-slide::after {
	background: rgba(0,0,0,0.1);
	content: "";
	position: absolute;
	top: 0; bottom: 0;
	left: 0; right: 0;
	z-index: 1;
}
@media(min-width:1199px) {
	.hero-slide {
		min-height: 800px;
	}
}
.hero-caption{
	/*background:#fff;*/padding:2.25rem 3.5rem;border-radius:var(--radius-4);
	/*box-shadow:var(--shadow-1);*/
	color: #fff;
	position: absolute;
	bottom: 100px;
	z-index: 2;
}
.hero-dots {
	position: absolute;
	bottom: 80px; left: 70px;
	z-index: 3;
}
/* “Aktuális” gombok mint dots */
.hero-dots .btn{font-weight:600;margin-right:.3rem;background: rgba(255,255,255,0.2);border:1px solid #fff; color:#fff;}
.hero-dots .btn.active{background:#fff;border-color:#fff;color:var(--c-dark-green)}

@media(max-width:992px) {
	.hero-dots {
		position: absolute;
		bottom: 30px; left: 70px;
	}
	.btn-filter { font-size: 12px; padding-left: 8px; padding-right: 8px; }
}

.hero-dots .btn.active span { color: #FF4EFA; }

/* 10) Tabs */
.nav-tabs.nav-tabs-theme{border:none;}
.nav-tabs.nav-tabs-theme .nav-link{
	letter-spacing: 2px;
	border-radius: 0;
	border:0;border-bottom:3px solid transparent;
	font-size: 24px;
	line-height: 150%;
	background: #F3F4F7;
	margin-right: 5px;
	color:#20604E;text-transform:uppercase;font-weight:600;
}
.nav-tabs.nav-tabs-theme .nav-link.active{
	color:#fff;background: #20604E;
}

@media(max-width:1399px) {
	.nav-tabs.nav-tabs-theme .nav-link{ font-size: 18px; }
}

@media(max-width:1199px) {
	.nav-tabs.nav-tabs-theme .nav-link{ font-size: 16px; }
}

/* 11) Product card + grid spacings (slick kompatibilis) */
.card.product{border:none;padding: 0 20px;background:#fff;height:100%;position:relative;}
.card.product .product-hash-tags { position:absolute; top:0;padding: 1px 5px; left: 20px;font-size:16px;font-weight:300;line-height:120%;letter-spacing:2px; background:rgba(86,106,121,0.05);}
.card.product .ratio{border-bottom:1px solid #EEF1F6;margin-top: 22px;position: relative;}
.card.product .ratio .ratio-btn-group { position:absolute; bottom: 0; left: 0; z-index:1; }
.card.product .ratio .btn-primary { font-size:14px; font-family:var(--font-mono); font-weight: 600; }
.card.product .ratio .ratio-qty { position:absolute; bottom: 0; right: 0; z-index:1; font-size: 14px; font-family: var(--font-mono); color: #282828; padding: 3px}
.card.product .card-body{padding:0rem;margin-top:10px;-ms-flex: unset; flex: unset;}
.card.product .title{font-size:18px;text-transform:uppercase;font-weight:600;letter-spacing:1px;line-height:130%;color:#000}
.card.product .price{font-weight:800;font-size:20px;color:#000;background:#F3F4F7;display:inline-block;padding: 1px 6px}

.card.product .product-thumbs { display:flex; margin-top:20px; padding-bottom:10px }
.card.product .product-thumbs img { width: 32px; height: 32px; margin-right: 8px; border-radius:50% }
.card.product .product-thumbs:not(:has(.active)) > a:first-of-type img, .card.product .product-thumbs > a.active img { border: 1px solid #000; }

.ico-info {
	width:16px;height:16px;background:no-repeat center/contain;display:inline-block; color: #fff;
	vertical-align: -4px;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><circle cx='12' cy='12' r='9' stroke='%23fff' stroke-width='2'/><line x1='12' y1='6.75' x2='12' y2='13' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'/><circle cx='12' cy='16.75' r='1.6' fill='%23fff'/></svg>");
}

/* 12) Slick overrides (nyilak, margók) */
.slick-list{margin:0 -12px}
.products-slick .product{margin:0 12px}
.slick-arrow{
	width:38px;height:38px;border:1px solid var(--c-gray-500);border-radius:50%;
	position:absolute;top:-56px;right:0;background:#fff;cursor:pointer;
}
.slick-prev{right:48px}
.slick-prev:focus,.slick-next:focus{outline:none}
.slick-prev::after,.slick-next::after{
	content:"";display:block;width:14px;height:14px;margin:auto;
	transform:translateY(10px) rotate(45deg);
	border-top:2px solid #424242;border-right:2px solid #424242;
}
.slick-prev::after{transform:translateY(10px) rotate(-135deg)}

/* 13) Discount strip */
.discount-strip{
	background:#fff;border-top:1px solid #E5E7EB;border-bottom:1px solid #E5E7EB;
}
.triangle-left{
	width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;
	border-right:28px solid #000;
}

/* 14) Feature (zöld) szakaszok */
.section-green{background:#1f6b4e;color:#fff}
.section-green .card{border:0;border-radius:var(--radius-4);box-shadow:var(--shadow-1)}
.section-green .card-img-top{border-top-left-radius:var(--radius-4);border-top-right-radius:var(--radius-4)}

.slick-track
{
		display: flex !important;
}

.slick-slide
{
		height: inherit !important;
}

.slick-slide > div {
	height: 100%;
}

/* 15) Footer */
footer{background:#0f172a;color:#e5e7eb}
footer a{color:#fff}
footer .brandline{letter-spacing:.25em}

/* 16) Utility helpers (position nélkül, rugalmas elrendezéshez) */
.ratio{position:relative;display:flex;justify-content: center;align-items: center; -ms-flex: 1 1 auto; flex: 1 1 auto;background:rgba(86,106,121,0.05)}
.ratio img/*,.ratio>*:first-child*/{max-width:100%;max-height:100%;object-fit:cover}
.rounded-4{border-radius:var(--radius-4)}
.shadow-1{box-shadow:var(--shadow-1)}
.shadow-2{box-shadow:var(--shadow-2)}
.bg-solidblue{background:var(--c-solidblue)}
.text-darkgrey{color:var(--c-darkgrey)}
.text-blue{color:var(--c-blue)}
.bg-blue{background:var(--c-blue)}
.bg-lightblue{background:var(--c-lightblue)}
.bg-light{background:var(--c-bg-light)}
.badge-dot{display:inline-block;width:8px;height:8px;border-radius:50%}
.upper{ text-transform:uppercase }

/* 17) Icon primitives (CSS-be ágyazott SVG) */
.icon-18{display:inline-block;width:18px;height:18px;background-repeat:no-repeat;background-position:center;background-size:contain}
.icon-search{background-image:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 24 24%22 stroke=%22%23ffffff%22 stroke-width=%222%22><circle cx=%2211%22 cy=%2211%22 r=%228%22/><path d=%22M21 21l-4.3-4.3%22/></svg>')}
.icon-arrow-r{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23424242' stroke-width='2'%3E%3Cpath d='M5 12h14M13 5l7 7-7 7'/%3E%3C/svg%3E")}

/* 18) Responsive finomhangolás */
@media(max-width:1199.98px){
	/*.nav-item.mega .dropdown-menu .container{padding-top:1rem;padding-bottom:1rem}*/
}
@media(max-width:991.98px){
	.navbar .nav-link{padding-top:.75rem;padding-bottom:.75rem}
	.slick-arrow{top:-48px}
	.hero-slide{min-height:360px}
}
@media(max-width:575.98px){
	.hero-slide{min-height:280px}
	.nav-tabs .nav-link{font-size:.85rem}
}

/* === Social icons (4 db) === */
.social-list{display:flex;align-items:center}
.social-list a{
	width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;
	border-radius:50%; background:#ffffff10; transition:background .2s ease, transform .15s ease;
	margin-right:8px;
}
.social-list a:last-child{margin-right:0}
.social-list a:hover{background:#ffffff22; transform:translateY(-1px)}

.icon-20{width:20px;height:20px;display:inline-block;background:no-repeat center/contain}

/* Facebook */
.icon-fb{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M22 12a10 10 0 1 0-11.6 9.9v-7h-2.6V12h2.6V9.8c0-2.6 1.5-4 3.8-4 1.1 0 2.2.2 2.2.2v2.4h-1.2c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.45 2.9h-2.35v7A10 10 0 0 0 22 12z'/%3E%3C/svg%3E")}
/* Instagram */
.icon-ig{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Cpath d='M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.5' fill='%23ffffff' stroke='none'/%3E%3C/svg%3E")}
/* LinkedIn */
.icon-li{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M4.98 3.5C4.98 4.88 3.86 6 2.5 6S0 4.88 0 3.5 1.12 1 2.5 1 4.98 2.12 4.98 3.5zM0 8h5v16H0zM8 8h4.8v2.2h.07c.67-1.27 2.3-2.6 4.73-2.6 5.06 0 6 3.33 6 7.66V24h-5V16.6c0-1.77-.03-4.05-2.47-4.05-2.47 0-2.85 1.93-2.85 3.93V24H8z'/%3E%3C/svg%3E")}
/* YouTube */
.icon-yt{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M23.5 6.2a3 3 0 0 0-2.1-2.1C19.3 3.5 12 3.5 12 3.5s-7.3 0-9.4.6A3 3 0 0 0 .5 6.2 31.4 31.4 0 0 0 0 12a31.4 31.4 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c2.1.6 9.4.6 9.4.6s7.3 0 9.4-.6a3 3 0 0 0 2.1-2.1A31.4 31.4 0 0 0 24 12a31.4 31.4 0 0 0-.5-5.8zM9.75 15.5V8.5l6.25 3.5-6.25 3.5z'/%3E%3C/svg%3E")}


/* ======= HEADER (hero felett) ======= */
.header-wrap{border-bottom:1px solid #FF4EFA} /* finom rózsás vonal a képen */
.header-top{padding:.75rem 0}
.header-brand img{height:34px;width:146px;max-width: unset}

.header-search{
	position:relative; max-width:520px; width:100%;
}
.header-search .form-control{
	height:40px; border:none; border-radius:999px; padding-left:42px; background:#F3F4F7;
}
.header-search .form-control::placeholder{color:#9aa0a6}
.header-search .ico{
	position:absolute; left:12px; top:50%; transform:translateY(-50%);
	width:18px; height:18px; background:no-repeat center/contain;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23444444' stroke-width='2' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E");
	opacity:.9;
}

/* util links jobbra és bal felső text-links */
.header-utils a{
	font-size:16px; font-weight:700; color:#666666; margin-right:18px;
}
.header-utils a:last-child{margin-right:0}
.header-utils a:hover{color:#3A3AAA}

/* auth gombok (jobb felső) */
.btn-pill{
	height:36px; line-height:36px; padding:0 14px; border-radius:999px;
	font-size:13px; font-weight:700; letter-spacing:.02em; text-transform:none;
}
.btn-reg{background:#ffffff;border:1px solid #ffe7fe;color:#3A3AAA}
.btn-reg:hover{background:#fafaff}
.btn-cart{background:#ffe7fe;border:1px solid #ffe7fe;color:#3A3AAA}
.btn-cart:hover{background:#fafaff}
.btn-login{background:#3A3AAA;border:1px solid #3A3AAA;color:#fff}
.btn-login:hover{background:#5d5dd5;filter:brightness(.98)}
.btn-login2{background:#3A3AAA;border:1px solid #3A3AAA;color:#fff}
.btn-login2:hover{background:#5d5dd5;filter:brightness(.98)}
.btn-login .ico-user{
	width:16px;height:16px;margin-right:8px;background:no-repeat center/contain;display:inline-block;
	vertical-align: -3px;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23FF4EFA' stroke-width='2' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M5.5 21a6.5 6.5 0 0 1 13 0'/%3E%3C/svg%3E");
}

/* CART / BAG ikon */
.btn-cart .ico-cart {
	width:16px;height:16px;background:no-repeat center/contain;display:inline-block;
	vertical-align: -3px;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9h12l-1 11H7L6 9z'/><path d='M9 9V7a3 3 0 0 1 6 0v2'/></svg>");
}

/* USER ikon */
.btn-login2 .ico-user2 {
	width:16px;height:16px;background:no-repeat center/contain;display:inline-block;
	vertical-align: -3px;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='8' r='4'/><path d='M5.5 21a6.5 6.5 0 0 1 13 0'/></svg>");
}

@media(max-width:767px) {
	.header-brand img{height:auto;width:90px;max-width: unset}
}

/* főmenü sáv */
.header-nav{/*border-top:1px solid #f4e1f2*/}
.header-nav .navbar{padding:0}
.header-nav .navbar .nav-link{
	padding:.9rem 1rem; font-size:18px; font-weight:600; color:#505050;
}
.header-nav .navbar .nav-link:hover{color:#3A3AAA}
.header-nav .navbar .nav-link:focus{outline: none;color:#3A3AAA}
.header-nav .navbar .nav-item .caret{
	display:inline-block;width:20px;height:20px;margin-left:6px;vertical-align:middle;
	background:no-repeat center/contain;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23505050' stroke-width='2' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	opacity:.8;
}

@media(min-width: 992px) and (max-width:1399px) {
	.header-nav .navbar .nav-link{ font-size: 16px; }
	.header-utils a{ font-size:12px; }
}

.header-top .navbar-toggler-icon {
	vertical-align: -5px;
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* megamenü — teljes szélesség, containeren belüli rács (csak váz) */
.nav-item.mega{position:static}
.nav-item.mega .dropdown-menu{
	left:0; right:0; top:100%; border:0; border-radius:0; padding:0; margin:0; box-shadow:0 12px 30px rgba(0,0,0,.08);
}
/*.nav-item.mega .dropdown-menu .container{padding:24px 0}*/

.header-nav .navbar-nav .dropdown-toggle::after { display:none; }

/* mobil toggler */
.navbar-light .navbar-toggler{border:0; padding:.8rem}
.navbar-light .navbar-toggler-icon{
	width:24px;height:18px;background:
		linear-gradient(#374151,#374151) 0 0/100% 2px no-repeat,
		linear-gradient(#374151,#374151) 0 8px/100% 2px no-repeat,
		linear-gradient(#374151,#374151) 0 16px/100% 2px no-repeat;
}

/* link kiemelések jobbra (Leárazás, Ajánlat) */
.navbar .nav-link.link-sale{color:#d946ef;font-weight:400;}
.navbar .nav-link.link-offer{color:#7c3aed;font-weight:400;}

/* reszponzív finomhangolás */
@media (max-width:991.98px){
	.header-search{max-width:none;margin-top:.75rem}
	.header-utils{display:none}
}


/* === Újdonságok kiemelés + Kategória kártya === */
.section-highlight .banner{
	border-radius:4px; overflow:hidden; position:relative;
}
.section-highlight .banner .headline{
	position:absolute; left:24px; bottom:24px; right:24px;
	color:#fff;
}
.btn-pill-white{
	background:#fff; border:1px solid #e8e8ee; color:#2e2e35;
	border-radius:999px; font-weight:700; text-transform:none; padding:.5rem .95rem;
}
.btn-pill-white .arr, .btn-pill .arr{display:inline-block;width:14px;height:14px;margin-left:6px;
	background:no-repeat center/contain;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%232e2e35' stroke-width='2' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 5l7 7-7 7'/%3E%3C/svg%3E")}
.btn-pill .arr{
vertical-align: -3px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23ff43d1' stroke-width='2' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 5l7 7-7 7'/%3E%3C/svg%3E")
}
.card-category{
	background:#fff; border:1px solid #f2f2f6; border-radius:10px; padding:18px 18px 24px 18px; height:100%;
}
.card-category .title{
	font-size:24px; font-weight:800; text-transform:uppercase; color:#ff43d1; letter-spacing:.02em;
}
.btn-circle{
	width:36px;height:36px;border-radius:50%;border:1px solid #eee; background:#fff;
	display:inline-flex;align-items:center;justify-content:center;
}
.btn-circle .arr{
	width:16px;height:16px;background:no-repeat center/contain;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23ff43d1' stroke-width='2' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 5l7 7-7 7'/%3E%3C/svg%3E");
}

/* === Bézs sáv + bal accordion + termék slick === */
.section-beige{background:#e7d7c7;}
.filter-acc .card{border:0;border-radius:0px;background:transparent;border-bottom:1px solid #e9e6df !important;}
.filter-acc .card+.card{margin-top:10px}
.filter-acc .card-header{
	background:transparent;border:none;border-radius:0px;padding:.75rem 1rem;
}
.filter-acc .btn-link{
	color:#2b2b2b;
	font-weight: 600;
	padding:0; font-size:14px; text-transform: uppercase;
	font-size: 26px; letter-spacing: 2px; line-height: 120%;
	font-family:var(--font-mono);
	text-decoration: none !important;
}
.filter-acc .card-body{
	border-top:1px solid #e9e6df;border-radius:0;
	background:#fff; font-size:13px; color:#6b7280;
}
/*.card:has(.collapse.show) .card-header { background:#fff }*/

/* termék kártya apró jelzés + új badge */
.product .meta-row{font-size:10px; letter-spacing:.12em; color:#b3b3bb}
.badge-new{
	display:inline-block;font-size:10px;font-weight:700; padding:.12rem .35rem; border-radius:6px;
	color:#fff;background:#6dd400
}

/* === Discount strip (lila felirat + zöld gomb) === */
.discount-strip{background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee}
.discount-strip .title{
	font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:#e64adf
}
@media(min-width: 992px) {
	.discount-strip .title{
		font-size: 38px;
	}
}
.btn-green{
	background:#169b58;border:1px solid #169b58;color:#fff;border-radius:999px;
	font-size:13px;font-weight:700;text-transform:none;padding:.45rem .9rem;
	letter-spacing: 1px; line-height: 120%;
	font-family:var(--font-mono);
}
.btn-green .arr{
	display:inline-block;width:14px;height:14px;margin-left:6px;background:no-repeat center/contain;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23ff43d1' stroke-width='2' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 5l7 7-7 7'/%3E%3C/svg%3E");
}

/* === Zöld szakasz (felső nagy kép + jobb szöveg + alatta 3 tech kártya) === */
.section-green-hero{background:#1f6b4e;color:#fff}
.section-green-hero .label-sm{
	opacity:.85; font-size:22px; font-weight:400; margin-bottom:.5rem;
}
.btn-pink{
	background:#ff3fd8;border:1px solid #ff3fd8;color:#fff;border-radius:999px;
	font-size:13px;font-weight:700;text-transform:none;padding:.45rem .9rem;
	letter-spacing: 1px; line-height: 120%;
	font-family:var(--font-mono);
}
.btn-pink .arr{display:inline-block;width:14px;height:14px;margin-left:6px;background:no-repeat center/contain;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23ffffff' stroke-width='2' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 5l7 7-7 7'/%3E%3C/svg%3E")}
.section-green-hero .hero-img{
	border-radius:4px; overflow:hidden;
}

/* Tech kártyák */
.tech-card{background:transparent;border-radius:0px;overflow:hidden;color:#D9D9D9}
.tech-card .head{font-weight:600;font-size: 28px;margin:8px 3px}
.tech-card .pic{position:relative}
.tech-card .pic .btn-play{
	position:absolute; right:10px; bottom:0px; width:36px; height:36px; border-radius:0;
	border:0; background:#fff; display:inline-flex; align-items:center; justify-content:center;
}
.tech-card .btn-play:before{
	content:""; display:block; width:0; height:0; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:9px solid #1f6b4e; margin-left:2px;
}
.tech-card .body{font-size:18px; opacity:1; color: #fff; margin:10px 16px 14px}
.tech-card .btn-more{
	position:absolute; right:0px; bottom:0px; background:#fff; color:#ff43d1; border:0; border-radius:0;
	font-size:16px; font-weight:600; padding:.45rem .8rem;
}

/* === Fehér CTA blokk + sarok dísz (rózsaszín háromszög) === */
.cta-white{background:#fff;color:#0f172a}
.cta-white .kicker{font-size:18px; color:#1a1a1a}
.cta-white .title{font-weight:800; font-size:38px; text-transform:uppercase; letter-spacing:2px}
.corner-accent{
	position:relative;
}
.corner-accent:after{
	content:""; position:absolute; right:24px; bottom:-24px; width:0; height:0;
	border-left:22px solid transparent; border-right:22px solid transparent; border-top:28px solid #ff3fd8;
	filter: drop-shadow(0 6px 8px rgba(0,0,0,.08));
}

/* ===== Footer (sötétzöld blokk + alsó vékony sor) ===== */
.footer{background:#0f3a31;color:#e8f2ef}
.footer .lead{font-weight:800}
.footer .copybrand{letter-spacing:.35em}

.footer .btn-mini{
	background:rgba(255,255,255,0.25);border:none;color:#FF4EFA;
	border-radius:0px;font-size:16px;font-weight:600;text-transform:uppercase;
	padding: 10px 24px; letter-spacing:1px;
}
.footer .btn-mini:hover{filter:brightness(.98)}

.footer .foot-list h6{
	font-size:12px; text-transform:uppercase; letter-spacing:.08em;
	font-weight:800; color:#cde6e0; margin-bottom:.6rem;
}
.footer .foot-list ul{list-style:none;padding:0;margin:0}
.footer .foot-list li+li{margin-top:.35rem}
.footer .foot-list a{
	color:#e8f2ef; font-size:12px; text-transform:uppercase; letter-spacing:.06em;
	opacity:.9;
}
.footer .foot-list a:hover{opacity:1}

.footer .social-list a{background:#ffffff14;border:1px solid #ffffff22}
.footer .social-list a:hover{background:#ffffff24}

.footer .footer-logo img{height:72px}
.footer .footer-logo .copybrand{margin-top:.6rem;font-size:14px;color:#d9ebe7}

/* alsó keskeny sáv */
.footer-meta{
	background:#fff;color:#1D1D1B;font-size:12px;
}
.footer-meta .sep{display:inline-block;margin:0 .9rem;opacity:.6}
.footer-meta a{color:#1D1D1B}
.footer-meta a:hover{color:#444}


/* === Termékfej === */
.prod-wrap{border-bottom:1px solid var(--c-line)}
.prod-title{font-size:24px;font-weight:800;line-height:1.25;margin:2px 0 10px}
.prod-tags .tag{display:inline-block;font-family:"IBM Plex Mono",monospace;font-size:13px;padding:4px 8px;border-radius:0px;background:#e8d7c4;color:#14332a;margin-right:6px}
.prod-tags .tag-2 { background: #14332a; color: #fff; }
.prod-tags .tag-3 { background: #fff; color: #444; }
.prod-price{font-size:13px;color:#777}
.prod-price strong{font-size:14px;color:#000}
.prod-price a {font-family:"IBM Plex Mono",monospace;}

/* Gallery */
.prod-wrap .thumbs-col{max-width:72px}
.prod-wrap .thumbs{display:flex;flex-direction:column;gap:10px}
.prod-wrap .thumbs .t{width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff}

@media(min-width:1700px) {
	.prod-wrap .thumbs-col{max-width:144px}
	.prod-wrap .thumbs .t{width:112px;height:112px;}
}
.prod-wrap .thumbs .t.active{outline:1px solid rgba(0,0,0,0.4)}
.prod-wrap .image-main{display:flex;align-items:center;justify-content:center;background:#fff;min-height:520px}
.prod-wrap .image-main img{max-width:90%;height:auto}

/* Jobb hasáb */
.muted{color:var(--c-muted)}
.prod-wrap .color-dots{display:flex;align-items:center;gap:10px}
.prod-wrap .color-dot{width:40px;height:40px;border-radius:50%;border:1px solid #ccc;display:inline-block;cursor:pointer;position:relative}
.prod-wrap .color-dot.active::after{content:"";position:absolute;inset:-4px;border:2px solid #111;border-radius:50%}
.prod-wrap .size-pills .btn{min-width:44px;padding:.25rem .5rem;border-radius:8px;border:1px solid var(--c-border);font-family:"IBM Plex Mono",monospace}
/*.prod-wrap .size-pills .btn.active{background:#111;color:#fff;border-color:#111}*/

.prod-wrap .line{height:2px;background:var(--c-line);margin:16px 0}
.prod-wrap .row-kv{display:flex;align-items:center;justify-content:space-between;gap:12px}
.prod-wrap .kv-right{display:flex;align-items:center;gap:10px}
.prod-wrap .qty{display:inline-flex;align-items:center;border:1px solid var(--c-border);background:#fff;border-radius:999px;padding:4px}
.prod-wrap .qty button{width:38px;height:38px;border:0;background:#fff;border-radius:50%;font-weight:700;line-height:1}
.prod-wrap .qty input{width:36px;border:0;text-align:center;font-family:"IBM Plex Mono",monospace}

.switch{font-family:"IBM Plex Mono",monospace;display:inline-flex;gap:6px;border:1px solid var(--c-pink);border-radius:999px;padding:3px;background:#fff}
.switch .btn{border-radius:999px;color: #343a40 !important;padding:.45rem 1.8rem;font-size:14px;text-transform: none;}
.switch .btn.active{background:var(--c-pink) !important;color:#fff !important;border:none !important}

.prod-wrap .sum{font-size:16px}
.prod-wrap .sum strong{font-size:26px;color:#000}
.prod-wrap .btn-like{border-radius:999px;font-size:20px;border:1px solid var(--c-border);display:inline-flex;align-items:center;justify-content:center;background:#fff}
.prod-wrap .btn-add{text-transform:none;background:var(--c-pink);color:#fff;border:0;border-radius:999px;font-weight:700}
.prod-wrap .btn-add:hover{background:var(--c-pink-hover);color:#fff}
.prod-wrap .btn-add .plus{display:inline-block;margin-left:8px;transform:translateY(-1px)}

/* Tabs sáv (Részletek / Anyag / Emblémazás / Ajánlat) */
.prod-wrap .subtabs{border-bottom:1px solid var(--c-line);margin-top:8px}
.prod-wrap .subtabs .nav-link{color:#3A3AAA;background:#fff;font-family:"IBM Plex Mono",monospace;font-size:21px;padding:12px 25px;margin-right:0px;position:relative}
.prod-wrap .subtabs .nav-link .plus{opacity:.5;margin-left:6px}
.prod-wrap .subtabs .nav-link.active{border-bottom:2px solid #000;font-weight:600}

/* 3 információs kártya */
.prod-wrap .info-cols{padding:24px 0}
.prod-wrap .card-info{border:0;padding-top:18px}
.prod-wrap .card-info .cat{font-family:"IBM Plex Mono",monospace;font-size:15px;color:#7a7a7a;font-weight:500;letter-spacing:.12em}
.prod-wrap .card-info h6{font-weight:700;font-size:26px;}
.prod-wrap .btn-link-mini{font-family:"IBM Plex Mono",monospace;font-size:14px;width:100%;display:block;text-align: right;color:var(--c-pink)}

/* Kapcsolódó termékek */
.prod-wrap .rel-title{font-weight:700;color:#14332a;letter-spacing:.04em;margin:24px 0 12px}
.prod-wrap .rel-grid .card{border:1px solid var(--c-border);border-radius:10px}
.prod-wrap .ratio-1x1{position:relative;width:100%;padding-top:100%;background:#fff}
.prod-wrap .ratio-1x1 > img{position:absolute;inset:0;margin:auto;max-width:85%;max-height:85%}

/* Mobil: thumbs vízszintesen, main kép után jön */
@media (max-width: 991.98px){
	.prod-wrap .thumbs-col{max-width:100%;order:2;margin-top:10px}
	.prod-wrap .thumbs{flex-direction:row;overflow:auto;padding-bottom:6px}
	.prod-wrap .thumbs .t{flex:0 0 60px}
	.prod-wrap .image-main{min-height:360px}
	.prod-wrap .subtabs .nav-link { font-size: 13px }
	.prod-wrap .image-main{min-height:220px}
	.prod-wrap .image-main img { max-height:220px }
}

.category-header strong { font-size: 18px; }
.category-header select { min-width: 160px; }
.category-header .btn-light {
	border: 1px solid #ddd;
}
.category-header .btn-light .icon {
	width: 16px;
	height: 16px;
}

.category-tabs {

}

.category-scroll-wrapper {
	overflow: hidden;
	position: relative;
}

.category-scroll-inner {
	display: flex;
	gap: 8px;
	transition: transform 0.2s ease-out;
	will-change: transform;
	cursor: grab;
	user-select: none;
	padding: 4px 0;
}
.category-scroll-inner.dragging { cursor: grabbing; }

.category-scroll-inner .btn {
	white-space: nowrap;
	flex-shrink: 0;
	text-transform: none;
}
.category-scroll-inner .btn.active {
	background: #FF4EFA;
	color: #000;
}

.cat-scroll-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 32px;
	height: 32px;
	border: none;
	border-radius: 50%;
	background: rgba(255,255,255,0.9);
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 5;
}
.cat-scroll-btn.left { left: -12px; }
.cat-scroll-btn.right { right: -12px; }

.cat-scroll-btn[disabled] {
	opacity: 0.3;
	pointer-events: none;
}


/* Filter sidebar */
.filter-sidebar {

}
.filter-sidebar h6 { font-size: 15px; font-weight: 600; margin-bottom: 4px; }

/* Mobil overlay */
.filter-overlay {
	position: fixed;
	inset: 0;
	background: rgba(255,255,255,0.98);
	backdrop-filter: blur(6px);
	display: none;
	z-index: 9999;
	padding: 20px;
	overflow-y: auto;
}
.filter-overlay.show { display: block; animation: fadeIn .25s ease; }

.filter-header {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.filter-body h6 { font-size: 15px; font-weight: 600; margin-bottom: 4px; }
.filter-footer {
	border-top: 1px solid #ddd;
	padding-top: 10px;
	margin-top: 15px;
	position: sticky;
	bottom: 0;
	background: #fff;
}

@keyframes fadeIn { from {opacity:0;} to {opacity:1;} }

body.no-scroll { overflow: hidden; }


.filter-acc .card { border: none; border-bottom: 1px solid #e6e6e6; }
.filter-acc .card-header {
	cursor: pointer; padding: 0.75rem 0; font-weight: 600;
	color: #0a2b22; font-family: 'Work Sans', sans-serif;
	border: none; background: transparent;
}
.filter-acc .card-header i { font-style: normal; }
.filter-acc .card-body { padding: 0.5rem 0 0.75rem 0; }
.filter-acc label { font-weight: 400; color: #0a2b22; font-size: 15px; display: block; cursor: pointer; }

.btn-custom-filter {
	display: inline-block; border: 1px solid #ccc; padding: 5px 10px;
	border-radius: 6px; font-size: 14px; margin: 3px; cursor: pointer;
}

/* Gomb ikonok */
.ico-filter::before { content: "≡"; font-weight: bold; font-size: 15px; }
.ico-sort::before { content: "⇅"; font-weight: bold; font-size: 14px; }
.ico-close::before { content: "×"; font-weight: bold; font-size: 26px; line-height: 1; }
.collapsed .ico-close::before { content: "›"; font-weight: bold; font-size: 26px; line-height: 1; }

/* Overlay (mobil) */
/* Overlay kinézet csak mobilon */
@media (max-width: 991.98px) {
	.filter-overlay {
		position: fixed;
		top: 0; left: 0; right: 0; bottom: 0;
		background: #fff;
		z-index: 1050;
		display: none;
		flex-direction: column;
	}
	#filter-sidebar { display:none !important; }
	.filter-overlay.show { display: flex; }
	.filter-body { flex: 1; overflow-y: auto; padding: 1rem; }
	.filter-footer { border-top: 1px solid #eee; }
	body.no-scroll { overflow: hidden; }
}

.filter-overlay.show { display:flex; }
.filter-overlay-inner { flex:1; display:flex; flex-direction:column; height:100%; }
.filter-header { padding:1rem; border-bottom:1px solid #eee; }
.filter-body { flex:1; overflow-y:auto; padding:1rem; }
.filter-footer { border-top:1px solid #eee; }
.apply-btn { background:#ff4cff; border:none; }

/* Dropdown fix */
.dropdown-menu-right { right: 0; left: auto; min-width: 180px; }
.dropdown-menu a { font-size: 14px; color: #0a2b22; }

.btn-outline-dark {
	text-transform: none;
	color: #000;
}

.ico-close { font-style: normal; }

label input[type='checkbox']:checked + .btn-custom-filter {
	background: #0a2b22; color: #fff; border-color: #0a2b22;
}

.catalogs-wrap h1 {
	font-family: 'Work Sans', sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: #0b3b24;
}

.catalog-tile a {
	display: block;
	text-decoration: none;
	color: inherit;
}

.catalog-tile {
	position: relative;
}

.catalog-tile .ratio {
	position: relative;
	width: 100%;
	padding-top: 150%; /* 1:1 */
	background-size: cover;
	background-position: center;
	border-radius: 6px;
	transition: transform .2s ease;
}

.catalog-tile .ratio::before {
	content: "";
	background: rgba(0,0,0,0.1);
	z-index: 1;
	top: 0; bottom: 0;
	border-radius: 6px;
	left: 0;right:0;
	position: absolute;
}

.catalog-tile .ratio:hover {
	transform: scale(1.03);
}

.catalog-label {
	margin-top: 8px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 22px;
	padding: 10px 20px;
	text-align: center;
	position: absolute;
	bottom: 0; left: 0;
	color: #fff;
	z-index: 3;
}

.faq-wrap h1 {
	font-family: 'Work Sans', sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: #0b3b24;
}

.faq-wrap .h5 {
	font-family: 'Work Sans', sans-serif;
	font-weight: 600;
	color: #000;
}

.faq-wrap .accordion .card {
	border: none;
	border-bottom: 1px solid #14332a !important;
	border-radius: 0;
	background: transparent;
}

.faq-wrap .accordion .card-header {
	background: transparent;
	padding: 0;
	border: none;
}

.faq-wrap .accordion .card-body {
	margin-bottom: 40px;
}

.faq-wrap .accordion .btn-link {
	font-weight: 500;
	color: #000;
	font-size: 16px;
	text-decoration: none;
	padding: 1rem 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.faq-wrap .accordion .btn-link:after {
	content: '+';
	font-size: 20px;
	line-height: 1;
	transition: transform .2s ease;
	background: #F9F9F9;
	border-radius: 50%;
	padding: 10px 14px;
}

.faq-wrap .accordion .btn-link[aria-expanded="true"]:after {
	content: '–';
	transform: rotate(180deg);
}

.faq-wrap .accordion .card-body {
	padding: 0 0 1.2rem 0;
	color: #333;
	font-size: 15px;
}

.yourchoice-wrap .hero-bg img {
	object-fit: cover;
	height: auto;
}

.yourchoice-wrap .hero-overlay {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(0,0,0,0.4);
}

.yourchoice-wrap .category-card img {
	transition: transform .3s ease;
}

.yourchoice-wrap .category-card:hover img {
	transform: scale(1.05);
}

.yourchoice-wrap .category-label {
	left: 15px;
	bottom: 25px;
	font-weight: 600;
	font-size: 1.4rem;
}

.yourchoice-wrap .category-btn {
	right: 15px;
	bottom: 25px;
	color: #fff;
	font-weight: 500;
}

.yourchoice-wrap .product-tile img {
	border-radius: 4px;
}

.yourchoice-wrap .cta {
	background-color: #2e31a6;
}

.yourchoice-wrap .video-cta h4 {
	font-size: 1.5rem;
}

.yourchoice-wrap .video-cta .btn {
	background: #f0f;
	
	border: none;
}
@media (max-width: 767px){
	.yourchoice-wrap .hero-overlay .display-5{
		font-size: 1.75rem;
	}
	.yourchoice-wrap .category-card{
		margin-bottom: 1rem;
	}
}

.yourchoice-carousel .slick-arrow {
	background: none;
	top: 100%;
	height: 40px;
}

.yourchoice-carousel .slick-next {
	left: 100px;
}



.catalog-card {
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.catalog-card img {
	width: 100%;
	height: auto;
	display: block;
}

.catalog-overlay {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 12px 15px;
	background: rgba(0,0,0,0.45);
}

.catalog-title {
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
}

.tech-card {
	position: relative;
}

.tech-card img {
	width: 100%;
	height: auto;
	display: block;
}

.tech-title {
	font-size: 14px;
	font-weight: 600;
	margin-top: 8px;
}

/* Hasznos információk */
.info-row {
	padding: 12px 0;
	border-bottom: 1px solid #e7e7e7;
	font-size: 15px;
}

.info-row a {
	text-decoration: none;
	color: #000;
	font-weight: 500;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.info-row a:hover {
	color: #7c2fff;
}

.info-row i {
	font-size: 16px;
}

.profile-wrapper {
    min-height: 100vh;
    padding-top: 40px;
    padding-bottom: 40px;
}

.profile-sidebar {
    background: #fff;
    padding: 40px 30px;
    height: 100%;
    min-height: 600px;
}

.profile-sidebar h2 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 40px;
    color: var(--darkblue);
}

.profile-menu .nav-link {
    color: #333;
    font-size: 14px;
    padding-left: 0;
    margin-bottom: 10px;
    letter-spacing: 0.4px;
}

.profile-menu .nav-link.active {
    color: #ff7dff !important;
    font-weight: 600;
}

.profile-content {
    padding: 50px 60px;
    min-height: 600px;
}

.section-header a {
    color: var(--darkblue);
    font-weight: 600;
    text-decoration: none;
}

.section-header a:hover {
    color: #ff7dff;
}

.addr-card {
    background: #fff;
    padding: 22px;
    border-radius: 10px;
    box-shadow: 0 0 0 1px #e0e0e0;
    min-height: 130px;
}

.addr-edit-icon {
    background: #ffd7ff;
    color: #c12acd;
    padding: 6px 8px;
    border-radius: 8px;
}

.hidden {
    display: none !important;
}

.orders-table-header {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.4px;
    color: #999;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.order-item {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 0 1px #e5e5e5;
    padding: 22px 25px;
    margin-bottom: 25px;
}

.order-toprow {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 100px;
    font-size: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.order-details-toggle {
    color: var(--darkblue);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
}

.order-details-toggle:hover {
    color: #ff7dff;
}

.order-details {
    margin-top: 20px;
    display: none;
}

.order-item .product-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 20px;
}

.order-item .product-thumb {
    width: 50px;
    height: 50px;
    background: #ddd;
    border-radius: 6px;
}

.order-item .product-title {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 3px;
}

.order-item .product-meta {
    font-size: 13px;
    color: #666;
}

.order-item .product-price {
    font-weight: 600;
    margin-top: 3px;
}

.order-footer {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #eee;
    font-size: 13px;
}

.reorder-btn {
    background: #2e33a8;
    color: #fff;
    border: none;
    padding: 12px 22px;
    border-radius: 8px;
    font-weight: 600;
}


/* --- GENERAL --- */
.order-page-wrapper {
    background: #f8f8f8;
}

.text-purple {
    color: #ff7dff !important;
}

.cursor-pointer {
    cursor: pointer;
}

/* --- SWITCH --- */
.purple-switch:checked {
    background-color: #ff7dff !important;
    border-color: #ff7dff !important;
}

/* --- PRODUCT CARDS --- */
.order-page-wrapper .product-card {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #ececec;
}

.order-page-wrapper .product-image {
    width: 130px;
    height: 130px;
    background: #ddd;
    border-radius: 6px;
}

.order-page-wrapper .price-container {
    width: 120px;
}

/* --- QUANTITY BOX --- */
.order-page-wrapper .qty-box {
    background: #f1f1f1;
    border-radius: 30px;
    padding: 5px 10px;
    width: fit-content;
}

.order-page-wrapper .qty-btn {
    background: transparent;
    border: none;
    font-size: 20px;
    padding: 0 8px;
    font-weight: bold;
    color: #444;
    line-height: 1;
}

.order-page-wrapper .qty-btn:disabled {
    opacity: 0.3;
}

.order-page-wrapper .qty-input {
    width: 40px;
    border: none;
    text-align: center;
    background: transparent;
    font-weight: bold;
    font-size: 16px;
}

.order-page-wrapper .qty-input:focus {
    outline: none;
}

/* --- UPLOAD LIST --- */
.upload-file-list {
    margin-top: 8px;
}

.upload-file-list .file-item {
    background: #fff;
    border: 1px solid #dedede;
    padding: 6px 10px;
    border-radius: 10px;
    margin-bottom: 5px;
    font-size: 13px;
}

/* Right side grey variants */
.order-summary .upload-file-list .file-item {
    background: #f2f2f2;
}

/* --- SUMMARY PANEL --- */
.order-summary {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e4e4e4;
}

.order-summary .btn-submit-order {
    background: #ff00ff;
    font-weight: 600;
    border-radius: 12px;
}

/* --- ADDRESS FORM --- */
.summary-address-block {
    background: #f7f7f7;
    padding: 10px;
    border-radius: 10px;
}

.address-title {
    font-weight: 600;
}

/* Purple upload trigger */
.upload-trigger {
    cursor: pointer;
    font-weight: 600;
}


.order-summary-wrapper {
    background: #f8f8f8;
}

.order-summary-wrapper .text-purple {
    color: #ff7dff !important;
}

.order-summary-wrapper .cursor-pointer {
    cursor: pointer;
}

/* RIGHT SUMMARY PANEL */
.order-summary-wrapper .summary-right {
    background: #fff;
    border: 1px solid #e8e8e8;
}

/* Thumbnail */
.order-summary-wrapper .mini-thumb {
    width: 60px;
    height: 60px;
    background: #ddd;
    border-radius: 8px;
}

/* Order button */
.order-summary-wrapper .order-submit-btn {
    background: #ff00ff;
}
.order-summary-wrapper .order-submit-btn:hover {
    background: #d900d9;
}

.thankyou-wrapper {
    min-height: 80vh;
    display: flex;
    align-items: center;
    background: #ffffff;
}

.thankyou-box {
    padding-right: 60px;
}

/* Címsor */
.thankyou-title {
    font-size: 42px;
    line-height: 1.2;
    color: #333333;
}

/* Alszöveg */
.thankyou-sub {
    color: #666666;
    font-size: 16px;
}

/* Gomb */
.thankyou-btn {
    background: #3232c8;
    color: #ffffff;
    font-weight: 600;
    letter-spacing: 0.3px;
    border: none;
    transition: 0.2s;
    box-shadow: 0 4px 12px rgba(50,50,200,0.25);
}

.thankyou-btn:hover {
    background: #2a2ab6;
    color: #ffffff;
}