:root{
--kasap-hero-img: url(//www.asmalikasap.com.tr/wp-content/themes/asmali-kasap/assets/images/hero/split-kasap.webp);
--kasap-hero-portrait-img: url(//www.asmalikasap.com.tr/wp-content/themes/asmali-kasap/assets/images/hero/split-kasap.webp); --cat-dana-img: url(//www.asmalikasap.com.tr/wp-content/themes/asmali-kasap/assets/images/r2/01-dana-B.webp);
--cat-kuzu-img: url(//www.asmalikasap.com.tr/wp-content/themes/asmali-kasap/assets/images/r2/02-kuzu-D.webp); --cat-tavuk-img: url(//www.asmalikasap.com.tr/wp-content/themes/asmali-kasap/assets/images/r2/03-tavuk-A.webp);
--cat-sarkuteri-img: url(//www.asmalikasap.com.tr/wp-content/themes/asmali-kasap/assets/images/r2/04r2-sarkuteri-B.webp);
} .kasap-hero{
min-height:clamp(560px,88vh,820px); display:flex; flex-direction:column; position:relative; overflow:hidden;
background:var(--k-bg);
margin-top:calc(var(--nav-height) * -1); padding-top:var(--nav-height);
} .kasap-hero .hero-bg{
position:absolute; inset:0; z-index:0;
background:var(--kasap-hero-img) center/cover; background-color:var(--k-bg);
} .kasap-hero .hero-bg::after{
content:''; position:absolute; inset:0;
background:linear-gradient(180deg, rgba(23,18,15,.20) 0%, rgba(244,239,230,.24) 42%, rgba(244,239,230,.58) 78%, rgba(244,239,230,.82) 100%);
} .kasap-hero .hero-bg-video{
position:absolute; inset:0; z-index:1; width:100%; height:100%; object-fit:cover;
} .kasap-hero.has-hero-video .hero-bg::after{
background:
linear-gradient(100deg, rgba(244,239,230,.9) 0%, rgba(244,239,230,.76) 45%, rgba(244,239,230,.38) 66%, rgba(244,239,230,.58) 100%),
rgba(244,239,230,.2);
} .kasap-hero.has-hero-video .hero-sub{ text-shadow:0 1px 14px rgba(244,239,230,.9), 0 1px 3px rgba(244,239,230,.95); } .kasap-hero .hero-glint{
position:absolute; inset:0; z-index:2; pointer-events:none; overflow:hidden;
}
.kasap-hero .hero-glint::before{
content:''; position:absolute; top:0; bottom:0; left:-30%; width:22%;
background:linear-gradient(100deg, transparent, rgba(255,255,255,.22), transparent);
animation:kasap-glint-sweep 9s ease-in-out infinite;
}
@keyframes kasap-glint-sweep{
0%,60%{ transform:translateX(0); }
100%{ transform:translateX(560%); }
}
@media(prefers-reduced-motion:reduce){ .kasap-hero .hero-glint::before{ animation:none; display:none; } }
.kasap-hero-inner{
position:relative; z-index:1; flex:1;
display:flex; align-items:center;
padding-block:calc(var(--space-2xl) + var(--nav-height)) var(--space-2xl);
}
.kasap-hero-inner .hero-text-col{ max-width:620px; } .kasap-hero-inner--centered{
align-items:center; justify-content:center; text-align:center;
padding-block:calc(var(--space-3xl) + var(--nav-height)) var(--space-3xl);
}
.hero-text-col--centered{ max-width:760px; margin-inline:auto; display:flex; flex-direction:column; align-items:center; }
.hero-text-col--centered .hero-cta{ justify-content:center; }
.kasap-hero-inner .hero-eyebrow{ color:var(--k-accent); }
.kasap-hero-inner h1{
font-family:var(--font-display); font-weight:800; font-size:var(--fs-display); line-height:1.0; color:var(--k-text);
letter-spacing:-.01em; text-shadow:0 1px 16px rgba(244,239,230,.5); }
.kasap-hero-inner h1 em{ font-style:normal; color:var(--k-accent); font-weight:800; } .kasap-hero-inner .hero-sub{ color:var(--k-text-soft); }
@media(max-width:767px){ .kasap-hero-inner h1{ font-size:clamp(2.2rem,9vw,3rem); } }
.kasap-hero .hero-meta{
border-top-color:var(--k-line); color:var(--k-text-soft);
background:rgba(244,239,230,.88); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
}
@media(min-width:1024px){
.kasap-hero-inner:not(.kasap-hero-inner--centered){
display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,40%); align-items:end; gap:var(--space-2xl);
}
} .kasap-hero .hero-garnish{ position:absolute; inset:0; z-index:2; pointer-events:none; overflow:hidden; }
.kasap-hero .garnish{
position:absolute; filter:drop-shadow(0 16px 30px rgba(23,18,15,.28)); will-change:transform;
transition:transform .2s ease-out; transform:rotate(var(--garnish-rot,0deg));
}
.kasap-hero .g-rosemary{ top:10%; right:7%; width:clamp(90px,11vw,160px); --garnish-rot:16deg; }
.kasap-hero .g-tomato{ bottom:12%; left:9%; width:clamp(64px,7vw,100px); --garnish-rot:-10deg; }
@media(max-width:1023px){ .kasap-hero .g-rosemary{ width:clamp(70px,16vw,110px); } .kasap-hero .g-tomato{ display:none; } }
@media(prefers-reduced-motion:reduce){ .kasap-hero .garnish{ transition:none; } } .trust-band{ display:grid; grid-template-columns:1.3fr 1fr; gap:var(--space-2xl); align-items:center; }
.trust-band .trust-statement{ font-family:var(--font-display); font-size:var(--fs-h2); color:var(--k-text); line-height:1.25; font-weight:600; }
.seal-row{ display:flex; gap:20px; justify-content:center; flex-wrap:wrap; }
.seal-badge{
width:112px; height:112px; border-radius:50%; display:grid; place-items:center; text-align:center;
font-family:var(--font-body); font-weight:600; font-size:13px; letter-spacing:.06em; text-transform:uppercase; line-height:1.4;
padding:8px; box-shadow:0 10px 30px rgba(0,0,0,.12); transition:transform var(--dur-med);
}
.seal-badge.red{ background:var(--k-accent); color:#fff; transform:rotate(-6deg); }
.seal-badge.ink{ background:var(--ink); color:var(--bone); transform:rotate(4deg); }
.seal-badge.outline{ background:#fff; color:var(--k-text); box-shadow:inset 0 0 0 2px var(--k-accent), 0 10px 30px rgba(0,0,0,.1); transform:rotate(-3deg); }
@media(hover:hover){ .seal-badge:hover{ transform:rotate(0) scale(1.05); } }
@media(max-width:1023px){ .trust-band{ grid-template-columns:1fr; text-align:center; } } .cat-card{
background:var(--k-surface); border:1px solid var(--k-line); border-radius:var(--radius); overflow:hidden;
transition:transform var(--dur-med), box-shadow var(--dur-med);
}
.cat-card .cc-img{ aspect-ratio:4/3; overflow:hidden; }
.cat-card .cc-img img{ width:100%; height:100%; object-fit:cover; transition:transform var(--dur-med); } .cc-img--placeholder{ background:var(--marble); }
.cc-img--dana{ background:var(--cat-dana-img) center/cover; }
.cc-img--kuzu{ background:var(--cat-kuzu-img) center/cover; }
.cc-img--tavuk{ background:var(--cat-tavuk-img) center/cover; }
.cc-img--sarkuteri{ background:var(--cat-sarkuteri-img) center/cover; }
.cat-card .cc-body{ padding:var(--space-md); }
.cat-card .cc-name{ font-family:var(--font-display); font-size:var(--fs-h3); font-weight:700; color:var(--k-text); transition:color var(--dur-fast); }
.cat-card .cc-desc{ font-family:var(--font-body); font-size:16px; color:var(--k-text-soft); margin-top:4px; }
.cat-card .cc-tag{ font-family:var(--font-body); font-weight:600; font-size:13px; letter-spacing:.06em; text-transform:uppercase; color:var(--steel); margin-top:8px; display:inline-block; }
@media(hover:hover){
.cat-card:hover{ transform:translateY(-4px); box-shadow:0 18px 40px rgba(23,18,15,.14); }
.cat-card:hover .cc-img img{ transform:scale(1.04); }
.cat-card:hover .cc-name{ color:var(--k-accent); }
} .weekly-pick{
display:flex; align-items:center; gap:var(--space-lg); background:var(--k-surface);
border:1px solid var(--k-line); border-radius:var(--radius); padding:var(--space-md); overflow:hidden;
}
.weekly-pick .wp-img{ width:160px; height:160px; flex-shrink:0; border-radius:var(--radius); overflow:hidden; }
.weekly-pick .wp-img img{ width:100%; height:100%; object-fit:cover; }
.weekly-pick .wp-badge{ font-family:var(--font-body); font-weight:600; font-size:13px; letter-spacing:.06em; text-transform:uppercase; color:var(--k-accent); }
.weekly-pick .wp-name{ font-family:var(--font-display); font-size:var(--fs-h3); font-weight:700; color:var(--k-text); margin-top:4px; }
.weekly-pick .wp-desc{ font-size:16px; color:var(--k-text-soft); margin-top:6px; max-width:52ch; }
@media(max-width:640px){ .weekly-pick{ flex-direction:column; text-align:center; } .weekly-pick .wp-img{ width:100%; height:200px; } }  .bridge-band{
background:var(--cta-koz-img) center/cover, var(--i-bg); text-align:center; padding:var(--space-xl) 20px;
position:relative; overflow:hidden; border-top:1px solid var(--i-brass);
}
.bridge-band::before{ content:''; position:absolute; inset:0; background:rgba(0,0,0,.72); }
.bridge-band .container{ position:relative; z-index:1; }
.bridge-band h2{ position:relative; font-family:var(--font-display); font-size:clamp(1.8rem,4vw,3rem); color:var(--i-text); font-weight:700; margin-bottom:var(--space-lg); } .hikaye-cinematic{
position:relative; overflow:hidden; padding:var(--space-3xl) 20px;
background:var(--cta-koz-img) center/cover, var(--i-bg-deep);
}
.hikaye-cinematic::before{
content:''; position:absolute; inset:0;
background:linear-gradient(100deg, rgba(11,10,9,.92) 0%, rgba(11,10,9,.8) 42%, rgba(11,10,9,.45) 78%, rgba(11,10,9,.65) 100%);
}
.hikaye-inner{ position:relative; z-index:1; max-width:56ch; }
.hikaye-inner .section-eyebrow{ color:var(--i-ember); }
.hikaye-title{
font-family:var(--font-display); font-weight:800; letter-spacing:-.01em; line-height:1.02;
font-size:clamp(2.4rem,6vw,4.2rem); color:var(--i-text); margin:10px 0 var(--space-lg);
}
.hikaye-copy{ font-family:var(--font-body); font-size:var(--fs-body); line-height:1.75; color:var(--i-text-soft); }
.hikaye-quote{
margin-top:var(--space-xl); text-align:left; max-width:none;
font-family:var(--font-display); font-style:normal; font-weight:600; font-size:var(--fs-h3);
color:var(--i-ember); line-height:1.35; border-left:3px solid var(--i-ember); padding-left:20px;
}
@media(max-width:640px){ .hikaye-cinematic{ padding:var(--space-2xl) 20px; } }
.two-worlds{ display:grid; grid-template-columns:1fr 1fr; gap:var(--space-lg); }
.tw-col{ padding:var(--space-lg); border-radius:var(--radius); }
.tw-col.tw-kasap{ background:var(--k-surface); border:1px solid var(--k-line); }
.tw-col.tw-izgara{ background:var(--i-surface); color:var(--i-text); }
.tw-col h3{ font-family:var(--font-display); font-size:var(--fs-h3); font-weight:700; margin-bottom:8px; }
.tw-col.tw-kasap h3{ color:var(--k-accent); }
.tw-col.tw-izgara h3{ color:var(--i-ember); } .tw-col p{ font-size:16px; line-height:1.7; margin-bottom:12px; }
.tw-col.tw-izgara p{ color:var(--i-text-soft); }
.tw-col.tw-kasap p{ color:var(--k-text-soft); }
.tw-col img{ width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:var(--radius); margin-bottom:12px; }
@media(max-width:767px){ .two-worlds{ grid-template-columns:1fr; } }
.values-strip{
display:flex; flex-wrap:wrap; gap:16px; justify-content:center; background:var(--k-surface);
border:1px solid var(--k-line); border-radius:var(--radius); padding:20px; font-family:var(--font-body);
font-weight:600; font-size:13px; letter-spacing:.06em; text-transform:uppercase; color:var(--k-text-soft);
} .contact-cards{ display:grid; grid-template-columns:1fr 1fr; gap:var(--space-md); }
.contact-card{ border-radius:var(--radius); padding:var(--space-lg); transition:transform var(--dur-med), box-shadow var(--dur-med); }
.contact-card.cc-kasap{ background:var(--k-surface); border:1px solid var(--k-line); }
.contact-card.cc-izgara{ background:var(--i-surface); color:var(--i-text); }
.contact-card .cc-label{ font-family:var(--font-body); font-weight:600; font-size:13px; letter-spacing:.06em; text-transform:uppercase; }
.contact-card.cc-kasap .cc-label{ color:var(--k-accent); }
.contact-card.cc-izgara .cc-label{ color:var(--i-ember); } .contact-card .cc-name{ font-family:var(--font-display); font-size:var(--fs-h3); font-weight:700; margin:6px 0 14px; }
.contact-card .cc-phone{ font-family:var(--font-mono); font-size:20px; text-decoration:none; display:block; margin-bottom:16px; }
.contact-card.cc-izgara .cc-phone{ color:var(--i-text); }
.contact-card .cc-actions{ display:flex; gap:12px; flex-wrap:wrap; } .contact-card.cc-izgara .btn--secondary{ border-color:var(--bone); color:var(--bone); }
.contact-card.cc-izgara .btn--secondary:hover{ background:var(--bone); color:var(--i-bg); }
@media(hover:hover){ .contact-card:hover{ transform:translateY(-4px); box-shadow:0 18px 40px rgba(23,18,15,.14); } }
@media(max-width:767px){ .contact-cards{ grid-template-columns:1fr; } }
.contact-map-grid{ display:grid; grid-template-columns:1fr 1fr; gap:var(--space-lg); align-items:start; }
.contact-map-grid .map-embed{ width:100%; height:clamp(300px,45vh,460px); border:1px solid var(--k-line); border-radius:var(--radius); overflow:hidden; }
.contact-map-grid .map-embed iframe{ width:100%; height:100%; border:0; display:block; }
.contact-info-list{ list-style:none; display:flex; flex-direction:column; gap:14px; font-size:15px; color:var(--k-text-soft); }
.contact-info-list strong{ color:var(--k-text); display:block; font-family:var(--font-body); font-weight:600; font-size:13px; letter-spacing:.06em; text-transform:uppercase; margin-bottom:2px; }
@media(max-width:1023px){ .contact-map-grid{ grid-template-columns:1fr; } } .contact-form-wrap{ max-width:var(--measure); margin-inline:auto; }
.contact-form-intro{ margin-bottom:var(--space-lg); color:var(--k-text-soft); }
.contact-form-intro .wa-inline{ color:var(--k-accent); font-weight:600; text-decoration:none; }
.contact-form-wrap .form-side-panel{ display:none; }
@media(min-width:1024px){
.contact-form-wrap{
max-width:var(--container); display:grid; grid-template-columns:1.2fr .8fr; gap:var(--space-2xl); align-items:start;
}
.contact-form-wrap .form-side-panel{
display:block; background:var(--k-surface); border:1px solid var(--k-line); border-radius:var(--radius);
padding:var(--space-lg);
}
.contact-form-wrap .form-side-panel .panel-title{
font-family:var(--font-body); font-weight:600; font-size:13px; letter-spacing:.06em; text-transform:uppercase;
color:var(--k-accent); margin-bottom:var(--space-sm); display:block;
}
}