/* Yüz şekli rehberi: büyük gök mavisi kutu, beyaz kapsül şekil düğmeleri (seçili mürekkep), beyaz ipucu kartı, sağda 3 ürün */
.cc_guvzdy0m_Ihu5U4piKL .face { padding: 1.25rem 0 6rem; }
.cc_guvzdy0m_Ihu5U4piKL .face__box { display: grid; grid-template-columns: 0.9fr 1.6fr; align-items: center; gap: 2.75rem; padding: 3.5rem; border-radius: 44px; background: var(--mercek-sky); }
.cc_guvzdy0m_Ihu5U4piKL .face__box > * { min-width: 0; }
.cc_guvzdy0m_Ihu5U4piKL .face__title { display: block; margin-bottom: 0.875rem; font-size: clamp(2.125rem, 4vw, 3.625rem); }
.cc_guvzdy0m_Ihu5U4piKL .face__text { display: block; max-width: 25rem; margin: 0 0 1.5rem; color: var(--mercek-ink-2); line-height: 1.55; }
.cc_guvzdy0m_Ihu5U4piKL .face__shapes { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.5rem; }
.cc_guvzdy0m_Ihu5U4piKL .face__shapes button { display: flex; align-items: center; gap: 0.625rem; height: 3.25rem; padding: 0 1.125rem 0 0.625rem; border: 0; border-radius: 999px; background: var(--mercek-white); color: var(--mercek-ink); font-family: var(--mercek-font); font-size: 0.95rem; font-weight: 700; cursor: pointer; transition: background 0.25s, color 0.25s, transform 0.2s; }
.cc_guvzdy0m_Ihu5U4piKL .face__shapes button:active { transform: scale(0.96); }
.cc_guvzdy0m_Ihu5U4piKL .face__shapes button[aria-pressed="true"] { background: var(--mercek-ink); color: var(--mercek-white); }
.cc_guvzdy0m_Ihu5U4piKL .face__shapes svg { width: 1.875rem; height: 2.125rem; }
.cc_guvzdy0m_Ihu5U4piKL .face__tip { padding: 1.25rem 1.375rem; border-radius: 26px; background: var(--mercek-white); }
.cc_guvzdy0m_Ihu5U4piKL .face__tip b { display: block; margin-bottom: 0.375rem; font-size: 1.125rem; font-weight: 800; }
.cc_guvzdy0m_Ihu5U4piKL .face__tip p { display: block; margin: 0; color: var(--mercek-ink-2); font-size: 0.95rem; line-height: 1.5; }
.cc_guvzdy0m_Ihu5U4piKL .face__tags { display: flex; flex-wrap: wrap; gap: 0.375rem; margin-top: 0.75rem; }
.cc_guvzdy0m_Ihu5U4piKL .face__tags span { padding: 0.375rem 0.75rem; border-radius: 999px; background: var(--mercek-sky); color: var(--mercek-blue-deep); font-size: 0.8rem; font-weight: 700; }
.cc_guvzdy0m_Ihu5U4piKL .face__res { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; animation: cc_guvzdy0m_Ihu5U4piKL_face-in 0.4s var(--mercek-ease); }
.cc_guvzdy0m_Ihu5U4piKL .face__res .mercek-product-card__image-wrapper { background: var(--mercek-white); }
@keyframes cc_guvzdy0m_Ihu5U4piKL_face-in { from { opacity: 0; transform: translateY(0.5rem); } to { opacity: 1; transform: none; } }
@media (max-width: 1180px) { .cc_guvzdy0m_Ihu5U4piKL .face__box { grid-template-columns: 1fr; padding: 2.5rem; } }
@media (max-width: 767px) {
  .cc_guvzdy0m_Ihu5U4piKL .face { padding-bottom: 4rem; }
  .cc_guvzdy0m_Ihu5U4piKL .face__box { gap: 1.75rem; padding: 1.75rem 1.125rem; border-radius: 30px; }
  .cc_guvzdy0m_Ihu5U4piKL .face__shapes button { height: 2.875rem; padding: 0 0.875rem 0 0.5rem; font-size: 0.875rem; }
  .cc_guvzdy0m_Ihu5U4piKL .face__res { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 70%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin: 0 -1.125rem; padding: 0 1.125rem; }
  .cc_guvzdy0m_Ihu5U4piKL .face__res > * { scroll-snap-align: start; }
}