/* PAZAR-KIT duzen: ciceksepeti (hediye pazaryeri). Renkler yalniz panel tema degiskenlerinden (--renk-*) ve color-mix tonlarindan. */
.pz-d-ciceksepeti{
    --cs-r:clamp(14px,calc(var(--radius) + 8px),24px);
    --cs-yumusak:color-mix(in srgb,var(--renk-birincil) 7%,#fff);
    --cs-vurgu-yumusak:color-mix(in srgb,var(--renk-vurgu) 16%,#fff);
    --cs-basari:var(--renk-basari,var(--renk-birincil));
    --pz-zemin:color-mix(in srgb,var(--renk-birincil) 3%,color-mix(in srgb,var(--renk-arkaplan) 40%,#fff));
}
.pz-cs-ton-1{--cs-c:var(--renk-birincil);--cs-t:color-mix(in srgb,var(--renk-birincil) 12%,#fff)}
.pz-cs-ton-2{--cs-c:color-mix(in srgb,var(--renk-vurgu) 78%,#000);--cs-t:color-mix(in srgb,var(--renk-vurgu) 20%,#fff)}
.pz-cs-ton-3{--cs-c:var(--cs-basari);--cs-t:color-mix(in srgb,var(--cs-basari) 13%,#fff)}
.pz-cs-ton-4{--cs-c:var(--renk-uyari);--cs-t:color-mix(in srgb,var(--renk-uyari) 11%,#fff)}
.pz-cs-ton-5{--cs-c:var(--renk-ikincil);--cs-t:color-mix(in srgb,var(--renk-ikincil) 11%,#fff)}
.pz-cs-ton-6{--cs-c:color-mix(in srgb,var(--renk-birincil) 55%,var(--renk-vurgu));--cs-t:color-mix(in srgb,color-mix(in srgb,var(--renk-birincil) 50%,var(--renk-vurgu)) 14%,#fff)}

/* ===== baslik: yumusak renkli ===== */
body.pz-d-ciceksepeti.pz-b-acik{--pzb-z:color-mix(in srgb,var(--renk-birincil) 7%,#fff);--pzb-c:color-mix(in srgb,var(--renk-birincil) 14%,#fff);--pzb-ara-z:#fff;--pzb-ara-c:color-mix(in srgb,var(--renk-birincil) 22%,#fff);--pzb-hover:color-mix(in srgb,var(--renk-birincil) 12%,#fff);--pzb-menu-z:#fff}
body.pz-d-ciceksepeti.pz-b-acik .pz-ust{background:color-mix(in srgb,var(--renk-vurgu) 22%,#fff);color:var(--renk-yazi)}
body.pz-d-ciceksepeti.pz-b-acik .pz-ust-link a:hover{background:rgba(255,255,255,.6)}
.pz-bas-cs{border-bottom:0}
.pz-cs-marka{grid-area:logo;display:flex;flex-direction:column;min-width:0}
.pz-cs-marka .pz-logo{grid-area:auto}
.pz-cs-slogan{font-size:11.5px;color:var(--pzb-y2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pz-arama-cs{border-radius:999px;padding:4px 4px 4px 14px;border-width:2px;box-shadow:0 6px 18px -14px rgba(0,0,0,.4)}
.pz-arama-cs button{padding:9px 16px}
.pz-cs-teslimhap{align-items:center;gap:9px;padding:5px 14px 5px 5px;border-radius:999px;background:var(--pzb-hover);color:var(--pzb-y);margin-right:4px;max-width:220px}
.pz-cs-teslimhap-ikon{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--renk-birincil);color:var(--pz-on-birincil,#fff)}
.pz-b-renkli .pz-cs-teslimhap-ikon{background:#fff;color:var(--renk-birincil)}
.pz-b-koyu .pz-cs-teslimhap-ikon{background:var(--renk-vurgu);color:var(--pz-on-vurgu,#1d1b19)}
.pz-cs-teslimhap>span:last-child{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.pz-cs-teslimhap small{font-size:11px;color:var(--pzb-y2);white-space:nowrap}
.pz-cs-teslimhap b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pz-cs-aks{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;border-radius:12px;color:var(--pzb-y);font-size:11.5px;font-weight:600;position:relative;white-space:nowrap}
.pz-cs-aks:hover{background:var(--pzb-hover);color:var(--pzb-y)}
.pz-cs-aks>span:not(.pz-sepet-ikon){display:none}
.pz-menu-cs .pz-menu-kaydir a{display:inline-flex;align-items:center;gap:7px;border-radius:999px}
.pz-cs-menu-ikon{flex:0 0 auto;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--cs-t);color:var(--cs-c)}
.pz-tumkat-cs>summary{border-radius:999px}
.pz-tumkat-cs .pz-tumkat-panel{border-radius:var(--cs-r)}

/* ===== ortak parcalar ===== */
.pz-cs-ara{display:flex;align-items:center;width:100%;min-width:0;background:#fff;border:2px solid color-mix(in srgb,var(--renk-birincil) 30%,#fff);border-radius:16px;padding:5px 5px 5px 14px;margin:0;box-shadow:0 14px 30px -20px rgba(0,0,0,.45)}
.pz-cs-ara:focus-within{border-color:var(--renk-birincil)}
.pz-cs-ara-ikon{display:inline-flex;color:var(--renk-birincil);flex:0 0 auto}
.pz-cs-ara input[type=search]{flex:1;min-width:0;border:0;background:transparent;box-shadow:none;padding:11px 10px;font-size:15px;color:#1d1b19;height:auto;border-radius:0}
.pz-cs-ara input[type=search]:focus{outline:0}
.pz-cs-ara button{flex:0 0 auto;border:0;border-radius:12px;background:var(--renk-birincil);color:var(--pz-on-birincil,#fff);padding:11px 18px;font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.pz-cs-ara button:hover{filter:brightness(.92)}
.pz-cs-ara-kucuk{border-radius:14px;padding:4px 4px 4px 12px}
.pz-cs-ara-kucuk input[type=search]{padding:9px 8px;font-size:14px}
.pz-cs-ara-kucuk button{padding:9px 14px;border-radius:10px}
.pz-cs-pop{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px}
.pz-cs-pop small{font-size:12.5px;color:var(--renk-yazi-acik);font-weight:600;margin-right:2px}
.pz-cs-pop a{padding:6px 12px;border-radius:999px;background:#fff;border:1px solid color-mix(in srgb,var(--renk-birincil) 18%,#fff);font-size:12.5px;font-weight:600;color:var(--renk-yazi)}
.pz-cs-pop a:hover{border-color:var(--renk-birincil);color:var(--renk-birincil)}
.pz-cs-k-etiket{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:5px 12px;border-radius:999px;background:#fff;color:var(--renk-birincil);font-size:12.5px;font-weight:700;box-shadow:0 4px 12px -8px rgba(0,0,0,.35)}
.pz-cs-k-baslik{margin:10px 0 0;font-size:clamp(25px,6vw,40px) !important;line-height:1.14 !important;font-weight:700 !important;color:var(--renk-yazi) !important;letter-spacing:-.015em;max-width:20ch}
.pz-cs-k-metin{margin:8px 0 16px;font-size:14.5px;line-height:1.55;color:var(--renk-yazi-acik);max-width:52ch}
.pz-cs-baslik h2{font-size:21px !important}

/* teslimat kutusu */
.pz-cs-teslim{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:var(--cs-r);background:var(--pz-yuzey);border:1px solid color-mix(in srgb,var(--renk-birincil) 14%,#fff);box-shadow:0 18px 36px -26px rgba(0,0,0,.45);min-width:0;position:relative;overflow:hidden}
.pz-cs-teslim::before{content:'';position:absolute;right:-40px;top:-40px;width:130px;height:130px;border-radius:50%;background:var(--cs-vurgu-yumusak)}
.pz-cs-teslim>*{position:relative}
.pz-cs-teslim-bas{display:flex;align-items:center;gap:12px}
.pz-cs-teslim-ikon{flex:0 0 auto;width:48px;height:48px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:var(--renk-birincil);color:var(--pz-on-birincil,#fff)}
.pz-cs-teslim-bas small{display:block;font-size:12px;font-weight:700;color:var(--renk-birincil)}
.pz-cs-teslim-bas b{display:block;font-size:19px;line-height:1.2;color:var(--renk-yazi)}
.pz-cs-teslim p{margin:0;font-size:13.5px;line-height:1.5;color:var(--renk-yazi-acik)}
.pz-cs-teslim-sayac{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:14px;background:var(--cs-yumusak)}
.pz-cs-teslim-sayac>span:first-child{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--renk-yazi)}
.pz-cs-teslim-sayac .pz-sayac-kutular b{background:var(--renk-birincil);color:var(--pz-on-birincil,#fff);min-width:34px;border-radius:9px}
.pz-cs-teslim-sayac .pz-sayac-kutular i{color:var(--renk-birincil)}
.pz-cs-teslim-madde{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.pz-cs-teslim-madde li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--renk-yazi)}
.pz-cs-teslim-madde li svg{flex:0 0 auto;width:20px;height:20px;padding:3px;border-radius:50%;background:color-mix(in srgb,var(--cs-basari) 15%,#fff);color:var(--cs-basari)}
.pz-cs-teslim-buton{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 16px;border-radius:12px;background:var(--renk-ikincil);color:var(--pz-on-ikincil,#fff);font-size:14px;font-weight:700}
.pz-cs-teslim-buton:hover{filter:brightness(.92)}
.pz-cs-teslim-sikisik{gap:10px;padding:16px}
.pz-cs-teslim-sikisik .pz-cs-teslim-madde{display:none}

/* ===== kapak ===== */
.pz-cs-kapak{display:grid;gap:14px;margin-top:6px}
.pz-cs-k-ana,.pz-cs-k-bant,.pz-cs-k-arakart{position:relative;overflow:hidden;border-radius:var(--cs-r);background:color-mix(in srgb,var(--renk-birincil) 10%,#fff);padding:24px 18px}
.pz-cs-k-ic,.pz-cs-k-bant-yazi{position:relative;z-index:1;display:flex;flex-direction:column;min-width:0}
.pz-cs-k-sus{position:absolute;border-radius:50%;pointer-events:none}
.pz-cs-k-sus1{width:240px;height:240px;right:-70px;top:-90px;background:color-mix(in srgb,var(--renk-vurgu) 30%,#fff)}
.pz-cs-k-sus2{width:150px;height:150px;right:60px;bottom:-80px;background:color-mix(in srgb,var(--renk-birincil) 18%,#fff)}
.pz-csk-1 .pz-cs-ara{max-width:640px}
/* kapak 2 */
.pz-slayt-cs{border-radius:var(--cs-r)}
.pz-slayt-cs .pz-slayt-oge{min-height:270px}
.pz-cs-k-yan{display:grid;gap:12px;min-width:0}
/* kapak 3 */
.pz-cs-k-bant{display:grid;gap:16px;background:color-mix(in srgb,var(--renk-vurgu) 18%,#fff)}
.pz-cs-k-bant::before{content:'';position:absolute;left:-60px;bottom:-110px;width:260px;height:260px;border-radius:50%;background:color-mix(in srgb,var(--renk-birincil) 12%,#fff)}
.pz-cs-k-bant>*{position:relative}
.pz-cs-teslim-yatay .pz-cs-teslim-madde{display:none}
.pz-cs-kutular{grid-template-columns:1fr !important;grid-template-rows:none !important}
.pz-cs-kutular .pz-kutu{border-radius:var(--cs-r);min-height:0;flex-direction:row;align-items:center}
.pz-cs-kutular .pz-kutu-yazi{padding:14px 0 14px 16px;flex:1}
.pz-cs-kutular .pz-kutu-gorsel{width:96px;aspect-ratio:1/1;margin:10px 12px 10px 0;align-self:center;border-radius:14px}
/* kapak 4 */
.pz-cs-k-tanitim{position:relative;overflow:hidden;display:grid;border-radius:var(--cs-r);background:var(--renk-birincil);color:var(--pz-on-birincil,#fff);min-height:250px}
.pz-cs-k-tanitim-yazi{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:26px 20px}
.pz-cs-k-tanitim .pz-cs-k-baslik{color:inherit !important;margin:4px 0 0;max-width:16ch}
.pz-cs-k-tanitim .pz-cs-k-metin{color:inherit;opacity:.88;margin:0}
.pz-cs-k-buton{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:11px 20px;border-radius:999px;background:#fff;color:#1d1b19;font-weight:700;font-size:14px}
.pz-cs-k-tanitim-gorsel{display:none}
.pz-cs-k-tanitim-gorsel img{width:100%;height:100%;object-fit:cover;display:block}
.pz-cs-k-yigin{display:grid;gap:12px;min-width:0}
.pz-cs-k-arakart{padding:18px}
.pz-cs-k-arakart .pz-cs-k-baslik{font-size:20px !important;margin-top:0;max-width:none}
.pz-cs-k-arakart .pz-cs-k-etiket,.pz-cs-k-arakart .pz-cs-k-metin{display:none}
.pz-cs-k-arakart .pz-cs-ara{margin-top:12px}

/* ===== kategori karolari ===== */
.pz-cs-kat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pz-cs-karo{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--renk-yazi);min-width:0}
.pz-cs-karo-ikon{display:inline-flex;align-items:center;justify-content:center;background:var(--cs-t);color:var(--cs-c);transition:transform .2s}
.pz-cs-karo:hover .pz-cs-karo-ikon{transform:translateY(-3px)}
.pz-cs-karo-ad{display:flex;flex-direction:column;min-width:0;max-width:100%}
.pz-cs-karo-ad b{font-size:12.5px;line-height:1.25;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pz-cs-karo-ad small{font-size:11px;color:var(--renk-yazi-acik)}
.pz-cs-karo:hover b{color:var(--cs-c)}
/* bicim 1: yuvarlak buyuk ikon */
.pz-cs-kat-1 .pz-cs-karo-ikon{width:64px;height:64px;border-radius:50%;box-shadow:inset 0 0 0 4px #fff,0 0 0 1px var(--cs-t)}
/* bicim 2: kare yumusak karo icinde buyuk ikon */
.pz-cs-kat-2 .pz-cs-karo{padding:14px 6px 12px;border-radius:var(--cs-r);background:var(--cs-t)}
.pz-cs-kat-2 .pz-cs-karo-ikon{width:58px;height:58px;border-radius:18px;background:#fff;box-shadow:0 8px 18px -12px rgba(0,0,0,.4)}
/* bicim 3: yatay hap karo, kucuk gorsel */
.pz-cs-kat-3{grid-template-columns:repeat(2,minmax(0,1fr))}
.pz-cs-kat-3 .pz-cs-karo{flex-direction:row;text-align:left;gap:10px;padding:8px 12px 8px 8px;border-radius:999px;background:var(--pz-yuzey);border:1px solid var(--pz-cizgi)}
.pz-cs-kat-3 .pz-cs-karo-ikon{flex:0 0 auto;width:44px;height:44px;border-radius:50%;overflow:hidden}
.pz-cs-kat-3 .pz-cs-karo-ikon img{width:100%;height:100%;object-fit:cover;display:block}
.pz-cs-kat-3 .pz-cs-karo-ad b{-webkit-line-clamp:1}
.pz-cs-kat-3 .pz-cs-karo:hover{border-color:var(--cs-c)}

/* ===== ozel gunler ===== */
.pz-cs-gun{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(160px,46%);gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 8px}
.pz-cs-gun::-webkit-scrollbar{display:none}
.pz-cs-gun-oge{display:flex;flex-direction:column;border-radius:var(--cs-r);overflow:hidden;background:var(--pz-yuzey);border:1px solid var(--pz-cizgi);color:var(--renk-yazi);min-width:0;transition:box-shadow .2s,transform .2s}
.pz-cs-gun-oge:hover{box-shadow:0 16px 30px -20px rgba(0,0,0,.4);transform:translateY(-2px)}
.pz-cs-gun-bant{display:flex;align-items:flex-end;height:64px;padding:0 14px;background:var(--cs-t);position:relative}
.pz-cs-gun-bant::after{content:'';position:absolute;right:16px;top:0;width:12px;height:100%;background:var(--cs-c);opacity:.18}
.pz-cs-gun-ikon{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#fff;color:var(--cs-c);transform:translateY(22px);box-shadow:0 8px 18px -10px rgba(0,0,0,.4);position:relative;z-index:1}
.pz-cs-gun-yazi{display:flex;flex-direction:column;gap:3px;padding:28px 14px 14px}
.pz-cs-gun-yazi b{font-size:15.5px;line-height:1.2}
.pz-cs-gun-yazi small{font-size:12px;line-height:1.4;color:var(--renk-yazi-acik)}
.pz-cs-gun-git{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:12.5px;font-weight:700;color:var(--cs-c)}
/* bicim 2: dolu renkli kart, ikon sagda */
.pz-cs-gun-2 .pz-cs-gun-oge{flex-direction:row-reverse;align-items:center;background:var(--cs-t);border-color:transparent}
.pz-cs-gun-2 .pz-cs-gun-bant{height:auto;padding:14px 12px 14px 0;background:none}
.pz-cs-gun-2 .pz-cs-gun-bant::after{display:none}
.pz-cs-gun-2 .pz-cs-gun-ikon{transform:none;width:54px;height:54px;border-radius:18px;background:var(--cs-c);color:#fff}
.pz-cs-gun-2 .pz-cs-gun-yazi{padding:14px;flex:1;min-width:0}
/* bicim 3: genis serit kartlar */
.pz-cs-gun-3{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:minmax(0,1fr);overflow:visible}
.pz-cs-gun-3 .pz-cs-gun-oge{flex-direction:row;align-items:center;border-left:6px solid var(--cs-c)}
.pz-cs-gun-3 .pz-cs-gun-bant{height:auto;padding:12px 0 12px 12px;background:none}
.pz-cs-gun-3 .pz-cs-gun-bant::after{display:none}
.pz-cs-gun-3 .pz-cs-gun-ikon{transform:none;width:46px;height:46px;background:var(--cs-t);box-shadow:none}
.pz-cs-gun-3 .pz-cs-gun-yazi{padding:12px 14px;flex:1;min-width:0}
.pz-cs-gun-3 .pz-cs-gun-yazi small{display:none}

/* ===== kurdeleli urun kartlari ===== */
.pz-cs-panel{border-radius:var(--cs-r)}
.pz-cs-kurdele .urun-kart .urun-rozetler{left:0 !important;top:12px !important}
.pz-cs-kurdele .urun-kart .urun-rozetler span{border-radius:0 4px 4px 0 !important;padding:4px 14px 4px 9px !important;clip-path:polygon(0 0,100% 0,calc(100% - 7px) 50%,100% 100%,0 100%)}
.pz-cs-kurdele .urun-kart:not(.pzk-k4) .pzk-gorsel::before{content:'';position:absolute;z-index:1;left:22px;top:0;bottom:0;width:9px;background:color-mix(in srgb,var(--renk-vurgu) 70%,#fff);opacity:.85;pointer-events:none}
.pz-cs-kurdele .urun-kart:not(.pzk-k4) .pzk-gorsel::after{content:'';position:absolute;z-index:2;left:7px;bottom:16px;width:39px;height:23px;pointer-events:none;background:var(--renk-vurgu);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 16'%3E%3Cpath d='M13.5 8C9 2 0-1 0 4s9 6 13.5 4zm0 0C18 2 27-1 27 4s-9 6-13.5 4z'/%3E%3Ccircle cx='13.5' cy='8' r='3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 16'%3E%3Cpath d='M13.5 8C9 2 0-1 0 4s9 6 13.5 4zm0 0C18 2 27-1 27 4s-9 6-13.5 4z'/%3E%3Ccircle cx='13.5' cy='8' r='3'/%3E%3C/svg%3E") center/contain no-repeat}
.pz-cs-kurdele .pzk-k3 .pzk-gorsel::after{bottom:auto;top:auto;bottom:48px}
.pz-cs-kurdele .urun-kart .pzk-etiket{left:38px}
body.pz-d-ciceksepeti .urun-kart.pzk{border-radius:16px}
body.pz-d-ciceksepeti .pzk .pzk-gorsel{border-radius:15px 15px 0 0}
body.pz-d-ciceksepeti .pzk-k2 .pzk-gorsel,body.pz-d-ciceksepeti .pzk-k3 .pzk-gorsel{border-radius:14px}
body.pz-d-ciceksepeti .pzk-k4 .pzk-gorsel{border-radius:12px}
body.pz-d-ciceksepeti .pzk-k1 .pzk-sepet{border-radius:999px}

/* ===== firsat rayi ===== */
.pz-cs-firsat{padding:14px;border-radius:var(--cs-r);background:color-mix(in srgb,var(--renk-uyari) 7%,#fff);border:1px solid color-mix(in srgb,var(--renk-uyari) 18%,#fff)}
.pz-cs-firsat-bas{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px;margin-bottom:12px}
.pz-cs-firsat-baslik{display:flex;align-items:center;gap:10px;min-width:0}
.pz-cs-firsat-ikon{flex:0 0 auto;width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--renk-uyari);color:var(--pz-on-uyari,#fff)}
.pz-cs-firsat-baslik h2{margin:0;font-size:20px !important;color:var(--renk-yazi)}
.pz-cs-firsat-baslik small{display:block;font-size:12.5px;color:var(--renk-yazi-acik)}
.pz-cs-firsat-sayac{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--renk-yazi)}
.pz-cs-firsat-sayac .pz-sayac-kutular b{background:var(--renk-uyari);color:var(--pz-on-uyari,#fff);border-radius:9px}
.pz-cs-firsat-sayac .pz-sayac-kutular i{color:var(--renk-uyari)}

/* ===== hediye notu afisi ===== */
.pz-cs-not{position:relative;overflow:hidden;display:grid;gap:16px;padding:22px 18px;border-radius:var(--cs-r);background:var(--cs-vurgu-yumusak)}
.pz-cs-not-kurdele{position:absolute;top:0;bottom:0;right:28%;width:14px;background:color-mix(in srgb,var(--renk-birincil) 22%,#fff);pointer-events:none}
.pz-cs-not-yazi{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.pz-cs-not-etiket{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#fff;color:var(--renk-birincil);font-size:12.5px;font-weight:700}
.pz-cs-not h2{margin:0;font-size:clamp(21px,4.6vw,28px) !important;line-height:1.2 !important;color:var(--renk-yazi)}
.pz-cs-not p{margin:0;font-size:14px;line-height:1.55;color:var(--renk-yazi-acik);max-width:52ch}
.pz-cs-not ul{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px}
.pz-cs-not li{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--renk-yazi)}
.pz-cs-not li svg{color:var(--cs-basari)}
.pz-cs-not-buton{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:11px 20px;border-radius:999px;background:var(--renk-birincil);color:var(--pz-on-birincil,#fff);font-weight:700;font-size:14px}
.pz-cs-not-gorsel{position:relative;z-index:1;border-radius:calc(var(--cs-r) - 4px);overflow:visible;aspect-ratio:16/9}
.pz-cs-not-gorsel img{width:100%;height:100%;object-fit:cover;display:block;border-radius:calc(var(--cs-r) - 4px);border:5px solid #fff;box-shadow:0 18px 34px -22px rgba(0,0,0,.5)}
.pz-cs-not-kart{position:absolute;left:-6px;bottom:-12px;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:#fff;color:var(--renk-birincil);box-shadow:0 12px 24px -14px rgba(0,0,0,.5);transform:rotate(-3deg)}
.pz-cs-not-kart i{font-style:normal;font-weight:700;font-size:14px;color:var(--renk-yazi)}

/* ===== avantaj bandi ===== */
.pz-cs-avantaj{padding:16px;border-radius:var(--cs-r);background:var(--pz-yuzey);border:1px solid var(--pz-cizgi)}
.pz-cs-av-baslik{margin:0 0 12px;font-size:18px !important;color:var(--renk-yazi)}
.pz-cs-av-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pz-cs-av-oge{display:flex;align-items:center;gap:10px;min-width:0}
.pz-cs-av-ikon{position:relative;flex:0 0 auto;width:48px;height:48px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:var(--cs-yumusak);color:var(--renk-birincil)}
.pz-cs-av-ikon i{display:none}
.pz-cs-av-yazi{display:flex;flex-direction:column;min-width:0}
.pz-cs-av-yazi b{font-size:13.5px;line-height:1.25;color:var(--renk-yazi)}
.pz-cs-av-yazi small{font-size:11.5px;line-height:1.35;color:var(--renk-yazi-acik)}
/* bicim 2: numarali adimlar */
.pz-cs-av-2 .pz-cs-av-oge{flex-direction:column;align-items:flex-start;padding:12px;border-radius:16px;background:var(--cs-yumusak)}
.pz-cs-av-2 .pz-cs-av-ikon{background:#fff}
.pz-cs-av-2 .pz-cs-av-ikon i{display:inline-flex;position:absolute;right:-6px;top:-6px;width:20px;height:20px;border-radius:50%;align-items:center;justify-content:center;background:var(--renk-birincil);color:var(--pz-on-birincil,#fff);font-style:normal;font-size:11px;font-weight:800}
/* bicim 3: marka renginde bant */
.pz-cs-av-3{background:var(--renk-birincil);border-color:transparent;color:var(--pz-on-birincil,#fff)}
.pz-cs-av-3 .pz-cs-av-baslik,.pz-cs-av-3 .pz-cs-av-yazi b{color:inherit !important}
.pz-cs-av-3 .pz-cs-av-yazi small{color:inherit;opacity:.82}
.pz-cs-av-3 .pz-cs-av-ikon{background:rgba(255,255,255,.18);color:inherit;border-radius:50%}

@media(min-width:560px){
    .pz-cs-kat{grid-template-columns:repeat(4,minmax(0,1fr))}
    .pz-cs-gun{grid-auto-columns:minmax(170px,31%)}
    .pz-cs-av-liste{gap:16px}
}
@media(min-width:768px){
    .pz-cs-aks>span:not(.pz-sepet-ikon){display:inline}
    .pz-cs-aks{padding:6px 10px}
    .pz-cs-kapak{gap:16px;margin-top:10px}
    .pz-csk-1,.pz-csk-2{grid-template-columns:minmax(0,1.85fr) minmax(250px,1fr)}
    .pz-csk-1 .pz-cs-k-ana{padding:36px 34px;display:flex;align-items:center}
    .pz-csk-2 .pz-slayt-cs .pz-slayt-oge{min-height:330px}
    .pz-cs-k-bant{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);align-items:center;padding:32px}
    .pz-cs-kutular{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
    .pz-csk-4{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr)}
    .pz-cs-k-tanitim{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);min-height:360px}
    .pz-cs-k-tanitim-yazi{padding:34px 10px 34px 34px}
    .pz-cs-k-tanitim-gorsel{display:block;margin:26px 26px 26px 0;border-radius:calc(var(--cs-r) - 4px);overflow:hidden;border:5px solid rgba(255,255,255,.25)}
    .pz-cs-kat-1,.pz-cs-kat-2{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
    .pz-cs-kat-1 .pz-cs-karo-ikon{width:78px;height:78px}
    .pz-cs-kat-2 .pz-cs-karo-ikon{width:64px;height:64px}
    .pz-cs-kat-3{grid-template-columns:repeat(4,minmax(0,1fr))}
    .pz-cs-gun{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}
    .pz-cs-gun-3{grid-template-columns:repeat(3,minmax(0,1fr))}
    .pz-cs-firsat{padding:18px}
    .pz-cs-not{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;padding:30px 34px}
    .pz-cs-av-liste{grid-template-columns:repeat(4,minmax(0,1fr))}
    .pz-cs-avantaj{padding:18px 20px}
    .pz-cs-av-2 .pz-cs-av-liste{position:relative}
}
@media(min-width:768px) and (max-width:1023px){
    .pz-cs-teslimhap{display:none !important}
}
@media(min-width:1024px){
    .pz-csk-3 .pz-cs-k-bant{padding:36px 40px}
    .pz-cs-gun{grid-template-columns:repeat(6,minmax(0,1fr))}
    .pz-cs-gun-2{grid-template-columns:repeat(3,minmax(0,1fr))}
    .pz-cs-gun-3{grid-template-columns:repeat(3,minmax(0,1fr))}
    .pz-cs-kat-3{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* ===== kapak 5-8 ===== */
.pz-csk-5 .pz-cs-k-ana{background:var(--renk-birincil);color:var(--pz-on-birincil,#fff)}
.pz-csk-5 .pz-cs-k-baslik{color:inherit !important}
.pz-csk-5 .pz-cs-k-metin{color:inherit;opacity:.85}
.pz-csk-5 .pz-cs-pop small{color:inherit;opacity:.85}
.pz-csk-5 .pz-cs-pop a{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);color:inherit}
.pz-csk-5 .pz-cs-k-sus1{background:color-mix(in srgb,var(--renk-vurgu) 55%,var(--renk-birincil))}
.pz-csk-5 .pz-cs-k-sus2{background:rgba(255,255,255,.12)}
.pz-csk-5 .pz-cs-ara{border-color:transparent}
.pz-csk-5 .pz-cs-ara button{background:var(--renk-vurgu);color:var(--pz-on-vurgu,#1d1b19)}
.pz-slayt-cs-genis .pz-slayt-oge{min-height:260px}
.pz-cs-k-alt{display:grid;gap:12px}
.pz-cs-k-alt-ara{padding:16px;border-radius:var(--cs-r);background:var(--cs-yumusak);border:1px solid color-mix(in srgb,var(--renk-birincil) 14%,#fff)}
.pz-cs-k-alt-ara .pz-cs-k-baslik{font-size:20px !important;margin:0 0 12px;max-width:none}
.pz-cs-k-alt-ara .pz-cs-k-etiket,.pz-cs-k-alt-ara .pz-cs-k-metin{display:none}
.pz-cs-teslim-serit{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:12px 16px;background:var(--renk-ikincil);color:var(--pz-on-ikincil,#fff);border:0;box-shadow:none}
.pz-cs-teslim-serit::before{display:none}
.pz-cs-teslim-serit .pz-cs-teslim-ikon{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.16);color:inherit}
.pz-cs-teslim-serit .pz-cs-teslim-bas small,.pz-cs-teslim-serit .pz-cs-teslim-bas b{color:inherit}
.pz-cs-teslim-serit .pz-cs-teslim-bas b{font-size:16px}
.pz-cs-teslim-serit p,.pz-cs-teslim-serit .pz-cs-teslim-madde{display:none}
.pz-cs-teslim-serit .pz-cs-teslim-sayac{background:rgba(255,255,255,.12);padding:6px 10px}
.pz-cs-teslim-serit .pz-cs-teslim-sayac>span:first-child{color:inherit}
.pz-cs-teslim-serit .pz-cs-teslim-sayac .pz-sayac-kutular b{background:#fff;color:#1d1b19}
.pz-cs-teslim-serit .pz-cs-teslim-sayac .pz-sayac-kutular i{color:inherit}
.pz-cs-teslim-serit .pz-cs-teslim-buton{background:#fff;color:#1d1b19;padding:9px 16px}
.pz-cs-k-ana7{background:color-mix(in srgb,var(--cs-basari) 11%,#fff)}
.pz-cs-kutular2 .pz-kutu{border-radius:var(--cs-r)}
.pz-csk-8 .pz-cs-k-tanitim{background:color-mix(in srgb,var(--renk-vurgu) 82%,#000);color:var(--pz-on-vurgu,#1d1b19)}
.pz-csk-8 .pz-cs-k-tanitim .pz-cs-k-buton{background:var(--renk-ikincil);color:var(--pz-on-ikincil,#fff)}
.pz-csk-8 .pz-cs-k-arakart{background:color-mix(in srgb,var(--renk-ikincil) 9%,#fff)}
@media(min-width:768px){
    .pz-csk-5{grid-template-columns:minmax(250px,1fr) minmax(0,1.85fr)}
    .pz-csk-5 .pz-cs-teslim{order:-1}
    .pz-csk-5 .pz-cs-k-ana{padding:36px 34px;display:flex;align-items:center}
    .pz-cs-k-alt{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:stretch}
    .pz-cs-k-alt-ara{display:flex;flex-direction:column;justify-content:center;padding:20px 22px}
    .pz-slayt-cs-genis .pz-slayt-oge{min-height:320px}
    .pz-csk-7{grid-template-columns:minmax(0,1.9fr) minmax(240px,1fr)}
    .pz-csk-7 .pz-cs-teslim-serit{grid-column:1/-1}
    .pz-csk-7 .pz-cs-k-ana7{padding:32px}
    .pz-csk-8{grid-template-columns:minmax(280px,1fr) minmax(0,1.3fr)}
    .pz-csk-8 .pz-cs-k-tanitim{order:2}
}
@media(min-width:1024px){
    .pz-cs-k-alt{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
}

@media(max-width:767px){
    .pz-cs-gun-2{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
    .pz-cs-gun-2 .pz-cs-gun-oge{flex-direction:column;align-items:flex-start}
    .pz-cs-gun-2 .pz-cs-gun-bant{padding:14px 14px 0}
    .pz-cs-gun-2 .pz-cs-gun-ikon{width:46px;height:46px;border-radius:15px}
    .pz-cs-gun-2 .pz-cs-gun-yazi{padding:10px 14px 14px}
}
@media(min-width:768px){
    .pz-slayt-cs-genis .pz-slayt-oge{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);min-height:300px}
    .pz-slayt-cs-genis .pz-slayt-gorsel{aspect-ratio:4/3;max-height:250px;justify-self:end;width:100%}
}
@media (prefers-reduced-motion:reduce){.pz-cs-karo-ikon,.pz-cs-gun-oge{transition:none !important}.pz-cs-karo:hover .pz-cs-karo-ikon,.pz-cs-gun-oge:hover{transform:none}}
