/*! Patiya Pet Shop — ÜRÜN DETAY SAYFASI CSS (L3, Parti 2)
 * Üretim: 2026-08-21 06:37:23
 *
 * BU DOSYA ELLE DÜZENLENMEZ. Kaynak, WPCode parçacıklarındaki
 * stil (style) bloklarıdır; buraya BAYT BAYT kopyalanmıştır:
 *   patiya-kademe-stil  <- #18645 patiya_kd_stil()
 *   patiya-urun-a       <- #18156 patiya_ud_varliklar()
 *   patiya-urun-b       <- #18156 patiya_ud_varliklar()
 *
 * SIRA = bu blokların bugünkü BELGE SIRASI. Değiştirilmemelidir;
 * kaskad bu sıraya bağlıdır.
 *
 * SÜRÜM DOSYA ADINDADIR (md5 ilk 10). ?ver= bu sitede çalışmaz
 * (LiteSpeed optm-qs_rm=1 siler) ve klasör 1 yıllık immutable
 * önbellek altındadır. Dosya yeniden üretilirse #17447 içindeki
 * patiya_l3_dosyalar() adı da güncellenmelidir.
 *
 * Dosya diskte yoksa parçacıklar CSS'i eskisi gibi satır içi basar
 * (patiya_l3() sigortası) — yarım kalmış sayfa oluşmaz.
 */

/* ==================== patiya-kademe-stil ==================== */
.pkd{
--pkd-ink:#141311;--pkd-text:#5A554F;--pkd-mut:#6E6961;--pkd-fai:#6E6961;
--pkd-line:#EBE5DB;--pkd-hair:#F4F0E9;
--pkd-am:#FEA910;--pkd-amd-t:#FEA910;--pkd-amd:#FEA910;--pkd-amk:#7A5000;--pkd-aml:#FFF8EA;
--pkd-ys:#177A41;
position:relative;margin:0 0 16px;border:1px solid var(--pkd-line);border-radius:18px;
background:#fff;overflow:hidden;
font-family:Poppins,Poppins Yedek,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
box-shadow:0 18px 38px -32px rgba(90,70,35,.55);}
.pkd *,.pkd *:before,.pkd *:after{box-sizing:border-box;}

/* ---------- üst şerit ---------- */
.pkd-ust{display:flex;align-items:center;gap:11px;padding:12px 14px 0;background:#fff;}
.pkd-ust-i{position:relative;flex:0 0 30px;width:30px;height:30px;border-radius:10px;
background:linear-gradient(150deg,#FFFAF0,var(--pkd-aml));
border:1px solid rgba(201,127,0,.22);color:var(--pkd-amd-t);}
.pkd-ust-i svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
width:15px;height:15px;display:block;}
.pkd-ust-m{flex:1;min-width:0;}
.pkd-ust-m b{display:block;font-size:13px;font-weight:600;color:var(--pkd-ink);
letter-spacing:-.2px;line-height:1.35;}
.pkd-ust-m > span{display:block;margin-top:1px;font-size:11px;font-weight:300;
color:var(--pkd-mut);line-height:1.45;}
.pkd-ust-r{flex-shrink:0;display:inline-flex;align-items:center;height:25px;padding:0 11px;
border-radius:8px;background:linear-gradient(150deg,#FFF3D8,var(--pkd-aml));
border:1px solid rgba(201,127,0,.26);
font-size:12px;font-weight:600;color:var(--pkd-amd-t);white-space:nowrap;line-height:1;}

/* ---------- bölmeler ---------- */
.pkd-t{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:11px 11px 4px;}
.pkd-s{position:relative;overflow:hidden;
display:flex;flex-direction:column;align-items:center;gap:3px;
padding:13px 9px 12px;border-radius:13px;background:#FCFAF6;
border:1px solid #F0EBE1;text-align:center;cursor:pointer;
-webkit-tap-highlight-color:transparent;
transition:background .22s ease,border-color .22s ease,box-shadow .22s cubic-bezier(.2,.8,.2,1),transform .22s cubic-bezier(.2,.8,.2,1);}
.pkd-s:focus-visible{outline:2px solid var(--pkd-amd);outline-offset:2px;}

/* "En avantajlı" — kutunun EN ALTINDA tam genişlik şerit.
   Köşeye konduğunda adet yazısının üstüne biniyordu. */
.pkd-s.en{padding-bottom:26px;}
.pkd-rz{position:absolute;left:0;right:0;bottom:0;
display:flex;align-items:center;justify-content:center;height:18px;
background:var(--pkd-am);color:#3B2600;
font-size:9.5px;font-weight:600;letter-spacing:.3px;white-space:nowrap;
opacity:.95;transition:opacity .22s ease;}

/* adet aralığı */
.pkd-a{display:block;font-size:11.5px;font-weight:400;color:var(--pkd-mut);
line-height:1.3;letter-spacing:.1px;transition:color .24s ease;}
.pkd-a i{font-style:normal;font-weight:400;}

/* fiyat */
.pkd-f{display:block;font-size:19px;font-weight:600;color:var(--pkd-ink);
letter-spacing:-.5px;line-height:1.25;white-space:nowrap;
font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1;
transition:color .24s ease;}
.pkd-f .amount,.pkd-f bdi{font-weight:600 !important;color:inherit !important;
font-size:inherit !important;letter-spacing:inherit !important;}

/* tasarruf satırı */
.pkd-k{display:block;font-size:11px;font-weight:400;color:var(--pkd-ys);
line-height:1.35;white-space:nowrap;}
.pkd-k em{font-style:normal;font-weight:600;}
.pkd-k em .amount,.pkd-k em bdi{font-weight:600 !important;color:var(--pkd-ys) !important;
font-size:11px !important;}
.pkd-k i{font-style:normal;opacity:.45;margin:0 2px;}
.pkd-k-n{color:var(--pkd-fai);}

/* indirim derinliği ölçeği */
.pkd-o{display:block;width:30px;height:3px;margin-top:6px;border-radius:3px;
background:#EDE7DC;overflow:hidden;}
.pkd-o i{display:block;height:100%;border-radius:3px;
background:linear-gradient(90deg,#FEA910,var(--pkd-am));
transition:background .22s ease;}

/* üzerine gelince */
.pkd-s:hover{background:#fff;border-color:rgba(254,169,16,.45);
box-shadow:0 10px 22px -16px rgba(190,140,40,.65);transform:translateY(-2px);}
.pkd-s:hover .pkd-f{color:var(--pkd-amd-t);}
.pkd-s:hover .pkd-a{color:var(--pkd-amd-t);}

/* seçili kademe */
.pkd-s.on{background:linear-gradient(180deg,#FFFAEF,#FFF5E0);
border-color:rgba(254,169,16,.45);
box-shadow:0 12px 26px -18px rgba(254,169,16,.8),inset 0 1px 0 #fff;}
.pkd-s.on .pkd-a{color:var(--pkd-amd-t);font-weight:500;}
.pkd-s.on .pkd-f{color:var(--pkd-amk);}
.pkd-s.on .pkd-o{background:rgba(254,169,16,.22);}
.pkd-s.on .pkd-o i{background:var(--pkd-amd);}
.pkd-s.on .pkd-rz{opacity:1;}

/* ---------- alt not ----------
   Izgara kullanılıyor: ilk sütun sabit 18px ikon, ikinci sütun metin.
   Esnek kutuda ilk kelime ikonla aynı satıra sıkışıp orantısız
   görünüyordu; ızgarada iki sütun birbirinden bağımsız hizalanır. */
.pkd-n{display:grid !important;grid-template-columns:18px minmax(0,1fr);
align-items:start;gap:9px;
margin:8px 0 0 !important;padding:11px 14px 12px !important;
border-top:1px solid var(--pkd-hair);background:#FCFAF6;text-align:left;}
.pkd-n-i{position:relative;width:18px;height:18px;margin-top:1px;
border-radius:50%;background:#E4F3EA;color:var(--pkd-ys);}
.pkd-n-i svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
width:10px;height:10px;display:block;}
.pkd-n-t{display:block;min-width:0;
font-size:11.5px !important;font-weight:300 !important;line-height:1.6 !important;
color:var(--pkd-mut) !important;letter-spacing:0 !important;
font-family:inherit !important;text-transform:none !important;}
.pkd-n-t b{font-weight:600;color:var(--pkd-amk);}
.pkd-n-t .amount,.pkd-n-t bdi{font-weight:600 !important;color:var(--pkd-amk) !important;
font-size:11.5px !important;}
/* Yaklaşan kademe uyarısı — JavaScript bu sınıfı ekler */
.pkd-n.tesvik{background:#FFF8EA;border-top-color:rgba(201,127,0,.22);}
.pkd-n.tesvik .pkd-n-i{background:#FFEFCE;color:var(--pkd-amd-t);}

/* ---------- üst bölüm özeti (fiyatın altındaki şerit) ---------- */
.pkdz{display:flex !important;align-items:center;gap:10px;
margin:0 0 13px;padding:8px 12px;border-radius:11px;
background:linear-gradient(135deg,#FFFBF2,#FFF6E6);
border:1px solid rgba(201,127,0,.28);
text-decoration:none !important;box-shadow:none !important;
font-family:Poppins,Poppins Yedek,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
transition:border-color .22s ease,background .22s ease,transform .22s cubic-bezier(.2,.8,.2,1);}
.pkdz:hover{border-color:rgba(201,127,0,.55);
background:linear-gradient(135deg,#FFF8E8,#FFF1D8);transform:translateY(-1px);}
.pkdz-i{position:relative;flex:0 0 24px;width:24px;height:24px;border-radius:8px;
background:#fff;border:1px solid rgba(201,127,0,.24);color:#FEA910;}
.pkdz-i svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
width:13px;height:13px;display:block;}
.pkdz-t{flex:1 1 auto;min-width:0;font-size:12px;font-weight:400;color:#7A5000;
line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pkdz-t b{font-weight:600;color:#5E3D00;}
.pkdz-t b .amount,.pkdz-t b bdi{font-weight:600 !important;color:#5E3D00 !important;
font-size:12.5px !important;}
.pkdz-c{flex-shrink:0;display:inline-flex;align-items:center;height:20px;padding:0 8px;
border-radius:6px;background:#FEA910;color:#fff;
font-size:10.5px;font-weight:600;line-height:1;letter-spacing:.2px;}
.pkdz-o{position:relative;flex:0 0 16px;width:16px;height:16px;color:#FEA910;}
.pkdz-o svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
width:14px;height:14px;display:block;}
.pkdz:hover .pkdz-o{color:#965F00;}
@media (max-width:420px){
.pkdz{gap:8px;padding:7px 10px;}
.pkdz-t{font-size:11.5px;}
}

/* ============================================================
   GALERİ SÜTUNUNA YERLEŞİM
   ------------------------------------------------------------
   Kart, ürün görselinin hemen altına — galeri sütununun içine —
   yerleşir ve iki sütunu birden kaplar. Ürün görseli de bir
   miktar kısaltılır ki kart kaydırmadan görünsün.
   ============================================================ */
.pu-gal .pkd{grid-column:1 / -1;order:3;margin:14px 0 0;}

@media (min-width:1081px){
.pu-sahne{padding-top:80% !important;}
.pu-sahne img{top:24px !important;right:24px !important;bottom:24px !important;left:24px !important;
max-width:calc(100% - 48px) !important;max-height:calc(100% - 48px) !important;}
.pu-th-kol{max-height:none !important;}
.pu-th{flex:0 0 68px !important;height:68px !important;}
}

/* ---------- duyarlı ---------- */
@media (max-width:900px){
.pkd-f{font-size:17.5px;}
.pkd-s{padding:12px 6px 11px;}
.pkd-s.en{padding-bottom:25px;}
.pkd-ust-m > span{display:none;}
}
@media (max-width:560px){
.pkd-t{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px 10px 4px;}
.pkd-f{font-size:18px;}
.pkd-s{padding:13px 9px 12px;}
.pkd-s.en{padding-bottom:26px;}
.pkd-ust{padding:11px 12px 0;}
.pkd-ust-r{font-size:11px;height:23px;padding:0 9px;}
.pkd-n{padding:10px 12px 11px !important;gap:8px;}
.pkd-n-t{font-size:11px !important;}
}
@media (max-width:380px){
.pkd-f{font-size:16.5px;}
.pkd-k{font-size:9.5px;}
.pkd-a{font-size:10.5px;}
.pkd-ust-b,.pkd-ust-m b{font-size:12px;}
}
@media (prefers-reduced-motion:reduce){
.pkd *{transition-duration:.001ms !important;}
.pkd-s:hover{transform:none;}
}

/* ==================== patiya-urun-a ==================== */
.pu{
--k:#141311;--t:#5A554F;--m:#6E6961;--z:#EDE9E2;--i:#F6F3EE;--y:#FCFAF6;
--a-t:#FEA910;--a:#FEA910;--ad-t:#FEA910;--ad:#FEA910;--al:#FFF6E4;
--ys:#15803D;--ysl:#EFFAF3;--kr:#B3261E;--mo:#5B4BC4;
--f:Poppins,Poppins Yedek,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
--r:18px;--rs:12px;
font-family:var(--f);color:var(--t);-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;display:block;font-size:15px;line-height:1.6;}
.pu *,.pu *:before,.pu *:after{box-sizing:border-box;}
.pu h1,.pu h2,.pu h3,.pu b,.pu button,.pu input,.pu textarea,.pu label,.pu time,.pu em{
font-family:var(--f) !important;text-transform:none;font-style:normal;}
.pu button{box-shadow:none;text-shadow:none;}
.pu svg{display:block;flex-shrink:0;}
/* Simge kabı olan her öğede simge tam ortada dursun.
   line-height:0 satır taban çizgisinden gelen kaymayı keser. */
.pu-kart-i,.pu-teklif-ic,.pu-yr-av,.pu-ab,.pu-ok,.pu-ys{
display:flex;align-items:center;justify-content:center;line-height:0;}
/* ---------- yıldız ---------- */
.pu-str-sp{position:absolute;width:0;height:0;overflow:hidden;}
.pu-str{position:relative;display:inline-flex;flex-shrink:0;line-height:0;}
.pu-str-b,.pu-str-d{display:inline-flex;gap:2.5px;line-height:0;}
.pu-str-d{position:absolute;inset:0;width:var(--o,0%);overflow:hidden;pointer-events:none;}
.pu-str svg{width:15px;height:15px;display:block;flex-shrink:0;}
.pu-str-b svg{fill:#DED8CF;}
.pu-str-d svg{fill:#FEA910;}
.pu-str.mini svg{width:12px;height:12px;}
.pu-str.buyuk svg{width:18px;height:18px;}
/* ---------- sayfa yolu ---------- */
.pu{margin-top:-12px;}
.pu-yol{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:18px;
font-size:12.5px;font-weight:300;color:var(--m);}
.pu-yol a{color:var(--m);text-decoration:none;transition:color .2s ease;}
.pu-yol a:hover{color:var(--ad-t);}
.pu-yol span{color:#CFC8BE;}
.pu-yol em{color:var(--t);font-weight:400;}
/* ---------- ızgara ---------- */
.pu-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:56px;
align-items:start;margin-bottom:56px;}
/* ---------- galeri ---------- */
.pu-gal{position:sticky;top:104px;display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;
align-items:start;}
/* Tek görselli üründe küçük görsel sütunu yoktur; ana görsel
   tam genişliği kaplasın, 76px'lik boş sütuna sıkışmasın. */
.pu-gal.tek{grid-template-columns:minmax(0,1fr);}
.pu-th-kol{display:flex;flex-direction:column;gap:10px;max-height:520px;overflow-y:auto;
scrollbar-width:none;padding:2px;}
.pu-th-kol::-webkit-scrollbar{display:none;}
.pu-th{position:relative;width:100%;padding-top:100%;border-radius:var(--rs);overflow:hidden;
background:#fff;border:1px solid var(--z);cursor:pointer;padding:0;height:76px;flex:0 0 76px;
transition:border-color .24s ease,box-shadow .24s ease;}
.pu-th img{position:absolute !important;top:7px;right:7px;bottom:7px;left:7px;margin:auto !important;
width:auto !important;height:auto !important;max-width:calc(100% - 14px) !important;
max-height:calc(100% - 14px) !important;object-fit:contain !important;display:block;}
.pu-th:hover{border-color:#D6CEC2;}
.pu-th.on{border-color:var(--k);box-shadow:0 0 0 1px var(--k);}
.pu-sahne{position:relative;width:100%;padding-top:100%;border-radius:var(--r);overflow:hidden;
background:#fff;border:1px solid var(--z);cursor:zoom-in;}
.pu-sahne img{position:absolute !important;top:34px;right:34px;bottom:34px;left:34px;margin:auto !important;
width:auto !important;height:auto !important;max-width:calc(100% - 68px) !important;
max-height:calc(100% - 68px) !important;object-fit:contain !important;display:block;
transition:transform .45s cubic-bezier(.2,.8,.2,1);will-change:transform;}
.pu-sahne.zoom img{transform:scale(1.85);}
.pu-bos-g{position:absolute;inset:0;background:var(--i);}
.pu-rz{position:absolute;top:16px;left:16px;z-index:3;display:flex;flex-direction:column;
align-items:flex-start;gap:6px;}
.pu-r{display:inline-flex;align-items:center;height:25px;padding:0 11px;border-radius:8px;
font-size:11px;font-weight:600;letter-spacing:.3px;color:#fff;white-space:nowrap;}
.pu-r-ind{background:var(--kr);}
.pu-r-cok{background:#FEA910;}
.pu-r-firsat{background:var(--mo);}
.pu-r-tav{background:var(--ys);}
.pu-r-yok{background:#7C766F;}
/* ---------- bilgi ---------- */
.pu-bilgi{min-width:0;}
.pu-h1{margin:0 0 10px;font-size:clamp(21px,2.3vw,27px);font-weight:600;color:var(--k);
letter-spacing:-.7px;line-height:1.32;}
.pu-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px 16px;margin-bottom:16px;
padding-bottom:16px;border-bottom:1px solid var(--z);}
.pu-meta-p{display:inline-flex;align-items:center;gap:8px;text-decoration:none !important;
font-size:12.5px;font-weight:300;color:var(--m);transition:color .2s ease;}
.pu-meta-p b{font-size:13px;font-weight:600;color:var(--k);}
.pu-meta-p:hover{color:var(--ad-t);}
.pu-meta-s{font-size:12px;font-weight:300;color:var(--m);}
.pu-meta-s b{font-weight:500;color:var(--t);letter-spacing:.3px;}
.pu-fk{margin-bottom:15px;}
.pu-fs{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;}
.pu-fs ins{text-decoration:none;font-size:36px;font-weight:600;color:var(--k);letter-spacing:-1.5px;line-height:1.1;}
.pu-fs ins .amount{font-weight:600;}
.pu-fs del{font-size:16px;font-weight:300;color:var(--m);order:-1;width:100%;line-height:1;}
.pu-kaz{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 10px;border-radius:7px;
background:var(--ysl);color:var(--ys);font-size:11.5px;font-weight:600;}
.pu-kaz .amount{font-weight:600;}
.pu-fa{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:9px;
font-size:12.5px;font-weight:300;color:var(--m);}
.pu-fa .amount{font-weight:500;color:var(--t);}
.pu-kdv{padding:2px 8px;border-radius:6px;background:var(--i);font-size:11px;}
.pu-tp{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px;}
.pu-tp-i{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 13px;
border-radius:10px;background:var(--al);border:1px solid rgba(201,127,0,.2);
font-size:12.5px;font-weight:300;color:#7A5000;}
.pu-tp-i svg{width:15px;height:15px;color:var(--ad-t);}
.pu-tp-i b{font-weight:600;color:#5E3D00;}
/* Görselin sağ üstündeki stok rozeti */
.pu-sto{position:absolute;top:16px;right:16px;z-index:3;
display:inline-flex;align-items:center;gap:7px;height:29px;padding:0 12px;
border-radius:9px;background:rgba(255,255,255,.94);
backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
border:1px solid #D3EFDF;box-shadow:0 6px 16px -10px rgba(20,19,17,.28);
font-size:12px;font-weight:500;color:var(--ys);white-space:nowrap;line-height:1;}
.pu-sto i{width:7px;height:7px;border-radius:50%;background:var(--ys);flex-shrink:0;
box-shadow:0 0 0 3.5px rgba(21,128,61,.15);}
.pu-sto.az{border-color:rgba(254,169,16,.35);color:var(--ad-t);}
.pu-sto.az i{background:var(--ad);box-shadow:0 0 0 3.5px rgba(254,169,16,.15);}
/* ---------- satın alma ---------- */
.pu-satir{display:flex;align-items:center;gap:14px;margin-bottom:12px;}
.pu-adt{display:inline-flex;align-items:center;flex-shrink:0;gap:3px;
padding:3px;border:1px solid var(--z);border-radius:13px;background:var(--y);
transition:border-color .2s ease,box-shadow .2s ease;}
.pu-adt:focus-within{border-color:rgba(201,127,0,.5);box-shadow:0 0 0 3px rgba(254,169,16,.13);}
.pu-ab{width:34px;height:38px;border:0;border-radius:10px;background:#fff;color:var(--k);
cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;
box-shadow:0 1px 2px rgba(20,19,17,.06);
transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .12s ease;}
.pu-ab svg{width:13px;height:13px;}
.pu .pu-ab:hover:not(:disabled){background:var(--al) !important;color:var(--ad-t)!important;
box-shadow:0 2px 6px rgba(201,127,0,.18);}
.pu .pu-ab:active:not(:disabled){transform:scale(.94);}
.pu-ab:disabled{opacity:.3;cursor:default;box-shadow:none;background:transparent;}
#pu-qty{width:48px;height:38px;border:0;border-radius:9px;
text-align:center;font-size:15px;font-weight:600;color:var(--k);background:transparent;outline:none;
font-variant-numeric:tabular-nums;letter-spacing:.2px;
-moz-appearance:textfield;appearance:textfield;}
#pu-qty::-webkit-outer-spin-button,#pu-qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.pu-tut{font-size:13px;font-weight:300;color:var(--m);}
.pu-tut i{display:block;font-size:11px;font-weight:400;color:var(--m);line-height:1.3;}
.pu-tut b{display:block;font-size:19px;font-weight:600;color:var(--k);letter-spacing:-.5px;}
.pu .pu-btn{display:flex !important;align-items:center;justify-content:center;gap:9px;
width:100%;height:54px;min-height:54px;padding:0 22px;border:0;border-radius:14px;
font-size:14.5px;font-weight:600;letter-spacing:-.15px;line-height:1;white-space:nowrap;
text-decoration:none !important;cursor:pointer;
transition:background .24s ease,color .24s ease,border-color .24s ease,transform .24s cubic-bezier(.2,.8,.2,1);}
.pu .pu-btn svg{width:17px;height:17px;}
/* Sepete ekle — kehribar */
.pu .pu-btn-1{background:#FEA910 !important;color:#fff !important;margin-bottom:10px;
box-shadow:0 10px 24px -14px rgba(254,169,16,.7);}
.pu .pu-btn-1 svg{stroke:#fff;}
.pu .pu-btn-1:hover{background:#EF9C04 !important;color:#fff !important;transform:translateY(-1px);
box-shadow:0 16px 32px -16px rgba(217,127,0,.8);}
.pu .pu-btn-2{background:#fff !important;color:var(--k) !important;border:1px solid var(--z) !important;}
.pu .pu-btn-2:hover{background:var(--i) !important;color:var(--k) !important;border-color:#DCD5CA !important;}
/* Hemen al — parlak lacivert. Kehribarla güçlü karşıtlık kurar. */
.pu .pu-btn-3{background:#1E56C8 !important;color:#fff !important;
box-shadow:0 10px 26px -13px rgba(30,86,200,.8);}
.pu .pu-btn-3 svg{stroke:#fff;}
.pu .pu-btn-3:hover{background:#1848AE !important;color:#fff !important;transform:translateY(-1px);
box-shadow:0 18px 36px -15px rgba(30,86,200,.9);}
.pu .pu-btn-2.loading{opacity:.6;pointer-events:none;}
.pu .pu-btn-2.added:after{display:none !important;}
/* ---------- ek eylem düğmeleri ---------- */
.pu-ek{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
margin:22px 0 18px;padding-top:18px;border-top:1px solid var(--z);}
.pu-eb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
min-height:64px;padding:12px 8px;border:1px solid var(--z);border-radius:13px;
background:#fff !important;color:var(--t) !important;cursor:pointer;
font-size:11.5px;font-weight:500;line-height:1.3;text-align:center;
text-decoration:none !important;
transition:border-color .22s ease,color .22s ease,background .22s ease,transform .22s cubic-bezier(.2,.8,.2,1);}
.pu-eb svg{width:19px;height:19px;color:var(--m);transition:color .22s ease;}
.pu .pu-eb:hover{border-color:#DCD2C2 !important;color:var(--k) !important;
background:#FFFCF5 !important;transform:translateY(-2px);}
.pu-eb:hover svg{color:var(--ad-t);}
.pu .pu-eb.on{border-color:#EEC0BC !important;background:#FDF4F3 !important;color:var(--kr) !important;}
.pu-eb.on svg{color:var(--kr);fill:var(--kr);}
/* ---------- özel teklif ---------- */
.pu-teklif{display:flex;align-items:center;gap:14px;margin-top:18px;padding:15px 17px;
border-radius:15px;background:#F2FBF5;border:1px solid #CFEBDB;
text-decoration:none !important;transition:border-color .24s ease,background .24s ease;}
.pu-teklif:hover{border-color:#CFE8D8;background:#FAFDFB;}
.pu-teklif-ic{flex:0 0 40px;width:40px;height:40px;border-radius:13px;display:flex;
align-items:center;justify-content:center;background:#25D366;}
.pu-teklif-ic svg{width:20px;height:20px;fill:#fff;}
.pu-teklif-m{flex:1;min-width:0;}
.pu-teklif-m b{display:block;font-size:13.5px;font-weight:600;color:var(--k);line-height:1.4;}
.pu-teklif-m span{display:block;margin-top:2px;font-size:12px;font-weight:300;color:var(--m);}
.pu-teklif-ok{width:15px;height:15px;color:#C4BDB3;transition:transform .24s ease,color .24s ease;}
.pu-teklif:hover .pu-teklif-ok{transform:translateX(3px);color:var(--ys);}
/* ---------- açıklama kutusu ---------- */
.pu-acik{max-width:860px;margin:0 auto;padding:32px 36px;
border:1px solid var(--z);border-radius:20px;background:#fff;}
.pu-acik .pu-yazi{max-width:none;}
.pu-acik-alt{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;
margin-top:26px;padding-top:24px;border-top:1px solid var(--z);}
.pu-aa{text-align:center;}
.pu-aa svg{width:22px;height:22px;color:var(--ad-t);margin:0 auto 9px;}
.pu-aa b{display:block;font-size:13px;font-weight:600;color:var(--k);margin-bottom:4px;}
.pu-aa span{display:block;font-size:11.5px;font-weight:300;line-height:1.6;color:var(--m);}
/* ---------- ödeme ve kargo akışı ---------- */
.pu-ody{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:16px;}
.pu-ody-b{padding:20px;border-radius:16px;background:#fff;border:1px solid var(--z);}
.pu-ody-b > b{display:block;font-size:13.5px;font-weight:600;color:var(--k);margin-bottom:13px;}
.pu-ody-l{display:flex;flex-wrap:wrap;gap:7px;}
.pu-ody-l span{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:8px;
background:#fff;border:1px solid var(--z);font-size:11.5px;font-weight:500;color:var(--t);}
.pu-adim{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;}
.pu-adim li{display:flex;align-items:flex-start;gap:11px;}
.pu-adim i{flex:0 0 22px;width:22px;height:22px;border-radius:50%;display:flex;
align-items:center;justify-content:center;background:var(--al);border:1px solid rgba(201,127,0,.24);
color:var(--ad-t);font-size:11px;font-weight:600;line-height:0;}
.pu-adim span{font-size:12.5px;font-weight:300;line-height:1.6;color:var(--t);}
/* ---------- güven listesi ---------- */
.pu-gv{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--z);
display:grid;grid-template-columns:1fr 1fr;gap:0;}
.pu-gv li{display:flex;align-items:center;gap:13px;padding:15px 14px;
border-right:1px solid var(--z);border-bottom:1px solid var(--z);
transition:background .22s ease;}
/* DİKKAT: bu bloğa esnek kutu VERİLMEZ.
   Esnek kutuda wc_price'ın ürettiği fiyat etiketi ile yanındaki
   metin ayrı öğe sayılır; alt alta düşer ve aradaki boşluk yutulur.
   Normal blok akışında ikisi tek satırda kalır. */
.pu-gv li > span{display:block;min-width:0;}
.pu-gv li > svg{align-self:center;}
.pu-gv li:nth-child(2n){border-right:0;}
.pu-gv li:nth-last-child(-n+2){border-bottom:0;}
.pu-gv li:hover{background:#FFFCF5;}
.pu-gv li > svg{width:38px;height:38px;padding:9px;border-radius:12px;
background:linear-gradient(150deg,#FFF9EC,var(--al));border:1px solid rgba(201,127,0,.26);
color:var(--ad-t);flex-shrink:0;}
.pu-gv span{font-size:11.5px;font-weight:300;color:var(--m);line-height:1.5;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pu-gv b{display:block;font-size:13px;font-weight:600;color:var(--k);margin-bottom:2px;
letter-spacing:-.2px;white-space:nowrap;}
/* wc_price kendi sarmalayıcısını üretir; onun da tek satırda
   kalması gerekir, yoksa blok uzayıp ikonla hizası kayar. */
.pu-gv span .amount,.pu-gv span bdi{white-space:nowrap;font-weight:500;color:var(--t);}
.pu-gv b .amount{font-weight:600;color:var(--ad-t);}

/* ==================== patiya-urun-b ==================== */
/* ---------- sekmeler ---------- */
.pu-sk{margin-bottom:56px;}
.pu-sk-bar{display:flex;gap:2px;border-bottom:1px solid var(--z);margin-bottom:28px;
overflow-x:auto;scrollbar-width:none;}
.pu-sk-bar::-webkit-scrollbar{display:none;}
.pu-sk-b{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;
height:46px;padding:0 18px;border:0;background:transparent;cursor:pointer;white-space:nowrap;
font-size:14px;font-weight:400;color:var(--m);letter-spacing:-.1px;
transition:color .22s ease;}
.pu-sk-b:after{content:'';position:absolute;left:14px;right:14px;bottom:-1px;height:2.5px;
border-radius:3px;background:var(--a);opacity:0;transform:scaleX(.4);
transition:opacity .24s ease,transform .24s cubic-bezier(.2,.8,.2,1);}
.pu-sk-b i{font-style:normal;display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;
padding:0 5px;border-radius:6px;background:var(--i);font-size:10.5px;font-weight:600;color:var(--m);}
.pu .pu-sk-b:hover{color:var(--k) !important;background:transparent !important;}
.pu .pu-sk-b.on{color:var(--k) !important;font-weight:600;background:transparent !important;}
.pu-sk-b.on:after{opacity:1;transform:scaleX(1);}
.pu-sk-b.on i{background:var(--al);color:var(--ad-t);}
.pu-sk-p{display:none;}
.pu-sk-p.on{display:block;animation:puIn .32s cubic-bezier(.2,.8,.2,1);}
/* Sekme içerikleri sayfada ortalanır; geniş ekranda kenara yayılmaz. */
.pu-sk-p > *{max-width:1000px;margin-left:auto;margin-right:auto;}
.pu-sk-p .pu-tbl{max-width:900px;}
@keyframes puIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* ---------- özellik tablosu ---------- */
.pu-tbl{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;max-width:900px;}
.pu-tr{display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);gap:16px;
padding:13px 0;border-bottom:1px solid var(--z);}
.pu-tr > span{font-size:13px;font-weight:300;color:var(--m);}
.pu-tr > b{font-size:13.5px;font-weight:500;color:var(--k);}
/* ---------- metin ---------- */
.pu-yazi{max-width:820px;font-size:14.5px;font-weight:300;line-height:1.95;color:var(--t);}
.pu-yazi p{margin:0 0 15px;}
.pu-yazi p:last-child{margin-bottom:0;}
.pu-yazi strong,.pu-yazi b{font-weight:500;color:var(--k);}
.pu-yazi h2,.pu-yazi h3,.pu-yazi h4{margin:26px 0 11px;font-weight:600;color:var(--k);
letter-spacing:-.4px;line-height:1.35;}
.pu-yazi h2{font-size:19px;} .pu-yazi h3{font-size:16.5px;} .pu-yazi h4{font-size:15px;}
.pu-yazi ul,.pu-yazi ol{margin:0 0 15px;padding-left:21px;}
.pu-yazi li{margin-bottom:8px;}
.pu-yazi a{color:var(--ad-t);text-decoration:none;border-bottom:1px solid rgba(254,169,16,.38);}
.pu-yazi img{max-width:100%;height:auto;border-radius:14px;}
.pu-yazi table{width:100%;border-collapse:collapse;margin:0 0 15px;}
.pu-yazi th,.pu-yazi td{padding:10px 13px;border:1px solid var(--z);font-size:13.5px;text-align:left;}
.pu-yazi th{background:var(--i);font-weight:500;color:var(--k);}
/* ---------- bilgi kartları ---------- */
.pu-kart-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:14px;}
.pu-kart-g.ikili{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
.pu-kart{padding:22px;border-radius:var(--r);background:#fff;border:1px solid var(--z);}
/* Simge kutularında mutlak ortalama.
   Esnek kutu düzeni tarayıcıya göre yarım piksel kayabiliyor;
   mutlak konum her koşulda tam ortalar. */
.pu-kart-i,.pu-il-i,.pu-teklif-ic,.pu-yr-av{position:relative;}
.pu-kart-i > svg,.pu-il-i > svg,.pu-teklif-ic > svg{
position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;}
.pu-kart-i{width:40px;height:40px;border-radius:13px;
background:linear-gradient(150deg,#FFF9EC,var(--al));border:1px solid rgba(201,127,0,.24);
color:var(--ad-t);margin-bottom:14px;}
.pu-kart-i > svg{width:19px;height:19px;}
.pu-kart b{display:block;font-size:14px;font-weight:600;color:var(--k);letter-spacing:-.2px;margin-bottom:6px;}
.pu-kart > span{display:block;font-size:13px;font-weight:300;line-height:1.75;color:var(--t);}
.pu-not{margin:16px auto 0;max-width:1000px;font-size:12.5px;font-weight:300;
line-height:1.7;color:var(--m);text-align:center;}
/* ---------- tedarik sayfası bağlantıları ---------- */
.pu-tdk{margin-top:24px;padding-top:22px;border-top:1px solid var(--z);}
.pu-tdk-b{display:block;font-size:13px;font-weight:600;color:var(--k);
letter-spacing:-.2px;margin-bottom:12px;}
.pu-tdk-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;}
/* Izgara: ikon sütunu sabit, metin sütunu esner, ok sütunu sabit.
   Esnek kutuda iki satırlık metin ortalanınca başlık ikonun
   üstünde kalıyordu; ızgarada ikon başlık satırıyla hizalanır. */
.pu-tdk-s{display:grid;grid-template-columns:34px minmax(0,1fr) 14px;
align-items:start;gap:12px;padding:12px 14px;
border:1px solid var(--z);border-radius:14px;background:var(--y);
text-decoration:none !important;
transition:border-color .24s ease,background .24s ease,transform .24s cubic-bezier(.2,.8,.2,1);}
.pu-tdk-s:hover{border-color:rgba(201,127,0,.42);background:#FFFCF5;transform:translateY(-2px);}
.pu-tdk-i{position:relative;width:34px;height:34px;border-radius:11px;
background:linear-gradient(150deg,#FFF9EC,var(--al));border:1px solid rgba(201,127,0,.24);
color:var(--ad-t);}
.pu-tdk-i > svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
width:18px;height:18px;display:block;}
.pu-tdk-m{min-width:0;padding-top:1px;}
.pu-tdk-m b{display:block;font-size:13px;font-weight:600;color:var(--k);
line-height:1.45;letter-spacing:-.15px;}
.pu-tdk-m > span{display:block;margin-top:3px;font-size:11.5px;font-weight:300;
line-height:1.55;color:var(--m);}
.pu-tdk-s:hover .pu-tdk-m b{color:var(--ad-t);}
.pu-tdk-o{width:14px;height:14px;margin-top:11px;color:#C7BFB3;
transition:transform .24s ease,color .24s ease;}
.pu-tdk-s:hover .pu-tdk-o{transform:translateX(3px);color:var(--ad-t);}
@media (max-width:680px){
.pu-tdk{margin-top:20px;padding-top:18px;}
.pu-tdk-g{grid-template-columns:minmax(0,1fr);}
.pu-tdk-s{padding:11px 12px;gap:10px;}
.pu-tdk-m b{font-size:12.5px;}
.pu-tdk-m > span{font-size:11px;}
}
/* ---------- değerlendirmeler ---------- */
.pu-yr-oz{display:grid;grid-template-columns:auto minmax(0,1fr);gap:40px;align-items:center;
padding:26px 30px;border-radius:var(--r);background:#fff;border:1px solid var(--z);margin-bottom:30px;}
.pu-yr-buyuk{text-align:center;}
.pu-yr-buyuk b{display:block;font-size:46px;font-weight:600;color:var(--k);letter-spacing:-2.4px;line-height:1;margin-bottom:9px;}
.pu-yr-buyuk .pu-str{display:inline-flex;justify-content:center;}
.pu-yr-buyuk > span:not(.pu-str){display:block;margin-top:8px;font-size:12px;font-weight:300;color:var(--m);}
.pu-yr-cb{display:flex;flex-direction:column;gap:8px;min-width:0;max-width:400px;}
.pu-yr-sr{display:grid;grid-template-columns:14px minmax(0,1fr) 28px;gap:11px;align-items:center;}
.pu-yr-no{font-size:12px;font-weight:400;color:var(--m);text-align:right;}
.pu-yr-br{display:block;height:6px;border-radius:6px;background:var(--z);overflow:hidden;}
.pu-yr-br i{display:block;height:100%;border-radius:6px;background:var(--a);
transition:width .7s cubic-bezier(.2,.8,.2,1);}
.pu-yr-kc{font-size:11.5px;font-weight:300;color:var(--m);}
.pu-yr-liste{margin-bottom:34px;}
.pu-yr-i{display:flex;gap:15px;padding:22px 0;border-bottom:1px solid var(--z);}
.pu-yr-i:first-child{padding-top:0;}
.pu-yr-i:last-child{border-bottom:0;}
.pu-yr-av{flex:0 0 40px;width:40px;height:40px;border-radius:13px;display:flex;
align-items:center;justify-content:center;background:var(--i);border:1px solid var(--z);
font-size:15px;font-weight:600;color:var(--t);}
.pu-yr-g{flex:1;min-width:0;}
.pu-yr-ust{display:flex;align-items:center;flex-wrap:wrap;gap:6px 11px;margin-bottom:7px;}
.pu-yr-ust b{font-size:13.5px;font-weight:600;color:var(--k);}
.pu-yr-ust time{font-size:11.5px;font-weight:300;color:var(--m);}
.pu-yr-dg{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 8px;border-radius:6px;
background:var(--ysl);color:var(--ys);font-size:10.5px;font-weight:600;}
.pu-yr-dg svg{width:9px;height:9px;}
.pu-yr-m{margin-top:9px;font-size:14px;font-weight:300;line-height:1.8;color:var(--t);}
.pu-yr-m p{margin:0 0 9px;}
.pu-yr-m p:last-child{margin-bottom:0;}
.pu-yr-bos{display:flex;flex-direction:column;align-items:center;text-align:center;
padding:46px 24px;border-radius:var(--r);background:#fff;border:1px solid var(--z);}
.pu-yr-bos svg{width:34px;height:34px;color:#D2CBC1;margin-bottom:15px;}
.pu-yr-bos b{font-size:15px;font-weight:600;color:var(--k);}
.pu-yr-bos > span{margin-top:6px;font-size:13px;font-weight:300;color:var(--m);}
/* ---------- yorum formu ---------- */
.pu-yf{padding:28px 30px;border-radius:var(--r);background:#fff;border:1px solid var(--z);max-width:700px;margin:0 auto;}
.pu-yf h3{margin:0 0 20px;font-size:16px;font-weight:600;color:var(--k);letter-spacing:-.3px;}
.pu-yf-uyari{margin:0;font-size:13.5px;font-weight:300;color:var(--t);}
.pu-yf-uyari a{color:var(--ad-t);font-weight:500;text-decoration:none;border-bottom:1px solid rgba(254,169,16,.42);}
.pu-yf-yld{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-bottom:20px;}
.pu-yf-l{font-size:12.5px;font-weight:500;color:var(--m);}
.pu-yf-sec{display:inline-flex;gap:3px;}
.pu-ys{width:32px;height:32px;padding:0;border:0;background:transparent !important;cursor:pointer;
display:flex;align-items:center;justify-content:center;transition:transform .16s ease;}
.pu-ys svg{width:25px;height:25px;fill:#DED8CF;transition:fill .16s ease;}
.pu .pu-ys:hover{background:transparent !important;transform:scale(1.16);}
.pu-ys.on svg{fill:var(--a);}
.pu-yf-et{font-size:12.5px;font-weight:500;color:var(--ad-t);min-width:60px;}
.pu-yf-a{margin-bottom:15px;}
.pu-yf-a label{display:block;margin-bottom:7px;font-size:12.5px;font-weight:500;color:var(--m);}
.pu-yf-a input,.pu-yf-a textarea{width:100%;padding:13px 15px;border-radius:13px;
background:#fff;border:1px solid var(--z);outline:none;box-shadow:none;
font-size:14px;font-weight:400;color:var(--k);line-height:1.65;
transition:border-color .2s ease,box-shadow .2s ease;}
.pu-yf-a textarea{resize:vertical;min-height:112px;}
.pu-yf-a input::placeholder,.pu-yf-a textarea::placeholder{color:#B8B1A7;font-weight:300;}
.pu-yf-a input:focus,.pu-yf-a textarea:focus{border-color:var(--k);box-shadow:0 0 0 3px rgba(20,19,17,.07);}
.pu-yf-a.hata input,.pu-yf-a.hata textarea{border-color:var(--kr);box-shadow:0 0 0 3px rgba(179,38,30,.08);}
.pu-yf-ikili{display:grid;grid-template-columns:1fr 1fr;gap:15px;}
.pu-yf-not{margin:0 0 18px;font-size:11.5px;font-weight:300;color:var(--m);}
.pu-yf-hp{position:absolute!important;left:-9999px!important;top:auto;width:1px;height:1px;overflow:hidden;}
.pu-yf-sonuc{margin-bottom:16px;padding:13px 16px;border-radius:12px;
font-size:13px;font-weight:400;line-height:1.65;}
.pu-yf-sonuc.ok{background:var(--ysl);border:1px solid #CFEBDB;color:var(--ys);}
.pu-yf-sonuc.no{background:#FDF2F1;border:1px solid #F2D5D2;color:var(--kr);}
.pu .pu-yf-gonder{width:auto;min-width:236px;padding:0 30px;margin-bottom:0;}
.pu .pu-yf-gonder[disabled]{opacity:.55;pointer-events:none;}
/* ---------- iletişim ---------- */
.pu-il{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;
align-items:stretch;max-width:1000px;margin:0 auto;}
.pu-il-sol{padding:26px 28px;border:1px solid var(--z);border-radius:20px;background:#fff;}
.pu-il-b{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--k);letter-spacing:-.4px;}
.pu-il-g{margin:0 0 20px;font-size:13px;font-weight:300;line-height:1.75;color:var(--t);}
.pu-il-l{display:flex;flex-direction:column;gap:0;margin-bottom:20px;}
.pu-il-s{display:flex;align-items:center;gap:13px;padding:11px 0;
border-bottom:1px solid var(--z);text-decoration:none !important;
transition:padding-left .22s ease;}
.pu-il-s:last-child{border-bottom:0;}
.pu-il-s:not(.dur):hover{padding-left:6px;}
.pu-il-i{flex:0 0 36px;width:36px;height:36px;border-radius:11px;
background:linear-gradient(150deg,#FFF9EC,var(--al));border:1px solid rgba(201,127,0,.24);
color:var(--ad-t);}
.pu-il-i > svg{width:17px;height:17px;}
.pu-il-i.yesil{background:#25D366;border-color:#25D366;}
.pu-il-i.yesil svg{fill:#fff;}
.pu-il-m{flex:1;min-width:0;font-size:12.5px;font-weight:300;color:var(--t);line-height:1.5;}
.pu-il-m b{display:block;font-size:10.5px;font-weight:600;color:var(--m);
letter-spacing:.5px;text-transform:uppercase;margin-bottom:2px;}
.pu-il-d{display:flex;gap:9px;flex-wrap:wrap;}
.pu-il-d .pu-btn{flex:1;min-width:130px;margin-bottom:0 !important;}
.pu-il-sag{min-width:0;display:flex;}
.pu-harita{position:relative;width:100%;min-height:420px;
border:1px solid var(--z);border-radius:20px;overflow:hidden;background:var(--i);}
.pu-harita iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;}
.pu-harita.bos{display:flex;flex-direction:column;align-items:center;justify-content:center;
text-align:center;padding:34px 28px;}
.pu-harita.bos svg{width:36px;height:36px;color:#D0C8BC;margin-bottom:14px;}
.pu-harita.bos b{font-size:14px;font-weight:600;color:var(--k);margin-bottom:7px;}
.pu-harita.bos span{font-size:12px;font-weight:300;line-height:1.7;color:var(--m);max-width:360px;}
.pu-harita.bos code{padding:1px 6px;border-radius:5px;background:#fff;border:1px solid var(--z);
font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ad-t);}
/* ---------- ürün rafı ---------- */
.pu-raf{margin-bottom:48px;}
.pu-raf:last-child{margin-bottom:0;}
.pu-raf-h{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;}
.pu-raf-h h2{display:flex;align-items:center;gap:11px;margin:0;font-size:19px;font-weight:600;
color:var(--k);letter-spacing:-.5px;}
.pu-raf-h h2:before{content:'';flex:0 0 4px;width:4px;height:20px;border-radius:3px;background:var(--a);}
.pu-al{display:block;}
.pu-raf-ok[hidden]{display:none;}
.pu-raf-ok{display:flex;gap:8px;}
.pu-ok{width:36px;height:36px;padding:0;border:1px solid var(--z);border-radius:11px;
background:#fff !important;color:var(--k) !important;cursor:pointer;
display:flex;align-items:center;justify-content:center;
transition:border-color .22s ease,background .22s ease,opacity .22s ease;}
.pu-ok svg{width:15px;height:15px;}
.pu .pu-ok:hover{border-color:var(--k) !important;background:var(--i) !important;}
.pu-ok[disabled]{opacity:.3;cursor:default;}
.pu-ray{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(196px,1fr);gap:14px;
justify-content:start;
overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;
scrollbar-width:none;padding:2px 2px 6px;margin:-2px;}
/* Ürün sayısı azken kartlar tüm genişliğe yayılıp devleşmesin;
   sabit genişlikte kalıp sola yaslansınlar. */
.pu-ray.az{grid-auto-columns:216px;}
.pu-ray::-webkit-scrollbar{display:none;}
.pu-kart-u{scroll-snap-align:start;display:flex;flex-direction:column;padding:14px;
border-radius:var(--r);background:#fff;border:1px solid var(--z);text-decoration:none !important;
transition:border-color .24s ease,box-shadow .24s ease,transform .24s cubic-bezier(.2,.8,.2,1);}
.pu-kart-u:hover{border-color:#DCD5CA;box-shadow:0 16px 34px -26px rgba(90,70,35,.5);transform:translateY(-3px);}
.pu-ku-g{position:relative;display:block;width:100%;padding-top:92%;border-radius:var(--rs);
overflow:hidden;background:#fff;margin-bottom:12px;}
.pu-ku-g img{position:absolute !important;top:6px;right:6px;bottom:6px;left:6px;margin:auto !important;
width:auto !important;height:auto !important;max-width:calc(100% - 12px) !important;
max-height:calc(100% - 12px) !important;object-fit:contain !important;display:block;}
.pu-ku-i{position:absolute;top:0;left:0;z-index:2;display:inline-flex;align-items:center;
height:22px;padding:0 8px;border-radius:7px;background:var(--kr);color:#fff;
font-size:10.5px;font-weight:600;}
.pu-ku-n{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
font-size:12.5px;font-weight:400;line-height:1.5;color:var(--k);min-height:37px;
transition:color .2s ease;}
.pu-kart-u:hover .pu-ku-n{color:var(--ad-t);}
.pu-ku-p{display:flex;align-items:center;gap:6px;margin-top:8px;}
.pu-ku-p i{font-size:11px;font-weight:300;color:var(--m);}
.pu-ku-f{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-top:9px;}
.pu-ku-f del{font-size:11.5px;font-weight:300;color:var(--m);}
.pu-ku-f b{font-size:15px;font-weight:600;color:var(--k);letter-spacing:-.3px;}
.pu-ku-f b .amount{font-weight:600;}
/* ---------- kaydırınca beliren şerit ---------- */
.pu-serit{position:fixed;left:0;right:0;bottom:0;z-index:9995;
display:flex;align-items:center;gap:16px;padding:11px 24px calc(11px + env(safe-area-inset-bottom));
background:rgba(255,255,255,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
border-top:1px solid var(--z);box-shadow:0 -14px 34px -26px rgba(20,19,17,.5);
transform:translateY(105%);transition:transform .34s cubic-bezier(.2,.8,.2,1);
font-family:var(--f);}
.pu-serit.on{transform:none;}
.pu-serit-g{flex:0 0 46px;width:46px;height:46px;border-radius:12px;overflow:hidden;
background:#fff;border:1px solid var(--z);position:relative;}
.pu-serit-g img{position:absolute;top:4px;right:4px;bottom:4px;left:4px;margin:auto;
max-width:calc(100% - 8px);max-height:calc(100% - 8px);object-fit:contain;display:block;}
.pu-serit-m{flex:1;min-width:0;}
.pu-serit-m b{display:block;font-size:13px;font-weight:500;color:var(--k);line-height:1.4;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pu-serit-m span{display:block;margin-top:2px;font-size:15px;font-weight:600;color:var(--k);letter-spacing:-.4px;}
.pu-serit-a{display:flex;gap:9px;flex-shrink:0;}
.pu-serit .pu-btn{width:auto;height:44px;min-height:44px;padding:0 20px;margin:0 !important;font-size:13.5px;}
.pu .pu-serit-ekle{margin:0 !important;}
/* ---------- duyarlı ---------- */
@media (max-width:1080px){
.pu-grid{grid-template-columns:minmax(0,1fr);gap:34px;margin-bottom:44px;}
.pu-gal{position:static;grid-template-columns:minmax(0,1fr);}
.pu-th-kol{flex-direction:row;max-height:none;overflow-x:auto;order:2;margin-top:12px;}
.pu-th{flex:0 0 66px;height:66px;width:66px;padding-top:0;}
.pu-th img{top:6px;right:6px;bottom:6px;left:6px;max-width:calc(100% - 12px) !important;max-height:calc(100% - 12px) !important;}
.pu-sahne{order:1;}
.pu-tbl{grid-template-columns:1fr;gap:0;}
.pu-yr-oz{grid-template-columns:1fr;gap:24px;}
.pu-yr-cb{max-width:none;}
}
@media (max-width:1000px){
.pu-il{grid-template-columns:minmax(0,1fr);}
.pu-harita{min-height:300px;}
}
@media (max-width:1150px) and (min-width:1001px){
/* Bilgi sütunu daraldığında yazı küçülsün, satır yine kırılmasın */
.pu-gv b{font-size:12.5px;}
.pu-gv span{font-size:11px;}
.pu-gv li{gap:11px;padding:14px 11px;}
.pu-gv li > svg{width:34px;height:34px;padding:8px;}
}
@media (max-width:680px){
.pu-yol{margin-bottom:18px;font-size:11.5px;}
.pu-il-sol{padding:20px;}
.pu-il-d .pu-btn{min-width:0;}
.pu-harita{min-height:260px;border-radius:16px;}
.pu-grid{gap:26px;margin-bottom:34px;}
.pu-sahne img{top:22px;right:22px;bottom:22px;left:22px;
max-width:calc(100% - 44px) !important;max-height:calc(100% - 44px) !important;}
.pu-sahne{cursor:default;}
.pu-sahne.zoom img{transform:none;}
.pu-fs ins{font-size:29px;}
.pu-gv{grid-template-columns:1fr;gap:14px;}
.pu-satir{flex-wrap:wrap;}
.pu-adt{width:100%;justify-content:space-between;}
#pu-qty{flex:1;width:auto;}
.pu-ab{width:52px;height:42px;}
.pu-kart{padding:18px;}
.pu-yf{padding:22px 20px;}
.pu-yf-ikili{grid-template-columns:1fr;gap:0;}
.pu .pu-yf-gonder{width:100%;min-width:0;}
.pu-yr-buyuk b{font-size:38px;}
.pu-yr-i{gap:12px;}
.pu-raf-h h2{font-size:17px;}
.pu-ray{grid-auto-columns:minmax(158px,1fr);gap:11px;}
.pu-serit{padding:9px 14px calc(9px + env(safe-area-inset-bottom));gap:11px;}
.pu-serit-g{display:none;}
.pu-serit-m b{display:none;}
.pu-serit-m span{font-size:16px;}
.pu-serit .pu-btn{padding:0 14px;font-size:12.5px;}
.pu-sto{top:12px;right:12px;height:27px;padding:0 10px;font-size:11.5px;}
.pu-ek{gap:6px;margin:18px 0 16px;padding-top:16px;}
.pu-eb{min-height:58px;padding:10px 5px;font-size:10.5px;gap:6px;}
.pu-eb svg{width:17px;height:17px;}
.pu-teklif{gap:11px;padding:13px 14px;}
.pu-teklif-ic{flex:0 0 36px;width:36px;height:36px;border-radius:11px;}
.pu-teklif-m b{font-size:13px;}
.pu-teklif-m span{font-size:11.5px;}
.pu-acik{padding:20px 18px;border-radius:16px;}
.pu-ody-b{padding:16px;}
.pu-not{font-size:11.5px;}
.pu-meta{gap:6px 12px;margin-bottom:14px;padding-bottom:14px;}
.pu-tut b{font-size:17px;}
}
@media (max-width:420px){
/* Dar telefonda şeritte tek birincil eylem kalsın */
.pu-serit-hemen{display:none !important;}
.pu-serit-m span{font-size:15px;}
.pu-serit .pu-btn{padding:0 18px;font-size:13px;}
.pu-fs ins{font-size:26px;}
.pu-h1{font-size:19px;}
.pu-ek{grid-template-columns:repeat(3,minmax(0,1fr));}
.pu-eb{font-size:10px;}
}
@media (max-width:400px){
.pu-ray{grid-auto-columns:minmax(146px,1fr);}
.pu-sk-b{padding:0 13px;font-size:13px;}
}
@media (prefers-reduced-motion:reduce){
.pu *,.pu-serit{transition-duration:.001ms !important;animation-duration:.001ms !important;}
}