/* Ürünlerimiz – İnci kurumsal tasarımının ürün keşif sayfası (2026). */
.products-page {color:#0b2e59; background:#fdfcf9;}
.products-page .header {position:sticky;top:0;left:auto;right:auto;z-index:50;box-shadow:0 1px 10px rgba(1,22,44,.06);}
.products-page .navigation__item[aria-current="page"]::after {width:100%;}
.catalog-main {background:#fdfcf9 url('../images/backgrounds/inci-mermer-kesintisiz.webp') top center / 1650px auto repeat;}
.catalog-hero {position:relative;height:380px;isolation:isolate;overflow:hidden;}
.catalog-hero__media {position:absolute;right:0;top:0;bottom:0;width:62%;overflow:hidden;clip-path:ellipse(98% 100% at 100% 50%);background:#f7ead4;z-index:-1;}
.catalog-hero__scene {position:absolute;inset:0;background:url('../images/catalog/products-hero-atmosphere.webp') 62% 58%/cover no-repeat;}
.catalog-hero__media::after {content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,248,230,.28),transparent 48%);}
.catalog-hero__bottle {position:absolute;z-index:2;object-fit:contain;width:auto;height:81%;bottom:1%;filter:drop-shadow(9px 17px 12px rgba(80,50,9,.17));}
.catalog-hero__bottle--sunflower {left:39%;}
.catalog-hero__bottle--corn {left:62%;height:79%;}
.catalog-hero__inner {height:100%;display:flex;align-items:center;}
.catalog-hero__copy {width:min(49%,580px);position:relative;padding-bottom:4px;}
.catalog-breadcrumb {display:flex;align-items:center;gap:11px;font-size:12px;color:#87909b;margin-bottom:26px;}
.catalog-breadcrumb a:hover {color:#073776;text-decoration:underline;}
.catalog-hero h1 {color:#082958;font-weight:600;letter-spacing:-.051em;font-size:clamp(37px,3.5vw,54px);line-height:1.17;margin:0 0 18px;}
.catalog-hero__copy p {max-width:480px;color:#5c667b;font-size:clamp(14px,1.16vw,17px);line-height:1.7;margin:0;}
.catalog-categories {padding:36px 0 clamp(55px,5.4vw,82px);}
.catalog-categories__heading {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px;}
.catalog-categories__heading h2 {display:flex;align-items:center;gap:24px;margin:0;font-size:clamp(26px,2.28vw,34px);color:#0b2c60;font-weight:600;letter-spacing:-.05em;line-height:1.28;}
.catalog-categories__heading h2 span {display:inline-block;flex:0 0 53px;height:2px;background:#f5bb00;}
.catalog-categories__heading p {margin:0;max-width:400px;font-size:13px;line-height:1.6;color:#748091;}
.catalog-categories__grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;}
.catalog-card {position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(235,235,235,.85);border-radius:13px;min-height:235px;background:#fff;box-shadow:0 11px 30px rgba(18,46,70,.055);transition:transform .25s,box-shadow .25s;}
.catalog-card:hover {transform:translateY(-4px);box-shadow:0 18px 40px rgba(15,40,70,.105);}
.catalog-card__scene {position:absolute;inset:0;background-image:none;background-position:center;background-size:cover;filter:saturate(.87);z-index:-2;}
.catalog-card__veil {position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 39%,rgba(255,255,255,.5) 65%,rgba(255,255,255,.08) 100%);z-index:-1;}
.catalog-card__content {position:relative;z-index:4;width:61%;padding:28px 10px 22px 25px;min-height:235px;display:flex;flex-direction:column;align-items:flex-start;}
.catalog-card h3 {color:#0b2c60;font-weight:700;line-height:1.23;font-size:clamp(17px,1.3vw,21px);letter-spacing:-.039em;margin:0 0 8px;}
.catalog-card__tag {display:inline-block;background:#fff2d5;color:#b37600;border-radius:999px;padding:5px 12px;font-size:10px;line-height:1.3;font-weight:600;white-space:nowrap;}
.catalog-card__tag--pro {background:#e8eef5;color:#476280;}
.catalog-card__content p {font-size:12px;line-height:1.57;color:#687689;margin:8px 0 15px;max-width:210px;}
.catalog-card__link {display:flex;align-items:center;justify-content:center;gap:18px;margin-top:auto;min-height:39px;min-width:148px;max-width:100%;border-radius:999px;padding:9px 13px 9px 18px;background:#0a315e;color:#fff;font-size:12px;font-weight:600;white-space:nowrap;transition:background .2s,transform .2s;}
.catalog-card__link svg {width:17px;height:17px;transition:transform .2s;}
.catalog-card__link:hover,.catalog-card__link:focus-visible {background:#16509a;color:#fff;}
.catalog-card__link:hover svg {transform:translateX(4px);}
.catalog-card__product {position:absolute;right:4%;bottom:4%;width:auto;height:80%;max-width:48%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 6px rgba(30,35,20,.14));pointer-events:none;transition:transform .33s;}
.catalog-card:hover .catalog-card__product {transform:translateY(-4px) scale(1.035);}
.catalog-card--breakfast .catalog-card__product,.catalog-card--pastry .catalog-card__product {width:49%;height:auto;max-height:75%;bottom:11%;right:1.5%;}
.catalog-card--kitchen .catalog-card__product {height:76%;right:1%;}
.catalog-card__product--containers{max-width:53%;width:53%;height:auto;bottom:5%;right:0;}
.catalog-card__icon-art {position:absolute;right:7%;bottom:8%;width:41%;max-width:185px;opacity:.94;filter:drop-shadow(0 5px 8px rgba(23,56,75,.1));}
.catalog-card__icon-art svg {width:100%;height:auto;}
.catalog-categories__extra {display:flex;flex-wrap:wrap;align-items:center;gap:13px 24px;padding-top:21px;color:#506681;font-size:13px;}
.catalog-categories__extra > span {font-weight:600;color:#183d70;}
.catalog-categories__extra a {display:inline-flex;align-items:center;gap:6px;color:#184e88;text-decoration:underline;text-decoration-color:#d2b046;text-underline-offset:5px;}
.catalog-categories__extra svg {width:15px;height:15px;}
.catalog-categories__extra a:hover {color:#9b7000;}
/* Selectable, accessible category information without mock product pages or invented details. */
.catalog-dialog {width:min(800px,calc(100vw - 30px));max-height:min(90vh,850px);padding:0;border:0;border-radius:21px;color:#0b2c60;box-shadow:0 35px 95px rgba(3,20,50,.28);overflow:auto;font-family:var(--font);}
.catalog-dialog::backdrop {background:rgba(7,27,53,.58);}
.catalog-dialog__top {display:flex;align-items:center;justify-content:space-between;padding:20px 26px;border-bottom:1px solid #e7e9ec;}
.catalog-dialog__eyebrow {font-size:11px;letter-spacing:.16em;color:#b58a00;font-weight:800;}
.catalog-dialog__close {width:38px;height:38px;border:1px solid #d7deea;border-radius:50%;background:#fff;color:#14355c;font-size:28px;line-height:1;}
.catalog-dialog__inner {display:grid;grid-template-columns:36% 1fr;gap:28px;padding:28px;}
.catalog-dialog__photo {display:grid;place-items:center;min-height:350px;background:#fff7e8;border-radius:14px;overflow:hidden;}
.catalog-dialog__photo img {width:90%;height:290px;object-fit:contain;}
.catalog-dialog__detail h2 {font-size:clamp(26px,3vw,35px);font-weight:600;letter-spacing:-.05em;line-height:1.25;margin:0 0 13px;}
.catalog-dialog__detail p {font-size:14px;color:#55657b;line-height:1.7;margin:0 0 20px;}
.catalog-dialog__detail h3 {font-size:15px;font-weight:700;margin:0 0 12px;}
.catalog-dialog__detail ul {display:flex;flex-wrap:wrap;list-style:none;gap:8px;margin:0 0 17px;padding:0;}
.catalog-dialog__detail li {border:1px solid #d6dee6;border-radius:999px;padding:8px 11px;color:#254c75;font-size:12px;font-weight:600;}
.catalog-dialog__detail .catalog-dialog__note {font-size:11px;color:#7d8694;line-height:1.6;}
.catalog-dialog__cta {display:inline-flex;align-items:center;gap:10px;background:#ffd424;padding:11px 15px;border-radius:999px;color:#0b2e59;font-weight:700;font-size:12px;}
.catalog-dialog__cta svg {height:16px;width:16px;}
@media(max-width:1170px) {
 .catalog-hero__copy{width:min(50%,555px);}
 .catalog-card__content{padding:21px 7px 17px 18px;}
 .catalog-card__content p{font-size:11.5px;}
 .catalog-card__link{min-width:126px;gap:8px;font-size:11.5px;}
 .catalog-card h3{font-size:18px;}
}
@media(max-width:990px){
 .catalog-categories__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 .catalog-categories__heading{align-items:flex-start;}
 .catalog-categories__heading p{max-width:270px;}
 .catalog-hero__media{width:64%;}
 .catalog-hero__copy{width:51%;}
 .catalog-hero__bottle--sunflower{left:30%;}
 .catalog-hero__bottle--corn{left:61%;}
}
@media(max-width:780px) {
 .products-page .header{height:78px;}
 .catalog-main{background-size:1100px auto;}
 .catalog-hero{height:auto;min-height:630px;display:flex;flex-direction:column;}
 .catalog-hero__inner{order:0;display:block;height:auto;padding-top:38px;padding-bottom:12px;}
 .catalog-hero__copy{width:100%;max-width:560px;}
 .catalog-hero h1{font-size:clamp(35px,6.1vw,46px);}
 .catalog-hero__copy p{max-width:560px;font-size:15px;}
 .catalog-breadcrumb{margin-bottom:19px;}
 .catalog-hero__media{position:relative;order:1;width:100%;height:340px;inset:auto;clip-path:ellipse(115% 108% at 100% 52%);}
 .catalog-hero__bottle{height:92%;bottom:0;}
 .catalog-hero__bottle--sunflower{left:40%;}
 .catalog-hero__bottle--corn{left:64%;height:90%;}
 .catalog-categories{padding-top:35px;}
 .catalog-categories__heading{display:block;}
 .catalog-categories__heading p{max-width:600px;margin-top:9px;}
 .catalog-card__content{padding:23px 8px 20px 18px;}
}
@media(max-width:610px){
 .catalog-hero{min-height:0;}
 .catalog-hero__inner{padding-top:27px;padding-bottom:8px;}
 .catalog-hero h1{font-size:clamp(30px,8vw,40px);margin-bottom:11px;}
 .catalog-hero h1 br{display:none;}
 .catalog-hero__copy p{font-size:13px;line-height:1.65;}
 .catalog-hero__media{height:270px;}
 .catalog-hero__bottle--sunflower{left:35%;height:90%;}
 .catalog-hero__bottle--corn{left:62%;height:88%;}
 .catalog-categories{padding-top:30px;}
 .catalog-categories__heading h2{font-size:26px;gap:15px;}
 .catalog-categories__heading h2 span{flex-basis:32px;}
 .catalog-categories__heading p{font-size:12px;}
 .catalog-categories__grid{grid-template-columns:1fr;gap:15px;}
 .catalog-card,.catalog-card__content{min-height:220px;}
 .catalog-card__content{width:62%;padding:22px 12px 19px 21px;}
 .catalog-card h3{font-size:20px;}
 .catalog-card__content p{font-size:12px;}
 .catalog-card__product{max-width:47%;}
 .catalog-dialog__inner{grid-template-columns:1fr;padding:20px;gap:18px;}
 .catalog-dialog__photo{min-height:205px;}
 .catalog-dialog__photo img{height:190px;}
}
@media(max-width:360px){
 .catalog-hero__media{height:240px;}
 .catalog-hero__bottle--sunflower{left:31%;}
 .catalog-hero__bottle--corn{left:61%;}
 .catalog-card h3{font-size:18px;}
 .catalog-card__content{padding-left:16px;}
 .catalog-card__link{min-width:121px;}
}
@media(prefers-reduced-motion:reduce){.catalog-card,.catalog-card__product,.catalog-card__link svg{transition:none;}}

/* 2026-10-11: Onaylanan ürün kategorisi görsel kompozisyonu.
   Ürün görselleri, daha önce üretilen tam sahnelerden kullanılır;
   kartların içinde ayrıca düz PNG ambalaj katmanı yoktur. */
.catalog-hero{height:385px;}
.catalog-hero__media{
 width:65%;clip-path:ellipse(90% 105% at 100% 50%);
 background:transparent;
}
.catalog-hero__scene{
 background-image:url('../images/catalog/products-hero-atmosphere.webp');
 background-position:65% center;
 background-size:cover;
 filter:saturate(.99);
}
.catalog-hero__media::after{display:none;}
.catalog-hero__bottle{display:none;}
.catalog-card{
 min-height:241px;
 border-color:rgba(230,230,228,.7);
 box-shadow:0 8px 26px rgba(17,43,78,.075);
}
.catalog-card__scene{
 background-repeat:no-repeat;
 background-position:66% 50%;
 background-size:cover;
 filter:none;
 transition:transform .45s cubic-bezier(.2,.8,.3,1);
}
.catalog-card:hover .catalog-card__scene{transform:scale(1.045);}
.catalog-card__veil{
 background:linear-gradient(90deg,rgba(255,255,255,.985) 0%,rgba(255,255,255,.965) 27%,rgba(255,255,255,.90) 40%,rgba(255,255,255,.56) 56%,rgba(255,255,255,.05) 78%,transparent 100%);
}
.catalog-card__content{width:60%;min-height:241px;padding:25px 8px 22px 25px;}
.catalog-card h3{font-size:clamp(18px,1.37vw,21px);}
.catalog-card__product,.catalog-card__icon-art{display:none;}
.catalog-card--sunflower .catalog-card__scene{background-position:67% 54%;}
.catalog-card--corn .catalog-card__scene{background-position:70% 54%;}
.catalog-card--breakfast .catalog-card__scene{background-position:66% 58%;}
.catalog-card--kitchen .catalog-card__scene{background-position:64% 55%;}
.catalog-card--pastry .catalog-card__scene{background-position:66% 52%;}
.catalog-card--containers .catalog-card__scene{background-position:66% 50%;}
.catalog-dialog__photo{background:#fff;}
.catalog-dialog__photo img{height:255px;width:100%;object-fit:cover;border-radius:10px;}
@media(max-width:1170px){
 .catalog-card__content{padding:21px 6px 19px 18px;width:62%;}
 .catalog-card h3{font-size:18px;}
 .catalog-card__veil{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 30%,rgba(255,255,255,.82) 46%,rgba(255,255,255,.04) 85%);}
}
@media(max-width:990px){
 .catalog-hero__media{width:64%;}
 .catalog-card__scene{background-position:65% 50%;}
}
@media(max-width:780px){
 .catalog-hero{height:auto;min-height:0;}
 .catalog-hero__media{height:340px;width:100%;clip-path:ellipse(110% 107% at 100% 53%);}
 .catalog-hero__scene{background-position:70% 51%;}
 .catalog-card,.catalog-card__content{min-height:245px;}
}
@media(max-width:610px){
 .catalog-hero__media{height:245px;clip-path:ellipse(125% 112% at 100% 55%);}
 .catalog-hero__scene{background-position:67% 50%;}
 .catalog-card,.catalog-card__content{min-height:225px;}
 .catalog-card__content{width:62%;padding:21px 8px 18px 19px;}
 .catalog-card__veil{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 34%,rgba(255,255,255,.73) 53%,rgba(255,255,255,.08) 84%);}
 .catalog-card__scene{background-position:68% 50%;}
 .catalog-card h3{font-size:19px;}
 .catalog-dialog__photo img{height:180px;}
}
@media(prefers-reduced-motion:reduce){.catalog-card__scene{transition:none;}}


/* 2026-10-11 — Kategori sahnesi dosya yolu düzeltmesi
   Önceki sürümde URL, HTML inline CSS değişkeninden geliyordu; bu da
   URL'nin CSS yerine HTML konumundan çözümlenmesine neden oluyordu.
   Tüm URL'ler artık bu CSS dosyasına göre ../images/catalog altından çağrılır. */
.catalog-card--sunflower .catalog-card__scene { background-image: url('../images/catalog/sunflower-scene.webp'); }
.catalog-card--corn .catalog-card__scene { background-image: url('../images/catalog/corn-scene.webp'); }
.catalog-card--breakfast .catalog-card__scene { background-image: url('../images/catalog/breakfast-scene.webp'); }
.catalog-card--kitchen .catalog-card__scene { background-image: url('../images/catalog/kitchen-scene.webp'); }
.catalog-card--pastry .catalog-card__scene { background-image: url('../images/catalog/pastry-scene.webp'); }
.catalog-card--containers .catalog-card__scene { background-image: url('../images/catalog/containers-scene.webp'); }

/* 21.10.2026 | Hazır olmayan dört kategori görsel olarak kalır; etkileşim kapalıdır. */
.catalog-card--disabled{cursor:default;}
.catalog-card--disabled:hover{transform:none;box-shadow:0 11px 30px rgba(18,46,70,.055);}
.catalog-card--disabled .catalog-card__hit{display:none!important;}
.catalog-card--disabled .catalog-card__link{background:#eef2f7!important;color:#5b6b81!important;pointer-events:none;}
.catalog-card--disabled:hover .catalog-card__product{transform:none;}