/*
Theme Name: Cranch Bites
Description: Cranch Bites resmi marka ve ürün sitesi.
Version: 1.0.0
Text Domain: cranchbites
*/
:root{--orange:#f47b16;--red:#db2535;--ink:#261c16;--cream:#fff8ee;--muted:#6b6056}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit}img{max-width:100%;display:block}header{position:sticky;top:0;z-index:20;background:#fff8eef5;border-bottom:1px solid #eadfce}.wrap{width:min(1200px,90%);margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}.logo{font-size:26px;font-weight:900;text-decoration:none;color:var(--orange);line-height:.9;letter-spacing:-1px}.logo span{display:block;color:var(--red);font-size:22px}nav{display:flex;gap:28px;align-items:center}nav a{text-decoration:none;font-size:14px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 23px;border-radius:8px;background:var(--red);color:white;text-decoration:none;font-weight:700;gap:15px}.button.light{background:white;color:var(--ink)}.button.outline{background:transparent;border:1px solid #b6a68f;color:var(--ink)}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding:66px 0 80px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;text-transform:uppercase;color:#a84300}.hero h1{font-size:clamp(48px,5.6vw,78px);line-height:1.04;letter-spacing:-3px;margin:22px 0}.hero h1 em{font-style:normal;color:var(--orange)}.hero p{font-size:18px;max-width:510px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-photo{position:relative}.hero-photo img{width:100%;height:550px;object-fit:cover;border-radius:22px 90px 22px 22px}.stamp{position:absolute;bottom:25px;left:-25px;background:var(--orange);border:6px solid var(--cream);border-radius:50%;width:125px;height:125px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;line-height:1.2;transform:rotate(-10deg)}.band{background:var(--orange);padding:20px 0;font-weight:800}.band .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.section{padding:90px 0}h2{font-size:clamp(34px,4vw,52px);line-height:1.12;letter-spacing:-1.8px;margin:14px 0 22px}h3{font-size:23px;line-height:1.2;margin:18px 0 12px}.intro{max-width:650px;color:var(--muted);font-size:18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.card{background:#fff;border:1px solid #eadfce;border-radius:16px;overflow:hidden}.card img{width:100%;aspect-ratio:4/5;object-fit:cover}.card .body{padding:26px}.card p{color:var(--muted);margin:0}.tag{color:#a84300;font-size:11px;letter-spacing:1.2px;font-weight:bold}.dark{background:var(--ink);color:var(--cream)}.dark .eyebrow{color:#ffa55e}.dark .intro{color:#d4c5b7}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:45px}.benefits article{border-top:1px solid #665043;padding-top:23px}.benefits p{color:#d4c5b7}.number{color:var(--orange);font-size:15px;font-weight:bold}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split img{border-radius:18px;max-height:620px;object-fit:contain;margin:auto}.steps{padding:0;list-style:none;counter-reset:steps}.steps li{padding:20px 0;border-bottom:1px solid #ddcfbb;display:flex;gap:22px}.steps li:before{counter-increment:steps;content:'0' counter(steps);font-weight:800;color:#a84300}.steps strong{display:block}.faq{max-width:850px;margin:auto}details{border-bottom:1px solid #d9cbbb;padding:22px 0}summary{cursor:pointer;font-weight:700;font-size:18px}details p{color:var(--muted)}.contact{background:var(--orange);padding:65px;border-radius:22px;display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center}.contact h2{margin-top:0}.contact p{max-width:510px}.contact .button{width:100%;margin:6px 0}.contact small{display:block;margin-top:12px}footer{padding:45px 0;background:var(--ink);color:var(--cream)}.foot{display:flex;justify-content:space-between;gap:25px;align-items:center;flex-wrap:wrap}.foot p{font-size:13px;color:#d4c5b7}.foot a{font-size:14px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;padding:10px;z-index:100}a:focus-visible,summary:focus-visible{outline:3px solid #145fc4;outline-offset:5px}@media(max-width:800px){.hero,.split,.contact{grid-template-columns:1fr;gap:30px}.hero{padding:40px 0 55px}.hero h1{letter-spacing:-2px}.hero-photo img{height:440px}.stamp{left:12px}.grid{grid-template-columns:1fr}.benefits{grid-template-columns:1fr 1fr}.section{padding:55px 0}.contact{padding:30px}.nav{min-height:78px;gap:12px}nav{gap:14px}nav a{font-size:12px}nav .button{padding:9px 12px}.hide-mobile{display:none}.card{display:grid;grid-template-columns:1fr 1fr}.card img{height:100%;object-fit:cover}.band .wrap{justify-content:center;font-size:12px}.split img{max-height:520px}}@media(max-width:480px){.benefits,.card{grid-template-columns:1fr}.hero-photo img{height:380px}.logo{font-size:21px}.logo span{font-size:18px}nav{gap:10px}.hero h1{font-size:50px}.card img{max-height:430px;object-fit:contain;background:#fff}.actions .button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}