/**
 * CanımAnne 2.9.0 — Premium Category Discovery Grid
 * 3-column content grid + restrained editorial sidebar.
 */
.ca-category-grid-page{background:#fff;color:#28232a;padding:30px 0 72px}
.ca-category-grid-wrap{max-width:1280px;margin:0 auto;padding:0 28px}
.ca-category-grid-head{margin-bottom:38px}
.ca-category-grid-crumb{margin-bottom:22px;color:#8f8790;font:500 11px/1.4 var(--font-ui,system-ui,sans-serif)}
.ca-category-grid-crumb a{color:#817982;text-decoration:none}
.ca-category-grid-head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:36px}
.ca-category-grid-head h1{margin:0;font:700 clamp(42px,5vw,62px)/.95 Georgia,serif;letter-spacing:-.045em;color:#29242b}
.ca-category-grid-intro{max-width:720px;margin-top:12px;color:#706970;font:400 15px/1.65 var(--font-ui,system-ui,sans-serif)}
.ca-category-grid-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:46px;align-items:start}
.ca-category-grid-feed{min-width:0}
.ca-category-grid-section-head{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #ddd8de;padding:0 0 12px;margin-bottom:24px;position:relative}
.ca-category-grid-section-head:after{content:"";position:absolute;left:0;bottom:-1px;width:54px;height:2px;background:#875879}
.ca-category-grid-section-head h2{margin:0;font:700 26px/1.1 Georgia,serif;color:#29242b}
.ca-category-grid-count{color:#9b929b;font:600 10px/1 var(--font-ui,system-ui,sans-serif)}
.ca-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px}
.ca-category-grid .ca-card{min-width:0;border:0;padding:0;margin:0}
.ca-category-grid .ca-card__link{display:block;color:inherit;text-decoration:none}
.ca-category-grid .ca-card__media{aspect-ratio:16/10;overflow:hidden;border-radius:0;background:#efedef}
.ca-category-grid .ca-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.ca-category-grid .ca-card__link:hover .ca-card__media img{transform:scale(1.025)}
.ca-category-grid .ca-card__body{padding:10px 0 0}
.ca-category-grid .ca-card__category{display:block;margin:0 0 4px;color:#875879;font:800 9px/1.2 var(--font-ui,system-ui,sans-serif);letter-spacing:.11em;text-transform:uppercase}
.ca-category-grid .ca-card__title{margin:0 0 5px;font:700 18px/1.18 Georgia,serif;letter-spacing:-.01em;color:#29242b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ca-category-grid .ca-card__excerpt{margin:0;color:#746d75;font:400 12px/1.5 var(--font-ui,system-ui,sans-serif);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ca-category-grid .ca-card__fallback{display:block;width:100%;height:100%;background:linear-gradient(135deg,#f2eef2,#e7e2e7)}
.ca-category-grid-page .ca-archive-sidebar{position:sticky;top:24px;min-width:0}
.ca-category-grid-pagination{margin-top:38px;border-top:1px solid #e4dfe4;padding-top:20px}
.ca-category-grid-pagination .page-numbers{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.ca-category-grid-pagination .page-numbers li{margin:0;padding:0}
.ca-category-grid-pagination .page-numbers a,.ca-category-grid-pagination .page-numbers span{display:flex;min-width:38px;min-height:38px;align-items:center;justify-content:center;padding:7px 11px;border:1px solid #ddd7dd;border-radius:7px;background:#fff;color:#4d4650;text-decoration:none;font:600 12px/1 var(--font-ui,system-ui,sans-serif)}
.ca-category-grid-pagination .page-numbers .current{background:var(--ca-menu, var(--cm-menu, #c133a7));border-color:var(--ca-menu, var(--cm-menu, #c133a7));color:#fff}
.ca-category-grid-empty{padding:28px 0;border-top:1px solid #e5e0e5;color:#756e76}
.ca-category-grid-empty h2{margin:0 0 8px;font:700 24px/1.15 Georgia,serif;color:#29242b}
.ca-category-grid-empty p{margin:0;font:400 14px/1.65 var(--font-ui,system-ui,sans-serif)}
@media(max-width:1050px){
 .ca-category-grid-wrap{padding:0 22px}.ca-category-grid-layout{grid-template-columns:minmax(0,1fr) 250px;gap:28px}.ca-category-grid{gap:26px 16px}
}
@media(max-width:900px){
 .ca-category-grid-layout{grid-template-columns:1fr}.ca-category-grid-page .ca-archive-sidebar{position:static}.ca-category-grid-head-row{align-items:stretch}}
@media(max-width:760px){
 .ca-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.ca-category-grid-head-row{display:block}}
@media(max-width:640px){
 .ca-category-grid-page{padding:22px 0 48px}.ca-category-grid-wrap{padding:0 16px}.ca-category-grid-head{margin-bottom:30px}.ca-category-grid-head h1{font-size:42px}.ca-category-grid-intro{font-size:14px}.ca-category-grid-section-head h2{font-size:23px}.ca-category-grid-count{display:none}.ca-category-grid{grid-template-columns:1fr;gap:24px}.ca-category-grid .ca-card__media{aspect-ratio:16/10}.ca-category-grid .ca-card__title{font-size:19px}.ca-category-grid-page .ca-archive-sidebar{display:block}
}

/* 9.0.1 — mobile editorial: archive sidebar is desktop-only. */
@media(max-width:900px){.ca-category-grid-page .ca-archive-sidebar{display:none!important}.ca-category-grid-layout{display:block}.ca-category-grid-feed{width:100%}}
/* 9.0.45 — keep category-feed ads as a deliberate full-width break, never as a stray grid card. */
.ca-category-grid-ad-break{display:block;clear:both;width:100%;min-width:0;margin:30px 0;padding:0;box-sizing:border-box;}
.ca-category-grid-ad-break .gs-ad-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:100%;min-width:0;margin:0 auto;box-sizing:border-box;}
.ca-category-grid-ad-break .gs-ad-slot{max-width:100%;box-sizing:border-box;}
.ca-category-grid-ad-break iframe,.ca-category-grid-ad-break ins,.ca-category-grid-ad-break img{max-width:100%;}
.ca-category-grid-ad-break:empty{display:none;margin:0;}
@media(max-width:640px){.ca-category-grid-ad-break{margin:24px 0;}}



/* 9.0.47 — prevent injected AdSense/Auto Ads from occupying separate category-card columns.
   Keep managed category placements outside the card grid; any ad markup injected into
   the grid is hidden so it cannot create side-by-side ad tiles or empty card positions. */
.ca-category-grid > .google-auto-placed,
.ca-category-grid > div.google-auto-placed,
.ca-category-grid > .adsbygoogle,
.ca-category-grid > div:has(> ins.adsbygoogle),
.ca-category-grid > div:has(> .adsbygoogle),
.ca-category-grid > .gs-ad-container,
.ca-category-grid > div:has(.gs-ad-slot) {
  display: none !important;
}
.ca-category-grid-ad-break {
  grid-column: 1 / -1;
  clear: both;
  width: 100%;
}


/* 9.0.47 — Google Auto Ads are not theme-managed placements. Hide only Google's
   auto-placed wrappers; manually configured ads rendered inside .gs-ad-container remain visible. */
.google-auto-placed { display: none !important; }
.gs-ad-container .google-auto-placed { display: block !important; }

/* Ads inserted between category cards must never occupy grid columns. */
.ca-category-grid .google-auto-placed,
.ca-category-grid ins.adsbygoogle.google-auto-placed,
.ca-category-grid > .google-auto-placed { display:none !important; }


/* 9.0.56 — Premium category header and spacing refinement.
   Visual-only overrides: preserve category query, sidebar, pagination and managed ad placements. */
.ca-category-grid-page {
  padding: 24px 0 48px;
  background: #fbfafc;
}
.ca-category-grid-wrap {
  max-width: 1360px;
  padding-inline: clamp(16px, 2.2vw, 30px);
}
.ca-category-grid-head {
  margin-bottom: 24px;
}
.ca-category-grid-head-row {
  align-items: flex-start;
  gap: 24px;
}
.ca-category-grid-head h1 {
  max-width: 100%;
  margin: 0;
  color: #202333;
  font-family: var(--font-ui, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  font-size: clamp(28px, 2.8vw, 40px);
  font-weight: 750;
  line-height: 1.12;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.ca-category-grid-intro {
  max-width: 850px;
  margin-top: 9px;
  color: #697080;
  font-size: 14px;
  line-height: 1.58;
}
.ca-category-grid-intro p {
  margin: 0 0 8px;
}
.ca-category-grid-intro p:last-child {
  margin-bottom: 0;
}
.ca-category-grid-layout {
  grid-template-columns: minmax(0, 1fr) 292px;
  gap: 32px;
}
.ca-category-grid {
  gap: 25px 18px;
}
.ca-category-grid .ca-card__media {
  border-radius: 9px;
  background: #f0eef3;
}
.ca-category-grid .ca-card__body {
  padding-top: 9px;
}
.ca-category-grid .ca-card__category {
  margin-bottom: 4px;
  color: var(--ca-menu, var(--cm-menu, #c133a7));
  font-size: 9px;
  letter-spacing: .075em;
}
.ca-category-grid .ca-card__title {
  color: #222638;
  font-family: var(--font-ui, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  font-size: clamp(15px, 1.15vw, 17px);
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: -.018em;
}
.ca-category-grid .ca-card__excerpt {
  color: #727887;
  font-size: 12px;
  line-height: 1.55;
}
.ca-category-grid-pagination {
  margin-top: 30px;
  padding-top: 18px;
}
.ca-category-grid-page .ca-archive-sidebar {
  top: 20px;
}
@media (max-width: 1050px) {
  .ca-category-grid-wrap { padding-inline: 22px; }
  .ca-category-grid-layout { grid-template-columns: minmax(0, 1fr) 260px; gap: 24px; }
  .ca-category-grid { gap: 23px 14px; }
}
@media (max-width: 900px) {
  .ca-category-grid-page { padding-top: 20px; }
  .ca-category-grid-head { margin-bottom: 20px; }
  .ca-category-grid-head h1 { font-size: clamp(27px, 4vw, 36px); }
}
@media (max-width: 640px) {
  .ca-category-grid-page { padding: 18px 0 36px; }
  .ca-category-grid-wrap { padding-inline: 15px; }
  .ca-category-grid-head { margin-bottom: 18px; }
  .ca-category-grid-head h1 { font-size: clamp(26px, 7vw, 32px); line-height: 1.15; }
  .ca-category-grid-intro { margin-top: 8px; font-size: 13px; line-height: 1.55; }
  .ca-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 12px; }
  .ca-category-grid .ca-card__title { font-size: 15px; line-height: 1.25; }
  .ca-category-grid .ca-card__excerpt { font-size: 11px; line-height: 1.45; }
}
@media (max-width: 380px) {
  .ca-category-grid { grid-template-columns: 1fr; }
}
