@charset "utf-8";
@font-face{font-family:MuseoSans;src:url('../font/MuseoSans_500.otf') format('opentype');font-display:swap}
:root{--cream:#f5eed8;--red:#ad2314;--brown:#5e5045;--ink:#332b27;--panel:rgba(68,61,60,.92)}
*{box-sizing:border-box}html{min-height:100%;background:#f4efe6}body{min-height:100vh;margin:0;color:var(--ink);font:15px/1.55 MuseoSans,"Century Gothic",Arial,sans-serif;background-position:center top;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}body.home{background-image:url('../images/bg1.jpg')}body.contact{background-image:url('../images/bg2.jpg')}body.franchise{background-image:url('../images/bg3.jpg')}body.corporate,body.products,body.order{background-image:url('../images/bg4.jpg')}
a{color:inherit}.site-header{min-height:150px;background:url('../images/header.bg.jpg') repeat-x;position:relative;z-index:2}.header-inner{width:min(956px,calc(100% - 32px));height:150px;margin:auto;position:relative}.brand{position:absolute;left:30px;top:48px;width:187px;height:140px;background:url('../images/logo.png') center/contain no-repeat;text-indent:-9999px;filter:drop-shadow(5px 5px 5px rgba(0,0,0,.5))}.hours{position:absolute;right:160px;top:0;width:130px;height:140px;padding:24px 10px 0;background:#ad2314 url('../images/sepet.bg.jpg') top center no-repeat;color:white;text-align:center;font-size:11px;letter-spacing:.03em}.hours strong{font-size:13px}.main-nav{width:min(956px,calc(100% - 32px));margin:-34px auto 0}.main-nav ul{display:flex;flex-wrap:wrap;gap:0;margin:0 0 0 240px;padding:0 8px;list-style:none;background:var(--cream);box-shadow:0 8px 22px rgba(0,0,0,.12)}.main-nav a{display:block;padding:10px 12px;text-decoration:none;font-size:17px}.main-nav a:hover,.main-nav a.active{color:var(--red)}
.page-shell{width:min(956px,calc(100% - 32px));min-height:calc(100vh - 235px);margin:70px auto 0}.hero-grid,.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none}.hero-grid li,.product-grid li{background:var(--cream);box-shadow:10px 10px 5px rgba(0,0,0,.28);overflow:hidden}.hero-grid img,.product-grid img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.hero-grid img{border-radius:50%;padding:15px}.cta{display:block;margin:28px 0 0;padding:11px 18px;background:var(--red);color:#fff;text-align:center;text-decoration:none;letter-spacing:.04em}.cta:hover{background:#871a0f}.panel{padding:35px;background:var(--panel);color:#f2ead7;box-shadow:0 18px 50px rgba(0,0,0,.28)}.panel h1,.panel h2{margin-top:0;color:#fff}.panel p{margin:0 0 16px}.corporate-layout{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:34px;align-items:start}.corporate-layout img{width:100%;border-radius:50%}.product-heading{width:min(400px,100%);height:56px;margin:-60px auto 45px;background:url('../images/urun.h1.png') center/contain no-repeat;text-indent:-9999px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-grid li{box-shadow:0 10px 24px rgba(0,0,0,.24)}.product-grid img{border-radius:50%}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.info-card{padding:24px;background:rgba(245,238,216,.95);box-shadow:0 12px 30px rgba(0,0,0,.2)}.info-card h2{margin:0 0 10px;color:var(--red)}.info-card a{color:var(--red)}.order-box{text-align:center}.order-box .phone{display:inline-block;margin:12px 0 4px;font-size:clamp(25px,5vw,44px);color:#fff;text-decoration:none}.map{width:100%;height:320px;border:0;margin-bottom:25px;background:#eee}.site-footer{display:flex;justify-content:space-between;gap:18px;width:min(956px,calc(100% - 32px));margin:35px auto 0;padding:18px 0;color:#fff;text-shadow:0 1px 2px #000}.site-footer a{color:#fff}
@media(max-width:780px){.site-header{padding-bottom:15px}.header-inner{height:135px}.brand{left:0;top:36px;width:150px;height:112px}.hours{right:0;width:112px;height:125px;padding-top:19px}.main-nav{margin:0 auto}.main-nav ul{margin:0;padding:6px;justify-content:center}.main-nav a{padding:8px;font-size:14px}.page-shell{margin-top:35px}.hero-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.corporate-layout,.info-grid{grid-template-columns:1fr}.corporate-layout img{max-width:280px;margin:auto}.product-heading{margin-top:0}.panel{padding:24px}.site-footer{flex-direction:column;text-align:center}}
@media(max-width:430px){.hero-grid,.product-grid{grid-template-columns:1fr}.header-inner{width:calc(100% - 20px)}.brand{width:132px}.hours{width:105px;font-size:10px}.page-shell{width:calc(100% - 20px)}}
