/* Korelio — modern arayüz katmanı (site, hesap ve yönetim). Diğer stil dosyalarından sonra yüklenir. */
:root{
  --k-ink:#314032;--k-muted:#5c6a5e;--k-line:#e3e9dc;--k-line-strong:#c9d4c4;--k-soft:#f1f4e6;--k-bg:#fffcdc;
  --k-brand:#a3b7a0;--k-brand-hover:#8fa58c;--k-radius-lg:18px;--k-radius:14px;--k-radius-sm:10px;
  --k-shadow:0 1px 2px rgba(49,64,50,.04),0 8px 24px rgba(49,64,50,.05);
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden}
img,video{max-width:100%}

/* ---------- Butonlar: tek ölçü, tek köşe, ortalı içerik ---------- */
.primary,.secondary,.outline,label.secondary,.cart-toolbar button,.tabs button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;
  border-radius:var(--k-radius);font-size:14px;font-weight:500;line-height:1.2;text-align:center;white-space:nowrap;
  text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}
.primary{background:var(--k-brand);color:var(--k-ink);border:1px solid transparent}
.primary:hover:not(:disabled){background:var(--k-brand-hover)}
.secondary,label.secondary{background:var(--k-soft);color:var(--k-ink);border:1px solid transparent}
.secondary:hover,label.secondary:hover{background:#e6ecdc}
.outline,.cart-toolbar button,.tabs button{background:#fff;color:var(--k-ink);border:1px solid var(--k-line-strong)}
.outline:hover:not(:disabled),.cart-toolbar button:hover{border-color:var(--k-ink)}
.outline[aria-pressed=true],.cart-toolbar button[aria-pressed=true],.tabs button.active{background:var(--k-ink);border-color:var(--k-ink);color:#fffcdc}
.primary.wide,.wide{width:100%}
.primary.wide{min-height:56px;font-size:15px;border-radius:var(--k-radius)}
.text-button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
button:focus-visible,a:focus-visible,label:focus-within,[role=button]:focus-visible{outline:3px solid var(--k-brand);outline-offset:2px}
.upload-actions{align-items:center}
.upload-actions label.secondary{margin:0}

/* ---------- Kartlar ---------- */
.card{border-radius:var(--k-radius-lg);border:1px solid var(--k-line);box-shadow:var(--k-shadow)}
.card-head{align-items:flex-start;flex-wrap:wrap;row-gap:8px}
.card-head>h2,.card-head>div{flex:1 1 220px;min-width:0}
.card-head>a,.card-head>.pill,.card-head>button{flex:0 0 auto}
.pill{border-radius:999px}
.banner{border-radius:var(--k-radius)}

/* ---------- Ürün kartları: eşit yükseklik, alt satır hizalı ---------- */
.product-card{display:flex;flex-direction:column;height:100%;padding:18px}
.product-card .image{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--k-radius-sm);margin-bottom:14px}
.product-card .image img{height:100%;width:100%;object-fit:contain}
.product-card .eyebrow{margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-card h3{font-size:15px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-card .hint{margin-top:4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.product-card>p{font-size:12.5px;line-height:1.6;margin:10px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.product-card .tags{flex-wrap:nowrap;overflow:hidden;margin:12px 0 0;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
.product-card .tags .pill{flex:0 0 auto}
.product-foot{margin-top:auto;padding-top:16px;align-items:center}
.product-foot strong{font-size:16px;font-weight:600}
.product-foot .outline{min-height:40px;padding:0 16px;border-radius:var(--k-radius-sm);font-size:13px}

/* ---------- Sepet sayfası ---------- */
.cart-layout{grid-template-columns:minmax(0,1fr) minmax(340px,420px);align-items:start}
.cart-aside{position:sticky;top:140px}
.catalog-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:32px 0 14px}
.catalog-head h2{font-size:22px}
.catalog-filter{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;margin:0 -2px 8px;scrollbar-width:none}
.catalog-filter::-webkit-scrollbar{display:none}
.catalog-filter button{flex:0 0 auto;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--k-line-strong);background:#fff;font-size:13px;color:var(--k-ink)}
.catalog-filter button[aria-pressed=true]{background:var(--k-ink);border-color:var(--k-ink);color:#fffcdc}
.catalog-search{min-height:42px;border:1px solid var(--k-line-strong);border-radius:999px;padding:0 16px;font:inherit;font-size:13px;background:#fff;color:var(--k-ink);width:min(260px,100%)}
.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.catalog-more{display:flex;justify-content:center;margin-top:18px}
.cart-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 6px}
.cart-toolbar button{flex:1 1 auto;min-height:42px;padding:0 14px;font-size:13px}
.cart-line{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 0}
.cart-line>img{width:64px;height:64px;object-fit:contain;background:var(--k-soft);border-radius:var(--k-radius-sm);padding:4px}
.cart-line>div:not(.qty){min-width:0}
.cart-line h3{font-size:13.5px;line-height:1.35;font-weight:500}
.cart-line p{font-size:12px;margin:4px 0 0}
.cart-line .reason{margin-top:4px}
.cart-line .alt{margin-top:8px;width:100%;min-height:38px;padding:0 32px 0 10px;font-size:12.5px;border:1px solid var(--k-line-strong);border-radius:var(--k-radius-sm);
  appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23314032' fill='none' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 11px center;text-overflow:ellipsis}
.qty{display:inline-flex;align-items:center;gap:0;margin:0;border:1px solid var(--k-line-strong);border-radius:var(--k-radius);background:#fff;overflow:hidden}
.qty button{width:40px;min-width:40px;height:40px;min-height:40px;border:0;border-radius:0;font-size:18px;line-height:1}
.qty button:hover{background:var(--k-soft)}
.qty span{min-width:26px;text-align:center;font-weight:500;font-variant-numeric:tabular-nums}
.total{align-items:baseline;padding-top:6px}
.total strong{font-size:20px;font-weight:600}

/* ---------- Fotoğraf alanı: sürükle-bırak ---------- */
.dropzone{cursor:pointer;transition:border-color .15s,background .15s;border-radius:var(--k-radius)}
.dropzone:hover{border-color:var(--k-brand)}
.dropzone.dragging{border-color:var(--k-brand);border-style:solid;background:#ddf5fd}
.dropzone .drop-cta{margin-top:14px;font-size:12px;color:#3f5a43;font-weight:500}
.camera{border-radius:var(--k-radius)}

/* ---------- Genel bakış / istatistik ---------- */
.stat strong{font-size:clamp(26px,5vw,37px);line-height:1.1;overflow-wrap:anywhere}
.journey-track button{min-height:64px}
.journey-track small{font-size:10px}
.journey-track strong{font-size:12.5px}

/* ---------- Hesap alanı üst gezinme ---------- */
.sidebar nav{scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.sidebar nav::-webkit-scrollbar{display:none}
.sidebar nav a{min-height:44px}

/* ---------- Site (Healia) ---------- */
main a.inline-flex.rounded-md,section a.inline-flex.rounded-md,a.button{min-height:52px;padding:0 26px;border-radius:var(--k-radius);font-size:16px;white-space:nowrap;align-items:center}
.k-hero-copy a.inline-flex.rounded-md{min-height:56px}
section .flex.gap-7\.5{flex-wrap:wrap;gap:14px}
.k-products{grid-template-columns:repeat(4,1fr);gap:20px}
.k-products article{display:flex;flex-direction:column;border-radius:var(--k-radius-lg)}
.k-product{height:auto;aspect-ratio:1;object-fit:contain}
.k-step{border-radius:var(--k-radius-lg)}
.doc-links a{min-height:44px;display:inline-flex;align-items:center}

/* ---------- Kırılımlar ---------- */
@media (max-width:1180px){
  .k-products{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1023px){
  .cart-layout{grid-template-columns:1fr}
  .cart-aside{position:static;order:-1}
  .k-steps{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .k-steps{grid-template-columns:1fr}
  .grid.equal:not(.form .equal){grid-template-columns:1fr}
  .catalog-grid{grid-template-columns:1fr}
  .product-card{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:14px;padding:14px;align-items:start}
  .product-card>*{grid-column:2}
  .product-card .image{grid-column:1;grid-row:1/span 6;aspect-ratio:1;margin:0;align-self:start}
  .product-card>p{-webkit-line-clamp:2}
  .product-card .tags{display:none}
  .product-foot{padding-top:10px}
  .page-heading h1{font-size:clamp(30px,8.5vw,40px)}
  .card{padding:20px}
  .upload-actions>*{flex:1 1 150px}
  .cart-toolbar button{flex:1 1 30%}
  .journey-track{grid-template-columns:1fr 1fr}
}
@media (max-width:480px){
  section .flex.gap-7\.5>a{flex:1 1 100%}
  main a.inline-flex.rounded-md,section a.inline-flex.rounded-md{width:100%;white-space:normal}
  .k-hero-copy a.inline-flex.rounded-md{width:auto}
  .k-products{grid-template-columns:1fr 1fr;gap:12px}
  .k-products article{padding:16px}
  .k-products article h3{font-size:15px}
  .cart-line{grid-template-columns:52px minmax(0,1fr);row-gap:10px}
  .cart-line>img{width:52px;height:52px}
  .cart-line>.qty,.cart-line>.hint{grid-column:2;justify-self:start}
  .four{grid-template-columns:1fr 1fr}
  .stat{padding:16px}
}
@media (hover:none){.outline:hover,.cart-toolbar button:hover{border-color:var(--k-line-strong)}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.cart-line>.thumb-fallback{width:64px;height:64px;border-radius:var(--k-radius-sm);background:var(--k-soft);display:grid;place-items:center;color:#3f5a43}
@media (max-width:480px){.cart-line>.thumb-fallback{width:52px;height:52px}}
.stat strong.stat-word{font-size:clamp(20px,4vw,26px);line-height:1.25;padding:6px 0}
/* Genel bakış yolculuk adımları (bağlantı olarak) */
.journey-track a{border:1px solid var(--k-line);border-radius:var(--k-radius);display:flex;text-align:left;align-items:center;gap:12px;padding:14px;background:#fff;color:var(--k-ink);text-decoration:none;min-height:68px;transition:border-color .15s}
.journey-track a:hover{border-color:var(--k-brand)}
.journey-track a>span{flex:0 0 32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--k-soft);color:#3f5a43;font-size:13px}
.journey-track a.done{background:var(--k-soft)}
.journey-track a.done>span{background:var(--k-brand);color:var(--k-ink)}
.journey-track a div{min-width:0}
.journey-track a small{display:block;font-size:10px;letter-spacing:.6px;color:var(--k-muted)}
.journey-track a strong{display:block;font-size:13px;font-weight:500;margin-top:3px;line-height:1.3}
.journey-track a b{margin-left:auto;font-weight:400;color:var(--k-muted)}
@media (max-width:600px){.journey-track a{padding:12px;gap:10px}.journey-track a b{display:none}}
/* Izgara çocukları içerikleri yüzünden genişlemesin */
.grid>*,.cart-layout>*{min-width:0}
@media (max-width:1023px){.cart-layout{grid-template-columns:minmax(0,1fr)}}
.card :is(p,address,li,dd,h3,small){overflow-wrap:anywhere}
.catalog-filter{max-width:100%}
@media (max-width:480px){.primary,.secondary,.outline,label.secondary{white-space:normal;max-width:100%}.account-actions>*{flex:1 1 100%}}
.skin-alt{display:block;margin-top:4px;color:#3f5a43}.report-summary .skin-reason{margin-top:10px;font-size:12.5px}.report-summary .skin-reason strong{font-weight:500;color:var(--k-ink)}

/* ================= Korelio kurumsal kimlik (2026) =================
   Poppins: başlık SemiBold, gövde Light. Ana renkler: Koyu Yeşil #314032, Soft Sarı #fffcdc.
   İkincil: Soft Sage #a3b7a0, Ice Blue #ddf5fd. Metin vurgusu için okunabilir koyu sage #3f5a43. */
:root{--k-green:#314032;--k-cream:#fffcdc;--k-sage:#a3b7a0;--k-ice:#ddf5fd;--k-accent-text:#3f5a43;
  --color-primary:#a3b7a0;--color-default-950:#314032;--color-default-50:#fffcdc;--color-body-bg:#fffcdc;--color-body-color:#4a584c;
  --k-ink:#314032;--k-muted:#5c6a5e;--k-line:#e3e9dc;--k-line-strong:#c9d4c4;--k-soft:#f1f4e6;--k-bg:#fffcdc;--k-brand:#a3b7a0;--k-brand-hover:#8fa58c}
body{font-family:'Poppins',system-ui,sans-serif;font-weight:300;color:var(--k-green)}
h1,h2,h3,.page-heading h1,.card h2,dialog h2{font-family:'Poppins',system-ui,sans-serif;font-weight:600;letter-spacing:-.015em}
h4,strong,b,.product-foot strong,.total strong{font-weight:500}
p,li,dd,.lead{font-weight:300}
small,.hint,.eyebrow,label,button,.primary,.secondary,.outline,.pill,.badge,th,td,nav a,input,select,textarea,.breadcrumb,.tabs button{font-weight:400}
.primary,.secondary,.outline,label.secondary{font-weight:500}
.text-primary{color:var(--k-accent-text)}
.bg-default-950 .text-primary,.k-footer .text-primary,.welcome .text-primary{color:var(--k-sage)}
.k-step-number{color:var(--k-green);font-weight:300}
.eyebrow{color:var(--k-accent-text);letter-spacing:.06em}
.k-logo{display:inline-flex;align-items:center;line-height:0}
.k-logo img{height:34px;width:auto;display:block}
.k-footer .k-logo img{height:46px}
.welcome-mark{position:absolute;right:-30px;bottom:-40px;width:230px;height:230px;opacity:.14;pointer-events:none}
.adm-logo img,.sidebar .logo img{display:block;height:30px;width:auto}
.k-banner img{display:block;width:100%;height:clamp(140px,22vw,300px);object-fit:cover}
.k-vision{display:grid;gap:28px}
.k-vision h3{font-size:22px;margin-bottom:10px}
.k-vision>div{border-top:1px solid var(--k-line-strong);padding-top:22px}
.k-symbol-mark{width:88px;height:88px}
.k-symbol-story .lead{margin-top:20px}
.k-about-img{max-height:680px}
.banner{background:var(--k-ice);border-color:#c6e7f2;color:#2f4a52}
.banner.error{background:#fbeeee;border-color:#efcfcf;color:#8a2f2f}
.dropzone{background:#f7f9ef;border-color:var(--k-line-strong)}
.dropzone .upload-icon,.dropzone .drop-cta{color:var(--k-accent-text)}
.report-circle{background:conic-gradient(var(--k-sage) 0 45%,var(--k-soft) 45% 100%)}
.bar i,.meter span{background:var(--k-sage)}
.status:before{background:var(--k-sage)}
.bg-default-950 .bg-default-100 .text-primary,.bg-default-950 article .text-primary{color:var(--k-accent-text)}
.k-products{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1100px;margin-inline:auto}
@media (max-width:1180px){.k-products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.k-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
.k-hero-copy a.inline-flex.rounded-md{background:var(--k-sage);border-color:var(--k-sage);color:var(--k-green);font-weight:500}
.k-hero-copy a.inline-flex.rounded-md:hover{background:#b6c7b3}
.k-hero-copy p,.k-hero-bottom{font-size:15px;line-height:1.7;font-weight:300}
main p,section p{min-height:0}
section p:not([class*="text-"]):not(.k-subtle){font-size:max(1em,14px)}
.bg-default-950 .text-default-400,.k-footer .text-default-400{color:var(--k-sage)}
.status{color:var(--k-muted)}
.step>span,.k-routine-row>span{color:var(--k-accent-text)}
.sample-label{color:var(--k-muted);background:var(--k-soft)}
.routine-step small{color:#6e5a1f}
.empty>span{color:#74876f}
.eyebrow{color:var(--k-accent-text)}
.welcome .eyebrow,.action-center .eyebrow{color:var(--k-sage)}

/* ---------- Mobil uygulama kabuğu: alt sekme çubuğu (site + hesap) ---------- */
.k-tabbar{display:none}
@media (max-width:1023px){
  .k-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:150;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--k-line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .k-tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:50px;justify-content:center;border-radius:12px;color:#6b786d;font-size:11px;font-weight:400;line-height:1}
  .k-tabbar a.on{color:var(--k-green);font-weight:500}
  .k-tabbar a.on svg{stroke-width:2}
  .k-tabbar a.on span{position:relative}
  .k-tabbar a:active{background:var(--k-soft)}
  body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  #toast{bottom:calc(84px + env(safe-area-inset-bottom))!important}
  /* Üst menü sadeleşir: üye bağlantısı alt çubuktaki "Hesabım"a taşındı. */
  .k-member{display:none!important}
}

/* ---------- Açık zemin (2026-10): krem/lime arka planlar beyaz ve nötr açık tona çekildi ----------
   Krem (#fffcdc) yalnızca koyu yeşil zemin üzerindeki metin rengi olarak kalır. */
:root{--bg:#ffffff;--light:#f5f6f2;--color-body-bg:#ffffff;--color-default-50:#fffcdc;--color-default-100:#f5f6f2;--k-bg:#ffffff;--k-soft:#f5f6f2;--k-line:#e6e9e3}
html,body{background:#fff}
.bg-default-100{background-color:#f5f6f2!important}
.healia-header::before{background:#fff!important}
.k-dropdown a:hover{background:#f5f6f2}
/* Açık zeminde ana eylem düğmeleri koyu yeşil: daha net ve güçlü */
.primary{background:#314032;color:#fff}
.primary:hover{background:#3f5a43;color:#fff}
.welcome .primary,.bg-default-950 .primary{background:#a3b7a0;color:#314032}
.stat,.mini-product,.product-card .image,.report-summary,.banner,.secondary,.dropzone{background:#f5f6f2}