/* Kategoriler ("Yolunu seç"): 3:4 fotoğraf kartları, alttan koyu degrade, beyaz dev ad + ürün sayısı, sağ üstte beyaz ok dairesi (üzerine gelince sarı, döner) */
.cc_n2r0vk1q_EMPKYLvvep .arch__grid { display: grid; grid-auto-flow: column; grid-auto-columns: 72%; gap: 0.875rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.cc_n2r0vk1q_EMPKYLvvep .arch__grid::-webkit-scrollbar { display: none; }
@media (min-width: 900px) { .cc_n2r0vk1q_EMPKYLvvep .arch__grid { grid-auto-flow: row; grid-template-columns: repeat(6, minmax(0, 1fr)); overflow: visible; } }
.cc_n2r0vk1q_EMPKYLvvep .arch__card { position: relative; isolation: isolate; display: block; aspect-ratio: 3 / 4; overflow: hidden; border-radius: 22px; background: var(--yayla-forest) !important; color: var(--yayla-white); text-decoration: none; scroll-snap-align: start; }
.cc_n2r0vk1q_EMPKYLvvep .arch__img { position: absolute; inset: 0; z-index: -2; }
.cc_n2r0vk1q_EMPKYLvvep .arch__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.7s var(--yayla-ease); }
.cc_n2r0vk1q_EMPKYLvvep .arch__card:hover .arch__img img { transform: scale(1.07); }
.cc_n2r0vk1q_EMPKYLvvep .arch__card::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, rgba(13, 31, 26, 0.78), transparent 55%); }
.cc_n2r0vk1q_EMPKYLvvep .arch__head { position: absolute; left: 1.125rem; right: 1rem; bottom: 1.125rem; }
.cc_n2r0vk1q_EMPKYLvvep .arch__head h3 { display: block; margin: 0; font-family: var(--yayla-font-soft); font-size: 1.875rem; font-weight: 800; letter-spacing: -0.02em; line-height: 1; }
.cc_n2r0vk1q_EMPKYLvvep .arch__head small { display: block; margin-top: 0.375rem; font-size: 0.85rem; font-weight: 700; opacity: 0.9; }
.cc_n2r0vk1q_EMPKYLvvep .arch__go { position: absolute; right: 0.875rem; top: 0.875rem; display: grid; place-items: center; width: 2.625rem; height: 2.625rem; border-radius: 50%; background: var(--yayla-white); color: var(--yayla-ink); font-size: 1rem; transition: transform 0.3s var(--yayla-ease), background 0.2s; }
.cc_n2r0vk1q_EMPKYLvvep .arch__card:hover .arch__go { transform: rotate(-45deg); background: var(--yayla-sun); }
@media (max-width: 1199px) and (min-width: 900px) { .cc_n2r0vk1q_EMPKYLvvep .arch__head h3 { font-size: 1.5rem; } }