/* V8: referansa yakın bitişik ve daha premium tarif vitrini. */
/* İnci Yağ / Tarifler V6. Sadece .inci-recipes bileşenini etkiler. */
.inci-recipes {
  --recipe-ink:#081f49;
  --recipe-gold:#ffcc21;
  --recipe-cream:#fcf8ef;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(38px,3.55vw,60px) 0 clamp(45px,3.45vw,60px);
  background:
    radial-gradient(ellipse 48% 68% at 14% 6%,rgba(255,255,255,.95),transparent 88%),
    radial-gradient(ellipse 37% 55% at 92% 3%,rgba(250,221,146,.13),transparent 88%),
    linear-gradient(112deg,#fffdf8 0%,#fcf8f0 54%,#fffaf3 100%);
  color:var(--recipe-ink);
}
.inci-recipes::before,.inci-recipes::after {
  content:"";
  position:absolute;z-index:-1;pointer-events:none;
  border:1px solid rgba(204,159,74,.13);
  background:rgba(255,214,92,.045);
  border-radius:50%;
}
.inci-recipes::before {width:430px;height:430px;right:-115px;top:-330px}
.inci-recipes::after {width:260px;height:260px;left:-170px;bottom:-217px}
.inci-recipes__inner {
  width:min(calc(100% - 2 * clamp(18px,2.4vw,45px)),1750px);
  margin:0 auto;
  position:relative;
}
.inci-recipes__header {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:24px;
  margin:0 0 clamp(20px,2.2vw,31px);
}
.inci-recipes__eyebrow {
  display:inline-flex;align-items:center;gap:15px;
  font:700 clamp(11px,.86vw,13px)/1.45 'Manrope',sans-serif;
  letter-spacing:.29em;
  color:#102c58;
}
.inci-recipes__eyebrow::after {
  content:"";width:52px;height:3px;background:#f6bd00;
  border-radius:8px;
}
.inci-recipes h2 {
  position:relative;display:block;width:max-content;max-width:100%;
  margin:14px 0 0;
  font-family:var(--font,'Manrope',sans-serif);
  font-weight:500;
  font-size:clamp(30px,2.9vw,46px);
  line-height:1.13;
  letter-spacing:-.045em;
  color:#092550;
  text-wrap:balance;
}

.inci-recipes__all {
  position:relative;display:inline-flex;align-items:center;gap:12px;
  padding:10px 0 13px;
  font:650 clamp(14px,1.05vw,18px)/1.25 'Manrope',sans-serif;
  white-space:nowrap;color:#102e59;text-decoration:none;
  transition:color .24s ease;
}
.inci-recipes__all::after {
  content:"";position:absolute;left:0;right:0;bottom:5px;height:2px;
  background:var(--recipe-gold);transform-origin:left;
  transition:transform .25s ease;
}
.inci-recipes__all svg {
  height:24px;width:24px;color:#e7b500;
  transition:transform .26s cubic-bezier(.22,1,.36,1);
}
.inci-recipes__all:hover svg,.inci-recipes__all:focus-visible svg {transform:translateX(6px)}
.inci-recipes__all:hover::after {transform:scaleX(.82)}
.inci-recipes__accordion {
  display:flex;
  align-items:stretch;
  gap:4px;
  height:clamp(360px,26.4vw,452px);
  min-width:0;
}
.inci-recipe {
  position:relative;isolation:isolate;
  overflow:hidden;min-width:0;
  flex:1 1 0;
  border:0;
  border-radius:5px;
  background:#564630;
  box-shadow:none;
  transition:flex-grow .6s cubic-bezier(.2,.78,.2,1),border-color .35s ease,box-shadow .35s ease;
  -webkit-tap-highlight-color:transparent;
}
.inci-recipe.is-active {
  flex-grow:2.8;
  box-shadow:0 8px 25px rgba(2,11,29,.12);
}
.inci-recipe__photo {
  position:absolute;inset:0;display:block;width:100%;height:100%;
  object-fit:cover;object-position:center;pointer-events:none;
  transform:scale(1.01);
  filter:saturate(1.05) contrast(1.10) brightness(.82);
  /* Gereksiz GPU katmanı kullanılmıyor; boş görünen kart fotoğrafı sorununu önler. */
  transition:transform 1s cubic-bezier(.18,.9,.22,1),filter .55s ease;
}
.inci-recipe.is-active .inci-recipe__photo {
  transform:scale(1.025);
  filter:saturate(1.07) contrast(1.09) brightness(.96);
}
.inci-recipe--bulgur .inci-recipe__photo {object-position:48% 48%}
.inci-recipe--borek .inci-recipe__photo {object-position:50% 54%}
.inci-recipe--kek .inci-recipe__photo {object-position:51% 49%}
.inci-recipe--kisir .inci-recipe__photo {object-position:49% 48%}
.inci-recipe::before {
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(2,8,18,.10),transparent 50%,rgba(2,8,18,.10));
}
.inci-recipe::after {
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,9,25,.13) 0%,rgba(0,9,25,.16) 41%,rgba(0,8,23,.42) 65%,rgba(0,8,23,.90) 92%,rgba(0,6,20,.98) 100%);
  transition:background .3s;
}
.inci-recipe.is-active::after {
  background:linear-gradient(180deg,rgba(0,9,25,.065) 0%,rgba(0,9,25,.09) 43%,rgba(0,8,23,.30) 61%,rgba(0,8,23,.86) 91%,rgba(0,6,20,.98) 100%);
}
.inci-recipe__bottom {
  position:absolute;z-index:2;
  left:clamp(17px,1.65vw,30px);
  right:clamp(14px,1.55vw,27px);
  bottom:clamp(20px,2vw,32px);
  color:white;min-width:0;
  transform:translateZ(0);
}
.inci-recipe__title-row {display:flex;align-items:end;justify-content:space-between;gap:9px}
.inci-recipe h3 {
  margin:0;max-width:calc(100% - 55px);
  font-family:var(--font,'Manrope',sans-serif);
  font-weight:600;
  font-size:clamp(18px,1.48vw,25px);
  line-height:1.22;
  letter-spacing:-.038em;
  color:#fff;
  text-wrap:balance;
  text-shadow:0 2px 12px rgba(0,0,0,.16);
}
.inci-recipe.is-active h3 {
  max-width:100%;
  font-size:clamp(24px,2vw,32px);
  line-height:1.18;
  letter-spacing:-.045em;
}
.inci-recipe__trigger {
  width:42px;height:42px;flex:none;
  border:none;border-radius:50%;cursor:pointer;
  display:grid;place-items:center;
  color:#102853;background:#ffcf37;
  box-shadow:0 4px 16px rgba(0,0,0,.13);
  transition:background .25s,transform .24s;
}
.inci-recipe__trigger svg {width:22px;height:22px}
.inci-recipe__trigger:hover {background:#ffcb1e;transform:translateX(3px)}
.inci-recipe.is-active .inci-recipe__trigger {display:none}
.inci-recipe__reveal {
  display:grid;grid-template-rows:0fr;
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(10px);
  transition:grid-template-rows .39s ease,opacity .32s ease,transform .39s ease,visibility .32s;
}
.inci-recipe__reveal-inner {min-height:0;overflow:hidden}
.inci-recipe.is-active .inci-recipe__reveal {
  grid-template-rows:1fr;
  opacity:1;visibility:visible;pointer-events:auto;
  transform:translateY(0);
}
.inci-recipe__desc {
  max-width:540px;margin:9px 0 15px;
  font:400 clamp(14px,1.02vw,16px)/1.55 'Manrope',sans-serif;
  color:rgba(255,255,255,.95);
  text-shadow:0 1px 9px rgba(0,0,0,.2);
}
.inci-recipe__cta {
  isolation:isolate;position:relative;overflow:hidden;
  display:inline-flex;align-items:center;justify-content:space-between;
  gap:24px;min-height:48px;
  padding:0 20px;
  border:0;border-radius:9px;
  text-decoration:none;white-space:nowrap;
  background:#ffcf35;color:#082652;
  font:650 clamp(13px,.91vw,15px)/1.2 'Manrope',sans-serif;
  box-shadow:0 8px 20px rgba(2,7,19,.13);
  transition:color .27s ease,transform .27s ease;
}
.inci-recipe__cta::before {
  content:"";position:absolute;inset:0;z-index:-1;
  background:#0b2e62;transform:translateY(-102%);
  transition:transform .27s cubic-bezier(.27,.72,.21,1);
}
.inci-recipe__cta:hover::before,.inci-recipe__cta:focus-visible::before {transform:translateY(0)}
.inci-recipe__cta:hover,.inci-recipe__cta:focus-visible {color:white;transform:translateY(-2px)}
.inci-recipe__cta svg {width:21px;height:21px;flex:none}
.inci-recipe__accent {
  display:block;width:36px;height:2px;margin-top:13px;
  background:#f8c40a;border-radius:99px;
  transition:opacity .25s ease;
}
.inci-recipe.is-active .inci-recipe__accent {opacity:0;height:0;margin:0}
.inci-recipes__decoration {
  position:absolute;z-index:-1;right:3%;top:-59px;width:360px;height:240px;
  opacity:.34;pointer-events:none;
}
.inci-recipes__decoration path {stroke:#d4af69;stroke-width:1.3;fill:none}
.inci-recipe:focus-visible,.inci-recipes__all:focus-visible,
.inci-recipe__trigger:focus-visible,.inci-recipe__cta:focus-visible {
  outline:3px solid #f7bf00;outline-offset:3px;
}
@media (max-width:1180px) {
 .inci-recipes__accordion {gap:4px;height:clamp(350px,34vw,420px)}
 .inci-recipe.is-active {flex-grow:2.9}
 .inci-recipe__bottom {left:17px;right:15px;bottom:18px}
 .inci-recipe h3 {font-size:clamp(18px,1.9vw,24px);max-width:calc(100% - 46px)}
 .inci-recipe.is-active h3 {font-size:clamp(22px,2.8vw,35px)}
 .inci-recipe__trigger {width:37px;height:37px}
 .inci-recipe__trigger svg {width:18px;height:18px}
 .inci-recipe__cta {min-height:47px;padding:0 17px;gap:16px;font-size:13px}
}
@media(max-width:850px) {
 .inci-recipes {padding:44px 0 52px}
 .inci-recipes__inner {width:calc(100% - 32px)}
 .inci-recipes__header {margin-bottom:25px;gap:14px;align-items:end}
 .inci-recipes h2 {font-size:clamp(29px,5vw,38px)}
 .inci-recipes h2::before,.inci-recipes h2::after {display:none}
 .inci-recipes__eyebrow {font-size:11px;letter-spacing:.2em}
 .inci-recipes__eyebrow::after {width:31px}
 .inci-recipes__all {font-size:13px;gap:7px;padding-bottom:11px}
 .inci-recipes__all svg {width:19px;height:19px}
 .inci-recipes__accordion {flex-direction:column;height:auto;gap:7px}
 .inci-recipe,.inci-recipe.is-active {
   flex:0 0 auto;
   width:100%;height:112px;
   transition:height .47s cubic-bezier(.2,.8,.22,1),box-shadow .3s ease;
 }
 .inci-recipe.is-active {height:305px}
 .inci-recipe__bottom {left:23px;right:23px;bottom:21px}
 .inci-recipe--kisir:not(.is-active) .inci-recipe__photo {object-position:50% 99%}
 .inci-recipe--kisir.is-active .inci-recipe__photo {object-position:50% 72%}
 .inci-recipe h3 {max-width:none;font-size:24px}
 .inci-recipe.is-active h3 {font-size:25px}
 .inci-recipe__trigger {width:43px;height:43px}
 .inci-recipe__desc {font-size:14px;line-height:1.5;max-width:540px;margin:9px 0 15px}
 .inci-recipe__cta {min-height:45px;padding:0 20px;font-size:13px}
 .inci-recipes__decoration {width:200px;top:-58px;right:-50px;opacity:.18}
}
@media(max-width:540px) {
 .inci-recipes__inner {width:calc(100% - 30px)}
 .inci-recipes__header {margin-bottom:24px;gap:8px;align-items:stretch;flex-direction:column}
 .inci-recipes h2 {font-size:clamp(29px,7.4vw,34px);line-height:1.19;margin-top:12px}
 .inci-recipes__all {font-size:12px;margin-left:auto;align-self:end;padding-top:7px;padding-bottom:8px}
 .inci-recipes__eyebrow {font-size:10px}
 .inci-recipe,.inci-recipe.is-active {height:107px}
 .inci-recipe.is-active {height:285px}
 .inci-recipe h3 {font-size:21px}
 .inci-recipe.is-active h3 {font-size:25px}
 .inci-recipe__bottom {left:21px;right:17px;bottom:17px}
 .inci-recipe__desc {font-size:13px;margin:8px 0 12px}
 .inci-recipe__cta {min-height:44px}
 .inci-recipe__accent {margin-top:10px}
}
@media(max-width:345px) {
 .inci-recipes__inner {width:calc(100% - 28px)}
 .inci-recipes h2 {font-size:28px}
 .inci-recipe.is-active {height:302px}
 .inci-recipe.is-active h3 {font-size:24px}
}
@media(prefers-reduced-motion:reduce) {
 .inci-recipe,.inci-recipe__photo,.inci-recipe__reveal,.inci-recipe__cta,.inci-recipe__cta::before,.inci-recipe__trigger {transition-duration:.01ms!important}
}