/* ═══════════════════════════════════════════════════════════════
   4 REFERANS HEADER — birebir uyarlama
   r1 TinyJoy (3 satır) · r2 Organic (tek satır) · r3 FreshMarket · r4 ZemEz
   ═══════════════════════════════════════════════════════════════ */
.p-hd{font-family:Inter,"Segoe UI",system-ui,sans-serif}
.p-hd .wrap{max-width:1360px;margin:0 auto;padding:0 22px}
.p-hd a{text-decoration:none;color:inherit}
.p-hd svg{display:block}
.p-hd button{font:inherit;cursor:pointer}
.p-hd .r1-logo,.p-hd .r2-logo,.p-hd .r3-logo,.p-hd .r4-logo{height:var(--ref-logo-h,40px)!important;max-height:var(--ref-logo-h,40px)!important;width:auto!important;max-width:var(--ref-logo-w,150px)!important;object-fit:contain;display:block}

/* ══════ r1 · TINYJOY ══════ */
.r1-hd{background:#fff;border-bottom:1px solid #F1E7DA;position:sticky;top:0;z-index:80;box-shadow:0 2px 10px rgba(120,80,40,.05)}
.r1-ann{background:var(--hd-ann-bg,#FFF7E6);border-bottom:1px solid rgba(0,0,0,.05)}
.r1-ann-in{display:flex;align-items:center;justify-content:space-between;height:34px;font-size:12.5px;color:var(--hd-ann-fg,#8A6A3B)}
.r1-ann-l{font-weight:600}
.r1-ann-r{display:flex;gap:18px}
.r1-ann-r a{opacity:.85}
.r1-ann-r a:hover{opacity:1;text-decoration:underline}
.r1-main{display:flex;align-items:center;gap:26px;height:var(--ref-h,84px) !important}
.r1-brand{flex:0 0 auto}
.r1-word{font-size:22px;font-weight:800;letter-spacing:-.02em;color:#E8577A}
.r1-search{display:flex;align-items:center;flex:1 1 auto;max-width:560px;height:46px;border:1px solid #EADFD2;border-radius:999px;background:#fff;padding:0 6px 0 20px}
.r1-search input{flex:1 1 auto;border:0;outline:none;background:transparent;font-size:14px;color:#3B2E22}
.r1-search input::placeholder{color:#A79C8E}
.r1-search button{flex:0 0 auto;width:44px;height:38px;border:0;border-radius:999px;background:var(--hd-accent,#F2668B)!important;color:#fff;display:grid;place-items:center}
.r1-actions{display:flex;align-items:center;gap:20px;flex:0 0 auto}
.r1-act{display:flex;flex-direction:column;align-items:center;gap:2px;position:relative;color:#3B2E22}
.r1-act small{font-size:10.5px;color:#8A7E70}
.r1-act:hover{color:#F2668B}
.r1-cart b{position:absolute;top:-4px;right:-6px;font-size:10px;background:var(--hd-accent,#F2668B);color:#fff;border-radius:999px;padding:2px 5px;line-height:1}
.r1-burger{display:none;border:0;background:transparent;color:#3B2E22}
.r1-menuwrap{padding:0 0 12px}
.r1-menu{display:flex;align-items:center;gap:6px;background:var(--hd-bar-bg,#F76F92);border-radius:999px;height:46px;padding:0 10px;overflow-x:auto;scrollbar-width:none}
.r1-menu::-webkit-scrollbar{display:none}
.r1-menu a{color:var(--hd-bar-fg,#fff);font-size:13.5px;font-weight:600;padding:8px 14px;border-radius:999px;white-space:nowrap;opacity:.95}
.r1-menu a:hover{background:rgba(255,255,255,.18);opacity:1}
.r1-home{background:#FFD75E;color:#7A4B00!important;display:grid;place-items:center;width:34px;height:34px;padding:0!important;border-radius:999px}

/* ══════ r2 · ORGANIC ══════ */
.r2-hd{background:linear-gradient(180deg,#EAF4EC 0%,#F6FBF7 100%);position:sticky;top:0;z-index:80}
.r2-in{display:flex;align-items:center;gap:34px;height:var(--ref-h,92px) !important}
.r2-brand{flex:0 0 auto}
.r2-word{font-family:"Dancing Script","Playfair Display",Georgia,serif;font-size:30px;font-weight:700;color:#2E5E3E;letter-spacing:.01em}
.r2-nav{display:flex;align-items:center;gap:26px;flex:1 1 auto}
.r2-nav a{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#3A4B3F;opacity:.85;padding:4px 0;border-bottom:1px solid transparent}
.r2-nav a:hover{opacity:1;border-bottom-color:#2E5E3E}
.r2-right{display:flex;align-items:center;gap:18px;flex:0 0 auto;color:#2E5E3E}
.r2-searchbtn{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:inherit;font-size:11px;letter-spacing:.16em}
.r2-searchbtn span{text-transform:uppercase}
.r2-ico{position:relative;opacity:.9}
.r2-ico:hover{opacity:1}
.r2-cart b{position:absolute;top:-5px;right:-7px;font-size:9.5px;background:var(--hd-accent,#2E5E3E);color:#fff;border-radius:999px;padding:2px 5px;line-height:1}
.r2-burger{display:none;border:0;background:transparent;color:inherit}
.r2-searchwrap{padding-bottom:14px}
.r2-search{display:flex;gap:8px;max-width:760px;margin:0 auto}
.r2-search input{flex:1 1 auto;height:44px;border:1px solid #CFE3D5;border-radius:999px;padding:0 18px;background:#fff;outline:none}
.r2-search button{height:44px;padding:0 22px;border:0;border-radius:999px;background:#2E5E3E;color:#fff;font-weight:700}

/* ══════ r3 · FRESHMARKET ══════ */
.r3-hd{background:#fff;position:sticky;top:0;z-index:80}
.r3-top{background:var(--hd-bar-bg,#F97316);color:var(--hd-bar-fg,#fff)}
.r3-top-in{display:flex;align-items:center;justify-content:center;height:32px;font-size:12px;letter-spacing:.02em}
.r3-main{display:flex;align-items:center;gap:26px;height:var(--ref-h,86px) !important}
.r3-brand{flex:0 0 auto;display:flex;flex-direction:column;gap:2px}
.r3-word{font-size:23px;font-weight:800;color:#111827;letter-spacing:-.02em}
.r3-slogan{font-size:11px;color:#6B7280;letter-spacing:.02em}
.r3-search{display:flex;align-items:center;gap:10px;flex:1 1 auto;max-width:620px;height:44px;background:#F3F4F6;border-radius:999px;padding:0 6px 0 18px;color:#6B7280}
.r3-search input{flex:1 1 auto;border:0;background:transparent;outline:none;font-size:14px;color:#111827}
.r3-search button{height:34px;padding:0 18px;border:0;border-radius:999px;background:var(--hd-accent,#F97316)!important;color:#fff;font-weight:700;font-size:13px}
.r3-actions{display:flex;align-items:center;gap:20px;flex:0 0 auto;color:#111827}
.r3-act{display:flex;align-items:center;gap:7px;position:relative}
.r3-act small{font-size:12px;color:#374151}
.r3-act:hover{color:#F97316}
.r3-cart b{position:absolute;top:-6px;left:14px;font-size:10px;background:var(--hd-accent,#F97316);color:#fff;border-radius:999px;padding:2px 5px;line-height:1}
.r3-burger{display:none;border:0;background:transparent;color:inherit}
.r3-navwrap{border-top:1px solid #F3F4F6;border-bottom:1px solid #E5E7EB}
.r3-nav{display:flex;align-items:center;gap:24px;height:46px;font-size:13.5px;color:#374151;overflow-x:auto;scrollbar-width:none}
.r3-nav::-webkit-scrollbar{display:none}
.r3-nav a{white-space:nowrap;padding:12px 0;border-bottom:2px solid transparent}
.r3-nav a:hover{color:var(--hd-accent,#F97316);border-bottom-color:var(--hd-accent,#F97316)}
.r3-cats{display:flex;align-items:center;gap:8px;font-weight:700;color:#111827;padding-right:18px;border-right:1px solid #E5E7EB}

/* ══════ r4 · ZEMEZ ══════ */
.r4-hd{background:#fff;position:sticky;top:0;z-index:80}
.r4-top{background:var(--hd-bar-bg,#5D3FD3);color:var(--hd-bar-fg,#fff)}
.r4-top-in{display:flex;align-items:center;justify-content:space-between;height:38px;font-size:12px}
.r4-social{display:flex;gap:10px}
.r4-social a{display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:rgba(255,255,255,.16)}
.r4-social a:hover{background:rgba(255,255,255,.28)}
.r4-tag{opacity:.95;letter-spacing:.02em}
.r4-tel{display:flex;align-items:center;gap:6px;font-weight:600}
.r4-main{display:flex;align-items:center;gap:30px;height:var(--ref-h,80px) !important}
.r4-brand{flex:0 0 auto}
.r4-word{font-size:24px;font-weight:900;color:#5D3FD3;letter-spacing:-.02em}
.r4-nav{display:flex;align-items:center;gap:8px;flex:1 1 auto;font-size:14px;color:#374151}
.r4-nav a{padding:9px 14px;border-radius:999px;font-weight:600}
.r4-nav a:hover{background:color-mix(in srgb,var(--hd-bar-bg,#5D3FD3) 12%,#fff);color:var(--hd-bar-bg,#5D3FD3)}
.r4-active{background:var(--hd-bar-bg,#5D3FD3);color:var(--hd-bar-fg,#fff)!important}
.r4-actions{display:flex;align-items:center;gap:14px;flex:0 0 auto;color:#374151}
.r4-ico:hover{color:#5D3FD3}
.r4-cta{padding:11px 22px;border-radius:999px;background:var(--hd-accent,#FF69B4)!important;color:#fff;font-weight:800;font-size:13.5px;box-shadow:0 8px 20px rgba(255,105,180,.35)}
.r4-cta:hover{filter:brightness(1.05)}
.r4-cart{position:relative}
.r4-cart b{position:absolute;top:-6px;right:-8px;font-size:9.5px;background:var(--hd-bar-bg,#5D3FD3);color:#fff;border-radius:999px;padding:2px 5px;line-height:1}
.r4-burger{display:none;border:0;background:transparent;color:inherit}

/* ══════ ARAMA KONUMU (tema ayarı) ══════ */
html[data-hsearch="center"] .r1-main,html[data-hsearch="center"] .r3-main,html[data-hsearch="center"] .r4-main{justify-content:space-between}
html[data-hsearch="center"] .r1-search,html[data-hsearch="center"] .r3-search{margin:0 auto}
html[data-hsearch="right"] .r1-main,html[data-hsearch="right"] .r3-main{justify-content:flex-start}
html[data-hsearch="right"] .r1-search,html[data-hsearch="right"] .r3-search{margin-left:auto;order:3}
html[data-hsearch="left"] .r1-main,html[data-hsearch="left"] .r3-main{justify-content:flex-end}
html[data-hsearch="left"] .r1-search,html[data-hsearch="left"] .r3-search{order:-1;margin-right:auto}
html[data-hsearch="below"] .r1-main,html[data-hsearch="below"] .r3-main{flex-wrap:wrap;height:auto;padding:10px 0}
html[data-hsearch="below"] .r1-search,html[data-hsearch="below"] .r3-search{order:9;flex:1 1 100%;max-width:none;margin:8px 0 2px}

/* ══════ RESPONSIVE ══════ */
@media (max-width:1100px){
  .r1-search,.r2-nav,.r3-search,.r4-nav{display:none}
  .r1-burger,.r2-burger,.r3-burger,.r4-burger{display:block}
  .r2-in,.r3-main,.r4-main{height:var(--ref-hm,64px)}
  .r3-cats{border-right:0}
}
@media (max-width:720px){
  .r1-ann{display:none}
  .r1-main{gap:12px;height:var(--ref-hm,64px)}
  .r1-menuwrap{padding:6px 0 10px}
  .r1-menu{height:42px}
  .r1-act small{display:none}
  .r2-in{gap:14px}
  .r3-top,.r4-top{display:none}
  .r4-main{gap:14px}
  .r4-cta{padding:9px 14px;font-size:12px}
  .r4-ico{display:none}
}

/* Vurgu rengi — yüksek özgüllük (tema kurallarını geçer) */
html body .p-hd .r1-search button,
html body .p-hd .r3-search button,
html body .p-hd .r4-cta{background:var(--hd-accent,#F2668B)!important;border-color:transparent!important}
html body .p-hd .r1-cart b,html body .p-hd .r3-cart b,html body .p-hd .r4-cart b{background:var(--hd-accent,#F2668B)!important}

/* ══════ r6 · PINK ORIGAMI ══════ */
.r6-hd{background:var(--hd-bar-bg,#F48FB1);color:#3E2723;position:sticky;top:0;z-index:80;padding-bottom:0}
.r6-in{display:flex;align-items:center;gap:20px;height:var(--ref-h,82px)}
.r6-burger{border:0;background:transparent;color:inherit;padding:4px;flex:0 0 auto}
.r6-brand{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1px}
.r6-word{font-family:"Dancing Script","Playfair Display",Georgia,serif;font-size:30px;font-weight:700;letter-spacing:.01em;line-height:1}
.r6-tag{font-size:9px;letter-spacing:.26em;text-transform:uppercase;opacity:.72;font-weight:600}
.r6-logo{height:var(--ref-logo-h,44px)!important;max-height:var(--ref-logo-h,44px)!important;width:auto;max-width:var(--ref-logo-w,180px);object-fit:contain}
.r6-actions{display:flex;align-items:center;gap:16px;flex:0 0 auto;color:inherit}
.r6-ico{position:relative;border:0;background:transparent;color:inherit;padding:2px;opacity:.92}
.r6-ico:hover{opacity:1}
.r6-cart b{position:absolute;top:-6px;right:-7px;font-size:10px;font-weight:800;background:var(--hd-accent,#F06292);color:#fff;border-radius:999px;padding:2px 5px;line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.r6-searchwrap{padding-bottom:12px}
.r6-search{display:flex;gap:8px;max-width:720px;margin:0 auto}
.r6-search input{flex:1 1 auto;height:44px;border:0;border-radius:999px;padding:0 20px;background:#fff;color:#3E2723;outline:none;box-shadow:0 6px 18px rgba(62,39,35,.10)}
.r6-search button{height:44px;padding:0 22px;border:0;border-radius:999px;color:#fff;font-weight:800}
.r6-wave{display:block;width:100%;height:26px;margin-top:-2px}
@media (max-width:900px){
  .r6-in{height:var(--ref-hm,66px)}
  .r6-word{font-size:24px}
  .r6-tag{font-size:8px;letter-spacing:.2em}
}
