/* EtkinMadde V7.6 — accessible light interior panorama & proportional typography.
   Loaded LAST so legacy overrides cannot break the uniform interior system.
   Home keeps its own banner and illustration. */
:root{--em76-dark:#173f70;--em76-teal:#17607a;--em76-red:#dd193b;--em76-muted:#627995;--em76-stroke:#dce7f1;--em76-bg:#f5f8fc}
body:not(.home):not(.front-page){background:var(--em76-bg)!important}
body:not(.home):not(.front-page)::before{
  content:''!important;display:block!important;position:absolute!important;
  top:82px!important;left:0!important;right:0!important;height:805px!important;
  background-image:linear-gradient(to bottom,rgba(245,248,252,0) 0%,rgba(245,248,252,0) 55%,rgba(245,248,252,.22) 69%,rgba(245,248,252,.75) 87%,var(--em76-bg) 100%),url('../img/etkinmadde-ic-sayfa-acik-v76.webp')!important;
  background-size:100% auto!important;background-position:center top!important;background-repeat:no-repeat!important;
  z-index:0!important;pointer-events:none!important;
}
body:not(.home):not(.front-page) main,body:not(.home):not(.front-page) .site-footer{position:relative;z-index:1}
body.single-emr_ingredient .em50-page,body.single-em_drug .em72-page{background:transparent!important;isolation:isolate}
body.single-emr_ingredient .em50-page>.em50-scene,body.single-em_drug .em72-page>.em72-scene{
  position:absolute!important;top:0!important;left:0!important;right:0!important;height:790px!important;
  background-image:linear-gradient(to bottom,rgba(245,248,252,0) 0%,rgba(245,248,252,0) 54%,rgba(245,248,252,.24) 69%,rgba(245,248,252,.77) 88%,var(--em76-bg) 100%),url('../img/etkinmadde-ic-sayfa-acik-v76.webp')!important;
  background-size:100% auto!important;background-position:center top!important;background-repeat:no-repeat!important;
  opacity:1!important;z-index:-1!important;pointer-events:none!important;
}
body.single-emr_ingredient .em50-page>.em50-shell,body.single-em_drug .em72-page>.em72-shell{position:relative;z-index:1}

/* Shared interior page title architecture: short, thoughtful, not oversized */
body .em75-inner-page{background:transparent!important;padding:0 0 48px!important}
body .em75-inner-page>.shell:first-child{padding-top:27px!important}
body .em75-inner-page>.em75-breadcrumb{padding-top:27px!important}
body .em75-inner-page .breadcrumbs,body .em75-inner-page .em75-breadcrumb{margin:0 0 13px!important;font-size:11px!important;line-height:1.5!important}
body .em75-inner-page .company-hero,body .em75-inner-page .inner-hero{
  position:relative;overflow:hidden;
  margin:0 0 17px!important;padding:21px 24px 20px!important;
  background:linear-gradient(120deg,#173f74 0%,#205887 62%,#176078 100%)!important;
  color:#fff!important;border:1px solid rgba(255,255,255,.36)!important;
  border-radius:19px!important;box-shadow:0 12px 28px rgba(18,65,100,.11)!important;
}
body .em75-inner-page .company-hero::after,body .em75-inner-page .inner-hero::after{
  content:'';position:absolute;right:-70px;top:-130px;width:300px;height:300px;border-radius:50%;
  border:1px solid rgba(255,255,255,.13);pointer-events:none
}
body .em75-inner-page .company-hero h1,body .em75-inner-page .inner-hero h1{
  max-width:980px;letter-spacing:-.024em;margin:4px 0 8px!important;
  font-size:clamp(21px,2.05vw,29px)!important;line-height:1.23!important;
  color:#fff!important;font-weight:790!important;overflow-wrap:anywhere;
}
body .em75-inner-page .company-hero p,body .em75-inner-page .inner-hero p{
  position:relative;z-index:1;color:#e4edf9!important;font-size:12.5px!important;
  line-height:1.6!important;max-width:790px;margin:0 0 10px!important;
}
body .em75-inner-page .section-label{
  font-size:10px!important;letter-spacing:.11em!important;font-weight:850!important;
  color:#ffb9c4!important;
}
body .em75-inner-page .company-meta{margin-top:9px!important}
body .em75-inner-page .company-meta .drug-tag{
  display:inline-flex!important;padding:7px 11px!important;
  background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.25)!important;
  color:#fff!important;font-size:11px!important;font-weight:760!important;
}
body .em75-inner-page .inner-hero>.shell{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
body .em75-inner-page .inner-search{width:min(520px,100%);margin-top:12px!important}
body .em75-inner-page .inner-search .search-form{min-height:46px;height:46px;padding:3px 4px 3px 12px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 18px rgba(10,30,50,.13)}
body .em75-inner-page .inner-search input[type=search]{font-size:12px;height:38px}
body .em75-inner-page .inner-search .search-form>button{min-height:38px;height:38px;font-size:12px}
body .em75-inner-page .results-info{margin:8px 0 13px!important;font-size:12px!important}

/* Search, letter selector and navigation: less visual weight */
body .em75-inner-page .section.shell{padding-top:2px!important;padding-bottom:36px!important}
body .em75-inner-page .alphabet{display:flex!important;flex-wrap:wrap;gap:5px!important;margin:0 0 13px!important;padding:11px 12px!important;border:1px solid #e0e9f3;border-radius:14px;background:rgba(255,255,255,.94)}
body .em75-inner-page .alphabet a{font-size:12px!important;font-weight:750!important;min-width:28px!important;height:30px!important;display:inline-flex;align-items:center;justify-content:center;padding:3px 7px!important;border-radius:8px!important}
body .em75-inner-page .alphabet a[aria-current=page]{background:#fff0f3;color:#d01839}
body .em75-inner-page .pagination{margin:26px 0 0!important}
body .em75-inner-page .pagination a,body .em75-inner-page .pagination span{font-size:12px}

/* Shared medicine cards — smaller headings, calmer spacing */
body .medicine-grid,body .medicine-grid--company,body .card-grid{gap:14px!important}
body .em75-medicine-card{border-radius:17px!important;box-shadow:0 7px 19px rgba(16,42,76,.055)!important}
body .em75-medicine-card .em75-card-head{
  min-height:70px!important;padding:13px 14px 12px!important;gap:10px!important;
  background:linear-gradient(127deg,#1d457a 0%,#1a5a80 100%)!important;
}
body .em75-medicine-card .medicine-card__title{font-size:12.5px!important;font-weight:795!important;line-height:1.44!important;letter-spacing:-.01em!important}
body .em75-medicine-card .medicine-card__arrow{width:22px!important;height:22px!important;flex-basis:22px!important;font-size:17px!important}
body .em75-medicine-card .em75-card-content{padding:12px 14px 10px!important;min-height:0!important}
body .em75-medicine-card .medicine-card__summary{min-height:50px!important;padding-bottom:10px!important}
body .em75-medicine-card .medicine-card__price-caption{font-size:10px!important;margin-bottom:3px!important}
body .em75-medicine-card .medicine-card__price{font-size:19px!important;line-height:1.16!important}
body .em75-medicine-card .medicine-card__price small{font-size:12px!important}
body .em75-medicine-card .medicine-card__sgk{font-size:9.5px!important;padding:5px 8px!important}
body .em75-medicine-card .medicine-card__facts{font-size:11px!important}
body .em75-medicine-card .medicine-card__facts>div{grid-template-columns:66px minmax(0,1fr)!important;padding:7px 0!important;gap:8px!important}
body .em75-medicine-card .medicine-card__foot{padding-top:8px!important;min-height:31px!important;font-size:9.5px!important}
body .em75-medicine-card .medicine-card__foot strong{font-size:11px!important}
body .em75-medicine-card>.medicine-card__guide-link{padding:9px 13px!important;font-size:11px!important}

/* Guide listings, article pages, and the etken directory */
body:not(.home):not(.front-page) .content-section{padding-top:26px;padding-bottom:34px}
body:not(.home):not(.front-page) .section-header{margin-bottom:18px}
body:not(.home):not(.front-page) .section-header h1,
body:not(.home):not(.front-page) .section-header h2{font-size:clamp(22px,2.2vw,28px)!important;line-height:1.24!important;font-weight:790!important;margin:6px 0!important}
body:not(.home):not(.front-page) .section-header p{font-size:12.5px!important}
body:not(.home):not(.front-page) .article-container{padding-top:25px}
body:not(.home):not(.front-page) .editorial-page{border-radius:18px!important}
body:not(.home):not(.front-page) .editorial-page h1{font-size:clamp(22px,2.3vw,31px)!important;line-height:1.24!important;letter-spacing:-.024em!important}
body:not(.home):not(.front-page) .editorial-page h2{font-size:19px!important}
body:not(.home):not(.front-page) .article-search h2{font-size:19px!important}
body:not(.home):not(.front-page) .guide-card h3{font-size:14px!important}
body:not(.home):not(.front-page) .guide-card p{font-size:12px!important}
body:not(.home):not(.front-page) .guide-card__body{padding:14px!important}
body .em50-directory{max-width:1190px;margin-inline:auto}
body .em50-directory>header{
  position:relative;overflow:hidden;background:linear-gradient(120deg,#173f74,#1c647e)!important;
  border:1px solid rgba(255,255,255,.32)!important;border-radius:19px!important;
  box-shadow:0 12px 28px rgba(21,62,89,.09)!important;padding:22px 24px!important;
}
body .em50-directory>header .em50-kicker{font-size:10px!important;color:#ffd2db!important;margin-bottom:7px!important}
body .em50-directory>header h1{font-size:clamp(22px,2.15vw,29px)!important;color:#fff!important;margin:0 0 8px!important;letter-spacing:-.022em!important}
body .em50-directory>header p{font-size:12.5px!important;line-height:1.6!important;color:#e2f0fa!important;margin:0!important}
body .em50-directory form{margin:16px 0!important}
body .em50-directory .em50-list{gap:13px!important;grid-template-columns:repeat(3,minmax(0,1fr))}
body .em50-directory .em50-list a{padding:13px 15px!important;min-height:139px!important;gap:7px!important;border-radius:15px!important}
body .em50-directory .em50-list a strong{font-size:14px!important;font-weight:780!important}
body .em50-directory .em50-list a small{font-size:10px!important;padding:4px 9px!important}
body .em50-directory .em50-list a em{font-size:11.5px!important;line-height:1.48!important;max-height:53px}
body .em50-directory .em50-list a span{font-size:11px!important}

/* Do not overwhelm the HOME hero with giant letters; retain its original banner. */
body.home .hero h1,body.front-page .hero h1{font-size:clamp(29px,3.3vw,45px)!important;line-height:1.16!important;letter-spacing:-.035em!important;max-width:660px!important}
body.home .hero-copy>p,body.front-page .hero-copy>p{font-size:14px!important;line-height:1.65!important;max-width:610px!important}
body.home .hero-copy,body.front-page .hero-copy{min-height:450px!important}
body.home .hero-layout,body.front-page .hero-layout{min-height:460px!important}
body.home .hero,body.front-page .hero{min-height:0!important}

@media(min-width:1250px){body.post-type-archive-em_drug .card-grid,body.search .card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1060px){
 body .em75-inner-page .company-hero h1,body .em75-inner-page .inner-hero h1{font-size:clamp(20px,2.6vw,26px)!important}
 body .em50-directory .em50-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:850px){
 body:not(.home):not(.front-page)::before{top:75px!important;height:700px!important;background-size:auto 530px!important;background-position:center top!important}
 body.single-emr_ingredient .em50-page>.em50-scene,body.single-em_drug .em72-page>.em72-scene{height:700px!important;background-size:auto 540px!important}
 body .em75-inner-page .company-hero,body .em75-inner-page .inner-hero{padding:20px 21px 18px!important}
}
@media(max-width:650px){
 body .em75-inner-page .company-hero,body .em75-inner-page .inner-hero{padding:17px 17px 15px!important;border-radius:17px!important}
 body .em75-inner-page .company-hero h1,body .em75-inner-page .inner-hero h1{font-size:21px!important;line-height:1.27!important}
 body .em75-inner-page .company-hero p,body .em75-inner-page .inner-hero p{font-size:12px!important}
 body .em75-inner-page .inner-search{width:100%}
 body .em75-inner-page .inner-search .search-form>button{min-width:64px;padding:0 9px}
 body .em75-inner-page .alphabet{padding:9px!important}
 body .em75-inner-page .alphabet a{min-width:25px!important;height:27px!important}
 body .em50-directory .em50-list{grid-template-columns:1fr}
 body .em50-directory>header{padding:18px!important}
 body .em75-medicine-card .em75-card-head{min-height:0!important}
 body .em75-medicine-card .medicine-card__facts>div{grid-template-columns:76px minmax(0,1fr)!important}
 body:not(.home):not(.front-page)::before{top:122px!important;background-size:auto 560px!important;height:690px!important}
 body.home .hero h1,body.front-page .hero h1{font-size:clamp(27px,7.5vw,36px)!important}
}

/* Archive/search/company content blocks share the SAME width and blue heading. */
body .em75-inner-page>.inner-hero.shell{width:min(1190px,calc(100% - 44px))!important;margin:0 auto 17px!important}
body .em75-inner-page .em76-hero-inner{position:relative;z-index:1;max-width:900px}
body .em76-guide-page .content-section{padding-top:27px!important}
body .em76-guide-page .em76-guide-breadcrumb{font-size:11px;color:#6b7c93;display:flex;align-items:center;gap:8px;margin-bottom:13px!important}
body .em76-guide-page .em76-guide-breadcrumb a{font-weight:760;color:#1b4a7c}
body .em76-guide-page .em76-info-hero{
  margin:0 0 18px;padding:21px 24px 20px;border-radius:19px;color:#fff;
  background:linear-gradient(120deg,#173f74,#205887 65%,#176078);
  border:1px solid rgba(255,255,255,.3);box-shadow:0 12px 28px rgba(18,65,100,.09)
}
body .em76-guide-page .em76-info-hero .eyebrow{font-size:10px;color:#ffc5cf}
body .em76-guide-page .em76-info-hero h1{font-size:clamp(21px,2.05vw,29px)!important;line-height:1.23!important;letter-spacing:-.024em!important;margin:5px 0 8px!important}
body .em76-guide-page .em76-info-hero p{font-size:12.5px;color:#e4edf9;line-height:1.6;max-width:780px;margin:0!important}
body .em76-guide-page .guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
body .em76-guide-page .guide-card__image{aspect-ratio:1.9}
@media(max-width:850px){body .em76-guide-page .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 body .em75-inner-page>.inner-hero.shell{width:calc(100% - 30px)!important}
 body .em76-guide-page .em76-info-hero{padding:18px}
 body .em76-guide-page .guide-grid{grid-template-columns:1fr}
}
/* Preserve centered breadcrumb geometry on archive/search, despite inherited flex margins. */
body .em75-inner-page>.em75-breadcrumb.shell{
  width:min(1190px,calc(100% - 44px))!important;
  margin:0 auto 13px!important;
}
@media(max-width:600px){body .em75-inner-page>.em75-breadcrumb.shell{width:calc(100% - 30px)!important}}