/* Layout: a faithful rebuild of the live mobileshark.hu product page — header, breadcrumb, grey title band, gallery | buy column, then the shop's own sections. Single light theme, like the live store. */
:root{
  --bg:#f8f8f8; --white:#ffffff; --ink:#121212; --ink2:#111827; --muted:#6b7280; --muted2:#4b5563;
  --line:#e5e7eb; --green:#00c667; --green-d:#00a857; --green-t:#007a40; --mint:#e6f9f0; --mint-bg:#f6fefa; --mint-line:#cdefdf;
  --star:#fbbc04; --grey-box:#f5f5f7; --footer:#121212;
  --f-head:"Jost",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --f-body:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif;
  color-scheme:light;
}
html{font-size:62.5%}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--white)}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.gut{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.page{max-width:1440px;margin:0 auto}

/* ---------- prototype note ---------- */
.proto{background:#111827;color:#e5e7eb;font-size:12.5px;line-height:1.4}
.proto .page{display:flex;gap:6px 14px;flex-wrap:wrap;padding-block:7px}
.proto b{color:#fff}

/* ---------- header ---------- */
.search{position:relative}
.qdrop{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.12);padding:6px;z-index:60;max-height:70vh;overflow:auto}
.qd-i{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:8px;border-radius:10px;color:inherit;text-decoration:none}
.qd-i:hover{background:#f3f4f6}
.qd-i img,.qd-ph{width:44px;height:44px;object-fit:contain;border-radius:8px;background:#f5f5f7}
.qd-t{font-size:14px;font-weight:600;line-height:1.3}
.qd-p{font-size:13px;color:#4b5563;white-space:nowrap}
.qd-all{display:block;width:100%;margin-top:4px;padding:10px;border:0;border-radius:10px;background:var(--green,#00c667);color:#fff;font-weight:700;cursor:pointer}
.qd-none{margin:0;padding:12px;font-size:14px;color:#4b5563}
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--white);border-bottom:1px solid #ececec}
.hdr-row{display:flex;align-items:center;gap:14px;padding-block:9px;min-height:73px}
.burger,.iconbtn{background:none;border:0;cursor:pointer;padding:8px;display:grid;place-items:center;color:var(--ink)}
.burger svg,.iconbtn svg{width:24px;height:24px}
.logo img{width:50px;height:auto;display:block}
.search{flex:1;max-width:520px;display:none}
.search input{width:100%;border:0;background:#f3f3f3;border-radius:999px;padding:10px 18px;font:inherit;font-size:14px}
.hdr-btns{display:flex;gap:8px;margin-left:auto}
.hb{display:inline-flex;align-items:center;gap:7px;border-radius:7px;padding:8px 14px;font-weight:600;font-size:15px;text-decoration:none;line-height:1.3;white-space:nowrap}
.hb svg{width:17px;height:17px;display:none}
.hb.out{border:1.5px solid #d1d5db;background:var(--white)}
.hb.fill{background:#5bd08a;color:#fff;border:1.5px solid #5bd08a}
.hdr-icons{display:flex;gap:2px}
.acc{display:none}
.cartcount{position:absolute;transform:translate(10px,-10px);background:var(--green);color:#fff;font-size:10px;font-weight:700;border-radius:999px;min-width:16px;height:16px;display:grid;place-items:center;padding:0 4px}
.cartcount[hidden]{display:none}
.nav{display:none;justify-content:center;gap:34px;padding-block:6px 12px}
.nav a{text-decoration:none;font-weight:600;font-size:15px}
.nav a:hover{color:var(--green-d)}
@media (min-width:990px){
  .burger{display:none}
  .search{display:block}
  .hb svg{display:block}
  .hb{padding:7px 14px;font-size:14px}
  .acc{display:grid}
  .nav{display:flex}
  .hdr-row{gap:26px}
}
/* drawer */
.drawer{position:fixed;inset:0;z-index:80;display:none}
.drawer.open{display:block}
.drawer .scrim{position:absolute;inset:0;background:rgba(17,24,39,.45)}
.drawer nav{position:absolute;inset:0 auto 0 0;width:min(84vw,340px);background:var(--white);padding:calc(18px + env(safe-area-inset-top,0px)) 22px 22px max(22px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:2px;overflow:auto}
.drawer nav a{text-decoration:none;font-size:17px;font-weight:600;padding:12px 4px;border-bottom:1px solid #f0f0f0}
.drawer{top:var(--dtop,0px)}
.drawer .scrim{background:rgba(17,24,39,.35)}
.drawer nav{width:min(92vw,360px);padding:14px 0 0;gap:0;border-top:1px solid var(--line)}
.drawer .close{display:none}
.drawer nav a{border:0;padding:0}
.drawer .dr-elad{display:flex;align-items:center;gap:12px;margin:0 12px 8px;padding:14px 16px;border-radius:14px;background:var(--mint);border:1px solid var(--mint-line);color:var(--green-t);text-decoration:none}
.dr-elad-i{display:grid;place-items:center}.dr-elad-i svg{width:22px;height:22px}
.dr-elad b{display:block;font-size:17px;font-weight:700;line-height:1.25}
.dr-elad small{display:block;font-size:12.5px;font-weight:500;opacity:.85;line-height:1.35}
.dr-nyil{margin-left:auto;font-size:26px;line-height:1;font-weight:400}
.drawer .dr-fo a{display:block;padding:11px 30px;font-size:18px;font-weight:500;color:var(--ink);text-decoration:none}
.dr-mas{margin:10px 30px 0;padding-top:10px;border-top:1px solid var(--line)}
.drawer .dr-mas a{display:block;padding:10px 0;font-size:17px;font-weight:500;color:var(--muted);text-decoration:none}
.dr-koz{margin-top:auto;display:flex;gap:22px;padding:22px 30px calc(22px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line)}
.drawer .dr-koz a{color:var(--ink)}.dr-koz svg{width:22px;height:22px;display:block}
.drawer nav>.dr-mas+.dr-koz,.drawer nav>.dr-fo+.dr-koz{margin-top:24px}
html.dr-nyitva{overflow:hidden}
.dr-kereso{display:flex;align-items:center;gap:10px;margin:0 12px 12px;padding:0 14px;height:46px;border-radius:12px;background:#f3f3f4}
.dr-kereso svg{width:18px;height:18px;color:var(--muted);flex:0 0 auto}
.dr-kereso input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:16px;outline:none;color:var(--ink)}
.drawer .close{align-self:flex-end;background:none;border:0;font-size:30px;line-height:1;cursor:pointer;color:var(--muted)}

/* ---------- breadcrumb + title band ---------- */
.crumbs{background:var(--white);border-bottom:1px solid #ececec}
.crumbs .page{display:flex;align-items:center;gap:7px;padding-block:10px;font-size:15px;line-height:1.7}
.crumbs svg{width:15px;height:15px}
.crumbs a{text-decoration:none}
.titleband{background:var(--bg)}
.titleband h1{font-family:var(--f-head);font-weight:500;font-size:25px;line-height:1.26;margin:0;padding-block:28px 30px}
@media (min-width:990px){.titleband h1{font-size:36px;padding-block:34px 30px}}

/* ---------- product layout ---------- */
.pp{background:var(--white)}
.pp .page{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
@media (min-width:990px){
  .pp{background:var(--bg)}
  .pp .page{grid-template-columns:minmax(0,1fr) 40%;gap:50px;align-items:start;padding-bottom:40px}
  #prodview .page.gut{max-width:1600px;padding-left:50px;padding-right:50px}
  .card{background:var(--white);border-radius:20px}
  .info{padding:30px 35px}
}
@media (min-width:1200px){.pp .page{grid-template-columns:minmax(0,1fr) 35%}.info{padding:40px}
}

/* gallery */
.gallery{position:relative;padding-block:30px 22px}
.slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.slides::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;scroll-snap-align:center;display:grid;place-items:center;aspect-ratio:1/1;max-width:100%}
.slide img{width:92%;height:92%;object-fit:contain}
.arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:var(--white);border:1px solid #e9e9e9;box-shadow:0 2px 8px rgba(0,0,0,.08);display:grid;place-items:center;cursor:pointer}
.arrow svg{width:16px;height:16px;color:#555}
.arrow.prev{left:-10px}.arrow.next{right:-10px}
.dots{display:flex;justify-content:center;gap:6px;margin-top:10px}
.thumbs{display:none}
@media (min-width:990px){
  .pp .card.gallery{position:sticky;top:calc(env(safe-area-inset-top,0px) + 132px)}
  .pp .gallery .dots{display:none}
  .pp .thumbs{display:flex;flex-wrap:nowrap;gap:10px;margin:12px 0 0;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding-bottom:4px}
  .pp .thumbs button{flex:0 0 calc((100% - 40px) / 5);scroll-snap-align:start;aspect-ratio:4/3;border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:6px;cursor:pointer;display:grid;place-items:center}
  .pp .thumbs button img{width:100%;height:100%;object-fit:contain}
  .pp .thumbs button.on{border-color:#121212;box-shadow:inset 0 0 0 1px #121212}
}
.dots i{width:7px;height:7px;border-radius:50%;background:#d6d6d6}
.dots i.on{background:var(--ink)}
@media (min-width:990px){
  .gallery{padding:40px}
  .arrow.prev{left:16px}.arrow.next{right:16px}
  .slide img{width:76%;height:76%}
}
.info{padding-block:6px 30px}

/* ---- own: review row (custom_liquid_Y3Y64X) ---- */
.ms-review-container{display:flex;flex-direction:column;gap:4px;margin-top:6px;margin-bottom:15px}
.ms-review-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
a.ms-google-link{text-decoration:none;color:inherit;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.ms-stars{display:flex;gap:2px;color:var(--star)}
.ms-stars svg{width:17px;height:17px;fill:currentColor}
.ms-rating-number{font-weight:800;font-size:1.3rem;color:var(--ink2)}
.ms-rating-text{font-size:1.2rem;color:var(--muted2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#d1d5db}
a.ms-google-link:hover .ms-rating-text{color:var(--ink2);text-decoration-color:var(--green-d)}
.ms-rating-subtext{font-size:1.15rem;color:var(--muted);line-height:1.5}

/* ---- own: info buttons (ms-product-extras) ---- */
.ms-info-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 4px}
.ms-info-btn{display:flex;align-items:center;gap:9px;width:100%;padding:15px 12px;background:var(--white);border:1.5px solid var(--line);border-radius:10px;cursor:pointer;text-align:left;font-family:inherit;transition:border-color .15s,background-color .15s}
.ms-info-btn:hover{border-color:var(--green);background:var(--mint-bg)}
.ms-info-btn-icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--mint);color:var(--green-d);display:flex;align-items:center;justify-content:center}
.ms-info-btn-icon svg{width:17px;height:17px}
.ms-info-btn-title{font-size:14px;font-weight:700;color:var(--ink2);white-space:nowrap;line-height:1.2}
@media (max-width:400px){.ms-info-buttons{gap:8px}.ms-info-btn{padding:13px 9px;gap:7px}.ms-info-btn-icon{width:28px;height:28px}.ms-info-btn-title{font-size:13px}}

/* ---------- variant picker (rebuilt) ---------- */
.vp{display:grid;gap:4px;margin-top:6px}
.vp fieldset{border:0;margin:0;padding:0;min-width:0}
.vp legend{font-size:14px;font-weight:500;padding:14px 0 6px;line-height:1.5}
.vp legend b{font-weight:600}
.pills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.pill{position:relative;border:0;box-shadow:0 0 0 1px rgba(18,18,18,.12);background:#fff;color:#121212;border-radius:6px;min-height:56px;padding:6px 4px;margin:1px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;line-height:1.1;white-space:nowrap;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:box-shadow .12s}
.pill:hover{box-shadow:0 0 0 1px rgba(18,18,18,.45)}
.pill .ck{display:none;width:14px;height:14px;margin-top:3px}
.pill .diff{display:block;min-height:14px;margin-top:4px;font-size:.85em;font-weight:600;opacity:.6;white-space:nowrap;line-height:1.1}
.pill[aria-checked="true"] .diff{display:none}
.pill[aria-checked="true"]{box-shadow:0 0 0 2px #121212}
.pill[aria-checked="true"] .ck{display:block}
.pill.na,.sw.na{opacity:.35;pointer-events:none;cursor:default}
.pill.na{box-shadow:0 0 0 1px rgba(18,18,18,.1)}
.pill.na::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(to left top,transparent calc(50% - 1px),rgba(18,18,18,.1) 50%,rgba(18,18,18,.1) 50%,transparent calc(50% + 1px))}
.badge-pop{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);font-size:6.5px;font-weight:800;line-height:1.1;letter-spacing:.03em;text-transform:uppercase;color:#00a857;background:#e6f9f0;border:1px solid #00c667;border-radius:10px;padding:2px 6px;white-space:nowrap;z-index:1}
.cond-wrap{position:relative;padding-bottom:10px}
.swatches{display:flex;flex-wrap:wrap;gap:6px}
.sw{flex:0 0 calc(25% - 4.5px);max-width:calc(25% - 4.5px);height:82px;display:flex;flex-direction:column;align-items:center;margin:0;padding:6px 3px 0;overflow:hidden;border:0;border-radius:8px;background:#fff;box-shadow:0 0 0 1px rgba(18,18,18,.12);cursor:pointer;font-family:inherit;color:#121212;transition:box-shadow .15s,background-color .15s}
.sw .nev{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.3em;font-size:11.5px;font-weight:600;line-height:1.15;text-align:center;color:#121212;width:100%;flex:none}
.sw .kep{display:block;flex:1 1 auto;width:100%;margin-top:4px;background:transparent var(--kep) center 2px/contain no-repeat;mix-blend-mode:multiply;opacity:0;transition:opacity .18s}
.sw .kep.fit{opacity:1}
.swatches.m-contain .sw .kep{margin-bottom:6px;background-position:center 0}
.swatches.m-laptop .sw .kep{margin-bottom:4px}
.sw:hover{box-shadow:0 0 0 1px rgba(18,18,18,.45)}
.sw[aria-checked="true"],.sw[aria-checked="true"]:hover{box-shadow:0 0 0 2px #121212;background:#f6f7f9}
.sw[aria-checked="true"] .nev{font-weight:800}
.sw.na .kep.fit{filter:grayscale(.4)}
.sw.na .nev{color:#9ca3af;text-decoration:line-through}
@media (min-width:400px) and (max-width:749px){.sw{flex-basis:calc(20% - 4.8px);max-width:calc(20% - 4.8px)}}
@media (min-width:750px){.swatches{gap:5px}.sw{flex-basis:calc((100% - 30px)/6);max-width:calc((100% - 30px)/6);height:80px;padding:6px 2px 0}.sw .nev{font-size:10.5px}}

/* ---- own: condition info (custom_liquid_jGxaam) ---- */
#custom-condition-info{margin:15px 0;padding:15px;background:var(--grey-box);border-radius:12px;font-size:14px;color:#333;line-height:1.4}

/* ---- own: battery widget (custom_liquid_i3y9Jp + ms-product-extras) ---- */
.ms-battery-section{margin:15px 0}
.ms-bat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:15px;color:var(--muted2)}
.ms-bat-header strong{color:var(--ink2)}
.ms-bat-info-link{color:var(--muted);text-decoration:underline;cursor:pointer;font-size:13.5px;background:none;border:0;padding:0}
.ms-bat-info-link:hover{color:var(--ink2)}
.ms-akku-card{max-width:550px!important;padding:25px!important}
.ms-akku-cim{text-align:center;font-size:20px!important;font-weight:800!important;color:#111827!important;margin:0 0 15px!important}
.ms-akku-szoveg{font-size:13.5px;line-height:1.5;color:#4b5563;margin:0 0 14px;text-align:left}
.ms-akku-lista{display:grid;gap:8px}.ms-akku-opc{border:1px solid #e5e7eb;border-radius:12px;padding:11px 14px;display:grid;gap:2px}
.ms-akku-opc b{font-size:14px;color:#111827}.ms-akku-opc span{font-size:13px;line-height:1.45;color:#4b5563}
#ms-modal-akku .ms-modal-close:focus{outline:none}#ms-modal-akku .ms-modal-close:focus-visible{outline:2px solid #00c667;outline-offset:2px}
@media (max-width:600px){.ms-akku-card{padding:22px 18px 24px!important}.ms-akku-cim{font-size:18px!important;margin-bottom:10px!important}}
.ms-akku-kicsi{font-size:12px;margin-top:15px}
.ms-akku-doboz{border:1px solid #e5e7eb;border-radius:12px;padding:15px;margin-bottom:12px;background:#fff}
.ms-akku-doboz h4{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#111827;margin:0 0 8px}
.ms-akku-doboz h4 svg{width:18px;height:18px;color:#00C667;flex:none}
.ms-akku-doboz ul{margin:0;padding-left:20px;font-size:13px;color:#4b5563}
.ms-akku-doboz li{margin-bottom:4px;padding-left:0}
.ms-akku-doboz li::before{display:none}
.ms-akku-ok{position:static!important;display:block;width:100%;max-width:200px;margin:16px auto 0;padding:10px 20px!important;background:#00C667!important;color:#fff!important;border:none;border-radius:50px;font-size:14px!important;font-weight:700;cursor:pointer;opacity:1!important}
.ms-akku-ok:hover{background:#00A857!important}
.ms-bat-buttons{display:flex;gap:10px}
.ms-bat-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 10px;border:1px solid var(--line);background:var(--white);border-radius:10px;cursor:pointer;text-align:center;min-height:72px;transition:border-color .2s}
.ms-bat-btn:hover:not([aria-checked="true"]){border-color:#9ca3af}
.ms-bat-btn[aria-checked="true"]{border:2px solid var(--ink2)}
.ms-bat-title{font-size:15px;font-weight:700;color:var(--ink2);line-height:1.25;white-space:nowrap}
.ms-bat-desc{font-size:13.5px;font-weight:600;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:4px;min-height:18px}
.ms-bat-check{width:18px;height:18px;color:var(--ink2);display:none}
.ms-bat-btn[aria-checked="true"] .ms-bat-check{display:block}
.ms-bat-btn[aria-checked="true"] #batprice,.ms-bat-btn[aria-checked="true"] #batpriceg,.ms-bat-btn[aria-checked="true"] .bat-minus{display:none}
.ms-bat-btn[hidden]{display:none!important}
@media (max-width:480px){.ms-bat-title{white-space:normal;line-height:1.2}}
@media (max-width:480px){.ms-bat-btn{padding:12px 6px;min-height:66px}.ms-bat-title{font-size:14px}.ms-bat-desc{font-size:12.5px}}

/* price */
.price{font-size:30px;line-height:1.5;margin:14px 0 6px;font-variant-numeric:tabular-nums}
.price s{font-size:18px;color:#8a8a8a;margin-left:8px}
.price .sale{color:#ea0707}
.ms-save{margin:0 0 12px;font-size:15px;color:#10b981;font-weight:600;display:flex;align-items:center;gap:6px}
.ms-save svg{width:18px;height:18px}

/* klarna box (look of the current app block) */
.klarna{display:flex;align-items:center;gap:14px;border:1px solid #ececec;border-radius:6px;padding:12px 14px;margin:10px 0 16px;font-size:14px;line-height:1.45}
.klarna .k{flex:none;background:#ffa8cd;color:#0b051d;font-weight:800;font-size:15px;letter-spacing:-.01em;border-radius:6px;padding:6px 10px;font-family:var(--f-body)}
.klarna a{text-decoration:underline;color:var(--ink)}

/* buy button */
.buybtn{width:100%;border:0;border-radius:7px;background:var(--green);color:#fff;font-size:15px;padding:18px;min-height:56px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:background .15s}
.buybtn:hover{background:var(--green-d)}
.buybtn svg{width:20px;height:20px}
.buybtn[disabled]{background:#cfcfcf;cursor:not-allowed}

/* ---- own: contact box / delivery / trade-in / fees (ms-product-extras-2) ---- */
.ms-contactbox{margin:12px 0 0;padding:10px 12px;background:var(--white);border:1.5px solid var(--line);border-radius:9px}
.ms-contactbox-title{font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:8px;line-height:1.3}
.ms-contact-row{display:flex;align-items:center;gap:8px;line-height:1.4}
.ms-contact-row+.ms-contact-row{margin-top:6px}
.ms-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.ms-dot-open{background:var(--green)}
.ms-dot-closed{background:#9ca3af}
.ms-contact-ico{width:16px;height:16px;flex-shrink:0;color:var(--muted)}
.ms-contact-link{font-size:14px;font-weight:700;color:var(--ink2);text-decoration:none;letter-spacing:.15px;word-break:break-all;user-select:all}
.ms-delivery-card{display:flex;flex-direction:column;background:#f8f9fa;border:1px solid var(--line);border-radius:12px;padding:16px;gap:14px;margin:16px 0}
.ms-delivery-card .row{display:flex;align-items:flex-start;gap:12px}
.ms-delivery-card .row>svg{width:24px;height:24px;color:#10b981;margin-top:2px;flex-shrink:0}
.ms-delivery-card .lbl{font-size:14px;color:rgba(18,18,18,.85);line-height:1.3}
.ms-delivery-card strong{display:block;margin-top:4px;font-size:15px;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.ms-sub{display:block;margin-top:3px;font-size:12.5px;font-weight:500;color:var(--muted);line-height:1.4}
.ms-map-link{display:inline-block;margin-top:4px;font-size:12.5px;font-weight:600;color:var(--green-d);text-decoration:underline;text-underline-offset:3px}
.ms-tradein-box{display:flex;align-items:center;gap:10px;margin:12px 0 0;padding:11px 13px;background:var(--mint-bg);border:1.5px solid var(--mint-line);border-radius:9px}
.ms-tradein-box>svg{width:19px;height:19px;color:var(--green-d);flex-shrink:0}
.ms-tradein-box-text{font-size:13px;line-height:1.35;color:var(--muted2)}
.ms-tradein-box-text a{display:block;color:var(--green-d);font-weight:700;text-decoration:underline;text-underline-offset:3px;margin-top:2px}
.ms-fees-trigger{display:flex;align-items:center;gap:11px;width:100%;padding:15px 2px;margin:18px 0 0;background:none;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:inherit;font-size:15px;color:var(--ink2);cursor:pointer;text-align:left}
.ms-fees-trigger:hover{color:var(--green-d)}
.ms-fees-trigger .ico{width:20px;height:20px;color:var(--muted2)}
.ms-fees-trigger .lab{flex:1}
.ms-fees-trigger .arr{width:16px;height:16px;color:#9ca3af}
.ms-fee-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #f0f1f3;line-height:1.4}
.ms-fee-row:last-of-type{border-bottom:0}
.ms-fee-name{font-size:14.5px;font-weight:700;color:var(--ink2)}
.ms-fee-note{display:block;font-size:12.5px;font-weight:500;color:var(--muted);margin-top:2px}
.ms-fee-price{font-size:14.5px;font-weight:800;color:var(--ink2);white-space:nowrap}
.ms-fee-price.is-best{color:var(--green-d)}

/* ---- own: modals (ms-product-extras) ---- */
.ms-modal-overlay{display:none;position:fixed;inset:0;background:rgba(17,24,39,.55);z-index:100;align-items:center;justify-content:center;padding:20px}
.ms-modal-overlay.show{display:flex}
.ms-modal-card{background:#fff;border-radius:16px;max-width:460px;width:100%;max-height:85vh;overflow-y:auto;padding:26px 26px 22px;box-shadow:0 20px 60px rgba(0,0,0,.25);position:relative;line-height:1.5}
.ms-modal-close{position:absolute;top:12px;right:14px;background:none;border:0;font-size:26px;line-height:1;color:#9ca3af;cursor:pointer;padding:4px 8px}
.ms-modal-close:hover{color:var(--ink2)}
.ms-modal-icon{width:46px;height:46px;border-radius:50%;background:var(--mint);color:var(--green-d);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.ms-modal-icon svg{width:24px;height:24px}
.ms-modal-card h3{font-size:20px;font-weight:800;color:var(--ink2);margin:0 0 10px;line-height:1.25}
.ms-modal-card p{font-size:14.5px;line-height:1.6;color:var(--muted2);margin:0 0 12px}
.ms-modal-card ul{margin:0 0 12px;padding-left:0;list-style:none}
.ms-modal-card li{font-size:14.5px;line-height:1.55;color:var(--muted2);padding-left:26px;position:relative;margin-bottom:9px}
.ms-modal-card li::before{content:"";position:absolute;left:4px;top:7px;width:8px;height:8px;border-radius:50%;background:var(--green)}
.ms-modal-card li strong{color:var(--ink2)}
.ms-modal-foot{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.ms-modal-foot b{color:var(--green-d);user-select:all}
@media (max-width:600px){.ms-modal-overlay{align-items:flex-end;padding:0}.ms-modal-card{border-radius:18px 18px 0 0;max-height:88vh;padding:24px 20px 28px}}

/* own sections area */
.below{background:var(--white)}
.below .page{max-width:1240px}
.spacer{height:1px;background:#ececec}

/* sticky add-to-cart (ms-global-head #sticky-cta) */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--white);border-top:1px solid #ececec;box-shadow:0 -6px 18px rgba(0,0,0,.06);padding-block:10px calc(10px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:12px;transform:translateY(110%);transition:transform .25s}
.sticky.show{transform:none}
.sticky:not(.show){visibility:hidden}
.sticky .t{display:grid;line-height:1.25;min-width:0}
.sticky .t b{font-size:15px}
.sticky .t span{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky button{margin-left:auto;border:0;background:var(--green);color:#fff;border-radius:999px;padding:12px 22px;font-weight:700;cursor:pointer;white-space:nowrap}
@media (min-width:990px){.sticky{display:none}}

/* toast */
.toast{position:fixed;left:50%;bottom:calc(86px + env(safe-area-inset-bottom,0px));transform:translate(-50%,16px);opacity:0;pointer-events:none;background:var(--ink2);color:#fff;border-radius:10px;padding:12px 16px;font-size:14px;line-height:1.4;z-index:120;transition:opacity .2s,transform .2s;max-width:min(92vw,440px)}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* footer */
footer{background:var(--footer);color:#e6e6e6}
footer .page{display:grid;gap:26px;padding-block:44px 30px;grid-template-columns:minmax(0,1fr)}
@media (min-width:750px){footer .page{grid-template-columns:repeat(3,minmax(0,1fr))}}
footer h4{font-family:var(--f-head);font-weight:500;font-size:18px;margin:0 0 10px;color:#fff}
footer p,footer a{font-size:14.5px;color:#cfcfcf;margin:0;text-decoration:none;line-height:1.9;display:block}
footer a:hover{color:#fff}
.foot2{border-top:1px solid #2a2a2a}
.foot2 .page{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-block:18px;font-size:13px;color:#9b9b9b}
@media (max-width:989px){body{padding-bottom:0}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ===== collection view (own: ms-collection-heading, ms-collection-cards, ms-tab-grid, category pills) ===== */
.cview{background:var(--bg);padding-bottom:30px}
.crumbs2{background:var(--white);border-bottom:1px solid #ececec}
.crumbs2 .page{display:flex;align-items:center;gap:7px;padding-block:10px;font-size:15px;line-height:1.7}
.crumbs2 svg{width:15px;height:15px}
.crumbs2 a{text-decoration:none}
.ms-mobile-category-nav-wrapper{display:none}
@media (max-width:768px){
  .ms-mobile-category-nav-wrapper{display:block;padding:14px 0 6px}
  .ms-category-nav{display:flex;gap:10px;overflow-x:auto;padding:0 15px;scrollbar-width:none;justify-content:center}
  .ms-category-nav::-webkit-scrollbar{display:none}
  .ms-category-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:var(--white);border-radius:50px;font-size:1.3rem;font-weight:700;color:var(--ink2);text-decoration:none;white-space:nowrap;border:1.5px solid var(--ink2);flex-shrink:0;line-height:1.2}
  .ms-category-btn svg{width:18px;height:18px;flex-shrink:0}
  .ms-category-btn.active{background:var(--mint);color:var(--green-d);border-color:var(--green)}
}
@media (max-width:479px){.ms-category-nav{gap:6px;padding:0 8px}.ms-category-btn{padding:9px 8px;font-size:1.15rem;gap:4px}.ms-category-btn svg{width:15px;height:15px}}
@media (max-width:344px){.ms-category-btn svg{display:none}}

.ms-coll-head{max-width:1200px;margin:0 auto;padding:22px 15px 6px}
.ms-coll-title{font-size:3rem;line-height:1.15;font-weight:800;color:var(--ink2);margin:0;letter-spacing:-.01em}
.ms-coll-accent{display:block;width:56px;height:4px;border-radius:4px;background:var(--green);margin:12px 0 0}
.ms-coll-count{margin:10px 0 0;font-size:1.4rem;color:var(--muted);line-height:1.4}
@media (max-width:749px){.ms-coll-head{padding:16px 15px 4px}.ms-coll-title{font-size:2.3rem}.ms-coll-accent{width:44px;height:3px;margin-top:10px}.ms-coll-count{font-size:1.25rem;margin-top:8px}}

.toolbar{max-width:1200px;margin:0 auto;padding:16px 15px 4px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tb-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid #dcdcdc;background:var(--white);border-radius:7px;padding:9px 14px;font-size:14px;cursor:pointer;line-height:1.2}
.tb-btn svg{width:17px;height:17px}
.tb-count{margin-left:auto;font-size:14px;color:var(--muted)}
.tb-sort{border:1px solid #dcdcdc;background:var(--white);border-radius:7px;padding:9px 12px;font:inherit;font-size:14px;line-height:1.2;color:var(--ink)}
.chipsel{display:flex;gap:6px;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:6px 15px 0}
.chipsel button{border:1px solid var(--green);background:var(--mint);color:var(--green-d);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600;cursor:pointer;line-height:1.3}

.ms-tabs-container{max-width:1200px;margin:16px auto 0;padding:0 15px}
.ms-tab-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media (max-width:989px) and (min-width:750px){.ms-tab-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ms-tab-card{background:#fff;border-radius:12px;padding:15px;box-shadow:0 2px 10px rgba(0,0,0,.06);display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .2s;height:100%;line-height:1.4}
.ms-tab-card:hover{transform:translateY(-5px)}
.ms-tab-image{width:100%;aspect-ratio:1/1;object-fit:contain;margin-bottom:15px;transform:scale(.88);max-width:100%}
.ms-tab-content{display:flex;flex-direction:column;flex-grow:1;min-width:0}
.ms-tab-title{font-size:1.6rem;font-weight:700;line-height:1.2;margin:0 0 10px;color:var(--ink2)}
.ms-tab-badge{display:inline-flex;align-items:center;gap:4px;background:var(--mint);color:var(--green-d);border:1px solid var(--green);border-radius:50px;padding:4px 10px;font-size:1.1rem;font-weight:700;margin-bottom:8px;width:fit-content}
.ms-tab-badge svg{width:14px;height:14px}
.ms-tab-delivery{font-size:1.15rem;color:var(--muted2);display:flex;align-items:center;gap:6px;margin-top:auto;margin-bottom:8px}
.ms-tab-delivery svg{width:15px;height:15px;flex-shrink:0}
.ms-tab-price{font-size:2rem;font-weight:800;color:var(--ink2);margin:0;font-variant-numeric:tabular-nums}
.ms-tab-price-from{font-size:1.4rem;font-weight:600;color:var(--muted)}
.ms-tab-price.is-akcio{color:#ea0707}
.ms-tab-price-old{font-size:1.4rem;font-weight:600;color:#9ca3af;margin-left:6px}
.ms-akcio-pill{display:inline-flex;align-items:center;gap:5px;width:fit-content;background:#fdecec;color:#c81e1e;border-radius:50px;padding:3px 9px;font-size:1.15rem;font-weight:800;margin-bottom:6px}
.ms-akcio-pill svg{width:13px;height:13px}
.ms-tab-klarna{margin:4px 0 0;font-size:1.25rem;color:var(--muted2);line-height:1.3;display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px}
.ms-tab-klarna strong{color:var(--ink2);font-weight:700}
.ms-tab-klarna-badge{display:inline-block;background:#ffb3c7;color:#0b051d;font-size:1.05rem;font-weight:800;padding:2px 7px;border-radius:5px;line-height:1.35}
@media (min-width:750px){.ms-tab-price{font-size:1.9rem}}
@media (max-width:749px){
  .ms-tab-grid{grid-template-columns:minmax(0,1fr);gap:15px}
  .ms-tab-card{flex-direction:row;align-items:center;padding:12px 12px 12px 0}
  .ms-tab-image{width:40%;height:auto;margin-bottom:0;margin-right:12px;flex-shrink:0;transform:scale(.86)}
  .ms-tab-content{width:60%;justify-content:center}
  .ms-tab-badge{font-size:1rem;padding:3px 6px;margin-bottom:6px}
  .ms-tab-title{font-size:1.5rem;margin-bottom:6px}
  .ms-tab-delivery{margin:4px 0 6px}
  .ms-tab-price{font-size:1.8rem}
  .ms-tab-klarna{font-size:1.15rem}
  .ms-tab-klarna-badge{font-size:.95rem;padding:1px 6px}
}
.empty-msg{text-align:center;color:var(--muted2);padding:40px 20px;font-size:1.5rem}

/* collection description (ms-collection-description) */
.ms-coll-desc-wrapper{max-width:1000px;margin:30px auto 10px;width:100%;padding:0 23px}
.ms-coll-collapsible{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:16px 0}
.ms-coll-collapsible summary{font-size:16px;font-weight:600;cursor:pointer;list-style:none;position:relative;text-align:center;display:block;color:var(--ink2);padding:0 24px;line-height:1.5}
.ms-coll-collapsible summary:hover{color:#00c875}
.ms-coll-collapsible summary::-webkit-details-marker{display:none}
.ms-coll-collapsible summary::after{content:"+";font-size:24px;font-weight:300;position:absolute;right:0;top:50%;transform:translateY(-50%);line-height:1}
.ms-coll-collapsible[open] summary::after{content:"−"}
.ms-coll-collapsible-content{padding:16px 4px 0;font-size:15px;line-height:1.6;color:var(--muted2)}
.ms-coll-collapsible-content h2{font-size:19px;font-weight:700;margin:15px 0 10px;line-height:1.3;color:var(--ink2)}
.ms-coll-collapsible-content h3{font-size:16px;font-weight:600;margin:15px 0 8px;color:var(--ink2)}
.ms-coll-collapsible-content p{margin:0 0 14px}
.ms-coll-collapsible-content ul{padding-left:24px;margin:0 0 14px}
.ms-coll-collapsible-content li p{display:inline;margin:0}
.ms-coll-collapsible-content a{color:var(--green-d)}

/* filter drawer */
.fdrawer{position:fixed;inset:0;z-index:85;display:none}
.fdrawer.open{display:block}
.fdrawer .scrim{position:absolute;inset:0;background:rgba(17,24,39,.45)}
.fdrawer .panel{position:absolute;inset:0 0 0 auto;width:min(88vw,360px);background:var(--white);padding:calc(20px + env(safe-area-inset-top,0px)) max(22px,env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) 22px;display:flex;flex-direction:column;gap:16px;overflow:auto;line-height:1.4}
.fdrawer h3{margin:0;font-size:18px;display:flex;justify-content:space-between;align-items:center}
.fdrawer h3 button{background:none;border:0;font-size:28px;cursor:pointer;color:var(--muted);line-height:1}
.fgroup{display:grid;gap:10px}
.fopts{display:flex;flex-wrap:wrap;gap:8px}
.tb-sortw{flex:0 0 auto;position:relative;display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 34px 0 14px;border:1px solid #e2e2e5;border-radius:999px;background:#fff;cursor:pointer}
.tb-sortw span{font-size:13.5px;color:#6b7280;white-space:nowrap}
.tb-sortw::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:1.6px solid #111;border-bottom:1.6px solid #111;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.tb-sortw .tb-sort{width:auto!important;min-width:0!important;flex:0 0 auto!important;appearance:none;-webkit-appearance:none;border:0;background:none;padding:0;font:inherit;font-size:14px;font-weight:600;color:#111;cursor:pointer;outline:none}
.tb-sortw:hover,#filterbtn:hover{border-color:#111}
#filterbtn{height:40px;border-radius:999px;border-color:#e2e2e5;padding:0 16px;font-weight:600}
.coll-keves #filterbtn,.coll-keves .tb-sortw,.coll-keves #qchips,.coll-keves .fside{display:none!important}
@media (min-width:990px){.coll-keves .coll-layout{grid-template-columns:minmax(0,1fr)!important}.coll-keves .coll-layout .ms-tab-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.qchips{gap:8px;padding:6px 15px 4px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
.qchips button{height:38px;padding:0 16px;border-radius:999px;border:1px solid #e2e2e5;background:#fff;font-weight:600;font-size:13.5px;color:#111;box-shadow:0 1px 2px rgba(0,0,0,.03);transition:background .15s,color .15s,border-color .15s}
.qchips button.on{background:#111;border-color:#111;color:#fff}
.coll-layout{display:block}
.fside{display:none}
@media (min-width:990px){
  .ms-mobile-category-nav-wrapper{display:block!important;padding:20px 0 0!important}
  .ms-mobile-category-nav-wrapper .ms-category-nav{display:flex;gap:10px;max-width:1200px;margin:0 auto;padding:0 15px;justify-content:flex-start;overflow:visible}
  .ms-mobile-category-nav-wrapper .ms-category-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;background:#fff;border:1.5px solid #e5e7eb;border-radius:999px;font-size:14px;font-weight:600;color:var(--ink2);text-decoration:none;white-space:nowrap;line-height:1.2}
  .ms-mobile-category-nav-wrapper .ms-category-btn svg{width:18px;height:18px;flex-shrink:0;stroke-width:1.8}
  .ms-mobile-category-nav-wrapper .ms-category-btn:hover{border-color:var(--ink2)}
  .ms-mobile-category-nav-wrapper .ms-category-btn.active{background:var(--mint);color:var(--green-d);border-color:var(--green)}
  .coll-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;max-width:1200px;margin:0 auto;padding:0 15px}
  .coll-layout .ms-tabs-container,.coll-layout .chipsel{max-width:none;padding-left:0;padding-right:0}
  .coll-layout .ms-tabs-container{margin-top:14px}
  .coll-layout .ms-tab-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fside{display:block;position:sticky;top:calc(env(safe-area-inset-top,0px) + 140px);align-self:start;max-height:calc(100vh - 160px);overflow:auto;margin-top:14px;scrollbar-width:thin}
  .fside .panel{display:flex;flex-direction:column;gap:20px;background:#fff;border:1px solid #ebebee;border-radius:16px;padding:20px 18px}
  .fside .panel h3,.fside .panel .apply{display:none}
  .fside .clear{border:1px solid #dcdcdc;background:#fff;border-radius:999px;font-size:14px;padding:10px;cursor:pointer}
  .fside .clear:hover{border-color:#111}
  #filterbtn,#qchips{display:none!important}
}
.fgroup .fopts label{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border:1px solid #e2e2e5;border-radius:999px;background:#fff;font-size:14px;font-weight:500;line-height:1.2;cursor:pointer;user-select:none;transition:background .15s,border-color .15s}
.fgroup .fopts label:hover{border-color:#111}
.fgroup .fopts label input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.fgroup .fopts label i{font-style:normal;font-size:12px;color:var(--muted)}
.fgroup .fopts label.on{background:#111;border-color:#111;color:#fff}
.fgroup .fopts label.on i{color:rgba(255,255,255,.65)}
.fgroup .fopts label.ures{opacity:.4}
.fgroup .fopts label:has(input:focus-visible){outline:2px solid var(--green);outline-offset:2px}
.qchips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;max-width:1200px;margin:0 auto;padding:4px 15px 2px}
.qchips::-webkit-scrollbar{display:none}
.qchips button{flex:0 0 auto;border:1px solid #e2e2e5;background:#fff;border-radius:999px;padding:8px 15px;font-size:14px;font-weight:500;line-height:1.2;cursor:pointer;color:var(--ink);white-space:nowrap}
.qchips button:hover{border-color:#111}
.qchips button.on{background:#111;border-color:#111;color:#fff}
.fgroup b{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.fgroup label{display:flex;align-items:center;gap:10px;font-size:15px;cursor:pointer}
.fgroup input{width:18px;height:18px;accent-color:var(--green)}
.fdrawer .apply{margin-top:auto;border:0;border-radius:7px;background:var(--green);color:#fff;font-size:15px;padding:14px;cursor:pointer}
.fdrawer .clear{border:1px solid #dcdcdc;background:var(--white);border-radius:7px;font-size:14px;padding:11px;cursor:pointer}


/* ===== home view ===== */
.hview{background:var(--bg);padding-bottom:20px}
.hview *{box-sizing:border-box}

/* hero (a mostani slideshow kép helyén, saját kóddal) */
.ms-hero{max-width:1200px;margin:16px auto 0;padding:0 15px}
.ms-hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:20px;overflow:hidden;border-radius:24px;padding:48px 52px;min-height:380px;
  background:radial-gradient(circle at 80% 40%,rgba(0,198,103,.22) 0,rgba(0,198,103,0) 48%),linear-gradient(135deg,#F1FBF5 0%,#E3F7EC 55%,#D4F2E2 100%);border:1px solid #CDEFDC}
.ms-hero-k{display:inline-flex;align-items:center;gap:6px;font-size:1.2rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#00A857;background:#fff;border:1px solid #BFEFD6;padding:5px 12px;border-radius:100px;margin-bottom:16px}
.ms-hero-h{font-size:4.6rem;line-height:1.04;font-weight:900;letter-spacing:-.02em;color:#0f172a;margin:0 0 14px}
.ms-hero-h em{font-style:normal;color:#00A857}
.ms-hero-p{font-size:1.7rem;line-height:1.5;color:#374151;margin:0 0 24px;max-width:440px}
.ms-hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.ms-hero-vis{position:relative;height:320px}
.ms-hero-vis img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform:scale(1.15)}
.ms-hero-dots{display:flex;justify-content:center;gap:7px;margin-top:12px}
.ms-hero-dots i{width:8px;height:8px;border-radius:50%;background:#cfd5db}
.ms-hero-dots i.on{background:#111827}
@media (max-width:749px){
  .ms-hero{padding:0;margin-top:0}
  .ms-hero-in{grid-template-columns:1fr;border-radius:0;border-left:0;border-right:0;padding:26px 18px 0;min-height:0;gap:6px}
  .ms-hero-h{font-size:3rem}
  .ms-hero-p{font-size:1.45rem;margin-bottom:16px}
  .ms-hero-cta .ms-btn{flex:1;padding:0 14px;font-size:1.4rem;white-space:nowrap}
  .ms-hero-vis{height:200px}
}

/* trust bar (custom_liquid_VzGpWG) */
.ms-trust-wrap{max-width:1200px;margin:0 auto;padding:0 15px}
.ms-trust-bar-slim{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:10px;padding:10px 20px;margin:10px 0;width:100%;gap:15px}
.ms-trust-item-slim{display:flex;align-items:center;gap:10px;flex:1;justify-content:center;white-space:nowrap}
.ms-trust-item-slim:not(:last-child){border-right:1px solid #d1d5db}
.ms-trust-icon-slim{flex-shrink:0;color:#00c667;display:flex;align-items:center;justify-content:center}
.ms-trust-icon-slim svg{width:24px;height:24px;stroke-width:2}
.ms-trust-text-slim{font-size:13px;line-height:1.3;color:#4b5563;margin:0}
.ms-trust-text-slim strong{color:#111827;font-weight:700}
@media (max-width:768px){
  .ms-trust-bar-slim{padding:8px 4px;margin:8px 0;gap:4px;flex-wrap:nowrap}
  .ms-trust-item-slim{flex-direction:column;gap:4px;text-align:center;padding:0 4px;white-space:normal}
  .ms-trust-item-slim:not(:last-child){border-right:1px solid #e5e7eb}
  .ms-trust-icon-slim svg{width:20px;height:20px}
  .ms-trust-text-slim{font-size:10.5px}
  .ms-mobile-break{display:block}
}

/* tabs (ms-tabbed-collections) */
.hview .ms-tabs-container{max-width:1200px;margin:28px auto 0;padding:0 15px}
.ms-tabs-nav{display:flex;justify-content:center;gap:12px;margin-bottom:30px;overflow-x:auto;scrollbar-width:none;padding-bottom:5px}
.ms-tabs-nav::-webkit-scrollbar{display:none}
.ms-tab-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#fff;border:2px solid #e5e7eb;border-radius:50px;font:inherit;font-size:1.4rem;font-weight:700;color:#4b5563;cursor:pointer;white-space:nowrap;transition:background-color .2s,border-color .2s,color .2s;line-height:1.2}
.ms-tab-btn svg{width:20px;height:20px;opacity:.8;flex-shrink:0}
.ms-tab-btn.active{background:#E6F9F0;border-color:#00C667;color:#00A857}
.ms-tab-btn.active svg{opacity:1}
.ms-tab-pane{display:none}
.ms-tab-pane.active{display:block;animation:msfade .22s ease}
@keyframes msfade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.ms-tab-pane.active{animation:none}}
.ms-tab-view-all-wrap{text-align:center;margin-top:30px}
.ms-tab-view-all{display:inline-flex;align-items:center;gap:10px;padding:12px 14px 12px 24px;border-radius:100px;background:#fff;border:1.5px solid #00C667;color:#00A857;font-size:1.5rem;font-weight:800;text-decoration:none;transition:background-color .15s,color .15s,box-shadow .15s;line-height:1.2}
.ms-tab-view-all:hover{background:#00C667;color:#fff;box-shadow:0 6px 18px rgba(0,198,103,.25)}
.ms-tab-view-all-count{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 7px;border-radius:100px;background:#E6F9F0;color:#00A857;font-size:1.25rem;font-weight:800}
.ms-tab-view-all:hover .ms-tab-view-all-count{background:rgba(255,255,255,.22);color:#fff}
.ms-tab-view-all svg{width:18px;height:18px;margin-right:4px}
@media (max-width:749px){
  .hview .ms-tabs-container{margin-top:20px}
  .ms-tabs-nav{gap:5px;padding:0 2px 5px;overflow-x:visible}
  .ms-tabs-nav .ms-tab-btn{flex:1 1 0;min-width:0;overflow:hidden;padding:9px 4px;font-size:1.15rem;border-width:1.5px;gap:5px}
  .ms-tabs-nav .ms-tab-btn svg{width:15px;height:15px}
  .ms-tab-view-all{width:100%;justify-content:center;padding:13px 14px;font-size:1.45rem}
  .ms-tab-view-all-wrap{margin-top:22px}
}
@media (max-width:389px){.ms-tabs-nav .ms-tab-btn{font-size:1.1rem;padding:9px 3px;gap:0}.ms-tabs-nav .ms-tab-btn svg{display:none}}

/* kép helye, amíg a valódi termékkép nincs letöltve */
.ms-ph{display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#F4F6F8 0%,#EAF7F0 100%);border-radius:10px;color:#9aa3ad}
.ms-ph svg{width:34%;height:34%;stroke-width:1.4}
.ms-tab-image.ms-ph{transform:none}

/* home extras (ms-home-extras-css) */
.ms-home-extra{max-width:1200px;margin:40px auto 0;padding:0 15px}
.ms-kicker{display:inline-flex;align-items:center;gap:6px;font-size:1.2rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#00A857;background:#E6F9F0;border:1px solid #BFEFD6;padding:5px 12px;border-radius:100px;margin-bottom:14px}
.ms-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 26px;border-radius:100px;font-size:1.5rem;font-weight:800;text-decoration:none;line-height:1.1;transition:transform .15s,background-color .15s,border-color .15s,box-shadow .15s}
.ms-btn svg{width:18px;height:18px;flex-shrink:0;transition:transform .15s}
.ms-btn:hover svg{transform:translateX(3px)}
.ms-btn--primary{background:#00C667;color:#fff;box-shadow:0 6px 18px rgba(0,198,103,.28)}
.ms-btn--primary:hover{background:#00A857;color:#fff}
.ms-btn--ghost{background:#fff;color:#111827;border:1.5px solid #d1d5db}
.ms-btn--ghost:hover{border-color:#00C667;color:#00A857}
.ms-cat-wrap{margin:10px auto 56px}
.ms-cat-heading{text-align:center;font-size:2.8rem;font-weight:800;color:#111827;margin:0 0 26px}
.ms-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ms-cat-card{position:relative;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #eceef1;border-radius:18px;text-decoration:none;color:inherit;box-shadow:0 2px 10px rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s,border-color .2s}
.ms-cat-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.09);border-color:#BFEFD6}
.ms-cat-media{position:relative;aspect-ratio:1/1;background:linear-gradient(160deg,#F4F6F8 0%,#EAF7F0 100%);overflow:hidden}
.ms-cat-media img{position:absolute;top:12%;left:12%;width:76%;height:76%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s}
.ms-cat-media .ms-ph{position:absolute;inset:0;background:none}
.ms-cat-card:hover .ms-cat-media img{transform:scale(1.05)}
.ms-cat-body{display:flex;flex-direction:column;gap:4px;padding:16px 56px 18px 18px}
.ms-cat-title{font-size:1.9rem;font-weight:800;color:#111827;line-height:1.15}
.ms-cat-price{font-size:1.45rem;color:#00A857;font-weight:800}
.ms-cat-arrow{position:absolute;right:16px;bottom:18px;width:34px;height:34px;border-radius:50%;background:#E6F9F0;color:#00A857;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}
.ms-cat-arrow svg{width:17px;height:17px}
.ms-cat-card:hover .ms-cat-arrow{background:#00C667;color:#fff}
.ms-sell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center;overflow:hidden;max-width:100%;margin:0 auto 56px;padding:44px 48px;border-radius:24px;background:linear-gradient(135deg,#F1FBF5 0%,#E3F7EC 55%,#D4F2E2 100%);border:1px solid #CDEFDC}
.ms-sell-h,.ms-visit-h{font-size:3.2rem;font-weight:900;color:#0f172a;line-height:1.12;letter-spacing:-.01em;margin:0 0 12px}
.ms-sell-lead,.ms-visit-lead{font-size:1.6rem;color:#374151;line-height:1.6;margin:0 0 22px;max-width:520px}
.ms-sell-steps{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:12px}
.ms-sell-steps li{display:flex;gap:14px;align-items:flex-start}
.ms-sell-steps li>span:last-child{font-size:1.4rem;color:#4b5563;line-height:1.45}
.ms-sell-steps strong{display:block;font-size:1.55rem;color:#111827;font-weight:800}
.ms-sell-num{flex:0 0 32px;height:32px;border-radius:50%;background:#00C667;color:#fff;font-weight:900;font-size:1.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,198,103,.3)}
.ms-sell-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ms-sell-note{font-size:1.3rem;color:#4b5563;max-width:260px;line-height:1.4}
.ms-sell-visual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;text-decoration:none;width:100%;max-width:420px;justify-self:end}
.ms-sell-dev{position:relative;display:block;min-width:0;overflow:hidden;background:#fff;border-radius:18px;aspect-ratio:1/1;box-shadow:0 8px 24px rgba(15,23,42,.07);transition:transform .25s}
.ms-sell-dev:nth-child(2){transform:translateY(18px)}
.ms-sell-dev:nth-child(3){transform:translateY(-4px)}
.ms-sell-dev:nth-child(4){transform:translateY(14px)}
.ms-sell-visual:hover .ms-sell-dev{transform:translateY(0)}
.ms-sell-dev img,.ms-sell-dev .ms-ph{position:absolute;top:16%;left:16%;width:68%;height:68%;object-fit:contain;mix-blend-mode:multiply;background:none}
.ms-sell-dev em{position:absolute;left:12px;bottom:10px;font-style:normal;font-size:1.15rem;font-weight:800;color:#00A857}
.ms-visit{display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:center;margin:0 auto 56px}
.ms-visit-media{border-radius:24px;overflow:hidden}
.ms-visit-card{position:relative;aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:36px;color:#fff;overflow:hidden;
  background:radial-gradient(circle at 78% 30%,rgba(0,198,103,.35) 0,rgba(0,198,103,0) 42%),repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 38px),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 38px),linear-gradient(135deg,#0a0a0a 0%,#0d2818 100%)}
.ms-visit-pin{position:absolute;top:22%;left:72%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:#00C667;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 12px rgba(0,198,103,.18),0 0 0 26px rgba(0,198,103,.08)}
.ms-visit-pin svg{width:34px;height:34px}
.ms-visit-card-kicker{font-size:1.25rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#00C667}
.ms-visit-card-addr{font-size:2.8rem;font-weight:900;line-height:1.1}
.ms-visit-card-sub{font-size:1.4rem;color:rgba(255,255,255,.7)}
.ms-visit-list{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:14px}
.ms-visit-list li{display:flex;gap:14px;align-items:flex-start}
.ms-visit-list svg{flex:0 0 38px;width:38px;height:38px;padding:9px;border-radius:12px;background:#E6F9F0;color:#00A857}
.ms-visit-list span{font-size:1.4rem;color:#4b5563;line-height:1.45}
.ms-visit-list strong{display:block;font-size:1.55rem;color:#111827;font-weight:800}
.ms-visit-cta{display:flex;gap:12px;flex-wrap:wrap}
@media (max-width:989px){
  .ms-cat-grid{grid-template-columns:repeat(2,1fr)}
  .ms-sell{grid-template-columns:minmax(0,1fr);padding:36px 32px}
  .ms-sell-visual{grid-template-columns:repeat(4,minmax(0,1fr));order:-1;max-width:none;justify-self:stretch}
  .ms-sell-dev:nth-child(n){transform:none}
  .ms-visit{grid-template-columns:1fr;gap:26px}
}
@media (max-width:749px){
  .ms-home-extra{margin-top:32px}
  .ms-cat-wrap{margin:0 auto 40px}
  .ms-cat-heading{font-size:2.2rem;margin-bottom:18px}
  .ms-cat-grid{gap:12px}
  .ms-cat-card{border-radius:16px}
  .ms-cat-body{padding:12px 44px 14px 13px;gap:2px}
  .ms-cat-title{font-size:1.6rem}
  .ms-cat-price{font-size:1.3rem}
  .ms-cat-arrow{right:10px;bottom:13px;width:28px;height:28px}
  .ms-cat-arrow svg{width:14px;height:14px}
  .ms-sell{padding:24px 18px 26px;border-radius:20px;gap:22px;margin-bottom:40px}
  .ms-sell-visual{gap:8px}
  .ms-sell-dev{border-radius:12px}
  .ms-sell-dev img,.ms-sell-dev .ms-ph{top:12%;left:12%;width:76%;height:76%}
  .ms-sell-dev em{display:none}
  .ms-sell-h,.ms-visit-h{font-size:2.5rem}
  .ms-sell-lead,.ms-visit-lead{font-size:1.5rem;margin-bottom:18px}
  .ms-sell-cta .ms-btn,.ms-visit-cta .ms-btn{width:100%}
  .ms-sell-note{max-width:none;text-align:center;width:100%}
  .ms-visit{margin-bottom:40px}
  .ms-visit-card{padding:22px;aspect-ratio:16/9}
  .ms-visit-card-kicker{font-size:1.1rem}
  .ms-visit-pin{width:52px;height:52px;top:30%;left:80%}
  .ms-visit-pin svg{width:26px;height:26px}
  .ms-visit-card-addr{font-size:2.1rem}
}

/* TikTok blokk (ms-home-tiktok) */
.msht{max-width:1120px;margin:0 auto;padding:44px 20px 8px;text-align:center;color:#0f172a}
.msht-kicker{display:inline-flex;align-items:center;gap:6px;font-size:1.15rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#00713a;background:#eefaf3;border:1px solid #cfeddd;padding:6px 13px;border-radius:100px;margin-bottom:14px}
.msht-kicker svg{width:13px;height:13px;fill:#00713a}
.msht-h{font-size:clamp(2.3rem,3.4vw,3.2rem);font-weight:800;letter-spacing:-.02em;margin:0 0 8px}
.msht-sub{font-size:1.45rem;color:#5b6675;max-width:560px;margin:0 auto 26px;line-height:1.5}
.msht-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:840px;margin:0 auto}
.msht-card{position:relative;display:block;width:100%;aspect-ratio:9/16;border-radius:16px;overflow:hidden;text-decoration:none;
  background:radial-gradient(circle at 50% 30%,rgba(0,198,103,.35) 0,rgba(0,198,103,0) 55%),linear-gradient(160deg,#111827 0%,#0d2818 100%);transition:transform .18s,box-shadow .18s}
.msht-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(15,23,42,.18)}
.msht-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.msht-play svg{width:19px;height:19px;fill:#0f172a;margin-left:3px}
.msht-views{position:absolute;left:9px;bottom:9px;font-size:1.2rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:5px}
.msht-views svg{width:13px;height:13px;fill:#fff}
.msht-link{display:inline-flex;align-items:center;gap:7px;margin-top:20px;font-size:1.35rem;font-weight:700;color:#0f172a;text-decoration:none;border-bottom:2px solid #cfeddd;padding-bottom:2px}
.msht-link:hover{border-color:#00c667}
.msht-link svg{width:15px;height:15px;fill:currentColor}
@media (max-width:749px){.msht{padding:34px 16px 4px}.msht-grid{gap:8px}.msht-play{width:40px;height:40px}.msht-play svg{width:15px;height:15px}.msht-views{font-size:1.05rem;left:6px;bottom:6px}.msht-sub{font-size:1.35rem;margin-bottom:18px}}

/* Trustindex helye */
.ms-reviews{max-width:1200px;margin:36px auto 10px;padding:0 15px}
.ms-reviews-in{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;background:#fff;border:1px dashed #d1d5db;border-radius:14px;padding:22px;text-align:center;font-size:1.4rem;color:#4b5563;line-height:1.5}
.ms-reviews-in b{color:#111827}
.ms-stars{color:#f5b301;letter-spacing:2px;font-size:1.8rem}

/* ===== kosár ===== */
.ctv [hidden],.ckv [hidden],.ck-modal [hidden]{display:none!important}
.ctv,.ckv{background:var(--bg);padding-bottom:40px;line-height:1.45}
.ctv *,.ckv *{box-sizing:border-box}
.ct-page,.ck-page{max-width:1200px;margin:0 auto;padding:24px 15px 0}
.ct-h{font-size:3rem;font-weight:800;color:var(--ink2);margin:0 0 18px;letter-spacing:-.01em}
.ct-grid,.ck-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start}
.ct-sub{font-size:1.8rem;font-weight:800;color:var(--ink2);margin:0 0 14px}
.ct-progress{background:#fff;border:1px solid #eceef1;border-radius:14px;padding:14px 16px;margin-bottom:14px}
.ct-progress p{margin:0 0 10px;font-size:1.4rem;color:var(--muted2)}
.ct-progress p svg{width:15px;height:15px;color:var(--green);vertical-align:-2px;margin:0 2px}
.ct-progress b{color:var(--ink2)}
.ct-bar{position:relative;height:8px;border-radius:8px;background:#eef0f2}
.ct-bar i{position:absolute;inset:0 auto 0 0;border-radius:8px;background:var(--green);transition:width .3s}
.ct-bar span{position:absolute;top:-3px;width:3px;height:14px;border-radius:2px;background:#fff;box-shadow:0 0 0 1px #d1d5db}
.ct-lines{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.ct-line{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:14px;align-items:center;background:#fff;border-radius:14px;padding:14px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.ct-img{display:block;width:100px;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#fff}
.ct-img img{width:100%;height:100%;object-fit:contain}
.ct-acc-kep{background:#fff!important;overflow:hidden}
.ct-acc-kep img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.ms-bat-line{grid-column:1/-1;margin-top:10px}
.ms-bat-line--tobb{display:flex;flex-direction:column;gap:6px}
.ms-bat-add,.ms-bat-on{display:flex;align-items:center;gap:8px;width:100%;max-width:360px;min-height:38px;padding:8px 12px;border-radius:12px;font-size:12.5px;font-weight:700;line-height:1.25;font-family:inherit;text-align:left;letter-spacing:-.01em;box-sizing:border-box}
@media (max-width:749px){.ms-bat-add,.ms-bat-on{max-width:none}}
.ms-bat-add{background:#fff;border:1px dashed #D5D9DF;color:#374151;cursor:pointer;transition:border-color .15s,background-color .15s}
.ms-bat-add:hover{border-style:solid;border-color:#00C667;background:#F8FDFA}
.ms-bat-add .ms-bat-ic{color:#9CA3AF}
.ms-bat-add .ms-bat-price{color:#00A857}
.ms-bat-on{background:#E6F9F0;border:1px solid #00C667;color:#0A7C4A;padding-right:6px}
.ms-bat-ic{flex:0 0 auto;font-size:13px;line-height:1;width:12px;text-align:center}
.ms-bat-txt{min-width:0}
.ms-bat-price{margin-left:auto;white-space:nowrap;font-weight:700}
.ms-bat-remove{flex:0 0 auto;border:0;background:none;color:#0A7C4A;opacity:.55;font-size:12px;line-height:1;cursor:pointer;padding:4px 6px;font-family:inherit}
.ms-bat-remove:hover{opacity:1}
.ct-img--ico{display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#F4F6F8 0%,#EAF7F0 100%);color:#00A857}
.ct-img--ico svg{width:44%;height:44%}
.ct-line--acc,.ct-line--gift{grid-template-columns:72px minmax(0,1fr) auto}
.ct-line--acc .ct-img,.ct-line--gift .ct-img{width:72px}
.ct-line--gift{background:#FFF8EB;box-shadow:none;border:1px solid #F6D99B}
.ct-line--gift .ct-img--ico{background:#FDEBC8;color:#B7791F}
.ct-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.ct-t{font-size:1.7rem;font-weight:700;color:var(--ink2);text-decoration:none;line-height:1.25}
.ct-v{font-size:1.3rem;color:var(--muted)}
.ct-badge{display:inline-flex;align-items:center;gap:4px;width:fit-content;background:var(--mint);color:var(--green-d);border:1px solid var(--green);border-radius:50px;padding:2px 9px;font-size:1.1rem;font-weight:700}
.ct-badge svg{width:12px;height:12px}
.ct-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.ct-p{font-size:1.8rem;font-weight:800;color:var(--ink2);white-space:nowrap;font-variant-numeric:tabular-nums}
.ct-qty{display:inline-grid;grid-template-columns:32px 30px 32px;align-items:center;border:1px solid #dcdcdc;border-radius:999px;background:#fff;height:34px;overflow:hidden}
.ct-qty button{border:0;background:none;font-size:1.8rem;cursor:pointer;color:var(--ink2);height:100%;line-height:1}
.ct-qty button:disabled{color:#c6cbd1;cursor:not-allowed}
.ct-qty span{text-align:center;font-size:1.4rem;font-weight:700}
.ct-rm{border:0;background:none;color:var(--muted);cursor:pointer;padding:4px;display:flex}
.ct-rm svg{width:18px;height:18px}
.ct-rm:hover{color:#dc2626}
.ct-bat{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1.5px dashed #cfd5db;background:#fff;color:var(--ink2);border-radius:10px;font:inherit;font-size:1.35rem;cursor:pointer;padding:6px 12px}
.ct-bat b{color:var(--green-d)}
.ct-bat.on{border:1.5px solid var(--green);background:var(--green);color:#fff}
.ct-bat.on b{color:#fff}
.ct-bat svg{width:16px;height:16px}
.ct-bat .x{margin-left:6px;opacity:.85}
.ct-empty{background:#fff;border-radius:14px;padding:40px 20px;text-align:center;font-size:1.6rem;color:var(--muted2)}
.ct-empty p{margin:0 0 18px}
.ct-acc{margin-top:26px}
.modern-upsell-wrapper{margin-top:3.5rem;padding-top:2rem;border-top:1px solid rgba(18,18,18,.08)}
.modern-upsell-header{display:flex;align-items:center;margin-bottom:1.5rem}
.modern-upsell-header h3{font-size:1.5rem;font-weight:700;margin:0;color:#111}
.upsell-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:1.5rem;border-bottom:1px solid rgba(18,18,18,.08);padding-bottom:16px;overflow-x:auto;scrollbar-width:none}
.upsell-tabs::-webkit-scrollbar{display:none}
.upsell-tab-btn{background:none;border:1px solid rgba(18,18,18,.15);padding:12px 26px;font:inherit;font-size:1.1rem;font-weight:600;color:rgba(18,18,18,.7);cursor:pointer;border-radius:30px;white-space:nowrap;transition:all .2s ease}
.upsell-tab-btn:hover{color:#121212;background:rgba(18,18,18,.03)}
.upsell-tab-btn.active{color:#fff;background:#111;border-color:#111}
.upsell-slider-container{position:relative;display:flex;align-items:center}
.slider-arrow{background:#fff;border:1px solid rgba(18,18,18,.1);box-shadow:0 4px 10px rgba(0,0,0,.08);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;z-index:10;transition:all .2s ease;font-size:1.2rem;color:#111}
.slider-arrow:hover{background:#f9f9f9;transform:scale(1.05)}
.slider-arrow.prev{left:-15px}.slider-arrow.next{right:-15px}
.modern-upsell-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:15px;padding:10px 5px 25px;scrollbar-width:none;scroll-behavior:smooth;width:100%}
.modern-upsell-grid::-webkit-scrollbar{display:none}
.modern-upsell-item{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid rgba(18,18,18,.08);border-radius:12px;padding:16px;transition:all .2s ease;scroll-snap-align:start;flex:0 0 calc(20% - 12px)}
@media (max-width:1024px){.modern-upsell-item{flex:0 0 calc(33.333% - 10px)}}
.modern-upsell-item:hover{box-shadow:0 8px 24px rgba(0,0,0,.06);border-color:rgba(18,18,18,.15);transform:translateY(-2px)}
.modern-upsell-img-box{width:100px;height:100px;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:15px;color:#00A857}
.modern-upsell-img-box img{max-width:100%;max-height:100%;object-fit:contain}
.modern-upsell-img-box svg{width:56%;height:56%}
.modern-upsell-info{width:100%;margin-bottom:15px;flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start}
.modern-upsell-title{font-size:1.05rem;font-weight:600;color:#111;text-decoration:none;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}
.modern-upsell-price{font-size:1.1rem;font-weight:700;color:rgba(18,18,18,.8);margin-top:auto}
.modern-upsell-add-btn{background:#111;color:#fff;border:none;border-radius:30px;font-weight:700;cursor:pointer;transition:all .2s ease;width:100%;white-space:nowrap;min-height:30px;display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;font-family:inherit;font-size:12px}
.modern-upsell-add-btn:hover{background:#333}
.modern-upsell-add-btn.in-cart{width:auto;align-self:center;padding:3px 9px;font-size:10px;font-weight:600;border-radius:999px;cursor:default;background:#EAF7F0;color:#00A857;border:1px solid #C9EBD9;box-shadow:none}
@media (max-width:768px){
  .modern-upsell-wrapper{margin-top:1rem;padding-top:1rem;border-top:none}
  .modern-upsell-header h3{font-size:1.35rem}
  .slider-arrow.prev{display:none!important}
  .slider-arrow.next{display:flex!important;right:0!important;width:28px!important;height:28px!important;font-size:1rem!important;box-shadow:-2px 0 8px rgba(0,0,0,.15)!important;opacity:.9!important}
  .modern-upsell-grid{padding:8px 35px 16px 5px!important;gap:10px!important}
  .modern-upsell-item{flex:0 0 calc(44% - 8px)!important;padding:12px 10px!important}
  .modern-upsell-img-box{width:72px!important;height:72px!important;margin-bottom:10px!important}
  .modern-upsell-info{margin-bottom:10px!important}
  .upsell-tab-btn{padding:9px 16px!important}
  .upsell-tabs{gap:8px!important;margin-bottom:1rem!important;justify-content:flex-start}
  .modern-upsell-title{font-size:12px!important}
  .modern-upsell-price{font-size:12.5px!important}
}
@media (max-width:989px){.modern-upsell-wrapper{margin-top:20px!important}}
.ct-line--acc{background:#fafafa}
.ct-acc-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ct-acc-card{display:flex;flex-direction:column;gap:6px;background:#fff;border-radius:14px;padding:12px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.ct-acc-ico{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;border-radius:10px;background:linear-gradient(160deg,#F4F6F8 0%,#EAF7F0 100%);color:#00A857}
.ct-acc-ico svg{width:38%;height:50%}
.ct-acc-t{font-size:1.35rem;font-weight:700;color:var(--ink2);line-height:1.25;display:flex;flex-direction:column;gap:2px;flex:1}
.ct-acc-t small{font-weight:500;color:var(--muted);font-size:1.15rem}
.ct-acc-p{font-size:1.5rem;font-weight:800;color:var(--ink2)}
.ct-acc-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1.5px solid var(--green);background:#fff;color:var(--green-d);border-radius:999px;padding:7px 10px;font:inherit;font-size:1.25rem;font-weight:800;cursor:pointer}
.ct-acc-btn svg{width:14px;height:14px}
.ct-acc-btn.in{background:var(--green);color:#fff}
.ct-sum,.ck-sumbox{position:sticky;top:16px;background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 14px rgba(0,0,0,.06)}
.ck-tot{margin:0;display:grid;gap:8px;font-size:1.45rem}
.ck-tot>div{display:flex;justify-content:space-between;gap:10px}
.ck-tot dt{color:var(--muted2)}
.ck-tot dd{margin:0;font-weight:700;color:var(--ink2);font-variant-numeric:tabular-nums}
.ck-tot .big{border-top:1px solid #eceef1;padding-top:12px;margin-top:4px}
.ck-tot .big dt{color:var(--ink2);font-weight:800;font-size:1.7rem}
.ck-tot .big dd{font-size:2.2rem;font-weight:900}
.ck-tot .free{color:var(--green-d)}
.ck-vat{margin:2px 0 0;font-size:1.15rem;color:var(--muted)}
.ct-kl{margin:12px 0 0;font-size:1.3rem;color:var(--muted2);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.ck-go{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;margin-top:16px;border:0;border-radius:999px;background:var(--green);color:#fff;font:inherit;font-size:1.65rem;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 6px 18px rgba(0,198,103,.28);padding:0 16px;text-align:center;line-height:1.2}
.ck-go:hover{background:var(--green-d)}
.ck-go:disabled{opacity:.7;cursor:progress}
.ck-go.busy::before{content:"";width:16px;height:16px;margin-right:10px;border:2.5px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:ckporog .8s linear infinite}
@keyframes ckporog{to{transform:rotate(360deg)}}
.ck-hibadoboz{margin-top:14px;padding:12px 14px;border-radius:12px;background:#FEF2F2;border:1px solid #FCA5A5;color:#991B1B;font-size:1.4rem;line-height:1.45}
.ck-hibadoboz a,.ck-hibadoboz button{display:inline-block;margin-top:8px;margin-right:10px;color:#991B1B;font:inherit;font-weight:700;text-decoration:underline;background:none;border:0;padding:0;cursor:pointer}
.ck-fiokinfo{margin:-4px 0 14px;font-size:1.35rem;color:var(--muted)}
.ck-fiokinfo a{color:var(--green-d);font-weight:700}
.ck-fiokinfo b{color:var(--ink2)}
.ct-pm{margin:10px 0 0;text-align:center;font-size:1.2rem;color:var(--muted)}

/* ===== pénztár ===== */
.ck-steps{display:flex;gap:8px;list-style:none;margin:0 0 20px;padding:0;font-size:1.3rem;color:var(--muted);flex-wrap:wrap}
.ck-steps li{display:flex;align-items:center;gap:8px}
.ck-steps li+li::before{content:"›";color:#c6cbd1}
.ck-steps .on{color:var(--ink2);font-weight:800}
.ck-steps a{color:var(--green-d);text-decoration:none;font-weight:700}
.ck-main{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0}
.ck-box{min-width:0;background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.ck-h{display:flex;align-items:center;gap:10px;font-size:1.9rem;font-weight:800;color:var(--ink2);margin:0 0 14px}
.ck-h--plain{font-size:1.7rem}
.ck-h3{font-size:1.5rem;font-weight:800;color:var(--ink2);margin:16px 0 10px}
.ck-n{flex:0 0 28px;height:28px;border-radius:50%;background:var(--green);color:#fff;font-size:1.4rem;font-weight:900;display:flex;align-items:center;justify-content:center}
.ck-opts{display:grid;gap:10px}
.ck-opt{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px;border:1.5px solid #e5e7eb;border-radius:12px;padding:13px 14px;cursor:pointer;transition:border-color .15s,background-color .15s}
#payopts .ck-opt{grid-template-columns:auto minmax(0,1fr) auto}
.ck-opt:hover{border-color:#a7e9c7}
.ck-opt.on{border-color:var(--green);background:#F3FCF7}
.ck-opt.off{cursor:not-allowed;opacity:.55;background:#fafafa}
.ck-opt input{width:18px;height:18px;margin:0;accent-color:var(--green)}
.ck-logo{display:flex;align-items:center;justify-content:center;width:44px;height:30px;border-radius:7px;font-size:1.15rem;font-weight:900;letter-spacing:.02em}
.ck-logo--gls{background:#061ab1;color:#ffd100}
.ck-logo--mpl{background:#e30613;color:#fff}
.ck-logo--ms{background:var(--mint);color:var(--green-d)}
.ck-logo--gls{background:#fff!important;border:1px solid #e5e7eb}.ck-logo--gls img{width:34px;height:auto;display:block}
.ck-logo--pin{background:var(--mint);color:var(--green-d)}.ck-logo--pin svg{width:18px;height:18px}
.ck-opt{padding:10px 12px!important;gap:10px!important;border-radius:11px!important}
.ck-ot b{font-size:1.4rem!important}.ck-ot small{font-size:1.18rem!important;line-height:1.35!important}
.ck-op{font-size:1.35rem!important}.ck-op .free{color:var(--green-d)}.ck-op s{font-size:1.1rem;font-weight:600;color:var(--muted)}
.ck-logo{width:40px!important;height:26px!important}
.ck-opts{gap:8px!important}
#lockerbox{margin-top:-2px}
.ck-acc-tipp{margin:-4px 0 10px;font-size:1.35rem;color:var(--ink2);background:#F3FCF7;border:1px solid #c9ecd8;border-radius:10px;padding:8px 12px}
.ck-acc .ct-acc-card{padding:8px;gap:4px;border-radius:12px}
.ck-acc .ct-acc-ico{aspect-ratio:1/1}
.ck-acc .ct-acc-t{font-size:1.2rem}.ck-acc .ct-acc-p{font-size:1.3rem}
.ck-acc .ct-acc-btn{padding:5px 8px;font-size:1.15rem}
.ck-acc .ct-acc-row{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px}
.ck-afa{margin-top:10px;font-size:1.25rem;color:var(--muted2)}
.ck-afa summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px;font-weight:600}
.ck-afa summary::-webkit-details-marker{display:none}
.ck-afa summary::after{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);margin-top:-3px}
.ck-afa[open] summary::after{transform:rotate(-135deg);margin-top:3px}
.ck-afa div{margin-top:6px;display:grid;gap:4px}.ck-afa p span b{color:inherit;font-weight:700;white-space:normal}.ck-afa p{margin:0;display:flex;justify-content:space-between;gap:12px}.ck-afa b{color:var(--ink2);white-space:nowrap}
#mska-fulek[hidden]{display:none!important}
.ck-rejt{display:none!important}
.ck-inst{display:block!important;white-space:nowrap}.ck-inst b{display:inline!important}
.ck-mil{flex-wrap:nowrap!important}.ck-mil button{flex:1 1 0;min-width:0}.ck-mil button small{white-space:nowrap}
.ck-tr{display:none}
@media (max-width:480px){.ck-tl{display:none}.ck-tr{display:inline}}
#payopts .ck-opt{grid-template-columns:auto auto minmax(0,1fr) auto!important}
.ck-logo--mpl{background:#fff!important;border:1px solid #e5e7eb}.ck-logo--mpl img{width:30px;height:auto;display:block}
.ck-logo--pklarna,.ck-logo--pmilpay{background:none!important;width:44px!important}.ck-logo--pklarna img,.ck-logo--pmilpay img{width:44px;height:auto;display:block}
.ck-logo--ptransfer,.ck-logo--pcod,.ck-logo--ponsite,.ck-logo--pcard{background:#f3f4f6;color:#374151}.ck-logo--ptransfer svg,.ck-logo--pcod svg,.ck-logo--ponsite svg,.ck-logo--pcard svg{width:18px;height:18px}
.ck-opt.on .ck-logo--ptransfer,.ck-opt.on .ck-logo--pcod,.ck-opt.on .ck-logo--ponsite{background:var(--mint);color:var(--green-d)}
.ka-k--akku{background:#ecfdf3!important}
.ms-milp-logo{margin:0 0 6px}.ms-milp-logo img{height:34px;width:auto;display:block;border-radius:7px}
.ms-milp-lead{font-size:1.7rem;font-weight:600;color:#111827}.ms-milp-cta{margin:14px 0 22px}.ms-milp-cta .ms-btn{display:inline-flex}
.ms-milp-gyik{border:1px solid #e5e7eb;border-radius:12px;padding:12px 16px;margin:0 0 8px;background:#fff}.ms-milp-gyik summary{cursor:pointer;font-weight:700}.ms-milp-gyik p{margin:8px 0 0}
.ms-milp-ki{background:#f3f4f6;border-radius:12px;padding:14px 16px;margin-top:18px}
.ms-csom-lead{font-size:1.6rem;color:#374151}.ms-csom-kell{background:#f3f4f6;border-radius:12px;padding:12px 16px;margin:14px 0 18px}
.ms-csom-lepesek{list-style:none;counter-reset:cs;padding:0!important;margin:0 0 18px;display:grid;gap:10px}
.ms-csom-lepesek li{counter-increment:cs;position:relative;border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px 14px 60px!important;display:grid;gap:3px;background:#fff}
.ms-csom-lepesek li::before{content:counter(cs)!important;position:absolute;left:16px;top:14px;width:30px;height:30px;border-radius:50%;background:#00c667;color:#fff;font-weight:800;display:grid;place-items:center;font-size:1.5rem}
.ms-csom-lepesek li span{color:#4b5563}.ms-csom-nem{border-left:4px solid #ef4444;background:#fef2f2;border-radius:0 12px 12px 0;padding:12px 16px;margin:0 0 18px}.ms-csom-nem ul{margin:6px 0 0}.ka-k--akku svg{width:34px!important;height:34px!important}
svg.akku-zold{color:#16a34a}
.ct-aj--tobb{background:#111!important;border-color:#111!important;color:#fff!important;padding:7px 14px!important}.ct-aj--tobb .ct-aj-t{color:#fff}
.ck-ot{display:flex;flex-direction:column;gap:3px;min-width:0}
.ck-ot b{font-size:1.5rem;color:var(--ink2);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ck-ot small{font-size:1.25rem;color:var(--muted2);line-height:1.4}
.ck-op{font-size:1.4rem;font-weight:800;color:var(--ink2);white-space:nowrap;text-align:right;display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}
.ck-op small{font-size:1.05rem;font-weight:600;color:var(--muted)}
.ck-tag{font-style:normal;font-size:1rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:var(--mint);color:var(--green-d);border:1px solid #BFEFD6;border-radius:999px;padding:2px 7px}
.ck-inst{display:inline-block;margin-top:6px;font-size:1.35rem;color:var(--ink2)}
.ck-mil{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.ck-mil button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:1.5px solid #d1d5db;background:#fff;border-radius:10px;padding:7px 12px;font:inherit;font-size:1.35rem;font-weight:800;color:var(--ink2);cursor:pointer}
.ck-mil button small{font-size:1.15rem;font-weight:500;color:var(--muted2)}
.ck-mil button.on{border-color:var(--green);background:var(--mint)}
.ck-locker{margin-top:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#f8f9fa;border-radius:12px;padding:12px 14px}
.ck-locker-sel{flex:1;min-width:200px;display:flex;flex-direction:column;font-size:1.35rem;color:var(--muted2)}
.ck-locker-sel b{color:var(--ink2)}
.ck-locker .ck-err{flex-basis:100%;margin:0}
.ck-btn2{border:1.5px solid var(--green);background:#fff;color:var(--green-d);border-radius:999px;padding:9px 16px;font:inherit;font-size:1.35rem;font-weight:800;cursor:pointer}
.ck-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ck-row3{display:grid;grid-template-columns:140px 1fr;gap:12px}
.ck-f{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;font-size:1.3rem;font-weight:700;color:var(--ink2)}
.ck-f i{font-style:normal;font-weight:500;color:var(--muted)}
.ck-f input,.ck-f textarea,.ck-search{width:100%;border:1.5px solid #d9dde2;border-radius:10px;padding:12px 13px;font:inherit;font-size:16px;font-weight:400;color:var(--ink);background:#fff;line-height:1.3}
.ck-f input:focus,.ck-f textarea:focus,.ck-search:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(0,198,103,.15)}
.ck-f input.bad{border-color:#dc2626}
.ck-err{font-style:normal;font-size:1.2rem;font-weight:600;color:#dc2626;min-height:0}
.ck-err:empty{display:none}
.ck-hint{font-size:1.25rem;color:var(--muted2);margin:-4px 0 12px;line-height:1.45}
.ck-hint--warn{background:#FFF8EB;border:1px solid #F6D99B;color:#8a5a00;border-radius:10px;padding:10px 12px;margin:0 0 12px}
.ck-tabs{display:inline-flex;background:#f1f3f5;border-radius:999px;padding:4px;margin-bottom:14px;gap:4px;flex-wrap:wrap}
.ck-tabs button{border:0;background:none;border-radius:999px;padding:9px 16px;font:inherit;font-size:1.35rem;font-weight:700;color:var(--muted2);cursor:pointer}
.ck-tabs button.on{background:#fff;color:var(--ink2);box-shadow:0 1px 4px rgba(0,0,0,.1)}
.ck-check{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;font-size:1.35rem;color:var(--ink2);cursor:pointer;line-height:1.45;margin:4px 0 10px}
.ck-check input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--green);flex-shrink:0}
.ck-check a{color:var(--green-d)}
.ck-check i{font-style:normal;color:var(--muted)}
.ck-hirlevel{margin:2px 0 12px}
.ck-ceg{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:center;border:1.5px solid #e5e7eb;border-radius:12px;padding:12px 14px;margin:4px 0 12px;cursor:pointer;transition:border-color .15s,background-color .15s}
.ck-ceg:hover{border-color:#a7e9c7}
.ck-ceg:has(input:checked){border-color:var(--green);background:#F3FCF7}
.ck-ceg input{width:18px;height:18px;margin:0;accent-color:var(--green)}
.ck-ceg b{display:block;font-size:1.45rem;color:var(--ink2)}
.ck-ceg small{display:block;font-size:1.25rem;color:var(--muted2)}
#billco{margin:-2px 0 12px;padding:0 2px}
.ck-cimvalaszt{margin-bottom:12px}
.ck-cimvalaszt .ck-opt{grid-template-columns:auto minmax(0,1fr)}
.ck-acc .ct-acc-row{grid-template-columns:repeat(5,minmax(0,1fr))}
.ck-side{min-width:0}
.ck-sl{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;position:relative;padding:8px 0;border-bottom:1px solid #f1f3f5}
.ck-sl img,.ck-sl-ico{width:52px;height:52px;border-radius:9px;object-fit:contain;background:#fff;border:1px solid #eceef1}
.ck-sl-ico{display:flex;align-items:center;justify-content:center;color:#00A857;background:#F3FCF7}
.ck-sl-ico svg{width:24px;height:24px}
.ck-sl-q{position:absolute;left:40px;top:2px;min-width:20px;height:20px;border-radius:10px;background:#6b7280;color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 5px}
.ck-sl-t{display:flex;flex-direction:column;min-width:0;font-size:1.35rem}
.ck-sl-t b{color:var(--ink2)}
.ck-sl-t small{color:var(--muted);font-size:1.15rem}
.ck-sl-p{font-size:1.4rem;font-weight:800;white-space:nowrap}
#cksumlines{margin-bottom:14px}
.ck-aszf{margin-top:16px}
/* semleges, letisztult pénztár (2026-11-04: előbb „túl zöld”, utána „túl fekete”) – szürkék, vékony keret, a zöld csak apró jelzés */
#checkoutview .ck-n{background:#f1f2f4!important;color:#111!important;font-weight:800}
#checkoutview .ck-opt{border:1px solid #e5e7eb!important}
#checkoutview .ck-opt:hover{border-color:#cfd3d9!important}
#checkoutview .ck-opt.on{border-color:#9ca3af!important;background:#fafafa!important;box-shadow:none!important}
#checkoutview .ck-opt input,#checkoutview input[type=checkbox],#checkoutview input[type=radio]{accent-color:#00a857}
#checkoutview .ck-mod button{border:1px solid #e5e7eb!important}
#checkoutview .ck-mod button.on{border-color:#9ca3af!important;background:#fafafa!important;box-shadow:none!important}
#checkoutview .ck-mod button.on svg{color:#374151!important}
#checkoutview .ck-hatarido{background:#f7f7f8!important;border-color:transparent!important;color:#374151}
#checkoutview .ck-hatarido b{color:#111!important}
#checkoutview .ck-logo--lock,#checkoutview .ck-logo--haz,#checkoutview .ck-logo--pin,#checkoutview .ck-logo--ms,
#checkoutview .ck-opt.on .ck-logo--ptransfer,#checkoutview .ck-opt.on .ck-logo--pcod,#checkoutview .ck-opt.on .ck-logo--ponsite,#checkoutview .ck-opt.on .ck-logo--pcard{background:#f4f5f7!important;color:#4b5563!important}
#checkoutview .ck-btn2{border:1px solid #d1d5db!important;color:#111!important;background:#fff!important}
#checkoutview .ck-btn2:hover{border-color:#9ca3af!important;background:#fafafa!important}
#checkoutview .ck-tag{background:#f4f5f7!important;color:#4b5563!important;border-color:transparent!important}
#checkoutview .ck-tobb{color:#374151!important}
#checkoutview .ck-sl-ico{color:#4b5563!important;background:#f7f7f8!important}
#checkoutview .ck-opt .ck-op{color:#111}
#checkoutview .ck-op .free,#checkoutview .ck-tot .free{color:#0a7f43!important}
#checkoutview a:not([class]){color:#111!important;text-decoration:underline;text-decoration-color:#c4c7cc;text-underline-offset:2px}
#lockermodal .gp-nezet button[aria-selected="true"]{background:#111!important;color:#fff!important}
#lockermodal .leaflet-popup-content button{background:#111!important}
/* EU szavatossági tájékoztató (2026-11-05 este) */
.eu-szav{margin:18px 0 0;max-width:640px}.eu-szav img{display:block;width:100%;height:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}
.eu-szav figcaption{font-size:1.25rem;color:#6b7280;margin-top:8px}
/* saját ÁSZF / Adatkezelés / Felvásárlás (2026-11-05 este) */
.pg-jogi{max-width:900px}
.pg-jogi .jogi-tabla{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:.6rem 0 1.4rem;border:1px solid #e5e7eb;border-radius:12px}
.pg-jogi table{width:100%;border-collapse:collapse;font-size:1.4rem;line-height:1.5;min-width:520px}
.pg-jogi th,.pg-jogi td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid #eef0f2}
.pg-jogi th{background:#f7f8f9;font-weight:600;white-space:nowrap}
.pg-jogi tr:last-child td{border-bottom:0}
.pg-jogi td:first-child{font-weight:500}
.pg-jogi a{color:#00713a;text-decoration:underline;text-underline-offset:2px}
.pg-jogi h3{font-size:1.65rem;font-weight:600;margin:1.6rem 0 .5rem}
.pg-jogi .pg-doc-note a{margin-left:6px}
.pg-jogi ul ul{margin-top:4px}
@media (max-width:760px){.pg-jogi table{font-size:1.35rem}.pg-jogi th,.pg-jogi td{padding:8px 10px}}
/* ÁSZF / Adatkezelés: VirtualJog beágyazva (2026-11-05) */
.pg-doc.pg-doc--vj{max-width:1200px}
.pg-doc-frame{display:block;width:100%;height:1100px;border:0;border-radius:14px;background:#fff;margin-top:8px}
@media (max-width:760px){.pg-doc-frame{height:82vh}}
/* Eladás oldal: kevésbé fakó (2026-11-05) */
#msBbx .msx-trust{background:#f0faf4;border:1px solid #d3f0de;border-radius:14px;padding:12px 18px;color:#14532d!important}
#msBbx .msx-trust b{color:#0b3b2c!important}
#msBbx .msx-ic{background:#e6f7ee!important;color:#00873f!important}
#msBbx .msx-opt{border-color:#e3e7ec!important;box-shadow:0 1px 2px rgba(16,24,40,.04),0 6px 18px rgba(16,24,40,.05)}
#msBbx .msx-opt b,#msBbx .msx-steps b{color:#0f172a}
#msBbx .msx-opt p,#msBbx .msx-steps p{color:#475569!important}
#msBbx .msx-steps i{background:#00a857!important}
#msBbx .msx-h{color:#0f172a}
html.ms-uj body #pg-eladas .ms-lcta,#pg-eladas .ms-lcta{background:#00a857!important;color:#fff!important;border-color:#00a857!important;box-shadow:0 8px 22px rgba(0,168,87,.28)!important}
html.ms-uj body #pg-eladas .ms-lcta:hover,#pg-eladas .ms-lcta:hover{background:#00924b!important}
.ms-info-buttons[hidden],#checkoutview .ck-safe[hidden]{display:none!important}
/* 2026-11-05: „túl szürke, egybefolyik” – határozottabb kijelölés és tagolás (fekete csak vékony keretként) */
#checkoutview .ck-box{border:1px solid #e6e8eb}
#checkoutview .ck-n{background:#111!important;color:#fff!important}
#checkoutview .ck-opt{border:1px solid #dcdfe4!important;background:#fff!important}
#checkoutview .ck-opt:hover{border-color:#b9bec6!important}
#checkoutview .ck-opt.on{border-color:#111!important;background:#f7f8fa!important;box-shadow:inset 0 0 0 1px #111!important}
#checkoutview .ck-mod button{border:1px solid #dcdfe4!important;background:#fff!important}
#checkoutview .ck-mod button.on{border-color:#111!important;background:#f7f8fa!important;box-shadow:inset 0 0 0 1px #111!important}
#checkoutview .ck-mod button.on svg{color:#111!important}
#checkoutview .ck-opt.on .ck-logo--lock,#checkoutview .ck-opt.on .ck-logo--haz,#checkoutview .ck-opt.on .ck-logo--pin,#checkoutview .ck-opt.on .ck-logo--pcard,
#checkoutview .ck-opt.on .ck-logo--ptransfer,#checkoutview .ck-opt.on .ck-logo--pcod,#checkoutview .ck-opt.on .ck-logo--ponsite{background:#e9ebef!important;color:#111!important}
#checkoutview .ck-tag{background:#e6f6ec!important;color:#067a3e!important;font-weight:800}
#checkoutview .ck-hatarido{background:#eef8f2!important;color:#14532d}
#checkoutview .ck-hatarido b{color:#0b3b2c!important}
/* köszönő oldal (2026-11-05) */
.ck-dn-lead{margin:-6px 0 0;font-size:1.6rem;color:var(--muted2)}
.ck-dn-stat{display:flex;gap:14px;align-items:flex-start}
.ck-dn-stat svg{width:30px;height:30px;flex:none;margin-top:1px}
.ck-dn-stat>div>b{display:block;font-size:1.6rem;color:var(--ink2)}
.ck-dn-stat>div>span{display:block;font-size:1.4rem;color:var(--muted2);margin-top:2px}
.ck-dn-stat--ok{background:#ecf9f1!important;border-color:#bfe9cf!important}.ck-dn-stat--ok svg{color:#0a8f4a}
.ck-dn-stat--var{background:#fff8e6!important;border-color:#f6dfa3!important}.ck-dn-stat--var svg{color:#b7791f}
.ck-dn-stat--info{background:#f5f7fa!important}.ck-dn-stat--info svg{color:#475569}
.ck-dn-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ck-dn-k{display:flex;flex-direction:column;gap:3px;font-size:1.4rem;line-height:1.45}
.ck-dn-k h3{margin:0 0 6px;font-size:1.2rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted2)}
.ck-dn-k b{color:var(--ink2);font-size:1.5rem}
.ck-dn-halv{color:var(--muted2);font-size:1.3rem}
.ck-dn-link{margin-top:6px;font-weight:700;color:var(--ink2);text-decoration:underline;text-underline-offset:2px}
.ck-dn-t{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f1f3f5}
.ck-dn-t img,.ck-dn-ph{width:64px;height:64px;border-radius:12px;background:#f4f5f7;object-fit:contain;flex:none}
.ck-dn-tn{flex:1;display:flex;flex-direction:column;font-size:1.45rem;color:var(--ink2)}
.ck-dn-tn small{color:var(--muted2);font-size:1.25rem}
.ck-dn-tp{font-size:1.45rem;white-space:nowrap}
.ck-dn-seg{display:flex;gap:12px;align-items:flex-start;font-size:1.35rem;color:var(--muted2)}
.ck-dn-seg svg{width:22px;height:22px;flex:none;color:#64748b;margin-top:2px}
.ck-dn-seg a{color:var(--ink2)}
@media (max-width:640px){.ck-dn-grid{grid-template-columns:1fr}}
.ms-akcio-sav{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 10px;background:#0b0b0c;color:#fff;padding:8px 14px;font-size:13px;line-height:1.35;text-align:center;letter-spacing:.01em;position:relative;z-index:60}
.ms-akcio-sav b{letter-spacing:.14em;font-weight:800;color:#fff}.ms-akcio-sav span{font-weight:600}.ms-akcio-sav em{font-style:normal;color:#b7f5d3;font-weight:600}
@media (max-width:480px){.ms-akcio-sav{font-size:12px;padding:7px 10px;gap:2px 8px}}
.ms-g3f{max-width:1240px;margin:36px auto 28px;padding:0 20px}
.ms-g3f__card{position:relative;overflow:hidden;display:flex;align-items:center;gap:22px;background:linear-gradient(120deg,#0b1f14 0%,#0f3a24 60%,#0e4a2b 100%);color:#fff;border-radius:20px;padding:24px 28px;box-shadow:0 14px 34px rgba(4,20,11,.18)}
.ms-g3f__card:after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(0,198,103,.28) 0%,rgba(0,198,103,0) 70%);pointer-events:none}
.ms-g3f__ikon{flex:0 0 auto;position:relative;width:66px;height:74px;color:#00C667}.ms-g3f__ikon svg{width:100%;height:100%}
.ms-g3f__ikon b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-bottom:4px;font-size:27px;font-weight:900;color:#fff}
.ms-g3f__szoveg{flex:1 1 auto;min-width:0;position:relative;z-index:1}
.ms-g3f__felso{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 6px}
.ms-g3f__chip{display:inline-block;background:#00C667;color:#04140b;font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 10px}
.ms-g3f__hatra{font-size:12.5px;font-weight:700;color:rgba(255,255,255,.75)}
.ms-g3f__cim{margin:0 0 6px;font-size:24px;line-height:1.15;font-weight:800;color:#fff}.ms-g3f__cim span{color:#00C667}
.ms-g3f__p{margin:0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.85)}
.ms-g3f__apro{margin:6px 0 0;font-size:11.5px;line-height:1.45;color:rgba(255,255,255,.6)}
.ms-g3f__cta{flex:0 0 auto;position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;background:#00C667;color:#04140b!important;text-decoration:none!important;font-weight:800;font-size:14px;border-radius:12px;padding:13px 18px;white-space:nowrap;box-shadow:0 6px 16px rgba(0,198,103,.3)}
@media (max-width:749px){.ms-g3f{margin-top:24px;margin-bottom:18px;padding:0 14px}.ms-g3f__card{flex-wrap:wrap;gap:14px;padding:20px 18px;border-radius:16px}.ms-g3f__ikon{width:50px;height:56px}.ms-g3f__ikon b{font-size:21px}.ms-g3f__szoveg{flex-basis:calc(100% - 70px)}.ms-g3f__cim{font-size:20px}.ms-g3f__p{font-size:13.5px}.ms-g3f__cta{width:100%;justify-content:center}}


@media (max-width:759px){#ckaccwrap{display:none!important}}
.gp-szuro button img{vertical-align:-3px;margin-right:2px}
.gp-nezet{display:none}
.gp-ic .gpp{position:relative;width:46px;height:52px}
.gpp-d{position:absolute;left:2px;top:2px;width:38px;height:38px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#0b2a8f;border:2px solid #fff;box-shadow:0 3px 8px rgba(0,0,0,.35);display:grid;place-items:center;transition:transform .15s}
.gpp-l{transform:rotate(45deg);font:italic 800 11px/1 Arial,sans-serif;color:#fff;letter-spacing:-.2px}
.gpp.gp-mpl .gpp-d{background:#fff;border-color:#fff}#gpmap .gpp-l img{display:block;width:26px!important;height:auto!important;max-width:none!important;max-height:none!important}
.gpp-b{position:absolute;right:0;top:-6px;width:22px;height:22px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;border:1.5px solid #fff}
.gpp-b svg{width:12px;height:12px}
.gpp.kij .gpp-d{transform:rotate(-45deg) scale(1.22);box-shadow:0 0 0 3px var(--green),0 4px 12px rgba(0,0,0,.4)}.gpp.kij{z-index:5}
@media (max-width:759px){
  html #lockermodal .ck-modal-panel{padding:0!important;position:fixed}
  #lockermodal .gp-fej{position:absolute;z-index:600;top:10px;left:10px;right:10px;background:#fff;border-radius:16px;box-shadow:0 6px 24px rgba(0,0,0,.18);padding:10px 12px 4px}
  #lockermodal .gp-fej .ck-modal-head{margin-bottom:8px}#lockermodal .gp-fej .ck-modal-head h3{font-size:1.6rem}
  #lockermodal .gp-szuro{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}#lockermodal .gp-szuro button{white-space:nowrap;background:#f3f4f6;border-color:transparent;padding:7px 12px}
  #lockermodal .gp-szuro button[aria-checked="true"]{background:#fff;border-color:var(--ink)}
  html #lockermodal .gp-test{position:absolute;inset:0;display:block}
  html #lockermodal .gp-terkep{position:absolute;inset:0;border-radius:0}
  #lockermodal .gp-lista{position:absolute;inset:0;background:#fff;padding:205px 12px 90px;display:none}
  #lockermodal.gp-v-lista .gp-lista{display:grid}
  #lockermodal .gp-nezet{display:flex;position:absolute;z-index:600;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);background:#fff;border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.2);padding:5px;gap:4px}
  #lockermodal .gp-nezet button{display:flex;align-items:center;gap:7px;border:0;background:none;border-radius:10px;padding:10px 20px;font:inherit;font-size:1.45rem;font-weight:700;color:var(--muted2);cursor:pointer}
  #lockermodal .gp-nezet button svg{width:18px;height:18px}
  #lockermodal .gp-nezet button[aria-selected="true"]{background:var(--green);color:#fff}
  #gpmap .leaflet-bottom.leaflet-right{margin-bottom:84px}
}
.ck-logo--lock,.ck-logo--haz{background:var(--mint);color:var(--green-d)}.ck-logo--lock svg,.ck-logo--haz svg{width:20px;height:20px}
.ck-op .ck-uv{display:block;font-size:1.05rem;font-weight:500;color:var(--muted);white-space:nowrap;margin-top:1px}
.gp-uv{display:inline-block;align-self:flex-start;margin-top:3px;font-size:1.05rem;font-weight:700;color:#9f1239;background:#fff1f2;border-radius:6px;padding:1px 6px}
.gp-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:1px}.gp-dot.gls{background:#0b2fa8}.gp-dot.mpl{background:#e30613}
.ck-hatarido{margin:0 0 12px;padding:10px 13px;border-radius:11px;background:#F3FCF7;border:1px solid #cdefdf;font-size:1.3rem;line-height:1.45;color:#1f2a24}
.ck-hatarido b{color:var(--green-t)}.ck-hatarido span{display:block;font-size:1.15rem;color:var(--muted2);margin-top:2px}
.ck-tobb{border:0;background:none;padding:6px 2px;font:inherit;font-size:1.3rem;font-weight:600;color:var(--green-t);cursor:pointer;text-align:left;text-decoration:underline;text-underline-offset:3px}
.ck-tobb span{font-weight:400;color:var(--muted2);text-decoration:none}
.ck-mod{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.ck-mod button{display:flex;align-items:center;gap:10px;text-align:left;border:1.5px solid #e5e7eb;background:#fff;border-radius:12px;padding:12px 14px;font:inherit;color:var(--ink2);cursor:pointer;transition:border-color .15s,background-color .15s}
.ck-mod button svg{width:24px;height:24px;flex:none;color:var(--muted2)}
.ck-mod button b{display:block;font-size:1.45rem;line-height:1.25}.ck-mod button small{display:block;font-size:1.15rem;color:var(--muted);line-height:1.3;margin-top:1px}
.ck-mod button.on{border-color:var(--green);background:#F3FCF7;box-shadow:0 0 0 1px var(--green)}.ck-mod button.on svg{color:var(--green-d)}
.ck-mod button:hover{border-color:#a7e9c7}
.ck-csop{display:grid;gap:8px}.ck-csop+.ck-csop{margin-top:6px}
.ck-csop-h{margin:2px 0 -2px;font-size:1.1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ck-op small{font-size:1.05rem;font-weight:600;color:var(--muted)}
@media (max-width:480px){.ck-mod button{padding:10px 11px;gap:8px}.ck-mod button svg{width:20px;height:20px}.ck-mod button b{font-size:1.35rem}}
html #lockermodal .gp-test{grid-template-rows:42% minmax(0,1fr)}@media (min-width:760px){html #lockermodal .gp-test{grid-template-rows:minmax(0,1fr)}}
#gpmap .leaflet-tile-pane{filter:saturate(1.05)}
.gp-ic{background:none;border:0}
#gpmap .gp-pin{width:34px;height:34px;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);display:grid;place-items:center;border:2.5px solid #fff;box-shadow:0 3px 8px rgba(0,0,0,.3);transition:transform .15s;background:#0b2fa8;color:#fff}
#gpmap .gp-pin svg{transform:rotate(45deg);width:16px;height:16px}
#gpmap .gp-pin.gp-gls.gp-t-parcel-shop{background:#ffd100;color:#0b2fa8}
#gpmap .gp-pin.gp-mpl{background:#e30613}#gpmap .gp-pin.gp-mpl.gp-t-PP{background:#f59e0b}#gpmap .gp-pin.gp-mpl.gp-t-PM{background:#9f1239}
#gpmap .gp-pin.kij{background:#111827!important;color:#fff!important;transform:rotate(-45deg) scale(1.25);z-index:5}
.gp-lo{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:4px 10px!important}
.gp-lo-ik{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#0b2fa8;color:#fff;margin-top:2px}
.gp-lo-ik svg{width:18px;height:18px}
.gp-lo-ik.gp-gls.gp-t-parcel-shop{background:#ffd100;color:#0b2fa8}.gp-lo-ik.gp-mpl{background:#e30613}.gp-lo-ik.gp-mpl.gp-t-PP{background:#f59e0b}.gp-lo-ik.gp-mpl.gp-t-PM{background:#9f1239}
.gp-lo-t{display:flex;flex-direction:column;gap:1px;min-width:0}
.gp-lo-j{display:flex;flex-direction:column;align-items:flex-end;gap:3px;white-space:nowrap}
.gp-lo .gp-tav{margin-left:0!important;font-size:1.2rem}
.gp-ar{font-size:1.25rem;font-weight:800;color:var(--ink2)}
.gp-lo .gp-valaszt{grid-column:2/4;justify-self:start}
.gp-ny-ny{color:var(--green-d)!important;font-weight:700}.gp-ny-z{color:#b42318!important;font-weight:600}
.gp-pop{display:flex;flex-direction:column;gap:3px;font-size:13px;line-height:1.35;color:#374151}.gp-pop b{color:#111827}
.gp-pop button{margin-top:6px;border:0;border-radius:9px;background:var(--green);color:#fff;font:inherit;font-weight:700;padding:8px 12px;cursor:pointer}
@media (max-width:759px){html #lockermodal .ck-modal-panel{width:100vw;height:100vh;height:100dvh;max-height:none;border-radius:0;left:0;top:0;transform:none;padding:12px 12px 0}
  html #lockermodal .gp-test{grid-template-rows:40vh minmax(0,1fr);gap:8px}#lockermodal .gp-terkep{border-radius:10px}
  #lockermodal .gp-lista{padding-bottom:16px}}
.gp-pin.mpl{background:#e30613}.gp-pin.mpl.shop{background:#f59e0b}.gp-pin.mpl.kij,.gp-pin.mpl.shop.kij{background:#111827}
.ck-sp{margin-top:10px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:12px;background:#fafafa}
.ck-sp-logo{display:block;margin-bottom:10px;background:#fff;line-height:0}.ck-sp-logo img{display:block;width:100%;max-width:380px;height:auto}
.ck-sp .ck-check span{font-size:12px;line-height:1.5;color:#4b5563}.ck-sp .ck-check a{color:inherit}
.ck-safe{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0 0;padding:0}
.ck-safe li{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font-size:1.15rem;font-weight:600;line-height:1.25;color:#374151;background:#f6f7f8;border-radius:10px;padding:9px 4px}
.ck-safe svg{width:18px;height:18px;color:#0a7f43}
/* 5z: fizetési opciók, nyilatkozat, keskeny telefon */
#checkoutview .ck-tag{text-transform:none!important;letter-spacing:0!important;font-size:1.05rem!important;font-weight:700!important;padding:1px 8px!important;vertical-align:1px;white-space:nowrap}
.ck-sp .ck-sp-rov{display:block;font-weight:600;color:#1f2937;font-size:12.5px;line-height:1.45}
.ck-sp-tel{margin-top:4px;font-size:11.5px;line-height:1.5;color:#6b7280}
.ck-sp-tel summary{cursor:pointer;color:#4b5563;text-decoration:underline;text-underline-offset:2px;list-style:none;font-size:11.5px}
.ck-sp-tel summary::-webkit-details-marker{display:none}
.ck-sp-tel[open] summary{margin-bottom:4px}
#shipmod{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#shipmod>button{min-width:0}
#shipmod>button span{min-width:0}
.ck-ot b{overflow-wrap:anywhere}
@media (max-width:370px){.hdr-row{gap:6px!important}.hb{padding:6px 9px!important;font-size:13.5px!important}.logo img{width:40px!important;height:auto!important}.hdr-icons .iconbtn{padding:6px!important}}
@media (max-width:380px){#shipopts .ck-logo{display:none}#shipopts .ck-opt{grid-template-columns:auto minmax(0,1fr) auto!important}#shipmod>button{padding:10px!important;gap:8px!important}#shipmod>button svg{display:none}}
/* csomagpont ablak (térképes) */
#lockermodal .ck-modal-panel{width:min(980px,96vw);height:min(720px,92vh);max-height:none;display:flex;flex-direction:column;overflow:hidden;padding:16px}
.gp-eszk{display:flex;gap:8px;margin-bottom:8px}
.gp-eszk .ck-search{flex:1;margin:0}
.gp-kozel{display:inline-flex;align-items:center;gap:6px;border:1.5px solid #e5e7eb;background:#fff;border-radius:10px;padding:0 12px;font:inherit;font-size:1.35rem;font-weight:600;color:var(--ink2);cursor:pointer;white-space:nowrap}
.gp-kozel svg{width:16px;height:16px;color:var(--green-d)}
.gp-kozel:hover{border-color:var(--green)}
.gp-szuro{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.gp-szuro button{border:1.5px solid #e5e7eb;background:#fff;border-radius:999px;padding:5px 12px;font:inherit;font-size:1.25rem;font-weight:600;color:var(--muted2);cursor:pointer}
.gp-szuro button[aria-checked="true"]{border-color:var(--ink);color:var(--ink2);background:#f6f7f9}
.gp-test{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:240px minmax(0,1fr);gap:10px}
.gp-terkep{border-radius:12px;overflow:hidden;background:#eef1f0;min-height:200px;z-index:0}
.gp-lista{overflow:auto;align-content:start;padding:2px}
@media (min-width:760px){.gp-test{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);grid-template-rows:minmax(0,1fr)}.gp-lista{order:-1}}
.ck-lo.kij{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.ck-lo .gp-sor{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:1.2rem}
.ck-lo .gp-tip{font-size:1.1rem;font-weight:700;border-radius:999px;padding:1px 8px;background:#eef6f1;color:var(--green-d)}
.ck-lo .gp-tav{margin-left:auto;font-weight:700;color:var(--ink2)}
.ck-lo .gp-valaszt{margin-top:6px;display:none;border:0;border-radius:9px;background:var(--green);color:#fff;font:inherit;font-size:1.3rem;font-weight:700;padding:8px 14px;cursor:pointer}
.ck-lo.kij .gp-valaszt{display:inline-block}
.gp-uzenet{font-size:1.3rem;color:var(--muted2);padding:8px 2px}
.gp-pin{width:26px;height:26px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#00a857;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.gp-pin.shop{background:#2563eb}
.gp-pin.kij{background:#111827}
.leaflet-popup-content{font:13px/1.4 inherit;margin:10px 12px}
.leaflet-popup-content b{display:block}
.leaflet-popup-content button{margin-top:6px;border:0;border-radius:8px;background:#00a857;color:#fff;font-weight:700;padding:6px 10px;cursor:pointer}
.ck-modal{position:fixed;inset:0;z-index:130;display:none}
.ck-modal.open{display:block}
.ck-modal-scrim{position:absolute;inset:0;background:rgba(17,24,39,.5)}
.ck-modal-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,94vw);max-height:86vh;overflow:auto;background:#fff;border-radius:16px;padding:18px;line-height:1.45}
.ck-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.ck-modal-head h3{margin:0;font-size:1.8rem}
.ck-modal-head button{border:0;background:none;font-size:28px;cursor:pointer;color:var(--muted);line-height:1}
.ck-search{margin-bottom:10px}
.ck-llist{display:grid;gap:8px}
.ck-lo{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:1.5px solid #e5e7eb;background:#fff;border-radius:12px;padding:11px 13px;font:inherit;font-size:1.35rem;color:var(--muted2);cursor:pointer}
.ck-lo b{color:var(--ink2)}
.ck-lo small{color:var(--green-d);font-weight:700}
.ck-lo:hover{border-color:var(--green)}
/* köszönjük */
.ck-done{max-width:720px;text-align:center;display:grid;gap:16px;justify-items:center}
.ck-done h1{font-size:3rem;margin:0;color:var(--ink2)}
.ck-done .ck-box{width:100%;text-align:left}
.ck-done-ico{width:68px;height:68px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px rgba(0,198,103,.15)}
.ck-done-ico svg{width:34px;height:34px}
.ms-mp-badge{display:inline-block;vertical-align:middle;height:auto;border-radius:5px}
#klarna[hidden],#mpbox[hidden]{display:none!important}.ms-mpbox{margin-top:0}.ms-mpbox .ms-mp-badge{flex:none;width:58px}
.ms-mp-link{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
.ct-mp{margin:6px 0 0;font-size:13px;color:#374151;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.mpm h3{display:flex;align-items:center;gap:10px;font-size:19px}
.mp-sorok{list-style:none;margin:0;padding:0;border:1px solid #ececec;border-radius:12px;overflow:hidden}
.mp-sorok li{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;font-size:14px}
.mp-sorok li+li{border-top:1px solid #f0f0f0}.mp-sorok li:first-child{background:#f3fbf6}.mp-sorok b{font-variant-numeric:tabular-nums;white-space:nowrap}
.mp-ossz{margin:10px 0 0;font-size:13.5px;color:#374151}.mp-meg,.mp-tolt{margin:10px 0 0;font-size:12.5px;color:#6b7280;line-height:1.5}
.mska-lab a{display:flex;align-items:center;justify-content:center;text-decoration:none}
.ck-mpc{display:block}.ck-mpc .mp-sorok{margin-top:8px;background:#fff}.ck-mpc .mp-sorok li{padding:7px 12px;font-size:13px}.ck-mpc .mp-ossz{font-size:12.5px;margin-top:6px}.ck-mpc .ms-mp-link{margin-top:6px;font-size:12.5px}
.ck-mpc .mp-ossz b,.ck-mpc .mp-sorok b{display:inline;font-size:inherit}.ck-mpc .mp-sorok li{align-items:center}.ck-mpc .mp-sorok li span{min-width:0}
@media (max-width:480px){.ck-mpc .mp-sorok li{padding:6px 10px;font-size:12.5px}}
.ck-done-ico--var{background:#eef2f7;color:#334155;box-shadow:0 0 0 10px rgba(51,65,85,.08)}
.ck-mp-forog{width:30px;height:30px;border-radius:50%;border:3px solid #cbd5e1;border-top-color:#2fd17d;animation:ckmp 1s linear infinite}
@keyframes ckmp{to{transform:rotate(360deg)}}
.ck-mp p{margin:0;line-height:1.55}.ck-mp-gombok{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.ck-done-no{margin:0;font-size:1.6rem;color:var(--muted2)}
.ck-next{margin:0;padding-left:20px;display:grid;gap:8px;font-size:1.45rem;color:var(--muted2)}
.ck-dl{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #f1f3f5;font-size:1.4rem}
.ck-dl span{display:flex;flex-direction:column}
.ck-dl small{color:var(--muted);font-size:1.2rem}
.ck-dl.big{border:0;font-size:1.8rem}
/* kosárba tettük panel */
.ct-added{position:fixed;right:16px;top:16px;z-index:125;width:min(400px,calc(100vw - 32px));opacity:0;transform:translateY(-10px);transition:opacity .2s,transform .2s;line-height:1.4}
.ct-added.show{opacity:1;transform:none}
#ctprog[hidden]{display:none!important}
.ms-buy-bizalom{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 12px;margin:14px 0 16px;font-size:12.5px;white-space:nowrap;color:#4b5563;line-height:1.3}
.ms-buy-bizalom b{color:#111;font-weight:800}.ms-buy-bizalom i{font-style:normal;color:#fbbc04;letter-spacing:1px;font-size:12px}
.ms-bb-pont{width:4px;height:4px;border-radius:50%;background:#c4c4c8}
.ctsticky .ctst-go{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 20px;background:#111;color:#fff;font-weight:700;text-decoration:none;white-space:nowrap;font-size:14.5px}
.pg-doc-szoveg{margin-top:18px;font-size:15px;line-height:1.65;color:#1f2937;overflow-wrap:anywhere}
.pg-doc-szoveg h1{font-size:24px;margin:28px 0 10px;line-height:1.25}.pg-doc-szoveg h2{font-size:19px;margin:26px 0 8px;line-height:1.3}
.pg-doc-szoveg h3,.pg-doc-szoveg h4{font-size:16px;margin:20px 0 6px}.pg-doc-szoveg p{margin:0 0 12px}
.pg-doc-szoveg ul,.pg-doc-szoveg ol{margin:0 0 12px;padding-left:22px}.pg-doc-szoveg li{margin:0 0 4px}
.pg-doc-szoveg a{color:#00713a;text-decoration:underline;text-underline-offset:2px}
.pg-doc-szoveg table{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:14px;display:block;overflow-x:auto}
.pg-doc-szoveg td,.pg-doc-szoveg th{border:1px solid #e5e7eb;padding:6px 8px;vertical-align:top}
.pg-doc-szoveg hr{border:0;border-top:1px solid #e5e7eb;margin:20px 0}
.pg-doc-tolt{color:#6b7280}
.pg-doc-meta{font-size:13px;color:#6b7280;background:#f6f7f8;border-radius:10px;padding:10px 14px;margin:0 0 18px}.pg-doc-meta a{color:#6b7280}
.ct-ajanlo{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 4px 34px;padding:2px 0 4px}
.ct-ajanlo-c{width:100%;font-size:11.5px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.06em}
.ct-aj{display:inline-flex;align-items:center;gap:8px;max-width:100%;border:1px solid #e2e2e5;background:#fff;border-radius:999px;padding:4px 12px 4px 4px;font:inherit;font-size:13px;line-height:1.25;cursor:pointer;color:#111;text-align:left}
.ct-aj:hover{border-color:#111}
.ct-aj-k{flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#f4f4f5;display:grid;place-items:center;overflow:hidden}
.ct-aj-k img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.ct-aj-k svg{width:16px;height:16px}
.ct-aj-t{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ct-aj-p{color:#00873f;font-weight:700;white-space:nowrap}
.ct-line.ct-line--sub{margin:-4px 0 0 34px;grid-template-columns:56px minmax(0,1fr) auto;padding:10px 12px;box-shadow:none;border:1px solid #ececee;position:relative}
.ct-line.ct-line--sub::before{content:"";position:absolute;left:-20px;top:-6px;width:14px;height:calc(50% + 6px);border-left:2px solid #e5e7eb;border-bottom:2px solid #e5e7eb;border-bottom-left-radius:8px}
.ct-line.ct-line--sub .ct-img{width:56px}
.ct-line.ct-line--sub .ct-t{font-size:13.5px}
.mska{position:fixed;inset:0;z-index:130;display:flex;align-items:flex-end;justify-content:center;line-height:1.35}
.mska[hidden]{display:none}
.mska-scrim{position:absolute;inset:0;background:rgba(17,24,39,.5);opacity:0;transition:opacity .25s}
.mska.nyitva .mska-scrim{opacity:1}
.mska-panel{position:relative;width:100%;max-height:90vh;background:#fff;border-radius:20px 20px 0 0;padding:16px 16px calc(14px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px;transform:translateY(40px);opacity:0;transition:transform .25s ease,opacity .25s ease}
.mska.nyitva .mska-panel{transform:none;opacity:1}
@media (min-width:750px){.mska{align-items:center}.mska-panel{width:min(580px,calc(100vw - 40px));border-radius:22px;max-height:min(780px,90vh);padding:24px}}
.mska-x{position:absolute;right:10px;top:8px;border:0;background:none;font-size:30px;line-height:1;color:#6b7280;cursor:pointer;padding:6px 8px}
.mska-fej{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;padding:10px 12px;background:#f4f4f5;border-radius:14px;margin-right:34px}
.mska-fej img,.mska-fej .ct-ico-ph{width:48px;height:48px;object-fit:contain;mix-blend-mode:multiply}
.mska-fej b{display:flex;align-items:center;gap:6px;font-size:14px;color:#00873f}.mska-fej b svg{width:15px;height:15px}
.mska-fej span{display:block;font-size:12.5px;color:#4b5563}
.mska h3{margin:4px 0 0;font-size:21px;font-weight:800;letter-spacing:-.01em;color:#111}
.mska-al{margin:-6px 0 0;font-size:14px;color:#6b7280}
.mska-fulek{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;flex:0 0 auto}
.mska-fulek::-webkit-scrollbar{display:none}
.mska-fulek button{flex:0 0 auto;border:1px solid #e2e2e5;background:#fff;border-radius:999px;padding:8px 16px;font:inherit;font-size:14px;font-weight:500;cursor:pointer;color:#111}
.mska-fulek button.on{background:#111;border-color:#111;color:#fff}
.mska-lista{overflow:auto;display:flex;flex-direction:column;gap:8px;min-height:140px;flex:1 1 auto;overscroll-behavior:contain}
.ka-sor{display:grid;grid-template-columns:52px minmax(0,1fr) auto;grid-template-areas:"k t g" "k p g";align-items:center;column-gap:12px;row-gap:2px;padding:8px 10px;border:1px solid #ececee;border-radius:14px}
.ka-k{grid-area:k;width:52px;height:52px;border-radius:10px;background:#f4f4f5;display:grid;place-items:center;overflow:hidden}
.ka-k img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.ka-k svg{width:26px;height:26px;color:#374151}
.ka-t{grid-area:t;font-size:14px;font-weight:600;line-height:1.3;align-self:end}
.ka-t small{display:block;font-size:12px;font-weight:500;color:#6b7280}
.ka-p{grid-area:p;font-size:13.5px;font-weight:700;color:#111;align-self:start}
.ka-gomb{grid-area:g;border:1px solid #111;background:#fff;color:#111;border-radius:999px;padding:8px 14px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}
.ka-gomb.be{background:#00b35c;border-color:#00b35c;color:#fff}.ka-gomb svg{width:14px;height:14px}
.mska-lab{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;flex:0 0 auto;padding-top:2px}
.mska-tovabb{border:1px solid #d1d5db;background:#fff;border-radius:999px;min-height:50px;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;color:#111}
.mska-kosar{display:flex;align-items:center;justify-content:center;text-align:center;border-radius:999px;min-height:50px;background:#00b35c;color:#fff;text-decoration:none;font-size:14.5px;font-weight:700;padding:0 10px}
html.ka-nyitva{overflow:hidden}
.pg-jatek h2{font-size:1.9rem;margin:2.4rem 0 .8rem}
.pg-jatek p,.pg-jatek li{font-size:1.55rem;line-height:1.65}
.pg-jatek ul{padding-left:2rem}
.kup{margin:12px 0 14px}
.kup-link{border:0;background:none;padding:0;color:var(--green-d);font:inherit;font-size:1.4rem;font-weight:700;text-decoration:underline;cursor:pointer}
.kup-sor{display:flex;gap:8px}
.kup-sor input{flex:1;min-width:0;height:44px;border:1.5px solid #d6d9de;border-radius:10px;padding:0 12px;font:inherit;font-size:1.5rem;letter-spacing:.06em;text-transform:uppercase}
.kup-sor input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(0,198,103,.15)}
.kup-sor button{flex:none;border:0;border-radius:10px;background:#111;color:#fff;font:inherit;font-size:1.4rem;font-weight:700;padding:0 16px;cursor:pointer}
.kup-sor button:disabled{opacity:.6}
.kup-chip{display:flex;align-items:center;gap:10px;background:#f2fbf6;border:1.5px dashed var(--green);border-radius:12px;padding:9px 10px 9px 12px}
.kup-ic{font-size:1.8rem}
.kup-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.kup-t b{font-size:1.45rem;letter-spacing:.06em}
.kup-t small{font-size:1.2rem;color:var(--muted2)}
.kup-v{font-weight:800;color:var(--green-d);font-size:1.45rem;white-space:nowrap}
.kup-x{flex:none;width:28px;height:28px;border:0;border-radius:50%;background:#e5e7eb;color:#374151;font-size:1.8rem;line-height:1;cursor:pointer}
.kup-h,.kup-i{margin:7px 0 0;font-size:1.3rem;line-height:1.4}
.kup-h{color:#b42318}.kup-h:empty{display:none}.kup-i{color:var(--muted2)}
.kup-add{border:0;background:none;padding:0;color:var(--green-d);font:inherit;font-weight:800;text-decoration:underline;cursor:pointer}
.ck-tot .kup-sorr dd{color:var(--green-d)}
.klm .mska-panel{max-width:520px}
.klm h3{display:flex;align-items:center;gap:10px}
.kl-logo{display:inline-flex;align-items:center;background:#ffb3c7;color:#0b051d;font-weight:900;font-size:15px;padding:4px 10px;border-radius:8px}
.klbox{min-height:160px;max-height:56vh;overflow:auto}
.kl-tolt{color:#6b7280;font-size:14px;padding:30px 0;text-align:center}
.klhiba{margin:0;color:#c81e1e;font-size:13.5px;min-height:0}
.klhiba:empty{display:none}
#klgo{border:0;cursor:pointer;background:#0b051d}
#klgo:disabled{opacity:.45;cursor:not-allowed}
.ct-added-in{display:grid;grid-template-columns:56px 1fr;gap:12px;background:#fff;border-radius:14px;padding:14px;box-shadow:0 14px 40px rgba(15,23,42,.18);border:1px solid #eceef1}
.ct-added-in img{width:56px;height:56px;object-fit:contain}
.ct-added-in b{display:flex;align-items:center;gap:6px;font-size:1.5rem;color:var(--ink2)}
.ct-added-in b svg{width:16px;height:16px;color:var(--green)}
.ct-added-in span{font-size:1.3rem;color:var(--muted2)}
.ct-added-btns{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ct-added-btns button,.ct-added-btns a{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:999px;font:inherit;font-size:1.35rem;font-weight:800;text-decoration:none;cursor:pointer}
.ct-added-btns button{border:1.5px solid #d1d5db;background:#fff;color:var(--ink2)}
.ct-added-btns a{background:var(--green);color:#fff}

@media (max-width:989px){
  .ct-grid,.ck-grid{grid-template-columns:minmax(0,1fr)}
  .ct-sum,.ck-sumbox{position:static}
  .ct-acc-row,.ck-acc .ct-acc-row{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:749px){
  .ct-page,.ck-page{padding:16px 12px 0}
  .ct-h{font-size:2.4rem}
  .ct-line{grid-template-columns:80px minmax(0,1fr);gap:10px 12px;padding:12px}
  .ct-img{width:80px}
  .ct-line--acc,.ct-line--gift{grid-template-columns:60px minmax(0,1fr)}
  .ct-line--acc .ct-img,.ct-line--gift .ct-img{width:60px}
  .ct-right{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between}
  .ct-right .ct-p{order:2;margin-left:auto}
  .ct-right .ct-rm{order:3}
  .ct-t{font-size:1.55rem}
  .ct-p{font-size:1.6rem}
  .ct-acc-row,.ck-acc .ct-acc-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}
  .ct-acc-row::-webkit-scrollbar{display:none}
  .ct-acc-card{flex:0 0 42%;scroll-snap-align:start}
  .ck-box{padding:16px 14px;border-radius:14px}
  .ck-h{font-size:1.7rem}
  .ck-row2{grid-template-columns:1fr;gap:0}
  .ck-row3{grid-template-columns:110px 1fr}
  .ck-opt{grid-template-columns:auto auto minmax(0,1fr);gap:4px 10px;padding:12px}
  #payopts .ck-opt{grid-template-columns:auto minmax(0,1fr)}
  .ck-opt .ck-op{grid-column:3;grid-row:2;flex-direction:row;align-items:baseline;gap:5px;justify-content:flex-start;text-align:left;color:var(--green-d)}
  #payopts .ck-opt .ck-op{grid-column:2}
  /* telefonon is egy sor: logó, név, ár jobbra */
  .ck-opt,#payopts .ck-opt{grid-template-columns:auto auto minmax(0,1fr) auto!important;gap:0 10px!important}
  .ck-opt .ck-op,#payopts .ck-opt .ck-op{grid-column:4!important;grid-row:1/3!important;flex-direction:column!important;align-items:flex-end!important;text-align:right!important;font-size:1.3rem!important}
  .ck-ot b{font-size:1.35rem!important}
  .ck-opt input{grid-row:1/3}
  .ck-logo{grid-row:1/3}
  .ck-acc .ct-acc-row{display:flex!important}.ck-acc .ct-acc-card{flex:0 0 31%!important}
  .ck-op:empty{display:none}
  .ck-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .ck-tabs button{padding:9px 6px;font-size:1.25rem}
  .ck-logo{width:38px;height:26px;font-size:1rem}
  .ck-ot b{font-size:1.4rem}
  .ct-added{top:auto;bottom:12px;right:12px;left:12px;width:auto}
  .ck-done h1{font-size:2.4rem}
}
.pph{width:70%;height:70%;border-radius:16px}
.pph svg{width:30%;height:30%}
.pills--many{grid-template-columns:repeat(4,minmax(0,1fr));max-height:236px;overflow:auto;padding:2px}
.pills--many .pill{min-height:40px;font-size:13px}
.ct-ico-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#00A857;background:linear-gradient(160deg,#F4F6F8 0%,#EAF7F0 100%)}
.ct-ico-ph svg{width:44%;height:44%}
.ct-added-in .ct-ico-ph{width:56px;height:56px;border-radius:10px}
.ct-added-in .ct-ico-ph svg{width:26px}
a.ct-acc-t{text-decoration:none}
.ms-tab-soon{text-align:center;color:#4b5563;padding:40px 20px;font-size:1.5rem;line-height:1.5}
.pgv{background:var(--bg);padding:10px 0 30px;line-height:1.5}
.pg-wrap{max-width:900px;margin:0 auto;padding:20px 15px}
.pg-doc{max-width:900px;margin:0 auto;padding:28px 15px}
.pg-doc h1{font-size:3rem;font-weight:800;color:var(--ink2);margin:0 0 12px}
.pg-doc-note{font-size:1.35rem;color:var(--muted2);margin:0 0 14px}
.pg-doc-note a{color:var(--green-d)}
.pg-doc iframe{width:100%;height:1000px;border:1px solid #eceef1;border-radius:14px;background:#fff}
.pg-card{background:#fff;border-radius:16px;padding:22px;box-shadow:0 2px 10px rgba(0,0,0,.05);font-size:1.55rem;color:var(--muted2)}
.pg-card ul{padding-left:20px}
.ms-img-ph{display:block;width:100%;aspect-ratio:17/10;background:linear-gradient(135deg,#0a0a0a 0%,#0d2818 100%);border-radius:inherit}

/* ===== admin (Rendelések) ===== */
.adv{background:#f3f5f4;min-height:70vh;padding-bottom:30px;line-height:1.45}
.adv *{box-sizing:border-box}
.adv [hidden],.ad-modal [hidden]{display:none!important}
.ad-top{background:#0B3B2C;color:#fff}
.ad-top-in{max-width:1280px;margin:0 auto;padding:20px 16px 10px;display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap}
.ad-k{font-size:1.15rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9fd8bd}
.ad-top h1{margin:2px 0 0;font-size:2.8rem;font-weight:800;color:#fff}
.ad-top-r{display:flex;gap:10px;flex-wrap:wrap}
.ad-top-r input{border:0;border-radius:999px;padding:10px 16px;font:inherit;font-size:14px;min-width:260px;max-width:100%}
.ad-tabs{max-width:1280px;margin:0 auto;padding:6px 16px 0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.ad-tabs::-webkit-scrollbar{display:none}
.ad-tabs button{border:0;background:none;color:#cfe9dc;font:inherit;font-size:13.5px;font-weight:700;padding:10px 12px;border-radius:10px 10px 0 0;cursor:pointer;white-space:nowrap}
.ad-tabs button.on{background:#f3f5f4;color:#0B3B2C}
.ad-tabs b{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.16);font-size:11.5px;margin-left:6px;padding:0 6px}
.ad-tabs button.on b{background:#0B8A5B;color:#fff}
.ad-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:999px;background:#0B8A5B;color:#fff;font:inherit;font-size:14px;font-weight:700;padding:10px 16px;cursor:pointer;white-space:nowrap;text-decoration:none}
.ad-btn:hover{background:#08734b}
.ad-btn:disabled{opacity:.45;cursor:not-allowed}
.ad-btn--ghost{background:#fff;color:#0B3B2C;border:1.5px solid #cfd8d3}
.ad-btn--ghost:hover{background:#eef5f1}
.ad-btn--danger{background:#fff;color:#b42318;border:1.5px solid #f1c6c1}
.ad-btn--danger:hover{background:#fdf0ee}
.ad-btn svg{width:16px;height:16px}
.ad-body{max-width:1280px;margin:16px auto 0;padding:0 16px;display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:16px;align-items:start}
.ad-list{display:grid;gap:8px}
.ad-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:center;background:#fff;border:1.5px solid transparent;border-radius:12px;padding:11px 12px;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.ad-row:hover{border-color:#cfe5d9}
.ad-row.on{border-color:#0B8A5B}
.ad-row input{width:17px;height:17px;accent-color:#0B8A5B;margin:0}
.ad-row-m{min-width:0}
.ad-row-t{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:800;color:#0f172a}
.ad-row-t small{font-weight:600;color:#6b7280;font-size:12px}
.ad-row-s{font-size:12.5px;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ad-row-r{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.ad-row-p{font-size:14px;font-weight:800;color:#0f172a;white-space:nowrap}
.ad-st{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:800;white-space:nowrap}
.ad-st i{width:7px;height:7px;border-radius:50%;background:currentColor}
.st-fizetesre_var{background:#FFF4E0;color:#a15c00}
.st-csomagolando{background:#E8F0FE;color:#1a56db}
.st-feladva{background:#EDE9FE;color:#6d28d9}
.st-atveheto{background:#E7F5EE;color:#0B8A5B}
.st-lezarva{background:#eef0f2;color:#4b5563}
.st-torolve{background:#fdecec;color:#b42318}
.ad-demo{font-size:10.5px;font-weight:800;letter-spacing:.05em;color:#6b7280;border:1px solid #d1d5db;border-radius:5px;padding:1px 5px}
.ad-detail{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:20px;min-height:300px;position:sticky;top:12px}
.ad-empty{color:#6b7280;text-align:center;padding:60px 10px;font-size:15px}
.ad-dh{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}
.ad-dh h2{margin:0;font-size:2.2rem;font-weight:800;color:#0f172a}
.ad-dh p{margin:3px 0 0;font-size:13px;color:#6b7280}
.ad-steps{display:flex;gap:0;margin:0 0 16px;padding:0;list-style:none;overflow-x:auto}
.ad-steps li{flex:1;min-width:92px;text-align:center;font-size:11.5px;font-weight:700;color:#9aa3ad;position:relative;padding-top:22px}
.ad-steps li::before{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:12px;height:12px;border-radius:50%;background:#e5e7eb;z-index:1}
.ad-steps li::after{content:"";position:absolute;top:11px;left:-50%;width:100%;height:2px;background:#e5e7eb}
.ad-steps li:first-child::after{display:none}
.ad-steps li.done{color:#0B8A5B}
.ad-steps li.done::before,.ad-steps li.done::after{background:#0B8A5B}
.ad-steps li.cur{color:#0f172a}
.ad-steps li.cur::before{background:#fff;border:3px solid #0B8A5B;width:14px;height:14px;top:5px}
.ad-act{display:flex;gap:8px;flex-wrap:wrap;background:#F3FCF7;border:1px solid #cfeedd;border-radius:12px;padding:12px;margin-bottom:16px;align-items:center}
.ad-act-l{font-size:13px;color:#33413a;flex:1 1 220px}
.ad-act-l b{color:#0B3B2C}
.ad-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.ad-card{border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;font-size:13.5px;color:#1f2937}
.ad-card h4{margin:0 0 6px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#6b7280}
.ad-card a{color:#0B8A5B}
.ad-items{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;margin-bottom:14px}
.ad-it{display:flex;justify-content:space-between;gap:10px;padding:9px 14px;border-bottom:1px solid #f1f3f5;font-size:13.5px}
.ad-it small{display:block;color:#6b7280;font-size:12px}
.ad-it.tot{background:#f8faf9;font-weight:800;border-bottom:0}
.ad-sec-h{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#6b7280;font-weight:800;margin:6px 0 8px}
.ad-mails{display:grid;gap:6px}
.ad-mail{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #e5e7eb;border-radius:10px;padding:8px 12px;font-size:13px;background:#fff;cursor:pointer;text-align:left;font:inherit;width:100%}
.ad-mail:hover{border-color:#0B8A5B}
.ad-mail b{font-size:13px}
.ad-mail small{color:#6b7280}
.ad-mail .ok{color:#0B8A5B;font-weight:800;font-size:12px;white-space:nowrap}
.ad-mail.next{border-style:dashed;color:#6b7280}
.ad-mail.next .ok{color:#9aa3ad}
.ad-log{margin:14px 0 0;padding:0;list-style:none;font-size:12.5px;color:#4b5563;display:grid;gap:4px}
.ad-log li::before{content:"• ";color:#0B8A5B}
.ad-confirm{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;color:#b42318}
.ad-note{max-width:1280px;margin:18px auto 0;padding:0 16px;font-size:12.5px;color:#6b7280}
/* modal */
.ad-modal{position:fixed;inset:0;z-index:140;display:none}
.ad-modal.open{display:block}
.ad-modal-scrim{position:absolute;inset:0;background:rgba(15,23,42,.55)}
.ad-modal-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,96vw);height:min(88vh,1000px);background:#fff;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;line-height:1.4}
.ad-modal-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #e5e7eb}
.ad-modal-head h3{margin:0;font-size:15px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ad-modal-head>button{border:0;background:none;font-size:28px;line-height:1;color:#6b7280;cursor:pointer}
.ad-modal-body{flex:1;overflow:auto;background:#EDF1EF}
.ad-modal-body iframe{width:100%;height:100%;border:0;display:block;background:#EDF1EF}
.ad-mailmeta{padding:10px 16px;background:#fff;border-bottom:1px solid #e5e7eb;font-size:13px;color:#33413a}
.ad-mailmeta b{color:#0f172a}
.ad-labels{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:18px}
/* minta címke 100×150 mm */
:is(.ad-labels,#adprint) .lbl{width:100mm;height:150mm;background:#fff;border:1px solid #111;position:relative;overflow:hidden;font-family:Arial,Helvetica,sans-serif;color:#000;display:flex;flex-direction:column;page-break-after:always;break-after:page}
.lbl-h{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #000;padding:3mm 4mm}
.lbl-h b{font-size:7mm;letter-spacing:.5mm}
.lbl-h span{font-size:3mm;text-align:right}
.lbl-sec{padding:3mm 4mm;border-bottom:1px solid #000;font-size:3.2mm;line-height:1.35}
.lbl-sec small{display:block;font-size:2.4mm;text-transform:uppercase;letter-spacing:.3mm;margin-bottom:1mm}
.lbl-to{font-size:4.6mm;font-weight:700;line-height:1.3}
.lbl-bc{padding:3mm 4mm;text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}
.lbl-bc svg{width:86mm;height:26mm}
.lbl-bc div{font-size:4.4mm;font-weight:700;letter-spacing:.8mm;margin-top:1.5mm}
.lbl-f{display:flex;justify-content:space-between;padding:2.5mm 4mm;font-size:3mm;border-top:2px solid #000}
.lbl-wm{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-30deg);font-size:24mm;font-weight:900;color:rgba(220,38,38,.18);letter-spacing:2mm;pointer-events:none}
#adprint{display:none}
@media print{
  body *{visibility:hidden!important}
  #adprint,#adprint *{visibility:visible!important}
  #adprint{display:block!important;position:absolute;left:0;top:0}
  @page{size:100mm 150mm;margin:0}
  #adprint .lbl{border:0}
}
@media (max-width:900px){
  .ad-steps li{min-width:0}
  .ad-body{grid-template-columns:minmax(0,1fr)}
  .ad-detail{position:static}
  .ad-grid{grid-template-columns:1fr}
  .ad-top-r input{min-width:0;flex:1}
  .ad-top-r{width:100%}
  .ad-modal-panel{width:100vw;height:100vh;border-radius:0}
}