@font-face{font-family:'GPPT Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/poppins-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'GPPT Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/poppins-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'GPPT Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/poppins-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'GPPT Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/poppins-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'GPPT Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/poppins-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'GPPT Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/poppins-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
/* GPUGaraj Ödeme Sekmesi 1.0.0 — "Ödeme Seçenekleri" sekmesi (tasarım 1940 birim genişlik; dar kapta alt alta) */
.gppt-host{padding:22px 24px 26px!important}
.gppt{container-type:inline-size;font-family:'GPPT Poppins',Poppins,system-ui,-apple-system,'Segoe UI',sans-serif;color:#16181d;line-height:1.3}
.gppt *{box-sizing:border-box}
.gppt-in{--u:calc(100cqw / 1940)}
.gppt-in{position:relative;border:2px solid transparent;border-radius:calc(22 * var(--u));overflow:hidden;
  background:linear-gradient(#fff,#fff) padding-box,
    linear-gradient(115deg,#ff6a13 0%,#ffc39c 16%,#f1ece8 34%,#f1ece8 72%,#ffc39c 88%,#ff6a13 100%) border-box;
  box-shadow:0 10px 30px rgba(20,24,32,.06)}
.gppt-top{position:relative;display:grid;grid-template-columns:calc(380 * var(--u)) minmax(0,1fr) calc(640 * var(--u));
  align-items:center;column-gap:calc(30 * var(--u));min-height:calc(262 * var(--u));padding:calc(8 * var(--u)) calc(30 * var(--u)) 0 0;
  background:radial-gradient(120% 120% at 0% 100%,#ffeadb 0%,rgba(255,236,222,.55) 32%,rgba(255,255,255,0) 60%),
    linear-gradient(118deg,rgba(255,255,255,0) 78%,#fff1e6 78.2%,#fff6ef 86%,rgba(255,246,239,0) 86.2%) ,#fff}
.gppt-art{position:relative;height:calc(262 * var(--u));align-self:stretch}
.gppt-radio{position:absolute;left:calc(42 * var(--u));top:50%;width:calc(48 * var(--u));height:calc(48 * var(--u));margin-top:calc(-24 * var(--u));
  border-radius:50%;border:calc(5 * var(--u)) solid #ff6a13;background:#fff;box-shadow:0 2px 8px rgba(255,106,19,.25)}
.gppt-radio:after{content:"";position:absolute;inset:calc(6 * var(--u));border-radius:50%;background:#ff6a13}
.gppt-card{position:absolute;left:calc(96 * var(--u));top:calc(12 * var(--u));width:calc(292 * var(--u));height:auto;max-width:none!important;display:block}
.gppt-main{min-width:0;padding-top:calc(20 * var(--u))}
.gppt-title{margin:0!important;font-size:calc(50 * var(--u))!important;font-weight:700!important;line-height:1.1!important;color:#111318!important;letter-spacing:-.01em;font-family:inherit!important}
.gppt-sub{margin:calc(16 * var(--u)) 0 0!important;font-size:calc(26 * var(--u));color:#5d6470;line-height:1.35}
.gppt-feat{display:flex;align-items:center;list-style:none!important;margin:calc(30 * var(--u)) 0 0!important;padding:0!important}
.gppt-feat li{display:flex;align-items:center;gap:calc(22 * var(--u));margin:0!important;padding:0 calc(36 * var(--u))}
.gppt-feat li:first-child{padding-left:0}
.gppt-feat li+li{border-left:calc(3 * var(--u)) solid #ff8a3d;border-image:linear-gradient(transparent 0,#ff7a26 25%,#ff7a26 75%,transparent 100%) 1}
.gppt-fi{flex:0 0 auto;width:calc(52 * var(--u));height:calc(52 * var(--u));display:block}
.gppt-fi svg{width:100%;height:100%;display:block}
.gppt-feat b{display:block;font-size:calc(23.5 * var(--u));font-weight:600;color:#16181d;white-space:nowrap}
.gppt-feat small{display:block;margin-top:calc(4 * var(--u));font-size:calc(20 * var(--u));color:#757b86;white-space:nowrap}
.gppt-info{position:relative;display:flex;align-items:center;gap:calc(24 * var(--u));min-height:calc(138 * var(--u));padding:calc(20 * var(--u)) calc(24 * var(--u)) calc(20 * var(--u)) calc(34 * var(--u));
  border:2px solid #ffcfb0;border-radius:calc(32 * var(--u));background:linear-gradient(90deg,#fff8f3,#fffaf7);box-shadow:0 8px 22px rgba(255,106,19,.08)}
.gppt-ii{flex:0 0 auto;width:calc(82 * var(--u));height:calc(76 * var(--u));border-radius:calc(14 * var(--u));background:linear-gradient(160deg,#ff8a2a,#ff5f0a);
  display:grid;place-items:center;box-shadow:0 6px 14px rgba(255,95,10,.28)}
.gppt-ii svg{width:62%;height:62%;display:block}
.gppt-info p{margin:0!important;font-size:calc(21 * var(--u));line-height:1.6;letter-spacing:-.005em;color:#20232a}
.gppt-info b{display:block;color:#ff5f0a;font-weight:600}
.gppt-arrow{position:absolute;right:calc(38 * var(--u));bottom:calc(-64 * var(--u));width:calc(26 * var(--u));height:calc(56 * var(--u))}
.gppt-arrow svg{width:100%;height:100%;display:block}
.gppt-banks{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:calc(21 * var(--u));list-style:none!important;
  margin:0!important;padding:calc(24 * var(--u)) calc(38 * var(--u)) calc(34 * var(--u)) calc(44 * var(--u))!important}
.gppt-banks li{display:flex;align-items:center;justify-content:center;height:calc(86 * var(--u));margin:0!important;padding:0 calc(14 * var(--u));
  background:#fff;border:1px solid #e9eaec;border-radius:calc(9 * var(--u));box-shadow:0 3px 9px rgba(20,24,32,.05)}
.gppt-banks img{display:block;max-width:100%!important;max-height:calc(50 * var(--u))!important;width:auto!important;height:auto!important}
.gppt-banks li:nth-child(4) img{max-height:calc(54 * var(--u))!important}
/* ---- orta genişlik (tablet): kart + metin yan yana, bilgi kutusu altta; sabit piksel ölçüleri */
@container (max-width:1060px){
  .gppt-in{border-radius:18px}
  .gppt-top{grid-template-columns:236px minmax(0,1fr);row-gap:16px;min-height:0;padding:14px 22px 6px 0}
  .gppt-art{height:178px}
  .gppt-radio{left:22px;width:32px;height:32px;margin-top:-16px;border-width:3.5px}
  .gppt-radio:after{inset:4px}
  .gppt-card{left:60px;top:10px;width:170px}
  .gppt-main{padding-top:0}
  .gppt-title{font-size:32px!important}
  .gppt-sub{margin-top:8px!important;font-size:15.5px}
  .gppt-feat{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;column-gap:26px;row-gap:12px;margin-top:16px!important}
  .gppt-feat li{gap:11px;padding:0!important;border:0!important}
  .gppt-fi{width:32px;height:32px}
  .gppt-feat b{font-size:14.5px}
  .gppt-feat small{font-size:12.5px;margin-top:2px}
  .gppt-info{grid-column:1 / -1;margin:0 0 8px 22px;gap:16px;min-height:0;padding:14px 20px;border-radius:18px}
  .gppt-ii{width:50px;height:46px;border-radius:11px}
  .gppt-info p{font-size:14.5px}
  .gppt-arrow{display:none}
  .gppt-banks{gap:10px;padding:14px 22px 20px!important}
  .gppt-banks li{height:56px;padding:0 8px;border-radius:8px}
  .gppt-banks img{max-height:30px!important}
  .gppt-banks li:nth-child(4) img{max-height:34px!important}
}
@container (max-width:820px){
  .gppt-banks{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gppt-feat{grid-template-columns:repeat(2,auto)}
}
/* ---- dar (telefon): alt alta, sabit piksel ölçüleri */
@container (max-width:640px){
  .gppt-in{border-radius:16px}
  .gppt-top{display:block;padding:16px 14px 4px;min-height:0}
  .gppt-art{height:118px;margin:0 0 4px}
  .gppt-radio{left:2px;width:28px;height:28px;margin-top:-14px;border-width:3px}
  .gppt-radio:after{inset:4px}
  .gppt-card{left:44px;top:0;width:142px}
  .gppt-main{padding:0}
  .gppt-title{font-size:26px!important}
  .gppt-sub{margin-top:6px!important;font-size:14px}
  .gppt-feat{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px!important}
  .gppt-feat li{padding:0!important;gap:12px;border:0!important}
  .gppt-fi{width:32px;height:32px}
  .gppt-feat b{font-size:14.5px}
  .gppt-feat small{font-size:12.5px;margin-top:1px}
  .gppt-info{margin:16px 0 4px;gap:14px;min-height:0;padding:14px 16px;border-radius:16px}
  .gppt-ii{width:46px;height:44px;border-radius:10px}
  .gppt-info p{font-size:13.5px;line-height:1.5}
  .gppt-banks{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 14px 16px!important}
  .gppt-banks li{height:48px;padding:0 8px}
  .gppt-banks img{max-height:26px!important}
  .gppt-banks li:nth-child(4) img{max-height:30px!important}
}