/*
Theme Name: Jolly Egyedi Sablon
Theme URI: https://festekem.hu
Author: Jolly Festéküzletek
Description: Egyedi, Flatsome/UX Builder nélküli WooCommerce sablon a festekem.hu számára.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: jolly-egyedi-sablon
*/

:root{
  --color-bg:#FBF6EC; --color-surface:#FFFFFF; --color-text:#241B14; --color-text-muted:#6B6055; --color-border:#E8DFD1;
  --confetti-magenta:#D6249F; --confetti-cobalt:#1E88E5; --confetti-lime:#8BC34A; --confetti-yellow:#FFC107; --confetti-orange:#FF8F00; --confetti-red:#E53935; --confetti-purple:#8E24AA;
  --brand-primary:#D6412B; --brand-accent:#F39200;
  --cat-festekek:var(--confetti-magenta); --cat-epito:var(--confetti-cobalt); --cat-kezisz:var(--confetti-lime); --cat-gepek:var(--confetti-orange); --cat-vegyi:var(--confetti-purple);
  --header-dark:#1C140D; --header-dark-2:#15100A; --on-dark:#F4EFE5; --on-dark-muted:rgba(244,239,229,.65); --on-dark-border:rgba(244,239,229,.12);
  --font-display:"Baloo 2",sans-serif; --font-body:"Inter",system-ui,sans-serif;
  --radius-card:16px; --radius-chip:999px; --radius-btn:12px;
  --shadow-card:0 2px 8px rgba(36,27,20,.08); --shadow-card-hover:0 8px 24px rgba(36,27,20,.14); --shadow-sticky:0 -4px 16px rgba(36,27,20,.10);
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;
  --container-max:1680px;
}
[data-theme="dark"]{
  --color-bg:#18191A; --color-surface:#242526; --color-text:#E4E6EB; --color-text-muted:#B0B3B8; --color-border:#3E4042;
  --shadow-card:0 2px 10px rgba(0,0,0,.35); --shadow-card-hover:0 10px 26px rgba(0,0,0,.5); --shadow-sticky:0 -4px 20px rgba(0,0,0,.45);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden;max-width:100%}
body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);
  transition:background .25s,color .25s}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
h1,h2,h3{font-family:var(--font-display);margin:0 0 var(--sp-2);line-height:1.15;font-weight:700}
p{margin:0 0 var(--sp-3);color:var(--color-text-muted);line-height:1.55}
svg{stroke:currentColor;display:block}
.container{max-width:var(--container-max);margin-inline:auto;padding-inline:clamp(16px,4vw,64px)}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--brand-primary);color:#fff;padding:10px 16px;z-index:999}
.skip-link:focus{left:10px;top:10px}

/* ================= FEJLÉC ================= */
.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border)}
.promo-bar{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--brand-primary);color:#fff;
  font-size:12.5px;font-weight:600;padding:7px 16px;text-align:center}
.header-main{display:flex;align-items:center;gap:var(--sp-5);padding:8px clamp(16px,4vw,40px);background:var(--header-dark);color:var(--on-dark)}
.hamburger{display:none;width:38px;height:38px;align-items:center;justify-content:center;flex-shrink:0}
.logo{display:flex;align-items:center;gap:8px;flex-shrink:0}
.logo__card{width:30px;height:40px;border:2px solid var(--brand-primary);border-radius:6px;position:relative;background:#fff}
.logo__card::after{content:"♛";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--brand-primary);font-size:14px}
.logo__word{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--brand-accent)}
.logo{max-height:100px}
.logo img.custom-logo{display:block;height:100px;width:auto}
.footer-cols__brand .logo{max-height:70px}
.footer-cols__brand .logo img.custom-logo{height:70px}
.header-search{flex:0 1 640px;width:100%;margin:0 auto;display:flex;align-items:center;gap:6px;background:var(--on-dark);border-radius:999px;padding:5px 5px 5px 16px;max-width:640px}
.header-search input{flex:1;border:none;outline:none;background:transparent;font-family:inherit;font-size:14px;color:#241B14}
.header-search button{background:var(--brand-primary);color:#fff;border-radius:999px;padding:9px 18px;font-size:13px;font-weight:700;white-space:nowrap}
.header-phones{display:flex;align-items:center;gap:14px;flex-shrink:0}
.phone{display:flex;align-items:center;gap:7px;color:inherit;text-decoration:none}
.phone:hover .num{text-decoration:underline}
.phone svg{color:var(--brand-accent);width:16px;height:16px}
.phone .loc{display:block;font-size:10px;font-weight:700;text-transform:uppercase;color:var(--on-dark-muted);letter-spacing:.02em}
.phone .num{display:block;font-size:13px;font-weight:700;font-family:var(--font-display);color:var(--on-dark)}
.hdivider{width:1px;height:28px;background:var(--on-dark-border);flex-shrink:0}
.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto}
.icon-btn{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--on-dark);min-width:52px}
.icon-btn__ico{position:relative;width:38px;height:38px;border-radius:50%;background:rgba(244,239,229,.1);display:flex;align-items:center;justify-content:center;transition:background .15s}
.icon-btn__label{font-size:11.5px;font-weight:600;line-height:1;color:#fff;white-space:nowrap}
.icon-btn:hover .icon-btn__ico,.icon-btn:focus-visible .icon-btn__ico{background:var(--brand-primary)}
.icon-btn:hover .icon-btn__ico svg,.icon-btn:focus-visible .icon-btn__ico svg{stroke:#fff}
.icon-btn.fav-header.is-fav:hover .icon-btn__ico svg,.icon-btn.fav-header.is-fav:focus-visible .icon-btn__ico svg{fill:#fff;stroke:#fff}
.phone--mail{color:inherit}.phone--mail:hover .num{text-decoration:underline}
.icon-btn:hover .icon-badge,.icon-btn:focus-visible .icon-badge{background:#fff;color:var(--brand-primary)}
@media (max-width:1023px){.icon-btn{min-width:0}.icon-btn__label{display:none}}
.icon-badge{position:absolute;top:-4px;right:-4px;background:var(--brand-primary);color:#fff;font-size:10px;font-weight:700;
  width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.fav-btn svg{transition:fill .15s,stroke .15s}
.fav-btn.is-fav svg,.icon-btn.fav-header.is-fav svg{fill:var(--brand-primary);stroke:var(--brand-primary)}
.dm-toggle{display:flex;align-items:center}
.dm-toggle .track{width:34px;height:19px;border-radius:999px;background:rgba(244,239,229,.2);position:relative;transition:background .2s}
.dm-toggle .thumb{position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;transition:left .2s}
[data-theme="dark"] .dm-toggle .track{background:var(--brand-primary)}
[data-theme="dark"] .dm-toggle .thumb{left:17px}
.mobile-search-row{display:none;align-items:center;gap:8px;background:var(--color-surface);border-radius:999px;padding:10px 14px;margin:10px 12px}
.mobile-search-row input{flex:1;border:none;outline:none;background:transparent;font-family:inherit;font-size:13.5px;color:var(--color-text)}
.mobile-search-row svg{color:var(--color-text-muted);flex-shrink:0}

/* ---------- subnav + mega menu ---------- */
.site-subnav{display:flex;align-items:center;gap:10px;padding:0 clamp(16px,4vw,40px);background:var(--color-bg);border-bottom:1px solid var(--color-border);position:relative}
.mega-trigger{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--brand-primary);color:#fff;border-radius:999px;font-weight:700;font-size:14px;margin:8px 0}
.subnav-links{flex:1;display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.subnav-links ul{list-style:none;display:flex;flex-wrap:wrap;gap:2px;margin:0;padding:0}
.subnav-links li{list-style:none;margin:0}
.subnav-links a{padding:10px 13px;font-size:13.5px;font-weight:600;border-radius:999px;color:var(--color-text)}
.subnav-links a:hover{background:var(--color-surface)}
.subnav-links a.accent{color:var(--brand-primary);font-weight:700}
.mega-menu{display:none;position:absolute;top:100%;left:clamp(16px,4vw,40px);z-index:60;box-shadow:0 24px 48px -12px rgba(0,0,0,.3);border-radius:0 0 14px 14px;overflow:hidden}
.mega-menu.open{display:flex}
.mega-menu__cats{width:200px;background:var(--header-dark);padding:8px 0}
.mega-cat-row{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;font-size:13.5px;font-weight:700;color:#fff;cursor:pointer}
.mega-cat-row.is-active{background:var(--brand-primary)}
.mega-menu__panel{width:560px;background:var(--color-surface);padding:22px 26px;display:flex;gap:24px}
.mega-panel{display:flex;gap:24px}
.mega-panel[hidden]{display:none}
.mega-col{display:flex;flex-direction:column;gap:3px;min-width:160px}
.mega-col__title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);padding:0 8px 6px}
.mega-item{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:8px;font-size:13px;font-weight:600}
.mega-item:hover{background:var(--color-bg)}
.mega-item .dot{width:24px;height:24px;border-radius:6px;flex-shrink:0}
.mega-featured{width:150px;flex-shrink:0;background:var(--color-bg);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}
.mega-featured .sw{aspect-ratio:1;border-radius:8px;background:size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-size:26px}
.mega-featured span{font-size:11.5px;font-weight:700;line-height:1.3}

/* ---------- mobil drawer ---------- */
.drawer-backdrop{display:none;position:fixed;inset:0;background:rgba(10,8,6,.45);z-index:69}
.drawer-backdrop.open{display:block}
.mobile-drawer{position:fixed;top:0;bottom:0;left:0;width:84%;max-width:340px;background:var(--color-surface);z-index:70;transform:translateX(-100%);transition:transform .25s ease;overflow-y:auto}
.mobile-drawer.open{transform:translateX(0)}
.drawer-row{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid var(--color-border);font-size:14px;font-weight:600}
.drawer-row.between{justify-content:space-between}
.drawer-cat-label{padding:12px 18px 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}
.drawer-cat-block{border-bottom:1px solid var(--color-border)}
.drawer-cat-row{display:flex;align-items:stretch}
.drawer-cat-row.has-children{cursor:pointer}
.drawer-cat{flex:1;display:block;padding:14px 18px;font-weight:700;font-family:var(--font-display);font-size:14.5px}
.drawer-cat-expand{width:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);background:none;border:none;transition:transform .2s}
.drawer-cat-block.is-open .drawer-cat-expand{transform:rotate(90deg)}
.drawer-subcat-list{display:flex;flex-direction:column;padding:0 18px 10px 28px;background:var(--color-bg)}
.drawer-subcat-list[hidden]{display:none}
.drawer-subcat{display:flex;align-items:center;gap:8px;padding:11px 8px;font-size:13.5px;font-weight:600;color:var(--color-text-muted);border-radius:6px}
.drawer-subcat:hover{color:var(--color-text);background:var(--color-surface)}
.drawer-subcat .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.drawer-phones{margin-top:auto;padding:16px 18px;background:var(--color-bg);display:flex;flex-direction:column;gap:10px}

/* ================= GOMBOK / CHIPEK / KÁRTYÁK ================= */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-display);border-radius:var(--radius-btn);padding:12px 22px;font-weight:600;min-height:46px;border:2px solid transparent;font-size:14px}
.btn--primary{background:var(--brand-primary) !important;color:#fff !important;border-color:var(--brand-primary) !important}
.btn--secondary{background:transparent;border-color:var(--color-text)}
.btn--ghost{background:var(--color-surface);border-color:var(--color-border)}
.btn--block{width:100%}
.chip{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:var(--radius-chip);font-size:12px;font-weight:600;background:var(--color-bg);border:1px solid var(--color-border)}
.card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}
.card--tilt{transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s}
.card--tilt:hover{transform:translateY(-4px) rotate(-.6deg);box-shadow:var(--shadow-card-hover)}
.swatch{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;font-size:30px;position:relative;overflow:hidden;background-size:cover;background-position:center}
.swatch--wide{aspect-ratio:1/1;font-size:36px;background-color:var(--color-bg);background-size:74%;background-repeat:no-repeat}
.swatch--wide::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 26% 22%,rgba(255,255,255,.4),transparent 52%);pointer-events:none}
[data-theme="dark"] .swatch--wide{background-color:var(--color-surface)}
[data-theme="dark"] .swatch--wide::before{background:radial-gradient(circle at 26% 22%,rgba(255,255,255,.06),transparent 52%)}
[data-theme="dark"] .site-subnav{background:var(--color-surface)}
.swatch small{position:absolute;bottom:8px;left:8px;background:rgba(255,255,255,.85);border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700;color:#241B14;z-index:2}
.fav-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;z-index:2;color:var(--brand-primary)}
.fav-btn svg{fill:var(--brand-primary);stroke:var(--brand-primary)}
.ribbon{position:absolute;top:8px;left:8px;background:var(--brand-primary);color:#fff;font-size:11px;font-weight:700;padding:4px 11px;border-radius:999px;z-index:2}
.news-badge{position:absolute;top:8px;left:8px;background:var(--confetti-cobalt);color:#fff;font-size:10.5px;font-weight:700;padding:4px 10px;border-radius:999px;z-index:2}
section{padding-block:var(--sp-7)}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-5)}

/* ================= HERO / KATEGÓRIÁK ================= */
.hero{background:linear-gradient(180deg,#FFF6E5,var(--color-bg))}
[data-theme="dark"] .hero{background:linear-gradient(180deg,#211c14,var(--color-bg))}
.hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-7);align-items:center;padding-block:var(--sp-8)}
.hero__grid>*{min-width:0}
.hero h1{font-size:clamp(28px,4vw,52px)}
.hero__cta{display:flex;gap:var(--sp-3);margin-top:var(--sp-5)}
.hero__cards{display:flex;justify-content:center}
.hero__cards .card-tile{width:70px;height:96px;border-radius:10px;margin-left:-24px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-family:var(--font-display);font-size:22px;box-shadow:0 8px 20px rgba(0,0,0,.15);border:3px solid #fff}
.bento-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-4)}
.cat-card{border-top:6px solid var(--cat);padding:var(--sp-5) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);min-height:190px}
.cat-card__icon{width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--cat) 15%,white);display:flex;align-items:center;justify-content:center;font-size:22px}
.cat-card h3{font-size:17px;margin:0}
.cat-card p{font-size:13px;margin:0}
.brand-band{background:var(--brand-primary);color:#fff}
.brand-band__inner{display:flex;align-items:center;justify-content:center;gap:var(--sp-5);padding-block:var(--sp-6);flex-wrap:wrap;text-align:center}
.brand-band__inner .btn{border-color:#fff}
.brand-band p{color:rgba(255,255,255,.85);margin:0}
.brand-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-3)}
.brand-chip{display:flex;align-items:center;justify-content:center;padding:18px 10px;font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--color-text-muted)}
.brand-chip:hover{color:var(--brand-primary)}
.usp-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}
.usp-card{padding:var(--sp-5);text-align:left}
.usp-card__icon{font-size:26px;margin-bottom:var(--sp-2)}
.chip-row{display:flex;flex-wrap:wrap;gap:8px}

/* ================= TERMÉKKÁRTYÁK ================= */
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}
.p-card{position:relative;display:flex;flex-direction:column}
.p-card__body{padding:var(--sp-4);display:flex;flex-direction:column;flex:1}
.p-card__top{flex:1}
.p-card__brand{font-size:11px;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.p-card__title{font-size:13.5px;font-weight:600;margin:4px 0 5px;line-height:1.3}
.p-card__title a{color:inherit}
.p-card__price{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--brand-primary)}
.p-card__price del{font-size:18px;color:var(--brand-primary);opacity:.65;font-weight:600;margin-left:6px;text-decoration-thickness:1.5px}
.p-card__stock{font-size:12.5px;color:var(--color-text-muted);display:flex;align-items:center;gap:5px;margin:4px 0 0}
.p-card__stock .ic{font-size:12px;line-height:1}
.p-card__cta{margin-top:10px;position:relative;display:flex;justify-content:flex-end}
.p-card__cta .btn{width:152px;white-space:nowrap;padding:0;font-size:13px;height:36px;min-height:36px;box-sizing:border-box;margin:0}
.p-card__cta p.add_to_cart_inline{margin:0;display:flex}
.p-card__cta .qty{
	display:none;
	position:absolute;
	bottom:100%;
	right:0;
	width:152px;
	margin-bottom:8px;
	background:var(--color-surface);
	border:1px solid var(--color-border);
	border-radius:10px;
	box-shadow:var(--shadow-card-hover);
	padding:6px;
	z-index:5;
	box-sizing:border-box;
}
.p-card__cta.qty-open .qty{display:flex}
.qty{display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:9px;overflow:hidden;flex-shrink:0;height:40px;box-sizing:border-box}
.qty button{width:38px;height:38px;background:var(--color-bg);font-size:17px;font-weight:700;color:var(--color-text);flex-shrink:0}
.qty input{width:auto;flex:1;min-width:0;text-align:center;font-size:15px;font-weight:700;border:none;background:transparent;color:var(--color-text)}

/* ================= GYIK / VÉLEMÉNYEK / CIKKEK ================= */
.faq{max-width:760px}
details.faq-item{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:12px;padding:14px 18px;margin-bottom:10px}
details.faq-item summary{font-weight:600;cursor:pointer;display:flex;justify-content:space-between;list-style:none}
details.faq-item summary::-webkit-details-marker{display:none}
details.faq-item p{margin:10px 0 0;font-size:14px}
.rating-badge{display:inline-flex;align-items:center;gap:7px;background:color-mix(in srgb,var(--brand-accent) 12%,var(--color-bg));border-radius:999px;padding:6px 14px}
.rating-badge .stars{display:flex;gap:1px;color:var(--brand-accent)}
.rating-badge .score{font-size:13px;font-weight:700}
.rating-badge .count{font-size:12px;color:var(--color-text-muted)}
.review-row,.article-row{display:flex;gap:var(--sp-4);overflow-x:auto;padding-bottom:8px}
.review-card{min-width:300px;flex-shrink:0;padding:var(--sp-4)}
.review-card .stars{display:flex;gap:1px;margin-bottom:8px;color:var(--brand-accent)}
.review-card p{font-size:13.5px;color:var(--color-text);margin-bottom:12px}
.reviewer{display:flex;align-items:center;gap:9px}
.reviewer__avatar{width:30px;height:30px;border-radius:50%;background:var(--brand-primary);color:#fff;font-weight:700;font-size:12.5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.reviewer__name{font-size:13px;font-weight:700}
.reviewer__src{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-muted)}
.article-card{min-width:280px;flex-shrink:0}
.article-card__img{aspect-ratio:16/10;font-size:34px}
.article-card__body{padding:var(--sp-4)}
.article-card__cat{font-size:11px;font-weight:700;color:var(--brand-primary);text-transform:uppercase;margin-bottom:4px}
.article-card__title{font-size:14.5px;font-weight:700;margin-bottom:6px;line-height:1.35}
.article-card__title a{color:inherit}
.article-card__excerpt{font-size:12.5px;color:var(--color-text-muted);margin-bottom:10px}
.article-card__link{font-size:12.5px;font-weight:700;color:var(--brand-primary)}

/* ================= FEKETE BOLTOK-SÁV + LÁBLÉC ================= */
.store-band{background:var(--header-dark);color:var(--on-dark);border-radius:28px 28px 0 0}
.store-band h2{color:#fff;font-size:16px;line-height:1.2;margin:0 0 var(--sp-2)}
.store-band__inner{padding-block:6px var(--sp-4)}
.stores__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}
.store-card2{position:relative;display:flex;min-height:118px;background:#271E17;border:1px solid rgba(244,239,229,.12);border-radius:14px;overflow:hidden}
.store-card2__info{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;width:62%;padding:var(--sp-3) var(--sp-4);background:linear-gradient(90deg,#271E17 78%,rgba(39,30,23,0))}
[data-theme="dark"] .store-card2{background:#2E2F31}
[data-theme="dark"] .store-card2__info{background:linear-gradient(90deg,#2E2F31 78%,rgba(46,47,49,0))}
.store-card2__head{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}
.store-card2__head h3{margin:0;font-family:var(--font-display);font-weight:700;font-size:18px;color:#fff}
.store-card2__addr,.store-card2__phone{display:none}
.store-hours{margin:0;display:grid;gap:1px;font-size:12.5px;line-height:1.4}
.store-hours > div{display:flex;gap:10px}
.store-hours dt{width:28px;margin:0;color:var(--on-dark-muted)}
.store-hours dd{margin:0;font-weight:600;color:var(--on-dark)}
.store-hours .is-today dt,.store-hours .is-today dd{color:var(--brand-accent)}
.store-card2__actions{display:flex;gap:var(--sp-2);margin-top:auto;padding-top:4px}
.store-card2__actions .jf-btn{flex:0 1 auto;min-height:30px;padding:3px 14px;font-size:13px;border-radius:999px}
.store-card2__map{position:absolute;top:0;right:0;bottom:0;width:58%}
.store-card2__map iframe{width:100%;height:100%;border:0;filter:invert(90%) hue-rotate(180deg) saturate(.6) brightness(1.15) contrast(.95)}
.store-band .jf-btn-outline{color:#fff;border-color:rgba(244,239,229,.28)}
.store-band .jf-btn-outline:hover{color:#fff;border-color:var(--brand-primary)}
.store-band .jf-status-badge{color:#6FD48A;background:rgba(111,212,138,.14)}
.store-band .jf-status-badge.jf-status-closed{color:#FF8F7A;background:rgba(255,143,122,.14)}
.legal-footer{background:var(--header-dark-2);color:rgba(244,239,229,.75);padding:var(--sp-5) 0 var(--sp-4)}
[data-theme="dark"] .store-band{background:var(--color-surface)}
[data-theme="dark"] .legal-footer{background:var(--color-bg)}
.footer-cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;gap:var(--sp-4)}
.footer-cols__brand p{color:rgba(244,239,229,.55);font-size:12px;max-width:220px;margin-top:6px}
.footer-col-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#fff;margin-bottom:8px}
.footer-links{display:flex;flex-direction:column;gap:6px}
.footer-links a{font-size:12px;color:rgba(244,239,229,.7)}
.footer-links a:hover{color:#fff}
.footer-pay{display:flex;justify-content:flex-end;align-items:flex-start;gap:6px;flex-wrap:wrap}
.pay-icon{background:#fff;border-radius:5px;padding:4px 8px;font-size:10px;font-weight:700;color:#241B14}

/* ================= REszponzív ================= */
@media (max-width:1023px){
  .header-search,.header-phones,.site-subnav{display:none}
  .hamburger{display:flex}
  .mobile-search-row{display:flex}
  .header-main{padding:10px 12px;gap:8px;flex-wrap:nowrap}
  .logo{min-width:0}
  .logo__word{display:none}
  .logo img.custom-logo{height:40px;width:auto;max-width:100%}
  /* A kedvencek már ott van a hamburger-menüben (lásd .mobile-drawer) -- mobilon
     a fejléc-sorban a fiók, a sötét mód és a kosár marad, hogy elférjenek a
     kisebb logó (40px) mellett anélkül, hogy kitörnének a sorból. */
  .header-actions{gap:4px}
  .header-actions .fav-header{display:none}
  .header-actions .hdrop--account .icon-btn,.header-actions .hdrop--cart .icon-btn{width:34px;height:34px}
  .hero__grid{grid-template-columns:1fr;gap:var(--sp-5);padding-block:var(--sp-6)}
  .hero__visual{order:-1}
  .hero h1{font-size:28px}
  .hero__cta{flex-direction:column}
  .bento-grid,.footer-cols{grid-template-columns:1fr 1fr}
  .footer-cols__brand{grid-column:1/-1}
  .usp-row{display:flex;overflow-x:auto;gap:var(--sp-3);scroll-snap-type:x mandatory}
  .usp-row .card{min-width:200px;scroll-snap-align:start}
  .prod-grid,.brand-grid{grid-template-columns:repeat(2,1fr)}
  .stores__grid{grid-template-columns:1fr}
  .store-card2{flex-direction:column;min-height:0}
  .store-card2__info,[data-theme="dark"] .store-card2__info{width:100%;background:none}
  .store-card2__map{position:relative;width:100%;height:110px;order:-1}
  section{padding-block:var(--sp-6)}
}

/* ---------- sticky mobil CTA (termékoldal/kosár) ---------- */
.sticky-cta{display:none;position:sticky;bottom:0;left:0;right:0;background:var(--color-surface);box-shadow:var(--shadow-sticky);padding:12px 16px;align-items:center;justify-content:space-between;gap:10px;z-index:40}
@media (max-width:1023px){.sticky-cta{display:flex}}
.sticky-cta__info{display:flex;align-items:center;gap:10px;min-width:0}
.sticky-cta__thumb{width:44px;height:44px;border-radius:8px;object-fit:cover;flex-shrink:0}

/* ================= TERMÉKOLDAL — egyedi blokkok ================= */
.product-head{padding-top:var(--sp-5);padding-bottom:0}
.badges-row{display:flex;flex-wrap:wrap;gap:8px;margin:var(--sp-3) 0}
.badges-row .badge{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-chip);padding:6px 14px;font-size:12.5px;font-weight:600;white-space:nowrap}

.product-gallery-wrap{position:relative;display:flex;flex-direction:column;gap:var(--sp-5)}
.badge-best{position:absolute;top:28px;left:28px;background:var(--confetti-lime);color:#12310a;font-size:11px;font-weight:700;padding:5px 12px;border-radius:999px;z-index:2}
/* A termékkép is kártya-keretet kap — ugyanolyat, mint az ár/kosár/leírás doboza (.p-info).
   A kép mindig KÖZÉPRE igazítva jelenik meg a kártyán belül — sötét módban is (a flex
   középre-igazítás nem függ a háttértől/témától, ezért minden termékoldalon egységes). */
.woocommerce-product-gallery{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--sp-5);display:flex;flex-direction:column;align-items:center;justify-content:center}
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper{width:100%;display:flex;flex-direction:column;align-items:center}
.woocommerce-product-gallery .woocommerce-product-gallery__image{width:100%;display:flex;align-items:center;justify-content:center}
.woocommerce-product-gallery .woocommerce-product-gallery__image img{margin:0 auto;object-fit:contain}
.store-stock{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 var(--sp-5)}
.store-stock__card{display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid var(--color-border);border-radius:14px;padding:16px 18px}
[data-theme="dark"] .store-stock__card{background:var(--color-surface)}
.store-stock__icon{font-size:26px;flex-shrink:0;line-height:1}
.store-stock__body{min-width:0}
.store-stock__body strong{display:block;font-size:14px;font-weight:700;margin-bottom:4px}
.store-stock__status{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-text-muted)}
.store-stock__status .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--color-border)}
.store-stock__card.in-stock{background:color-mix(in srgb,var(--confetti-lime) 10%,var(--color-surface));border-color:color-mix(in srgb,var(--confetti-lime) 35%,var(--color-border))}
.store-stock__card.in-stock .store-stock__status{color:#2f7a1f}
.store-stock__card.in-stock .store-stock__status .dot{background:var(--confetti-lime)}
.store-stock__card.out-of-stock{background:color-mix(in srgb,var(--confetti-red) 8%,var(--color-surface));border-color:color-mix(in srgb,var(--confetti-red) 30%,var(--color-border))}
.store-stock__card.out-of-stock .store-stock__status{color:var(--confetti-red)}
.store-stock__card.out-of-stock .store-stock__status .dot{background:var(--confetti-red)}
@media (max-width:480px){.store-stock{grid-template-columns:1fr}}
.color-accordion{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:13px 16px;margin:0 0 var(--sp-4);cursor:pointer}
.color-accordion__left{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:700}
.color-dot-lg{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--brand-primary)}
/* A kedvenc gomb szíve és kerete MINDIG piros (nem csak kedvencnél) — kérésre. */
.fav-square{width:48px;height:48px;border-radius:12px;border:1.5px solid var(--brand-primary);background:var(--color-surface);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.fav-square svg{stroke:var(--brand-primary);transition:fill .15s}
.fav-square.is-fav svg{fill:var(--brand-primary)}
.trust-row{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:var(--sp-4) 0 0}
.spec-chips{display:flex;flex-wrap:wrap;gap:8px;margin:var(--sp-4) 0}
.spec-chip{display:flex;flex-direction:column;background:var(--color-bg);border-radius:9px;padding:8px 12px}
.spec-chip .k{font-size:11px;color:var(--color-text-muted)}
.spec-chip .v{font-size:12.5px;font-weight:700}
.calc-box{background:color-mix(in srgb,var(--brand-primary) 8%,var(--color-bg));border:1px solid color-mix(in srgb,var(--brand-primary) 20%,var(--color-border));border-radius:16px;padding:var(--sp-4);margin-top:var(--sp-4)}
.calc-box h4{font-size:14.5px;margin:0 0 var(--sp-3)}
.calc-row{display:flex;gap:10px;align-items:flex-end}
.calc-field{flex:1}
.calc-field label{font-size:11px;color:var(--color-text-muted);font-weight:600;display:block;margin-bottom:4px}
.calc-field .val{background:var(--color-surface);border:1px solid var(--color-border);border-radius:9px;padding:9px 12px;font-size:13px;font-weight:600}
.calc-result{display:flex;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px dashed var(--color-border);font-size:13px}

/* ---------- WooCommerce natív elemek reskinje ---------- */
.product-main{display:grid;grid-template-columns:1fr 1.3fr;gap:var(--sp-7);padding-block:var(--sp-6);align-items:start}
.woocommerce-product-gallery{border-radius:16px;overflow:hidden}
.woocommerce-product-gallery img{border-radius:16px}
.flex-control-thumbs{display:flex;gap:8px;margin-top:10px;list-style:none;padding:0}
.flex-control-thumbs li{width:64px;height:64px}
.flex-control-thumbs img{border-radius:8px;height:100%;object-fit:cover}
.p-info{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-card);padding:var(--sp-5);align-self:start}
@media (min-width:1024px){.p-info{position:sticky;top:20px}}
.p-info .product_title{display:block;font-family:var(--font-display);font-size:26px;line-height:1.2;margin:0 0 var(--sp-2);max-width:100%}
.p-info .woocommerce-product-rating{display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--brand-accent) 12%,var(--color-bg));border-radius:999px;padding:6px 14px;margin-bottom:var(--sp-3)}
.brand-sku-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--color-text-muted);margin:0 0 var(--sp-3)}
.brand-sku-row .brand-sku__brand{font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:.03em;font-size:11.5px}
.p-info .price{font-family:var(--font-display);font-size:40px;font-weight:800;margin-bottom:4px;color:var(--brand-primary)}
.p-info .price del{font-size:17px;color:var(--color-text-muted);font-weight:400;opacity:.7}
.p-info .price ins{text-decoration:none}
/* A variáció-specifikus ár dobozát elrejtjük — a fő (nagy, piros) árat JS-sel
   frissítjük variáció-váltáskor, hogy az ár csak EGYSZER jelenjen meg. */
.woocommerce-variation-price{display:none}
.unit-price{font-size:13px;color:var(--color-text-muted);margin:0 0 var(--sp-4)}
.star-rating{color:var(--brand-accent);font-size:14px}
.woocommerce-product-rating .star-rating{font-size:14px}
.woocommerce-product-rating .woocommerce-review-link{font-size:12px;color:var(--color-text-muted);font-weight:600}
.stock-summary{font-size:13.5px;font-weight:600;color:var(--color-text);margin:0 0 10px;display:flex;align-items:center;gap:6px}
.woocommerce-product-details__short-description{margin:0 0 var(--sp-4)}
.woocommerce-product-details__short-description p{color:var(--color-text);font-size:14px;margin-bottom:0}
table.variations{width:100%;margin-bottom:var(--sp-4)}
table.variations td{padding:6px 0}
table.variations select.jolly-native-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- Egyedi variáció-választó (pirula gombok) — a Variation Swatches plugin helyett ---------- */
.variation-attr-block{margin-bottom:var(--sp-4)}
.variation-attr-block .label{display:block;font-size:14.5px;font-weight:700;color:var(--color-text-muted);margin-bottom:9px}
.variation-pills{display:flex;flex-wrap:wrap;gap:9px}
.v-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:11px 19px;border-radius:var(--radius-chip);font-size:15px;font-weight:700;font-family:inherit;background:var(--color-surface);border:1.5px solid var(--color-border);color:var(--color-text);transition:background .15s,color .15s,border-color .15s}
.v-pill:hover:not(:disabled){border-color:var(--color-text)}
.v-pill.selected{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}
.v-pill:disabled,.v-pill.unavailable{opacity:.4;text-decoration:line-through;cursor:not-allowed;background:var(--color-bg)}
.v-pill__ribbon{position:absolute;top:-9px;right:-6px;background:var(--confetti-lime);color:#12310a;font-size:9px;font-weight:800;padding:2px 6px;border-radius:999px;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.2);text-decoration:none}

/* ---------- Szín-hatszög választó (valódi HEX színekkel, admin-kezelhető) ---------- */
.variation-pills.is-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px 6px}
.v-swatch{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:none;padding:2px;cursor:pointer;font-family:inherit}
.v-swatch__hex{position:relative;width:40px;height:40px;clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0% 50%);border:2px solid var(--color-border);box-shadow:inset 0 0 0 2px var(--color-surface);transition:transform .15s,box-shadow .15s}
.v-swatch:hover:not(:disabled) .v-swatch__hex{transform:scale(1.08)}
.v-swatch.selected .v-swatch__hex{box-shadow:inset 0 0 0 2px var(--color-surface),0 0 0 2px var(--brand-primary)}
.v-swatch.selected .v-swatch__hex::after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;text-shadow:0 1px 3px rgba(0,0,0,.55)}
.v-swatch:disabled,.v-swatch.unavailable{opacity:.35;cursor:not-allowed}
.v-swatch:disabled .v-swatch__hex,.v-swatch.unavailable .v-swatch__hex{filter:grayscale(1)}
.v-swatch__name{font-size:10px;font-weight:600;color:var(--color-text-muted);text-align:center;line-height:1.2;max-width:66px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-swatch-selected-label{font-size:13px;color:var(--color-text-muted);margin:10px 0 0}
.v-swatch-selected-label strong{color:var(--color-text);font-weight:700}

/* ---------- Kalkulátor + kapcsolódó útmutató sáv ---------- */
.calc-with-aside{display:grid;grid-template-columns:1fr 220px;gap:var(--sp-4);align-items:start;margin-top:var(--sp-4)}
.calc-with-aside .calc-box{margin-top:0}
.calc-aside{display:flex;flex-direction:column;gap:10px}
.calc-aside__card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:14px;padding:14px}
.calc-aside__card h5{font-size:12.5px;margin:0 0 6px;font-family:var(--font-display)}
.calc-aside__card a{font-size:12.5px;font-weight:600;color:var(--brand-primary)}
.calc-aside__badges{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--color-text-muted)}

/* ---------- Termék-GYIK ---------- */
.product-faq{padding-top:0}
.product-faq h2{margin-bottom:var(--sp-4)}
.product-faq .faq{max-width:100%}
.faq-item .chev{font-size:16px;transition:transform .2s;color:var(--color-text-muted)}
details.faq-item[open] .chev{transform:rotate(180deg)}

/* ---------- GEO / SEO — Gyors válasz, műszaki adatok, szakértői vélemény, kapcsolódó keresések ---------- */
.geo-tldr{background:color-mix(in srgb,var(--confetti-yellow) 8%,var(--color-surface));border:2px solid var(--confetti-yellow);border-radius:var(--radius-card);padding:var(--sp-5)}
.geo-tldr h2{font-size:18px;display:flex;align-items:center;gap:10px;margin-bottom:var(--sp-3)}
.geo-tldr__icon{width:24px;height:24px;border-radius:50%;background:var(--confetti-yellow);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;flex-shrink:0}
.geo-tldr ul{margin:0;padding-left:20px}
.geo-tldr li{color:var(--color-text);font-size:14.5px;line-height:1.7;margin-bottom:4px}

.product-description-wrap{padding-top:0}
.prose{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-card);padding:var(--sp-6);width:100%}
.prose h1,.prose h2,.prose h3{font-size:19px;padding-bottom:var(--sp-2);margin:0 0 var(--sp-3);border-bottom:1px solid var(--color-border)}
.prose h1:not(:first-child),.prose h2:not(:first-child),.prose h3:not(:first-child){margin-top:var(--sp-6)}
.prose p{font-size:14.5px;line-height:1.8;color:var(--color-text);margin:var(--sp-2) 0 0;max-width:none}
.prose ul,.prose ol{padding-left:20px;margin:var(--sp-2) 0 0;max-width:none}
.prose li{color:var(--color-text);font-size:14.5px;line-height:1.7;margin-bottom:6px}
.prose img{border-radius:12px;margin-top:var(--sp-3)}

.calc-section{padding-top:0}
.calc-section .calc-with-aside{margin-top:0}

.spec-table-wrap{padding-top:0}
.spec-table{width:100%;max-width:760px;border-collapse:collapse;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden}
.spec-table tr{border-bottom:1px solid var(--color-border)}
.spec-table tr:last-child{border-bottom:none}
.spec-table tr:nth-child(even){background:var(--color-bg)}
.spec-table td{padding:12px 20px;font-size:15px;color:var(--color-text)}
.spec-table td:first-child{color:var(--color-text-muted);font-weight:600;width:38%}

.eeat-wrap{padding-top:0}
.eeat{display:flex;gap:var(--sp-4);background:color-mix(in srgb,var(--brand-accent) 10%,var(--color-bg));border:1px solid color-mix(in srgb,var(--brand-accent) 30%,var(--color-border));border-radius:var(--radius-card);padding:var(--sp-5);align-items:flex-start;max-width:900px}
.eeat__avatar{width:50px;height:50px;border-radius:50%;background:var(--brand-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:18px;flex-shrink:0}
.eeat__body h4{font-size:14.5px;font-family:var(--font-body);font-weight:800;margin:0 0 8px}
.eeat__body p{font-size:13.5px;color:var(--color-text);margin:0 0 10px}
.eeat__fresh{font-size:11.5px;color:var(--color-text-muted)}

.related-searches-wrap{padding-top:0}

@media (max-width:1023px){
  .calc-with-aside{grid-template-columns:1fr}
}
.woocommerce-variation-availability{font-size:13px;margin-bottom:var(--sp-3)}
.woocommerce-variation-availability .stock.in-stock{color:var(--confetti-lime);font-weight:600}
.woocommerce-variation-availability .stock.out-of-stock{color:var(--confetti-red);font-weight:600}
/* JAVÍTÁS: a WooCommerce valódi osztálya ALÁHÚZÁSSAL írja (single_variation_wrap),
   a korábbi kötőjeles szelektor (single-variation-wrap) sosem talált semmit —
   emiatt a kedvenc gomb (fav-square) a mennyiség/kosár sor ALÁ csúszott
   variálható termékeknél. Emellett közvetlenül a .variations_button
   dobozra is rátesszük a flex-elrendezést, hogy EGYSZERŰ terméknél is
   biztosan egy sorban legyen a mennyiség, a Kosárba gomb és a kedvenc gomb. */
.single_variation_wrap .woocommerce-variation-add-to-cart,
.woocommerce-variation-add-to-cart.variations_button{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:var(--sp-4)}

.quantity{display:inline-flex;align-items:center;border:1.5px solid var(--color-border);border-radius:12px;overflow:hidden;height:52px;min-width:168px;background:var(--color-surface)}
.quantity .qty{width:auto;flex:1;min-width:56px;text-align:center;border:none;background:transparent;padding:10px 4px;font-family:inherit;font-size:15.5px;font-weight:700;color:var(--color-text)}
.quantity input[type=number].qty::-webkit-inner-spin-button,.quantity input[type=number].qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.quantity input[type=number].qty{-moz-appearance:textfield}
.quantity .qty-btn{width:52px;height:100%;font-size:20px;font-weight:600;color:var(--color-text-muted);background:var(--color-bg);flex-shrink:0;transition:background .15s,color .15s}
.quantity .qty-btn:hover{background:color-mix(in srgb,var(--brand-primary) 10%,var(--color-bg));color:var(--brand-primary)}
.quantity .qty-btn--minus{border-right:1px solid var(--color-border)}
.quantity .qty-btn--plus{border-left:1px solid var(--color-border)}
.single_add_to_cart_button,button.button.alt,a.add_to_cart_button,a.ajax_add_to_cart,.product_type_simple.add_to_cart_button,.jolly-add-to-cart{background:var(--brand-primary) !important;color:#fff !important;border-color:var(--brand-primary) !important;border-radius:var(--radius-btn);font-family:var(--font-display);font-weight:700;border:none;box-shadow:0 6px 16px color-mix(in srgb,var(--brand-primary) 30%,transparent);letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:9px}
/* Sima, egyszínű (fehér) bevásárlókosár ikon — CSS mask-image-dzsel, nem "kivágott" színes emoji. */
.single_add_to_cart_button::before{content:"";display:inline-block;width:18px;height:18px;flex-shrink:0;background-color:#fff;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/></svg>');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.single_add_to_cart_button{padding:0 34px;font-size:17px;height:54px;min-height:54px;width:248px;flex:0 0 auto}
form.cart{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin-bottom:var(--sp-3)}
form.cart .fav-square{margin:0;width:52px;height:52px;flex-shrink:0}
form.cart > .store-stock,form.cart > .stock-summary{flex:0 0 100%;width:100%}
.pickup-today-row{display:flex;flex-direction:column;gap:8px;width:100%;margin:0 0 var(--sp-4)}
.pickup-today-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:0;background:transparent;border:1.5px solid var(--color-border);border-radius:var(--radius-btn);padding:13px;font-weight:600;font-size:13.5px;color:var(--color-text);transition:border-color .15s,color .15s}
.pickup-today-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary)}
.product_meta{font-size:12px;color:var(--color-text-muted);list-style:none;padding:0;margin:var(--sp-3) 0 0}
.product_meta > span{display:block;margin-bottom:3px}
.product_meta a{color:inherit;text-decoration:underline;text-underline-offset:2px}
/* A rövid leírásos kártya alján, kicsiben: Cikkszám / Kategória / Címke / Márka. */
.buybox-meta{border-top:1px solid var(--color-border);padding-top:var(--sp-3);margin-top:var(--sp-4)}
.buybox-meta strong{color:var(--color-text);font-weight:700}
.woocommerce-tabs ul.tabs{display:flex;gap:6px;border-bottom:2px solid var(--color-border);list-style:none;padding:0;margin:var(--sp-6) 0 0}
.woocommerce-tabs ul.tabs li{margin:0}
.woocommerce-tabs ul.tabs li a{display:block;padding:12px 18px;font-size:14px;font-weight:600;color:var(--color-text-muted)}
.woocommerce-tabs ul.tabs li.active a{color:var(--brand-primary);font-weight:700}
.woocommerce-tabs .panel{padding-block:var(--sp-5)}
.woocommerce-tabs table.shop_attributes{width:100%;border-collapse:collapse;max-width:640px}
.woocommerce-tabs table.shop_attributes th,.woocommerce-tabs table.shop_attributes td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--color-border);font-size:14px}
.woocommerce-tabs table.shop_attributes th{color:var(--color-text-muted);font-weight:600;width:44%;background:none}
.woocommerce-tabs .panel table:not(.shop_attributes){width:100%;border-collapse:collapse;max-width:640px;margin-bottom:var(--sp-4)}
.woocommerce-tabs .panel table:not(.shop_attributes) th,.woocommerce-tabs .panel table:not(.shop_attributes) td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--color-border);font-size:14px}
.woocommerce-tabs .panel table:not(.shop_attributes) th{color:var(--color-text-muted);font-weight:600;background:var(--color-bg)}
.woocommerce-tabs .panel ul:not(.tabs),.woocommerce-tabs .panel ol{padding-left:20px;margin-bottom:var(--sp-4)}
.woocommerce-tabs .panel ul:not(.tabs) li,.woocommerce-tabs .panel ol li{color:var(--color-text);font-size:14px;line-height:1.6;margin-bottom:4px}
.woocommerce-tabs .panel h2,.woocommerce-tabs .panel h3,.woocommerce-tabs .panel h4{font-family:var(--font-display);margin-top:var(--sp-5)}
.related.products,.upsells.products{margin-top:var(--sp-7)}
.related.products > h2,.upsells.products > h2{font-family:var(--font-display);font-size:var(--fs-h2);margin-bottom:var(--sp-5)}

/* ---------- WooCommerce termékrács (kategória-oldal, kapcsolódó termékek) ---------- */
body.woocommerce ul.products,ul.products{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:var(--sp-4);list-style:none;padding:0;margin:0}
body.woocommerce ul.products::before,body.woocommerce ul.products::after,ul.products::before,ul.products::after{content:none !important;display:none !important}
body.woocommerce ul.products li.product,ul.products li.product,body.woocommerce ul.products article.product,ul.products article.product,body.woocommerce ul.products>article,ul.products>article{list-style:none;margin:0;display:flex;float:none !important;width:auto !important}
.related ul.products,.upsells ul.products{grid-template-columns:repeat(4,1fr) !important}
.load-more-wrap{display:flex;justify-content:center;margin-top:var(--sp-6)}
.load-more-btn{min-width:220px}
.load-more-btn[disabled]{opacity:.6;cursor:default}
.woocommerce-result-count{display:none}
.woocommerce-ordering select{border:1px solid var(--color-border);border-radius:8px;padding:6px 10px;font-family:inherit;background:var(--color-surface);color:var(--color-text)}
.term-description{max-width:720px}
.term-description p{margin-bottom:0}

/* ---------- Kategória-oldal alapstílusai ---------- */
.breadcrumb{font-size:12px;color:var(--color-text-muted);padding-block:14px}
.cat-header{padding-bottom:var(--sp-4)}
.subcat-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:var(--sp-5)}
.subcat-scroll .chip{white-space:nowrap;background:var(--color-surface)}
.cat-layout{display:grid;grid-template-columns:270px 1fr;gap:var(--sp-6)}
.filter-panel{align-self:start;position:sticky;top:20px;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4)}
.filter-panel-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:14px;padding:var(--sp-4)}
.filter-panel-card h4,.filter-panel-card__title{font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;color:var(--color-text-muted)}
.filter-group{margin-bottom:var(--sp-5)}
.filter-group:last-child{margin-bottom:0}
.filter-check{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:8px}

/* ---------- Márka-lista: alapból 5 sor, "további márka" gombbal ---------- */
.filter-brand-list.has-more .filter-brand-row--extra{display:none}
.filter-brand-list.has-more.show-all .filter-brand-row--extra{display:flex}
.filter-brand-toggle{display:block;background:none;border:none;padding:2px;margin:-2px 0 10px;color:var(--brand-primary);font-size:12.5px;font-weight:600;cursor:pointer}
.filter-brand-toggle:hover{text-decoration:underline}

.filter-cat-block{margin-bottom:2px}
.filter-cat-row{display:flex;align-items:center;gap:6px;padding:7px 4px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--color-text)}
.filter-cat-row a{flex:1}
.filter-cat-row:hover{background:var(--color-bg)}
.filter-cat-row.has-children{cursor:pointer}
.filter-cat-row.is-active{color:var(--color-text);box-shadow:inset 0 0 0 2px var(--brand-primary)}
.filter-cat-row .cnt{color:var(--color-text-muted);font-weight:400;font-size:12px}
.cat-expand{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--color-text-muted);transition:transform .2s}
.filter-cat-block.is-open .cat-expand{transform:rotate(90deg)}
.filter-subcat-list{display:flex;flex-direction:column;padding-left:14px;border-left:2px solid var(--color-border);margin:2px 0 6px 12px}
.filter-subcat-list[hidden]{display:none}
.filter-subcat-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:6px;font-size:12.5px;font-weight:500;color:var(--color-text-muted)}
.filter-subcat-row:hover{background:var(--color-bg);color:var(--color-text)}
.filter-subcat-row.is-active{color:var(--brand-primary);font-weight:700}
.filter-subcat-row .subcat-name{display:flex;align-items:center;gap:7px;min-width:0}
.filter-subcat-row .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.filter-subcat-row .cnt{font-size:11px;opacity:.75;flex-shrink:0;margin-left:8px}
.mobile-filter-trigger{display:none}
.results-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-4);font-size:14px}
.pagination{text-align:center;padding-top:var(--sp-6)}
.mobile-sort-bar{display:none}

/* ================= KOSÁR / PÉNZTÁR (WooCommerce natív osztályok) ================= */
.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:var(--sp-6);padding-block:var(--sp-6)}
body.woocommerce-cart .site-main article > div{display:grid;grid-template-columns:1fr 360px;gap:var(--sp-6);align-items:start}
@media (max-width:1023px){ body.woocommerce-cart .site-main article > div{grid-template-columns:1fr} }
table.shop_table{width:100%;border-collapse:separate;border-spacing:0 10px}
table.shop_table thead{display:none}
table.shop_table tr.cart_item{background:var(--color-surface);box-shadow:var(--shadow-card);border-radius:var(--radius-card)}
table.shop_table tr.cart_item td{padding:14px;border:none;vertical-align:middle}
table.shop_table tr.cart_item td:first-child{border-radius:var(--radius-card) 0 0 var(--radius-card)}
table.shop_table tr.cart_item td:last-child{border-radius:0 var(--radius-card) var(--radius-card) 0}
.cart_item .product-thumbnail img{width:76px;height:76px;object-fit:cover;border-radius:10px}
.cart_item .product-name a{font-size:14px;font-weight:600;color:var(--color-text)}
.cart_item .product-subtotal{font-weight:700;font-family:var(--font-display)}
.cart_item .product-remove a{font-size:20px;color:var(--color-text-muted)}
.cart-collaterals{padding:var(--sp-5);position:sticky;top:20px;background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}
.cart_totals table{width:100%}
.cart_totals table tr td,.cart_totals table tr th{padding:8px 0;border:none;font-size:14px}
.cart_totals .order-total{font-size:18px;font-weight:700;border-top:1px solid var(--color-border)}
.wc-proceed-to-checkout .checkout-button{display:flex;justify-content:center;background:var(--brand-primary);color:#fff;border-radius:var(--radius-btn);padding:14px;font-family:var(--font-display);font-weight:700;width:100%}
.coupon .input-text{padding:10px 14px;border:1px solid var(--color-border);border-radius:10px;font-family:inherit}
.coupon button{background:var(--color-text);color:#fff;border-radius:10px;padding:10px 18px;margin-left:8px}

/* ---------- Pénztár ---------- */
.checkout-distraction-free .site-header,.checkout-distraction-free .drawer-backdrop,.checkout-distraction-free .mobile-drawer,.checkout-distraction-free .store-band{display:none !important}
.checkout-mini-header{display:flex;align-items:center;justify-content:center;gap:16px;padding:18px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:relative}
.checkout-mini-header .dm-toggle{position:absolute;right:20px}
.checkout-layout{display:grid;grid-template-columns:1fr 360px;gap:var(--sp-6);padding-block:var(--sp-6)}
.woocommerce-checkout form.checkout{display:grid;grid-template-columns:1fr 360px;gap:var(--sp-6);align-items:start}
.woocommerce-checkout .col2-set{grid-column:1}
.woocommerce-checkout #order_review_heading{grid-column:2;grid-row:1;font-family:var(--font-display);font-size:16px}
.woocommerce-checkout #order_review{grid-column:2;grid-row:2}
.checkout-steps{display:flex;gap:var(--sp-5);list-style:none;padding:0;margin:0 0 var(--sp-5);font-size:13px;color:var(--color-text-muted)}
.checkout-steps li.is-current{color:var(--brand-primary);font-weight:700}
.woocommerce-checkout .form-row{margin-bottom:12px}
.woocommerce-checkout .form-row label{font-size:12px;font-weight:600;color:var(--color-text-muted);display:block;margin-bottom:4px}
.woocommerce-checkout input.input-text,.woocommerce-checkout select,.woocommerce-checkout textarea{width:100%;padding:14px;border:1.5px solid var(--color-border);border-radius:10px;font-size:14px;font-family:inherit;background:var(--color-surface);color:var(--color-text)}
.woocommerce-checkout #order_review{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--sp-5);position:sticky;top:20px}
.woocommerce-checkout table.shop_table th,.woocommerce-checkout table.shop_table td{padding:8px 0;font-size:13px}
#payment{background:var(--color-bg);border-radius:12px;padding:var(--sp-4);margin-top:var(--sp-4)}
#payment ul.payment_methods{list-style:none;padding:0}
#payment .place-order .button{width:100%;background:var(--brand-primary) !important;color:#fff !important;border-radius:var(--radius-btn);padding:14px;font-family:var(--font-display);font-weight:700;border:none;min-height:48px}

@media (max-width:1023px){
  .product-main,.cart-layout,.checkout-layout{grid-template-columns:1fr}
  body.woocommerce ul.products,ul.products{grid-template-columns:repeat(2,1fr) !important}
  .related ul.products,.upsells ul.products{grid-template-columns:repeat(2,1fr) !important}
  .cat-layout{grid-template-columns:1fr}
  .filter-panel{display:none;position:fixed;inset:0 0 0 auto;top:0;bottom:0;width:82%;max-width:340px;border-radius:0;z-index:71;overflow-y:auto;background:var(--color-surface)}
  .filter-panel.open{display:flex}
  .filter-panel-card--categories{display:none}
  .mobile-filter-trigger{display:inline-flex}
  .mobile-sort-bar{display:flex;position:sticky;bottom:0;background:var(--color-surface);border-top:1px solid var(--color-border);padding:10px 16px;gap:10px;box-shadow:var(--shadow-sticky);z-index:5}
  .mobile-sort-bar button{flex:1;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg);padding:10px;font-size:13px;font-weight:600}
  .cart-collaterals,.woocommerce-checkout #order_review{position:static}
}
@media (min-width:1024px){ .mobile-filter-trigger,.mobile-sort-bar{display:none} }

/* ================= TERMÉKOLDAL — CSEMÉS RÉSZLETES TARTALOM (SEO/GEO) ================= */
.pdp-tiles,.pdp-reviews{padding-top:0;padding-bottom:var(--sp-5)}
.pdp-tiles__grid{display:flex;flex-direction:column;gap:var(--sp-5)}
.pdp-tiles__cols{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--sp-5);align-items:start}
.pdp-tiles__cols--one{grid-template-columns:minmax(0,1fr)}
.pdp-tiles__col{display:flex;flex-direction:column;gap:var(--sp-5);min-width:0}

.pdp-tile{--tile-accent:var(--brand-primary);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--sp-5) var(--sp-6) var(--sp-6);min-width:0}
.pdp-tile__head{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--color-border)}
.pdp-tile__head h2{margin:0;font-size:20px}
.pdp-tile__icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none;color:var(--tile-accent);background:color-mix(in srgb,var(--tile-accent) 14%,var(--color-surface))}
.pdp-tile__icon svg{width:20px;height:20px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Termékleírás + használati útmutató (szerkesztői tartalom) */
.pdp-prose{color:var(--color-text);font-size:15px;line-height:1.8}
.pdp-prose > *:first-child{margin-top:0}
.pdp-prose > *:last-child{margin-bottom:0}
.pdp-prose p{color:var(--color-text);font-size:15px;line-height:1.8;margin:0 0 var(--sp-3);max-width:72ch}
.pdp-prose h1,.pdp-prose h2,.pdp-prose h3,.pdp-prose h4{font-size:17px;margin:var(--sp-5) 0 var(--sp-2)}
.pdp-prose ul{list-style:none;padding:0;margin:0 0 var(--sp-3)}
.pdp-prose ul li{position:relative;padding-left:24px;margin-bottom:6px;color:var(--color-text);line-height:1.65}
.pdp-prose ul li::before{content:"";position:absolute;left:4px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--tile-accent)}
.pdp-prose ol{margin:0 0 var(--sp-3);padding-left:22px}
.pdp-prose ol li{margin-bottom:6px;color:var(--color-text);line-height:1.65}
.pdp-prose img{border-radius:12px;margin:var(--sp-3) 0}
.pdp-prose a{color:var(--brand-primary);text-decoration:underline;text-underline-offset:2px}

/* Használati útmutató: számozott lépések */
.pdp-howto ol{list-style:none;padding:0;counter-reset:step;display:grid;gap:var(--sp-3)}
.pdp-howto ol li{counter-increment:step;position:relative;padding-left:46px;min-height:32px;margin:0}
.pdp-howto ol li::before{content:counter(step);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:15px;line-height:1;color:#fff;background:var(--tile-accent)}

/* Műszaki adatok (szemantikus táblázat) */
.pdp-spec{width:100%;border-collapse:collapse;font-size:14.5px}
.pdp-spec th,.pdp-spec td{text-align:left;vertical-align:top;padding:11px 0;border-bottom:1px solid var(--color-border)}
.pdp-spec tr:last-child th,.pdp-spec tr:last-child td{border-bottom:none}
.pdp-spec th{width:42%;padding-right:var(--sp-4);font-weight:600;color:var(--color-text-muted)}
.pdp-spec td{font-weight:600;color:var(--color-text)}
.pdp-spec td a{color:inherit;text-decoration:underline;text-underline-offset:2px}

/* Szakértői tipp — kiemelt csempe */
.pdp-tile--expert{background:color-mix(in srgb,var(--brand-accent) 8%,var(--color-surface));border-color:color-mix(in srgb,var(--brand-accent) 32%,var(--color-border))}
.pdp-expert{display:flex;gap:14px;margin:0;align-items:flex-start}
.pdp-expert__avatar{width:48px;height:48px;border-radius:50%;background:var(--brand-accent);color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-size:18px;flex:none}
.pdp-expert__body{min-width:0}
.pdp-expert blockquote{margin:0}
.pdp-expert blockquote p{margin:0 0 var(--sp-3);font-size:16px;line-height:1.65;color:var(--color-text)}
.pdp-expert figcaption{display:flex;flex-direction:column;font-size:13.5px;color:var(--color-text)}
.pdp-expert figcaption span{color:var(--color-text-muted);font-size:12.5px}
.pdp-expert__fresh{margin:var(--sp-3) 0 0;font-size:12px;color:var(--color-text-muted)}

/* Kapcsolódó keresések */
.pdp-tile--related .chip{color:var(--color-text);transition:border-color .15s,background .15s}
.pdp-tile--related .chip:hover{border-color:var(--tile-accent);background:color-mix(in srgb,var(--tile-accent) 10%,var(--color-surface))}

/* GYIK — kinyitva, kattintás nélkül olvasható */
.pdp-faq{columns:2;column-gap:var(--sp-5)}
.pdp-faq__item{break-inside:avoid;margin:0 0 var(--sp-4);padding:var(--sp-4) var(--sp-5);background:var(--color-bg);border:1px solid var(--color-border);border-left:4px solid var(--tile-accent);border-radius:12px}
.pdp-faq__item h3{margin:0 0 var(--sp-2);font-size:16px;line-height:1.3}
.pdp-faq__item p{margin:0;font-size:14.5px;line-height:1.7;color:var(--color-text)}

/* Vásárlói vélemények (WooCommerce saját blokkja a csempében) */
.pdp-tile--reviews .woocommerce-tabs{margin:0}
.pdp-tile--reviews .woocommerce-Reviews-title{font-size:17px}

.pdp-tile a:focus-visible,.pdp-tile button:focus-visible{outline:3px solid var(--tile-accent);outline-offset:2px}

@media (max-width:1023px){
  /* egy oszlop: a csempék a saját --o sorrendjükben követik egymást */
  .pdp-tiles__cols,.pdp-tiles__col{display:contents}
  .pdp-tile{order:var(--o,0);padding:var(--sp-4) var(--sp-4) var(--sp-5)}
  .pdp-faq{columns:1}
}

.screen-reader-text{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.no-reviews-link{display:inline-block;margin:0 0 var(--sp-3);font-size:12.5px;font-weight:600;color:var(--color-text-muted);text-decoration:underline;text-underline-offset:3px}
.no-reviews-link:hover{color:var(--brand-primary)}

/* ================= VÁSÁRLÓI VÉLEMÉNYEK — modern, letisztult ================= */
.pdp-tile--reviews{--star:#F5A623}
.pdp-reviews{padding-top:0;padding-bottom:var(--sp-7)}
.pdp-rv{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:var(--sp-6);align-items:start}

/* összegző panel */
.pdp-rv__summary{padding:var(--sp-5);border-radius:14px;background:var(--color-bg);border:1px solid var(--color-border)}
.pdp-rv__score{font-family:var(--font-display);font-weight:800;font-size:56px;line-height:1;color:var(--color-text)}
.pdp-rv__score span{font-family:var(--font-body);font-weight:600;font-size:15px;color:var(--color-text-muted);margin-left:6px}
.pdp-stars{--pct:0%;display:inline-block;margin-top:var(--sp-3);font-size:24px;line-height:1;letter-spacing:3px;background:linear-gradient(90deg,var(--star) var(--pct),var(--color-border) var(--pct));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.pdp-rv__count{margin:var(--sp-2) 0 var(--sp-4);font-size:13.5px;color:var(--color-text-muted)}
.pdp-rv__bars{list-style:none;margin:0 0 var(--sp-5);padding:0;display:grid;gap:7px}
.pdp-rv__bars li{display:grid;grid-template-columns:12px 1fr 22px;gap:10px;align-items:center;font-size:12.5px;font-weight:600;color:var(--color-text-muted)}
.pdp-rv__bars li span:last-child{text-align:right}
.pdp-rv__bar{height:6px;border-radius:999px;background:var(--color-border);overflow:hidden}
.pdp-rv__bar i{display:block;height:100%;width:var(--w,0%);background:var(--star);border-radius:inherit}
.pdp-rv__cta{display:flex;width:100%;justify-content:center;align-items:center;height:46px;padding:0 18px;font-size:14.5px}

/* lista + űrlap */
.pdp-tile--reviews #reviews{margin:0;padding:0}
.pdp-tile--reviews .woocommerce-Reviews-title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pdp-tile--reviews .woocommerce-noreviews{margin:0 0 var(--sp-5);padding:var(--sp-5);border:1.5px dashed var(--color-border);border-radius:14px;font-size:14.5px;color:var(--color-text-muted);text-align:center}
.pdp-tile--reviews .commentlist{list-style:none;margin:0 0 var(--sp-5);padding:0;display:grid;gap:var(--sp-3)}
.pdp-tile--reviews .commentlist li{margin:0;padding:var(--sp-4) var(--sp-5);border:1px solid var(--color-border);border-radius:14px;background:var(--color-bg)}
.pdp-tile--reviews .comment_container{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start}
.pdp-tile--reviews .comment_container img.avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}
.pdp-tile--reviews .comment-text .meta{margin:0 0 6px;font-size:13px;color:var(--color-text-muted)}
.pdp-tile--reviews .comment-text .meta strong{color:var(--color-text);font-size:14px}
.pdp-tile--reviews .comment-text .description p{margin:0;color:var(--color-text);font-size:14.5px;line-height:1.7}

.pdp-tile--reviews #review_form_wrapper{padding:var(--sp-5);border:1px solid var(--color-border);border-radius:14px}
.pdp-tile--reviews .comment-reply-title{display:block;margin:0 0 var(--sp-3);font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--color-text)}
.pdp-tile--reviews .comment-notes{margin:0 0 var(--sp-4);font-size:13px;color:var(--color-text-muted)}
.pdp-tile--reviews .comment-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin:0}
.pdp-tile--reviews .comment-form > *{grid-column:1 / -1;margin:0}
.pdp-tile--reviews .comment-form .comment-form-author,
.pdp-tile--reviews .comment-form .comment-form-email{grid-column:auto}
.pdp-tile--reviews .comment-form label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--color-text)}
.pdp-tile--reviews .comment-form input[type="text"],
.pdp-tile--reviews .comment-form input[type="email"],
.pdp-tile--reviews .comment-form textarea{width:100%;padding:12px 14px;font:inherit;font-size:14.5px;color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:12px;transition:border-color .15s,box-shadow .15s}
.pdp-tile--reviews .comment-form textarea{min-height:130px;resize:vertical}
.pdp-tile--reviews .comment-form input[type="text"]:focus,
.pdp-tile--reviews .comment-form input[type="email"]:focus,
.pdp-tile--reviews .comment-form textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 18%,transparent)}
.pdp-tile--reviews .comment-form-rating .stars{margin:0}
.pdp-tile--reviews .comment-form-rating .stars a{font-size:26px}
.pdp-tile--reviews .comment-form-rating .stars a::before{color:var(--star)}
.pdp-tile--reviews .comment-form-cookies-consent{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.5;color:var(--color-text-muted)}
.pdp-tile--reviews .comment-form-cookies-consent input{margin-top:3px;flex:none}
.pdp-tile--reviews .comment-form-cookies-consent label{margin:0;font-weight:400;color:var(--color-text-muted)}
.pdp-tile--reviews .form-submit .submit{height:48px;padding:0 28px;font-family:var(--font-display);font-size:15px;font-weight:700;color:#fff;background:var(--brand-primary);border:0;border-radius:var(--radius-btn);cursor:pointer;box-shadow:0 6px 16px color-mix(in srgb,var(--brand-primary) 28%,transparent);transition:transform .15s,box-shadow .15s}
.pdp-tile--reviews .form-submit .submit:hover{transform:translateY(-1px);box-shadow:0 8px 20px color-mix(in srgb,var(--brand-primary) 34%,transparent)}

@media (max-width:1023px){
  .pdp-rv{grid-template-columns:1fr}
  .pdp-tile--reviews .comment-form{grid-template-columns:1fr}
  .pdp-tile--reviews .comment-form .comment-form-author,
  .pdp-tile--reviews .comment-form .comment-form-email{grid-column:1 / -1}
}

/* Átvétel ma — Csepel / Vecsés egymás mellett */
.pickup-today-btns{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.pickup-today-row[data-count="1"] .pickup-today-btns{grid-template-columns:1fr}
.pickup-today-btn{justify-content:flex-start;text-align:left;padding:11px 14px;gap:10px}
.pickup-today-btn__pin{font-size:18px;line-height:1}
.pickup-today-btn__txt{display:flex;flex-direction:column;line-height:1.2}
.pickup-today-btn__txt small{font-size:11px;font-weight:500;color:var(--color-text-muted)}
.pickup-today-btn__txt strong{font-size:15px;font-weight:700}
.pickup-today-note{margin:2px 0 0;text-align:center;font-size:13px;color:var(--color-text-muted)}
.pickup-today-note strong{color:var(--brand-primary)}

.pickup-today-row[data-count] .pickup-today-btns,.pickup-today-btns{grid-template-columns:repeat(2,1fr)}
.pickup-today-btn__txt em{font-style:normal;font-size:12px;font-weight:600;color:var(--brand-primary);margin-top:2px}
.pickup-today-btn.is-later{opacity:.85}
.pickup-today-btn.is-later .pickup-today-btn__txt em{color:var(--color-text-muted);font-weight:500}
.pickup-today-note{display:none}

/* ===== Mennyiségi kedvezmény (Tiered Pricing Table plugin) — letisztult kártya ===== */
.p-info .tpt__tiered-pricing{margin:0 0 var(--sp-4)}
.p-info .tpt__tiered-pricing .clear{display:none}
.p-info .tiered-pricing-wrapper{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:14px;overflow:hidden}
.p-info .tiered-pricing-wrapper::before{content:"🏷️  Mennyiségi kedvezmény";display:block;padding:12px 18px;font-family:var(--font-heading,inherit);font-weight:700;font-size:14px;border-bottom:1px solid var(--color-border)}
.p-info table.tiered-pricing-table{width:100%;border:0;border-collapse:collapse;margin:0;background:transparent}
.p-info table.tiered-pricing-table thead th{background:transparent!important;color:var(--color-text-muted)!important;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:10px 18px 6px;border:0;text-align:left}
.p-info table.tiered-pricing-table thead th:nth-child(2){text-align:center}
.p-info table.tiered-pricing-table thead th:last-child{text-align:right}
.p-info table.tiered-pricing-table tbody td{padding:11px 18px;border:0;border-top:1px solid var(--color-border);font-size:14px;background:transparent;color:var(--color-text)}
.p-info table.tiered-pricing-table tbody tr:first-child td{border-top:0}
.p-info table.tiered-pricing-table tbody td:nth-child(2){text-align:center}
.p-info table.tiered-pricing-table tbody td:last-child{text-align:right;font-weight:700}
.p-info table.tiered-pricing-table tbody td:nth-child(2) > span{display:inline-block;background:color-mix(in srgb,var(--confetti-lime) 22%,var(--color-surface));color:#2f7a1f;font-weight:700;font-size:12.5px;padding:3px 10px;border-radius:999px}
.p-info table.tiered-pricing-table tbody tr:first-child td:nth-child(2) > span{background:transparent;color:var(--color-text-muted);font-weight:500;font-size:0}
.p-info table.tiered-pricing-table tbody tr:first-child td:nth-child(2) > span::after{content:"alapár";font-size:12.5px}
.p-info table.tiered-pricing-table tbody tr.tiered-pricing--active td{background:color-mix(in srgb,var(--brand-primary) 8%,var(--color-surface));color:var(--color-text)}
.p-info table.tiered-pricing-table tbody tr.tiered-pricing--active td:first-child{box-shadow:inset 3px 0 0 var(--brand-primary);font-weight:700}
[data-theme="dark"] .p-info table.tiered-pricing-table tbody td:nth-child(2) > span{color:var(--confetti-lime)}
/* a plugin inline, ID-s !important színét felülírjuk (:not(#x) = ID-szintű specificitás) */
.p-info .tiered-pricing-wrapper:not(#x) table.tiered-pricing-table tbody tr.tiered-pricing--active td{background-color:color-mix(in srgb,var(--brand-primary) 8%,var(--color-surface))!important;color:var(--color-text)!important}
.p-info .tiered-pricing-wrapper table.tiered-pricing-table thead{display:table-header-group!important}
.p-info .tiered-pricing-wrapper:not(#x) table.tiered-pricing-table tbody td,
.p-info .tiered-pricing-wrapper:not(#x) table.tiered-pricing-table tbody td *{color:inherit!important}
.p-info .tiered-pricing-wrapper:not(#x) table.tiered-pricing-table tbody td:nth-child(2) > span{color:#2f7a1f!important}
.p-info .tiered-pricing-wrapper:not(#x) table.tiered-pricing-table tbody tr:first-child td:nth-child(2) > span{color:var(--color-text-muted)!important}
[data-theme="dark"] .p-info .tiered-pricing-wrapper:not(#x) table.tiered-pricing-table tbody td:nth-child(2) > span{color:var(--confetti-lime)!important}
.p-info table.tiered-pricing-table tbody td:last-child,.p-info table.tiered-pricing-table tbody td:last-child *{font-weight:700;font-size:14px}
.p-info table.tiered-pricing-table tbody tr.tiered-pricing--active td:last-child{color:var(--brand-primary)!important}
.p-info .tiered-pricing-wrapper:not(#x) table.tiered-pricing-table tbody tr.tiered-pricing--active td:last-child{color:var(--brand-primary)!important}
/* Mennyiségi kedvezmény — kompaktabb + "db" */
.p-info .tiered-pricing-wrapper::before{padding:8px 14px;font-size:13px}
.p-info table.tiered-pricing-table thead th{padding:7px 14px 4px;font-size:10.5px}
.p-info table.tiered-pricing-table tbody td{padding:6px 14px;font-size:13px}
.p-info table.tiered-pricing-table tbody td:last-child,.p-info table.tiered-pricing-table tbody td:last-child *{font-size:13px}
.p-info table.tiered-pricing-table tbody td:nth-child(2) > span{font-size:11.5px;padding:2px 8px}
.p-info table.tiered-pricing-table tbody tr:first-child td:nth-child(2) > span::after{font-size:11.5px}
.p-info table.tiered-pricing-table tbody td:first-child > span > span:first-child::after,
.p-info table.tiered-pricing-table tbody td:first-child > span:not(:has(span))::after{content:" db"}
/* sötét mód: a plugin/WooCommerce fehér sorháttere ne jöjjön át */
.p-info .tiered-pricing-wrapper:not(#x) table.tiered-pricing-table,
.p-info .tiered-pricing-wrapper:not(#x) table.tiered-pricing-table thead,
.p-info .tiered-pricing-wrapper:not(#x) table.tiered-pricing-table tbody,
.p-info .tiered-pricing-wrapper:not(#x) table.tiered-pricing-table tr,
.p-info .tiered-pricing-wrapper:not(#x) table.tiered-pricing-table th{background:transparent!important}
.p-info .tiered-pricing-wrapper:not(#x) table.tiered-pricing-table tbody tr:not(.tiered-pricing--active) td{background:transparent!important;border-left:0!important;border-right:0!important}
.p-info .tiered-pricing-wrapper:not(#x) table.tiered-pricing-table tbody td{color:var(--color-text)!important}
.p-info .tiered-pricing-wrapper:not(#x) table.tiered-pricing-table tbody td:last-child{color:var(--color-text)!important}
.p-info .tiered-pricing-wrapper:not(#x) table.tiered-pricing-table tbody tr.tiered-pricing--active td:last-child{color:var(--brand-primary)!important}
.p-info .tiered-pricing-wrapper:not(#x) table.tiered-pricing-table th{color:var(--color-text-muted)!important}

/* ================= KOSÁR — modern, letisztult ================= */
body.woocommerce-cart .site-main article > div{display:block}
body.woocommerce-cart .site-main > article > h1{font-size:clamp(26px,3vw,34px);margin:0 0 var(--sp-5)}
body.woocommerce-cart .woocommerce{display:grid;grid-template-columns:minmax(0,1fr) 380px;column-gap:var(--sp-6);row-gap:var(--sp-4);align-items:start}
body.woocommerce-cart .woocommerce-notices-wrapper{grid-column:1/-1}
body.woocommerce-cart .woocommerce-cart-form{grid-column:1;grid-row:2}
body.woocommerce-cart .cart-collaterals{grid-column:2;grid-row:2;position:sticky;top:20px;padding:0;background:transparent;box-shadow:none;width:100%;float:none}
body.woocommerce-cart .cart-collaterals .cart_totals{float:none;width:100%;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:16px;padding:22px}

/* értesítés */
body.woocommerce-cart .woocommerce-message,body.woocommerce-cart .woocommerce-info,body.woocommerce-cart .woocommerce-error{display:flex;align-items:center;gap:12px;background:color-mix(in srgb,var(--confetti-lime) 12%,var(--color-surface));color:var(--color-text);border:1.5px solid color-mix(in srgb,var(--confetti-lime) 40%,var(--color-border));border-radius:12px;padding:12px 16px;margin:0;font-size:14px;list-style:none}
body.woocommerce-cart .woocommerce-message::before{position:static;color:#2f7a1f;font-size:16px}
body.woocommerce-cart .woocommerce-message .wc-forward{display:none}

/* tételek — kártyák */
body.woocommerce-cart table.woocommerce-cart-form__contents{display:block;border:0;margin:0}
body.woocommerce-cart table.woocommerce-cart-form__contents thead{display:none}
body.woocommerce-cart table.woocommerce-cart-form__contents tbody{display:flex;flex-direction:column;gap:12px}
body.woocommerce-cart tr.cart_item{display:grid;grid-template-columns:88px minmax(0,1fr) 112px 110px 34px;grid-template-areas:"thumb name qty sub remove" "thumb price qty sub remove";column-gap:16px;row-gap:2px;align-items:center;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:16px;padding:14px 16px;box-shadow:none}
body.woocommerce-cart tr.cart_item td{display:block;padding:0;border:0;background:transparent;text-align:left}
body.woocommerce-cart tr.cart_item td::before{content:none!important}
body.woocommerce-cart tr.cart_item .product-thumbnail{grid-area:thumb}
body.woocommerce-cart tr.cart_item .product-thumbnail img{width:88px;height:88px;object-fit:contain;background:#fff;border-radius:12px;padding:4px;box-sizing:border-box}
body.woocommerce-cart tr.cart_item .product-name{grid-area:name;align-self:end}
body.woocommerce-cart tr.cart_item .product-name a{font-size:15px;font-weight:700;line-height:1.3;color:var(--color-text)}
body.woocommerce-cart tr.cart_item .product-price{grid-area:price;align-self:start;font-size:13px;color:var(--color-text-muted)}
body.woocommerce-cart tr.cart_item .product-price::after{content:" / db"}
body.woocommerce-cart tr.cart_item .product-quantity{grid-area:qty}
body.woocommerce-cart tr.cart_item .product-subtotal{grid-area:sub;text-align:right;font-weight:800;font-size:16px;font-family:var(--font-display)}
body.woocommerce-cart tr.cart_item .product-remove{grid-area:remove;text-align:center}
body.woocommerce-cart tr.cart_item .product-remove a.remove{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:transparent;color:var(--color-text-muted)!important;font-size:20px;line-height:1;text-decoration:none}
body.woocommerce-cart tr.cart_item .product-remove a.remove:hover{background:color-mix(in srgb,var(--confetti-red) 14%,transparent);color:var(--confetti-red)!important}
body.woocommerce-cart .quantity{margin:0}
body.woocommerce-cart .quantity input.qty{width:100%;height:42px;text-align:center;font-weight:700;font-family:inherit;color:var(--color-text);background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:999px;padding:0 8px}
body.woocommerce-cart .quantity input.qty:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 18%,transparent)}

/* műveleti sor: kupon + gombok */
body.woocommerce-cart td.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:6px 0 0}
body.woocommerce-cart tr:not(.cart_item) td.actions{display:flex}
body.woocommerce-cart table.woocommerce-cart-form__contents tbody > tr:not(.cart_item){display:block}
body.woocommerce-cart .coupon{display:flex;gap:8px;flex:1 1 320px;max-width:440px}
body.woocommerce-cart .coupon label{display:none}
body.woocommerce-cart .coupon .input-text{flex:1;min-width:0;height:42px;padding:0 16px;background:var(--color-surface);color:var(--color-text);border:1.5px solid var(--color-border);border-radius:999px;font-family:inherit}
body.woocommerce-cart .coupon .input-text:focus{outline:none;border-color:var(--brand-primary)}
body.woocommerce-cart td.actions .button{margin:0;height:42px;padding:0 20px;border-radius:999px;font-family:inherit;font-weight:600;font-size:13.5px;cursor:pointer;border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}
body.woocommerce-cart td.actions .coupon .button{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}
body.woocommerce-cart td.actions .button:disabled{opacity:.4;cursor:not-allowed}
body.woocommerce-cart td.actions .button[name="update_cart"]:not(:disabled){border-color:var(--brand-primary);color:var(--brand-primary)}
body.woocommerce-cart td.actions .button[name*="clear"],body.woocommerce-cart td.actions .button.clear-cart{background:transparent;color:var(--confetti-red);border-color:color-mix(in srgb,var(--confetti-red) 45%,var(--color-border))}

/* összesítő */
body.woocommerce-cart .cart_totals h2{font-size:18px;margin:0 0 14px}
body.woocommerce-cart .cart_totals table.shop_table{border:0;border-spacing:0;margin:0}
body.woocommerce-cart .cart_totals table.shop_table th,body.woocommerce-cart .cart_totals table.shop_table td{padding:11px 0;border:0;border-bottom:1px solid var(--color-border);background:transparent;font-size:14px;text-align:left;vertical-align:top}
body.woocommerce-cart .cart_totals table.shop_table th{font-weight:600;color:var(--color-text-muted);width:38%}
body.woocommerce-cart .cart_totals table.shop_table td{text-align:right}
body.woocommerce-cart .cart_totals table.shop_table td::before{content:none!important}
body.woocommerce-cart .cart_totals .order-total th,body.woocommerce-cart .cart_totals .order-total td{border-bottom:0;font-size:18px;font-weight:800;color:var(--color-text);padding-top:16px}
body.woocommerce-cart .cart_totals .order-total small{display:block;font-size:12px;font-weight:500;color:var(--color-text-muted)}
body.woocommerce-cart .wc-proceed-to-checkout{padding:14px 0 0}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{display:flex;align-items:center;justify-content:center;width:100%;margin:0;height:52px;background:var(--brand-primary)!important;color:#fff!important;border-radius:999px;font-weight:700;font-size:15px;box-shadow:0 6px 18px color-mix(in srgb,var(--brand-primary) 32%,transparent);transition:transform .15s,box-shadow .15s}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px color-mix(in srgb,var(--brand-primary) 40%,transparent)}
body.woocommerce-cart .cart_totals .shipping-calculator-button{color:var(--brand-primary);font-weight:600}

/* üres kosár */
body.woocommerce-cart .cart-empty{grid-column:1/-1;text-align:center;padding:40px 20px;background:var(--color-surface);border:1.5px dashed var(--color-border);border-radius:16px;font-size:16px}
body.woocommerce-cart .return-to-shop{grid-column:1/-1;text-align:center}
body.woocommerce-cart .return-to-shop .button{display:inline-flex;height:46px;padding:0 26px;align-items:center;border-radius:999px;background:var(--brand-primary);color:#fff}

@media (max-width:1023px){
	body.woocommerce-cart .woocommerce{grid-template-columns:1fr}
	body.woocommerce-cart .cart-collaterals{grid-column:1;grid-row:3;position:static}
}
@media (max-width:640px){
	body.woocommerce-cart tr.cart_item{grid-template-columns:72px minmax(0,1fr) 30px;grid-template-areas:"thumb name remove" "thumb price price" "qty qty sub";row-gap:8px;padding:12px}
	body.woocommerce-cart tr.cart_item .product-thumbnail img{width:72px;height:72px}
	body.woocommerce-cart tr.cart_item .product-quantity{max-width:120px}
	body.woocommerce-cart td.actions .coupon{flex-basis:100%;max-width:none}
}

/* Kosár — ingyenes házhozszállítás sáv */
.free-delivery{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:16px;padding:14px 18px;margin:0 0 14px}
.free-delivery__text{font-size:14px;color:var(--color-text);margin-bottom:10px}
.free-delivery__bar{height:8px;border-radius:999px;background:var(--color-border);overflow:hidden}
.free-delivery__bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--confetti-orange),var(--brand-primary));transition:width .4s}
.free-delivery.is-reached{border-color:color-mix(in srgb,var(--confetti-lime) 45%,var(--color-border));background:color-mix(in srgb,var(--confetti-lime) 10%,var(--color-surface))}
.free-delivery.is-reached .free-delivery__bar span{background:var(--confetti-lime)}
.free-delivery__note{font-size:11.5px;color:var(--color-text-muted);margin-top:8px}
/* Kosár — szállítási módok: egymás alatt, balra zárt, olvasható */
body.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals th,body.woocommerce-cart .cart_totals tr.shipping th{display:block;width:100%;padding-bottom:4px;border-bottom:0}
body.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals td,body.woocommerce-cart .cart_totals tr.shipping td{display:block;width:100%;text-align:left;padding-top:0}
body.woocommerce-cart .cart_totals #shipping_method{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
body.woocommerce-cart .cart_totals #shipping_method li{display:flex;gap:8px;align-items:flex-start;padding:9px 12px;border:1.5px solid var(--color-border);border-radius:12px;font-size:13px;line-height:1.35;text-align:left}
body.woocommerce-cart .cart_totals #shipping_method li:has(input:checked){border-color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 6%,var(--color-surface))}
body.woocommerce-cart .cart_totals #shipping_method input{margin-top:3px;accent-color:var(--brand-primary)}
body.woocommerce-cart .cart_totals #shipping_method label{cursor:pointer}

/* ===== Kosár: mennyiség-léptető + lapos szállítási módok ===== */
body.woocommerce-cart tr.cart_item .quantity{display:inline-flex;align-items:center;justify-content:space-between;width:112px;height:38px;min-width:0;border:1.5px solid var(--color-border);border-radius:999px;background:var(--color-bg);overflow:hidden}
body.woocommerce-cart tr.cart_item .quantity input.qty{flex:1;min-width:0;width:auto;height:100%;border:0;border-radius:0;background:transparent;padding:0;font-size:14px;font-weight:700;box-shadow:none;-moz-appearance:textfield}
body.woocommerce-cart tr.cart_item .quantity input.qty::-webkit-inner-spin-button,body.woocommerce-cart tr.cart_item .quantity input.qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body.woocommerce-cart tr.cart_item .quantity input.qty:focus{box-shadow:none}
body.woocommerce-cart tr.cart_item .quantity:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 16%,transparent)}
body.woocommerce-cart tr.cart_item .quantity .qty-btn{width:34px;height:100%;border:0;background:transparent;color:var(--color-text-muted);font-size:18px;font-weight:600;line-height:1;cursor:pointer;padding:0}
body.woocommerce-cart tr.cart_item .quantity .qty-btn:hover{background:color-mix(in srgb,var(--brand-primary) 10%,transparent);color:var(--brand-primary)}
body.woocommerce-cart tr.cart_item .quantity .qty-btn--minus,body.woocommerce-cart tr.cart_item .quantity .qty-btn--plus{border:0}

body.woocommerce-cart .cart_totals,body.woocommerce-cart .cart_totals *{font-family:var(--font-body)}
body.woocommerce-cart .cart_totals h2,body.woocommerce-cart .cart_totals .order-total td{font-family:var(--font-display)}
body.woocommerce-cart .cart_totals table.shop_table{width:100%;table-layout:auto}
body.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals td,body.woocommerce-cart .cart_totals tr.shipping td{width:100%;max-width:none;padding-right:0}
body.woocommerce-cart .cart_totals #shipping_method{width:100%;gap:6px}
body.woocommerce-cart .cart_totals #shipping_method li{width:100%;box-sizing:border-box;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:500;line-height:1.3;align-items:center}
body.woocommerce-cart .cart_totals #shipping_method li label{flex:1;min-width:0;margin:0;font-weight:500}
body.woocommerce-cart .cart_totals #shipping_method li .amount{font-weight:700}
body.woocommerce-cart .cart_totals #shipping_method .ship-group{display:block;padding:0;border:0;background:none!important}
body.woocommerce-cart .cart_totals #shipping_method details{border:1.5px solid var(--color-border);border-radius:10px;overflow:hidden}
body.woocommerce-cart .cart_totals #shipping_method details[open]{border-color:color-mix(in srgb,var(--brand-primary) 45%,var(--color-border))}
body.woocommerce-cart .cart_totals #shipping_method summary{cursor:pointer;padding:9px 12px;font-size:13px;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center}
body.woocommerce-cart .cart_totals #shipping_method summary::-webkit-details-marker{display:none}
body.woocommerce-cart .cart_totals #shipping_method summary::after{content:"▾";color:var(--color-text-muted);transition:transform .15s}
body.woocommerce-cart .cart_totals #shipping_method details[open] summary::after{transform:rotate(180deg)}
body.woocommerce-cart .cart_totals #shipping_method details > ul{list-style:none;margin:0;padding:0 6px 6px;display:flex;flex-direction:column;gap:4px;max-height:260px;overflow:auto}
body.woocommerce-cart .cart_totals #shipping_method details li{border:0;border-radius:8px;padding:7px 8px;background:transparent}
body.woocommerce-cart .cart_totals #shipping_method details li:has(input:checked){background:color-mix(in srgb,var(--brand-primary) 8%,var(--color-surface))}
body.woocommerce-cart .cart_totals .woocommerce-shipping-destination,body.woocommerce-cart .cart_totals .shipping-calculator-button{font-size:12px;color:var(--color-text-muted)}
body.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals,body.woocommerce-cart .cart_totals tr.shipping{display:block;width:100%;border-bottom:1px solid var(--color-border)}
body.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals td,body.woocommerce-cart .cart_totals tr.shipping td{border-bottom:0;padding-bottom:12px}
body.woocommerce-cart .cart_totals table.shop_table,body.woocommerce-cart .cart_totals table.shop_table tbody{display:block;width:100%}
body.woocommerce-cart .cart_totals table.shop_table tr.cart-subtotal,body.woocommerce-cart .cart_totals table.shop_table tr.order-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
body.woocommerce-cart .cart_totals table.shop_table tr.cart-subtotal th,body.woocommerce-cart .cart_totals table.shop_table tr.order-total th{width:auto}
body.woocommerce-cart .cart_totals table.shop_table tr.cart-subtotal td,body.woocommerce-cart .cart_totals table.shop_table tr.order-total td{width:auto}
body.woocommerce-cart .cart_totals #shipping_method{gap:4px}
body.woocommerce-cart .cart_totals #shipping_method > li{padding:6px 10px;font-size:12.5px}
body.woocommerce-cart .cart_totals #shipping_method summary{padding:7px 10px;font-size:12.5px}
body.woocommerce-cart .cart_totals #shipping_method img{max-height:16px;width:auto}
.cart-ship-note{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--brand-primary) 6%,var(--color-surface));font-size:12.5px;line-height:1.4;color:var(--color-text-muted)}

/* ================= PÉNZTÁR — modern, letisztult ================= */
body.woocommerce-checkout .site-main > article > h1,body.woocommerce-checkout h1.entry-title{font-size:clamp(26px,3vw,34px);margin:0 0 var(--sp-3)}
body.woocommerce-checkout .checkout-steps{margin-bottom:var(--sp-4)}
body.woocommerce-checkout .checkout-steps li{padding:5px 14px;border-radius:999px;background:var(--color-surface);border:1.5px solid var(--color-border)}
body.woocommerce-checkout .checkout-steps li.is-current{border-color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 8%,var(--color-surface))}

/* felső értesítések (belépés / kupon) */
body.woocommerce-checkout .woocommerce-info{display:block;margin:0 0 10px;padding:11px 16px;background:var(--color-surface);color:var(--color-text);border:1.5px solid var(--color-border);border-left:4px solid var(--brand-primary);border-radius:12px;font-size:13.5px}
body.woocommerce-checkout .woocommerce-info::before{display:none}
body.woocommerce-checkout .woocommerce-info a{color:var(--brand-primary);font-weight:600}
body.woocommerce-checkout form.checkout_coupon,body.woocommerce-checkout form.woocommerce-form-login{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:14px;padding:14px 16px;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
body.woocommerce-checkout form.checkout_coupon p{margin:0}
body.woocommerce-checkout form.checkout_coupon .form-row-first{flex:1 1 240px}
body.woocommerce-checkout form.checkout_coupon .button{height:44px;padding:0 20px;border-radius:999px;background:var(--color-text);color:var(--color-bg);border:0;font-weight:600;cursor:pointer}

/* elrendezés: adatok bal, rendelés jobb */
body.woocommerce-checkout form.checkout{grid-template-columns:minmax(0,1fr) 400px;column-gap:var(--sp-6);row-gap:0}
body.woocommerce-checkout #customer_details{display:flex;flex-direction:column;gap:16px;grid-column:1;grid-row:1/span 2}
body.woocommerce-checkout #customer_details .col-1,body.woocommerce-checkout #customer_details .col-2{float:none;width:100%;max-width:none;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:16px;padding:22px}
body.woocommerce-checkout #customer_details h3{font-size:18px;margin:0 0 16px}
body.woocommerce-checkout #customer_details h3 label{font-size:inherit;font-weight:inherit;color:inherit;margin:0}
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}
body.woocommerce-checkout .form-row{float:none;width:100%;margin:0 0 14px;padding:0}
body.woocommerce-checkout .form-row-wide,body.woocommerce-checkout .notes,body.woocommerce-checkout #order_comments_field{grid-column:1/-1}
body.woocommerce-checkout .form-row label{font-size:12.5px;font-weight:600;color:var(--color-text-muted);margin-bottom:6px}
body.woocommerce-checkout .form-row .required{color:var(--brand-primary);text-decoration:none}
body.woocommerce-checkout input.input-text,body.woocommerce-checkout select,body.woocommerce-checkout textarea,body.woocommerce-checkout .select2-selection{box-sizing:border-box;width:100%;min-height:46px;padding:0 14px;border:1.5px solid var(--color-border);border-radius:12px;font-size:14px;font-family:inherit;background:var(--color-bg);color:var(--color-text);transition:border-color .15s,box-shadow .15s}
body.woocommerce-checkout textarea{padding:12px 14px;min-height:90px}
body.woocommerce-checkout input.input-text:focus,body.woocommerce-checkout select:focus,body.woocommerce-checkout textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 16%,transparent)}
body.woocommerce-checkout #ship-to-different-address{margin:0}
body.woocommerce-checkout #ship-to-different-address label{display:flex;align-items:center;gap:10px;cursor:pointer}
body.woocommerce-checkout #ship-to-different-address input{width:18px;height:18px;min-height:0;accent-color:var(--brand-primary)}

/* rendelés összegzése */
body.woocommerce-checkout #order_review_heading{grid-column:2;grid-row:1;margin:0 0 12px;font-size:18px}
body.woocommerce-checkout #order_review{grid-column:2;grid-row:2;position:sticky;top:20px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:16px;box-shadow:none;padding:20px}
body.woocommerce-checkout #order_review table.shop_table,body.woocommerce-checkout #order_review table.shop_table tbody,body.woocommerce-checkout #order_review table.shop_table tfoot{display:block;width:100%;border:0;margin:0}
body.woocommerce-checkout #order_review table.shop_table thead{display:none}
body.woocommerce-checkout #order_review table.shop_table tr{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border:0}
body.woocommerce-checkout #order_review table.shop_table th,body.woocommerce-checkout #order_review table.shop_table td{display:block;border:0;background:transparent;padding:8px 0;font-size:13.5px;text-align:left;width:auto}
body.woocommerce-checkout #order_review td.product-name{flex:1;font-weight:600}
body.woocommerce-checkout #order_review td.product-name .product-quantity{color:var(--color-text-muted);font-weight:500}
body.woocommerce-checkout #order_review td.product-total,body.woocommerce-checkout #order_review tfoot td{text-align:right;font-weight:700}
body.woocommerce-checkout #order_review tfoot th{color:var(--color-text-muted);font-weight:600}
body.woocommerce-checkout #order_review tfoot tr:first-child{border-top:1px solid var(--color-border)}
body.woocommerce-checkout #order_review tr.order-total{border-top:1px solid var(--color-border);margin-top:6px}
body.woocommerce-checkout #order_review tr.order-total th,body.woocommerce-checkout #order_review tr.order-total td{font-family:var(--font-display);font-size:19px;font-weight:800;color:var(--color-text);padding-top:14px}
body.woocommerce-checkout #order_review tr.order-total small{display:block;font-size:11.5px;font-weight:500;color:var(--color-text-muted)}

/* szállítási módok (a kosár stílusával azonos) */
body.woocommerce-checkout #order_review tr.woocommerce-shipping-totals{display:block;width:100%}
body.woocommerce-checkout #order_review tr.woocommerce-shipping-totals th{padding-bottom:4px}
body.woocommerce-checkout #order_review tr.woocommerce-shipping-totals td{width:100%;text-align:left;font-weight:500;padding-top:0}
body.woocommerce-checkout #order_review #shipping_method{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;width:100%}
body.woocommerce-checkout #order_review #shipping_method > li{display:flex;gap:8px;align-items:center;padding:7px 10px;border:1.5px solid var(--color-border);border-radius:10px;font-size:12.5px;line-height:1.3;box-sizing:border-box}
body.woocommerce-checkout #order_review #shipping_method > li:has(input:checked){border-color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 6%,var(--color-surface))}
body.woocommerce-checkout #order_review #shipping_method input{accent-color:var(--brand-primary);margin:0;width:auto;min-height:0}
body.woocommerce-checkout #order_review #shipping_method label{flex:1;min-width:0;margin:0;font-size:12.5px;font-weight:500;color:var(--color-text);cursor:pointer}
body.woocommerce-checkout #order_review #shipping_method img{max-height:16px;width:auto}
body.woocommerce-checkout #order_review #shipping_method .ship-group{display:block;padding:0;border:0;background:none!important}
body.woocommerce-checkout #order_review #shipping_method details{border:1.5px solid var(--color-border);border-radius:10px;overflow:hidden}
body.woocommerce-checkout #order_review #shipping_method details[open]{border-color:color-mix(in srgb,var(--brand-primary) 45%,var(--color-border))}
body.woocommerce-checkout #order_review #shipping_method summary{cursor:pointer;padding:8px 10px;font-size:12.5px;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center}
body.woocommerce-checkout #order_review #shipping_method summary::-webkit-details-marker{display:none}
body.woocommerce-checkout #order_review #shipping_method summary::after{content:"▾";color:var(--color-text-muted)}
body.woocommerce-checkout #order_review #shipping_method details > ul{list-style:none;margin:0;padding:0 6px 6px;display:flex;flex-direction:column;gap:4px;max-height:260px;overflow:auto}
body.woocommerce-checkout #order_review #shipping_method details li{display:flex;gap:8px;align-items:flex-start;padding:7px 8px;border-radius:8px;font-size:12.5px}
body.woocommerce-checkout #order_review #shipping_method details li:has(input:checked){background:color-mix(in srgb,var(--brand-primary) 8%,var(--color-surface))}

/* fizetési módok */
body.woocommerce-checkout #payment{background:transparent;padding:0;margin-top:16px;border-radius:0}
body.woocommerce-checkout #payment ul.payment_methods{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;border:0}
body.woocommerce-checkout #payment ul.payment_methods > li{border:1.5px solid var(--color-border);border-radius:12px;padding:11px 14px;background:var(--color-bg);margin:0}
body.woocommerce-checkout #payment ul.payment_methods > li:has(input:checked){border-color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 6%,var(--color-surface))}
body.woocommerce-checkout #payment ul.payment_methods label{font-size:13.5px;font-weight:600;color:var(--color-text);cursor:pointer;margin:0}
body.woocommerce-checkout #payment ul.payment_methods input{accent-color:var(--brand-primary)}
body.woocommerce-checkout #payment .payment_box{margin:8px 0 0;padding:10px 12px;background:var(--color-surface);border-radius:8px;font-size:12.5px;color:var(--color-text-muted)}
body.woocommerce-checkout #payment .payment_box::before{display:none}
body.woocommerce-checkout #payment .payment_box p{margin:0}
body.woocommerce-checkout .woocommerce-privacy-policy-text,body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{font-size:12px;color:var(--color-text-muted);margin:12px 0}
body.woocommerce-checkout #payment #place_order{display:flex;align-items:center;justify-content:center;width:100%;height:52px;background:var(--brand-primary)!important;color:#fff!important;border:0;border-radius:999px;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 6px 18px color-mix(in srgb,var(--brand-primary) 32%,transparent);transition:transform .15s}
body.woocommerce-checkout #payment #place_order:hover{transform:translateY(-1px)}

@media (max-width:1023px){
	body.woocommerce-checkout form.checkout{grid-template-columns:1fr}
	body.woocommerce-checkout #customer_details,body.woocommerce-checkout #order_review_heading,body.woocommerce-checkout #order_review{grid-column:1;grid-row:auto}
	body.woocommerce-checkout #order_review{position:static;margin-top:8px}
}
@media (max-width:560px){
	body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper{grid-template-columns:1fr}
	body.woocommerce-checkout #customer_details .col-1,body.woocommerce-checkout #customer_details .col-2{padding:16px}
}
body.woocommerce-checkout #order_review table.shop_table tr.woocommerce-shipping-totals{display:block;width:100%}
body.woocommerce-checkout #order_review table.shop_table tr.woocommerce-shipping-totals th,body.woocommerce-checkout #order_review table.shop_table tr.woocommerce-shipping-totals td{display:block;width:100%;text-align:left}
body.woocommerce-checkout form.checkout_coupon{display:none}
body.woocommerce-checkout form.checkout_coupon.is-open{display:flex}
body.woocommerce-checkout form.checkout_coupon .form-row-first,body.woocommerce-checkout form.checkout_coupon .form-row-last{width:auto;float:none;margin:0}
body.woocommerce-checkout form.checkout_coupon{display:none!important}
body.woocommerce-checkout form.checkout_coupon.is-open{display:flex!important}
body.woocommerce-checkout form.checkout_coupon .form-row-first{flex:1 1 240px}
body.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals,body.woocommerce-cart .cart_totals tr.shipping{display:none!important}

/* ===== Pénztár v2: kompakt mezők, magánszemély/cég váltó, szállítási kártyák ===== */
body.woocommerce-checkout #customer_details .col-1,body.woocommerce-checkout #customer_details .col-2{padding:18px 20px}
body.woocommerce-checkout #customer_details h3{font-size:16px;margin:0 0 12px}

/* váltó */
.buyer-type{display:inline-flex;gap:4px;padding:4px;margin:0 0 14px;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:999px}
.buyer-type button{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--color-text-muted);font:600 13px/1 var(--font-body);cursor:pointer;transition:background .15s,color .15s}
.buyer-type button:hover{color:var(--color-text)}
.buyer-type button.is-active{background:var(--brand-primary);color:#fff;box-shadow:0 3px 10px color-mix(in srgb,var(--brand-primary) 30%,transparent)}
body.woocommerce-checkout .form-row.is-hidden{display:none!important}

/* kompakt, 12 oszlopos mezőrács */
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper{grid-template-columns:repeat(12,1fr);column-gap:10px}
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row{grid-column:span 12;margin:0 0 10px}
body.woocommerce-checkout #billing_last_name_field,body.woocommerce-checkout #billing_first_name_field,body.woocommerce-checkout #billing_phone_field,body.woocommerce-checkout #billing_email_field,body.woocommerce-checkout #shipping_last_name_field,body.woocommerce-checkout #shipping_first_name_field{grid-column:span 6!important}
body.woocommerce-checkout #billing_company_field{grid-column:span 7!important}
body.woocommerce-checkout #billing_tax_number_field{grid-column:span 5!important}
body.woocommerce-checkout #billing_postcode_field,body.woocommerce-checkout #shipping_postcode_field{grid-column:span 4!important}
body.woocommerce-checkout #billing_city_field,body.woocommerce-checkout #shipping_city_field{grid-column:span 8!important}
body.woocommerce-checkout #billing_address_1_field,body.woocommerce-checkout #shipping_address_1_field{grid-column:span 8!important}
body.woocommerce-checkout #billing_address_2_field,body.woocommerce-checkout #shipping_address_2_field{grid-column:span 4!important}
body.woocommerce-checkout #billing_country_field,body.woocommerce-checkout #shipping_country_field{display:none}
body.woocommerce-checkout .form-row label{font-size:11.5px;margin-bottom:4px}
body.woocommerce-checkout input.input-text,body.woocommerce-checkout select,body.woocommerce-checkout .select2-selection{min-height:40px;height:40px;padding:0 12px;font-size:13.5px;border-radius:10px}
body.woocommerce-checkout textarea{min-height:64px;padding:10px 12px;font-size:13.5px;border-radius:10px}
body.woocommerce-checkout #account_password_field,body.woocommerce-checkout .create-account{margin-top:4px}
body.woocommerce-checkout #createaccount{width:16px;height:16px;min-height:0;accent-color:var(--brand-primary)}
body.woocommerce-checkout .woocommerce-form__label-for-checkbox{display:flex;align-items:center;gap:8px;font-size:13px!important;font-weight:500!important;color:var(--color-text)!important}
body.woocommerce-checkout #order_comments{height:64px}

/* márka-jelvények */
.ship-ico{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:26px;border-radius:7px;font:800 10px/1 var(--font-body);letter-spacing:.03em;color:#fff;background:var(--color-text)}
.ship-ico--gls{background:#061ab1;color:#ffd100;font-size:11px}
.ship-ico--fox{background:#d5232a;color:#fff}
.ship-ico--mpl{background:#ffd100;color:#1b2a4a}
.ship-ico--pp{background:color-mix(in srgb,var(--confetti-orange) 22%,var(--color-surface));font-size:14px}
.ship-ico--own{background:var(--brand-primary);font-size:14px}
.ship-ico--shop{background:color-mix(in srgb,var(--confetti-lime) 30%,var(--color-surface));font-size:14px}

/* szállítási kártya: ikon | név | ár */
body.woocommerce-checkout #order_review #shipping_method li label{display:flex;align-items:center;gap:10px;width:100%}
body.woocommerce-checkout #order_review #shipping_method li label .amount,body.woocommerce-checkout #order_review #shipping_method li label .woocommerce-Price-amount{margin-left:auto;font-weight:700;white-space:nowrap;padding-left:8px}
body.woocommerce-checkout #order_review #shipping_method > li{padding:8px 10px;gap:10px;min-height:44px}
body.woocommerce-checkout #order_review #shipping_method > li input[type=radio]{flex:0 0 auto}
body.woocommerce-checkout #order_review #shipping_method summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 10px}
body.woocommerce-checkout #order_review #shipping_method summary .ship-sum-text{flex:1}
body.woocommerce-checkout #order_review #shipping_method summary::after{margin-left:auto}
body.woocommerce-checkout #order_review #shipping_method label img{margin-left:auto;max-height:18px}
body.woocommerce-checkout #order_review #shipping_method details li label{gap:10px}

/* fizetési módok — kártyák */
body.woocommerce-checkout #payment ul.payment_methods > li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 12px}
body.woocommerce-checkout #payment ul.payment_methods > li > input{flex:0 0 auto;margin:0}
body.woocommerce-checkout #payment ul.payment_methods > li > label{flex:1;display:flex;align-items:center;gap:8px;min-width:0}
body.woocommerce-checkout #payment ul.payment_methods > li > label img{max-height:20px;width:auto;margin-left:auto}
body.woocommerce-checkout #payment ul.payment_methods > li > .payment_box{flex:0 0 100%}
body.woocommerce-checkout #billing_country_field,body.woocommerce-checkout #shipping_country_field{display:none!important}
body.woocommerce-checkout #billing_address_2_field::before,body.woocommerce-checkout #shipping_address_2_field::before{content:"\00a0";display:block;font-size:11.5px;line-height:1.2;margin-bottom:4px}
body.woocommerce-checkout #order_review #shipping_method li label{flex-wrap:wrap}
body.woocommerce-checkout #order_review #shipping_method li label img{order:5;margin:2px 4px 0 0;max-height:18px;width:auto}

/* ===== Pénztár v3: 3 oszlopos kártya-elrendezés (Adatok | Szállítás | Fizetés) ===== */
body.woocommerce-checkout .checkout-steps{display:none}
/* bejelentkezés + kupon egymás mellett */
body.woocommerce-checkout .woocommerce{display:flex;flex-wrap:wrap;gap:0 12px;align-items:flex-start}
body.woocommerce-checkout .woocommerce > *{flex:0 0 100%;min-width:0}
body.woocommerce-checkout .woocommerce > .woocommerce-form-login-toggle,body.woocommerce-checkout .woocommerce > .woocommerce-form-coupon-toggle{flex:1 1 calc(50% - 6px)}
body.woocommerce-checkout .woocommerce > .woocommerce-form-login-toggle .woocommerce-info,body.woocommerce-checkout .woocommerce > .woocommerce-form-coupon-toggle .woocommerce-info{margin:0 0 12px}

body.woocommerce-checkout form.checkout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);column-gap:16px;align-items:start}
body.woocommerce-checkout #customer_details{grid-column:1;grid-row:1}
body.woocommerce-checkout #jolly-ship-card{grid-column:2;grid-row:1}
body.woocommerce-checkout #order_review_heading{display:none}
body.woocommerce-checkout #order_review{grid-column:3;grid-row:1}
body.woocommerce-checkout #order_review::before{content:"3";display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin:0 8px 0 0;border-radius:50%;background:var(--brand-primary);color:#fff;font:700 12px/1 var(--font-body);vertical-align:middle}
body.woocommerce-checkout #order_review::after{content:none}
body.woocommerce-checkout form.checkout.has-ship-card #order_review tr.woocommerce-shipping-totals{display:none!important}

/* kártyák */
body.woocommerce-checkout .checkout-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:16px;padding:18px 20px;min-width:0}
body.woocommerce-checkout .checkout-card[hidden]{display:none}
body.woocommerce-checkout .checkout-card > h3{display:flex;align-items:center;gap:8px;font-size:16px;margin:0 0 12px}
.step-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--brand-primary);color:#fff;font:700 12px/1 var(--font-body)}
body.woocommerce-checkout #customer_details .col-1 > .woocommerce-billing-fields > h3::before{content:"1";display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-right:8px;border-radius:50%;background:var(--brand-primary);color:#fff;font:700 12px/1 var(--font-body);vertical-align:middle}
body.woocommerce-checkout #order_review{padding:18px 20px}
body.woocommerce-checkout #jolly-ship-card,body.woocommerce-checkout #order_review{position:sticky;top:16px}

/* mezők a keskenyebb oszlopban */
body.woocommerce-checkout #billing_address_1_field,body.woocommerce-checkout #shipping_address_1_field,body.woocommerce-checkout #billing_address_2_field,body.woocommerce-checkout #shipping_address_2_field{grid-column:span 12!important}
body.woocommerce-checkout #billing_address_2_field::before,body.woocommerce-checkout #shipping_address_2_field::before{content:none}
body.woocommerce-checkout #billing_phone_field{grid-column:span 5!important}
body.woocommerce-checkout #billing_email_field{grid-column:span 7!important}
body.woocommerce-checkout #billing_company_field{grid-column:span 12!important}
body.woocommerce-checkout #billing_tax_number_field{grid-column:span 12!important}

/* szállítási kártya: teljes lista, szekciócímekkel */
body.woocommerce-checkout #jolly-ship-card #shipping_method{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;width:100%}
body.woocommerce-checkout #jolly-ship-card #shipping_method > li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1.5px solid var(--color-border);border-radius:10px;min-height:44px;box-sizing:border-box;font-size:12.5px;line-height:1.3}
body.woocommerce-checkout #jolly-ship-card #shipping_method > li.ship-sec{display:block;min-height:0;padding:8px 2px 0;border:0;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}
body.woocommerce-checkout #jolly-ship-card #shipping_method > li.ship-sec:first-child{padding-top:0}
body.woocommerce-checkout #jolly-ship-card #shipping_method > li:has(input:checked){border-color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 6%,var(--color-surface))}
body.woocommerce-checkout #jolly-ship-card #shipping_method input[type=radio]{flex:0 0 auto;margin:0;accent-color:var(--brand-primary);width:auto;min-height:0;height:auto}
body.woocommerce-checkout #jolly-ship-card #shipping_method li label{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;flex:1;min-width:0;margin:0;font-size:12.5px;font-weight:500;color:var(--color-text);cursor:pointer}
body.woocommerce-checkout #jolly-ship-card #shipping_method li label .amount{margin-left:auto;font-weight:700;white-space:nowrap}
body.woocommerce-checkout #jolly-ship-card #shipping_method li label img{order:5;max-height:18px;width:auto;margin:2px 4px 0 0}
body.woocommerce-checkout #jolly-ship-card .woocommerce-shipping-destination,body.woocommerce-checkout #jolly-ship-card p{font-size:12px;color:var(--color-text-muted);margin:8px 0 0}

/* rendelés összegzése — rendezettebb */
body.woocommerce-checkout #order_review table.shop_table tbody{padding:2px 0 8px;border-bottom:1px dashed var(--color-border);margin-bottom:6px}
body.woocommerce-checkout #order_review table.shop_table tbody tr{align-items:flex-start}
body.woocommerce-checkout #order_review td.product-name{font-size:13px;font-weight:600;line-height:1.35;padding:7px 0}
body.woocommerce-checkout #order_review td.product-total{padding:7px 0;white-space:nowrap}
body.woocommerce-checkout #order_review tfoot tr:first-child{border-top:0}
body.woocommerce-checkout #order_review tr.order-total{border-top:1.5px solid var(--color-border)}

/* irányítószám-alapú településválasztó (HuCommerce popup) */
body.woocommerce-checkout .city-tooltip{width:100%!important;box-sizing:border-box;margin-top:4px;padding:6px!important;background:var(--color-surface)!important;border:1.5px solid var(--color-border)!important;border-radius:12px!important;box-shadow:0 10px 28px rgba(0,0,0,.14)!important;font-size:13px;color:var(--color-text)}
body.woocommerce-checkout .city-tooltip > div:first-child{padding:4px 8px 6px;font-size:11px!important;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted)!important;border:0!important}
body.woocommerce-checkout .city-tooltip .city-option,body.woocommerce-checkout .city-tooltip > div:not(:first-child){padding:8px 10px!important;border:0!important;border-radius:8px;cursor:pointer;font-weight:600}
body.woocommerce-checkout .city-tooltip .city-option:hover,body.woocommerce-checkout .city-tooltip > div:not(:first-child):hover{background:color-mix(in srgb,var(--brand-primary) 10%,var(--color-surface))!important;color:var(--brand-primary)}

@media (max-width:1180px){
	body.woocommerce-checkout form.checkout{grid-template-columns:1fr;row-gap:16px}
	body.woocommerce-checkout #customer_details,body.woocommerce-checkout #jolly-ship-card,body.woocommerce-checkout #order_review{grid-column:1;grid-row:auto;position:static}
	body.woocommerce-checkout .woocommerce > .woocommerce-form-login-toggle,body.woocommerce-checkout .woocommerce > .woocommerce-form-coupon-toggle{flex-basis:100%}
}
body.woocommerce-checkout #order_review::before{content:none!important}
body.woocommerce-checkout .checkout-card-title{display:flex;align-items:center;gap:8px;font-size:16px;margin:0 0 12px}
body.woocommerce-checkout #jolly-ship-card #shipping_method li label{flex-wrap:nowrap}
body.woocommerce-checkout #jolly-ship-card #shipping_method li label:has(img){flex-wrap:wrap}
body.woocommerce-checkout #jolly-ship-card #shipping_method li.is-pickup label{flex-wrap:nowrap!important}
body.woocommerce-checkout #jolly-ship-card #shipping_method li.is-pickup label img{display:none}
body.woocommerce-checkout #jolly-ship-card #shipping_method li.is-pickup label{display:grid!important;grid-template-columns:44px minmax(0,1fr);align-items:center;column-gap:10px}
body.woocommerce-checkout .form-row.is-required label::after{content:" *";color:var(--brand-primary)}
body.woocommerce-checkout .form-row.is-required label .optional{display:none}
body.woocommerce-checkout .form-row.is-required label:has(.required)::after{content:none}

/* ===== Lépésenkénti pénztár ===== */
body.woocommerce-checkout form.checkout.is-stepped{transition:grid-template-columns .5s cubic-bezier(.4,0,.2,1);align-items:start}
@media (min-width:1180px){
 body.woocommerce-checkout form.checkout.is-stepped[data-step="1"]{grid-template-columns:minmax(0,2.4fr) minmax(0,1fr) minmax(0,1fr)}
 body.woocommerce-checkout form.checkout.is-stepped[data-step="2"]{grid-template-columns:minmax(0,1fr) minmax(0,2.4fr) minmax(0,1fr)}
 body.woocommerce-checkout form.checkout.is-stepped[data-step="3"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2.4fr)}
}
form.is-stepped #customer_details,form.is-stepped #jolly-ship-card,form.is-stepped #order_review{position:relative;transition:box-shadow .3s,border-color .3s,opacity .3s;min-width:0}
form.is-stepped[data-step="1"] #customer_details,form.is-stepped[data-step="2"] #jolly-ship-card,form.is-stepped[data-step="3"] #order_review{border-color:var(--brand-primary);box-shadow:0 10px 34px rgba(0,0,0,.10)}
form.is-stepped[data-step="1"] #jolly-ship-card,form.is-stepped[data-step="1"] #order_review,
form.is-stepped[data-step="2"] #customer_details,form.is-stepped[data-step="2"] #order_review,
form.is-stepped[data-step="3"] #customer_details,form.is-stepped[data-step="3"] #jolly-ship-card{opacity:.92;cursor:pointer}
/* inaktív kártyák tartalma elrejtve */
form.is-stepped:not([data-step="1"]) #customer_details>:not(.step-summary),
form.is-stepped:not([data-step="2"]) #jolly-ship-card>:not(.step-summary),
form.is-stepped:not([data-step="3"]) #order_review>:not(.step-summary){display:none!important}
/* aktív kártyán nincs összegzés */
.step-summary{display:none}
.step-summary.is-visible{display:flex;flex-direction:column;gap:10px;padding:2px}
.step-summary__head{display:flex;align-items:center;gap:10px;font-family:var(--font-display)}
.step-summary__head .step-badge{background:#2e9e5b;color:#fff}
.step-summary__body{font-size:14px;line-height:1.5;color:var(--color-text-muted);word-break:break-word}
.step-summary__body div:first-child{color:var(--color-text);font-weight:600}
.step-summary__price{color:var(--brand-primary)!important;font-weight:700}
.step-edit{align-self:flex-start;background:transparent;border:1.5px solid var(--color-border);color:var(--color-text);border-radius:999px;padding:6px 16px;font:600 13px var(--font-body);cursor:pointer;transition:all .2s}
.step-edit:hover{border-color:var(--brand-primary);color:var(--brand-primary)}
/* tovább gomb */
.step-next{display:inline-flex;align-items:center;gap:8px;margin-top:16px;background:var(--brand-primary);color:#fff;border:0;border-radius:999px;padding:13px 26px;font:700 15px var(--font-display);cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.15);transition:transform .2s,box-shadow .2s}
.step-next:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.2)}
.step-next span{transition:transform .2s}
.step-next:hover span{transform:translateX(4px)}
form.is-stepped:not([data-step="1"]) .step-next{display:none}
/* belépő animáció */
@keyframes jollyStepIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.is-entering>:not(.step-summary){animation:jollyStepIn .5s .12s both cubic-bezier(.2,.8,.2,1)}
/* hibás mező */
.form-row.woocommerce-invalid input,.form-row.woocommerce-invalid select{border-color:#d63638!important;box-shadow:0 0 0 3px rgba(214,54,56,.14)!important}
/* rendelés részletei */
#order_review .review-ship{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin:10px 0 14px;padding:12px 14px;border-radius:12px;background:var(--color-bg);font-size:14px}
#order_review .review-ship:empty{display:none}
#order_review .review-ship>span:first-child{color:var(--color-text-muted)}
#order_review .review-ship__name{font-weight:600;text-align:right}
#order_review .shop_table{border:0!important;border-collapse:separate;border-spacing:0;width:100%;margin:0 0 6px}
#order_review .shop_table thead{display:none}
#order_review .shop_table td,#order_review .shop_table th{border:0!important;background:transparent!important;padding:10px 0!important;vertical-align:middle;font-size:14px}
#order_review .shop_table tr.cart_item td{border-bottom:1px solid var(--color-border)!important}
#order_review .cart_item .product-name{font-weight:500;line-height:1.35}
#order_review .cart_item .product-quantity{display:inline-block;margin-left:6px;padding:1px 9px;border-radius:999px;background:var(--color-bg);color:var(--color-text-muted);font-weight:700;font-size:12px}
#order_review .cart_item .product-total{text-align:right;white-space:nowrap;font-weight:600}
#order_review tr.cart-subtotal,#order_review tr.woocommerce-shipping-totals{display:none}
#order_review tr.order-total th{font:600 15px var(--font-display);padding-top:16px!important}
#order_review tr.order-total td{text-align:right;padding-top:16px!important}
#order_review tr.order-total .amount{font:800 26px var(--font-display);color:var(--brand-primary)}
#order_review tr.order-total small{display:block;font-size:12px;color:var(--color-text-muted);font-weight:400}
@media (max-width:1179px){
 form.is-stepped[data-step] #customer_details,form.is-stepped[data-step] #jolly-ship-card,form.is-stepped[data-step] #order_review{grid-column:auto}
}
#order_review tr.order-total small .amount,#order_review tr.order-total .includes_tax .amount{font:700 13px var(--font-body)!important;color:var(--color-text-muted)!important}
#order_review tr.order-total .includes_tax{font-size:12px}
form.is-stepped #customer_details{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:20px}
/* rendelés sorok: tiszta */
#order_review .shop_table tr,#order_review .shop_table tbody{box-shadow:none!important;border-radius:0!important;background:transparent!important;border:0!important}
#order_review .shop_table td:first-child,#order_review .shop_table td:last-child,#order_review .shop_table th:first-child,#order_review .shop_table th:last-child{border-radius:0!important;box-shadow:none!important}
#order_review .cart_item .product-name{padding-right:12px!important}
/* Foxpost térkép bezáró */
.jolly-fox-close{display:none;position:fixed;top:18px;right:22px;z-index:100001;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:#241b14;font:400 30px/1 var(--font-body);cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.35);align-items:center;justify-content:center;padding:0 0 4px}
.jolly-fox-close:hover{background:var(--brand-primary);color:#fff}
body.f-wc-s-window-activated .jolly-fox-close{display:flex}
optgroup.jolly-near{font-weight:700}
.fox-picker{margin:12px 0 4px;padding:14px;border-radius:14px;background:var(--color-bg);border:1px solid var(--color-border)}
.fox-picker__title{font:700 14px var(--font-display);margin-bottom:8px}
.fox-picker p{margin:0 0 8px}
.fox-picker .select2-container{width:100%!important}
.fox-picker .foxpost-wc-shipping-map-button{display:inline-flex;align-items:center;gap:6px;background:var(--brand-primary);color:#fff!important;border-radius:999px;padding:8px 16px;font:600 13px var(--font-body);text-decoration:none}
.fox-picker .foxpost-wc-shipping-map-button:before{content:"📍"}
li.fox-picker{list-style:none;margin:-4px 0 8px 14px!important;padding:12px!important;border-left:3px solid var(--brand-primary);border-radius:0 12px 12px 0;background:var(--color-bg)}
li.fox-picker .fox-picker__title{font-size:13px}
/* gombok: kisebb, középre */
.step-next{display:flex!important;margin:14px auto 0!important;padding:9px 20px!important;font-size:14px!important;box-shadow:0 4px 12px rgba(0,0,0,.14)!important}
form.is-stepped:not([data-step="1"]) #customer_details .step-next,
form.is-stepped:not([data-step="2"]) #jolly-ship-card .step-next{display:none!important}
.step-edit{padding:5px 14px;font-size:12px}
.step-summary__pt{margin-top:6px;padding:8px 10px;border-radius:10px;background:var(--color-bg);font-size:13px;line-height:1.4;color:var(--color-text)}
/* Foxpost választó: fix, nem lóg ki */
li.fox-picker{display:block!important;box-sizing:border-box;width:auto;max-width:calc(100% - 14px);overflow:hidden;text-align:left}
li.fox-picker>:not(script){display:block!important;max-width:100%;box-sizing:border-box;float:none!important}
li.fox-picker .select2-container{display:block!important;width:100%!important;max-width:100%}
li.fox-picker .select2-selection{max-width:100%}
li.fox-picker .select2-selection__rendered{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
li.fox-picker p{margin:8px 0 0!important;font-size:13px;line-height:1.45;word-break:break-word;text-align:center}
li.fox-picker .foxpost-wc-shipping-map-button{display:inline-flex!important;margin-top:8px;padding:6px 14px;font-size:12px}
li.fox-picker.is-missing{animation:jollyShake .5s;box-shadow:0 0 0 2px #d63638}
@keyframes jollyShake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
li.fox-picker script{display:none!important}
body.woocommerce-checkout form.checkout.is-stepped{align-items:start!important}
form.is-stepped #customer_details,form.is-stepped #jolly-ship-card,form.is-stepped #order_review{margin-top:0!important;margin-bottom:0!important}
li.free-note{list-style:none;margin:-4px 0 8px 14px!important;padding:10px 12px!important;border-left:3px solid #2e9e5b;border-radius:0 12px 12px 0;background:var(--color-bg);display:block!important}
.free-note__text{font-size:13px;color:var(--color-text)}
.free-note__bar{height:6px;border-radius:999px;background:var(--color-border);overflow:hidden;margin:8px 0 6px}
.free-note__bar span{display:block;height:100%;background:linear-gradient(90deg,#2e9e5b,#5bc98a);border-radius:999px;transition:width .5s}
.free-note__sub{font-size:11.5px;color:var(--color-text-muted)}
li.free-note.is-reached{border-left-color:#2e9e5b}
form.is-stepped #customer_details,form.is-stepped #jolly-ship-card,form.is-stepped #order_review{top:0!important}

/* Fejléc: sötét/világos mód kapcsoló felirata (a többi ikonnal egy vonalban) */
.header-actions{align-items:flex-start}
.header-actions .dm-toggle{flex-direction:column;align-items:center;gap:4px;min-width:62px}
.header-actions .dm-toggle .track{margin:9.5px 0}
.header-actions .dm-toggle::after{content:"Sötét mód";font-size:11.5px;font-weight:600;line-height:1;color:#fff;white-space:nowrap}
[data-theme="dark"] .header-actions .dm-toggle::after{content:"Világos mód"}

/* Fejléc: legördülő menük (Fiók, Kosár) */
.hdrop{position:relative}
.hdrop__panel{position:absolute;top:100%;right:0;padding-top:10px;min-width:210px;z-index:60;display:none;flex-direction:column}
.hdrop__panel::before{content:"";position:absolute;inset:10px 0 0 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.28);z-index:-1}
.hdrop:hover .hdrop__panel,.hdrop:focus-within .hdrop__panel{display:flex}
.hdrop__panel{isolation:isolate}
.hdrop__head{padding:12px 16px 8px;font-size:12.5px;font-weight:600;color:var(--color-text-muted,#7a6f63)}
.hdrop__panel a{padding:9px 16px;font-size:14px;font-weight:600;color:var(--color-text,#241B14)}
.hdrop__panel a:hover,.hdrop__panel a:focus-visible{background:rgba(214,65,43,.09);color:var(--brand-primary)}
.hdrop__panel a:last-child{border-radius:0 0 12px 12px}
.hdrop__panel .hdrop__primary{margin:6px 12px 8px;padding:10px 14px;border-radius:999px;background:var(--brand-primary);color:#fff;text-align:center}
.hdrop__panel .hdrop__primary:hover,.hdrop__panel .hdrop__primary:focus-visible{background:var(--brand-primary);color:#fff;filter:brightness(1.1)}
.hdrop__out{border-top:1px solid var(--color-border);margin-top:4px}
@media (max-width:1023px){.header-actions .dm-toggle{min-width:0}.header-actions .dm-toggle .track{margin:0}.header-actions .dm-toggle::after{display:none}.header-actions{align-items:center}.hdrop__panel{display:none!important}}

/* Keresősáv kisebb, hogy elférjenek az elérhetőségek */
.header-search{flex:0 1 420px;max-width:420px}
.phone--mail .num{text-transform:uppercase}

/* ================= KAPCSOLAT OLDAL ================= */
article:has(.jf-contact-grid,.jf-svc-grid) > h1{font-family:var(--font-display);font-weight:800;font-size:clamp(34px,5vw,56px);line-height:1.05;margin:0 0 var(--sp-3);letter-spacing:-.01em}
.jf-contact-lead,.jf-svc-lead{max-width:56ch;font-size:17px;line-height:1.6;color:var(--color-text-muted);margin:0 0 var(--sp-6)}
.jf-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5);align-items:stretch}
.jf-contact-card{display:flex;flex-direction:column;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden;transition:border-color .2s}
.jf-contact-card:hover{border-color:var(--brand-primary)}
.jf-contact-photo{aspect-ratio:16/9;background:var(--color-bg);overflow:hidden}
.jf-contact-photo img{width:100%;height:100%;object-fit:cover;display:block}
.jf-contact-photo--placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);color:var(--color-text-muted);font-size:14px;font-weight:600;border-bottom:1.5px dashed var(--color-border);background:repeating-linear-gradient(135deg,transparent 0 14px,rgba(127,127,127,.06) 14px 28px)}
.jf-contact-info{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5);flex:1}
.jf-contact-top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}
.jf-contact-top h3{margin:0;font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1.2;color:var(--color-text)}
.jf-status-badge{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;font-size:13px;font-weight:700;padding:5px 12px;border-radius:var(--radius-chip);background:rgba(46,160,67,.14);color:#1f7a34;white-space:nowrap}
.jf-status-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.jf-status-badge.jf-status-closed{background:rgba(214,65,43,.13);color:#B8321F}
.jf-status-badge.jf-status-new{align-self:flex-start;background:rgba(243,146,0,.16);color:#9A5B00}
.jf-status-badge.jf-status-new::before{display:none}
[data-theme="dark"] .jf-status-badge{color:#6FD48A;background:rgba(111,212,138,.14)}
[data-theme="dark"] .jf-status-badge.jf-status-closed{color:#FF8F7A;background:rgba(255,143,122,.14)}
[data-theme="dark"] .jf-status-badge.jf-status-new{color:#FFB84D;background:rgba(255,184,77,.14)}
.jf-contact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-3)}
.jf-contact-list li{display:flex;align-items:flex-start;gap:var(--sp-3);font-size:15px;line-height:1.5;color:var(--color-text)}
.jf-contact-list svg{flex-shrink:0;margin-top:2px;color:var(--brand-primary)}
.jf-contact-list a{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-border);text-underline-offset:3px}
.jf-contact-list a:hover{color:var(--brand-primary);text-decoration-color:currentColor}
.jf-contact-list i{font-style:normal;color:var(--color-text-muted)}
.jf-contact-actions{display:flex;gap:var(--sp-3);margin-top:auto;padding-top:var(--sp-3)}
.jf-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:var(--radius-btn);font-family:var(--font-display);font-weight:600;font-size:16px;border:1.5px solid transparent;text-decoration:none;transition:filter .15s,border-color .15s,color .15s}
.jf-btn-primary{background:var(--brand-primary);color:#fff}
.jf-btn-primary:hover{filter:brightness(1.08);color:#fff}
.jf-btn-outline{background:transparent;border-color:var(--color-border);color:var(--color-text)}
.jf-btn-outline:hover{border-color:var(--brand-primary);color:var(--brand-primary)}
.jf-btn:focus-visible,.jf-contact-list a:focus-visible{outline:3px solid var(--brand-accent);outline-offset:2px}
@media (max-width:900px){.jf-contact-grid{grid-template-columns:1fr}}
@media (max-width:480px){.jf-contact-info{padding:var(--sp-4)}.jf-contact-top{flex-wrap:wrap}}

/* ================= SZOLGÁLTATÁSOK OLDAL ================= */
.jf-svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5);align-items:stretch}
.jf-svc{display:flex;flex-direction:column;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden;transition:border-color .2s}
.jf-svc:hover{border-color:var(--chip)}
.jf-svc--festek{--chip:var(--confetti-magenta)}
.jf-svc--tanacs{--chip:var(--confetti-cobalt)}
.jf-svc--szallitas{--chip:#E07B00}
.jf-svc__chip{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:var(--sp-6);min-height:210px;padding:var(--sp-5) var(--sp-5) 34px;background:var(--chip);color:#fff}
.jf-svc__chip::after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background:linear-gradient(90deg,var(--chip) 0 20%,color-mix(in srgb,var(--chip),#fff 22%) 20% 40%,color-mix(in srgb,var(--chip),#fff 44%) 40% 60%,color-mix(in srgb,var(--chip),#fff 66%) 60% 80%,color-mix(in srgb,var(--chip),#fff 86%) 80% 100%)}
.jf-svc__fact{font-family:var(--font-display);font-weight:800;font-size:clamp(30px,3vw,40px);line-height:1;letter-spacing:-.01em}
.jf-svc__body{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5);flex:1}
.jf-svc__body h2{margin:0;font-family:var(--font-display);font-weight:700;font-size:24px;line-height:1.2;color:var(--color-text)}
.jf-svc__body p{margin:0;font-size:15.5px;line-height:1.6;color:var(--color-text-muted)}
.jf-svc__body .jf-btn{flex:none;align-self:flex-start;margin-top:auto}
.jf-svc__body p + .jf-btn{margin-top:var(--sp-3)}
@media (max-width:1023px){.jf-svc-grid{grid-template-columns:1fr}.jf-svc__chip{min-height:150px}}

/* ================= RÓLUNK OLDAL ================= */
article:has(.jf-about) > h1{display:none}
.jf-about{max-width:1100px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--sp-6)}
.jf-about > p{display:contents}
.jf-about p{margin:0}
.jf-about-hero,.jf-brand-strip,.jf-location-block{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-card)}
.jf-about-hero{padding:clamp(24px,4vw,48px)}
.jf-about-hero h1{margin:0 0 var(--sp-4);font-family:var(--font-display);font-weight:800;font-size:clamp(30px,4.2vw,48px);line-height:1.08;letter-spacing:-.01em;text-align:left;color:var(--color-text);max-width:22ch}
.jf-about-hero p,.jf-brand-strip p,.jf-location-text p{color:var(--color-text-muted);font-size:16.5px;line-height:1.7;max-width:70ch;margin-bottom:var(--sp-3)}
.jf-about strong{color:var(--color-text)}
.jf-about a:not(.jf-cta-button){color:var(--brand-primary);text-decoration:underline;text-underline-offset:3px}
.jf-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--sp-5);margin-top:var(--sp-6)}
.jf-badge{padding-left:var(--sp-4);border-left:4px solid var(--brand-primary);display:flex;flex-direction:column;gap:2px}
.jf-badge:nth-child(2){border-color:var(--confetti-cobalt)}
.jf-badge:nth-child(3){border-color:var(--confetti-magenta)}
.jf-badge:nth-child(4){border-color:var(--confetti-orange)}
.jf-badge-num{font-family:var(--font-display);font-weight:800;font-size:28px;line-height:1.1;color:var(--color-text)}
.jf-badge-label{font-size:14px;color:var(--color-text-muted)}
.jf-brand-strip{padding:clamp(20px,3vw,32px)}
.jf-brand-strip-title{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--color-text);margin-bottom:var(--sp-2)!important}
.jf-brand-list{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-4)}
.jf-brand-list span,.jf-chip{display:inline-flex;align-items:center;padding:6px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-chip);font-size:14px;font-weight:600;color:var(--color-text);background:transparent}
.jf-section-title{margin:var(--sp-5) 0 0;font-family:var(--font-display);font-weight:800;font-size:clamp(24px,3vw,34px);line-height:1.15;text-align:left;color:var(--color-text)}
.jf-location-block{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6);align-items:start;padding:clamp(16px,2.5vw,28px)}
.jf-location-block--reverse .jf-location-media{order:2}
.jf-location-media{display:grid;gap:var(--sp-3)}
.jf-location-media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block}
.jf-photo-placeholder{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1.5px dashed var(--color-border);color:var(--color-text-muted);font-weight:600;background:repeating-linear-gradient(135deg,transparent 0 14px,rgba(127,127,127,.06) 14px 28px)}
.jf-location-pill{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--sp-3)}
.jf-location-pill-name{font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1.15;color:var(--color-text)}
.jf-location-pill-sep{display:none}
.jf-location-pill-address{font-size:15px;color:var(--color-text-muted)}
.jf-tag{display:inline-block;font-size:13px;font-weight:700;padding:5px 12px;border-radius:var(--radius-chip);margin-bottom:var(--sp-4)}
.jf-tag-blue{background:rgba(30,136,229,.13);color:#1565C0}
.jf-tag-new{background:rgba(243,146,0,.16);color:#9A5B00}
[data-theme="dark"] .jf-tag-blue{background:rgba(100,181,246,.15);color:#90CAF9}
[data-theme="dark"] .jf-tag-new{background:rgba(255,184,77,.15);color:#FFB84D}
.jf-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-4)}
.jf-cta{background:var(--header-dark);color:var(--on-dark);border:1.5px solid var(--on-dark-border);border-radius:var(--radius-card);padding:clamp(24px,4vw,48px)}
.jf-cta h2{margin:0 0 var(--sp-3);font-family:var(--font-display);font-weight:800;font-size:clamp(26px,3.4vw,36px);color:var(--on-dark)}
.jf-cta p{color:var(--on-dark-muted);font-size:16.5px;line-height:1.7;max-width:70ch;margin-bottom:var(--sp-4)}
.jf-cta-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 26px;border-radius:var(--radius-btn);background:var(--brand-primary);color:#fff;font-family:var(--font-display);font-weight:600;font-size:17px;text-decoration:none}
.jf-cta-button:hover{filter:brightness(1.08);color:#fff}
.jf-cta-button:focus-visible{outline:3px solid var(--brand-accent);outline-offset:2px}
@media (max-width:820px){.jf-location-block{grid-template-columns:1fr}.jf-location-block--reverse .jf-location-media{order:0}}

/* ================= HERO: ÜZLET-KÁRTYÁK ================= */
.hero-stores{position:relative;height:clamp(260px,32vw,380px);max-width:540px;margin-inline:auto}
.hero-store{position:absolute;width:66%;aspect-ratio:4/3;border-radius:18px;overflow:hidden;border:5px solid #fff;background:var(--color-surface);box-shadow:0 14px 34px rgba(36,27,20,.22);transition:transform .25s ease}
[data-theme="dark"] .hero-store{border-color:var(--color-surface)}
.hero-store img{width:100%;height:100%;object-fit:cover;display:block}
.hero-store--0{left:0;top:0;transform:rotate(-4deg);z-index:1}
.hero-store--1{right:0;bottom:0;transform:rotate(3.5deg);z-index:2}
.hero-store:hover,.hero-store:focus-visible{transform:rotate(0) translateY(-6px);z-index:3}
.hero-store:focus-visible{outline:3px solid var(--brand-accent);outline-offset:3px}
.hero-store__bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:28px var(--sp-3) var(--sp-3);background:linear-gradient(0deg,rgba(28,20,13,.82),rgba(28,20,13,0))}
.hero-store__bar strong{font-family:var(--font-display);font-weight:700;font-size:20px;color:#fff}
.hero-store .jf-status-badge{color:#6FD48A;background:rgba(28,20,13,.72)}
.hero-store .jf-status-badge.jf-status-closed{color:#FF8F7A}
@media (max-width:1023px){.hero-stores{height:250px;max-width:420px}}
@media (prefers-reduced-motion:reduce){.hero-store{transition:none}}

/* hero perks */
.hero-perks{list-style:none;margin:0 auto;padding:0;max-width:480px;display:grid;gap:var(--sp-3)}
.hero-perks li{display:flex;align-items:center;gap:var(--sp-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--sp-3) var(--sp-4);box-shadow:0 6px 18px rgba(28,20,13,.08);transition:transform .2s ease}
.hero-perks li:hover{transform:translateX(6px)}
.hero-perks__ico{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:24px;background:color-mix(in srgb,var(--brand-accent) 18%,transparent)}
.hero-perks strong{display:block;font-family:var(--font-display);font-size:1.05rem;color:var(--color-text)}
.hero-perks small{display:block;color:var(--color-text-muted);font-size:.875rem}

/* hero prods */
.hero-prods{position:relative;height:clamp(300px,34vw,400px);max-width:540px;margin-inline:auto}
.hero-prod{position:absolute;width:44%;display:flex;flex-direction:column;gap:6px;padding:10px 10px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;box-shadow:0 14px 34px rgba(28,20,13,.18);color:var(--color-text);text-decoration:none;transition:transform .25s ease}
.hero-prod__img{display:block;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#fff}
.hero-prod__img img{width:100%;height:100%;object-fit:contain;display:block}
.hero-prod__name{font-family:var(--font-display);font-weight:600;font-size:.9rem;line-height:1.25}
.hero-prod__price{font-weight:700;color:var(--brand-primary);font-size:.95rem}
.hero-prod__price del{opacity:.5;font-weight:400;margin-right:4px}
.hero-prod__price ins{text-decoration:none}
.hero-prod--0{left:0;top:6%;transform:rotate(-5deg);z-index:1}
.hero-prod--1{left:28%;top:0;transform:rotate(1.5deg);z-index:3}
.hero-prod--2{right:0;top:12%;transform:rotate(5deg);z-index:2}
.hero-prod:hover,.hero-prod:focus-visible{transform:rotate(0) translateY(-8px) scale(1.03);z-index:5}
@media (max-width:1023px){.hero-prods{height:280px;max-width:420px}.hero-prod{width:40%}.hero-prod__name{font-size:.8rem}}

/* lapozós banner */
.jbanner{position:relative;max-width:560px;margin-inline:auto;border-radius:24px;overflow:hidden;box-shadow:0 18px 44px rgba(28,20,13,.22)}
.jbanner__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.jbanner__track::-webkit-scrollbar{display:none}
.jbanner__slide{position:relative;flex:0 0 100%;scroll-snap-align:start;aspect-ratio:4/3;display:flex;align-items:flex-end;color:#fff;isolation:isolate}
.jbanner__slide--0{background:linear-gradient(135deg,#D6412B,#F39200)}
.jbanner__slide--1{background:linear-gradient(135deg,#1C140D,#5b3a1a 60%,#F39200)}
.jbanner__slide--2{background:linear-gradient(135deg,#0f766e,#3aa17e 60%,#F3C623)}
.jbanner__slide::before{content:"";position:absolute;right:-40px;top:-40px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.14);z-index:-1}
.jbanner__slide::after{content:"";position:absolute;left:-30px;bottom:30%;width:110px;height:110px;border-radius:30px;transform:rotate(20deg);background:rgba(255,255,255,.1);z-index:-1}
.jbanner__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.jbanner__slide.has-img::before,.jbanner__slide.has-img::after{display:none}
.jbanner__slide.has-img .jbanner__body{background:linear-gradient(0deg,rgba(28,20,13,.85),rgba(28,20,13,0))}
.jbanner__body{width:100%;padding:clamp(20px,4vw,32px) clamp(20px,4vw,32px) 52px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.jbanner__kicker{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.22);padding:4px 10px;border-radius:999px}
.jbanner__title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.1;margin:0;color:#fff}
.jbanner__body p{margin:0;max-width:38ch;font-size:.98rem;opacity:.95;color:#fff}
.jbanner__btn{margin-top:6px;background:#fff;color:#1C140D;font-weight:700;padding:10px 18px;border-radius:var(--radius-btn);text-decoration:none;transition:transform .2s}
.jbanner__btn:hover{transform:translateX(4px)}
.jbanner__nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.85);color:#1C140D;font-size:24px;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s}
.jbanner:hover .jbanner__nav,.jbanner__nav:focus-visible{opacity:1}
.jbanner__nav--prev{left:10px}.jbanner__nav--next{right:10px}
.jbanner__dots{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:8px}
.jbanner__dot{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.5);cursor:pointer;transition:width .25s,background .25s}
.jbanner__dot.is-active{width:26px;background:#fff}
@media (max-width:1023px){.jbanner{max-width:100%}.jbanner__nav{opacity:1}}
@media (prefers-reduced-motion:reduce){.jbanner__track{scroll-behavior:auto}}

/* kisebb főoldali termékkártyák */
.prod-grid--sm{grid-template-columns:repeat(5,1fr);gap:var(--sp-3)}
.prod-grid--sm .swatch--wide{aspect-ratio:1/.82;background-size:64%}
.prod-grid--sm .p-card__body{padding:var(--sp-3)}
.prod-grid--sm .p-card__title{font-size:12.5px}
.prod-grid--sm .p-card__price{font-size:18px}
.prod-grid--sm .p-card__price del{font-size:14px}
.prod-grid--sm .p-card__cta .btn{width:100%;height:32px;min-height:32px;font-size:12.5px}
@media (max-width:1199px){.prod-grid--sm{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1023px){.prod-grid--sm{grid-template-columns:repeat(2,1fr)}}

/* Mapei sáv: keskeny, lekerekített, tartalom-szélességű */
.brand-band{background:transparent;color:inherit;margin-block:var(--sp-5)}
.brand-band__inner{background:var(--brand-primary);color:#fff;border-radius:var(--radius-card);padding:var(--sp-3) var(--sp-5);gap:var(--sp-4);justify-content:space-between;text-align:left;flex-wrap:nowrap}
.brand-band__inner strong{font-size:18px!important;letter-spacing:.04em}
.brand-band__inner p{flex:1;font-weight:500}
.brand-band__inner .btn{padding:6px 16px;min-height:34px;height:34px;font-size:13px;white-space:nowrap}
@media (max-width:600px){.brand-band__inner{flex-wrap:wrap;justify-content:center;text-align:center}}

/* Tippek és trükkök: kompakt */
.article-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3);overflow:visible}
.article-card{min-width:0}
.article-card__img{aspect-ratio:16/8;font-size:26px}
.article-card__body{padding:var(--sp-3)}
.article-card__title{font-size:13.5px;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-card__excerpt{display:none}
.article-card__link{font-size:12px}
@media (max-width:1023px){.article-row{grid-template-columns:repeat(2,1fr)}}

/* jobb oldali menü: Jolly Magazin + Kalkulátorok lenyíló */
.subnav-right{display:flex;align-items:center;gap:2px;margin-left:auto}
.subnav-right__link{display:inline-flex;align-items:center;gap:5px;padding:10px 13px;font-size:13.5px;font-weight:600;border-radius:999px;color:var(--color-text)}
.subnav-right__link:hover{background:var(--color-surface)}
.subnav-drop .hdrop__panel{top:100%;right:0;left:auto;min-width:200px}

/* ===== GK kalkulátor: modern, sötét módra kész felület ===== */
body #gk-widget-root{
  --gk-plaster:var(--color-surface);--gk-panel:var(--color-surface);--gk-ink:var(--color-text);--gk-ink-soft:var(--color-text-muted);
  --gk-line:var(--color-border);--gk-amber:var(--brand-primary);--gk-amber-deep:#B5311D;--gk-red:var(--brand-primary);--gk-blue:var(--brand-accent);
  --gk-good:#2f9e63;--gk-warn:#d6412b;--radius:16px;
}
[data-theme="dark"] body #gk-widget-root,[data-theme="dark"] #gk-widget-root{--gk-good:#6FD48A;--gk-warn:#ff8a73;--gk-amber-deep:#F0664E}
article:has(#gk-widget-root) > h1{font-family:var(--font-display);font-size:clamp(28px,4vw,44px);text-align:center;margin-bottom:var(--sp-4)}
#gk-widget-root .gk-app{max-width:1180px;padding:0 0 var(--sp-8)}
#gk-widget-root .gk-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary) 14%,var(--color-surface)),color-mix(in srgb,var(--brand-accent) 16%,var(--color-surface)));border:1px solid var(--color-border);border-radius:24px;padding:clamp(18px,3vw,28px);box-shadow:0 10px 30px rgba(28,20,13,.08)}
#gk-widget-root .gk-hero-tiles,#gk-widget-root .gk-title-dots,#gk-widget-root .gk-brand-row{display:none}
#gk-widget-root .gk-hero-sub{font-size:1rem;color:var(--color-text);opacity:.85;text-align:center;max-width:56ch;margin:0 auto}
#gk-widget-root .gk-tabs{display:inline-flex;gap:4px;padding:5px;margin:var(--sp-4) auto 0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;position:relative;left:50%;transform:translateX(-50%);max-width:100%}
#gk-widget-root .gk-tab,#gk-widget-root .gk-tab:nth-child(n){transform:none;border:0;background:transparent;color:var(--color-text-muted);border-radius:999px;padding:10px 22px;font-size:.95rem;flex:0 1 auto;box-shadow:none;white-space:nowrap}
#gk-widget-root .gk-tab:hover{color:var(--color-text)}
#gk-widget-root .gk-tab.active{background:var(--brand-primary);color:#fff;border:0;box-shadow:0 6px 16px rgba(214,65,43,.35)}
@media(max-width:560px){#gk-widget-root .gk-tab,#gk-widget-root .gk-tab:nth-child(n){padding:9px 12px;font-size:.8rem}}
#gk-widget-root .gk-grid{gap:var(--sp-5);align-items:start}
@media(min-width:760px){#gk-widget-root .gk-grid{grid-template-columns:minmax(340px,420px) 1fr}#gk-widget-root #results_card{position:sticky;top:96px}}
#gk-widget-root .gk-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:clamp(16px,2.4vw,24px);box-shadow:0 8px 24px rgba(28,20,13,.07)}
#gk-widget-root .gk-card h3{font-family:var(--font-display);font-size:1.05rem;text-transform:none;letter-spacing:0;color:var(--color-text);margin-bottom:var(--sp-4);display:flex;align-items:center;gap:8px}
#gk-widget-root .gk-card h3::before{content:"";width:8px;height:20px;border-radius:4px;background:linear-gradient(var(--brand-primary),var(--brand-accent))}
#gk-widget-root .gk-field label{color:var(--color-text);font-size:.85rem}
#gk-widget-root input[type=number],#gk-widget-root input[type=text],#gk-widget-root select,#gk-widget-root textarea{background:var(--color-bg);color:var(--color-text);border:1.5px solid var(--color-border);border-radius:12px;padding:10px 12px;height:auto;box-shadow:none;transition:border-color .15s,box-shadow .15s}
#gk-widget-root input:focus,#gk-widget-root select:focus,#gk-widget-root textarea:focus{outline:0;border-color:var(--brand-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-primary) 20%,transparent)}
#gk-widget-root .gk-radiogroup label{background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:12px;color:var(--color-text-muted);padding:10px 8px;transition:all .15s}
#gk-widget-root .gk-radiogroup label:hover{border-color:var(--brand-primary)}
#gk-widget-root .gk-radiogroup label.checked{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;box-shadow:0 6px 14px rgba(214,65,43,.3)}
#gk-widget-root .gk-switch .track{background:var(--color-border)}
#gk-widget-root .gk-switch input:checked + .track{background:var(--brand-primary)}
#gk-widget-root .gk-btn{border-radius:14px;padding:14px;font-size:1rem}
#gk-widget-root :where(.gk-btn){background:var(--brand-primary);color:#fff;box-shadow:0 8px 18px rgba(214,65,43,.32)}
#gk-widget-root .gk-btn.button,#gk-widget-root .gk-btn-primary{background:var(--brand-primary);color:#fff;border:0;box-shadow:0 8px 18px rgba(214,65,43,.32)}
#gk-widget-root .gk-btn:hover{background:#B5311D;transform:translateY(-1px)}
#gk-widget-root .gk-note{background:color-mix(in srgb,var(--brand-accent) 12%,var(--color-bg));border-left:3px solid var(--brand-accent);border-radius:10px;color:var(--color-text-muted)}
#gk-widget-root table.gk-table th{color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}
#gk-widget-root table.gk-table td{border-bottom:1px solid var(--color-border);color:var(--color-text)}
#gk-widget-root .gk-num,#gk-widget-root .gk-item-name{color:var(--color-text)}
#gk-widget-root .gk-no-sku{background:color-mix(in srgb,var(--brand-primary) 16%,transparent);color:var(--gk-warn)}
#gk-widget-root .gk-total-bar{border-top:2px dashed var(--color-border);padding-top:var(--sp-4)}
#gk-widget-root .gk-total-amount{color:var(--brand-primary);font-size:1.8rem}
#gk-widget-root .gk-status.ok{background:color-mix(in srgb,var(--gk-good) 16%,transparent);color:var(--gk-good)}
#gk-widget-root .gk-status.err{background:color-mix(in srgb,var(--gk-warn) 16%,transparent);color:var(--gk-warn)}
#gk-widget-root .gk-status.busy{background:color-mix(in srgb,var(--brand-accent) 16%,transparent);color:var(--color-text)}
#gk-widget-root .gk-empty{border:2px dashed var(--color-border);border-radius:16px;padding:var(--sp-7) var(--sp-4);color:var(--color-text-muted)}

/* GK kapcsoló: jól látható ki/be állapot */
#gk-widget-root .gk-switch{display:inline-block;position:relative;width:46px;height:26px;flex:none;vertical-align:middle;cursor:pointer}
#gk-widget-root .gk-switch .track{position:absolute;inset:0;border-radius:999px;background:color-mix(in srgb,var(--color-text) 30%,var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-text) 18%,transparent);transition:background .2s}
#gk-widget-root .gk-switch .dot{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.35);transition:transform .2s}
#gk-widget-root .gk-switch input:checked + .track{background:#2f9e63;box-shadow:none}
#gk-widget-root .gk-switch input:checked + .track .dot{transform:translateX(20px)}
#gk-widget-root .gk-switch input:checked ~ .dot{transform:translateX(20px)}
#gk-widget-root .gk-switch input:focus-visible + .track{outline:2px solid var(--brand-primary);outline-offset:2px}
#gk-widget-root .gk-switch input{z-index:2}

/* Fejléc: ne csússzon szét kisebb asztali kijelzőn (1024–1439 px) */
@media (min-width:1024px) and (max-width:1439px){
  .header-main{gap:var(--sp-3);padding-inline:clamp(16px,2.5vw,32px)}
  .header-main .logo{max-width:210px}
  .header-phones{gap:10px}
  .header-phones .phone svg{display:none}
  .header-search{flex:1 1 220px;min-width:180px;max-width:420px}
  .header-actions{gap:6px}
}
@media (min-width:1024px) and (max-width:1199px){
  .phone--mail{display:none}
  .header-main{padding-inline:16px;gap:10px}
}

/* Kosár lenyíló: egységes gombok */
.hdrop__panel a.hdrop__primary,.hdrop__panel a.hdrop__secondary{display:flex;align-items:center;justify-content:center;margin:0 14px 8px;padding:0 16px;height:40px;border-radius:999px;font-size:14px;font-weight:700;text-align:center;white-space:nowrap;transition:background .15s,color .15s,border-color .15s,transform .15s}
.hdrop__panel a.hdrop__secondary{border:1.5px solid var(--color-border);background:transparent;color:var(--color-text);margin-top:2px}
.hdrop__panel a.hdrop__secondary:hover,.hdrop__panel a.hdrop__secondary:focus-visible{border-color:var(--brand-primary);background:rgba(214,65,43,.09);color:var(--brand-primary)}
.hdrop__panel a.hdrop__primary{border:1.5px solid var(--brand-primary);background:var(--brand-primary);color:#fff;box-shadow:0 6px 14px rgba(214,65,43,.3)}
.hdrop__panel a.hdrop__primary:hover,.hdrop__panel a.hdrop__primary:focus-visible{background:#B5311D;border-color:#B5311D;color:#fff;transform:translateY(-1px);filter:none}
.hdrop__panel a.hdrop__primary:last-child,.hdrop__panel a.hdrop__secondary:last-child{border-radius:999px}
.hdrop__panel .hdrop__head + a.hdrop__primary{margin-top:2px}

/* Felső sáv: több üzenet, elválasztókkal */
.promo-bar{flex-wrap:wrap;column-gap:0;row-gap:2px}
.promo-bar__item{display:inline-flex;align-items:center;gap:6px;padding:0 14px;white-space:nowrap}
.promo-bar__item + .promo-bar__item{border-left:1px solid rgba(255,255,255,.35)}
@media (max-width:1199px){.promo-bar__item--opt{display:none}}
@media (max-width:767px){.promo-bar{font-size:12px}.promo-bar__item{padding:0 8px}.promo-bar__item:first-child:not(:last-child){display:none}.promo-bar__item + .promo-bar__item:nth-child(2){border-left:0}}

/* Kosárfigyelő: készlet / átvételi üzenetek */
.jolly-stock-row td{padding:12px 0!important;border:0!important}
.jolly-stock-box{border-radius:14px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--brand-accent) 55%,transparent);background:color-mix(in srgb,var(--brand-accent) 12%,var(--color-surface));color:var(--color-text);text-align:left}
.jolly-stock-box--2{border-color:color-mix(in srgb,var(--brand-primary) 55%,transparent);background:color-mix(in srgb,var(--brand-primary) 10%,var(--color-surface))}
.jolly-stock-box__head{display:block;font-size:.9rem;margin-bottom:6px}
.jolly-stock-box ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.jolly-stock-box li{display:grid;gap:2px;font-size:.85rem;line-height:1.35}
.jolly-stock-box li .n{font-weight:700}
.jolly-stock-box li .m{color:var(--color-text-muted)}
.jolly-stock-box li.lv2 .m{color:var(--brand-primary);font-weight:600}

/* Kosár oldal: "Érdekelhet még…" (cross-sell) doboz nem lóghat egymásra az összesítővel */
body.woocommerce-cart .cart-collaterals{display:flex;flex-direction:column;gap:var(--sp-4)}
body.woocommerce-cart .cart-collaterals .cross-sells{float:none!important;width:100%!important;margin:0;order:2;clear:both;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:16px;padding:20px}
body.woocommerce-cart .cart-collaterals .cart_totals{order:1}
body.woocommerce-cart .cross-sells > h2{font-family:var(--font-display);font-size:16px;margin:0 0 14px}
body.woocommerce-cart .cross-sells ul.products{grid-template-columns:1fr!important;gap:10px}
body.woocommerce-cart .cross-sells ul.products li.product{flex-direction:row;align-items:center;gap:12px;padding:8px;border:1px solid var(--color-border);border-radius:12px}
body.woocommerce-cart .cross-sells .swatch,body.woocommerce-cart .cross-sells .swatch--wide{width:56px;height:56px;flex:none;font-size:20px}
body.woocommerce-cart .cross-sells .p-card__body{padding:0}
body.woocommerce-cart .cross-sells .p-card__title{font-size:12.5px;margin:0 0 2px}
body.woocommerce-cart .cross-sells .p-card__price{font-size:14px}
body.woocommerce-cart .cross-sells .p-card__stock,body.woocommerce-cart .cross-sells .p-card__cta{display:none}

/* Platinum foltálló jelvény + chip */
.badges-row .badge--platinum{background:linear-gradient(135deg,#f4f5f7,#c9ced6 55%,#eef0f3);border-color:#aeb4bd;color:#2b2f36;letter-spacing:.2px}
.spec-chip--platinum{background:linear-gradient(135deg,#f4f5f7,#d5d9df 60%,#f1f3f5);color:#2b2f36}
.spec-chip--platinum .k{color:#5b616b}
[data-theme="dark"] .badges-row .badge--platinum,[data-theme="dark"] .spec-chip--platinum{background:linear-gradient(135deg,#3a3f47,#565c66 55%,#3a3f47);border-color:#6d7480;color:#f4f5f7}
[data-theme="dark"] .spec-chip--platinum .k{color:#c3c8d0}


/* ===== Szinminta-fal (Platinum Folt\00e1ll\00f3 stb.): nagy, lapozhato, kereshetó szinvalaszto ===== */
@property --chip{syntax:'<color>';inherits:true;initial-value:#e8dfd1}
.chipwall{--chip:#e8dfd1;--cols:6;position:relative;isolation:isolate;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:clamp(14px,2.6vw,22px);transition:--chip .4s ease}
.chipwall::before{content:"";position:absolute;inset:0 0 auto 0;height:190px;z-index:-1;background:radial-gradient(110% 120% at 0% 0%,color-mix(in srgb,var(--chip) 34%,transparent),transparent 72%);opacity:0;transition:opacity .4s}
.chipwall.has-chip::before{opacity:1}
.chipwall__head{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}
.chipwall__big{flex:0 0 auto;width:clamp(78px,15%,104px)}
.chipwall__big img{display:block;width:100%;height:auto;aspect-ratio:815/939;filter:drop-shadow(0 10px 14px color-mix(in srgb,var(--chip) 55%,transparent))}
.chipwall__big img:not([src]){visibility:hidden}
.chipwall__meta{flex:1 1 150px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.chipwall__state{font-size:12.5px;color:var(--color-text-muted)}
.chipwall__name{font-family:var(--font-display);font-size:clamp(21px,3.6vw,28px);line-height:1.08;font-weight:700;color:var(--color-text);overflow-wrap:anywhere}
.chipwall__code{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:999px;padding:2px 10px}
.chipwall__code[hidden]{display:none}
.chipwall__search{flex:1 1 180px;display:flex;align-items:center;gap:8px;height:42px;padding:0 14px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-muted);transition:border-color .2s,box-shadow .2s}
.chipwall__search:focus-within{border-color:var(--color-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus) 25%,transparent)}
.chipwall__search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:14px;color:var(--color-text);padding:0;height:100%;box-shadow:none}
.chipwall__stage{container-type:inline-size;margin-top:18px}
.chipwall__grid{--w:calc(100cqw / (var(--cols) + .5));display:grid;grid-template-columns:repeat(var(--cols),var(--w));grid-auto-rows:calc(var(--w) * .87);justify-content:start;padding-bottom:calc(var(--w) * .32);margin:0}
.chipwall__grid[hidden]{display:none}
.v-chip{position:relative;display:block;width:100%;height:100%;padding:0;margin:0;border:0;background:none;cursor:pointer;overflow:visible;-webkit-tap-highlight-color:transparent}
.v-chip[hidden]{display:none}
.v-chip.is-odd{transform:translateX(calc(var(--w) / 2))}
.v-chip img{position:absolute;left:50%;top:50%;width:114%;height:auto;aspect-ratio:815/939;max-width:none;transform:translate(-50%,-50%);transition:transform .24s cubic-bezier(.2,.7,.2,1),filter .24s;filter:drop-shadow(0 2px 3px rgba(36,27,20,.16));pointer-events:none}
.v-chip:hover,.v-chip:focus-visible,.v-chip.selected{z-index:2}
@media (hover:hover){.v-chip:hover:not(:disabled) img{transform:translate(-50%,-50%) scale(1.14);filter:drop-shadow(0 10px 12px rgba(36,27,20,.3))}}
.v-chip:focus-visible{outline:none}
.v-chip:focus-visible img{transform:translate(-50%,-50%) scale(1.14);filter:drop-shadow(2px 0 0 var(--color-focus)) drop-shadow(-2px 0 0 var(--color-focus)) drop-shadow(0 2px 0 var(--color-focus)) drop-shadow(0 -2px 0 var(--color-focus))}
.v-chip.selected img{transform:translate(-50%,-50%) scale(1.16);filter:drop-shadow(1.5px 0 0 var(--color-surface)) drop-shadow(-1.5px 0 0 var(--color-surface)) drop-shadow(0 1.5px 0 var(--color-surface)) drop-shadow(0 -1.5px 0 var(--color-surface)) drop-shadow(2px 0 0 var(--brand-primary)) drop-shadow(-2px 0 0 var(--brand-primary)) drop-shadow(0 2px 0 var(--brand-primary)) drop-shadow(0 -2px 0 var(--brand-primary)) drop-shadow(0 10px 12px rgba(36,27,20,.28))}
.v-chip.selected::after{content:"\2713";position:absolute;z-index:3;top:4%;right:8%;width:20px;height:20px;border-radius:50%;background:var(--brand-primary);color:#fff;font-size:12px;font-weight:800;line-height:20px;text-align:center;box-shadow:0 0 0 2px var(--color-surface)}
.v-chip:disabled,.v-chip.unavailable{cursor:not-allowed}
.v-chip:disabled img,.v-chip.unavailable img{opacity:.3;filter:grayscale(1)}
.v-chip__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.chipwall__empty{margin:0;padding:28px 8px;text-align:center;color:var(--color-text-muted);font-size:14px}
.chipwall__empty[hidden]{display:none}
.chipwall__foot{display:flex;align-items:center;gap:10px;margin-top:2px}
.chipwall__nav{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:0;transition:background .2s,border-color .2s,transform .2s}
.chipwall__nav:hover:not(:disabled){border-color:var(--brand-primary);color:var(--brand-primary)}
.chipwall__nav:active:not(:disabled){transform:scale(.94)}
.chipwall__nav:disabled{opacity:.35;cursor:default}
.chipwall__nav:focus-visible,.chipwall__dot:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}
.chipwall__dots{display:flex;align-items:center;gap:6px}
.chipwall__dots[hidden]{display:none}
.chipwall__dot{width:8px;height:8px;border-radius:999px;border:0;padding:0;background:var(--color-border);cursor:pointer;transition:width .25s cubic-bezier(.2,.7,.2,1),background .25s}
.chipwall__dot.is-on{width:22px;background:var(--brand-primary)}
.chipwall__count{margin-left:auto;font-size:12.5px;color:var(--color-text-muted);font-variant-numeric:tabular-nums;text-align:right}
@media (prefers-reduced-motion:reduce){.chipwall,.chipwall::before,.v-chip img,.chipwall__dot,.chipwall__nav{transition:none}}.chipwall__big{position:relative;aspect-ratio:815/939}
.chipwall:not(.has-chip) .chipwall__big::before{content:"";position:absolute;inset:0;background:var(--color-border);opacity:.75;clip-path:polygon(50% 5.5%,94% 27%,94% 73%,50% 94.5%,6% 73%,6% 27%)}
/* Chip wall: hex/name fallback chips */
.v-chip__face{position:absolute;inset:0;display:block;transition:transform .2s,filter .2s}
.v-chip__hex{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 9%;font-size:clamp(8px,2.15cqw,11px);font-weight:700;line-height:1.1;letter-spacing:-.01em;background:var(--color-border,#ddd);clip-path:polygon(50% 5.5%,94% 27%,94% 73%,50% 94.5%,6% 73%,6% 27%);overflow:hidden;word-break:normal;overflow-wrap:normal;hyphens:manual}
.v-chip:hover .v-chip__face,.v-chip:focus-visible .v-chip__face{transform:scale(1.08)}
.v-chip[aria-checked="true"] .v-chip__face,.v-chip.is-selected .v-chip__face{filter:drop-shadow(0 0 0 #fff) drop-shadow(0 0 2px var(--color-primary,#c0392b)) drop-shadow(0 0 2px var(--color-primary,#c0392b))}
.v-chip:disabled .v-chip__face,.v-chip.is-disabled .v-chip__face{opacity:.35;filter:grayscale(1)}
.chipwall__bighex{display:block;width:100%;aspect-ratio:815/939;background:var(--color-border,#ddd);clip-path:polygon(50% 5.5%,94% 27%,94% 73%,50% 94.5%,6% 73%,6% 27%)}
.chipwall__bighex[hidden],.chipwall__big img[hidden]{display:none}
.chipwall__foot[hidden]{display:none}
/* ===== Színfal v2: húzható sáv + szebb hatszög-chipek ===== */
.chipwall__grid{position:relative;grid-template-columns:none;grid-template-rows:repeat(3,calc(var(--w) * .87));grid-auto-flow:column;grid-auto-columns:var(--w);justify-content:start;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:calc(var(--w) * .16) calc(var(--w) * .6) calc(var(--w) * .34) calc(var(--w) * .1);margin:0 calc(var(--w) * -.1) 0 calc(var(--w) * -.1);cursor:grab}
.chipwall__grid::-webkit-scrollbar{display:none}
.chipwall__grid.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
.chipwall__grid.is-dragging .v-chip{pointer-events:none}
.v-chip{scroll-snap-align:start}
.chipwall__stage.has-more .chipwall__grid{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent)}
.chipwall__stage.has-more.has-less .chipwall__grid{-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 44px),transparent)}
.chipwall__stage:not(.has-more).has-less .chipwall__grid{-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px);mask-image:linear-gradient(90deg,transparent,#000 24px)}
.chipwall:not(.has-chip) .chipwall__big{display:none}
.v-chip__face{position:absolute;inset:auto;left:50%;top:50%;width:114%;height:auto;aspect-ratio:815/939;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 3px rgba(36,27,20,.18));transition:transform .24s cubic-bezier(.2,.7,.2,1),filter .24s;pointer-events:none}
.v-chip__hex{padding:0 13%;font-size:clamp(9px,1.7cqw,12.5px);font-weight:700;letter-spacing:0;text-wrap:balance}
.v-chip__hex::after{content:"";position:absolute;inset:0;background:linear-gradient(155deg,rgba(255,255,255,.3),rgba(255,255,255,0) 46%,rgba(0,0,0,.06));pointer-events:none}
@media (hover:hover){.v-chip:hover:not(:disabled) .v-chip__face{transform:translate(-50%,-50%) scale(1.12);filter:drop-shadow(0 10px 12px rgba(36,27,20,.3))}}
.v-chip:focus-visible .v-chip__face{transform:translate(-50%,-50%) scale(1.12);filter:drop-shadow(2px 0 0 var(--color-focus)) drop-shadow(-2px 0 0 var(--color-focus)) drop-shadow(0 2px 0 var(--color-focus)) drop-shadow(0 -2px 0 var(--color-focus))}
.v-chip.selected .v-chip__face{transform:translate(-50%,-50%) scale(1.14);filter:drop-shadow(1.5px 0 0 var(--color-surface)) drop-shadow(-1.5px 0 0 var(--color-surface)) drop-shadow(0 1.5px 0 var(--color-surface)) drop-shadow(0 -1.5px 0 var(--color-surface)) drop-shadow(2px 0 0 var(--brand-primary)) drop-shadow(-2px 0 0 var(--brand-primary)) drop-shadow(0 2px 0 var(--brand-primary)) drop-shadow(0 -2px 0 var(--brand-primary)) drop-shadow(0 10px 12px rgba(36,27,20,.28))}
.v-chip.unavailable .v-chip__face,.v-chip:disabled .v-chip__face{opacity:.3;filter:grayscale(1)}
@media (prefers-reduced-motion:reduce){.v-chip__face{transition:none}}.chipwall__grid{scroll-padding-inline-start:calc(var(--w) * .1)}
.v-chip__face{width:103%}
/* Előnézeti fejléc: fix magasság, hogy hover közben ne ugráljon az oldal */
.chipwall:not(.has-chip) .chipwall__big{display:block}
.chipwall__head{min-height:clamp(92px,16vw,122px);align-content:center}
.chipwall__meta{min-height:3.4em;justify-content:center}
/* ===== "Falon" nézet a termékkép helyén (js/wallview.js) ===== */
.jolly-wall-tab .color-accordion,.jolly-wall-tab .jf-falszin-accordion{display:none!important}
.wallview__tabs{display:inline-flex;align-self:flex-start;gap:4px;padding:4px;border-radius:999px;background:var(--color-bg);border:1px solid var(--color-border)}
.wallview__tab{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:var(--color-text-muted);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.wallview__tab:hover{color:var(--color-text)}
.wallview__tab.is-on{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 3px rgba(36,27,20,.14),inset 0 -2px 0 var(--brand-primary)}
.wallview__tab:focus-visible,.wallview__room:focus-visible,.wallview__lightbtn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}
.wallview{display:flex;flex-direction:column;gap:12px;padding:clamp(10px,2vw,16px);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden}
.wallview[hidden]{display:none}
.wallview__rooms{display:flex;flex-wrap:wrap;gap:8px}
.wallview__room{height:34px;padding:0 15px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.wallview__room:hover{border-color:var(--brand-primary)}
.wallview__room.is-on{background:var(--color-text);border-color:var(--color-text);color:var(--color-surface)}
.wallview__stage{position:relative;border-radius:12px;overflow:hidden;background:var(--color-bg);aspect-ratio:16/9;line-height:0}
.wallview__stage canvas{display:block;width:100%;height:auto}
.wallview__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--color-text-muted)}
.wallview__loading[hidden]{display:none}
.wallview__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.wallview__color{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:var(--color-text);min-width:0}
.wallview__dot{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:#f4f2ed;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}
.wallview__light{display:flex;gap:6px}
.wallview__lightbtn{height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-muted);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.wallview__lightbtn.is-on{border-color:var(--brand-primary);color:var(--color-text);background:color-mix(in srgb,var(--brand-primary) 10%,var(--color-surface))}
.wallview__note{margin:0;font-size:11.5px;line-height:1.4;color:var(--color-text-muted)}
/* Kiválasztott chip: hatszög alakú keret a kép mögött (a régi drop-shadow lánc piros téglalapot rajzolt az átlátszó PNG-k szélére) */
.v-chip.selected img{filter:drop-shadow(0 8px 10px rgba(36,27,20,.26))}
.v-chip.selected .v-chip__face{filter:drop-shadow(0 8px 10px rgba(36,27,20,.26))}
.v-chip.selected::before{content:"";position:absolute;left:50%;top:50%;z-index:0;width:121%;aspect-ratio:815/939;background:var(--brand-primary);clip-path:polygon(50% 5.5%,94% 27%,94% 73%,50% 94.5%,6% 73%,6% 27%);transform:translate(-50%,-50%) scale(1.15);pointer-events:none}
.v-chip.selected:has(.v-chip__face)::before{width:111%}
.v-chip.selected img,.v-chip.selected .v-chip__face{z-index:1}
.v-chip.selected::before{width:134%}
.v-chip.selected:has(.v-chip__face)::before{width:111%}

/* Cookie-elfogado sav (Complianz) mobilon kevesebb helyet foglaljon, hogy a
   tartalom nagyobb resze latszodjon alatta -- a szoveg/gombok nem valtoznak,
   csak a mereteles/terkoz szukul. Ha a tartalom megis magasabb lenne a
   kepernyonel, sajat gorgetest kap ahelyett, hogy kilogna. */
@media (max-width:1023px){
  .cmplz-cookiebanner{max-height:82vh!important;overflow-y:auto!important}
  .cmplz-cookiebanner .cmplz-header{padding:10px 14px 6px!important}
  .cmplz-cookiebanner .cmplz-title{font-size:14px!important}
  .cmplz-cookiebanner .cmplz-body{padding:0 14px 12px!important}
  .cmplz-cookiebanner .cmplz-message{font-size:12px!important;line-height:1.4!important;margin-bottom:8px!important}
  .cmplz-cookiebanner .cmplz-message p{margin:0 0 6px!important}
  .cmplz-cookiebanner .cmplz-category summary{padding:6px 0!important;font-size:12.5px!important}
  .cmplz-cookiebanner .cmplz-buttons{gap:6px!important}
  .cmplz-cookiebanner .cmplz-btn{padding:9px 14px!important;font-size:13px!important;min-height:0!important;line-height:1.3!important}
}

/* Főoldali "listás" termékkártya (Mapei + Népszerű termékek): kép balra (valódi <img>,
   alt szöveggel), jobbra márka/cím/rövid leírás + ár/CTA — hamburgeres-oldal stílusú kártya. */
.prod-slider{position:relative}
.prod-slider__track{display:flex;gap:var(--sp-5);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 2px 14px}
.prod-slider__track::-webkit-scrollbar{display:none}
.prod-slider__track .p-card--wide{flex:0 0 340px;scroll-snap-align:start}
.prod-slider__nav{position:absolute;top:calc(50% - 26px);width:40px;height:40px;border-radius:50%;background:var(--color-surface);box-shadow:var(--shadow-card);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:19px;line-height:1;color:var(--color-text);cursor:pointer;z-index:3;transition:transform .15s,box-shadow .15s}
.prod-slider__nav:hover{transform:translateY(-1px);box-shadow:var(--shadow-card-hover)}
.prod-slider__nav--prev{left:-14px}
.prod-slider__nav--next{right:-14px}
.prod-slider__nav[disabled]{opacity:.35;pointer-events:none}
@media (max-width:767px){.prod-slider__nav{display:none}}

.p-card--wide{flex-direction:row;border:1px solid var(--color-border)}
.p-card--wide .swatch{width:42%;flex:none;aspect-ratio:1/1;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;border-right:1px solid var(--color-border)}
.p-card--wide .swatch__img{width:100%;height:100%;object-fit:contain;display:block;position:relative;z-index:1;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.p-card--wide:hover .swatch__img{transform:scale(1.06)}
.p-card--wide .p-card__body{flex-direction:column;align-items:flex-start;justify-content:space-between;gap:8px;padding:var(--sp-3) var(--sp-3)}
.p-card--wide .p-card__top{flex:none;width:100%}
.p-card--wide .p-card__brand{display:inline-block;background:color-mix(in srgb, var(--brand-primary) 13%, var(--color-surface));color:var(--brand-primary);font-weight:700;font-size:10.5px;letter-spacing:.03em;padding:3px 10px;border-radius:999px}
.p-card--wide .p-card__title{font-family:var(--font-display);font-size:15.5px;font-weight:800;line-height:1.25;margin-top:8px}
.p-card--wide .p-card__desc{font-size:12.5px;color:var(--color-text-muted);margin:5px 0 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.p-card--wide .p-card__bottom{flex:none;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.p-card--wide .p-card__price{font-size:20px}
.p-card--wide .p-card__cta{width:100%;justify-content:flex-start}
.p-card--wide .p-card__cta .btn{width:100%;border-radius:999px}
.p-card--wide .p-card__cta .qty{flex:1}
@media (max-width:599px){
	.prod-slider__track .p-card--wide{flex:0 0 84%}
	.p-card--wide{flex-direction:column}
	.p-card--wide .swatch{width:100%;border-right:none;border-bottom:1px solid var(--color-border)}
	.p-card--wide .p-card__body{gap:6px}
}

/* ==========================================================================
   Kategória mega-menü v2 (inc/mega-menu.php) — csoportok + Munkák nézet
   ========================================================================== */
.mega-menu.mm{display:none;width:min(1080px,calc(100vw - 2*clamp(16px,4vw,40px)));background:var(--color-surface);border-radius:0 0 16px 16px;grid-template-columns:220px minmax(0,1fr)}
.mega-menu.mm.open{display:grid}
.mm-rail{background:var(--header-dark);color:var(--on-dark);padding:14px 10px;display:flex;flex-direction:column;gap:12px}
.mm-modes{display:grid;grid-template-columns:1fr 1fr;background:rgba(244,239,229,.08);border-radius:10px;padding:3px}
.mm-modes button{border:0;background:none;color:var(--on-dark-muted);font:600 13px var(--font-body);padding:7px 4px;border-radius:8px;cursor:pointer}
.mm-modes button.is-active{background:var(--on-dark);color:var(--header-dark)}
.mm-list{display:flex;flex-direction:column;gap:2px}
.mm-list[hidden]{display:none}
.mm-row{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;text-align:left;padding:10px 12px;border-radius:10px;cursor:pointer;color:var(--on-dark);font:600 14px var(--font-body)}
.mm-row:hover{background:rgba(244,239,229,.07)}
.mm-row.is-active{background:var(--brand-primary);color:#fff}
.mm-sw{width:10px;height:10px;border-radius:3px;flex:none;background:var(--c)}
.mm-ct{margin-left:auto;font-size:12px;font-weight:500;color:var(--on-dark-muted);font-variant-numeric:tabular-nums}
.mm-row.is-active .mm-ct{color:rgba(255,255,255,.8)}
.mm-help{margin-top:auto;border-top:1px solid var(--on-dark-border);padding:12px 12px 2px;font-size:12.5px;line-height:1.45;color:var(--on-dark-muted)}
.mm-help a{display:block;color:var(--on-dark);font-weight:700;margin-top:4px}
.mm-pane{padding:20px 24px 22px;max-height:min(72vh,640px);overflow:auto;color:var(--color-text)}
.mm-panel[hidden]{display:none}
.mm-head{display:flex;align-items:baseline;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.mm-head h2{font-family:var(--font-display);font-size:24px;line-height:1.15;margin:0;font-weight:700}
.mm-head a{font-size:14px;font-weight:700;color:var(--brand-primary)}
.mm-head a:hover{text-decoration:underline}
.mm-head span{font-size:13.5px;color:var(--color-text-muted)}
.mm-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px 28px}
.mm-group h3{font:600 13px var(--font-body);color:var(--color-text-muted);margin:0 0 6px;padding-bottom:6px;border-bottom:2px solid var(--c)}
.mm-group ul,.mm-step ul{list-style:none;margin:0;padding:0}
.mm-group a{display:block;padding:5px 8px;margin:0 -8px;border-radius:8px;font-size:14.5px;line-height:1.35}
.mm-group a:hover{background:var(--color-bg)}
.mm-brands{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.mm-group .mm-brands a,.mm-brands a{margin:0;border:1px solid var(--color-border);border-radius:999px;padding:4px 12px;font:600 14px var(--font-display)}
.mm-brands a:hover{border-color:var(--c);background:none}
.mm-cross{margin-top:22px;padding-top:14px;border-top:1px dashed var(--color-border);display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;color:var(--color-text-muted)}
.mm-cross button{border:0;background:var(--color-bg);color:var(--color-text);border-radius:999px;padding:5px 12px;cursor:pointer;font:700 13px var(--font-body)}
.mm-cross button:hover{background:var(--color-border)}
.mm-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr))}
.mm-step{padding:0 14px;min-width:0}
.mm-step:first-child{padding-left:0}
.mm-step + .mm-step{border-left:1px solid var(--color-border)}
.mm-step-no{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--header-dark);color:var(--on-dark);font:700 15px var(--font-display);margin-bottom:6px;flex:none}
.mm-step h3{font:600 17px/1.2 var(--font-display);margin:0 0 2px}
.mm-step p{margin:0 0 8px;font-size:13px;line-height:1.4;color:var(--color-text-muted)}
.mm-step a{display:flex;align-items:baseline;gap:8px;padding:4px 0;font-size:14px;line-height:1.3}
.mm-step a:hover span{text-decoration:underline}
.mm-dot{width:8px;height:8px;border-radius:2px;flex:none;background:var(--c);transform:translateY(-1px)}
.mm-calc{color:var(--brand-primary);font-weight:700}
[data-theme="dark"] .mm-step-no{background:var(--on-dark);color:var(--header-dark)}
@media (max-width:1200px){.mm-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0}.mm-step:nth-child(odd){padding-left:0;border-left:0}}
@media (prefers-reduced-motion:no-preference){.mega-menu.mm.open{animation:mmDrop .16s ease-out}@keyframes mmDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}}
/* mobil drawer — csoportcímek, márkák, munkák */
.drawer-cat .mm-sw{display:inline-block;margin-right:10px;vertical-align:1px}
.drawer-all{display:block;padding:11px 8px;font-size:13.5px;font-weight:700;color:var(--brand-primary)}
.drawer-subgroup{display:flex;align-items:center;gap:8px;padding:12px 8px 4px;font-size:12px;font-weight:700;color:var(--color-text);border-top:1px solid var(--color-border)}
.drawer-subgroup:first-of-type{border-top:0}
.drawer-step .mm-step-no{width:22px;height:22px;font-size:12px;margin:0}
.drawer-subcat-list .mm-brands{padding:4px 8px 8px}
.drawer-subcat .mm-dot{transform:none}
.mobile-drawer{overflow-x:hidden}

/* ---------- Mobil drawer: Munkák csempék + idővonal, menülinkek ---------- */
.dj{padding:4px 14px 14px}
.dj-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dj-tile{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:74px;padding:12px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg);color:var(--color-text);text-align:left;cursor:pointer;font:inherit}
.dj-tile[aria-expanded="true"]{border-color:var(--brand-primary);box-shadow:inset 0 0 0 1px var(--brand-primary)}
.dj-name{font:700 14.5px/1.2 var(--font-display)}
.dj-meta{margin-top:auto;display:flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;color:var(--color-text-muted)}
.dj-meta i{width:7px;height:7px;border-radius:2px}
.dj-meta i:last-of-type{margin-right:4px}
.dj-flow{margin-top:10px;border-radius:14px;background:var(--color-bg);padding:12px 12px 4px}
.dj-flow[hidden]{display:none}
.dj-flow-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font:700 16px var(--font-display)}
.dj-close{width:32px;height:32px;border:0;border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:18px;cursor:pointer}
.dj-steps{list-style:none;margin:0;padding:0}
.dj-step{position:relative;display:grid;grid-template-columns:26px 1fr;gap:10px;padding-bottom:14px}
.dj-step:not(:last-child)::before{content:"";position:absolute;left:12px;top:26px;bottom:0;width:2px;background:var(--color-border)}
.dj-no{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--brand-primary);color:#fff;font:700 13px var(--font-display);position:relative}
.dj-body b{display:block;font-size:14px;line-height:26px}
.dj-body small{display:block;font-size:12px;color:var(--color-text-muted);margin:-2px 0 6px}
.dj-chips{display:flex;flex-wrap:wrap;gap:6px}
.dj-chips a{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--color-surface);border:1px solid var(--color-border);font-size:12.5px;font-weight:600;line-height:1.2}
.dj-chips a::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--c);flex:none}
.dj-chips a.is-calc{color:var(--brand-primary);border-color:var(--brand-primary)}
.dj-chips a.is-calc::before{display:none}
.drawer-links{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--color-border)}
.drawer-links a{padding:14px 18px;font-size:14px;font-weight:600;border-bottom:1px solid var(--color-border)}
.drawer-links a:nth-child(odd){border-right:1px solid var(--color-border)}
.drawer-links a.accent{color:var(--brand-primary);font-weight:700}
.dj-meta{white-space:nowrap;gap:3px}
.dj-meta i{width:6px;height:6px}
.drawer-links a:last-child:nth-child(odd){grid-column:1/-1;border-right:0}
/* Mobil fejléc: legalább 44×44 px-es érintési felület (Apple HIG / WCAG 2.5.5) */
@media (max-width:1023px){
  .header-actions{gap:2px}
  .header-actions .hdrop--account .icon-btn,.header-actions .hdrop--cart .icon-btn{width:44px;height:44px;justify-content:center}
  .header-actions .dm-toggle{min-height:44px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center}
  .hamburger{min-width:44px;min-height:44px}
}
/* Sötét mód kapcsoló: hold/nap ikon a gombon, hogy felirat nélkül is érthető legyen */
.dm-toggle .thumb::before{content:"";position:absolute;inset:3px;background:#5A4A3A;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z'/%3E%3C/svg%3E") center/contain no-repeat}
[data-theme="dark"] .dm-toggle .thumb::before{background:var(--brand-accent);inset:2px;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cg stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 1.5v2.5M12 20v2.5M1.5 12H4M20 12h2.5M4.6 4.6l1.8 1.8M17.6 17.6l1.8 1.8M4.6 19.4l1.8-1.8M17.6 6.4l1.8-1.8'/%3E%3C/g%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cg stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 1.5v2.5M12 20v2.5M1.5 12H4M20 12h2.5M4.6 4.6l1.8 1.8M17.6 17.6l1.8 1.8M4.6 19.4l1.8-1.8M17.6 6.4l1.8-1.8'/%3E%3C/g%3E%3C/svg%3E")}
/* Mobil drawer menülinkek v2: ikonos lista kártyában (felülírja a korábbi rácsot) */
.drawer-links{display:flex;flex-direction:column;gap:2px;margin:0 14px 14px;padding:6px;border:0;border-radius:14px;background:var(--color-bg)}
.drawer-links a{display:flex;align-items:center;gap:12px;padding:8px 8px;border:0!important;border-radius:10px;font-size:14.5px;font-weight:600;color:var(--color-text);grid-column:auto!important}
.drawer-links a:hover,.drawer-links a:active{background:var(--color-surface)}
.dl-ico{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;background:var(--color-surface);color:var(--color-text-muted);box-shadow:0 1px 2px rgba(36,27,20,.06)}
.dl-txt{flex:1}
.dl-chev{color:var(--color-text-muted);opacity:.6}
.drawer-links a.accent{color:var(--brand-primary)}
.drawer-links a.accent .dl-ico{background:var(--brand-primary);color:#fff}
/* Fejléc: 1024–1480 px között ne lógjon ki jobbra (logó + kereső + 3 elérhetőség + ikonok) */
@media (min-width:1024px) and (max-width:1480px){.header-main{gap:16px;padding-inline:24px}.header-search{min-width:220px}}
@media (min-width:1024px) and (max-width:1300px){.header-phones>*:nth-child(3){display:none}}