/* GPUGaraj Hazır Sistem Vitrini 1.0.0 — kategori üst bölümü (.gphs-hero) + ürün sayfası (.gphs-page). Yalnız bu eklentinin öğelerine uyar. */
@font-face{font-family:'GPHS 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:'GPHS 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:'GPHS 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:'GPHS 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:'GPHS 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:'GPHS 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}
@font-face{font-family:'GPHS Poppins';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/poppins-800-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:'GPHS Poppins';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/poppins-800-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}
/* ============ kategori üst bölümü (tasarım 1600 birim genişlik) ============ */
.gphs-hero{container-type:inline-size;--u:calc(100cqw / 1600);position:relative;margin:4px 0 26px;font-family:'GPHS Poppins',Poppins,system-ui,-apple-system,'Segoe UI',sans-serif;color:#11141b}
.gphs-hero *{box-sizing:border-box}
.gphs-hero ul{list-style:none;margin:0;padding:0}
.gphs-hero p{margin:0}
.gphs-top{position:relative;height:calc(var(--u) * 400)}
.gphs-copy{position:relative;z-index:2;width:calc(var(--u) * 800);padding-top:calc(var(--u) * 22)}
.gphs-eyebrow{font-weight:700;font-size:max(11px,calc(var(--u) * 13));letter-spacing:.24em;color:#f26a1b;text-transform:uppercase}
.gphs-title{margin:calc(var(--u) * 18) 0 0;font-weight:800;font-size:calc(var(--u) * 60);line-height:1.14;letter-spacing:-.022em;color:#10131a}
.gphs-title span{display:block}
.gphs-t2{color:#ff6a13;background:linear-gradient(90deg,#ff5a0a,#ff7d24);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.gphs-lead{margin-top:calc(var(--u) * 22) !important;max-width:calc(var(--u) * 640);font-size:max(13px,calc(var(--u) * 21.5));line-height:1.52;color:#3b414c;font-weight:400}
.gphs-lead strong{color:#ff6a13;font-weight:700}
.gphs-rule{display:flex;gap:calc(var(--u) * 6);margin-top:calc(var(--u) * 30)}
.gphs-rule i{display:block;height:max(3px,calc(var(--u) * 4));border-radius:4px;background:#ff6a13;width:calc(var(--u) * 66)}
.gphs-rule i+i{width:calc(var(--u) * 12)}
.gphs-sub{margin-top:calc(var(--u) * 18) !important;font-size:max(13px,calc(var(--u) * 20));font-weight:700;color:#232833;letter-spacing:-.005em}
.gphs-scene{position:absolute;z-index:1;left:calc(var(--u) * 665);top:calc(var(--u) * -40);width:calc(var(--u) * 650);pointer-events:none}
.gphs-scene img{display:block;width:100%;height:auto}
.gphs-badges{position:absolute;z-index:2;right:0;top:calc(var(--u) * 18);width:calc(var(--u) * 280);padding:calc(var(--u) * 14);display:grid;gap:calc(var(--u) * 12);background:#fff;border-radius:calc(var(--u) * 20);box-shadow:0 10px 32px rgba(17,20,27,.07)}
.gphs-badge{display:flex;align-items:center;gap:calc(var(--u) * 14);min-height:calc(var(--u) * 96);padding:calc(var(--u) * 2) calc(var(--u) * 8) calc(var(--u) * 2) calc(var(--u) * 2);background:#fff4ed;border-radius:calc(var(--u) * 14)}
.gphs-badge img{display:block;width:calc(var(--u) * 92);height:auto;border-radius:calc(var(--u) * 12);flex:0 0 auto}
.gphs-badge b{display:block;font-weight:800;font-size:max(13px,calc(var(--u) * 25));line-height:1.12;color:#12151c;letter-spacing:-.01em}
.gphs-badge span{display:block;font-weight:700;font-size:max(11px,calc(var(--u) * 18));line-height:1.25;color:#1d212a}
.gphs-badge-2 span{font-weight:600}
.gphs-badge-3 b{font-size:max(12px,calc(var(--u) * 21))}
.gphs-badge-3 span{font-weight:800;font-size:max(12px,calc(var(--u) * 21))}
.gphs-parts{position:relative;z-index:2;display:grid;grid-template-columns:300fr 293fr 323fr 338fr 297fr;gap:calc(var(--u) * 12);margin-top:calc(var(--u) * 12) !important}
.gphs-part{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u) * 10);height:calc(var(--u) * 168);padding:0 calc(var(--u) * 14) 0 calc(var(--u) * 10);background:#fff;border-radius:calc(var(--u) * 18);box-shadow:0 6px 24px rgba(17,20,27,.06)}
.gphs-part img{display:block;flex:0 1 auto;min-width:0;height:calc(var(--u) * 146);width:auto;max-width:56%;object-fit:contain;object-position:left center}
.gphs-part-ssd img{height:calc(var(--u) * 104)}
.gphs-part-info{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--u) * 8);flex:0 0 auto;min-width:0}
.gphs-seal{display:block;width:calc(var(--u) * 42);height:calc(var(--u) * 42);color:#ff6a13}
.gphs-part-info b{font-weight:700;font-size:max(13px,calc(var(--u) * 20));line-height:1.15;color:#12151c;white-space:nowrap;letter-spacing:-.01em}
.gphs-pill{display:inline-block;padding:calc(var(--u) * 6) calc(var(--u) * 15);border-radius:calc(var(--u) * 9);background:linear-gradient(180deg,#ff7a1f,#ff5a0a);color:#fff;font-weight:700;font-size:max(11px,calc(var(--u) * 18));line-height:1.3;box-shadow:0 4px 12px rgba(255,98,16,.22);white-space:nowrap}
.gphs-trust{display:grid;grid-template-columns:repeat(4,1fr);margin-top:calc(var(--u) * 24) !important;padding:calc(var(--u) * 24) 0;background:#fff;border-radius:calc(var(--u) * 18);box-shadow:0 8px 28px rgba(17,20,27,.06)}
.gphs-trust li{display:flex;align-items:center;gap:calc(var(--u) * 24);padding:0 calc(var(--u) * 28);border-left:1px solid #e3e6ea}
.gphs-trust li:first-child{border-left:0}
.gphs-ti{display:block;flex:0 0 auto;width:calc(var(--u) * 52);height:calc(var(--u) * 52);color:#ff6a13}
.gphs-ti-truck{width:calc(var(--u) * 66)}
.gphs-trust b{display:block;font-weight:700;font-size:max(13px,calc(var(--u) * 19));color:#151922;letter-spacing:-.01em}
.gphs-trust span{display:block;margin-top:calc(var(--u) * 6);font-size:max(11px,calc(var(--u) * 15));color:#6a7280;line-height:1.35}
@container (max-width:900px){
  .gphs-top{height:auto;display:flex;flex-direction:column}
  .gphs-copy{width:auto;padding-top:2px}
  .gphs-eyebrow{font-size:11px}
  .gphs-title{font-size:clamp(25px,7.6cqw,46px);margin-top:10px}
  .gphs-lead{font-size:14.5px;margin-top:12px !important;max-width:none}
  .gphs-rule{margin-top:14px}.gphs-rule i{width:52px}.gphs-rule i+i{width:10px}
  .gphs-sub{font-size:14.5px;margin-top:10px !important}
  .gphs-scene{position:relative;left:auto;top:auto;width:min(100%,560px);margin:6px auto 0}
  .gphs-badges{position:static;width:auto;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;border-radius:14px;margin-top:4px}
  .gphs-badge{flex-direction:column;justify-content:center;text-align:center;gap:6px;min-height:0;padding:8px 4px;border-radius:12px}
  .gphs-badge img{width:52px;border-radius:10px}
  .gphs-badge b,.gphs-badge-3 b{font-size:15px}.gphs-badge span,.gphs-badge-3 span{font-size:12px}
  .gphs-parts{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px !important}
  .gphs-part{height:auto;flex-direction:column;justify-content:flex-start;gap:8px;padding:12px 8px 14px;border-radius:14px}
  .gphs-part:last-child{grid-column:1 / -1}
  .gphs-part img{height:86px;max-width:100%;object-position:center}
  .gphs-part-ssd img{height:86px;object-fit:contain;max-width:92%}
  .gphs-seal{width:26px;height:26px}
  .gphs-part-info{align-items:center;text-align:center;gap:6px;width:100%}
  .gphs-part-info b{font-size:14px;white-space:normal}
  .gphs-pill{font-size:12.5px;padding:4px 10px;border-radius:7px}
  .gphs-trust{grid-template-columns:repeat(2,1fr);padding:6px 0;margin-top:14px !important;border-radius:14px}
  .gphs-trust li{gap:12px;padding:12px 14px;border-left:0}
  .gphs-trust li:nth-child(n+3){border-top:1px solid #eceef1}
  .gphs-trust li:nth-child(2n){border-left:1px solid #eceef1}
  .gphs-ti{width:32px;height:32px}.gphs-ti-truck{width:40px}
  .gphs-trust b{font-size:13.5px}.gphs-trust span{font-size:12px;margin-top:2px}
}
@container (max-width:420px){
  .gphs-trust{grid-template-columns:1fr}
  .gphs-trust li:nth-child(2n){border-left:0}
  .gphs-trust li:nth-child(n+2){border-top:1px solid #eceef1}
}

/* ============ ürün sayfası ============ */
.gphs-page .gphs-band,.gphs-page .gphs-status,.gphs-page .gphs-benefits,.gphs-page .gphs-tab{font-family:'GPHS Poppins',Poppins,system-ui,-apple-system,'Segoe UI',sans-serif}
.gphs-band{container-type:inline-size;margin:8px 0 18px}
.gphs-band *{box-sizing:border-box}
.gphs-band p{margin:0}
.gphs-band ul{list-style:none;margin:0;padding:0}
.gphs-band-in{--u:calc(100cqw / 1572);display:grid;grid-template-columns:minmax(0,1fr) calc(var(--u) * 196) calc(var(--u) * 198);gap:calc(var(--u) * 12);align-items:stretch}
.gphs-band-main{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u) * 14);padding:calc(var(--u) * 14) calc(var(--u) * 16) calc(var(--u) * 14) calc(var(--u) * 20);background:linear-gradient(90deg,#fff3ea,#fff8f3 60%,#fff6f0);border:1px solid #fbe6d9;border-radius:calc(var(--u) * 16)}
.gphs-band-head{display:flex;align-items:center;gap:calc(var(--u) * 18);min-width:0}
.gphs-band-shield{flex:0 0 auto;width:calc(var(--u) * 80);height:calc(var(--u) * 86);color:#ff6a13}
.gphs-band-t1{font-weight:800;font-size:max(15px,calc(var(--u) * 26));line-height:1.12;color:#12151c;letter-spacing:-.01em}
.gphs-band-t2{font-weight:800;font-size:max(17px,calc(var(--u) * 32));line-height:1.15;color:#ff6a13;letter-spacing:-.015em}
.gphs-band-sub{margin-top:calc(var(--u) * 8) !important;font-size:max(11.5px,calc(var(--u) * 14));color:#2b303a;line-height:1.4}
.gphs-band-parts{display:flex;gap:calc(var(--u) * 8);flex:0 0 auto}
.gphs-band-parts li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u) * 5);min-width:calc(var(--u) * 92);padding:calc(var(--u) * 10) calc(var(--u) * 12);background:#fff;border:1px solid #f0e4dc;border-radius:calc(var(--u) * 12);box-shadow:0 3px 10px rgba(17,20,27,.04)}
.gphs-bp-ico{display:block;width:calc(var(--u) * 36);height:calc(var(--u) * 36);color:#1b1f27}
.gphs-band-parts b{font-weight:700;font-size:max(11px,calc(var(--u) * 13.5));color:#12151c;white-space:nowrap}
.gphs-band-parts span{display:inline-block;padding:calc(var(--u) * 2) calc(var(--u) * 14);border-radius:999px;background:linear-gradient(180deg,#ff7a1f,#ff5a0a);color:#fff;font-weight:700;font-size:max(10.5px,calc(var(--u) * 12.5))}
.gphs-w{display:flex;flex-direction:column;border-radius:calc(var(--u) * 14);overflow:hidden}
.gphs-w-top{display:flex;align-items:center;gap:calc(var(--u) * 12);padding:calc(var(--u) * 12) calc(var(--u) * 14);flex:1 1 auto}
.gphs-w-ico{flex:0 0 auto;width:calc(var(--u) * 50);height:calc(var(--u) * 54);color:#fff}
.gphs-w-top b{display:block;font-weight:800;font-size:max(16px,calc(var(--u) * 29));line-height:1.05;letter-spacing:-.01em}
.gphs-w-top small{display:block;margin-bottom:calc(var(--u) * 3);font-weight:700;font-size:max(10px,calc(var(--u) * 12));line-height:1.2}
.gphs-w-top small i{font-style:normal;white-space:nowrap}
.gphs-w-top span{display:block;margin-top:calc(var(--u) * 3);font-weight:700;font-size:max(10.5px,calc(var(--u) * 13.5));line-height:1.22}
.gphs-w-note{padding:calc(var(--u) * 8) calc(var(--u) * 14) calc(var(--u) * 10);font-size:max(10.5px,calc(var(--u) * 12));line-height:1.4}
.gphs-w-sys{background:#fff3ec;border:1px solid #fbe0cf}
.gphs-w-sys .gphs-w-top{background:linear-gradient(135deg,#ff7a1f,#ff5a0a);color:#fff}
.gphs-w-sys .gphs-w-note{color:#5b616c}
.gphs-w-part{background:linear-gradient(160deg,#23262d,#0f1115);color:#fff}
.gphs-w-part .gphs-w-note{color:#e5e7eb}
@container (max-width:1100px){
  .gphs-band-in{grid-template-columns:1fr 1fr;gap:10px}
  .gphs-band-main{grid-column:1 / -1;flex-direction:column;align-items:stretch;padding:14px;border-radius:14px}
  .gphs-band-shield{width:46px;height:50px}
  .gphs-band-parts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
  .gphs-band-parts li{min-width:0;padding:8px 4px;border-radius:10px}
  .gphs-bp-ico{width:26px;height:26px}
  .gphs-band-parts b{font-size:11px;white-space:normal;text-align:center;line-height:1.2}
  .gphs-w{border-radius:12px}
  .gphs-w-top{padding:10px 12px;gap:10px}.gphs-w-ico{width:34px;height:37px}
  .gphs-w-note{padding:7px 12px 9px}
}
@container (max-width:460px){
  .gphs-band-parts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gphs-band-t2{font-size:18px}
}
/* satın alma kutusu: 4 güven kutusu */
.gphs-page .gpo-buy-benefits.gphs-benefits{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;padding:0;border:0;background:none}
.gphs-benefits>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 14px 15px;background:#fff;border:1px solid #e7eaee;border-radius:12px;box-shadow:0 2px 8px rgba(17,20,27,.03)}
.gphs-bi{display:block;width:28px;height:28px;margin-bottom:8px}
.gphs-bi-ok{color:#1d8f43}.gphs-bi-or{color:#ff6a13}
.gphs-benefits b{font-size:13.5px;font-weight:700;color:#12151c;line-height:1.25}
.gphs-benefits small{font-size:12px;color:#5f6773;line-height:1.45}
@media (max-width:640px){.gphs-page .gpo-buy-benefits.gphs-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* sekmeler + durum kutusu yan yana (betik .gphs-row'u kurar) */
.gphs-row{display:flex;flex-direction:column;gap:16px;margin-top:28px}
.gphs-page .gphs-row>.gpo-product-content{margin-top:0 !important;min-width:0}
.gphs-row>.gphs-status{order:2}
@media (min-width:1100px){
  .gphs-row{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,1fr);gap:26px;align-items:start}
  .gphs-row>.gphs-status{order:0}
}
.gphs-status{display:grid;gap:10px;padding:14px;background:#fff;border:1px solid #e5e9ee;border-radius:14px;box-shadow:0 4px 16px rgba(17,20,27,.035);margin:22px 0 0}
.gphs-row>.gphs-status{margin:0}
.gphs-st{display:flex;align-items:flex-start;gap:14px;padding:13px 16px;border-radius:10px}
.gphs-st p{margin:0;font-size:13px;line-height:1.5}
.gphs-st b{display:block;font-size:13.5px;font-weight:700}
.gphs-st-ico{flex:0 0 auto;width:24px;height:24px;margin-top:2px}
.gphs-st-ok{background:#ecf8f0}.gphs-st-ok .gphs-st-ico{color:#1d8f43}.gphs-st-ok b{color:#1b2a20}.gphs-st-ok span{color:#4b7a5a}
.gphs-st-info{background:#edf4ff}.gphs-st-info .gphs-st-ico{color:#1f6fe5}.gphs-st-info span{color:#1f5fc4}
.gphs-st-warn{background:#fff4ec}.gphs-st-warn .gphs-st-ico{color:#ff6a13}.gphs-st-warn b{color:#3b2414}.gphs-st-warn span{color:#7a5a45}
/* sekmeler (gpugaraj_product_tabs_v5 yapısı; yalnız hazır sistem sayfasında) */
.gphs-page .gpx-tabs-wrap{border-radius:12px !important;border-color:#e3e7ec !important}
.gphs-page .gpx-tab-btn{min-height:48px !important;padding:8px 12px !important;gap:9px !important}
.gphs-page .gpx-tab-btn.is-active{background:linear-gradient(180deg,#ff7a1f,#ff5f0a) !important;color:#fff !important}
.gphs-page .gpx-tab-btn.is-active:after{display:none !important}
.gphs-page .gpx-tab-icon,.gphs-page .gpx-tab-btn.is-active .gpx-tab-icon{width:auto !important;height:auto !important;flex:0 0 auto !important;background:none !important;color:inherit !important}
.gphs-page .gpx-tab-icon svg{width:19px !important;height:19px !important}
.gphs-page .gpx-tab-title{font-size:14px !important;font-weight:700 !important}
.gphs-page .gpx-tab-sub{display:none !important}
.gphs-page .gpx-tab-copy{text-align:center !important}
.gphs-page .gpx-tab-panel{padding:22px 24px 24px !important}
@media (max-width:560px){.gphs-page .gpx-tab-btn{flex-direction:column !important;gap:4px !important}.gphs-page .gpx-tab-title{font-size:11px !important}.gphs-page .gpx-tab-panel{padding:16px 14px !important}}
.gphs-tab{display:grid;gap:12px}
.gphs-tab-row{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border:1px solid #edf0f3;border-radius:12px;background:#fbfcfd}
.gphs-tab-row b{display:block;font-size:14.5px;color:#12151c;margin-bottom:3px}
.gphs-tab-row p{margin:0;font-size:13.5px;line-height:1.6;color:#3b414c}
.gphs-tr-ico{flex:0 0 auto;width:26px;height:26px;margin-top:1px}
.gphs-tr-ok{color:#1d8f43}.gphs-tr-or,.gphs-tr-or2{color:#ff6a13}
.gphs-tab-parts{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:10px 0 0;padding:0}
.gphs-tab-parts li{display:flex;align-items:center;gap:7px;padding:6px 10px;background:#fff;border:1px solid #f0e4dc;border-radius:9px;font-size:13px;font-weight:600;color:#1b1f27}
.gphs-tab-parts svg{width:20px;height:20px;color:#1b1f27}
.gphs-tab-parts span{padding:1px 9px;border-radius:999px;background:#ff6a13;color:#fff;font-size:11px;font-weight:700}