/* PAZAR-KIT duzen: hepsiburada */
.pz-d-hepsiburada{--pz-hb-t1:color-mix(in srgb,var(--renk-basari) 13%,#fff);--pz-hb-t2:color-mix(in srgb,var(--renk-uyari) 11%,#fff);--pz-hb-t3:color-mix(in srgb,var(--renk-vurgu) 17%,#fff);--pz-hb-t4:color-mix(in srgb,var(--renk-birincil) 11%,#fff)}
.pz-hb-tint-1{background:var(--pz-hb-t1)}
.pz-hb-tint-2{background:var(--pz-hb-t2)}
.pz-hb-tint-3{background:var(--pz-hb-t3)}
.pz-hb-tint-4{background:var(--pz-hb-t4)}

/* baslik */
body.pz-d-hepsiburada.pz-b-acik .pz-ust{background:var(--pz-zemin);color:var(--renk-yazi-acik);border-bottom:1px solid var(--pz-cizgi)}
body.pz-d-hepsiburada.pz-b-acik .pz-ust-vurgu{color:var(--renk-yazi)}
body.pz-d-hepsiburada.pz-b-acik .pz-ust-link a:hover{background:var(--pz-yumusak)}
.pz-hb-marka{grid-area:logo;display:flex;flex-direction:column;min-width:0}
.pz-hb-marka .pz-logo{grid-area:auto}
.pz-hb-slogan{display:block;font-size:11.5px;color:var(--pzb-y2);margin-top:-2px;white-space:nowrap}
.pz-arama-hb{border-radius:10px;padding:3px 3px 3px 12px}
.pz-arama-hb button{border-radius:8px;padding:9px 18px}
.pz-hb-hesap{display:inline-flex;align-items:center;gap:9px;padding:2px;border:1px solid transparent;border-radius:999px;color:var(--pzb-y)}
.pz-hb-hesap:hover{background:var(--pzb-hover)}
.pz-hb-hesap-ikon{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--pzb-hover);color:var(--pzb-vurgu)}
.pz-hb-hesap-yazi{display:none;flex-direction:column;line-height:1.15}
.pz-hb-hesap-yazi b{font-size:13.5px;white-space:nowrap}
.pz-hb-hesap-yazi small{font-size:11.5px;color:var(--pzb-y2);white-space:nowrap}
.pz-hb-sepet{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:var(--renk-ikincil);color:var(--pz-on-ikincil,#fff);font-weight:700;font-size:13.5px;white-space:nowrap}
.pz-b-koyu .pz-hb-sepet,.pz-b-renkli .pz-hb-sepet{background:#fff;color:#1d1b19}
.pz-hb-sepet:hover{filter:brightness(.92)}
.pz-hb-sepet-yazi{display:none}
.pz-bas-hb .pz-hb-sepet .rozet{position:static;border:0;background:#fff;color:#1d1b19;min-width:22px;height:22px;line-height:22px;font-size:11.5px}
.pz-b-koyu .pz-bas-hb .pz-hb-sepet .rozet,.pz-b-renkli .pz-bas-hb .pz-hb-sepet .rozet{background:var(--renk-ikincil);color:var(--pz-on-ikincil,#fff)}
.pz-hb-vurgular{display:none;gap:4px;flex:0 0 auto}
.pz-hb-vurgular a{padding:7px 10px;border-radius:8px;font-size:13px;font-weight:700;color:var(--renk-birincil);white-space:nowrap}
.pz-hb-vurgular a.pz-vurgu-sicak{color:var(--pz-sicak)}
.pz-b-koyu .pz-hb-vurgular a{color:var(--renk-vurgu)}
.pz-tumkat-hb>summary{border-radius:8px}
.pz-tumkat-hb .pz-tumkat-panel{grid-template-columns:repeat(4,minmax(0,1fr));width:min(980px,calc(100vw - 40px))}
.pz-tumkat-hb .pz-tumkat-grup{padding:10px;border-radius:10px;background:var(--pz-zemin)}

/* kapak */
.pz-hb-kapak{display:grid;gap:12px;margin-top:2px}
.pz-slayt-genis .pz-slayt-oge{min-height:260px}
.pz-hb-promo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pz-hb-promo-oge{display:flex;align-items:center;gap:10px;padding:12px;border-radius:var(--pz-r);color:var(--renk-yazi);min-width:0}
.pz-hb-promo-oge:hover{box-shadow:var(--pz-golge)}
.pz-hb-promo-ikon{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--renk-birincil);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.pz-hb-promo-oge b{display:block;font-size:13.5px;line-height:1.25}
.pz-hb-promo-oge small{display:block;font-size:11.5px;color:var(--renk-yazi-acik);line-height:1.3}

/* super fiyat */
.pz-hb-super{display:grid;grid-template-columns:1fr;gap:12px}
.pz-hb-super-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:20px;border-radius:var(--pz-r);background:var(--renk-birincil);color:var(--pz-on-birincil,#fff)}
.pz-hb-super-panel::after{content:'';position:absolute;right:-50px;bottom:-60px;width:190px;height:190px;border-radius:50%;background:var(--renk-vurgu);opacity:.55}
.pz-hb-super-panel>*{position:relative;z-index:1}
.pz-hb-super-etiket{padding:4px 11px;border-radius:999px;background:var(--pz-sicak);color:#fff;font-size:12px;font-weight:700}
.pz-hb-super-panel h2{margin:0;font-size:22px !important;line-height:1.2 !important;color:inherit !important}
.pz-hb-super-panel p{margin:0;font-size:13.5px;opacity:.88;max-width:30ch}
.pz-hb-super-sayac{display:flex;flex-direction:column;gap:5px}
.pz-hb-super-sayac small{font-size:12px;opacity:.85}
.pz-hb-super-sayac .pz-sayac-kutular b{color:var(--renk-birincil)}
.pz-hb-super-buton{margin-top:auto;display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:999px;background:#fff;color:#1d1b19;font-weight:700;font-size:13.5px}
.pz-hb-super-ray{margin:0;padding-bottom:6px}

/* kategori kartlari */
.pz-hb-kat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pz-hb-kat-oge{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:8px;aspect-ratio:1/1;padding:12px;border-radius:var(--pz-r);overflow:hidden;color:var(--renk-yazi);transition:transform .2s,box-shadow .2s}
.pz-hb-kat-oge:hover{transform:translateY(-3px);box-shadow:var(--pz-golge)}
.pz-hb-kat-ad b{display:block;font-size:14.5px;line-height:1.25}
.pz-hb-kat-ad small{display:block;font-size:11.5px;color:var(--renk-yazi-acik);margin-top:2px}
.pz-hb-kat-gorsel{align-self:flex-end;width:62%;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--renk-birincil);box-shadow:0 8px 18px -10px rgba(0,0,0,.3)}
.pz-hb-kat-gorsel img{width:100%;height:100%;object-fit:cover}

/* kupon bandi */
.pz-hb-kupon{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px 14px;padding:18px 20px;border-radius:var(--pz-r);background:var(--pz-sicak);color:#fff}
.pz-hb-kupon::before,.pz-hb-kupon::after{content:'';position:absolute;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;background:var(--pz-zemin)}
.pz-hb-kupon::before{left:-10px}
.pz-hb-kupon::after{right:-10px}
.pz-hb-kupon-ikon{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.18);display:inline-flex;align-items:center;justify-content:center}
.pz-hb-kupon-yazi{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.pz-hb-kupon-etiket{padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.2);font-size:11.5px;font-weight:700}
.pz-hb-kupon-yazi b{font-size:20px;line-height:1.2}
.pz-hb-kupon-yazi small{font-size:12.5px;opacity:.9}
.pz-hb-kupon-kod{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;border:2px dashed rgba(255,255,255,.75);border-radius:10px;justify-self:start}
.pz-hb-kupon-kod small{font-size:11px;opacity:.85}
.pz-hb-kupon-kod code{font-family:inherit;font-size:17px;font-weight:800;letter-spacing:.05em;color:#fff;background:none;padding:0}
.pz-hb-kupon-buton{grid-column:1/-1;justify-self:start;padding:10px 20px;border-radius:999px;background:#fff;color:#1d1b19;font-weight:700;font-size:13.5px}

/* afisli raflar */
.pz-hb-raflar{display:grid;gap:14px}
.pz-hb-raf{display:grid;grid-template-columns:1fr;gap:10px;padding:12px;background:var(--pz-yuzey);border:1px solid var(--pz-cizgi);border-radius:var(--pz-r);min-width:0}
.pz-hb-raf-afis{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:var(--pz-r-k);color:var(--renk-yazi);overflow:hidden;min-height:120px}
.pz-hb-raf-afis b{font-size:18px;line-height:1.2;max-width:70%}
.pz-hb-raf-afis small{font-size:12.5px;color:var(--renk-yazi-acik);max-width:70%}
.pz-hb-raf-gorsel{position:absolute;right:12px;bottom:12px;width:84px;height:84px;border-radius:50%;overflow:hidden;border:4px solid #fff}
.pz-hb-raf-gorsel img{width:100%;height:100%;object-fit:cover}
.pz-hb-raf-git{margin-top:auto;display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--renk-birincil)}
.pz-hb-raf-urunler{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,44%);gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.pz-hb-raf-urunler::-webkit-scrollbar{display:none}
.pz-hb-panel{border-radius:var(--pz-r)}
.pz-hb-guven{background:var(--pz-hb-t4);border-color:transparent}
.pz-hb-guven .pz-guven-ikon{background:#fff}
body.pz-k-k4 .pz-hb-raf-urunler{grid-auto-columns:minmax(250px,86%)}

@media(min-width:560px){
    .pz-hb-kat{grid-template-columns:repeat(4,minmax(0,1fr))}
    .pz-hb-kupon{grid-template-columns:auto 1fr auto auto}
    .pz-hb-kupon-kod,.pz-hb-kupon-buton{grid-column:auto;justify-self:auto}
    .pz-hb-raf-urunler{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}
    body.pz-k-k4 .pz-hb-raf-urunler{grid-template-columns:minmax(0,1fr)}
}
@media(min-width:768px){
    .pz-bas-hb .pz-bas-ic{grid-template-columns:auto minmax(0,1fr) auto}
    .pz-bas-hb .pz-arama-sar{max-width:720px}
    .pz-hb-hesap{padding:6px 14px 6px 8px;border-color:var(--pzb-c)}
    .pz-hb-hesap-yazi{display:flex}
    .pz-hb-sepet-yazi{display:inline}
    .pz-hb-vurgular{display:flex}
    .pz-hb-promo{grid-template-columns:repeat(4,minmax(0,1fr))}
    .pz-slayt-genis .pz-slayt-oge{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);min-height:320px}
    .pz-slayt-genis .pz-slayt-yazi{padding-left:56px}
    .pz-slayt-genis .pz-slayt-nokta{left:50%;transform:translateX(-50%)}
    .pz-slayt-genis .pz-slayt-gorsel{margin-right:64px;aspect-ratio:4/3}
    .pz-hb-super{grid-template-columns:260px minmax(0,1fr);align-items:stretch}
    .pz-hb-super-ray{grid-auto-columns:minmax(186px,31.5%)}
    .pz-hb-raf{grid-template-columns:220px minmax(0,1fr);padding:14px}
    .pz-hb-raf-urunler{grid-template-columns:repeat(4,minmax(0,1fr))}
    body.pz-k-k4 .pz-hb-raf-urunler{grid-template-columns:repeat(2,minmax(0,1fr))}
    body.pz-k-k4 .pz-hb-super-ray{grid-auto-columns:minmax(290px,48%)}
}
@media(min-width:1024px){
    .pz-hb-kat{grid-template-columns:repeat(8,minmax(0,1fr))}
    .pz-hb-kat-oge{aspect-ratio:4/5}
    .pz-hb-super-ray{grid-auto-columns:calc((100% - 36px)/4);gap:12px}
    .pz-slayt-genis .pz-slayt-oge{min-height:340px}
}
/* kapak varyantlari */
.pz-hb-arakapak{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:24px 20px;border-radius:var(--pz-r);background:color-mix(in srgb,var(--renk-birincil) 9%,var(--pz-yuzey));min-width:0}
.pz-hb-ak-etiket{padding:4px 11px;border-radius:999px;background:var(--renk-birincil);color:var(--pz-on-birincil,#fff);font-size:12px;font-weight:700}
.pz-hb-arakapak h1{margin:0;font-size:clamp(24px,4.4vw,38px) !important;line-height:1.15 !important;color:var(--renk-yazi);max-width:20ch}
.pz-hb-arakapak p{margin:0;font-size:14px;color:var(--renk-yazi-acik);max-width:52ch}
.pz-hb-ak-ara{display:flex;align-items:center;width:100%;max-width:640px;margin:6px 0 0;background:#fff;border:2px solid var(--renk-birincil);border-radius:12px;padding:4px 4px 4px 14px;box-shadow:var(--pz-golge)}
.pz-hb-ak-ara span{display:inline-flex;color:var(--renk-yazi-acik)}
.pz-hb-ak-ara input{flex:1;min-width:0;border:0;background:transparent;padding:12px 10px;font-size:15px;box-shadow:none}
.pz-hb-ak-ara input:focus{outline:0}
.pz-hb-ak-ara button{border:0;border-radius:9px;background:var(--renk-birincil);color:var(--pz-on-birincil,#fff);padding:12px 22px;font:inherit;font-weight:700;cursor:pointer}
.pz-hb-ak-cip{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.pz-hb-ak-cip small{font-size:12.5px;font-weight:700;color:var(--renk-yazi-acik);margin-right:2px}
.pz-hb-ak-cip a{padding:6px 12px;border-radius:999px;background:var(--pz-yuzey);border:1px solid var(--pz-cizgi);font-size:12.5px;font-weight:600;color:var(--renk-yazi)}
.pz-hb-ak-cip a:hover{border-color:var(--renk-birincil);color:var(--renk-birincil)}
.pz-hb-promo-kare .pz-hb-promo-oge{flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:16px}
@media(min-width:1024px){
    .pz-hk-2{grid-template-columns:minmax(0,2.3fr) minmax(0,1fr);align-items:stretch}
    .pz-hk-2 .pz-hb-promo-dikey{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}
    .pz-hk-2 .pz-slayt-oge{min-height:340px}
    .pz-hk-3{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:stretch}
    .pz-hk-3 .pz-hb-arakapak{padding:40px 44px;justify-content:center}
    .pz-hk-3 .pz-hb-promo-kare{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
}
/* bilesen bicimi: kategori kartlari */
.pz-c-2 .pz-hb-kat-oge{aspect-ratio:auto !important;flex-direction:row-reverse;align-items:center;justify-content:flex-end;gap:12px;padding:10px;background:var(--pz-yuzey) !important;border:1px solid var(--pz-cizgi)}
.pz-c-2 .pz-hb-kat-gorsel{width:56px;flex:0 0 56px;align-self:center;box-shadow:none;background:var(--pz-hb-t4)}
.pz-c-3 .pz-hb-kat{display:flex;flex-wrap:wrap;gap:8px}
.pz-c-3 .pz-hb-kat-oge{aspect-ratio:auto !important;flex-direction:row-reverse;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:999px}
.pz-c-3 .pz-hb-kat-gorsel{width:40px;flex:0 0 40px;align-self:center}
.pz-c-3 .pz-hb-kat-ad small{display:none}
@media(min-width:1024px){.pz-c-2 .pz-hb-kat{grid-template-columns:repeat(4,minmax(0,1fr))}}
