/* ============================================================
   SinerPOS - Mobil Kampanya Sayfaları Ortak Stil Dosyası
   kampanyalar.php / kampanya-detay.php / urun-detay.php /
   video-izle.php / taksit.php burayı kullanır.
   ============================================================ */
:root{
  --cream:#F4F5F7; --cream-2:#ECEEF1; --ink:#12141A; --muted:#6B6F7A;
  --sage:#D7101F; --sage-d:#B80E1B; --sage-pale:#FDECEE;
  --terra:#D7101F; --terra-d:#A80C18; --terra-pale:#FDECEE;
  --amber:#E8A93C; --amber-d:#B87B12; --amber-pale:#FCEACB;
  --violet:#7C5CBF; --violet-d:#5A3F94; --violet-pale:#EAE1F8;
  --line:#E6E7EB;
  --serif:'Figtree',sans-serif; --sans:'Figtree',sans-serif; --mono:'JetBrains Mono',monospace;
}
*{box-sizing:border-box;}
html{overflow-x:hidden; width:100%;}
body{margin:0; overflow-x:hidden; width:100%; font-family:var(--sans); color:var(--ink); background:var(--cream-2); -webkit-font-smoothing:antialiased;}
a{text-decoration:none; color:inherit;} button{font-family:inherit; cursor:pointer; border:none; background:none;}
.app{max-width:520px; margin:0 auto; min-height:100vh; background:var(--cream); box-shadow:0 0 70px rgba(34,48,31,.08); display:flex; flex-direction:column;}

/* TOPBAR (logo) */
.topbar{position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:center; padding:12px 16px; background:var(--cream); border-bottom:1px solid var(--line);}
.topbar .logo-img{height:30px; object-fit:contain;}
.topbar .logo-fallback{font-family:var(--serif); font-style:italic; font-weight:700; font-size:17px;}

/* SUB TOPBAR (back + title) - ürün/video/taksit sayfaları */
.subbar{position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 16px; background:var(--cream); border-bottom:1px solid var(--line);}
.tb-btn{width:32px;height:32px;border-radius:10px; background:#fff; border:1px solid var(--line); display:flex;align-items:center;justify-content:center; color:var(--sage-d); flex-shrink:0; transition:.15s;}
.tb-btn:hover{background:var(--sage-pale); border-color:var(--sage);}
.tb-title{font-family:var(--serif); font-style:italic; font-weight:700; font-size:15px; text-align:center; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* SLIDER (kampanyalar.php üst) */
.slider{position:relative; margin:12px 16px 4px; border-radius:16px; overflow:hidden; aspect-ratio:16/8; border:2.5px solid var(--line); box-shadow:0 14px 28px -16px rgba(20,30,18,.5);}
.slider-track{display:flex; height:100%; transition:transform .45s ease;}
.slider-slide{min-width:100%; height:100%;}
.slider-slide img{width:100%; height:100%; object-fit:cover; display:block;}
.slider-dots{position:absolute; left:0; right:0; bottom:9px; display:flex; justify-content:center; gap:5px;}
.slider-dots span{width:6px;height:6px;border-radius:50%; background:rgba(255,255,255,.55); transition:.2s;}
.slider-dots span.active{background:#fff; width:16px; border-radius:4px;}

/* KATEGORİ SEKMELERİ */
.cat-tabs{display:flex; gap:7px; padding:10px 16px; overflow-x:auto; scrollbar-width:none;}
.cat-tabs::-webkit-scrollbar{display:none;}
.cat-tab{flex-shrink:0; padding:8px 15px; border-radius:100px; font-size:12px; font-weight:700; background:#fff; border:1.5px solid var(--line); color:var(--muted); white-space:nowrap; transition:.15s;}
.cat-tab.active{background:var(--sage-d); border-color:var(--sage-d); color:#fff;}

/* KAMPANYA KARTLARI GRID */
.camp-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px; padding:6px 16px 22px;}
.camp-card{position:relative; background:#fff; border:2.5px solid var(--line); border-radius:18px; overflow:hidden; display:flex; flex-direction:column; box-shadow:0 14px 28px -16px rgba(20,30,18,.5); transition:transform .15s ease, box-shadow .15s ease;}
.camp-card:active{transform:scale(.98);}
.camp-ribbon{flex-shrink:0; background:var(--amber); color:#402c06; font-size:9.5px; font-weight:800; padding:3px 9px; border-radius:100px; margin-top:2px;}
.camp-stage{height:64px; background:linear-gradient(135deg,#E5303C,#D7101F); display:flex; align-items:center; justify-content:center; color:#fff; font-family:var(--sans); font-weight:800; font-size:21px; letter-spacing:.01em; line-height:1.12; text-align:center; padding:2px 8px; position:relative;}
.camp-body{padding:17px 16px 18px; display:flex; flex-direction:column; gap:9px; flex:1; background:#fff;}
.camp-title-row{display:flex; align-items:flex-start; justify-content:space-between; gap:8px;}
.camp-title{font-size:16.5px; font-weight:800; line-height:1.28; color:var(--ink);}
.camp-sub{font-size:12px; color:var(--muted); font-weight:700;}
.camp-price-row{display:flex; align-items:baseline; gap:7px; margin-top:auto; flex-wrap:wrap;}
.camp-old{font-size:11px; color:var(--muted); text-decoration:line-through;}
.camp-new{font-family:var(--mono); font-weight:800; font-size:20px; color:var(--terra-d);}
.camp-cta{display:flex; align-items:center; justify-content:center; gap:5px; background:var(--sage-d); color:#fff; font-size:13.5px; font-weight:800; padding:10px; border-radius:11px; margin-top:8px;}
.camp-cta:hover{background:var(--sage); color:#fff;}

/* MARKET */
.market-stage{height:110px; background:#fff; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; border-bottom:1px solid var(--line); padding:8px;}
.market-stage img{width:100%; height:100%; object-fit:contain;}
.market-stage .icon-fallback{color:var(--muted); opacity:.35;}
.market-brand{position:absolute; left:9px; top:9px; z-index:2; background:var(--terra); color:#fff; font-size:9px; font-weight:800; padding:4px 9px; border-radius:100px;}
.market-price{font-family:var(--mono); font-weight:800; font-size:15px; color:var(--terra-d); margin-top:auto;}
.market-noprice{font-size:11px; color:var(--muted); font-weight:700; margin-top:auto;}
.gallery-slider{position:relative; margin:16px 16px 0; border-radius:18px; overflow:hidden; aspect-ratio:1/1; background:#fff; border:1px solid var(--line);}
.gallery-slider .slider-track{height:100%;}
.gallery-slider .slider-slide{display:flex; align-items:center; justify-content:center;}
.gallery-slider .slider-slide img{width:100%; height:100%; object-fit:contain;}
.share-toast{position:fixed; left:50%; bottom:90px; transform:translateX(-50%) translateY(20px); background:var(--ink,#222); color:#fff; font-size:12.5px; font-weight:700; padding:10px 18px; border-radius:100px; opacity:0; pointer-events:none; transition:.25s; z-index:50;}
.share-toast.show{opacity:1; transform:translateX(-50%) translateY(0);}

/* BOTTOM NAV — tek yuvarlak FAB butonu, basınca diğer butonlar yelpaze gibi açılıyor */
.fab-nav{
  position:sticky; bottom:0; z-index:40; margin-top:auto;
  height:0; /* sadece scroll-anchor; gerçek boşluğu .fab-spacer sağlar */
}
.fab-spacer{height:calc(72px + env(safe-area-inset-bottom,0px));}
.fab-backdrop{
  position:fixed; inset:0; background:rgba(12,16,12,.38); -webkit-backdrop-filter:blur(1.5px); backdrop-filter:blur(1.5px);
  opacity:0; visibility:hidden; transition:opacity .22s ease; z-index:38;
}
.fab-nav.open .fab-backdrop{opacity:1; visibility:visible;}
.fab-main{
  position:fixed; left:50%; bottom:calc(env(safe-area-inset-bottom,0px) + 14px); transform:translateX(-50%);
  width:72px; height:72px; border-radius:50%; z-index:41;
  /* Sitenin yeşil/sarı renklerinden bilerek ayrıştırılmış, tek başına duran bir vurgu rengi */
  background:linear-gradient(135deg,#E5303C,#D7101F); border:3px solid #fff; color:#fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 24px -6px rgba(15,25,45,.55), 0 0 0 3px rgba(29,53,87,.18);
  cursor:pointer; -webkit-tap-highlight-color:transparent; padding:0;
  transition:transform .28s cubic-bezier(.34,1.35,.64,1), background .22s ease;
}
.fab-nav.open .fab-main{transform:translateX(-50%) rotate(135deg); background:#B80E1B;}
.fab-main svg{position:absolute; width:28px; height:28px; transition:opacity .18s ease, transform .18s ease;}
.fab-icon-close{opacity:0;}
.fab-nav.open .fab-icon-menu{opacity:0;}
.fab-nav.open .fab-icon-close{opacity:1;}
/* Ana buton üstünde 5 saniyede bir değişen tanıtım yazısı */
.fab-caption{
  position:fixed; left:50%; bottom:calc(env(safe-area-inset-bottom,0px) + 94px);
  max-width:220px; width:max-content; z-index:39; text-align:center; pointer-events:none;
  background:#fff; color:#1A1D24; font-size:11.5px; font-weight:800; line-height:1.35;
  padding:9px 16px; border-radius:16px; border:2px solid #1A1D24;
  box-shadow:0 10px 22px -8px rgba(20,40,20,.35);
  opacity:0; transform:translateX(-50%) translateY(8px) scale(.92);
  transition:opacity .4s ease, transform .4s cubic-bezier(.34,1.4,.64,1);
}
.fab-caption::before{
  content:""; position:absolute; left:50%; bottom:-9px; transform:translateX(-50%);
  width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #1A1D24;
}
.fab-caption::after{
  content:""; position:absolute; left:50%; bottom:-6px; transform:translateX(-50%);
  width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #fff;
}
.fab-caption.show{ opacity:1; transform:translateX(-50%) translateY(0) scale(1); }
.fab-caption.pulse{ animation:fabCaptionPulse .5s ease; }
@keyframes fabCaptionPulse{
  0%{ transform:translateX(-50%) translateY(0) scale(1); }
  35%{ transform:translateX(-50%) translateY(-3px) scale(1.05); }
  100%{ transform:translateX(-50%) translateY(0) scale(1); }
}
.fab-nav.open ~ .fab-caption{ opacity:0 !important; }
.fab-items{
  position:fixed; left:50%; bottom:calc(env(safe-area-inset-bottom,0px) + 50px); z-index:40;
  width:0; height:0; pointer-events:none;
}
.fab-item{
  position:absolute; left:0; bottom:0; margin-left:-25px;
  display:flex; flex-direction:column; align-items:center; gap:4px;
  width:50px; opacity:0; transform:translate(0,0) scale(.35);
  pointer-events:none;
  transition:transform .34s cubic-bezier(.34,1.4,.64,1), opacity .2s ease;
}
.fab-item-circle{
  width:46px; height:46px; border-radius:50%; background:#fff; border:2px solid var(--ink);
  display:flex; align-items:center; justify-content:center; color:var(--muted);
  box-shadow:0 5px 14px -4px rgba(20,30,18,.45);
}
.fab-item-circle svg{width:19px; height:19px;}
.fab-item-label{
  font-size:9.5px; font-weight:800; color:#fff; white-space:nowrap;
  background:rgba(15,20,15,.72); padding:2px 7px; border-radius:100px;
}
.fab-item.active .fab-item-circle{color:var(--sage-d); border-color:var(--sage-d); background:var(--sage-pale); box-shadow:0 5px 14px -3px rgba(31,107,65,.5);}
/* "2. El" sekmesi — İkinci El bölümünü diğer sekmelerden ayırmak için sarı/siyah renk */
.fab-item.ie-nav .fab-item-circle{color:#E0A100; border-color:#E0A100;}
.fab-item.ie-nav.active .fab-item-circle{color:#181818; border-color:#181818; background:#FFE580; box-shadow:0 5px 14px -3px rgba(24,24,24,.5);}

.fab-nav.open .fab-item{opacity:1; pointer-events:auto;}
/* 6 elemanlı yelpaze (yarım daire, 110px yarıçap) */
.fab-items.fab-count-6 .fab-item:nth-child(1){transition-delay:.02s;}
.fab-items.fab-count-6 .fab-item:nth-child(2){transition-delay:.05s;}
.fab-items.fab-count-6 .fab-item:nth-child(3){transition-delay:.08s;}
.fab-items.fab-count-6 .fab-item:nth-child(4){transition-delay:.11s;}
.fab-items.fab-count-6 .fab-item:nth-child(5){transition-delay:.14s;}
.fab-items.fab-count-6 .fab-item:nth-child(6){transition-delay:.17s;}
.fab-nav.open .fab-items.fab-count-6 .fab-item:nth-child(1){transform:translate(-108px,-19px) scale(1);}
.fab-nav.open .fab-items.fab-count-6 .fab-item:nth-child(2){transform:translate(-82px,-74px) scale(1);}
.fab-nav.open .fab-items.fab-count-6 .fab-item:nth-child(3){transform:translate(-30px,-106px) scale(1);}
.fab-nav.open .fab-items.fab-count-6 .fab-item:nth-child(4){transform:translate(30px,-106px) scale(1);}
.fab-nav.open .fab-items.fab-count-6 .fab-item:nth-child(5){transform:translate(82px,-74px) scale(1);}
.fab-nav.open .fab-items.fab-count-6 .fab-item:nth-child(6){transform:translate(108px,-19px) scale(1);}
/* 5 elemanlı yelpaze */
.fab-items.fab-count-5 .fab-item:nth-child(1){transition-delay:.02s;}
.fab-items.fab-count-5 .fab-item:nth-child(2){transition-delay:.06s;}
.fab-items.fab-count-5 .fab-item:nth-child(3){transition-delay:.10s;}
.fab-items.fab-count-5 .fab-item:nth-child(4){transition-delay:.14s;}
.fab-items.fab-count-5 .fab-item:nth-child(5){transition-delay:.18s;}
.fab-nav.open .fab-items.fab-count-5 .fab-item:nth-child(1){transform:translate(-108px,-19px) scale(1);}
.fab-nav.open .fab-items.fab-count-5 .fab-item:nth-child(2){transform:translate(-71px,-84px) scale(1);}
.fab-nav.open .fab-items.fab-count-5 .fab-item:nth-child(3){transform:translate(0,-110px) scale(1);}
.fab-nav.open .fab-items.fab-count-5 .fab-item:nth-child(4){transform:translate(71px,-84px) scale(1);}
.fab-nav.open .fab-items.fab-count-5 .fab-item:nth-child(5){transform:translate(108px,-19px) scale(1);}

/* ============ KAMPANYA DETAY: HERO ============ */
.detail-frame{margin:12px 16px 0; border:2px solid var(--line); border-radius:20px; overflow:hidden;}
.detail-frame .hero-pad{padding:0; margin:0;}
.detail-frame .hero-card{border-radius:0;}
.detail-frame .sec{padding-left:4px; padding-right:4px;}
.detail-frame .price-box{margin-left:4px; margin-right:4px;}
.detail-frame .quick-actions{padding-left:4px; padding-right:4px;}
.hero-pad{padding:12px 16px 5px;}
.hero-card{position:relative; border-radius:18px; overflow:hidden; padding:12px 18px 11px; background:linear-gradient(135deg,#E5303C,#C40F1C); color:#fff;}
.hero-card::after{content:""; position:absolute; right:-30px; top:-30px; width:150px;height:150px;border-radius:50%; background:rgba(255,255,255,.08);}
.hero-watermark{position:absolute; right:12px; top:2px; font-family:var(--serif); font-style:italic; font-weight:700; font-size:56px; opacity:.14; line-height:1; z-index:1; pointer-events:none;}
.hero-controls{position:relative; z-index:2; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; margin-bottom:11px;}
.mini-back{width:28px;height:28px;border-radius:9px; background:#fff; display:flex;align-items:center;justify-content:center; color:var(--sage-d); flex-shrink:0; box-shadow:0 6px 14px -6px rgba(0,0,0,.35); transition:transform .15s;}
.mini-back:hover{transform:scale(1.08);}
.mini-back.justify-start{justify-self:start;}
.mini-back.justify-end{justify-self:end;}
.badge-pill{justify-self:center; display:inline-block; background:var(--amber); color:#402c06; font-size:10.5px; font-weight:800; padding:5px 14px; border-radius:100px;}
.hero-content{position:relative; z-index:2; text-align:center; margin-bottom:10px;}
.hero-title{font-family:var(--sans); font-weight:800; font-size:22px; line-height:1.15; margin:0 0 3px; letter-spacing:-.01em; text-shadow:0 2px 8px rgba(0,0,0,.2);}
.hero-sub{font-size:12.5px; font-weight:600; opacity:.9; margin:0;}
.meta-row{position:relative; z-index:2; display:flex; justify-content:flex-end; margin-bottom:2px;}
.meta-chip{display:flex; align-items:center; gap:4px; background:rgba(255,255,255,.16); font-size:10.5px; font-weight:700; padding:5px 10px; border-radius:100px; white-space:nowrap; flex-shrink:0;}

/* PAKET İÇERİĞİ */
.sec{padding:16px 16px 4px;}
.sec-head{display:flex; align-items:center; justify-content:center; gap:10px; margin-bottom:12px;}
.sec-head h2{font-family:var(--serif); font-style:italic; font-size:17px; font-weight:700; margin:0; text-align:center;}
.prod-grid{display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-bottom:16px;}
.prod-card{position:relative; display:flex; flex-direction:column; min-width:0; max-width:100%; overflow:hidden; background:#fff; border:1.5px solid var(--line); border-radius:14px; box-shadow:0 6px 16px -10px rgba(20,30,18,.35);}
.prod-info{display:flex; flex-direction:column; justify-content:space-between; gap:8px; min-width:0; flex:1; padding:10px 10px 12px;}
.prod-thumb{position:relative; width:100%; height:78px; border-radius:10px; flex-shrink:0; background:var(--cream-2); display:flex;align-items:center;justify-content:center; overflow:hidden;}
.prod-thumb img{width:100%; height:100%; object-fit:cover;}
.prod-thumb svg{width:32px; height:32px;}
.prod-thumb img{width:100%; height:100%; object-fit:contain; padding:4px;}
.prod-thumb svg{color:var(--muted); opacity:.55; width:26px; height:26px;}
.prod-name{font-size:12.5px; font-weight:800; line-height:1.25; margin-bottom:3px; color:var(--ink); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.prod-link{font-size:11px; font-weight:800; color:var(--sage-d); display:inline-flex; align-items:center; justify-content:center; gap:3px; text-decoration:underline; text-underline-offset:2px; max-width:100%;}
.prod-link.clickable{width:100%; box-sizing:border-box; align-self:stretch; background:linear-gradient(135deg,#E5303C,#D7101F); color:#fff; text-decoration:none; padding:6px 8px; font-size:10.5px; gap:2px; border-radius:8px; border:none; box-shadow:0 6px 14px -6px rgba(31,107,65,.55); letter-spacing:.01em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.prod-link.clickable:hover{background:linear-gradient(135deg,#E5303C,#A80C18); box-shadow:0 8px 18px -6px rgba(31,107,65,.65);}

/* FİYAT KUTUSU */
.price-box{background:#fff; border:1.5px solid var(--line); border-radius:14px; overflow:hidden; margin:0 16px 12px; box-shadow:0 10px 22px -12px rgba(20,30,18,.4);}
.price-top{display:flex; flex-direction:column; align-items:center; text-align:center; padding:9px 16px 7px;}
.price-old{font-size:11px; font-weight:700; color:var(--muted); text-decoration:line-through; margin-bottom:1px;}
.price-new{font-family:var(--mono); font-weight:800; font-size:24px; color:var(--terra-d); line-height:1;}
.price-rows{border-top:1px dashed var(--line); padding:7px 18px; display:flex; flex-direction:column; gap:4px;}
.price-row{display:flex; justify-content:space-between; font-size:12.5px; font-weight:700; color:var(--ink);}
.price-row span{color:var(--muted); font-weight:600;}
.price-row b{color:var(--ink); font-family:var(--mono); font-size:13px; font-weight:800;}
.total-bar{background:var(--sage-d); color:#fff; display:flex; justify-content:space-between; align-items:center; padding:9px 18px;}
.total-bar .l{font-size:12.5px; font-weight:700; opacity:.95;}
.total-bar .v{font-family:var(--mono); font-size:18px; font-weight:800;}

/* HIZLI AKSİYONLAR */
.quick-actions{display:flex; gap:6px; padding:0 16px 10px;}
.qa-item{flex:1; min-width:0; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:6px; padding:8px; border-radius:12px; border:1.5px solid var(--line); background:#fff; color:var(--muted); transition:.18s; box-shadow:0 6px 14px -10px rgba(20,30,18,.3);}
.qa-item:hover{border-color:var(--sage); color:var(--sage-d);}
.qa-item .qa-ic{flex-shrink:0; width:26px; height:26px; border-radius:9px; border:1.5px solid var(--line); color:var(--sage-d); display:flex; align-items:center; justify-content:center;}
.qa-item span{font-size:9px; font-weight:800; text-align:left; line-height:1.15; color:var(--ink); max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.qa-item.qa-pay{background:var(--sage-d); border-color:var(--sage-d); color:#fff; box-shadow:0 12px 22px -10px rgba(31,107,65,.5);}
.qa-item.qa-pay span{color:#fff;}
.qa-item.qa-pay:hover{background:var(--sage); border-color:var(--sage);}

.notice{margin:0 16px 12px; background:var(--cream-2); border-radius:12px; padding:11px 14px; display:flex; flex-direction:column; gap:6px;}
.notice p{margin:0; font-size:10.5px; color:var(--muted); display:flex; gap:7px; line-height:1.4;}

.trust-row{display:flex; justify-content:space-between; gap:6px; padding:0 16px 16px;}
.trust-item{flex:1; display:flex; align-items:center; justify-content:center; gap:5px; background:var(--cream-2); border-radius:10px; padding:8px 4px;}
.trust-item .ic svg{width:15px; height:15px; display:block;}
.trust-item span{font-size:9px; font-weight:700; color:var(--muted); line-height:1.15; text-align:left;}

/* ============ ÜRÜN DETAYI ============ */
.img-wrap{position:relative; margin:16px 16px 0; background:#fff; border:1.5px solid var(--line); border-radius:18px; padding:22px; display:flex; align-items:center; justify-content:center; min-height:230px; box-shadow:0 10px 22px -12px rgba(20,30,18,.4);}
.brand-badge{position:absolute; left:14px; top:14px; background:var(--terra); color:#fff; font-size:11px; font-weight:800; letter-spacing:.02em; padding:6px 14px; border-radius:100px; box-shadow:0 8px 16px -8px rgba(214,67,30,.5);}
.img-wrap img{max-width:100%; max-height:230px; object-fit:contain;}
.img-wrap .icon-fallback{color:var(--muted); opacity:.4;}
.model-line{text-align:center; font-size:13px; font-weight:800; color:var(--ink); line-height:1.4; margin:8px 0 14px; padding:0 4px;}

.spec-box{background:#fff; border:1.5px solid var(--line); border-radius:14px; overflow:hidden; margin:0 16px 14px; box-shadow:0 8px 18px -12px rgba(20,30,18,.35);}
.spec-row{display:flex; justify-content:space-between; align-items:center; padding:11px 16px; font-size:12.5px;}
.spec-row:not(:last-child){border-bottom:1px dashed var(--line);}
.spec-row span{color:var(--muted); font-weight:600;}
.spec-row b{color:var(--ink); font-weight:800; text-align:right;}

.feature-box{background:#fff; border:1.5px solid var(--line); border-radius:14px; overflow:hidden; margin:0 16px 14px; box-shadow:0 8px 18px -12px rgba(20,30,18,.35);}
.feature-row{display:flex; align-items:flex-start; gap:9px; padding:9px 12px; font-size:11.5px; font-weight:700; color:var(--ink);}
.feature-row:not(:last-child){border-bottom:1px dashed var(--line);}
.feature-row .dot{width:17px;height:17px;border-radius:6px; background:var(--sage-pale); color:var(--sage-d); display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:1px;}

.callout-box{border-radius:14px; padding:14px 16px; margin:0 16px 14px;}
.callout-box.sage{background:var(--sage-pale);}
.callout-box.amber{background:var(--amber-pale);}
.callout-head{display:flex; align-items:center; gap:7px; font-weight:800; font-size:13px; margin-bottom:9px;}
.callout-head.sage{color:var(--sage-d);}
.callout-head.amber{color:var(--amber-d);}
.callout-highlight{font-size:12.5px; font-weight:700; color:var(--ink); line-height:1.5; margin-bottom:10px;}
.callout-points{display:flex; flex-direction:column; gap:7px;}
.callout-point{display:flex; align-items:center; gap:7px; font-size:11.5px; font-weight:600; color:var(--ink);}
.callout-point .pd{width:6px;height:6px;border-radius:50%; background:currentColor; flex-shrink:0;}
.callout-cta{font-size:12px; font-weight:800; color:var(--ink); margin-top:2px; line-height:1.6;}

.rt-para{font-size:12.5px; color:var(--muted); line-height:1.65; padding:0 16px; margin:0 0 10px;}
.rt-para.strong{color:var(--ink); font-weight:600;}
.check-box{background:#fff; border:1.5px solid var(--line); border-radius:14px; padding:4px 4px 8px; margin:2px 16px 14px; box-shadow:0 8px 18px -12px rgba(20,30,18,.35);}
.check-head{font-size:13px; font-weight:800; padding:10px 12px 6px; color:var(--ink);}
.check-row{display:flex; align-items:flex-start; gap:8px; padding:6px 12px; font-size:12px; font-weight:600; color:var(--ink);}
.check-row .ck{width:16px;height:16px;border-radius:5px; background:var(--sage); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:1px;}
.note-box{background:var(--cream-2); border-radius:12px; padding:11px 14px; margin:0 16px 16px; font-size:10.5px; color:var(--muted); line-height:1.55; font-style:italic;}

.detail-actions{display:flex; gap:8px; padding:2px 16px 20px; margin-top:auto;}
.app-pdp .detail-actions{margin-top:0;}
.action-btn{display:flex; align-items:center; justify-content:center; gap:7px; flex:1; padding:13px; border-radius:13px; font-size:13px; font-weight:800; transition:.18s;}
.action-btn.primary{background:var(--sage-d); color:#fff; box-shadow:0 14px 26px -12px rgba(31,107,65,.5);}
.action-btn.primary:hover{background:var(--sage);}
.action-btn.ghost{background:#fff; border:1.5px solid var(--line); color:var(--ink);}
.action-btn.ghost:hover{border-color:var(--sage); color:var(--sage-d);}

/* ============ VİDEO İZLE ============ */
.video-pad{padding:16px;}
.video-wrap{position:relative; width:100%; aspect-ratio:16/9; border-radius:16px; overflow:hidden; background:#0E0F12; box-shadow:0 18px 34px -16px rgba(34,48,31,.35);}
.video-wrap iframe{position:absolute; inset:0; width:100%; height:100%; border:0;}
.video-empty{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; color:rgba(255,255,255,.75); text-align:center; padding:0 24px;}
.video-empty .ic{width:52px;height:52px; border-radius:50%; background:rgba(255,255,255,.1); display:flex; align-items:center; justify-content:center;}
.video-empty p{margin:0; font-size:12.5px; font-weight:600; line-height:1.5;}
.vinfo{padding:4px 16px 0;}
.vinfo .tag{display:inline-flex; align-items:center; gap:5px; background:var(--terra-pale); color:var(--terra-d); font-size:10.5px; font-weight:800; padding:5px 12px; border-radius:100px; margin-bottom:10px;}
.vinfo h1{font-family:var(--serif); font-style:italic; font-weight:700; font-size:19px; margin:0 0 6px; line-height:1.3;}
.vinfo p{font-size:12.5px; color:var(--muted); line-height:1.55; margin:0;}

/* ============ TAKSİT TABLOSU ============ */
.taksit-head{padding:16px; text-align:center;}
.taksit-head .amount{font-family:var(--mono); font-weight:800; font-size:26px; color:var(--terra-d);}
.taksit-head p{margin:4px 0 0; font-size:12px; color:var(--muted);}
.taksit-table{margin:0 16px 16px; background:#fff; border:1px solid var(--line); border-radius:14px; overflow:hidden;}
.taksit-row{display:flex; justify-content:space-between; align-items:center; padding:12px 16px; font-size:12.5px;}
.taksit-row:not(:last-child){border-bottom:1px dashed var(--line);}
.taksit-row .tk-count{font-weight:800; color:var(--ink);}
.taksit-row .tk-count small{display:block; font-weight:600; color:var(--muted); font-size:10px;}
.taksit-row .tk-monthly{font-family:var(--mono); font-weight:800; font-size:14px; color:var(--sage-d); text-align:right;}
.taksit-row .tk-monthly small{display:block; font-weight:600; color:var(--muted); font-size:9.5px; font-family:var(--sans);}
.taksit-row.best{background:var(--sage-pale);}

/* ============ GENEL ANİMASYONLAR (ürün kartları + butonlar, tüm sayfalar) ============ */
.camp-card, .prod-card, .ref-card, .qa-item, .cat-tab, .nav-item,
.action-btn, .camp-cta, .tb-btn, .taksit-row {
  transition: transform .18s cubic-bezier(.34,1.3,.64,1), box-shadow .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease;
}
.camp-card:active, .prod-card:active, .ref-card:active,
.action-btn:active, .camp-cta:active, .qa-item:active, .cat-tab:active,
.nav-item:active, .tb-btn:active {
  transform: scale(.95);
}
@media (hover:hover) {
  .camp-card:hover{ transform: translateY(-3px); box-shadow: 0 20px 34px -16px rgba(20,30,18,.55); }
  .prod-card:hover{ transform: translateY(-2px); box-shadow: 0 12px 22px -12px rgba(20,30,18,.4); }
  .action-btn.primary:hover{ transform: translateY(-2px); }
  .action-btn.ghost:hover{ transform: translateY(-2px); }
  .camp-cta:hover{ transform: scale(1.03); }
  .qa-item:hover{ transform: translateY(-2px); }
  .cat-tab:hover{ transform: translateY(-1px); }
  .nav-item:hover{ color: var(--sage-d); }
  .tb-btn:hover{ transform: scale(1.06); }
}
@media (prefers-reduced-motion: reduce) {
  .camp-card, .prod-card, .ref-card, .qa-item, .cat-tab, .nav-item,
  .action-btn, .camp-cta, .tb-btn, .taksit-row { transition: none; }
  .camp-card:active, .prod-card:active, .ref-card:active,
  .action-btn:active, .camp-cta:active, .qa-item:active, .cat-tab:active,
  .nav-item:active, .tb-btn:active { transform: none; }
}

/* sinerpos.tr taşıması: 3 ve 4 öğeli alt menü yerleşimi (5 ve 6 öğeli olanlar yukarıda, değişmedi) */
.fab-items.fab-count-4 .fab-item:nth-child(1){transition-delay:.02s;}
.fab-items.fab-count-4 .fab-item:nth-child(2){transition-delay:.07s;}
.fab-items.fab-count-4 .fab-item:nth-child(3){transition-delay:.12s;}
.fab-items.fab-count-4 .fab-item:nth-child(4){transition-delay:.17s;}
.fab-nav.open .fab-items.fab-count-4 .fab-item:nth-child(1){transform:translate(-108px,-19px) scale(1);}
.fab-nav.open .fab-items.fab-count-4 .fab-item:nth-child(2){transform:translate(-49px,-98px) scale(1);}
.fab-nav.open .fab-items.fab-count-4 .fab-item:nth-child(3){transform:translate(49px,-98px) scale(1);}
.fab-nav.open .fab-items.fab-count-4 .fab-item:nth-child(4){transform:translate(108px,-19px) scale(1);}
.fab-items.fab-count-3 .fab-item:nth-child(1){transition-delay:.02s;}
.fab-items.fab-count-3 .fab-item:nth-child(2){transition-delay:.08s;}
.fab-items.fab-count-3 .fab-item:nth-child(3){transition-delay:.14s;}
.fab-nav.open .fab-items.fab-count-3 .fab-item:nth-child(1){transform:translate(-103px,-38px) scale(1);}
.fab-nav.open .fab-items.fab-count-3 .fab-item:nth-child(2){transform:translate(0,-110px) scale(1);}
.fab-nav.open .fab-items.fab-count-3 .fab-item:nth-child(3){transform:translate(103px,-38px) scale(1);}

/* SinerPOS ürün çizimleri (fotoğraf yoksa) */
.prod-thumb .kart{width:72%;max-width:120px}
.icon-fallback .kart{width:100%}
.market-stage .icon-fallback,.img-wrap .icon-fallback{opacity:1!important;width:70%;display:flex;align-items:center;justify-content:center}
.prod-thumb svg.kart{width:auto;height:70px;max-width:92%;opacity:1;color:inherit}
.img-wrap .icon-fallback svg.kart,.market-stage .icon-fallback svg.kart{width:100%;height:auto;max-height:150px}
/* Kampanya kartları: tüm kartlarda aynı ölçü */
.camp-card{display:flex;flex-direction:column}
.camp-stage{height:64px;padding:0 10px;font-size:17px;line-height:1.15;text-align:center;overflow:hidden}
.camp-stage{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:flex}
.camp-title-row{flex-direction:column;align-items:stretch;gap:8px}
.camp-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.4em;line-height:1.2}
.camp-ribbon{display:block;width:100%;box-sizing:border-box;text-align:center;margin:0;height:24px;line-height:24px;padding:0 8px;font-size:10.5px;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:8px;background:var(--sage);color:#fff}
.camp-sub{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.6em}
.camp-cta{margin-top:auto}

/* SinerPOS ailesi: beyaz zemin, kırmızı vurgu */
.camp-ribbon{background:#FDECEE;color:#C40F1C}
.camp-cta{background:#fff!important;color:var(--ink)!important;border:1.5px solid var(--line);box-shadow:none!important}
.camp-card:hover .camp-cta{border-color:#D7101F;color:#D7101F!important}

.camp-card,.detail-frame,.prod-card,.price-box,.img-wrap,.spec-box,.feature-box,.check-box{box-shadow:0 12px 26px -20px rgba(18,20,26,.28)}
.market-add-btn{background:#fff!important;border:1.5px dashed #D7101F!important;color:#D7101F!important;box-shadow:none!important}
.badge-pill{background:#fff;color:#C40F1C}

.prod-link.swap-link,.swap-link{color:#C40F1C!important}
.swap-tag{background:#FDECEE;color:#C40F1C}

/* Net SinerPOS paleti: siyah - beyaz - kırmızı + yeşil vurgu (düz renkler) */
body,.app{background:#F2F3F5!important}
.camp-card,.detail-frame,.prod-card,.price-box,.spec-box,.feature-box,.check-box{background:#fff;border:1px solid #E1E3E8!important;box-shadow:0 10px 22px -16px rgba(18,20,26,.35)!important}
.camp-stage{background:#D7101F!important;color:#fff!important;border:0;box-shadow:none}
.camp-ribbon{background:#12141A!important;color:#fff!important}
.camp-cta{background:#12141A!important;color:#fff!important;border:0!important}
.camp-card:hover .camp-cta{background:#D7101F!important;color:#fff!important}
.hero-card{background:#D7101F!important;color:#fff!important;border:0;box-shadow:none}
.hero-title{text-shadow:none!important;color:#fff}
.hero-sub{color:#fff;opacity:.9}
.hero-watermark{color:#fff;opacity:.14}
.hero-card .tb-btn{background:#fff!important;color:#12141A!important;border:0}
.badge-pill{background:#fff!important;color:#D7101F!important}
.hero-card [class*="view"]{background:rgba(255,255,255,.2)!important;color:#fff!important}
.img-wrap{background:#fff!important}
.prod-link.clickable{background:#12141A!important;color:#fff!important;border:0!important;box-shadow:none!important}
.prod-link.clickable:hover{background:#D7101F!important;color:#fff!important}
.prod-link.swap-link,.swap-link{color:#1F9D55!important}
.total-bar{background:#12141A!important;color:#fff!important;border:0}
.total-bar .v{color:#fff}
.fab-main{background:#1F9D55!important;box-shadow:0 10px 24px -8px rgba(31,157,85,.6)!important}
.fab-nav.open .fab-main{background:#17844A!important}
.market-add-btn{border-color:#1F9D55!important;color:#1F9D55!important}
/* Ana renk siyah */
.camp-stage,.hero-card{background:#12141A!important;color:#fff!important}
.badge-pill{background:#D7101F!important;color:#fff!important}
.hero-card .tb-btn{background:#fff!important;color:#12141A!important}
.camp-ribbon{background:#FDECEE!important;color:#D7101F!important}
.camp-cta,.prod-link.clickable{background:#D7101F!important;color:#fff!important}
.camp-card:hover .camp-cta,.prod-link.clickable:hover{background:#12141A!important}
.cat-tab.active{background:#12141A!important;border-color:#12141A!important;color:#fff!important}
.camp-cta{background:#12141A!important;color:#fff!important}
.camp-card:hover .camp-cta,.camp-cta:hover{background:#D7101F!important;color:#fff!important}