/** Shopify CDN: Minification failed

Line 530:20 Unexpected "/"

**/
:root{
  --pp-bg:#F6F7FB;
  --pp-card:#FFFFFF;
  --pp-text:#0F172A;
  --pp-muted:#334155;
  --pp-border:#E5E7EB;
  --pp-accent:#2B8CFF;
  --pp-accent-hover:#1D6FE0;
  --pp-shadow:0 10px 30px rgba(15,23,42,.10);
  --pp-radius:16px;
}

body{ background:var(--pp-bg); }
.page-width{ max-width:1240px; }

.button, .shopify-payment-button__button{ border-radius:12px!important; }
.button--primary{ background:var(--pp-accent)!important; }
.button--primary:hover{ background:var(--pp-accent-hover)!important; }

.product-card-wrapper .card{
  box-shadow:var(--pp-shadow);
  border:1px solid var(--pp-border);
  border-radius:var(--pp-radius);
  background:var(--pp-card);
  overflow:hidden;
}
.product-card-wrapper .card__content{ padding:14px 14px 16px; }

h1,h2,h3{ color:var(--pp-text); }
p,.rte{ color:var(--pp-muted); }

/* Tier badge */
.pp-badge{
  position:absolute; top:12px; left:12px;
  padding:6px 10px; border-radius:999px;
  font-size:12px; font-weight:800;
  border:1px solid rgba(15,23,42,.06);
  backdrop-filter:blur(6px);
}
.pp-badge--diamond{ background:#DBEAFE; color:#1E40AF; }
.pp-badge--gold{ background:#FEF3C7; color:#92400E; }
.pp-badge--silver{ background:#F1F5F9; color:#334155; }
.pp-badge--bronze{ background:#FDE68A; color:#7C2D12; }

/* Hero */
.pp-hero{
  background:linear-gradient(180deg,#fff 0%, #F6F7FB 100%);
  padding:28px 0 10px;
}
.pp-hero__inner{
  display:grid; gap:24px;
  grid-template-columns:1fr 1.2fr;
  align-items:center;
}
.pp-hero__text h1{ font-size:46px; line-height:1.06; margin:0 0 10px; }
.pp-hero__text p{ font-size:16px; margin:0 0 16px; }
.pp-hero__video{
  background:#fff;
  border:1px solid var(--pp-border);
  box-shadow:var(--pp-shadow);
  border-radius:18px;
  overflow:hidden;
}
.pp-hero__video video{ width:100%; display:block; }

@media (max-width:990px){
  .pp-hero__inner{ grid-template-columns:1fr; }
  .pp-hero__text h1{ font-size:36px; }
}

/* Product video */
.pp-product-video{
  background:#fff;
  border:1px solid var(--pp-border);
  box-shadow:var(--pp-shadow);
  border-radius:18px;
  overflow:hidden;
  margin-bottom:18px;
}
.pp-product-video video{ width:100%; display:block; }

.pp-hero{ padding:44px 0; background-size:cover; background-position:center; }
.pp-hero__wrap{ display:grid; grid-template-columns: 1.1fr .9fr; gap: 24px; align-items:center; }
.pp-hero__img{ width:100%; height:auto; display:block; }
.pp-hero__title{ margin:0 0 10px; font-size:48px; line-height:1.05; }
.pp-hero__subtitle{ margin:0 0 18px; font-size:18px; max-width: 52ch; }

.pp-tabs{ display:flex; gap:10px; align-items:center; margin: 14px 0; }
.pp-tab{ border:1px solid rgba(0,0,0,.12); background:#fff; padding:10px 14px; border-radius: 999px; font-weight:800; cursor:pointer; }
.pp-tab.is-active{ box-shadow: 0 10px 20px rgba(0,0,0,.08); }
.pp-filter-btn{ margin-left:auto; border:1px solid rgba(0,0,0,.12); background:#fff; padding:10px 14px; border-radius: 10px; font-weight:800; cursor:pointer; }

.pp-filters{ display:flex; gap:12px; margin: 10px 0 18px; }
.pp-filter{ display:flex; flex-direction:column; gap:6px; }
.pp-filter select{ padding:10px 12px; border-radius:10px; border:1px solid rgba(0,0,0,.12); }

.pp-grid{ display:none; }
.pp-grid.is-active{ display:block; }

.pp-grid__inner{ display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 990px){
  .pp-hero__wrap{ grid-template-columns: 1fr; }
  .pp-grid__inner{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.pp-empty{ padding:16px; border:1px dashed rgba(0,0,0,.25); border-radius:12px; }

.pp-featured{ padding: 34px 0 60px; }
.pp-featured__wrap{ display:grid; grid-template-columns: 260px 1fr; gap: 18px; align-items:start; }
.pp-featured__badge img{ width: 100%; height:auto; display:block; }
.pp-featured__title{ margin: 0 0 12px; font-size: 34px; }
.pp-video-embed video{ width:100%; height:auto; border-radius: 16px; }
/* ===== PrimeProof Tabs (Premium) ===== */
.pp-tabs{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  margin: 8px 0 14px;
}

.pp-tab{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.35);
  background:#fff;
  cursor:pointer;
  font-weight:900;
  font-size:13px;
  color:#0F172A;
  box-shadow: 0 10px 24px rgba(15,23,42,.06);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.pp-tab:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(15,23,42,.10);
}

.pp-tab.is-active{
  border-color: rgba(43,140,255,.55);
  box-shadow: 0 16px 40px rgba(43,140,255,.18);
}

.pp-tab__icon{
  width:28px;
  height:auto;
  display:block;
}

.pp-filter-btn{
  margin-left:auto;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.35);
  background:#fff;
  font-weight:900;
  cursor:pointer;
}

.pp-filters{
  margin: 10px 0 16px;
  padding: 12px;
  border:1px solid rgba(148,163,184,.25);
  border-radius: 16px;
  background:#fff;
  box-shadow: 0 14px 38px rgba(15,23,42,.08);
  display:flex;
  gap: 14px;
  flex-wrap:wrap;
}

.pp-filter label{ font-weight:900; font-size:12px; display:block; margin-bottom:6px; }
.pp-filter select{
  height:38px;
  border-radius:12px;
  border:1px solid rgba(148,163,184,.35);
  padding: 0 10px;
  font-weight:800;
}

/* Grid spacing */
.pp-grids{ margin-top: 10px; }

.pp-grid__inner{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

@media (max-width: 990px){
  .pp-grid__inner{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pp-filter-btn{ width:100%; margin-left:0; }
}
/* =========================
   PrimeProof HERO (Landing)
   ========================= */
.pp-hero{
  padding: 34px 0 10px;
  background: linear-gradient(180deg,#ffffff 0%, #F6F7FB 100%);
  position: relative;
  overflow: hidden;
}

.pp-hero__inner{
  display:grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 28px;
  align-items: center;
}

/* sol taraf */
.pp-hero__left{
  padding: 10px 0;
}

.pp-hero__title{
  margin: 0 0 12px;
  font-weight: 900;
  letter-spacing: -0.5px;
  font-size: 54px;
  line-height: 1.03;
  color: var(--pp-text, #0F172A);
}

.pp-hero__subtitle{
  margin: 0 0 18px;
  font-size: 16px;
  line-height: 1.55;
  color: var(--pp-muted, #334155);
  max-width: 54ch;
}

.pp-hero__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 18px;
  border-radius: 14px;
  font-weight: 900;
  box-shadow: 0 14px 34px rgba(43,140,255,.22);
}

/* sağ görsel: “card” içinde premium */
.pp-hero__right{
  display:flex;
  justify-content:flex-end;
}

.pp-hero__img{
  width: min(520px, 100%);
  height: auto;
  display:block;
  border-radius: 22px;
  border: 1px solid rgba(148,163,184,.25);
  box-shadow: 0 18px 50px rgba(15,23,42,.12);
  background:#fff;
}

/* dekoratif blur blob */
.pp-hero::before{
  content:"";
  position:absolute;
  width: 520px;
  height: 520px;
  right: -180px;
  top: -180px;
  background: radial-gradient(circle at 30% 30%, rgba(43,140,255,.35), rgba(43,140,255,0) 60%);
  filter: blur(6px);
  pointer-events:none;
}

.pp-hero::after{
  content:"";
  position:absolute;
  width: 420px;
  height: 420px;
  left: -200px;
  bottom: -220px;
  background: radial-gradient(circle at 60% 40%, rgba(99,102,241,.18), rgba(99,102,241,0) 60%);
  filter: blur(10px);
  pointer-events:none;
}

/* responsive */
@media (max-width: 990px){
  .pp-hero{ padding: 22px 0 6px; }
  .pp-hero__inner{ grid-template-columns: 1fr; }
  .pp-hero__right{ justify-content:flex-start; }
  .pp-hero__title{ font-size: 38px; }
}
/* ========== PRIMEPROOF BACKGROUND CONTROL ========== */
:root{
  --pp-bg-image: url("/cdn/shop/files/primeproof_sadece_arka_plan_dokulu_1.png?v=1770584603");

  /* ÇAKMAĞIN KONUMU (bunu oynayacağız) */
  --pp-bg-pos-x: 78%;   /* sağa yaklaştırmak için artır (80-90) */
  --pp-bg-pos-y: 45%;   /* yukarı almak için azalt (35-45) */

  /* Buzlu cam opaklıkları */
  --pp-glass: rgba(255,255,255,.16);
  --pp-glass-strong: rgba(255,255,255,.22);
  --pp-glass-border: rgba(255,255,255,.22);
}

/* ÖNEMLİ: Body'de background-image varsa “çift ateş” yapar.
   Body'den background-image'i kapatıyoruz. */
body{
  background-image: none !important;
}

/* Arka plan SADECE Hero + Tests boyunca görünsün */
.pp-hero,
.pp-tests{
  background-image: var(--pp-bg-image);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: var(--pp-bg-pos-x) var(--pp-bg-pos-y);
}

/* ========== HERO'YU TAM ŞEFFAF YAP + UZAT ========== */
.pp-hero{
/* Hero yüksekliği artsın */
  padding: 70px 0 50px !important;
  min-height: 420px;
}


/* ========== PP TESTS (dropdown alanı) HAFİF ŞEFFAF ========== */
.pp-tests{
  /* Tests alanı hero ile aynı bg’yi devam ettirsin */
  padding-top: 18px;
  padding-bottom: 36px;
}

.pp-tabs,
.pp-filters{
  background: var(--pp-glass) !important;
  border: 1px solid var(--pp-glass-border);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 16px;
}

/* Dropdown/select kutuları */
.pp-filters select,
.pp-filters .select,
.pp-filter select{
  background: rgba(255,255,255,.22) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* ========== HEADER BUZLU CAM (Home/Diamond/Gold...) ========== */
/* Dawn benzeri temalarda header wrapper class’ları değişebiliyor,
   bu yüzden birkaç hedefi aynı anda yazıyoruz */
.header-wrapper,
.header,
.header__inner,
.shopify-section-header{
  background: var(--pp-glass) !important;
  border-bottom: 1px solid rgba(255,255,255,.18) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Header üstünde renkli şerit/katman varsa bastır */
.header-wrapper::before,
.shopify-section-header::before{
  background: transparent !important;
}

/* Mobilde çok şişmesin */
@media (max-width: 990px){
  .pp-hero{
    padding: 48px 0 34px !important;
    min-height: 360px;
  }
}
/* =========================
   PrimeProof - Tabs/Filters/Grid UI
   ========================= */

.pp-tests{
  padding: 14px 0 40px;
}

/* üstteki "Diamond | Gold | Silver | New Tests" tab bar */
.pp-tabs{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  padding: 10px 10px;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 14px;
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 26px rgba(2,6,23,.06);
}

/* tab butonları */
.pp-tab{
  appearance:none;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.65);
  color: var(--pp-text);
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  cursor:pointer;
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}
.pp-tab:hover{ transform: translateY(-1px); }

/* aktif tab: parlak mavi (senin istediğin laciverte yakın ton) */
.pp-tab.is-active{
  background: linear-gradient(180deg, rgba(20,60,170,1) 0%, rgba(20,90,255,1) 100%);
  color:#fff;
  border-color: rgba(20,90,255,.5);
  box-shadow: 0 10px 20px rgba(20,90,255,.25);
}

/* sağdaki Filter butonu */
.pp-filter-btn{
  margin-left:auto;
  appearance:none;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.70);
  color: var(--pp-text);
  padding: 10px 14px;
  border-radius: 12px;
  font-weight: 700;
  cursor:pointer;
}
.pp-filter-btn:hover{
  border-color: rgba(20,90,255,.35);
}

/* açılan filtre alanı */
.pp-filters{
  margin-top: 12px;
  padding: 12px;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 14px;
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 26px rgba(2,6,23,.06);
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.pp-filter{
  display:flex;
  align-items:center;
  gap:10px;
}
.pp-filter label{
  font-size: 13px;
  font-weight: 700;
  color: rgba(15,23,42,.72);
}
.pp-filter select{
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.75);
  border-radius: 12px;
  padding: 10px 12px;
  font-weight: 600;
  min-width: 160px;
}

/* grid */
.pp-grids{ margin-top: 14px; }
.pp-grid{ display:none; }
.pp-grid.is-active{ display:block; }

.pp-grid__inner{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

/* kartların dış kutusu (card-product render'ı içeride) */
.pp-card{
  position: relative;
}

/* boş uyarısı */
.pp-empty{
  padding: 16px;
  border: 1px dashed rgba(15,23,42,.18);
  border-radius: 14px;
  background: rgba(255,255,255,.65);
  color: rgba(15,23,42,.75);
  font-weight: 600;
}

/* responsive */
@media (max-width: 1100px){
  .pp-grid__inner{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 760px){
  .pp-grid__inner{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .pp-filter-btn{ width:100%; margin-left:0; }
  .pp-filter select{ min-width: 140px; }
}
/* ========= PrimeProof HERO FINAL ========= */
.pp-hero{
  background-image: var(--pp-hero-bg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 78% 45%; /* çakmak sağ */
  padding: 70px 0 50px;
  min-height: 420px;
  position: relative;
  overflow: hidden;
}
* Menü yazıları */
.header__menu-item,
.header__menu-item span,
.header__menu-item a {
  background: linear-gradient(
    90deg,
    #7dd3ff,
    #3b82f6,
    #1e40af,
    #3b82f6,
    #7dd3ff
  );
  background-size: 300% 100%;
  animation: pp-header-text 4s linear infinite;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  font-weight: 700;
}

/* Hover daha parlak */
.header__menu-item:hover {
  filter: brightness(1.3);
}

@keyframes pp-header-text {
  0%   { background-position: 0% 50%; }
  100% { background-position: 300% 50%; }
}

/* =========================
   PRIMEPROOF – ANIMATED HEADER
   ========================= */

/* HEADER ZEMİN */
.header-wrapper,
.header,
.shopify-section-header {
  background: linear-gradient(
    120deg,
    #0a1a4f,
    #143caa,
    #1e6bff,
    #143caa,
    #0a1a4f
  );
  background-size: 300% 300%;
  animation: ppHeaderGlow 10s ease infinite;
  border-bottom: 1px solid rgba(255,255,255,0.15);
}

/* HEADER YANAR DÖNER ANİMASYON */
@keyframes ppHeaderGlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* HEADER YAZILARI (Home, Diamond, Gold...) */
.header__menu-item,
.header__heading-link,
.header__icon,
.header__active-menu-item {
  color: #eaf1ff !important;
  font-weight: 700;
  text-shadow:
    0 0 6px rgba(80,140,255,.45),
    0 0 14px rgba(80,140,255,.25);
  transition: all .25s ease;
}

/* HOVER (üstüne gelince daha parlak) */
.header__menu-item:hover,
.header__heading-link:hover {
  color: #ffffff !important;
  text-shadow:
    0 0 10px rgba(120,180,255,.9),
    0 0 26px rgba(120,180,255,.6);
  transform: translateY(-1px);
}

/* AKTİF SAYFA (Home seçiliyse vs.) */
.header__active-menu-item {
  color: #ffffff !important;
  text-shadow:
    0 0 12px rgba(120,180,255,1),
    0 0 30px rgba(120,180,255,.8);
}

/* LOGO DA PARLASIN */
.header__heading-logo {
  filter: drop-shadow(0 0 12px rgba(120,180,255,.6));
}

/* MOBİLDE DAHA SAKİN */
@media (max-width: 990px) {
  .header-wrapper,
  .header {
    animation-duration: 16s;
  }
}
/* ===== HEADER YAZILARINI GÖRÜNÜR YAP (BEYAZI İPTAL) ===== */

/* Header zemini açıkken yazılar koyu olsun */
.shopify-section-header,
.header-wrapper,
.header {
  color: #0F172A !important;
}

/* Menü linkleri */
.header__menu-item,
.header__active-menu-item,
.header__menu-item span,
.header__inline-menu a,
.header__inline-menu summary,
.header__inline-menu details > summary {
  color: #0F172A !important;
  opacity: 1 !important;
}

/* Hover rengi (laciverte yakın mavi) */
.header__menu-item:hover,
.header__inline-menu a:hover,
.header__inline-menu summary:hover {
  color: #0B3B8F !important;
}

/* İkonlar (arama / hesap / sepet) */
.header__icon,
.header__icon .icon,
.header__icon svg,
.header__heading-link,
.header__heading-link span {
  color: #0F172A !important;
  fill: #0F172A !important;
}

/* Eğer tema linklere beyaz filter uyguluyorsa iptal */
.shopify-section-header a,
.shopify-section-header svg {
  filter: none !important;
}
/* ================================
   PRIMEPROOF BG SADECE HOME + PRIMEPROOF
   (Cart ve diğer sayfalardan kaldır)
   ================================ */

:root{
  --pp-bg-image: url("/cdn/shop/files/primeproof_sadece_arka_plan_dokulu_1.png?v=1770584603");
  --pp-bg-pos-x: 78%;
  --pp-bg-pos-y: 45%;
}

/* ÖNEMLİ:
   Daha önce body'ye background-image verdiysen,
   onu burada "genel" kapatıp sadece ilgili sayfalarda açıyoruz. */
body{
  background-image: none !important;
}

/* SADECE Anasayfa */
body.template-index .pp-hero,
body.template-index .pp-tests{
  background-image: var(--pp-bg-image) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: var(--pp-bg-pos-x) var(--pp-bg-pos-y) !important;
}

/* SADECE Primeproof sayfası (template: page.primeproof.json) */
body.template-page-primeproof .pp-hero,
body.template-page-primeproof .pp-tests{
  background-image: var(--pp-bg-image) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: var(--pp-bg-pos-x) var(--pp-bg-pos-y) !important;
}

/* Cart ve diğer sayfalarda ASLA görünmesin */
body.template-cart .pp-hero,
body.template-cart .pp-tests{
  background-image: none !important;
}

/* =================================
   CART: Checkout butonunu "yanar dönerli" yap
   ================================= */

@keyframes ppGlowMove {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Shopify cart checkout butonu farklı class'larla gelebiliyor, hepsini hedefliyoruz */
body.template-cart button[name="checkout"],
body.template-cart .cart__checkout-button,
body.template-cart .cart__ctas .button,
body.template-cart .cart__ctas button{
  background: linear-gradient(90deg, #0a2bff, #17d6ff, #0a2bff) !important;
  background-size: 220% 220% !important;
  animation: ppGlowMove 2.6s ease-in-out infinite !important;

  color: #fff !important;
  border: none !important;
  box-shadow: 0 10px 24px rgba(10,43,255,.25) !important;
}

/* Hover olunca biraz büyüsün (istersen kaldırırız) */
body.template-cart button[name="checkout"]:hover,
body.template-cart .cart__checkout-button:hover,
body.template-cart .cart__ctas .button:hover{
  transform: translateY(-1px);
}