/* Ajándékutalvány – vásárlóoldal. A honlap designrendszerének tokenjeire épül. */
.szsz-utv{
	--u-ink:var(--ink,#131318);--u-ink2:var(--ink-2,#565660);--u-ink3:var(--ink-3,#888892);
	--u-rule:var(--rule,#D6D6DC);--u-acc:var(--acc,#FFE100);--u-paper:var(--paper,#ECECEF);
	max-width:820px;margin:0 auto;padding:clamp(44px,6.5vw,104px) var(--gut,20px);
	font-family:var(--f-ui,Karla,"Helvetica Neue",Arial,sans-serif);color:var(--u-ink)
}
.szsz-utv-fej{display:flex;flex-direction:column;gap:14px;margin-bottom:clamp(30px,4vw,52px)}
.szsz-utv-fej h1{max-width:16ch}
.szsz-utv-fej .lead{max-width:44ch}
.szsz-utv-fej .lead{color:var(--u-ink2)}
.szsz-utv-urlap{display:flex;flex-direction:column;gap:0}
.szsz-utv-blokk{border:0;border-top:1px solid var(--u-rule);margin:0;padding:26px 0 30px;min-width:0}
.szsz-utv-blokk legend{float:left;width:100%;margin:0 0 16px;padding:0}
.szsz-utv-blokk legend + *{clear:both}
.szsz-utv-blokk p{margin:0 0 18px}
.szsz-utv-blokk p:last-child{margin-bottom:0}

/* összegek */
.szsz-utv-osszegek{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;background:var(--u-rule);border:1px solid var(--u-rule)}
.szsz-utv .szsz-utv-osszeg{position:relative;display:flex;margin:0;align-items:flex-end;min-height:96px;padding:16px 18px;background:var(--u-paper);cursor:pointer;transition:background .4s ease}
.szsz-utv-osszeg input{position:absolute;opacity:0;pointer-events:none}
.szsz-utv-osszeg span{font-size:1.55rem;line-height:1.1;background-image:linear-gradient(var(--u-acc),var(--u-acc));background-repeat:no-repeat;background-position:0 100%;background-size:0 2px;transition:background-size .9s cubic-bezier(.16,.72,.24,1);padding-bottom:3px}
.szsz-utv-egyedi span{font-size:.95rem;font-weight:600}
.szsz-utv-osszeg:hover{background:#F3F3F5}
.szsz-utv-osszeg:has(input:checked){background:#fff;box-shadow:inset 0 0 0 1.5px var(--u-ink)}
.szsz-utv-osszeg:has(input:checked) span{background-size:100% 2px}
.szsz-utv-osszeg:has(input:focus-visible){outline:2px solid var(--u-ink);outline-offset:-4px}
.szsz-utv-egyedi-mezo{margin-top:18px!important}

/* mezők: vonal, nem doboz */
.szsz-utv label{display:block;font-size:.9rem;font-weight:600;margin-bottom:4px}
.szsz-utv label .xs{font-weight:400}
.szsz-utv input[type=text],.szsz-utv input[type=email],.szsz-utv input[type=number],.szsz-utv textarea{
	width:100%;font:inherit;font-size:1.02rem;color:var(--u-ink);background:transparent;
	border:0;border-bottom:1px solid var(--u-ink3);border-radius:0;padding:9px 0;outline:0;
	transition:border-color .3s ease;-webkit-appearance:none;appearance:none
}
.szsz-utv input[type=number]{max-width:260px;-moz-appearance:textfield}
.szsz-utv textarea{resize:vertical;min-height:84px}
.szsz-utv input:focus,.szsz-utv textarea:focus{border-bottom:2px solid var(--u-ink);padding-bottom:8px}
.szsz-utv .xs{display:block;font-size:.79rem;color:var(--u-ink3);margin-top:6px;font-weight:400}
.szsz-utv label .xs{display:inline;margin:0}

/* kézbesítés */
.szsz-utv-valaszto{display:flex!important;gap:12px;align-items:flex-start;font-weight:400!important;font-size:.98rem!important;padding:10px 0;cursor:pointer}
.szsz-utv-valaszto input{margin:5px 0 0;accent-color:var(--u-ink);width:16px;height:16px;flex:none}
.szsz-utv-valaszto span{color:var(--u-ink2)}
.szsz-utv-valaszto b{color:var(--u-ink);font-weight:600}
.szsz-utv-cimzett-mezo{margin-top:8px!important;padding-left:28px}

/* zárás */
.szsz-utv-zaro{border-top:1px solid var(--u-ink);padding-top:26px;display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap}
.szsz-utv-zaro .sm{max-width:44ch;color:var(--u-ink2);font-size:.93rem}
.szsz-utv-zaro .btn{font-size:.95rem}
.szsz-utv [hidden]{display:none!important}

/* WooCommerce hibaüzenetek */
.szsz-utv .woocommerce-error,.szsz-utv .woocommerce-message,.szsz-utv .woocommerce-info{
	list-style:none;margin:0 0 26px;padding:14px 18px;background:#fff;border-left:3px solid #C0392B;font-size:.95rem}
.szsz-utv .woocommerce-error li{margin:0}

@media (max-width:560px){
	.szsz-utv-osszegek{grid-template-columns:1fr 1fr}
	.szsz-utv .szsz-utv-egyedi{grid-column:1/-1;min-height:56px}
	.szsz-utv-osszeg{min-height:78px}
	.szsz-utv-osszeg span{font-size:1.3rem}
	.szsz-utv-zaro .btn{width:100%;justify-content:center}
}

/* keretkategóriák (2.0) */
.szsz-utv-kategoriak{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:0;border-top:1px solid var(--u-rule);border-left:1px solid var(--u-rule)}
.szsz-utv .szsz-utv-kategoria{border-right:1px solid var(--u-rule);border-bottom:1px solid var(--u-rule)}
.szsz-utv .szsz-utv-kategoria{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-height:112px;margin:0;padding:16px 18px;background:var(--u-paper);cursor:pointer;font-weight:400;transition:background .4s ease}
.szsz-utv-kategoria input{position:absolute;opacity:0;pointer-events:none}
.szsz-utv-kat-nev{font-size:1.5rem;line-height:1.1;align-self:flex-start;padding-bottom:3px;background-image:linear-gradient(var(--u-acc),var(--u-acc));background-repeat:no-repeat;background-position:0 100%;background-size:0 2px;transition:background-size .9s cubic-bezier(.16,.72,.24,1)}
.szsz-utv-kat-leiras{font-size:.86rem;line-height:1.45;color:var(--u-ink2)}
.szsz-utv-kat-ar{font-size:.86rem;color:var(--u-ink3);font-variant-numeric:tabular-nums;margin-top:auto;padding-top:6px}
.szsz-utv .szsz-utv-kategoria{justify-content:flex-start}
.szsz-utv-kategoria:hover{background:#F3F3F5}
.szsz-utv-kategoria:has(input:checked){background:#fff;box-shadow:inset 0 0 0 1.5px var(--u-ink)}
.szsz-utv-kategoria:has(input:checked) .szsz-utv-kat-nev{background-size:100% 2px}
.szsz-utv-kategoria:has(input:checked) .szsz-utv-kat-ar{color:var(--u-ink)}
.szsz-utv-kategoria:has(input:focus-visible){outline:2px solid var(--u-ink);outline-offset:-4px}
@media (max-width:560px){
	.szsz-utv-kategoriak{grid-template-columns:1fr 1fr}
	.szsz-utv .szsz-utv-kategoria{min-height:92px;padding:14px}
	.szsz-utv-kat-nev{font-size:1.25rem}
}
.szsz-utv .szsz-utv-kat-megj{margin:14px 0 0;max-width:60ch;font-size:.86rem;line-height:1.5;color:var(--u-ink2)}
.szsz-utv-kosar{background:#fff;border:1px solid var(--u-rule);padding:18px 20px;margin:0 0 30px}
.szsz-utv-kosar ul{list-style:none;margin:10px 0 12px;padding:0}
.szsz-utv-kosar li{display:flex;align-items:baseline;gap:12px;padding:8px 0;border-top:1px solid var(--u-rule);font-size:.95rem}
.szsz-utv-kosar li span:first-child{flex:1}
.szsz-utv-kosar-ar{font-variant-numeric:tabular-nums;color:var(--u-ink2)}
.szsz-utv-kosar-torol{color:var(--u-ink3);text-decoration:none;font-size:1.2rem;line-height:1;padding:0 4px}
.szsz-utv-kosar-torol:hover{color:var(--u-ink)}
.szsz-utv-kosar-lab{margin:0;font-size:.92rem}
.szsz-utv-kosar-lab .xs{display:inline;margin:0}
/* több kategória + darabszám (2.6) */
.szsz-utv-tobb{display:inline-block;margin-left:10px;font-size:.78rem;letter-spacing:0;text-transform:none;font-weight:400;color:var(--u-ink3)}
.szsz-utv .szsz-utv-kategoria{padding-right:44px}
.szsz-utv .szsz-utv-kategoria::before{content:"";position:absolute;top:16px;right:16px;width:16px;height:16px;border:1.5px solid var(--u-ink3);background:#fff;transition:background .2s ease,border-color .2s ease}
.szsz-utv .szsz-utv-kategoria::after{content:"";position:absolute;top:19px;right:21.5px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s ease}
.szsz-utv .szsz-utv-kategoria:has(input:checked)::before{background:var(--u-ink);border-color:var(--u-ink)}
.szsz-utv .szsz-utv-kategoria:has(input:checked)::after{opacity:1}
.szsz-utv-kat-lab{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:6px;min-height:32px}
.szsz-utv-kat-lab .szsz-utv-kat-ar{margin-top:0;padding-top:0}
.szsz-utv-db{display:none;align-items:center;border:1px solid var(--u-ink);background:#fff;flex:none}
.szsz-utv-kategoria:has(.szsz-utv-kat-valaszt:checked) .szsz-utv-db{display:inline-flex}
.szsz-utv .szsz-utv-db-gomb{width:28px;height:28px;border:0;background:transparent;font:inherit;font-size:1rem;line-height:1;color:var(--u-ink);cursor:pointer;padding:0}
.szsz-utv .szsz-utv-db-gomb:hover{background:var(--u-paper)}
.szsz-utv .szsz-utv-db input[type=number]{width:30px;height:28px;padding:0;border:0;border-left:1px solid var(--u-rule);border-right:1px solid var(--u-rule);text-align:center;font-size:.9rem;font-variant-numeric:tabular-nums;-moz-appearance:textfield;max-width:none}
.szsz-utv .szsz-utv-db input[type=number]:focus{border-bottom:0;padding:0;outline:2px solid var(--u-ink);outline-offset:-2px}
.szsz-utv-db input::-webkit-outer-spin-button,.szsz-utv-db input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.szsz-utv-osszesito{margin:0 0 14px;font-size:.95rem;font-weight:600;font-variant-numeric:tabular-nums}
.szsz-utv-tobb-megj{margin:0 0 16px!important;padding:10px 14px;background:#fff;border-left:2px solid var(--u-acc);color:var(--u-ink2)!important;font-size:.84rem!important}
.szsz-utv .szsz-utv-kategoria .szsz-utv-db input{position:static;opacity:1;pointer-events:auto}
.szsz-utv-kategoriak{grid-template-columns:repeat(auto-fill,minmax(min(178px,100%),1fr))}
@media (max-width:560px){
	.szsz-utv-kategoriak{grid-template-columns:repeat(2,minmax(0,1fr))}
	.szsz-utv .szsz-utv-kategoria{padding-right:14px}
	.szsz-utv .szsz-utv-kategoria .szsz-utv-kat-nev{padding-right:26px}
	.szsz-utv .szsz-utv-kategoria::before{top:14px;right:12px}
	.szsz-utv .szsz-utv-kategoria::after{top:17px;right:17.5px}
	.szsz-utv-kat-lab{flex-wrap:wrap}
}
.szsz-utv .szsz-utv-kategoria{padding-right:18px}
.szsz-utv .szsz-utv-kategoria .szsz-utv-kat-nev{margin-right:26px}
.szsz-utv-kat-lab{flex-wrap:wrap;row-gap:8px}
.szsz-utv-kat-lab .szsz-utv-kat-ar{white-space:nowrap}