/* ── penztar-shop-1022.css ── */
/* [PENZTAR-SHOP-1022] Olivér 10-22: „mindkettőt ilyen shopifyosra kéne csinálni (CSAK a design vibe-ot)… örülnék, ha relatív egységesebb lenne az OI és a Griff”
   → a Shopify-pénztár hangulata, csak kinézet (a mezők, a sorrend és a működés változatlan): gépen fehér űrlap + SZÜRKE összesítő (#F5F5F5, a lap jobb széléig,
   ebben a pénztárban Olivér kifejezett kérésére, 10-22 „szürke meg minden”), 1 px-es #DEDEDE hajszálvonal, 48 px-es mezők 8 px-es sarokkal, 21/600 szakaszcím,
   halk szürke (#707070) kísérőszöveg, kiválasztott kártya = fekete 1 px keret + szürke alap, 64 px-es négyzetes tételkép számláló-pöttyel, vonal nélküli összesítő,
   nagy végösszeg, a fő gomb a lap végén (nem lebeg). UGYANEZEK az értékek mennek az OI75-pénztárba is (közös nyelv). Utolsó CSS-modul; az appban a gomb-sziget marad. */
.co-pg,.hd.co{--sx-side:#F5F5F5;--sx-line:#DEDEDE;--sx-mute:#707070;--sx-r:8px;--sx-sel:#F5F5F5}

/* ---------- fejléc: fehér sáv, alján hajszálvonal ---------- */
html:not(.is-app) .hd.co,html:not(.is-app) .hd.co.sc,html:not(.is-app) .hd.co.away{border-bottom:1px solid var(--sx-line)!important;box-shadow:none!important}
html:not(.is-app) .hd.co .co-back{font-weight:500}
html:not(.is-app) .hd.co .co-lock{color:var(--sx-mute)}

/* ---------- szakaszok ---------- */
.co-pg .co-sec{margin-top:32px}
.co-pg .co-sec:first-child,.co-pg #co-s-xp[hidden]+.co-sec{margin-top:0}
.co-pg .co-sec>h2{font-size:21px;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin-bottom:14px}
.co-pg .co-extra{margin-top:20px}
.co-pg .co-fin{margin-top:28px}
.co-pg .co-mhint,.co-pg .co-hu,.co-pg .co-legal,.co-pg .co-note,.co-pg .co-code>p,.co-pg .co-code .co-ch{color:var(--sx-mute)}
.co-pg .co-mhint{font-size:13px;line-height:1.5;margin:0}
.co-pg .co-more{font-size:13px;font-weight:500}

/* ---------- mezők: 48 px, 1 px hajszálvonal, 8 px sarok, felirat a mezőben ---------- */
.co-pg .fld{margin-bottom:12px}
.co-pg .fld input,.co-pg .fld select,.co-pg .fld textarea{height:48px;border-radius:var(--sx-r);box-shadow:inset 0 0 0 1px var(--sx-line);padding:20px 13px 4px;font-weight:400;background:#fff}
.co-pg .fld textarea{height:auto;min-height:96px;padding-top:24px}
.co-pg .fld label{left:13px;top:14px;font-size:14px;color:var(--sx-mute)}
.co-pg .fld input:focus+label,.co-pg .fld input:not(:placeholder-shown)+label,.co-pg .fld textarea:focus+label,.co-pg .fld textarea:not(:placeholder-shown)+label,.co-pg .fld select+label,.co-pg .fld.pre label{top:6px;font-size:12px;color:var(--sx-mute)}
.co-pg .fld .pf{left:13px;top:21px;font-weight:400}
.co-pg .fld.pre input{padding-left:50px}
.co-pg .fld input:focus,.co-pg .fld select:focus,.co-pg .fld textarea:focus{box-shadow:inset 0 0 0 2px var(--ink)}
.co-pg .fld.bad input,.co-pg .fld.bad select{box-shadow:inset 0 0 0 2px var(--err)}
.co-code .otp input{height:48px;border-radius:var(--sx-r);box-shadow:inset 0 0 0 1px var(--sx-line)}
.co-pg .co-code{border-color:var(--sx-line)}
.co-pg .co-verbox{border-radius:var(--sx-r);box-shadow:inset 0 0 0 1px var(--sx-line)}
@media (min-width:1024px) and (hover:hover) and (pointer:fine){   /* gépen 14 px-es betű a mezőben (telefonon 16 px marad: alatta az iPhone ránagyít) */
  .co-pg .fld input,.co-pg .fld select,.co-pg .fld .pf{font-size:14px}
  .co-pg .fld .pf{top:22px}
}

/* ---------- választó-kártyák (szállítás, fizetés): 1 px vonal, kiválasztva fekete 1 px + szürke alap ---------- */
.co-pg .opt{border-radius:var(--sx-r);box-shadow:inset 0 0 0 1px var(--sx-line);background:#fff;padding:16px}
.co-pg .opt.on{box-shadow:inset 0 0 0 1px var(--ink);background:var(--sx-sel)}
.co-pg .opt b,.co-pg .opt .opt-t{font-weight:600}
.co-pg .opt .opt-s,.co-pg .opt span{color:var(--sx-mute)}
.co-pg .opt .pr{font-weight:600;color:var(--ink)}
.co-pg .opt-w{border-radius:var(--sx-r);box-shadow:inset 0 0 0 1px var(--ink);background:var(--sx-sel)}
.co-pg #co-s-pay:has(#co-cfw:not([hidden])) .opt-w.co-optk,
.co-pg #co-s-pay:has(#co-iw:not([hidden])) #co-paysw .opt.on{border-radius:var(--sx-r) var(--sx-r) 0 0;box-shadow:inset 1px 0 0 var(--ink),inset -1px 0 0 var(--ink),inset 0 1px 0 var(--ink);background:var(--sx-sel)}
.co-pg .co-cfw,.co-pg #co-iw{border-radius:0 0 var(--sx-r) var(--sx-r);box-shadow:inset 1px 0 0 var(--ink),inset -1px 0 0 var(--ink),inset 0 -1px 0 var(--ink);background:var(--sx-sel)}
.co-pg .co-cf{border-radius:var(--sx-r);box-shadow:inset 0 0 0 1px var(--sx-line);background:#fff}
.co-pg .co-cf.co-cf-on{box-shadow:inset 0 0 0 2px var(--ink)}
.co-pg .co-sec.bad .opt:not(.on){box-shadow:inset 0 0 0 1px var(--err)}

/* ---------- kupon, gyorsfizetés, tájékoztató-linkek ---------- */
.co-pg .co-kup .btn{border-radius:var(--sx-r);height:48px;background:var(--sx-side);color:var(--ink);box-shadow:inset 0 0 0 1px var(--sx-line);font-weight:600}
.co-pg .co-kup.on{border-radius:var(--sx-r)}
.co-pg .or-line{font-size:13px;color:var(--sx-mute)}
.co-pg .or-line::before,.co-pg .or-line::after{background:var(--sx-line)}
.co-pg .co-xpor{margin:24px 0 0}
.co-pg .co-links{margin-top:32px;padding-top:12px;gap:0 16px;border-top:1px solid var(--sx-line)}
.co-pg .co-links a{font-size:12px;font-weight:400;color:var(--ink);text-decoration:underline;text-underline-offset:3px}

/* ---------- összesítő: négyzetes 64 px-es kép számlálóval, vonal nélküli sorok, nagy végösszeg ---------- */
.co-lines .si{grid-template-columns:64px minmax(0,1fr) auto;gap:14px;padding:7px 0}
.co-lines .si .im{width:64px;height:64px;border-radius:var(--sx-r);background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.1)}
.co-lines .si .im img{width:64px;height:64px;aspect-ratio:auto;object-fit:cover;object-position:50% 15%;border-radius:var(--sx-r);background:#fff}
.co-lines .si .q{top:-8px;right:-8px;min-width:22px;height:22px;border-radius:11px;padding:0 6px;background:var(--ink);font-size:12px;font-weight:600}
.co-lines .si b{font-size:14px;font-weight:500}
.co-lines .si span{font-size:12.5px;color:var(--sx-mute)}
.co-lines .si .pr{font-size:14px;font-weight:500}
.co-pg .co-sum{margin-top:20px;padding-top:0;border-top:0;gap:9px;font-size:14px}
.co-pg .co-sum .free{color:var(--ink)}
.co-pg .co-sum .tot{margin-top:6px;padding-top:0;border-top:0;font-size:19px;font-weight:600;letter-spacing:-.01em}
.co-pg .co-sum .sm{font-size:13px;color:var(--sx-mute)}
.co-pg .co-left{color:var(--sx-mute)}
.co-pg .co-trust{margin-top:24px;border-top:1px solid var(--sx-line)}
.co-pg .co-trust li{border-bottom:0;padding:12px 0 0}
.co-pg .co-trust span{color:var(--sx-mute)}

/* ---------- telefon / tablet: felül szürke, lenyitható összesítő-sáv ---------- */
.co-pg .co-sm{background:var(--sx-side);border-bottom:1px solid var(--sx-line)}
.co-pg .co-sm>button{min-height:56px;font-weight:500}
.co-pg .co-sm>button b{font-size:17px;font-weight:600}
.co-pg .co-sm .co-items{padding-bottom:20px}

/* ---------- a fő gomb a lap végén (web; az appban a lebegő sziget marad) ---------- */
html:not(.is-app) .co-pg .co-isl{position:static;display:block;left:auto;right:auto;bottom:auto;transform:none;width:auto;height:auto;z-index:auto;margin:24px 0 0;padding:18px 0 0;border-radius:0;background:none;color:var(--ink);box-shadow:none;border-top:1px solid var(--sx-line)}
html:not(.is-app) .co-pg .co-isl[hidden]{display:none}
html:not(.is-app) .co-pg .co-isl::before,html:not(.is-app) .co-pg .co-isl::after{content:none;display:none}
html:not(.is-app) .co-pg .co-islt{flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}
html:not(.is-app) .co-pg .co-islt span{font-size:15px;font-weight:500;color:var(--ink)}
html:not(.is-app) .co-pg .co-islt b{font-size:19px;font-weight:600;color:var(--ink)}
html:not(.is-app) .co-pg .co-isl .btn,html:not(.is-app) .co-pg .co-isl .btn.co-go.co-go2{display:flex;width:100%;max-width:none;height:56px;padding:0 20px;font-size:15px;font-weight:600;white-space:normal;line-height:1.2;letter-spacing:0}
html:not(.is-app) .co-pg .co-isl .btn[hidden]{display:none}
@media (max-width:1023px){
  html:not(.is-app) .co-pg .co-main{padding-bottom:40px}
}

/* ---------- gép: fehér űrlap balra, szürke összesítő jobbra a lap széléig; a fejléc a két oszlop tartalmához igazodik ---------- */
@media (min-width:1024px){
  #main:has(> .co-pg){max-width:none}
  .co-pg{grid-template-columns:minmax(0,calc(50% + 60px)) minmax(0,1fr)}
  .co-pg .co-main,html:not(.is-app) body:has(#hd.co) .co-pg .co-main{max-width:600px;width:100%;margin:0 0 0 auto;padding:40px 40px 64px}
  .co-pg .co-aside,html:not(.is-app) body:has(#hd.co) .co-pg .co-aside{background:var(--sx-side);border-left:1px solid var(--sx-line);padding:40px 40px 64px}
  .co-pg .co-in,html:not(.is-app) body:has(#hd.co) .co-pg .co-in{position:sticky;top:24px;max-width:440px;padding-left:0;border-left:0}
  .co-pg .co-in>h2{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}   /* a Shopify-ban sincs „Rendelésed” cím (az aside aria-label mondja) */
  html:not(.is-app) .hd.co .hd-in{max-width:none;
    padding:0 calc(50% - 101px - min(440px,50% - 141px)) 0 calc(50% + 20px - min(520px,50% - 20px))!important}
}

/* ---------- [PENZTAR-1026] Olivér 10-26: szállítás egy halk sorban, klubár-sor belépés előtt, a kupon a többi „+” sor ritmusában ---------- */
.co-pg .co-ships{margin-top:8px}
.co-ship1{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.4;padding:4px 0}
.co-ship1>span{flex:1;min-width:0;color:var(--sx-mute)}
.co-ship1>span b{color:var(--ink);font-weight:500}
.co-ship1>b{font-weight:600;white-space:nowrap}
.co-ship1 svg{flex:none;color:var(--ink)}
.co-pg .co-fin{margin-top:0;padding-top:0}
.co-pg .co-kupw{margin:0 0 14px}
.co-pg .co-kupw .co-more{margin:0;display:flex}
.co-pg .co-klubh{font-size:13px;color:var(--sx-mute)}
.co-pg .co-klubh span:last-child,.co-pg .co-klubh b{font-weight:600;color:var(--ink)}

/* ---------- [CIMKARTYA-1026] visszatérő vevő: a mentett cím és a futár egy kártyán, közös rácson (ikon 22 px · szöveg · jobbra a gomb/díj); „legutóbb” a fizetési módon ---------- */
.co-pg .co-adsum{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:12px;align-items:start;padding:16px;border-radius:var(--sx-r) var(--sx-r) 0 0;box-shadow:inset 0 0 0 1px var(--sx-line);background:#fff}
.co-pg .co-adsum[hidden],.co-pg #co-adf[hidden]{display:none}
.co-pg .co-adi{display:flex;height:22px;align-items:center;color:var(--ink)}
.co-pg .co-adi svg{width:20px;height:20px}
.co-pg .co-adt{min-width:0}
.co-pg .co-adt b{display:block;padding-right:88px;font-size:15px;line-height:22px;font-weight:600;color:var(--ink)}
.co-pg .co-adt span{display:block;margin-top:4px;font-size:14px;line-height:1.45;color:var(--ink);overflow-wrap:anywhere}
.co-pg .co-adt .co-adtel{margin-top:2px;color:var(--sx-mute)}
.co-pg .co-adsum .lnk{position:absolute;top:16px;right:16px;font-size:14px;line-height:22px;font-weight:600;white-space:nowrap;padding:0}
.co-pg.co-adon #co-s-addr{padding-bottom:0}
.co-pg.co-adon .co-ships{margin-top:-1px;padding:14px 16px;border-radius:0 0 var(--sx-r) var(--sx-r);box-shadow:inset 0 0 0 1px var(--sx-line);background:#fff}
.co-pg.co-adon .co-ship1{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:12px;align-items:start;padding:0}
.co-pg.co-adon .co-ship1 svg{width:20px;height:20px;margin-top:1px}
.co-pg.co-adon .co-ship1>span{color:var(--ink)}
.co-pg.co-adon .co-ship1>span b{display:block;font-weight:600;font-size:15px;line-height:22px}
.co-pg.co-adon .co-eta{display:block;margin-top:2px;color:var(--sx-mute)}
.co-pg.co-adon .co-eta i{display:none}
.co-pg.co-adon .co-eta:first-letter{text-transform:uppercase}
.co-pg.co-adon .co-ship1>b{position:absolute;top:0;right:0;font-size:15px;line-height:22px}
.co-pg.co-adon .co-ship1>span>b{padding-right:96px}
.co-eta i{font-style:normal}
.co-pg .opt .co-leg{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:var(--sx-side);box-shadow:inset 0 0 0 1px var(--sx-line);color:var(--ink);font-size:11px;font-weight:600;line-height:16px;vertical-align:1px}
.co-pg .co-legal .co-legl{white-space:nowrap}   /* [ROVID-JOG-1026] a két link egy sorban */
/* [XP-GF-1026] gyorsfizetés: „Klubáron, és +X Griff Forint jár rá” */
.co-xpgf{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12.5px;line-height:1.4;color:var(--sx-mute,#707070);margin:10px 0 0}
.co-xpgfc{width:18px;height:18px;border-radius:50%;flex:none;display:inline-grid;place-items:center;font-size:10px;font-weight:700;color:#7a4b00;background:radial-gradient(circle at 35% 30%,#ffd98a,#e0a42c)}
/* [CIMKARTYA-1026] szerkesztés a kártyán belül: ugyanaz a keret, alul Mégse · Mentés, alatta a futár-sor */
.co-pg.co-aded #co-adf{padding:16px 16px 14px;border-radius:var(--sx-r) var(--sx-r) 0 0;box-shadow:inset 0 0 0 1px var(--sx-line);background:#fff}
.co-pg.co-aded #co-adf .fld:first-child{margin-top:0}
.co-pg .co-adbar{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-top:14px}
.co-pg .co-adbar[hidden]{display:none}
.co-pg .co-adbar .lnk{font-size:14px;font-weight:600}
.co-pg .co-adbar .co-adok{height:42px;padding:0 26px;font-size:14px}
.co-pg.co-aded .co-ships{padding:14px 16px}
/* [PENZTAR-1010-1026] nyugodtabb lap: kisebb szakaszcímek, belépve egy sor, a ritka lehetőségek egy sor mögött */
.co-pg .co-sec>h2{font-size:17px;font-weight:600;margin-bottom:12px}
.co-pg.co-isver #co-s-mail>h2{display:none}
.co-pg .co-ver1{display:flex;align-items:center;gap:8px;font-size:14px;padding:2px 0}
.co-pg .co-ver1 svg{flex:none;color:var(--ok,#1f8a4c)}
.co-pg .co-ver1 b{flex:1;min-width:0;font-weight:500;overflow-wrap:anywhere}
.co-pg .co-ver1 .co-chg{font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
/* [KUPON-SIMA-1027] a kupon-mező és a futár-megjegyzés mindig elérhető (a „+ Kupon, megjegyzés” gomb kikerült) */
.co-pg.co-xtra-on .co-xtra-b{display:none}
.co-pg .co-xtra-b{margin:6px 0 4px}

/* ---------- [SHOPIFY-1026] Olivér: „a leginkább tesztelt checkouthoz hasonlót” → Shopify-szerkezet Griff-narancsban; a mi dolgaink maradnak ---------- */
.co-pg{--sx-r:12px;--sx-sel:#fff6ef;--acc:#e5621a}
.co-sm button>span{color:var(--acc);font-weight:500}
.co-sm button>span svg{color:var(--acc)}
.co-pg .co-sec>h2{font-size:25px;font-weight:700;letter-spacing:-.02em;margin-bottom:14px}
.co-pg.co-isver #co-s-mail>h2{display:none}
.co-pg .co-ver1{gap:12px;padding:4px 0}
.co-pg .co-pill{font-size:13px;font-weight:700;color:var(--acc);background:var(--sx-sel);border-radius:999px;padding:5px 11px;flex:none}
.co-pg .co-ver1 b{text-align:right;font-weight:400}
.co-pg .co-ver1 .co-chg{text-decoration:none;font-size:20px;line-height:1;padding:0 2px;color:var(--ink)}
.co-pg .co-ver1 .co-chg{font-size:13px;color:var(--acc);font-weight:600}
/* címdoboz: kerek, egyben; a szállítási mód külön doboz alatta */
.co-pg .co-adsum,.co-pg.co-adon .co-adsum{display:block;border-radius:var(--sx-r);padding:16px 18px}
.co-pg .co-adt small{display:block;font-size:12.5px;color:var(--sx-mute);margin-bottom:4px}
.co-pg .co-adt b{padding-right:96px}
.co-pg .co-adsum .lnk{top:16px;right:18px;color:var(--acc);text-decoration:none;font-size:13.5px}
.co-pg.co-aded #co-adf{border-radius:var(--sx-r)}
.co-pg .co-ships,.co-pg.co-adon .co-ships,.co-pg.co-aded .co-ships{margin-top:26px;padding:0;border-radius:0;box-shadow:none;background:none}
.co-pg .co-h3{font-size:17px;font-weight:700;margin:0 0 12px}
.co-pg .co-ship1,.co-pg.co-adon .co-ship1{display:flex;position:static;align-items:center;gap:12px;border-radius:var(--sx-r);box-shadow:inset 0 0 0 1px var(--ink);background:var(--sx-sel);padding:16px 18px}
.co-pg .co-ship1 svg{display:none}
.co-pg .co-ship1>span,.co-pg.co-adon .co-ship1>span{color:var(--ink);flex:1}
.co-pg .co-ship1>span>b{display:block;font-weight:600;font-size:15px;padding:0}
.co-pg .co-eta{display:block;margin-top:2px;color:var(--sx-mute);font-size:13.5px}
.co-pg .co-eta i{display:none}
.co-pg .co-eta:first-letter{text-transform:uppercase}
.co-pg .co-ship1>b,.co-pg.co-adon .co-ship1>b{position:static;font-size:15px}
/* fizetés */
.co-pg .co-secure{color:var(--sx-mute);font-size:14px;margin:-8px 0 14px}
.co-pg .opt.on{box-shadow:inset 0 0 0 1.5px var(--acc);background:var(--sx-sel)}
.co-pg .opt.on .rd,.co-pg .opt.on .radio{border-color:var(--acc)}
/* ritka lehetőségek: körvonalas gomb, mint a Shopify „Add discount” */
.co-pg .co-xtra-b{display:inline-flex;align-items:center;gap:8px;border-radius:var(--sx-r);box-shadow:inset 0 0 0 1px var(--sx-line);padding:12px 16px;font-size:14px;font-weight:600;text-decoration:none;margin:18px 0 6px}
.co-pg .co-xtra-b span,.co-pg .co-xtra-b{text-decoration:none}
/* gyorsfizetés felül: halk felirat, „vagy” vonallal */
.co-pg .co-xptop>h2{font-size:13px;font-weight:500;color:var(--sx-mute);text-align:center;margin-bottom:10px}
.co-pg .co-xpap{font-size:12px;color:var(--sx-mute);text-align:center;margin:6px 0 0;line-height:1.45}
.co-pg .co-xtra-b{margin-bottom:22px}
.co-pg .co-finsum h2{font-size:17px}
/* [SHOPIFY-1026] 2. kör: záró sor kép · Összesen · ár; webes elrendezésben a gomb fölötti Fizetendő-sor helyett ez; narancs rádió; pipák a gomb alatt */
.co-pg .co-finsum{margin:6px 0 0;padding:0;border:0}
.co-pg .co-finsum h2{display:none}
.co-pg .co-totr{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:4px 0;background:none;border:0;cursor:pointer;color:var(--ink)}
.co-pg .co-toti{position:relative;width:56px;height:64px;border-radius:10px;overflow:visible;flex:none;background:var(--sx-side);box-shadow:0 0 0 1px var(--sx-line)}
.co-pg .co-toti img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.co-pg .co-toti i{position:absolute;top:-7px;right:-7px;min-width:22px;height:22px;border-radius:11px;background:#555;color:#fff;font-size:12px;font-style:normal;display:grid;place-items:center;padding:0 5px}
.co-pg .co-tott{flex:1;min-width:0}
.co-pg .co-tott b{display:block;font-size:19px;font-weight:700}
.co-pg .co-tott small{display:block;font-size:13px;color:var(--sx-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.co-pg .co-totp{font-size:21px;font-weight:700;white-space:nowrap}
.co-pg .co-fl{margin-top:10px}
.co-pg .co-fl[hidden]{display:none}
html:not(.is-app) .co-pg .co-islt{display:none}
html:not(.is-app) .co-pg .co-isl{border-top:0;margin-top:14px;padding-top:0}
.co-pg .co-isl .co-accw{margin-top:18px}
.co-pg .opt.on .rd{box-shadow:inset 0 0 0 7px var(--acc)}
/* [SHOPIFY-1026] a kinyitott Bankkártya / tárca kerete is narancs (mint a többi kijelölt elem) */
.co-pg .opt-w{box-shadow:inset 0 0 0 1.5px var(--acc)}
.co-pg #co-s-pay:has(#co-cfw:not([hidden])) .opt-w.co-optk,
.co-pg #co-s-pay:has(#co-iw:not([hidden])) #co-paysw .opt.on{box-shadow:inset 1.5px 0 0 var(--acc),inset -1.5px 0 0 var(--acc),inset 0 1.5px 0 var(--acc)}
.co-pg .co-cfw,.co-pg #co-iw{box-shadow:inset 1.5px 0 0 var(--acc),inset -1.5px 0 0 var(--acc),inset 0 -1.5px 0 var(--acc)}
.co-pg .opt-w .opt.on{box-shadow:none}
/* [KEVESEBB-1026] Olivér: „strokeot kapok annyi info” → a pénztárban kevesebb sor: belépve csak a cím + Másik (halkan, pirula nélkül),
   a gyorsfizetés alatti GF-sor csak a terméklapon/kosárban, a címdobozban nincs „Szállítás ide”, nincs „Szállítási mód” cím és „Minden fizetés titkosított” sor */
.co-pg .co-pill{display:none}
.co-pg .co-ver1{justify-content:space-between;font-size:13.5px;color:var(--sx-mute)}
.co-pg .co-ver1 b{text-align:left;color:var(--sx-mute)}
.co-pg .co-xptop .co-xpgf,.co-pg .co-xptop .co-xpap{display:none}
.co-pg .co-adt small{display:none}
.co-pg .co-h3{display:none}
.co-pg .co-ships,.co-pg.co-adon .co-ships,.co-pg.co-aded .co-ships{margin-top:10px}
.co-pg .co-secure{display:none}
/* [SHOPIFY-1026] összefoglaló doboz: Kapcsolat + Szállítás ide sorok (címke · tartalom · Módosítás), az e-mail-szakasz ilyenkor rejtve */
.co-pg .co-adsum,.co-pg.co-adon .co-adsum{display:block;padding:0}
.co-pg .co-adr{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;padding:14px 16px;font-size:14px;line-height:1.45}
.co-pg .co-adr+.co-adr{border-top:1px solid var(--sx-line)}
.co-pg .co-adr small{grid-column:1;font-size:12.5px;color:var(--sx-mute)}
.co-pg .co-adr span{grid-column:1;color:var(--ink);overflow-wrap:anywhere}
.co-pg .co-adr .lnk{grid-column:2;grid-row:1/3;align-self:center;position:static;color:var(--acc);font-weight:600;font-size:13.5px;text-decoration:none;white-space:nowrap}
.co-pg.co-isver.co-adon:not(.co-aded) #co-s-mail{display:none}
.co-pg.co-isver.co-adon:not(.co-aded) #co-s-addr{margin-top:0}
/* [VALODI-TARCA-1027] Shopify: hírlevél-pipa az e-mail / az összefoglaló doboz alatt; Kapcsolat cím */
.co-pg .co-newsw{margin:12px 0 0}
.co-pg .co-newsw .chk span{font-size:14px;color:var(--ink)}
.co-pg #co-s-addr>.co-newsw{margin:12px 0 0}
.co-pg .co-xptop>h2{display:block}
.co-pg .co-adr span em{font-style:normal;color:var(--sx-mute)}
.co-pg .co-accw .co-newsw{margin-top:14px}


/* ================= [REVIEW-1027] 4 független átnézés + összefésülés (Shopify-mintához mérve) ================= */
/* egységes tokenek */
.co-pg{--mute:#707070;--line:#DEDEDE}
/* fizetés: EGY doboz, sorok hajszálvonallal, kijelölt sor 1 px narancs + halvány árnyalat, alatta keret nélküli szürke panel */
.co-pg #co-s-pay>[role=radiogroup]{border-radius:var(--sx-r);overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px var(--sx-line)}
.co-pg #co-s-pay .opt-w,.co-pg #co-s-pay:has(#co-cfw:not([hidden])) .opt-w.co-optk{margin:0;border-radius:0;background:none;box-shadow:none}
.co-pg #co-s-pay .opt,.co-pg #co-s-pay .co-cfw,.co-pg #co-s-pay #co-iw{margin:0 0 -1px;border:0;border-radius:0;background:none;box-shadow:inset 0 1px 0 var(--sx-line)}
.co-pg #co-s-pay .opt.on,.co-pg #co-s-pay:has(#co-cfw:not([hidden])) .opt-w.co-optk .opt.on,.co-pg #co-s-pay:has(#co-iw:not([hidden])) #co-paysw .opt.on{position:relative;z-index:1;margin:0 0 -1px;border:0;border-radius:0;background:var(--sx-sel);box-shadow:inset 0 0 0 1px var(--acc)}
.co-pg #co-s-pay .co-cfw,.co-pg #co-s-pay #co-iw{padding:16px;background:rgba(0,0,0,.04)}
.co-pg #co-pays2>.opt:first-child,.co-pg #co-pays2:empty+#co-pays>:first-child{border-radius:var(--sx-r) var(--sx-r) 0 0}
.co-pg #co-s-pay .opt:focus-visible{outline:2px solid var(--acc);outline-offset:-3px}
.co-pg #co-s-pay.bad>[role=radiogroup]{box-shadow:inset 0 0 0 1px var(--err)}
@media (hover:hover){.co-pg #co-s-pay .opt:not(.on):not([disabled]):hover{box-shadow:inset 0 1px 0 var(--sx-line);background:rgba(0,0,0,.02)}}
.co-pg #co-s-pay .co-cfw .co-cl{display:none}
/* nem kijelölt módnál nincs alsor (a díj és a „legutóbb” a címsorban marad) */
.co-pg #co-s-pay .opt:not(.on):not([disabled]):not([data-v=saved]) .opt-s{display:none}
.co-pg .opt[data-v="kartya"]:not([disabled]) .opt-s{display:none}
/* kártyamező = a többi mező */
.co-pg .co-cf{min-height:48px;display:flex;align-items:center;background:#fff;border-radius:var(--sx-r);box-shadow:inset 0 0 0 1px var(--sx-line);padding:0 14px}
.co-pg .co-cf.co-cf-on{box-shadow:inset 0 0 0 2px var(--ink)}
.co-pg .co-cf.co-cf-bad,.co-pg .co-cf:has(+.co-err:not([hidden])){box-shadow:inset 0 0 0 2px var(--err)}
.co-pg .co-cfw .chk.co-save{margin-top:12px;padding:0}
.co-pg .co-cfw .chk span{font-size:14px;color:var(--ink)}
/* felső tárca mellett a lenti tárca-opció dupla → rejtve (kuponnál a felső rejtett, ott marad) */
.co-pg #co-s-xp:not([hidden]):not(.kup-off) ~ #co-s-pay :is(#co-paysw,#co-iw){display:none}
/* futár: semleges doboz, mint az összefoglaló */
.co-pg .co-ship1,.co-pg.co-adon .co-ship1{box-shadow:inset 0 0 0 1px var(--sx-line);background:#fff;padding:16px;align-items:flex-start}
.co-pg .co-ship1>span>b,.co-pg .co-ship1>b,.co-pg.co-adon .co-ship1>b{line-height:22px}
/* fő gomb: lapos, egyszínű, a mezők sugarával */
html:not(.is-app) .co-pg .co-isl .btn.co-go{border-radius:var(--sx-r)}
html:not(.is-app) .co-pg .co-isl .btn.p.co-go:not([disabled]):not(.off){background:var(--acc);box-shadow:none!important}
@media (hover:hover) and (pointer:fine){html:not(.is-app) .co-pg .co-isl .btn.p.co-go:not([disabled]):not(.off):hover{background:#cf5513}}
html:not(.is-app) .co-pg .co-isl .btn.p.co-go:not([disabled]):not(.off):active{background:#b9490f}
/* belépett vevő: nincs „Szállítás” cím a Kapcsolat/Szállítás ide doboz fölött, rendes térköz a „vagy” után */
.co-pg.co-isver.co-adon:not(.co-aded) #co-s-xp:not([hidden]):not(.kup-off)~#co-s-addr{margin-top:24px}
.co-pg.co-isver.co-adon:not(.co-aded) #co-addr-h{display:none}
/* címsorok és Összesen */
.co-pg .co-sec:not(.co-xptop)>h2{font-size:21px;font-weight:600;letter-spacing:-.01em;margin-bottom:12px}
.co-pg .co-tott b{font-size:17px;font-weight:600}
.co-pg .co-totp{font-size:21px;font-weight:600}
.co-pg .co-totr>svg{flex:none;margin-left:-8px;color:var(--ink)}
.co-pg .co-totr[aria-expanded="true"]>svg{transform:rotate(180deg)}
/* rádiók és pipák: 18 px, egységesen narancs */
.co-pg .opt{grid-template-columns:18px minmax(0,1fr) auto}
.co-pg .rd{width:18px;height:18px;margin-top:2px}
.co-pg .opt.on .rd{box-shadow:inset 0 0 0 6px var(--acc)}
.co-pg .opt-x{padding-left:46px}
.co-pg .chk{grid-template-columns:18px minmax(0,1fr);gap:10px}
.co-pg .chk .bx{width:18px;height:18px;border-radius:4px;margin-top:1px}
.co-pg .chk.on .bx{background:var(--acc);box-shadow:none}
.co-pg .chk .bx svg{width:12px;height:12px}
.co-pg .chk-msg,.co-pg .co-legal{margin-left:28px}
/* összefoglaló sorok: Módosítás a címke sorában, a cím teljes szélességben */
.co-pg .co-adr{padding:16px}
.co-pg .co-adr span{grid-column:1/-1}
.co-pg .co-adr .lnk{grid-row:1;align-self:start;font-weight:500;font-size:14px;line-height:20px}
.co-pg #co-s-addr>.co-newsw{margin:12px 0 0}
/* betűméretek egy rendszerben */
.co-pg .opt>.opt-t,.co-pg .co-ship1>span>b{font-size:15px;font-weight:600;line-height:22px}
.co-pg .opt>.pr,.co-pg .co-ship1>b,.co-pg.co-adon .co-ship1>b{font-size:14px;font-weight:600}
.co-pg .opt>.opt-s,.co-pg .co-eta,.co-pg .co-adr small,.co-pg .co-legal,.co-pg .co-xptop .co-xpn{font-size:13px;line-height:1.45;color:var(--sx-mute)}
/* Griff Forint: kompakt sor címsor nélkül */
.co-pg #co-s-gf{margin-top:16px;padding:12px 16px;border-radius:var(--sx-r);box-shadow:inset 0 0 0 1px var(--sx-line)}
.co-pg #co-s-gf>h2{display:none}
/* [KET-GOMB-1027] gyorsfizetés: Apple Pay és Google Pay egymás mellett (ami az eszközön nincs, az rejtve) */
.co-xpbtn{display:flex;gap:8px}
.co-xpbtn>div{flex:1 1 0;min-width:0}
.co-xpbtn>div[hidden]{display:none}
.co-pg .co-adr span{line-height:1.5}
/* [REVOLUT-PAY-1027] Revolut Pay mód: fekete „R” jel, a doboz a tárca-dobozzal azonos (#co-iw); a felső tárca rejtése nem érinti */
html .co-pg .co-isl .btn.co-go.co-go-rp,html:not(.is-app) .co-pg .co-isl .btn.co-go.co-go2.co-go-rp{display:none}
/* [REVOLUT-PAY-1027] 2. kör (Olivér: „undorító”): a Revolut Pay panel csak a fekete gomb, magyarázó sor és a Revolut-reklámsáv nélkül */
.co-pg #co-rpb>div{height:50px!important;min-height:50px!important;overflow:hidden!important;border-radius:var(--sx-r)}
.co-pg .opt[data-v="revolut"].on .opt-s{display:none}
/* ================= [MODERN-1027] Olivér: „nem átmenetes… az egész checkout design nagyon régimódi” =================
   → a pénztár a rendszer saját betűjével (iPhone: SF Pro, Android: Roboto, gépen Segoe/Inter), ahogy a Shopify és a natív appok; a logó és a fejléc marad.
   Kijelölésnél nincs narancs háttérfolt, csak narancs keret; a fő gomb a Griff átmenetes narancsa, pirula, puha árnyékkal. */
.co-pg,.co-pg button,.co-pg input,.co-pg select,.co-pg textarea{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:-.005em}
.co-pg{--sx-sel:#fff;font-size:15px}
.co-pg .co-sec:not(.co-xptop)>h2{font-size:22px;font-weight:700;letter-spacing:-.02em}
.co-pg .opt>.opt-t,.co-pg .co-ship1>span>b,.co-pg .co-adr span{font-weight:500}
.co-pg .opt>.opt-t{font-size:16px}
.co-pg .co-adr span{font-size:15px}
.co-pg .co-tott b{font-weight:600}
.co-pg .co-totp{font-weight:700;letter-spacing:-.02em}
.co-pg .co-sm button>span{font-weight:500}
.co-pg .fld input,.co-pg .fld select,.co-pg .fld textarea{height:52px;padding-top:22px}
.co-pg .fld label{top:16px}
.co-pg #co-s-pay .opt.on,.co-pg #co-s-pay:has(#co-cfw:not([hidden])) .opt-w.co-optk .opt.on,.co-pg #co-s-pay:has(#co-iw:not([hidden])) #co-paysw .opt.on{background:#fff;box-shadow:inset 0 0 0 1.5px var(--acc)}
.co-pg .co-pill,.co-pg .co-leg{font-weight:500}
/* fő gomb: átmenetes narancs pirula (a Griff gombja), puha árnyék */
html:not(.is-app) .co-pg .co-isl .btn.co-go{border-radius:999px;height:56px;font-size:16px;font-weight:600;letter-spacing:0}
html:not(.is-app) .co-pg .co-isl .btn.p.co-go:not([disabled]):not(.off){background:linear-gradient(90deg,#f7883a,#e5621a);box-shadow:0 12px 26px -14px rgba(229,98,26,.75)!important}
@media (hover:hover) and (pointer:fine){html:not(.is-app) .co-pg .co-isl .btn.p.co-go:not([disabled]):not(.off):hover{background:linear-gradient(90deg,#f37a2a,#d9560f)}}
html:not(.is-app) .co-pg .co-isl .btn.p.co-go:not([disabled]):not(.off):active{background:linear-gradient(90deg,#e86f20,#c94e0c)}
/* [REVIEW-1027] a Google Pay most a 2. résben van: a Revolut-keret ~5 px-es túllógását ott is levágjuk */
.co-xpt2 iframe{width:100%!important;min-width:0!important;max-width:100%!important}
.co-xpt2{max-width:100%;overflow:hidden}

/* ======================= [IZAC-1027] Olivér: „csináld meg pont így” (IZAC/Shopify-pénztár) =======================
   sötétkék vezérlőszín (a narancs a boltban marad), szöveg-linkek kékek, egyféle mező mindenhol, nincs kísérőszöveg és címke,
   fejléc: logó balra, kosár jobbra (weben); belépve is a kitöltött mezők. */
.co-pg{--acc:#1b2a52;--lnk:#1f5fbf;--sx-sel:#f3f6fc;--sx-line:#dedede}
/* fejléc */
html:not(.is-app) .hd.co .hd-in{grid-template-columns:auto minmax(0,1fr) auto!important}
html:not(.is-app) .hd.co .hd-l,html:not(.is-app) .hd.co .co-lock{display:none!important}
html:not(.is-app) .hd.co .logo-w{grid-column:1;justify-self:start}
html:not(.is-app) .hd.co .co-bag{grid-column:3;justify-self:end;display:grid;place-items:center;width:44px;height:44px;color:var(--lnk,#1f5fbf)}
html:not(.is-app) .hd.co .co-bag svg{width:26px;height:26px}
.is-app .hd.co .co-bag{display:none}
/* összesítő sáv: kék link, nagy ár */
.co-sm button>span,.co-sm button>span svg{color:#1f5fbf!important}
.co-sm button>b{font-size:20px;font-weight:700}
/* címsorok */
.co-pg .co-sec:not(.co-xptop)>h2,.co-pg.co-isver.co-adon:not(.co-aded) #co-addr-h{display:block;font-size:24px;font-weight:700;letter-spacing:-.02em;margin-bottom:14px}
.co-pg .co-h3{display:block;font-size:18px;font-weight:700;margin:0 0 12px}
.co-pg .co-ships,.co-pg.co-adon .co-ships,.co-pg.co-aded .co-ships{margin-top:28px}
.co-pg.co-isver #co-s-mail>h2{display:block}
/* belépve: az e-mail egy mező-szerű doboz, jobb oldalt „Másik” */
.co-pg .co-pill{display:none}
.co-pg .co-ver1{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 14px;border-radius:var(--sx-r);box-shadow:inset 0 0 0 1px var(--sx-line);background:#fff}
.co-pg .co-verm{flex:1;min-width:0;display:flex;flex-direction:column}
.co-pg .co-verm small{font-size:12px;color:var(--sx-mute)}
.co-pg .co-verm b{font-size:16px;font-weight:400;color:var(--ink);text-align:left;overflow-wrap:anywhere}
.co-pg .co-ver1 .co-chg{color:#1f5fbf;font-size:14px;font-weight:500;text-decoration:underline;text-underline-offset:3px}
/* nincs kísérőszöveg: e-mail-tipp, fizetési alsorok, „legutóbb”, titkosítás-sor, kártyalogó-sor alatti szöveg */
.co-pg .co-mhint,.co-pg .co-leg,.co-pg .co-secure{display:none!important}
.co-pg #co-s-pay .opt:not([disabled]):not([data-v=saved]) .opt-s{display:none}
/* mezők: egyforma, 54 px */
.co-pg .fld input,.co-pg .fld select,.co-pg .fld textarea{height:54px;border-radius:10px}
.co-pg .co-cf{min-height:54px;border-radius:10px}
/* szállítási mód: Shopify szerint kijelölt doboz (kék keret + halvány kék) */
.co-pg .co-ship1,.co-pg.co-adon .co-ship1{background:var(--sx-sel);box-shadow:inset 0 0 0 1px var(--acc);padding:16px}
/* fizetés: kijelölt sor sötétkék kerettel + halvány kék, alatta szürke panel */
.co-pg #co-s-pay .opt.on,.co-pg #co-s-pay:has(#co-cfw:not([hidden])) .opt-w.co-optk .opt.on,.co-pg #co-s-pay:has(#co-iw:not([hidden])) #co-paysw .opt.on{background:var(--sx-sel);box-shadow:inset 0 0 0 1px var(--acc)}
.co-pg #co-s-pay .co-cfw,.co-pg #co-s-pay #co-iw{background:#f5f5f5}
.co-pg .opt.on .rd{box-shadow:inset 0 0 0 6px var(--acc)}
.co-pg .chk.on .bx{background:var(--acc)}
/* linkek kékek, aláhúzva */
.co-pg a.lnk,.co-pg button.lnk,.co-pg .co-adr .lnk,.co-pg .co-more{color:#1f5fbf}
.co-pg .co-legal a{color:#1f5fbf}
/* kupon-gomb: Shopify „Add discount” */
.co-pg .co-xtra-b{color:var(--ink)}
/* fő gomb: sötétkék, enyhe átmenettel */
html:not(.is-app) .co-pg .co-isl .btn.co-go{border-radius:10px;height:56px;font-size:17px;font-weight:600}
html:not(.is-app) .co-pg .co-isl .btn.p.co-go:not([disabled]):not(.off){background:linear-gradient(180deg,#24366a,#16234a);box-shadow:0 8px 20px -12px rgba(22,35,74,.7)!important}
@media (hover:hover) and (pointer:fine){html:not(.is-app) .co-pg .co-isl .btn.p.co-go:not([disabled]):not(.off):hover{background:linear-gradient(180deg,#1d2e5c,#111c3d)}}
html:not(.is-app) .co-pg .co-isl .btn.p.co-go:not([disabled]):not(.off):active{background:#111c3d}
.co-pg .fld .help{display:none}   /* [IZAC-1027] „A futár hívhat…” ki */
.co-pg .co-newsw{margin:14px 0 0}
/* [IZAC-1027] lenyitott összesítő (Olivér: „remélem látod hogy ronda”) — Shopify szerint: a szürke sáv a képernyő széléig, 64 px-es termékkép 8 px-es sarokkal,
   szürke darabszám-buborék, nyugodt sorok, „Összesen” nem óriás; a gyorsfizetés alatti jogi sor halkabb */
.co-pg .co-sm{background:#f5f5f5;box-shadow:0 0 0 100vmax #f5f5f5;clip-path:inset(0 -100vmax)}
.co-pg .co-sm .co-items{background:transparent}
.co-pg .co-sm .si{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;padding:8px 0}
.co-pg .co-sm .si .im{position:relative;width:64px;height:64px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.08);overflow:visible}
.co-pg .co-sm .si .im img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.co-pg .co-sm .si .q{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#666;color:#fff;font-size:12px;font-weight:500;display:grid;place-items:center}
.co-pg .co-sm .si b{display:block;font-size:15px;font-weight:500}
.co-pg .co-sm .si div>span{display:block;font-size:13px;color:var(--sx-mute);margin-top:2px}
.co-pg .co-sm .si .pr{font-size:15px;font-weight:500}
.co-pg .co-sm .sum{margin-top:10px}
.co-pg .co-sm .sum>div{display:flex;justify-content:space-between;font-size:14px;padding:4px 0;color:var(--ink)}
.co-pg .co-sm .sum>.tot{margin-top:8px;padding-top:10px;font-size:17px;font-weight:600;border:0}
.co-pg .co-sm .sum>.tot span:last-child{font-size:20px;font-weight:700;letter-spacing:-.01em}
.co-pg .co-sm .sum>.sm{font-size:13px;color:var(--sx-mute)}
.co-pg .co-xptop .co-xpn{font-size:12px;line-height:1.4;color:#8a8a8a;margin-top:8px}
/* [RP-ALUL-1027] Olivér: „és most nincs megrendelés gomb” → a Revolut Pay gombja a fő gomb helyén; „ez a logo még mindig csúnya” → a Revolut szóvédjegye a kártyalogók keretében */
.co-pg .co-isl #co-rp{margin:0}
.co-pg .co-isl #co-rp[hidden]{display:none}
.co-pg .opt .ic .pmk-rp svg{width:28px;height:7px}
/* [AP-CHROME-1027] Chrome-ban az Apple Pay gomb: amíg adat hiányzik, átlátszó takaró ül rajta (koppintásra a hiányzó mezőhöz ugrik) */
.co-pg .co-apw{position:relative}
.co-pg .co-apblk{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:var(--sx-r);background:transparent;cursor:pointer}
.co-pg .co-apblk[hidden]{display:none}
.co-pg #co-s-pay #co-paysr .opt{border-radius:0 0 var(--sx-r) var(--sx-r)}   /* [RP-ALUL-1027] az utolsó sor kijelölt kerete a csoport lekerekítését követi */
/* [REVIEW-AP-1027] appban (lebegő sötét sáv) a Revolut Pay gomb a végösszeg mellett kitölti a helyet, nem nyomja össze */
html.is-app .co-pg .co-isl.co-isl-rp{grid-template-columns:auto minmax(0,1fr)}
html.is-app .co-pg .co-isl.co-isl-rp #co-rp{min-width:0;width:100%}
html.is-app .co-pg .co-isl.co-isl-rp #co-rpb>div{height:44px!important;min-height:44px!important}
/* [PF-1027] a +36 ugyanabban a sávban, mint a beírt szám (az input tartalom-dobozát követi), utána egy szóköznyi hely (pfFit) */
.co-pg .fld .pf{top:0;bottom:auto;height:54px;box-sizing:border-box;padding:22px 0 4px;display:flex;align-items:center;line-height:normal;pointer-events:none}
/* [NARANCS-GOMB-1027] Olivér: „megrendelés gomb … átmenetes narancs fizetési kötelezettséggel” → a fő gomb újra narancs átmenettel (a pénztár többi része sötétkék marad) */
html:not(.is-app) .co-pg .co-isl .btn.p.co-go:not([disabled]):not(.off){background:linear-gradient(90deg,#f7883a,#e5621a);box-shadow:0 12px 26px -14px rgba(229,98,26,.75)!important}
@media (hover:hover) and (pointer:fine){html:not(.is-app) .co-pg .co-isl .btn.p.co-go:not([disabled]):not(.off):hover{background:linear-gradient(90deg,#f37a2a,#d9560f)}}
html:not(.is-app) .co-pg .co-isl .btn.p.co-go:not([disabled]):not(.off):active{background:linear-gradient(90deg,#e86f20,#c94e0c)}
/* [RP-GOMB-1027] a rögzítés után a Revolut Pay gomb fölött egy rövid sor */
.co-pg .co-isl #co-rp .co-rph{font-size:13px;line-height:1.45;color:var(--sx-mute);margin:0 0 8px;text-align:center}
html.is-app .co-pg .co-isl #co-rp .co-rph{display:none}
/* [ASZF-EGYSOR-1027] a két jogi link a pipa sorában, egyben tördel */
.co-pg .co-acc .co-legi{display:inline-block;margin-left:6px;font-size:13px;color:var(--sx-mute);white-space:nowrap}
.co-pg .co-acc .co-legi a{color:#1f5fbf}
/* [SZAMLA-PIPA-1027] „A számlázási cím ugyanaz, mint a szállítási” (Shopify) */
.co-pg .co-billw{margin-top:18px}
.co-pg .co-billw #co-bill{margin-top:12px}
.co-pg .co-legi .co-legr{display:none}
@media (max-width:440px){.co-pg .co-legi .co-legf{display:none}.co-pg .co-legi .co-legr{display:inline}.co-pg .co-acc .co-legi{margin-left:4px;font-size:12.5px}}   /* [ASZF-EGYSOR-1027] telefonon is egy sorban */
/* [KUPON-SIMA-1027] futár-megjegyzés: halk link a cím alatt; kupon: Shopify-féle mező + gomb a végösszeg fölött */
.co-pg .co-billw{margin-top:14px}
.co-pg .co-extra{margin-top:6px}
.co-pg .co-extra .co-more{display:inline-flex;gap:6px;align-items:center;height:auto;min-height:0;padding:6px 0;border:0;border-radius:0;background:none;box-shadow:none;font-size:14px;font-weight:500;color:#1f5fbf}
.co-pg .co-extra #co-note-w{margin-top:8px}
.co-pg .co-kupw{margin:18px 0 14px}
/* [RP-ALUL-1027] az utolsó (Revolut Pay) sor nem lóg ki 1 px-szel a csoportból → a kijelölt keret alja is látszik */
.co-pg #co-s-pay #co-paysr .opt{margin-bottom:0}
/* [TARCA-KEREK-1027] Olivér: „lehetnek kerekebbek, esetleg árnyékosak?” → a felső Apple Pay / Google Pay gomb 12 px-es keretben, enyhe árnyékkal */
.co-pg .co-xptop .co-xpt,.co-pg .co-xptop .co-xpt2{border-radius:12px;overflow:hidden;box-shadow:0 8px 18px -10px rgba(0,0,0,.55)}
.co-pg .co-xptop .co-xpt:empty,.co-pg .co-xptop .co-xpt2:empty{box-shadow:none}
/* [KUPON-SIMA-1027] a „Kuponkódod van?” halk link, mint a futár-megjegyzés */
.co-pg .co-kupw .co-more{display:inline-flex;gap:6px;align-items:center;height:auto;min-height:0;padding:6px 0;border:0;border-radius:0;background:none;box-shadow:none;font-size:14px;font-weight:500;color:#1f5fbf}
/* [SKEL-1027] helykitöltő (Shopify): amíg a pénztár JS-e nem fut, szürke, finoman villódzó sávok a lap helyén; a tárca- és Revolut-gombok helyén is, amíg a gomb betölt */
@keyframes co-sk{0%{background-position:100% 0}100%{background-position:-100% 0}}
.co-skel i,.co-skel b,.co-pg .co-xptop .co-xpt:not(:empty),.co-pg .co-xptop .co-xpt2:not(:empty),.co-pg #co-rpb,.co-pg #co-apgob{background:linear-gradient(90deg,#ececec 25%,#f5f5f5 50%,#ececec 75%);background-size:200% 100%;animation:co-sk 1.4s ease-in-out infinite}
.co-pg #co-rpb,.co-pg #co-apgob{min-height:50px;border-radius:var(--sx-r)}
.co-skel{display:grid;grid-template-columns:1fr;max-width:1120px;margin:0 auto;min-height:70vh}
.co-skl{padding:28px 16px;display:flex;flex-direction:column;gap:12px}
.co-skel i,.co-skel b{display:block;height:16px;border-radius:8px}
.co-skel .sk-h{width:28%;height:22px;margin-bottom:4px}
.co-skel .sk-gap{height:0;margin:14px 0;background:none;animation:none;border-top:1px solid #e6e6e6;border-radius:0}
.co-skr{display:none}
@media (min-width:1000px){
  .co-skel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:none;margin:0}
  .co-skl{width:100%;max-width:560px;margin-left:auto;padding:40px 48px 40px 24px}
  .co-skr{display:flex;flex-direction:column;gap:16px;background:#f5f5f5;padding:40px 24px 40px 48px}
  .co-skr>div{max-width:440px;display:flex;align-items:center;gap:14px}
  .co-skr .sk-p b{width:64px;height:64px;border-radius:10px;flex:none}
  .co-skr .sk-p span{flex:1;display:flex;flex-direction:column;gap:8px}
  .co-skr .sk-r i:first-child{flex:1;max-width:120px}
  .co-skr .sk-pr{width:70px;margin-left:auto}
  .co-skel .sk-s{width:50%}
}
/* [AP-LISTA-1027] a lenti Apple Pay gomb, mint a Revolut Pay-é (a fő gomb helyén) */
.co-pg .co-isl #co-apgo{margin:0}
.co-pg .co-isl #co-apgo[hidden]{display:none}
.co-pg #co-apgob{overflow:hidden}
.co-pg .co-isl #co-apgo .co-rph{font-size:13px;line-height:1.45;color:var(--sx-mute);margin:0 0 8px;text-align:center}
.co-pg #co-s-pay #co-paysr .opt,.co-pg #co-s-pay #co-paysa .opt{margin-bottom:0}