:root{
  --ink:#2a1f5c;      /* mürekkep mor-lacivert */
  --ice:#e9eff8;      /* zemin */
  --paper:#ffffff;
  --coral:#ff4f7b;    /* vurgu */
  --lime:#b8e43a;
  --cyan:#29c4e0;
  --sun:#ffc531;
  --mut:#5d5784;
  --line:#cfd7e6;
  --r:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ice);color:var(--ink);font:400 17px/1.6 Onest,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:Unbounded,Onest,system-ui,sans-serif;font-weight:800;line-height:1.05;letter-spacing:-.025em;margin:0}
p{margin:0}
a{color:inherit}
img{max-width:100%}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}

/* Butonlar */
.btn{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;font-weight:700;padding:14px 24px;border-radius:99px;border:2px solid var(--ink);line-height:1.2;transition:transform .15s}
.btn:hover{transform:translateY(-2px)}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.light{background:#fff;color:var(--ink);border-color:#fff}
.btn.sm{padding:9px 18px;font-size:.95rem;white-space:nowrap}
a:focus-visible,.btn:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
footer a:focus-visible{outline-color:#fff}

/* Üst bar */
.top{padding:18px 0}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{white-space:nowrap;display:flex;align-items:center;gap:10px;font:800 1.05rem Unbounded,sans-serif;text-decoration:none;letter-spacing:-.02em}
.mark{display:grid;gap:3px;width:26px}
.mark i{display:block;height:6px;border-radius:3px;background:var(--coral)}
.mark i:nth-child(2){background:var(--cyan);margin:0 3px}
.mark i:nth-child(3){background:var(--lime);margin:0 6px}
.top nav{display:flex;align-items:center;gap:22px}
.top nav a:not(.btn){text-decoration:none;font-weight:500}
.top nav a:not(.btn):hover{text-decoration:underline;text-underline-offset:4px}

/* Hero: başlık katman katman basılır */
.hero{padding:40px 0 64px}
.print{position:relative;font-size:clamp(2.1rem,7vw,5.6rem);max-width:15ch;padding-bottom:.04em;overflow-wrap:break-word}
.print .txt{
  display:block;
  background:repeating-linear-gradient(180deg,var(--ink) 0 .085em,#3d2f7e .085em .1em);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:build 2.6s cubic-bezier(.6,.1,.4,1) .2s both;
}
.print .nozzle{
  position:absolute;left:-1%;right:-1%;height:4px;border-radius:2px;background:var(--coral);
  box-shadow:0 0 0 4px rgba(255,79,123,.18);
  animation:nozzle 2.6s cubic-bezier(.6,.1,.4,1) .2s both;
}
@keyframes build{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes nozzle{from{bottom:0;opacity:1}92%{opacity:1}to{bottom:100%;opacity:0}}
.hero-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;flex-wrap:wrap;margin-top:34px;padding-top:26px;border-top:2px solid var(--ink)}
.hero-foot p{font-size:1.2rem;max-width:44ch}
.acts{display:flex;gap:12px;flex-wrap:wrap}

/* İki yol */
.lanes{display:grid;grid-template-columns:1fr 1fr}
.lane{padding:64px 0}
.lane .in{max-width:520px;padding:0 40px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.lane.home{background:var(--ink);color:#fff}
.lane.home .in{margin-left:auto}
.lane.biz{background:var(--sun)}
.lane h2{font-size:clamp(1.6rem,3.2vw,2.4rem)}
.lane p{max-width:40ch}

/* Kişiselleştirme */
.custom{padding:80px 0;background:var(--ice)}
.custom .wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.custom h2{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:16px}
.lead{color:var(--mut);max-width:46ch;margin-bottom:26px}
.custom dl{margin:0;display:grid;gap:18px}
.custom dl div{padding-left:18px;border-left:4px solid var(--coral)}
.custom dl div:nth-child(2){border-color:var(--cyan)}
.custom dl div:nth-child(3){border-color:var(--lime)}
.custom dt{font-weight:700;font-size:1.1rem}
.custom dd{margin:2px 0 0;color:var(--mut)}
.spools{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px 18px;justify-items:center}
.spools li{display:flex}
.spool{width:min(124px,26vw);aspect-ratio:1;border-radius:50%;position:relative;
  background:
    radial-gradient(circle,var(--paper) 0 17%,#d9dfea 17% 22%,transparent 22%),
    repeating-radial-gradient(circle,var(--c) 0 3px,color-mix(in srgb,var(--c) 82%,#000) 3px 4px);
  box-shadow:inset 0 0 0 7px #d9dfea, inset 0 0 0 9px var(--ink);
}
.spools li:nth-child(6) .spool{background:radial-gradient(circle,var(--paper) 0 17%,#d9dfea 17% 22%,transparent 22%),repeating-radial-gradient(circle,#fff 0 3px,#e6e9f2 3px 4px)}

/* Adımlar */
.steps{padding:80px 0;background:var(--paper)}
.steps h2{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:34px;max-width:18ch}
.steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;counter-reset:s}
.steps li{position:relative;padding-top:18px}
.steps li::before{content:"";position:absolute;left:0;right:-28px;top:0;height:3px;background:var(--ink)}
.steps li:last-child::before{right:0}
.steps .n{position:absolute;top:-17px;left:0;width:36px;height:36px;border-radius:50%;background:var(--coral);color:#fff;display:grid;place-items:center;font:800 1rem Unbounded,sans-serif}
.steps li:nth-child(2) .n{background:var(--cyan)}
.steps li:nth-child(3) .n{background:var(--lime);color:var(--ink)}
.steps li b{display:block;font:800 1.15rem/1.25 Unbounded,sans-serif;margin:18px 0 8px;letter-spacing:-.02em}
.steps p{color:var(--mut);max-width:34ch}

/* Ürünler */
.shop{background:var(--ice);padding:80px 0 90px}
.shop-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.shop h2{font-size:clamp(1.8rem,4vw,2.8rem)}
.cats{display:flex;flex-wrap:wrap;gap:8px}
.cats a{padding:7px 16px;border:2px solid var(--ink);border-radius:99px;text-decoration:none;font-weight:500;font-size:.95rem}
.cats a:hover{background:var(--paper)}
.cats a[aria-current]{background:var(--ink);color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;margin-top:30px}
.card{display:flex;flex-direction:column;background:var(--paper);border-radius:var(--r);overflow:hidden}
.pic{aspect-ratio:1;background:var(--line)}
.pic img{width:100%;height:100%;object-fit:cover;display:block}
.ph{display:block;height:100%;background:repeating-linear-gradient(180deg,var(--coral) 0 9px,var(--sun) 9px 18px,var(--cyan) 18px 27px,var(--lime) 27px 36px);opacity:.85}
.card .in{padding:18px;display:flex;flex-direction:column;gap:6px;flex:1}
.cat{color:var(--mut);font-size:.88rem;font-weight:500}
.card h3{font-size:1.15rem;line-height:1.2}
.card p{color:var(--mut);font-size:.95rem}
.buy{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px}
.price{font:800 1.25rem Unbounded,sans-serif;letter-spacing:-.02em}
.more{font-size:.92rem;font-weight:500;text-underline-offset:3px;margin-top:6px}
.empty{margin-top:30px;padding:40px;border-radius:var(--r);background:var(--paper);display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:760px}
.empty b{font:800 1.4rem Unbounded,sans-serif;letter-spacing:-.02em}
.empty p{color:var(--mut);margin-bottom:8px}

/* Alt bilgi */
footer{background:var(--coral);color:#fff;padding:80px 0 34px}
footer h2{font-size:clamp(2rem,5.5vw,3.8rem);max-width:18ch;margin-bottom:28px}
footer .copy{margin-top:48px;font-size:.9rem;opacity:.85}

/* Mobil */
/* Üretim alanları */
.areas{padding:80px 0;background:var(--paper)}
.areas h2{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:30px}
.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 32px}
.area-grid article{border-top:6px solid var(--c);padding-top:14px}
.area-grid h3{font-size:1.1rem;line-height:1.2;margin-bottom:8px}
.area-grid p{color:var(--mut);max-width:36ch}
.stores{margin:14px 0 0;color:var(--mut)}
.stores a{font-weight:700;color:var(--ink);text-underline-offset:3px}

/* Atölye */
.about{padding:80px 0;background:var(--paper)}
.about h2{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:26px;max-width:20ch}
.about-cols{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}
.about p{max-width:52ch}
.about-cols>div p{color:var(--mut);margin-bottom:14px}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{padding:7px 16px;border:2px solid var(--ink);border-radius:99px;font-weight:500;font-size:.95rem}

/* İletişim bağlantıları */
.links{list-style:none;margin:44px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 14px}
.links a{display:inline-block;padding:8px 18px;border:2px solid #fff;border-radius:99px;text-decoration:none;font-weight:500}
.links a:hover{background:#fff;color:var(--coral)}

@media(max-width:860px){
  .area-grid,.about-cols{grid-template-columns:1fr}
  .area-grid{gap:30px}
  .top nav a:not(.btn){display:none}
  .lanes,.custom .wrap,.steps ol{grid-template-columns:1fr}
  .lane{padding:48px 0}.lane .in,.lane.home .in{margin:0;padding:0 24px}
  .steps ol{gap:44px}.steps li::before{right:0}
  .hero{padding:24px 0 48px}
  .top .btn.sm{padding:8px 14px;font-size:.88rem}
  .logo{font-size:.95rem}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .print .txt,.print .nozzle{animation:none}.print .nozzle{display:none}
  .btn{transition:none}.btn:hover{transform:none}
}

/* Çerez bildirimi */
.consent{position:fixed;left:16px;right:16px;bottom:16px;max-width:760px;margin:0 auto;z-index:50;background:var(--ink);color:#fff;border-radius:var(--r);padding:18px 20px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;box-shadow:0 8px 30px rgba(42,31,92,.35)}
.consent[hidden]{display:none}
.consent p{flex:1 1 320px;font-size:.92rem;line-height:1.5}
.consent .acts{flex-wrap:nowrap}
.consent .btn{background:#fff;color:var(--ink);border-color:#fff;cursor:pointer;font-family:inherit}
.consent .btn.ghost{background:transparent;color:#fff}
.consent a:focus-visible,.consent .btn:focus-visible{outline-color:var(--sun)}
.linkbtn{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.linkbtn:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* Instagram galerisi */
.insta{padding:80px 0;background:var(--paper)}
.insta-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.insta h2{font-size:clamp(1.8rem,4vw,2.8rem)}
.insta .lead{color:var(--mut);margin:10px 0 26px}
.insta-gate{background:var(--ice);border-radius:var(--r);padding:28px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.insta-gate[hidden],.insta-grid[hidden]{display:none}
.insta-gate p{flex:1 1 320px;color:var(--mut);max-width:60ch}
.insta-gate .btn{cursor:pointer;font-family:inherit}
.insta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,326px),1fr));gap:20px;align-items:start}
.insta-grid .instagram-media{margin:0 auto!important;min-width:0!important;max-width:540px!important;width:100%!important}
@media(max-width:860px){.insta{padding:56px 0}}