/* GO-POD összeállító — alapanyag-válogatás (assets/js/alapanyag.js). */

/* A gyári választó (a díj-termék) és a leírás helyett a válogató. */
.gk-alap-komp .component_selections > :not(.gk-alap):not(.gk-alap__mezok){display:none!important}

.gk-alap{--ga-ink:var(--ink,#0F1D26);--ga-ink2:var(--ink-2,#3B4A54);--ga-ink3:var(--ink-3,#5F6F7A);
  --ga-line:var(--line,#D9E1E6);--ga-p2:var(--paper-2,#F2F6F8);--ga-tint:var(--kek-tint,#E3F3FA);--ga-ok:#1E7A4F;
  color:var(--ga-ink);font-size:15px;margin:6px 0 10px;container-type:inline-size}
.gk-alap button{font-family:inherit;cursor:pointer;text-transform:none;letter-spacing:0}
.gk-alap [hidden]{display:none!important}

.gk-alap__keret{position:sticky;top:96px;z-index:1;background:#fff;border:1px solid var(--ga-line);border-radius:14px;
  padding:12px 14px;margin-bottom:14px;box-shadow:0 8px 20px -14px rgba(15,29,38,.35)}
.gk-alap__kf{display:flex;justify-content:space-between;align-items:baseline;gap:4px 12px;flex-wrap:wrap}
.gk-alap__ossz{font-size:17px;font-weight:800;white-space:nowrap}
.gk-alap__ossz small{font-size:13px;color:var(--ga-ink3);font-weight:600}
.gk-alap__meg{font-size:13px;color:var(--ga-ok);font-weight:700;white-space:nowrap}
.gk-alap__sav{height:6px;background:var(--ga-line);border-radius:9px;margin:9px 0 0;overflow:hidden}
.gk-alap__sav i{display:block;height:100%;width:0;background:var(--ga-ok);border-radius:9px;transition:width .2s}
.gk-alap__figy{margin:6px 0 0;font-size:13px;font-weight:600;color:#9B1C1C;min-height:0}
.gk-alap__figy:empty{display:none}

.gk-alap__eszk{display:flex;gap:10px;margin:0 0 12px;flex-wrap:wrap}
.gk-alap .gk-alap__ajanl{border:0;background:var(--ga-ink);color:#fff;border-radius:999px;padding:11px 16px;font-size:14px;font-weight:700}
.gk-alap .gk-alap__kereso{flex:1;min-width:180px;height:44px;margin:0;border:1.5px solid var(--ga-line);border-radius:999px;padding:0 16px;
  font-family:inherit;font-size:14px;color:var(--ga-ink);background:#fff;box-shadow:none}

.gk-alap__chipsor{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:12px;scrollbar-width:thin}
.gk-alap .gk-alap__chip{white-space:nowrap;border:1.5px solid var(--ga-line);border-radius:999px;padding:7px 13px;margin:0;
  font-size:13px;font-weight:600;background:#fff;color:var(--ga-ink)}
.gk-alap .gk-alap__chip small{color:var(--ga-ink3);font-weight:500}
.gk-alap .gk-alap__chip.is-akt{background:var(--ga-ink);color:#fff;border-color:var(--ga-ink)}
.gk-alap .gk-alap__chip.is-akt small{color:#B7C5CE}

.gk-alap__racs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@container (max-width:620px){.gk-alap__racs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gk-alap__kartya{position:relative;border:1px solid var(--ga-line);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:4px;background:#fff}
.gk-alap__kartya.is-kiv{border-color:var(--ga-ok);box-shadow:inset 0 0 0 1px var(--ga-ok)}
.gk-alap__kartya img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:var(--ga-p2)}
.gk-alap__cs{font-size:11px;color:var(--ga-ink3);font-weight:600;margin-top:2px}
.gk-alap__nev{margin:0;font-size:12.5px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.9em}
.gk-alap__ar{margin:auto 0 0;font-weight:800;font-size:14px}
.gk-alap .gk-alap__plusz{margin-top:4px;border:1.5px solid var(--ga-ink);background:#fff;color:var(--ga-ink);border-radius:999px;padding:8px;font-size:13px;font-weight:700}
.gk-alap__db{margin-top:4px;display:flex;align-items:center;justify-content:space-between;border:1.5px solid var(--ga-ok);border-radius:999px;overflow:hidden;height:36px}
.gk-alap .gk-alap__db button{border:0;margin:0;padding:0;background:var(--ga-p2);color:var(--ga-ink);width:36px;height:100%;font-size:17px;line-height:1}
.gk-alap__ures,.gk-alap__tolt{grid-column:1/-1;margin:8px 0;color:var(--ga-ink3);font-size:14px}
.gk-alap .gk-alap__tovabb{display:block;margin:14px auto 0;border:1.5px dashed var(--ga-ink3);background:#fff;color:var(--ga-ink);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600}

.gk-alap__pop{position:absolute;left:8px;right:-40px;top:58%;z-index:4;background:#fff;border:1px solid var(--ga-line);border-radius:12px;
  box-shadow:0 18px 40px -12px rgba(15,29,38,.35);padding:12px}
.gk-alap__kartya:nth-child(4n) .gk-alap__pop{left:-40px;right:8px}
.gk-alap__pc{margin:0 0 6px;font-weight:800;font-size:13px;line-height:1.3}
.gk-alap__pl{margin:8px 0 5px;font-size:11px;font-weight:700;color:var(--ga-ink3);text-transform:uppercase;letter-spacing:.05em}
.gk-alap__chips{display:flex;gap:6px;flex-wrap:wrap}
.gk-alap .gk-alap__ch{border:1.5px solid var(--ga-line);background:#fff;color:var(--ga-ink);border-radius:8px;padding:5px 9px;margin:0;font-size:12px;font-weight:600}
.gk-alap .gk-alap__ch.is-akt{border-color:var(--ga-ink);background:var(--ga-tint)}
.gk-alap .gk-alap__psel{width:100%;height:40px;border:1.5px solid var(--ga-line);border-radius:10px;font-family:inherit;font-size:13px;padding:0 8px}
.gk-alap .gk-alap__pok{margin-top:10px;width:100%;border:0;background:var(--ga-ink);color:#fff;border-radius:999px;padding:9px;font-size:13px;font-weight:700}
.gk-alap .gk-alap__pok:disabled{opacity:.45;cursor:default}
@media (max-width:640px){
  .gk-alap__pop,.gk-alap__kartya:nth-child(4n) .gk-alap__pop{position:fixed;left:0;right:0;top:auto;bottom:0;border-radius:18px 18px 0 0;
    padding:16px 16px 22px;max-height:75vh;overflow:auto;box-shadow:0 -12px 40px -10px rgba(15,29,38,.45)}
  .gk-alap__pop::before{content:"";display:block;width:42px;height:4px;border-radius:4px;background:var(--ga-line);margin:0 auto 10px}
  .gk-alap__keret{top:72px}
}

.gk-alap__kiv{margin-top:16px;border:1px solid var(--ga-line);border-radius:14px}
.gk-alap__kiv summary{list-style:none;display:flex;justify-content:space-between;gap:10px;padding:12px 14px;font-weight:700;background:var(--ga-p2);border-radius:14px;cursor:pointer}
.gk-alap__kiv[open] summary{border-radius:14px 14px 0 0}
.gk-alap__kiv ul{margin:0;padding:6px 14px 12px;list-style:none}
.gk-alap__kiv li{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--ga-line);font-size:13.5px}
.gk-alap__kdb{display:inline-flex;align-items:center;gap:6px}
.gk-alap .gk-alap__kdb button{width:26px;height:26px;border:1px solid var(--ga-line);border-radius:50%;background:#fff;color:var(--ga-ink);padding:0;margin:0;line-height:1}
.gk-alap__kar{font-weight:700;white-space:nowrap}
.gk-alap__pdb{display:flex;align-items:center;justify-content:space-between;margin-top:10px;border:1.5px solid var(--ga-line);border-radius:999px;height:38px;overflow:hidden}
.gk-alap .gk-alap__pdb button{border:0;margin:0;padding:0;background:var(--ga-p2);color:var(--ga-ink);width:40px;height:100%;font-size:17px;line-height:1}
.gk-alap__jel{margin-top:4px;font-size:12px;font-weight:700;color:var(--ga-ok)}
.gk-alap__meg.is-tul{color:#9B1C1C}
.gk-alap__bev{margin:0 0 12px;padding:10px 14px;border-radius:12px;background:var(--ga-p2);color:var(--ga-ink2);font-size:14px;line-height:1.45}
/* Fix csomag (GK_Alapanyag_Csomag): a válogató a csomag tételei alatt. */
.gk-alap-csomag{margin:22px 0 10px;padding-top:18px;border-top:1px solid var(--line,#D9E1E6)}
.gk-alap-csomag__cim{margin:0 0 8px;font-size:1.15rem;font-weight:800}
.gk-alap-csomag .gk-alap__bev{margin:0 0 12px;padding:10px 14px;border-radius:12px;background:var(--paper-2,#F2F6F8);color:var(--ink-2,#3B4A54);font-size:14px;line-height:1.45}
/* Beírható darabszám (telefonon számbillentyűzet). */
.gk-alap .gk-alap__dbmezo{width:56px;min-width:0;height:100%;margin:0;padding:0;border:0;background:#fff;color:var(--ga-ink);
  font-family:inherit;font-size:15px;font-weight:700;text-align:center;box-shadow:none;-moz-appearance:textfield}
.gk-alap .gk-alap__dbmezo::-webkit-inner-spin-button,.gk-alap .gk-alap__dbmezo::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.gk-alap__db .gk-alap__dbmezo{flex:1}
.gk-alap__kdb .gk-alap__dbmezo{width:48px;height:30px;border:1px solid var(--ga-line);border-radius:8px}
@container (max-width:520px){
  .gk-alap__kiv li{grid-template-columns:1fr auto;row-gap:6px}
  .gk-alap__kiv .gk-alap__kn{grid-column:1/-1}
  .gk-alap .gk-alap__kdb button{width:34px;height:34px}
  .gk-alap__kdb .gk-alap__dbmezo{height:34px}
}

/* A kártya neve a termékoldalra visz (új lapon). */
.gk-alap__nev a{color:inherit;text-decoration:none}
.gk-alap__nev a:hover,.gk-alap__nev a:focus-visible{text-decoration:underline}