
/* Roypin Selected Experience Pack: checkout, favorites, smart search, category hero, gifts, timeline, error pages */
:root{--rp-green:#2563eb;--rp-green-2:#1d4ed8;--rp-cyan:#06b6d4;--rp-amber:#f59e0b;--rp-rose:#ef4444;--rp-surface:rgba(15,23,42,.88);--rp-border:rgba(37,99,235,.18)}
.rp-smart-search-panel{position:absolute;left:0;right:0;top:calc(100% + 12px);z-index:10020;border:1px solid var(--rp-border);border-radius:24px;background:linear-gradient(145deg,rgba(6,12,20,.98),rgba(5,25,16,.96));box-shadow:0 26px 70px rgba(0,0,0,.28);padding:16px;display:none;color:#eff6ff;max-height:min(72vh,620px);overflow:auto}.fp-header-search-wrap.is-rp-search-open .rp-smart-search-panel{display:block}.rp-smart-search-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.rp-smart-search-head strong{font-size:15px;font-weight:950}.rp-smart-search-head small{color:rgba(219,234,254,.65);font-weight:800}.rp-smart-search-section-title{display:flex;align-items:center;gap:8px;color:#93c5fd;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;margin:14px 0 8px}.rp-smart-search-item{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;padding:10px;border-radius:18px;color:#eff6ff!important;text-decoration:none!important;border:1px solid transparent}.rp-smart-search-item:hover{background:rgba(37,99,235,.09);border-color:rgba(37,99,235,.18)}.rp-smart-search-item img{width:54px;height:54px;object-fit:cover;border-radius:15px;background:rgba(255,255,255,.06)}.rp-smart-search-item b{display:block;font-size:14px;line-height:1.25}.rp-smart-search-item span{display:block;color:rgba(219,234,254,.63);font-size:12px;font-weight:800;margin-top:3px}.rp-smart-search-item em{font-style:normal;font-weight:950;color:#93c5fd;white-space:nowrap}.rp-smart-search-empty{padding:22px;text-align:center;border-radius:18px;background:rgba(255,255,255,.045);color:rgba(219,234,254,.70);font-weight:800}.rp-smart-search-chips{display:flex;gap:8px;flex-wrap:wrap}.rp-smart-search-chip{border:1px solid rgba(37,99,235,.20);background:rgba(37,99,235,.08);color:#dbeafe!important;text-decoration:none!important;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:900}
.rp-fav-btn{position:absolute;right:12px;top:12px;z-index:8;width:38px;height:38px;border:0;border-radius:999px;background:rgba(2,6,23,.68);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 28px rgba(0,0,0,.20);backdrop-filter:blur(10px);transition:transform .16s ease,background .16s ease,color .16s ease}.rp-fav-btn:hover{transform:translateY(-2px) scale(1.03)}.rp-fav-btn.is-active{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff}.fp-product-item,.fp-product-list-row,.steam-game-card,.steam-surface{position:relative}.rp-favorites-link{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:9px 13px;background:rgba(239,68,68,.10);border:1px solid rgba(239,68,68,.18);color:#fecaca!important;text-decoration:none!important;font-weight:900}.rp-favorites-hero{position:relative;overflow:hidden;border-radius:30px;padding:34px;margin:18px 0 24px;background:radial-gradient(circle at 20% 10%,rgba(239,68,68,.22),transparent 32%),linear-gradient(135deg,rgba(8,13,20,.96),rgba(19,36,26,.94));border:1px solid rgba(37,99,235,.16);box-shadow:0 24px 70px rgba(0,0,0,.20)}.rp-favorites-hero span{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(239,68,68,.12);color:#fecaca;font-weight:950}.rp-favorites-hero h1{margin:14px 0 8px;color:#f8fafc;font-weight:950}.rp-favorites-hero p{margin:0;color:rgba(219,234,254,.72);max-width:680px}.rp-empty-state{text-align:center;padding:52px 20px;border-radius:30px;border:1px solid rgba(37,99,235,.14);background:rgba(255,255,255,.045)}.rp-empty-state i{font-size:54px;color:#93c5fd}.rp-empty-state h3{margin:12px 0 8px;font-weight:950}.rp-empty-state p{opacity:.72}
.rp-category-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px;align-items:center;margin:18px 0 24px;border-radius:32px;padding:34px;background:radial-gradient(circle at 16% 12%,rgba(37,99,235,.24),transparent 34%),linear-gradient(135deg,rgba(7,12,22,.97),rgba(8,31,20,.94));border:1px solid rgba(37,99,235,.18);box-shadow:0 26px 70px rgba(0,0,0,.20)}.rp-category-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,6,23,.74),rgba(2,6,23,.32)),var(--rp-cat-bg);background-size:cover;background-position:center;opacity:.22}.rp-category-hero>*{position:relative;z-index:1}.rp-category-hero--steam{background:radial-gradient(circle at 14% 10%,rgba(37,99,235,.22),transparent 34%),linear-gradient(135deg,#07140d,#0b1f17)}.rp-category-hero--valorant{background:radial-gradient(circle at 14% 10%,rgba(239,68,68,.22),transparent 34%),linear-gradient(135deg,#19080b,#1c1118)}.rp-category-hero--pubg{background:radial-gradient(circle at 14% 10%,rgba(245,158,11,.26),transparent 34%),linear-gradient(135deg,#171006,#1d1a12)}.rp-category-hero--metin2{background:radial-gradient(circle at 14% 10%,rgba(168,85,247,.22),transparent 34%),linear-gradient(135deg,#110a1c,#102016)}.rp-category-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);color:#bfdbfe;font-weight:950;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.rp-category-hero h1{margin:14px 0 10px;color:#fff;font-size:clamp(28px,4vw,44px);font-weight:950;letter-spacing:-.04em}.rp-category-hero p{margin:0;color:rgba(239,246,255,.78);line-height:1.7;max-width:760px}.rp-category-hero__stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.rp-category-hero__stats span{display:inline-flex;gap:6px;align-items:center;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.10);color:#dbeafe;font-weight:850}.rp-category-hero__stats strong{color:#93c5fd}.rp-category-hero__visual{justify-self:end;width:190px;height:190px;border-radius:34px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 50px rgba(0,0,0,.18);overflow:hidden}.rp-category-hero__visual img{width:100%;height:100%;object-fit:cover}.rp-category-hero__visual i{font-size:76px;color:#93c5fd}
.rp-checkout-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.rp-checkout-step{padding:14px;border-radius:20px;border:1px solid rgba(37,99,235,.16);background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(6,182,212,.055));display:flex;gap:10px;align-items:flex-start}.rp-checkout-step i{width:34px;height:34px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff}.rp-checkout-step strong{display:block;color:#eff6ff;font-size:13px}.rp-checkout-step span{display:block;color:rgba(219,234,254,.66);font-size:12px;line-height:1.35;margin-top:2px}.rp-cart-sticky-checkout{position:fixed;left:12px;right:12px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:998;display:none;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(37,99,235,.20);border-radius:22px;padding:12px 14px;background:rgba(7,14,20,.94);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.28)}.rp-cart-sticky-checkout strong{display:block;color:#eff6ff}.rp-cart-sticky-checkout span{display:block;color:#93c5fd;font-weight:950}.rp-cart-sticky-checkout a,.rp-cart-sticky-checkout button{border:0;border-radius:16px;padding:12px 16px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff!important;text-decoration:none!important;font-weight:950}.rp-order-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0 4px;padding-top:12px;border-top:1px solid rgba(37,99,235,.12)}.rp-order-step{position:relative;border-radius:16px;padding:10px 8px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);text-align:center;color:rgba(219,234,254,.62);font-size:11px;font-weight:900}.rp-order-step i{display:block;margin:0 auto 5px;width:28px;height:28px;border-radius:12px;line-height:28px;background:rgba(255,255,255,.06);color:inherit}.rp-order-step.is-active,.rp-order-step.is-done{color:#dbeafe;border-color:rgba(37,99,235,.18);background:rgba(37,99,235,.08)}.rp-order-step.is-active i,.rp-order-step.is-done i{background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff}.rp-order-step.is-cancelled{color:#fecaca;border-color:rgba(239,68,68,.25);background:rgba(239,68,68,.08)}.rp-order-step.is-cancelled i{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff}
.rp-gift-box-widget{position:fixed;right:18px;bottom:calc(100px + env(safe-area-inset-bottom));z-index:997}.rp-gift-box-button{display:flex;align-items:center;gap:11px;border:1px solid rgba(245,158,11,.28);border-radius:22px;padding:10px 12px;background:linear-gradient(135deg,rgba(23,14,5,.94),rgba(34,24,10,.90));color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.24),0 0 0 1px rgba(245,158,11,.08) inset;backdrop-filter:blur(12px)}.rp-gift-box-icon{position:relative;width:42px;height:42px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f59e0b,#ef4444);font-size:24px;box-shadow:0 12px 26px rgba(245,158,11,.30);animation:rpGiftPulse 2.4s ease-in-out infinite}.rp-gift-box-text strong{display:block;font-size:13px;font-weight:950}.rp-gift-box-text small{display:block;color:rgba(254,243,199,.78);font-weight:800}.rp-gift-modal{position:fixed;inset:0;background:rgba(2,6,23,.58);z-index:100500;display:none;align-items:center;justify-content:center;padding:20px}.rp-gift-modal.is-open{display:flex}.rp-gift-modal-card{position:relative;width:min(420px,100%);border-radius:32px;padding:34px 26px;text-align:center;background:linear-gradient(145deg,#0a101c,#111d12);border:1px solid rgba(245,158,11,.24);box-shadow:0 30px 100px rgba(0,0,0,.38);color:#f8fafc}.rp-gift-modal-close{position:absolute;right:14px;top:14px;width:36px;height:36px;border:0;border-radius:999px;background:rgba(255,255,255,.08);color:#fff}.rp-gift-modal-icon{width:76px;height:76px;margin:0 auto 16px;border-radius:28px;background:linear-gradient(135deg,#f59e0b,#2563eb);display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff}.rp-gift-modal-card h3{font-weight:950;margin:0 0 10px}.rp-gift-modal-card p{color:rgba(239,246,255,.76);line-height:1.6}.rp-gift-modal-cta{display:inline-flex;margin-top:8px;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff!important;text-decoration:none!important;font-weight:950}@keyframes rpGiftPulse{0%,100%{transform:rotate(-3deg) scale(1)}50%{transform:rotate(4deg) scale(1.08)}}
.rp-error-page{min-height:68vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:42px 0}.rp-error-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,rgba(37,99,235,.18),transparent 34%),radial-gradient(circle at 82% 22%,rgba(6,182,212,.14),transparent 32%);pointer-events:none}.rp-error-card{position:relative;max-width:820px;margin:0 auto;text-align:center;border-radius:36px;padding:48px 30px;background:linear-gradient(145deg,rgba(8,13,20,.94),rgba(8,28,18,.90));border:1px solid rgba(37,99,235,.18);box-shadow:0 30px 90px rgba(0,0,0,.22)}.rp-error-code{font-size:clamp(82px,16vw,160px);font-weight:950;line-height:.85;letter-spacing:-.08em;color:rgba(37,99,235,.20);margin-bottom:10px}.rp-error-card h1{font-weight:950;color:#f8fafc}.rp-error-card p{max-width:560px;margin:12px auto 24px;color:rgba(219,234,254,.72);line-height:1.7}.rp-error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.rp-error-actions a{border-radius:999px;padding:12px 18px;font-weight:950}.rp-error-search{margin:18px auto 0;display:flex;max-width:480px;border:1px solid rgba(37,99,235,.18);border-radius:999px;padding:6px;background:rgba(255,255,255,.06)}.rp-error-search input{flex:1;border:0;background:transparent;color:#fff;padding:0 14px;outline:0}.rp-error-search button{border:0;border-radius:999px;padding:10px 15px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:950}
html[data-theme="light"] .rp-smart-search-panel,body[data-theme="light"] .rp-smart-search-panel{background:#fff;color:#0f172a;box-shadow:0 24px 58px rgba(15,23,42,.16)}html[data-theme="light"] .rp-smart-search-item,body[data-theme="light"] .rp-smart-search-item{color:#0f172a!important}html[data-theme="light"] .rp-smart-search-item span,body[data-theme="light"] .rp-smart-search-item span{color:#64748b}html[data-theme="light"] .rp-checkout-step strong,body[data-theme="light"] .rp-checkout-step strong,html[data-theme="light"] .rp-favorites-hero h1,body[data-theme="light"] .rp-favorites-hero h1{color:#0f172a}html[data-theme="light"] .rp-checkout-step span,body[data-theme="light"] .rp-checkout-step span{color:#64748b}
@media(max-width:991px){.rp-category-hero{grid-template-columns:1fr;padding:24px;border-radius:26px}.rp-category-hero__visual{display:none}.rp-checkout-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-cart-sticky-checkout{display:flex}.rp-gift-box-widget{right:12px;bottom:calc(154px + env(safe-area-inset-bottom))}.rp-gift-box-text{display:none}.rp-smart-search-panel{position:fixed;top:84px;left:12px;right:12px;max-height:70vh}.rp-order-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.rp-checkout-steps{grid-template-columns:1fr}.rp-category-hero h1{font-size:28px}.rp-gift-box-icon{width:46px;height:46px}.rp-gift-box-button{padding:8px}.rp-error-card{padding:36px 18px}.rp-error-search{border-radius:22px;flex-direction:column}.rp-error-search button{width:100%}}


/* Mobil /sepet: ödeme adımları tek tek yatay kayar */
@media (max-width: 991px){
  .fp-cart-card .rp-checkout-steps{
    display:flex !important;
    grid-template-columns:none !important;
    gap:12px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:0 2px 8px !important;
    margin:0 0 16px !important;
    scroll-snap-type:x mandatory !important;
    scroll-padding-left:2px;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    touch-action:pan-x;
  }
  .fp-cart-card .rp-checkout-steps::-webkit-scrollbar{display:none;}
  .fp-cart-card .rp-checkout-steps{scrollbar-width:none;}
  .fp-cart-card .rp-checkout-step{
    flex:0 0 calc(100% - 4px) !important;
    width:calc(100% - 4px) !important;
    min-width:calc(100% - 4px) !important;
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
}
