@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/yazi/plus-jakarta-sans-latin-ext-400-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/yazi/plus-jakarta-sans-latin-400-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/yazi/plus-jakarta-sans-latin-ext-500-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/yazi/plus-jakarta-sans-latin-500-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/yazi/plus-jakarta-sans-latin-ext-600-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/yazi/plus-jakarta-sans-latin-600-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/yazi/plus-jakarta-sans-latin-ext-700-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/yazi/plus-jakarta-sans-latin-700-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(/yazi/plus-jakarta-sans-latin-ext-800-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(/yazi/plus-jakarta-sans-latin-800-normal.woff2) format('woff2');
}/* Melikon site styles. Colours come from the logo: teal mark, soft green hand. */
:root{
  --ink:#17302F; --ink-2:#2E4645; --muted:#5B6E6C; --line:#E2E5DE; --bg:#F7F7F2; --card:#FFFFFF;
  --teal:#2CA4AC; --teal-ink:#16767C; --teal-dark:#0F5B60; --teal-soft:#E5F3F3;
  --green:#BCD49C; --green-soft:#EEF4E4; --green-ink:#4F6B2A;
  --wa:#1C7E47; --soon:#8A6A12; --soon-soft:#FBF1D2;
  --r:20px; --r-sm:12px; --wrap:1180px;
  color-scheme:light;
}
*{ box-sizing:border-box; margin:0; padding:0 }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:88px }
body{ font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif; background:var(--bg); color:var(--ink); font-size:17px; line-height:1.6 }
img{ max-width:100%; display:block }
a{ color:inherit }
svg.i{ width:1.15em; height:1.15em; stroke:currentColor; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; flex:none }
.wrap{ max-width:var(--wrap); margin:0 auto; padding:0 20px }
.sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap }
:focus-visible{ outline:3px solid var(--teal); outline-offset:3px; border-radius:6px }

/* ---------- header ---------- */
.ust{ position:sticky; top:0; z-index:10; background:rgba(255,255,255,.96); border-bottom:1px solid var(--line); backdrop-filter:saturate(1.4) blur(8px) }
.ust .wrap{ display:flex; align-items:center; gap:24px; min-height:72px }
.logo{ display:flex; align-items:center; gap:10px; text-decoration:none; flex:none }
.logo .isaret{ height:44px; width:auto }
.logo .yazi{ height:21px; width:auto }
.menu{ display:flex; gap:4px; margin-left:auto }
.menu a{ text-decoration:none; font-weight:600; font-size:15.5px; padding:9px 14px; border-radius:999px; color:var(--ink-2) }
.menu a:hover{ background:var(--teal-soft); color:var(--teal-dark) }
.menu a[aria-current="page"]{ background:var(--teal-soft); color:var(--teal-dark) }
.ust .btn{ flex:none }
@media (max-width:860px){
  .ust .wrap{ flex-wrap:wrap; gap:0 12px; padding-top:10px }
  .ust .btn{ margin-left:auto; padding:9px 14px; font-size:14.5px }
  .menu{ order:3; width:100%; margin:6px -20px 0; padding:0 14px 8px; overflow-x:auto; scrollbar-width:none }
  .menu a{ white-space:nowrap; padding:8px 12px; font-size:15px }
  .logo .isaret{ height:38px } .logo .yazi{ height:18px }
}

/* ---------- buttons ---------- */
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:9px; font:inherit; font-weight:700; font-size:16px; line-height:1.2; text-decoration:none; border-radius:999px; padding:13px 22px; border:2px solid transparent; cursor:pointer; text-align:center }
.btn.ana{ background:var(--teal-ink); color:#fff }
.btn.ana:hover{ background:var(--teal-dark) }
.btn.wa{ background:var(--wa); color:#fff }
.btn.wa:hover{ background:#156539 }
.btn.cizgi{ border-color:var(--line); background:#fff; color:var(--ink) }
.btn.cizgi:hover{ border-color:var(--teal); color:var(--teal-dark) }
.btn.kucuk{ padding:9px 15px; font-size:14.5px }
.btnlar{ display:flex; flex-wrap:wrap; gap:12px }

/* ---------- common ---------- */
.ust-yazi{ display:inline-flex; align-items:center; gap:10px; font-size:13.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--teal-ink) }
.ust-yazi::before{ content:""; width:24px; height:3px; border-radius:2px; background:var(--green) }
h1{ font-size:clamp(34px,5.2vw,58px); line-height:1.06; letter-spacing:-.03em; font-weight:800 }
h2{ font-size:clamp(26px,3.4vw,38px); line-height:1.12; letter-spacing:-.025em; font-weight:800 }
h3{ font-size:20px; line-height:1.25; letter-spacing:-.01em; font-weight:700 }
.vurgu{ color:var(--teal-ink) }
.giris{ font-size:clamp(17px,1.8vw,20px); color:var(--muted); max-width:720px }
.bolum{ padding:64px 0 }
.bolum-bas{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:12px 24px; margin-bottom:28px }
.bolum-bas p{ color:var(--muted); max-width:640px; margin-top:8px }
.kirinti{ display:flex; flex-wrap:wrap; gap:6px; font-size:14px; color:var(--muted); padding-top:24px }
.kirinti a{ text-decoration:none; color:var(--teal-ink); font-weight:600 }
.kirinti span[aria-hidden]{ opacity:.5 }

/* ---------- home hero ---------- */
.hero{ padding:56px 0 48px }
.hero h1{ margin-top:16px; max-width:820px }
.hero .giris{ margin-top:18px }
.kapilar{ display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:36px }
.kapi{ position:relative; display:grid; grid-template-columns:1fr 46%; min-height:300px; border-radius:28px; overflow:hidden; text-decoration:none; border:1px solid var(--line); background:var(--card) }
.kapi .ic{ padding:30px 30px 28px; display:flex; flex-direction:column }
.kapi .etiket{ font-size:13px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--teal-ink) }
.kapi h2{ font-size:clamp(24px,2.6vw,32px); margin-top:10px }
.kapi p{ margin-top:10px; color:var(--muted); font-size:16px }
.kapi .git{ margin-top:auto; padding-top:18px; display:inline-flex; align-items:center; gap:8px; font-weight:700; color:var(--teal-ink) }
.kapi:hover .git{ text-decoration:underline }
.kapi .gorsel{ position:relative; background:var(--green-soft) }
.kapi .gorsel img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 40% }
.kapi.vet{ background:var(--teal-dark); border-color:var(--teal-dark); color:#fff }
.kapi.vet .etiket{ color:var(--green) } .kapi.vet p{ color:rgba(255,255,255,.78) } .kapi.vet .git{ color:#fff }
.kapi.vet .gorsel{ background:rgba(255,255,255,.08); display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:20px; align-content:center }
.kapi.vet .gorsel img{ position:static; width:100%; height:auto; aspect-ratio:1; object-fit:contain; background:#fff; border-radius:16px; padding:8px }
@media (max-width:900px){ .kapilar{ grid-template-columns:1fr } }
@media (max-width:520px){ .kapi{ grid-template-columns:1fr; min-height:0 } .kapi .gorsel{ height:200px; order:-1 } .kapi.vet .gorsel{ height:auto; grid-template-columns:repeat(4,1fr); padding:14px } }

/* ---------- brands ---------- */
.markalar{ display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:14px }
.marka{ background:var(--card); border:1px solid var(--line); border-radius:var(--r-sm); min-height:96px; display:grid; place-items:center; padding:16px 20px; text-decoration:none }
.marka img{ max-height:48px; width:auto; max-width:min(100%,170px) }
.marka.dikey img{ max-height:66px }
.marka b{ font-size:21px; font-weight:800; letter-spacing:-.01em; color:var(--ink-2) }
.marka-detay{ display:grid; grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr)); gap:16px }
.marka-detay article{ background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:24px }
.marka-detay .ml{ height:52px; display:flex; align-items:center }
.marka-detay .ml img{ max-height:46px; max-width:200px; width:auto; object-fit:contain }
.marka-detay .dikey .ml{ height:72px } .marka-detay .dikey .ml img{ max-height:72px }
.marka-detay .ml b{ font-size:22px; font-weight:800 }
.marka-detay small{ display:block; margin-top:12px; font-size:13px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--teal-ink) }
.marka-detay p{ margin-top:6px; color:var(--muted); font-size:15.5px }

/* ---------- featured (QR products) ---------- */
.one-cikan{ display:grid; grid-template-columns:1fr 1fr; gap:20px }
.oc{ display:grid; grid-template-columns:200px 1fr; gap:24px; align-items:center; background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:22px; text-decoration:none }
.oc .im{ position:relative; background:#fff; border-radius:var(--r-sm); aspect-ratio:1; overflow:hidden }
.oc .im img{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain }
.oc img.lg{ height:38px; width:auto; margin-bottom:10px }
.oc p{ color:var(--muted); font-size:15.5px; margin-top:6px }
.oc .git{ display:inline-flex; gap:8px; align-items:center; margin-top:14px; font-weight:700; color:var(--teal-ink) }
@media (max-width:900px){ .one-cikan{ grid-template-columns:1fr } }
@media (max-width:520px){ .oc{ grid-template-columns:110px 1fr; gap:16px; padding:16px } }

/* ---------- about ---------- */
.hakkinda{ display:grid; grid-template-columns:1.1fr 1fr; gap:40px; align-items:center }
.hakkinda p{ color:var(--ink-2); margin-top:16px; font-size:17.5px }
.rakamlar{ display:grid; grid-template-columns:1fr 1fr; gap:14px }
.rakamlar div{ background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:22px }
.rakamlar b{ display:block; font-size:34px; font-weight:800; letter-spacing:-.03em; color:var(--teal-ink); line-height:1.1 }
.rakamlar span{ display:block; margin-top:6px; color:var(--muted); font-size:15px; line-height:1.4 }
@media (max-width:900px){ .hakkinda{ grid-template-columns:1fr } }

/* ---------- catalog ---------- */
.katalog-bas{ padding:24px 0 8px }
.katalog-bas h1{ margin-top:14px }
.katalog-bas .giris{ margin-top:14px }
.bilgi{ display:flex; gap:14px; align-items:flex-start; background:var(--green-soft); border:1px solid #DCE8CB; border-radius:var(--r); padding:18px 22px; margin-top:24px; font-size:16px; color:var(--ink-2) }
.bilgi svg{ color:var(--green-ink); margin-top:3px }
.bilgi.vet{ background:var(--teal-soft); border-color:#CDE7E7 } .bilgi.vet svg{ color:var(--teal-ink) }
.atla{ display:flex; flex-wrap:wrap; gap:8px; margin-top:22px }
.atla a{ text-decoration:none; font-size:14.5px; font-weight:700; background:#fff; border:1px solid var(--line); border-radius:999px; padding:8px 14px; color:var(--ink-2) }
.atla a:hover{ border-color:var(--teal); color:var(--teal-dark) }
.grup{ padding-top:44px }
.grup-bas{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-bottom:18px }
.grup-bas img{ height:30px; width:auto }
.grup-bas h2{ font-size:clamp(22px,2.6vw,28px) }
.grup-bas p{ width:100%; color:var(--muted); margin-top:-6px }
.kartlar{ display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:18px }
.kart{ position:relative; background:var(--card); border:1px solid var(--line); border-radius:var(--r); overflow:hidden; display:flex; flex-direction:column }
.kart .im{ position:relative; aspect-ratio:4/3; background:#fff; display:grid; place-items:center; border-bottom:1px solid var(--line) }
.kart .im img{ position:absolute; inset:16px; width:calc(100% - 32px); height:calc(100% - 32px); object-fit:contain }
.kart .im.ikon{ background:var(--teal-soft); color:var(--teal-ink) }
.kart .im.ikon svg{ width:64px; height:64px; stroke-width:1.5 }
.kart .im.lg img{ position:static; width:auto; max-width:72%; height:auto; max-height:96px }
.kart .ic{ padding:18px 20px 20px; display:flex; flex-direction:column; flex:1 }
.kart .mk{ font-size:12.5px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--teal-ink) }
.kart h3{ margin-top:6px }
.kart h3 a{ text-decoration:none }
.kart h3 a::after{ content:""; position:absolute; inset:0 }
.kart p{ margin-top:8px; color:var(--muted); font-size:15px; line-height:1.5 }
.kart .alt{ margin-top:auto; padding-top:14px; display:flex; flex-wrap:wrap; gap:8px; align-items:center }
.kart .alt .btn{ position:relative; z-index:1 }
.cip{ display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:700; color:var(--ink-2); background:var(--bg); border:1px solid var(--line); border-radius:999px; padding:4px 10px; line-height:1.3 }
.cip.yakinda{ background:var(--soon-soft); border-color:#F1DE9F; color:var(--soon) }
.kart.yakinda .im img{ opacity:.85 }
.kart.yakinda .im.ikon{ background:var(--soon-soft); color:var(--soon) }
.kart .rozet{ position:absolute; top:12px; left:12px; z-index:1 }

/* ---------- product page ---------- */
.urun{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:44px; padding-top:24px; padding-bottom:8px; align-items:start }
.urun .im{ position:sticky; top:96px; background:#fff; border:1px solid var(--line); border-radius:28px; aspect-ratio:1; display:grid; place-items:center; padding:32px }
.urun .im img{ position:absolute; inset:32px; width:calc(100% - 64px); height:calc(100% - 64px); object-fit:contain }
.urun .im small{ position:absolute; bottom:12px; left:0; right:0; text-align:center; font-size:13px; color:var(--muted) }
.urun .mk{ display:flex; align-items:center; gap:12px }
.urun .mk img{ height:30px; width:auto }
.urun h1{ font-size:clamp(30px,4vw,46px); margin-top:14px }
.urun .giris{ margin-top:14px }
.urun .turler{ display:flex; flex-wrap:wrap; gap:8px; margin-top:16px }
.tablo{ width:100%; border-collapse:collapse; margin-top:24px; background:#fff; border:1px solid var(--line); border-radius:var(--r-sm); overflow:hidden; font-size:15.5px }
.tablo th,.tablo td{ text-align:left; padding:12px 16px; border-bottom:1px solid var(--line) }
.tablo th{ font-size:12.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); background:var(--bg); font-weight:800 }
.tablo tr:last-child td{ border-bottom:0 }
.tablo td.kod{ font-variant-numeric:tabular-nums; color:var(--muted); white-space:nowrap }
.urun .btnlar{ margin-top:24px }
.urun .not{ margin-top:12px; font-size:14.5px; color:var(--muted) }
.detay{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr)); gap:18px; padding-top:40px; padding-bottom:8px }
.detay section{ background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:24px 26px }
.detay h2{ font-size:19px; display:flex; align-items:center; gap:10px; letter-spacing:-.01em }
.detay h2 svg{ color:var(--teal-ink) }
.detay p{ margin-top:10px; color:var(--ink-2); font-size:16px }
.uyari{ font-size:14px; color:var(--muted); padding-top:18px }
.testler{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr)); gap:16px; margin-top:28px }
.testler div{ background:#fff; border:1px solid var(--line); border-radius:var(--r-sm); padding:18px 20px }
.testler h3{ font-size:16px; color:var(--teal-ink) }
.testler ul{ list-style:none; margin-top:10px; display:flex; flex-direction:column; gap:6px; font-size:15.5px }
.testler li{ display:flex; gap:8px; align-items:center } .testler li svg{ color:var(--green-ink) }
@media (max-width:900px){ .urun{ grid-template-columns:1fr; gap:24px } .urun .im{ position:relative; top:0; max-width:520px; width:100% } }

/* ---------- landing (QR pages) ---------- */
.inis{ padding-top:28px; padding-bottom:8px }
.inis-ust{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:44px; align-items:center }
.inis-ust .lg{ height:52px; width:auto }
.inis-ust h1{ margin-top:22px }
.inis-ust .giris{ margin-top:16px }
.inis-ust .btnlar{ margin-top:28px }
.inis-ust .not{ margin-top:12px; font-size:14px; color:var(--muted) }
.inis-gorsel{ background:#fff; border:1px solid var(--line); border-radius:28px; padding:24px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; align-items:center }
.inis-gorsel.n2{ grid-template-columns:repeat(2,1fr) } .inis-gorsel.n1{ grid-template-columns:1fr }
.inis-gorsel span{ position:relative; aspect-ratio:1 }
.inis-gorsel img{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain }
.artilar{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:44px }
@media (max-width:900px){ .artilar{ grid-template-columns:1fr 1fr } }
@media (max-width:560px){ .artilar{ grid-template-columns:1fr } }
.arti{ background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:22px 22px 24px }
.arti .ik{ width:46px; height:46px; border-radius:14px; background:var(--teal-soft); color:var(--teal-ink); display:grid; place-items:center }
.arti .ik svg{ width:24px; height:24px }
.arti h3{ margin-top:14px; font-size:18.5px }
.arti p{ margin-top:6px; color:var(--muted); font-size:15.5px }
.adimlar{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:20px; counter-reset:a }
.adim{ background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:22px; counter-increment:a }
.adim::before{ content:counter(a,decimal-leading-zero); font-size:30px; font-weight:800; color:var(--teal-ink); letter-spacing:-.03em }
.adim h3{ margin-top:8px } .adim p{ margin-top:6px; color:var(--muted); font-size:15.5px }
.adim .dikkat{ margin-top:12px; font-size:14.5px; font-weight:700; color:#8A2C1C; background:#FBE9E5; border-radius:10px; padding:8px 12px }
.pdf-kart{ display:flex; flex-wrap:wrap; align-items:center; gap:18px 28px; background:var(--teal-dark); color:#fff; border-radius:28px; padding:28px 32px; margin-top:44px }
.pdf-kart .ik{ width:64px; height:64px; border-radius:18px; background:rgba(255,255,255,.12); display:grid; place-items:center; flex:none }
.pdf-kart .ik svg{ width:32px; height:32px }
.pdf-kart div{ flex:1; min-width:220px }
.pdf-kart h2{ font-size:clamp(22px,2.6vw,28px) }
.pdf-kart p{ color:rgba(255,255,255,.78); margin-top:4px; font-size:16px }
.pdf-kart .btn{ background:#fff; color:var(--teal-dark) }
.pdf-kart .btn:hover{ background:var(--green-soft) }
@media (max-width:900px){ .inis-ust{ grid-template-columns:1fr; gap:28px } .adimlar{ grid-template-columns:1fr } }

/* ---------- footer / contact ---------- */
.alt-bilgi{ background:var(--ink); color:#fff; margin-top:72px; padding:56px 0 28px }
.alt-bilgi .ust-satir{ display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:36px }
.alt-bilgi .logo-b{ background:#fff; border-radius:18px; padding:14px 18px; display:inline-flex; align-items:center; gap:10px }
.alt-bilgi .logo-b .isaret{ height:40px; width:auto } .alt-bilgi .logo-b .yazi{ height:19px; width:auto }
.alt-bilgi p{ color:rgba(255,255,255,.72); font-size:15px; margin-top:14px; max-width:380px }
.alt-bilgi h2{ font-size:14px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--green) }
.alt-bilgi ul{ list-style:none; margin-top:14px; display:flex; flex-direction:column; gap:10px; font-size:15.5px }
.alt-bilgi li{ display:flex; gap:10px; align-items:flex-start }
.alt-bilgi li svg{ color:var(--green); margin-top:4px }
.alt-bilgi a{ text-decoration:none } .alt-bilgi a:hover{ text-decoration:underline }
.alt-bilgi .btnlar{ margin-top:18px }
.alt-bilgi .son{ border-top:1px solid rgba(255,255,255,.14); margin-top:40px; padding-top:20px; font-size:13.5px; color:rgba(255,255,255,.55); display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 24px }
@media (max-width:900px){ .alt-bilgi .ust-satir{ grid-template-columns:1fr } }
@media print{ .ust,.alt-bilgi .btnlar{ display:none } }

/* ---------- spacing helpers (no inline styles: the CSP blocks them) ---------- */
.bolum.ust-dar{ padding-top:24px } .bolum.ust-yok{ padding-top:8px }
h2.ara{ margin-top:12px }
.alt-ara{ margin-top:40px }
.marka-detay{ margin-top:28px }
.inis-ust{ margin-top:20px }
.tablo.dar{ max-width:760px }
.urun .im img.logo-gorsel{ position:static; width:auto; height:auto; max-width:80%; max-height:120px }
.bulunamadi{ padding-top:80px; padding-bottom:40px; text-align:center }
.bulunamadi h1{ margin-top:14px } .bulunamadi .giris{ margin:16px auto 0 } .bulunamadi .btnlar{ justify-content:center; margin-top:28px }
.marka-detay a.dis{ display:inline-flex; align-items:center; gap:6px; font-weight:700; color:var(--teal-ink); text-decoration:none } .marka-detay a.dis:hover{ text-decoration:underline }