.sr-only{
position:absolute!important; width:1px; height:1px; padding:0; margin:-1px;
overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
} .page-hero{
min-height:clamp(240px,36vh,360px);
display:flex; align-items:flex-end;
padding-block:var(--space-xl) var(--space-lg);
position:relative;
}
.world-izgara .page-hero{ background:var(--i-bg); border-bottom:1px solid rgba(246,241,232,.3); }
.world-kasap .page-hero{ background:var(--k-bg); border-bottom:1px solid var(--brand-red); }
.page-hero .container{ position:relative; z-index:1; } :root{
--hakkimizda-hero-img: url(//www.asmalikasap.com.tr/wp-content/themes/asmali-kasap/assets/images/r2/09r-hakkimizda-A.webp);
--iletisim-hero-img: url(//www.asmalikasap.com.tr/wp-content/themes/asmali-kasap/assets/images/r2/12-iletisim-hero-A.webp);
--cta-koz-img: url(//www.asmalikasap.com.tr/wp-content/themes/asmali-kasap/assets/images/r2/07-cta-koz-B.webp);
--menu-hero-img: url(//www.asmalikasap.com.tr/wp-content/themes/asmali-kasap/assets/images/r2/08-menu-hero-B.webp);
}
body.page-template-template-hakkimizda-php .page-hero,
body.page-template-template-iletisim-php .page-hero{
background-position:center; background-size:cover; background-color:var(--k-bg);
}
body.page-template-template-hakkimizda-php .page-hero{ background-image:var(--hakkimizda-hero-img); }
body.page-template-template-iletisim-php .page-hero{ background-image:var(--iletisim-hero-img); } body.page-template-template-hakkimizda-php .page-hero::before,
body.page-template-template-iletisim-php .page-hero::before{
content:''; position:absolute; inset:0;
background:linear-gradient(180deg, rgba(244,239,230,.22) 0%, rgba(244,239,230,.38) 55%, rgba(244,239,230,.78) 100%);
}
.page-hero h1{
font-family:var(--font-display); font-size:var(--fs-h1); font-weight:800; line-height:1.05;
letter-spacing:-.01em; margin-bottom:8px;
}
.world-izgara .page-hero h1{ color:var(--i-text); }
.world-kasap .page-hero h1{ color:var(--k-text); }
.page-hero .eyebrow{
font-family:var(--font-body); font-weight:600; font-size:13px; letter-spacing:.06em; text-transform:uppercase;
}
.world-izgara .page-hero .eyebrow{ color:var(--i-ember); }
.world-kasap .page-hero .eyebrow{ color:var(--k-accent); } .section{ padding-block:var(--space-2xl); }
@media(max-width:767px){ .section{ padding-block:var(--space-xl); } }
.section-eyebrow{
font-family:var(--font-body); font-weight:600; font-size:13px; letter-spacing:.06em; text-transform:uppercase;
margin-bottom:8px; display:block;
}
.world-izgara .section-eyebrow{ color:var(--i-ember); }
.world-kasap .section-eyebrow{ color:var(--k-accent); }
.section-title{
font-family:var(--font-display); font-size:var(--fs-h2); font-weight:700; letter-spacing:-.01em;
line-height:1.1; margin-bottom:var(--space-sm);
}
.world-izgara .section-title{ color:var(--i-text); }
.world-kasap .section-title{ color:var(--k-text); }
.section-hairline{ width:64px; height:2px; margin-block:var(--space-sm) var(--space-lg); }
.world-izgara .section-hairline{ background:var(--i-brass); } .world-kasap .section-hairline{ background:var(--k-accent); }
.section-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:var(--space-md); flex-wrap:wrap; } .faq-list{ display:flex; flex-direction:column; gap:1px; border-radius:var(--radius); overflow:hidden; }
.world-izgara .faq-list{ background:rgba(246,241,232,.14); }
.world-kasap .faq-list{ background:var(--k-line); }
.faq-item{ transition:background var(--dur-fast); }
.world-izgara .faq-item{ background:var(--i-surface); }
.world-kasap .faq-item{ background:var(--k-surface); }
.faq-q{
width:100%; display:flex; align-items:center; justify-content:space-between; gap:var(--space-md);
padding:20px 22px; border:none; background:none; cursor:pointer; text-align:left;
font-family:var(--font-display); font-size:var(--fs-h3); font-weight:600; color:inherit;
min-height:44px;
}
.faq-q .plus{
flex-shrink:0; width:24px; height:24px; position:relative; transition:transform var(--dur-med);
}
.faq-q .plus::before,.faq-q .plus::after{
content:''; position:absolute; background:currentColor; border-radius:1px;
}
.faq-q .plus::before{ left:0; top:11px; width:24px; height:2px; }
.faq-q .plus::after{ left:11px; top:0; width:2px; height:24px; }
.faq-item.is-open .faq-q .plus{ transform:rotate(45deg); }
.world-izgara .faq-q .plus{ color:var(--i-ember); }
.world-kasap .faq-q .plus{ color:var(--k-accent); }
.faq-a{ max-height:0; overflow:hidden; transition:max-height var(--dur-med) var(--ease-out-expo); }
.faq-a p{ padding:0 22px 20px; font-size:var(--fs-small); line-height:1.7; }
.world-izgara .faq-a p{ color:var(--i-text-soft); }
.world-kasap .faq-a p{ color:var(--k-text-soft); }
.faq-item.is-open .faq-a{ max-height:320px; }
[data-pending]{ border-bottom:1px dashed currentColor; opacity:.9; } [data-tilt]{ transition:transform .15s ease-out; will-change:transform; transform-style:preserve-3d; } .ak-lightbox{
position:fixed; inset:0; z-index:500; display:none; align-items:center; justify-content:center;
background:rgba(6,5,4,.92); padding:40px;
}
.ak-lightbox.is-open{ display:flex; }
.ak-lightbox-img{
max-width:min(92vw,1100px); max-height:88vh; width:auto; height:auto;
border-radius:var(--radius); box-shadow:0 30px 90px rgba(0,0,0,.6);
opacity:0; transform:scale(.96); transition:opacity .25s var(--ease-out-expo), transform .25s var(--ease-out-expo);
}
.ak-lightbox.is-open .ak-lightbox-img{ opacity:1; transform:scale(1); }
.ak-lightbox-close{
position:fixed; top:20px; right:24px; width:48px; height:48px; border-radius:50%;
background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.3); color:#fff;
font-size:28px; line-height:1; cursor:pointer; display:grid; place-items:center;
transition:background var(--dur-fast), transform var(--dur-fast);
}
.ak-lightbox-close:hover{ background:rgba(255,255,255,.22); transform:scale(1.06); }
@media(max-width:640px){
.ak-lightbox{ padding:20px; }
.ak-lightbox-close{ top:12px; right:12px; width:42px; height:42px; font-size:24px; }
}
@media(prefers-reduced-motion:reduce){ .ak-lightbox-img{ transition:none; } } .stat-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-md); }
.stat-card{
padding:var(--space-lg) var(--space-md); border-radius:var(--radius); text-align:center;
display:flex; flex-direction:column; gap:6px; transition:transform var(--dur-med), box-shadow var(--dur-med);
}
.world-kasap .stat-card{ background:var(--k-surface); border:1px solid var(--k-line); }
.world-izgara .stat-card{ background:var(--i-surface); border:1px solid rgba(246,241,232,.14); }
.stat-num{ font-family:var(--font-display); font-weight:800; font-size:clamp(1.8rem,4vw,2.6rem); line-height:1; }
.world-kasap .stat-num{ color:var(--k-accent); }
.world-izgara .stat-num{ color:var(--i-ember); }
.stat-label{ font-family:var(--font-body); font-weight:600; font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
.world-kasap .stat-label{ color:var(--k-text-soft); }
.world-izgara .stat-label{ color:var(--i-text-soft); }
@media(hover:hover){
.world-kasap .stat-card:hover{ transform:translateY(-4px); box-shadow:0 18px 40px rgba(23,18,15,.14); }
.world-izgara .stat-card:hover{ transform:translateY(-4px); box-shadow:0 18px 40px rgba(0,0,0,.4); }
}
@media(max-width:1023px){ .stat-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:480px){ .stat-grid{ grid-template-columns:1fr 1fr; gap:12px; } .stat-card{ padding:var(--space-md) 12px; } } .grid-2{ display:grid; grid-template-columns:repeat(2,1fr); gap:var(--space-lg); }
.grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-md); }
.grid-4{ display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-md); }
@media(max-width:1023px){ .grid-4{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:767px){ .grid-2,.grid-3,.grid-4{ grid-template-columns:1fr; } } .review-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:var(--space-md); }
.review-card{ padding:var(--space-md); border-radius:var(--radius); display:flex; flex-direction:column; gap:10px; }
.world-kasap .review-card{ background:var(--k-surface); border:1px solid var(--k-line); }
.world-izgara .review-card{ background:var(--i-surface); border:1px solid rgba(246,241,232,.14); }
.review-stars{ font-size:14px; letter-spacing:2px; line-height:1; }
.world-kasap .review-stars{ color:var(--k-accent); }
.world-izgara .review-stars{ color:var(--i-ember); }
.review-quote{ font-family:var(--font-body); font-size:14.5px; line-height:1.55; flex:1 1 auto; }
.world-kasap .review-quote{ color:var(--k-text); }
.world-izgara .review-quote{ color:var(--i-text); }
.review-author{ font-family:var(--font-body); font-weight:700; font-size:13px; }
.world-kasap .review-author{ color:var(--k-text); }
.world-izgara .review-author{ color:var(--i-text); }
.review-meta{ font-family:var(--font-body); font-size:11.5px; }
.world-kasap .review-meta{ color:var(--k-text-soft); }
.world-izgara .review-meta{ color:var(--i-text-soft); }
@media(max-width:480px){ .review-grid{ grid-template-columns:1fr; } .review-quote{ font-size:14px; } } .offer-gallery{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:var(--space-md); }
.offer-card{ position:relative; border-radius:var(--radius); overflow:hidden; aspect-ratio:4/3; }
.offer-media-trigger{ display:block; width:100%; height:100%; padding:0; border:0; background:none; cursor:zoom-in; }
.offer-media-trigger:focus-visible{ outline:2px solid var(--brand-red); outline-offset:-2px; }
.offer-card img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform var(--dur-slow,.5s) var(--ease-out-expo,ease-out); }
.offer-caption{
position:absolute; inset:auto 0 0 0; padding:16px 16px 18px; pointer-events:none;
background:linear-gradient(180deg, transparent 0%, rgba(10,8,6,.82) 78%);
}
.offer-caption h3{ font-family:var(--font-display); font-size:1.02rem; font-weight:700; color:#fff; line-height:1.2; }
.offer-caption p{ font-family:var(--font-body); font-size:12.5px; color:rgba(255,255,255,.84); line-height:1.4; margin-top:4px; }
@media(hover:hover){ .offer-card:hover img{ transform:scale(1.06); } }
@media(max-width:480px){
.offer-gallery{ gap:10px; }
.offer-caption{ padding:12px 12px 14px; }
.offer-caption h3{ font-size:14px; }
.offer-caption p{ font-size:11px; }
} .press-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:var(--space-md); }
.press-video{ position:relative; width:100%; padding-top:56.25%; border-radius:var(--radius); overflow:hidden; background:#000; }
.press-video iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.press-channel-link{ margin-top:var(--space-lg); } .page-404{ min-height:60vh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:16px; padding:var(--space-2xl) 20px; }
.p404-code{ font-family:var(--font-display); font-size:clamp(4rem,14vw,9rem); font-weight:800; line-height:1; } .world-izgara .p404-code{ color:var(--i-ember); } .world-kasap .p404-code{ color:var(--k-accent); }
.page-404 h1{ font-family:var(--font-display); font-size:var(--fs-h2); }
.page-404 p{ max-width:46ch; }