/*
 * Antalya Artı Premium Bordo Global Theme
 * Scope: tüm public sayfalar
 * Hedef: hero, CTA, footer, button, card, link, badge renk bütünlüğü.
 */

:root{
  --plus-blue:#7A1E2C !important;
  --plus-blue-dark:#4A0E19 !important;
  --plus-blue-soft:#F9EEF1 !important;
  --plus-orange:#C99845 !important;
  --plus-orange-dark:#A8792B !important;

  --brand:#7A1E2C !important;
  --brand-dark:#4A0E19 !important;
  --brand-2:#C99845 !important;

  --arti-bordo:#7A1E2C !important;
  --arti-bordo-dark:#4A0E19 !important;
  --arti-bordo-deep:#170509 !important;
  --arti-bordo-soft:#A83246 !important;
  --arti-gold:#C99845 !important;
  --arti-gold-light:#F2C76B !important;
  --arti-cream:#FAF7F3 !important;
  --arti-text:#1F2933 !important;
}

body{
  background:#FAF7F3 !important;
}

/* HEADER */
.plus13-public-header,
.site-header,
.public-header,
header{
  background:rgba(255,255,255,.97) !important;
  border-bottom-color:rgba(122,30,44,.16) !important;
  box-shadow:0 14px 36px rgba(43,11,18,.08) !important;
}

.plus13-public-nav a,
.site-header nav a,
.public-header nav a{
  color:#1F2933 !important;
}

.plus13-public-nav a.active,
.plus13-public-nav a:hover,
.site-header nav a.active,
.site-header nav a:hover,
.public-header nav a.active,
.public-header nav a:hover{
  background:#F9EEF1 !important;
  color:#4A0E19 !important;
  border-color:rgba(122,30,44,.16) !important;
}

.plus13-public-action.call,
.plus13-public-actions .call,
.header-call,
.call-button,
a.call{
  background:linear-gradient(135deg,#7A1E2C,#4A0E19) !important;
  color:#fff !important;
  box-shadow:0 18px 38px rgba(122,30,44,.22) !important;
}

.plus13-public-action.whatsapp,
.plus13-public-actions .whatsapp,
.whatsapp{
  background:#16a34a !important;
  color:#fff !important;
}

/* LOGO GEÇİCİ MARKA FALLBACK */
.plus13-public-brand.has-uploaded-logo{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:260px !important;
}

.plus13-public-brand-logo{
  max-height:58px !important;
  object-fit:contain !important;
}

.plus13-public-brand.has-uploaded-logo::after{
  content:"Antalya Artı Temizlik" !important;
  display:inline-flex !important;
  color:#1F2933 !important;
  font-weight:950 !important;
  font-size:16px !important;
  letter-spacing:-.02em !important;
}

/* HERO — tüm sayfa tipleri */
.hero,
.page-hero,
.service-hero,
.region-hero,
.blog-hero,
.content-hero,
.inner-hero,
.detail-hero,
.seo-hero,
.page-header,
section[aria-label*="tanıtım"],
section[aria-label*="hero"]{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 12% 16%,rgba(201,152,69,.22),transparent 30%),
    radial-gradient(circle at 88% 20%,rgba(168,50,70,.30),transparent 36%),
    linear-gradient(135deg,#170509 0%,#4A0E19 48%,#7A1E2C 100%) !important;
  color:#fff !important;
  border-bottom:1px solid rgba(201,152,69,.20) !important;
}

.hero::before,
.page-hero::before,
.service-hero::before,
.region-hero::before,
.blog-hero::before,
.content-hero::before,
.inner-hero::before,
.detail-hero::before,
.seo-hero::before{
  background:
    linear-gradient(90deg,rgba(23,5,9,.72),rgba(122,30,44,.28)),
    radial-gradient(circle at 20% 90%,rgba(255,255,255,.10),transparent 34%) !important;
}

.hero-overlay,
.page-hero-overlay,
.service-hero-overlay,
.region-hero-overlay,
.blog-hero-overlay{
  background:linear-gradient(90deg,rgba(23,5,9,.84),rgba(122,30,44,.44)) !important;
}

.hero h1,
.hero h2,
.page-hero h1,
.page-hero h2,
.service-hero h1,
.region-hero h1,
.blog-hero h1,
.content-hero h1,
.inner-hero h1,
.detail-hero h1,
.seo-hero h1{
  color:#fff !important;
}

.hero p,
.page-hero p,
.service-hero p,
.region-hero p,
.blog-hero p,
.content-hero p,
.inner-hero p,
.detail-hero p,
.seo-hero p{
  color:rgba(255,255,255,.88) !important;
}

/* HERO VURGU / BADGE */
.hero .accent,
.hero h1 .accent,
.hero-copy h1 .accent,
.page-hero .accent,
.service-hero .accent,
.region-hero .accent,
.blog-hero .accent,
.content-hero .accent{
  color:#F2C76B !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(242,199,107,.26) !important;
}

.hero-badge,
.hero-trust-strip,
.section-badge,
.page-badge,
.service-badge,
.region-badge,
.blog-badge,
.badge{
  background:#FFF7F8 !important;
  color:#7A1E2C !important;
  border-color:rgba(122,30,44,.20) !important;
}

.hero .hero-badge,
.hero .hero-trust-strip,
.hero-trust-strip span{
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.24) !important;
  color:#fff !important;
}

.hero-badge::before,
.section-badge::before,
.badge::before,
.home-mini-guide-kicker::before{
  background:#C99845 !important;
}

/* BUTTON / CTA ACTIONS */
.primary-action,
a.primary-action,
button.primary-action,
.btn-primary,
.button-primary,
.cta-primary,
.hero-actions .primary-action,
.wide-cta .primary-action,
.footer-contact-cta .primary-action{
  background:linear-gradient(135deg,#C99845,#F2C76B) !important;
  color:#170509 !important;
  border:1px solid rgba(255,255,255,.26) !important;
  box-shadow:0 22px 48px rgba(201,152,69,.30) !important;
}

.primary-action:hover,
a.primary-action:hover,
button.primary-action:hover,
.btn-primary:hover,
.button-primary:hover,
.cta-primary:hover{
  background:linear-gradient(135deg,#F2C76B,#C99845) !important;
  color:#170509 !important;
}

.secondary-action,
a.secondary-action,
button.secondary-action,
.btn-secondary,
.button-secondary,
.cta-secondary,
.hero-actions .secondary-action,
.wide-cta .secondary-action,
.footer-contact-cta .secondary-action{
  background:rgba(255,255,255,.14) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.34) !important;
}

.hero .secondary-action,
.page-hero .secondary-action,
.service-hero .secondary-action,
.region-hero .secondary-action,
.blog-hero .secondary-action{
  color:#fff !important;
}

/* LINKLER / KARTLAR */
a,
.card a,
.cards a,
.home-mini-guide-more,
.home-region-main-link,
.service-card a,
.blog-card a,
.region-card a,
.read-more{
  color:#7A1E2C !important;
}

a:hover,
.card a:hover,
.cards a:hover,
.home-mini-guide-more:hover,
.home-region-main-link:hover,
.service-card a:hover,
.blog-card a:hover,
.region-card a:hover,
.read-more:hover{
  color:#4A0E19 !important;
}

.card,
.cards .card,
.service-card,
.blog-card,
.region-card,
.home-mini-guide-card,
.home-region-panel,
.home-seo-content-panel,
.home-seo-info-card,
.home-seo-side-card,
.home-seo-secondary-article,
.content-card,
.info-card{
  border-color:rgba(122,30,44,.16) !important;
  box-shadow:0 18px 48px rgba(43,11,18,.08) !important;
}

.card:hover,
.cards .card:hover,
.service-card:hover,
.blog-card:hover,
.region-card:hover,
.home-mini-guide-card:hover,
.home-region-panel:hover,
.home-seo-info-card:hover,
.content-card:hover,
.info-card:hover{
  border-color:rgba(122,30,44,.30) !important;
  box-shadow:0 28px 66px rgba(122,30,44,.15) !important;
}

.service-icon,
.card .service-icon,
.icon-badge,
.card-icon{
  background:#F9EEF1 !important;
  color:#7A1E2C !important;
  border-color:rgba(122,30,44,.18) !important;
}

.service-icon::before,
.card-icon::before,
.icon-badge::before{
  background:#C99845 !important;
}

/* CTA — tüm sayfa tipleri */
.wide-cta,
section.wide-cta,
.footer-contact-cta,
.cta,
.cta-section,
.page-cta,
.service-cta,
.blog-cta,
.region-cta,
.final-cta,
.contact-cta{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 14% 14%,rgba(201,152,69,.28),transparent 34%),
    radial-gradient(circle at 88% 12%,rgba(255,255,255,.12),transparent 30%),
    linear-gradient(135deg,#170509 0%,#4A0E19 52%,#7A1E2C 100%) !important;
  color:#fff !important;
  border:1px solid rgba(201,152,69,.18) !important;
  box-shadow:0 30px 80px rgba(33,7,13,.24) !important;
}

.wide-cta::before,
.wide-cta::after,
.cta::before,
.cta::after,
.cta-section::before,
.cta-section::after,
.page-cta::before,
.page-cta::after,
.service-cta::before,
.service-cta::after,
.footer-contact-cta::before,
.footer-contact-cta::after{
  background:
    radial-gradient(circle at 80% 18%,rgba(242,199,107,.16),transparent 34%),
    linear-gradient(135deg,rgba(23,5,9,.24),rgba(122,30,44,.12)) !important;
  opacity:1 !important;
}

.wide-cta *,
.cta *,
.cta-section *,
.page-cta *,
.service-cta *,
.blog-cta *,
.region-cta *,
.final-cta *,
.contact-cta *,
.footer-contact-cta *{
  color:#fff !important;
  border-color:rgba(255,255,255,.18) !important;
}

.wide-cta .call,
.wide-actions .call,
.cta .call,
.cta-section .call,
.footer-contact-cta .call{
  background:linear-gradient(135deg,#C99845,#F2C76B) !important;
  color:#170509 !important;
}

.wide-cta .light,
.wide-actions .light,
.cta .light,
.cta-section .light,
.footer-contact-cta .light{
  background:rgba(255,255,255,.14) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.34) !important;
}

/* FOOTER — global */
.footer,
footer.footer,
.site-footer,
.public-footer{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 14% 12%,rgba(201,152,69,.16),transparent 30%),
    radial-gradient(circle at 90% 14%,rgba(122,30,44,.22),transparent 36%),
    linear-gradient(135deg,#090203 0%,#170509 44%,#2B0B12 100%) !important;
  color:rgba(255,255,255,.88) !important;
  border-top:1px solid rgba(201,152,69,.16) !important;
}

.footer::before,
.footer::after,
footer.footer::before,
footer.footer::after,
.site-footer::before,
.site-footer::after{
  background:
    radial-gradient(circle at 85% 18%,rgba(242,199,107,.10),transparent 34%),
    linear-gradient(135deg,rgba(9,2,3,.10),rgba(74,14,25,.18)) !important;
  opacity:1 !important;
}

.footer *,
footer.footer *,
.site-footer *,
.public-footer *{
  border-color:rgba(255,255,255,.14) !important;
}

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer strong,
.footer b,
.footer-links strong,
.footer-brand strong,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer strong{
  color:#fff !important;
}

.footer p,
.footer span,
.footer a,
.footer li,
.footer-bottom,
.footer-brand p,
.footer-links a,
.site-footer p,
.site-footer span,
.site-footer a,
.site-footer li{
  color:rgba(255,255,255,.86) !important;
}

.footer a:hover,
.footer-links a:hover,
.site-footer a:hover{
  color:#F2C76B !important;
}

/* Footer logo dosyası yenilenene kadar eski görseli gizle */
.footer-brand-logo,
footer.footer .footer-brand-logo,
.footer .footer-brand-logo{
  display:none !important;
}

.footer-brand.has-uploaded-footer-logo::before,
.footer-brand::before{
  content:"Antalya Artı Temizlik" !important;
  display:inline-flex !important;
  align-items:center !important;
  min-height:48px !important;
  padding:12px 16px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#fff !important;
  font-weight:950 !important;
  font-size:18px !important;
  letter-spacing:-.02em !important;
  margin-bottom:18px !important;
}

/* Mavi/turuncu inline style yakalama */
[style*="#2563eb"],
[style*="#1d4ed8"],
[style*="#ff6b1a"],
[style*="#f97316"]{
  border-color:rgba(122,30,44,.18) !important;
}

a[style*="#2563eb"],
a[style*="#1d4ed8"],
span[style*="#2563eb"],
span[style*="#1d4ed8"]{
  color:#7A1E2C !important;
}

/* Mobil */
@media(max-width:768px){
  .hero,
  .page-hero,
  .service-hero,
  .region-hero,
  .blog-hero,
  .content-hero{
    background:linear-gradient(160deg,#170509,#4A0E19 52%,#7A1E2C) !important;
  }

  .wide-cta,
  .cta,
  .cta-section,
  .footer-contact-cta{
    background:linear-gradient(160deg,#170509,#4A0E19 52%,#7A1E2C) !important;
  }

  .footer,
  footer.footer,
  .site-footer{
    background:linear-gradient(160deg,#090203,#170509 52%,#2B0B12) !important;
  }

  .primary-action,
  .secondary-action{
    width:100% !important;
    justify-content:center !important;
  }

  .footer-brand.has-uploaded-footer-logo::before,
  .footer-brand::before{
    width:100% !important;
    justify-content:center !important;
    text-align:center !important;
  }
}

/* ARTI_BORDO_SAFE_CTA_FOOTER_START
   Dar kapsamlı güvenli patch.
   Not: [class*="footer"] / [class*="cta"] / JS yok.
*/

/* Ana geniş CTA bloğu */
.wide-cta,
.footer-contact-cta {
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 14% 16%, rgba(201, 152, 69, .20), transparent 34%),
    radial-gradient(circle at 88% 12%, rgba(255, 255, 255, .08), transparent 30%),
    linear-gradient(135deg, #170509 0%, #4A0E19 52%, #7A1E2C 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(201, 152, 69, .18) !important;
  box-shadow: 0 28px 72px rgba(33, 7, 13, .20) !important;
}

/* CTA metinleri */
.wide-cta h1,
.wide-cta h2,
.wide-cta h3,
.wide-cta p,
.wide-cta strong,
.footer-contact-cta h1,
.footer-contact-cta h2,
.footer-contact-cta h3,
.footer-contact-cta p,
.footer-contact-cta strong {
  color: #fff !important;
}

/* CTA içindeki güven rozetleri */
.wide-cta-trust,
.wide-cta-trust span {
  color: rgba(255, 255, 255, .88) !important;
}

.wide-cta-trust span {
  background: rgba(255, 255, 255, .12) !important;
  border-color: rgba(255, 255, 255, .24) !important;
}

/* CTA butonları */
.wide-actions .call,
.wide-cta .call,
.footer-contact-cta .call {
  background: linear-gradient(135deg, #C99845, #F2C76B) !important;
  color: #170509 !important;
  border-color: rgba(255, 255, 255, .28) !important;
  box-shadow: 0 20px 44px rgba(201, 152, 69, .28) !important;
}

.wide-actions .light,
.wide-cta .light,
.footer-contact-cta .light {
  background: rgba(255, 255, 255, .14) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, .32) !important;
}

/* Footer ana blok */
.footer {
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 14% 12%, rgba(201, 152, 69, .12), transparent 30%),
    radial-gradient(circle at 90% 14%, rgba(122, 30, 44, .18), transparent 36%),
    linear-gradient(135deg, #090203 0%, #170509 46%, #2B0B12 100%) !important;
  color: rgba(255, 255, 255, .88) !important;
  border-top: 1px solid rgba(201, 152, 69, .16) !important;
}

/* Footer iç yerleşim blokları: zemin vermiyoruz, sadece metin/border */
.footer-inner,
.footer-grid {
  background: transparent !important;
  color: inherit !important;
}

/* Footer kolonları ayrı ayrı bordo kutuya dönüşmesin */
.footer-brand,
.footer-links {
  background: transparent !important;
  box-shadow: none !important;
}

/* Footer metinleri */
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer strong,
.footer b,
.footer-links strong,
.footer-brand strong {
  color: #fff !important;
}

.footer p,
.footer span,
.footer a,
.footer li,
.footer-bottom,
.footer-brand p,
.footer-links a {
  color: rgba(255, 255, 255, .86) !important;
}

.footer a:hover,
.footer-links a:hover {
  color: #F2C76B !important;
}

/* Footer sağ güven kutusu */
.footer-trust {
  background: rgba(255, 255, 255, .10) !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  box-shadow: 0 22px 50px rgba(0, 0, 0, .16) !important;
  color: #fff !important;
}

.footer-trust h1,
.footer-trust h2,
.footer-trust h3,
.footer-trust h4,
.footer-trust strong,
.footer-trust p {
  color: #fff !important;
}

.footer-trust-badge {
  background: rgba(255, 255, 255, .12) !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, .24) !important;
}

/* Footer alt satır: ayrı kırmızı blok yapma, sadece çizgi */
.footer-bottom {
  background: transparent !important;
  border-top: 1px solid rgba(255, 255, 255, .14) !important;
  color: rgba(255, 255, 255, .76) !important;
}

/* Footer logo dosyası sorunlu olduğu için geçici metin marka */
.footer-brand-logo {
  display: none !important;
}

.footer-brand.has-uploaded-footer-logo::before {
  content: "Antalya Artı Temizlik" !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 48px !important;
  padding: 12px 16px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .08) !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  color: #fff !important;
  font-weight: 950 !important;
  font-size: 18px !important;
  letter-spacing: -.02em !important;
  margin-bottom: 18px !important;
}

/* Mobil */
@media (max-width: 768px) {
  .wide-cta,
  .footer-contact-cta {
    background: linear-gradient(160deg, #170509, #4A0E19 52%, #7A1E2C) !important;
  }

  .footer {
    background: linear-gradient(160deg, #090203, #170509 52%, #2B0B12) !important;
  }

  .footer-brand.has-uploaded-footer-logo::before {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

/* ARTI_BORDO_SAFE_CTA_FOOTER_END */

/* ARTI_FOOTER_LOGO_VISUAL_STANDARD_V1 */

/*
  Footer logo standardı:
  - Footer logo varsa AP/yazı kutusu pseudo alanlarını kapatır.
  - Logo her sayfada tek başına, temiz ve aynı ölçüde görünür.
  - PHP'ye dokunmaz; sadece görsel standardı düzeltir.
*/

body footer .footer-brand.has-uploaded-footer-logo::before,
body .footer .footer-brand.has-uploaded-footer-logo::before,
body footer.footer .footer-brand.has-uploaded-footer-logo::before,
body footer.site-footer .footer-brand.has-uploaded-footer-logo::before,
html body .plus13-about-canonical-footer .footer-brand.has-uploaded-footer-logo::before,
html body .plus13-mobile-canonical-footer .footer-brand.has-uploaded-footer-logo::before {
    content:none !important;
    display:none !important;
    width:0 !important;
    height:0 !important;
    opacity:0 !important;
    visibility:hidden !important;
}

body footer .footer-brand.has-uploaded-footer-logo,
body .footer .footer-brand.has-uploaded-footer-logo,
body footer.footer .footer-brand.has-uploaded-footer-logo,
body footer.site-footer .footer-brand.has-uploaded-footer-logo,
html body .plus13-about-canonical-footer .footer-brand.has-uploaded-footer-logo,
html body .plus13-mobile-canonical-footer .footer-brand.has-uploaded-footer-logo {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:0 !important;
    width:auto !important;
    max-width:260px !important;
    min-height:70px !important;
    padding:0 !important;
    margin:0 0 18px 0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
}

body footer .footer-brand.has-uploaded-footer-logo .footer-brand-logo,
body .footer .footer-brand.has-uploaded-footer-logo .footer-brand-logo,
body footer.footer .footer-brand.has-uploaded-footer-logo .footer-brand-logo,
body footer.site-footer .footer-brand.has-uploaded-footer-logo .footer-brand-logo,
html body .plus13-about-canonical-footer .footer-brand.has-uploaded-footer-logo .footer-brand-logo,
html body .plus13-mobile-canonical-footer .footer-brand.has-uploaded-footer-logo .footer-brand-logo {
    display:block !important;
    width:auto !important;
    max-width:230px !important;
    height:auto !important;
    max-height:76px !important;
    object-fit:contain !important;
    object-position:left center !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    padding:0 !important;
    margin:0 !important;
}

/* Logo varsa içeride yanlışlıkla kalan AP/metin span'ları görünmesin */
body footer .footer-brand.has-uploaded-footer-logo .footer-brand-mark,
body .footer .footer-brand.has-uploaded-footer-logo .footer-brand-mark,
body footer.footer .footer-brand.has-uploaded-footer-logo .footer-brand-mark,
body footer.site-footer .footer-brand.has-uploaded-footer-logo .footer-brand-mark,
body footer .footer-brand.has-uploaded-footer-logo > span,
body .footer .footer-brand.has-uploaded-footer-logo > span,
body footer.footer .footer-brand.has-uploaded-footer-logo > span,
body footer.site-footer .footer-brand.has-uploaded-footer-logo > span {
    display:none !important;
}

/* Mobilde taşma olmasın */
@media (max-width: 640px) {
    body footer .footer-brand.has-uploaded-footer-logo,
    body .footer .footer-brand.has-uploaded-footer-logo,
    body footer.footer .footer-brand.has-uploaded-footer-logo,
    body footer.site-footer .footer-brand.has-uploaded-footer-logo {
        max-width:220px !important;
        min-height:58px !important;
    }

    body footer .footer-brand.has-uploaded-footer-logo .footer-brand-logo,
    body .footer .footer-brand.has-uploaded-footer-logo .footer-brand-logo,
    body footer.footer .footer-brand.has-uploaded-footer-logo .footer-brand-logo,
    body footer.site-footer .footer-brand.has-uploaded-footer-logo .footer-brand-logo {
        max-width:205px !important;
        max-height:62px !important;
    }
}

/* /ARTI_FOOTER_LOGO_VISUAL_STANDARD_V1 */

/* ARTI_MOBILE_HOME_GUIDE_IMAGE_RATIO_FINAL */

/*
  Ana sayfa mobil rehber kartları:
  - Cepte görsellerin ince/şerit gibi kalmasını engeller.
  - Hizmet kartlarında kullandığımız mantıkla 16:9 oranı sabitler.
  - Metin, footer, CTA ve desktop görünüme dokunmaz.
*/
@media (max-width: 640px) {
    html body .home-mini-guide-grid {
        gap:22px !important;
    }

    html body .home-mini-guide-card {
        padding:16px 16px 22px !important;
        border-radius:24px !important;
    }

    html body .home-mini-guide-card .home-mini-guide-media,
    html body .home-mini-guide-media {
        display:block !important;
        width:100% !important;
        aspect-ratio:16 / 9 !important;
        min-height:150px !important;
        height:auto !important;
        max-height:none !important;
        margin:0 0 18px 0 !important;
        overflow:hidden !important;
        border-radius:20px !important;
        background:#f8fafc !important;
    }

    html body .home-mini-guide-card .home-mini-guide-media img,
    html body .home-mini-guide-media img {
        display:block !important;
        width:100% !important;
        height:100% !important;
        min-height:150px !important;
        aspect-ratio:16 / 9 !important;
        object-fit:cover !important;
        object-position:center center !important;
        border-radius:20px !important;
    }

    html body .home-mini-guide-card .home-guide-visible-title {
        max-width:calc(100% - 24px) !important;
        left:12px !important;
        bottom:12px !important;
        font-size:11px !important;
        line-height:1.15 !important;
        padding:7px 10px !important;
        white-space:normal !important;
    }
}

/* Biraz daha dar iPhone ekranlarında oran bozulmasın */
@media (max-width: 390px) {
    html body .home-mini-guide-card .home-mini-guide-media,
    html body .home-mini-guide-media,
    html body .home-mini-guide-card .home-mini-guide-media img,
    html body .home-mini-guide-media img {
        min-height:142px !important;
    }
}

/* /ARTI_MOBILE_HOME_GUIDE_IMAGE_RATIO_FINAL */