/* HASERE MARKET - HASERE KUTUPHANESI / ORTAK PEST GUIDE CSS
   Kanonik: /css/hm-pest-guide.css
   Pilot: Guve Rehberi REV4 - 17.08.2026 */

.hm-pg{
  --g950:#102318;
  --g900:#153820;
  --g850:#183e26;
  --g700:#245a34;
  --g650:#1f5a32;
  --orange:#e46f1a;
  --orange-dark:#a85a16;
  --page:#f7f8f2;
  --card:#fff;
  --text:#26342b;
  --muted:#647168;
  --line:#dde7d8;
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  background:var(--page);
  color:var(--text);
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  line-height:1.5;
}

.hm-pg *,
.hm-pg *:before,
.hm-pg *:after{
  box-sizing:border-box;
}

.hm-pg a{
  color:var(--g650);
  text-decoration:none;
  font-weight:700;
}

.hm-pg a:hover{
  color:var(--orange);
}

.hm-pg img{
  max-width:100%;
}

.hm-pg-wrap{
  width:100%;
  margin:0;
  padding:8px 0 12px;
}

.hm-pg h1,
.hm-pg h2,
.hm-pg h3,
.hm-pg p{
  margin-top:0;
}

.hm-pg h1{
  margin-bottom:8px;
  color:#fff;
  font-size:25px;
  line-height:1.16;
}

.hm-pg h2{
  margin-bottom:8px;
  color:var(--g850);
  font-size:17.5px;
  line-height:1.28;
}

.hm-pg h3{
  margin-bottom:5px;
  color:var(--g850);
  font-size:13.6px;
  line-height:1.3;
}

.hm-pg p{
  margin-bottom:8px;
}

.hm-pg-muted{
  color:var(--muted);
  font-size:12.2px;
}

.hm-pg-kicker{
  margin-bottom:4px;
  color:var(--orange);
  font-size:10.3px;
  line-height:1.3;
  letter-spacing:.045em;
  text-transform:uppercase;
  font-weight:850;
}

.hm-pg section[id],
.hm-pg div[id]{
  scroll-margin-top:18px;
}

.hm-pg-mt8{margin-top:8px}
.hm-pg-mt10{margin-top:10px}
.hm-pg-mt12{margin-top:12px}
.hm-pg-mt14{margin-top:14px}


/* =========================================================
HERO
========================================================= */

.hm-pg-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:18px;
  width:100%;
  overflow:hidden;
  padding:18px 20px;
  border-radius:18px;
  background:
    radial-gradient(
      circle at 93% 8%,
      rgba(228,111,26,.14),
      transparent 28%
    ),
    linear-gradient(
      135deg,
      var(--g900) 0%,
      var(--g700) 60%,
      var(--g950) 100%
    );
  color:#fff;
  box-shadow:0 8px 24px rgba(25,60,34,.14);
}

.hm-pg-hero-main{
  position:relative;
  z-index:2;
  align-self:center;
  min-width:0;
}

.hm-pg-eyebrow{
  display:inline-flex;
  margin-bottom:9px;
  padding:5px 10px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(255,255,255,.10);
  color:#fff;
  font-size:11.4px;
  font-weight:750;
}

.hm-pg-hero-lead{
  max-width:760px;
  margin-bottom:10px;
  color:#edf7ef;
  font-size:13.6px;
}

.hm-pg-motto{
  max-width:760px;
  padding:8px 10px;
  border-left:3px solid var(--orange);
  border-radius:10px;
  background:rgba(255,255,255,.09);
  color:#fff;
  font-size:12.3px;
}

.hm-pg-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:13px;
}

.hm-pg-btn{
  display:inline-flex;
  min-width:150px;
  min-height:32px;
  align-items:center;
  justify-content:center;
  padding:7px 13px;
  border:1px solid transparent;
  border-radius:999px;
  font-size:11.8px;
  text-align:center;
}

.hm-pg-btn-primary{
  background:var(--orange);
  color:#fff!important;
}

.hm-pg-btn-light{
  background:#fff;
  color:#19482b!important;
}

.hm-pg-btn-line{
  border-color:rgba(255,255,255,.7);
  background:transparent;
  color:#fff!important;
}

.hm-pg-hero-media{
  position:relative;
  z-index:2;
  align-self:center;
  width:100%;
  overflow:hidden;
  border-radius:15px;
  background:#dfeadd;
}

.hm-pg-hero-media img{
  display:block;
  width:100%;
  height:auto;
  max-height:300px;
  object-fit:cover;
  object-position:center;
}

/* HERO BİLGİ BANDI ARTIK ÜSTTE */

.hm-pg-media-caption{
  position:absolute;
  left:8px;
  right:8px;
  top:8px;
  bottom:auto;
  padding:6px 9px;
  border-radius:9px;
  background:rgba(255,255,255,.94);
  color:#173c25;
  font-size:10.9px;
  line-height:1.35;
  font-weight:730;
}

.hm-pg-hero-curve{
  position:absolute;
  z-index:1;
  left:-5%;
  bottom:-1px;
  width:110%;
  height:46px;
  pointer-events:none;
}


/* =========================================================
SECTION / PANEL
========================================================= */

.hm-pg-section,
.hm-pg-panel{
  width:100%;
  padding:14px;
  border:1px solid #e1e8dc;
  border-radius:16px;
  background:#fff;
  box-shadow:0 6px 18px rgba(28,65,35,.055);
}

.hm-pg-section{
  margin-top:12px;
}

.hm-pg-panel{
  margin:0;
}

.hm-pg-soft{
  background:#f1f6ed;
}

.hm-pg-warm{
  border-color:#eadfc9;
  background:#fff8ef;
}

.hm-pg-titleline{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:6px;
}

.hm-pg-title-icon{
  display:flex;
  flex:0 0 42px;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
}

.hm-pg-title-icon img{
  width:38px;
  height:38px;
  object-fit:contain;
}


/* =========================================================
GRID
========================================================= */

.hm-pg-row{
  display:grid;
  gap:12px;
  width:100%;
  margin-top:12px;
  align-items:start;
}

.hm-pg-row-match{
  align-items:stretch;
}

.hm-pg-row-match > .hm-pg-panel{
  height:100%;
}

.hm-pg-row-4-8{
  grid-template-columns:minmax(0,4fr) minmax(0,8fr);
}

.hm-pg-row-5-7{
  grid-template-columns:minmax(0,5fr) minmax(0,7fr);
}

.hm-pg-row-6-6{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}

.hm-pg-row-7-5{
  grid-template-columns:minmax(0,7fr) minmax(0,5fr);
}

.hm-pg-row-8-4{
  grid-template-columns:minmax(0,8fr) minmax(0,4fr);
}

.hm-pg-split{
  display:grid;
  gap:14px;
  align-items:start;
}

.hm-pg-split-7-5{
  grid-template-columns:minmax(0,7fr) minmax(0,5fr);
}

.hm-pg-grid{
  display:grid;
  gap:9px;
}

.hm-pg-g2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.hm-pg-g4{
  grid-template-columns:repeat(4,minmax(0,1fr));
}


/* =========================================================
MEDYA
========================================================= */

.hm-pg-media{
  display:flex;
  width:100%;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:14px;
  background:#f5f8f2;
}

.hm-pg-media img{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  margin:auto;
  object-fit:contain;
  object-position:center;
}

.hm-pg-media-diagnosis{
  max-height:360px;
}

.hm-pg-media-diagnosis img{
  max-height:360px;
}

.hm-pg-media-source{
  max-height:330px;
}

.hm-pg-media-source img{
  max-height:330px;
}

.hm-pg-media-life{
  max-height:235px;
}

.hm-pg-media-life img{
  max-height:235px;
}

.hm-pg-media-pheromone{
  max-height:285px;
}

.hm-pg-media-pheromone img{
  max-height:285px;
}

.hm-pg-media-support{
  max-height:260px;
}

.hm-pg-media-support img{
  max-height:260px;
}

.hm-pg-lightbox-trigger{
  display:flex;
  width:100%;
  align-items:center;
  justify-content:center;
  cursor:zoom-in;
}

.hm-pg-zoom-note{
  display:block;
  margin-top:5px;
  text-align:center;
  color:#617061;
  font-size:10.8px;
}


/* =========================================================
MINI KART
========================================================= */

.hm-pg-mini{
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:10px;
  border:1px solid #dce7d7;
  border-radius:14px;
  background:#fff;
}

.hm-pg-mini strong{
  display:block;
  margin-bottom:3px;
  color:var(--g850);
  font-size:12.7px;
}

.hm-pg-mini span,
.hm-pg-mini p{
  display:block;
  color:#59675d;
  font-size:12px;
}

.hm-pg-mini .hm-pg-link{
  margin-top:auto;
}

.hm-pg-iconrow:after{
  content:"";
  display:block;
  clear:both;
}

.hm-pg-mini-icon{
  display:flex;
  float:left;
  width:46px;
  height:46px;
  margin:0 9px 4px 0;
  align-items:center;
  justify-content:center;
}

.hm-pg-mini-icon img{
  width:39px;
  height:39px;
  object-fit:contain;
}


/* =========================================================
NOTLAR
========================================================= */

.hm-pg-note,
.hm-pg-source,
.hm-pg-alert,
.hm-pg-human{
  margin-top:9px;
  padding:9px 10px;
  border-left:3px solid var(--orange);
  border-radius:11px;
  background:#fff8ef;
  color:#39463d;
  font-size:12.25px;
}

.hm-pg-source{
  border-left-color:var(--g650);
  background:#f2f7ef;
}

.hm-pg-alert{
  border-left-color:var(--orange-dark);
  background:#fff4e7;
}


/* =========================================================
CHIPBAR
========================================================= */

.hm-pg-chipbar{
  display:flex;
  gap:8px;
  overflow-x:auto;
  margin-top:11px;
  padding:2px 0 5px;
  scrollbar-width:thin;
}

.hm-pg-chipbar a{
  flex:0 0 auto;
  padding:6px 10px;
  border:1px solid #dce7d7;
  border-radius:999px;
  background:#fff;
  color:#214e2e!important;
  white-space:nowrap;
  font-size:11.6px;
}

.hm-pg-chipbar a:first-child{
  border-color:var(--g650);
  background:var(--g650);
  color:#fff!important;
}


/* =========================================================
ADIMLAR
========================================================= */

.hm-pg-step{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:9px;
  padding:9px 0;
  border-bottom:1px solid #e3ebdf;
}

.hm-pg-step:last-child{
  border-bottom:0;
}

.hm-pg-step-num{
  display:flex;
  width:27px;
  height:27px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--orange);
  color:#fff;
  font-size:12px;
  font-weight:850;
}


/* =========================================================
YANLIŞ BİLİNENLER
========================================================= */

.hm-pg-myth{
  padding:12px;
  border:1px solid #eadfc9;
  border-radius:14px;
  background:#fff;
}

.hm-pg-myth-label{
  display:block;
  margin-bottom:5px;
  color:var(--orange-dark);
  font-size:10.4px;
  font-weight:850;
  text-transform:uppercase;
}

.hm-pg-myth strong{
  display:block;
  margin-bottom:5px;
  color:var(--g850);
  font-size:12.8px;
}

.hm-pg-myth p{
  margin:0;
  color:#5f6b62;
  font-size:12px;
  line-height:1.55;
}


/* =========================================================
TABLO
========================================================= */

.hm-pg-table-wrap{
  width:100%;
  overflow-x:auto;
}

.hm-pg-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid #dfe8d9;
  border-radius:14px;
  background:#fff;
}

.hm-pg-table th,
.hm-pg-table td{
  padding:9px 10px;
  border-bottom:1px solid #e5ece1;
  text-align:left;
  vertical-align:top;
  font-size:12px;
}

.hm-pg-table th{
  background:#f2f7ef;
  color:var(--g850);
}

.hm-pg-table tr:last-child td{
  border-bottom:0;
}


/* =========================================================
LINK
========================================================= */

.hm-pg-link{
  display:inline-block;
  align-self:flex-start;
  padding-top:7px;
  border-bottom:2px solid rgba(228,111,26,.35);
  color:var(--g650)!important;
}


/* =========================================================
HUB SCROLL
========================================================= */

.hm-pg-route-head{
  margin-bottom:8px;
}

.hm-pg-scroll-wrap{
  position:relative;
}

.hm-pg-scroll{
  display:flex;
  gap:9px;
  overflow-x:auto;
  padding:2px 2px 7px;
  scroll-behavior:smooth;
  scrollbar-width:thin;
}

.hm-pg-scroll-card{
  display:flex;
  flex:0 0 215px;
  flex-direction:column;
  min-height:108px;
  padding:10px;
  border:1px solid #dfe7d9;
  border-radius:14px;
  background:#fff;
  color:#19482b!important;
}

.hm-pg-scroll-card strong{
  color:var(--g850);
}

.hm-pg-scroll-card small{
  margin-top:4px;
  color:#667468;
  font-size:11.6px;
  font-weight:400;
}

.hm-pg-scroll-type{
  margin-bottom:4px;
  color:var(--orange);
  font-size:10px;
  text-transform:uppercase;
  font-weight:850;
}

.hm-pg-arrow{
  position:absolute;
  z-index:4;
  top:50%;
  width:32px;
  height:32px;
  transform:translateY(-50%);
  border:1px solid #d8e4d2;
  border-radius:50%;
  background:#fff;
  cursor:pointer;
}

.hm-pg-arrow-left{
  left:-9px;
}

.hm-pg-arrow-right{
  right:-9px;
}

.hm-pg-arrow:before{
  content:"";
  display:block;
  width:8px;
  height:8px;
  margin:auto;
  border-top:2px solid var(--g650);
  border-right:2px solid var(--g650);
}

.hm-pg-arrow-left:before{
  transform:rotate(-135deg);
}

.hm-pg-arrow-right:before{
  transform:rotate(45deg);
}


/* =========================================================
UZMAN
========================================================= */

.hm-pg-expert{
  display:grid;
  grid-template-columns:135px minmax(0,1fr);
  gap:12px;
  align-items:start;
}

.hm-pg-expert-photo{
  display:flex;
  width:135px;
  height:170px;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid #dde7d8;
  border-radius:14px;
  background:#f5f8f2;
}

.hm-pg-expert-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}

.hm-pg-expert-name{
  margin-bottom:3px!important;
  font-size:17px!important;
}

.hm-pg-expert-role{
  margin-bottom:7px;
  color:var(--g650);
  font-size:12.4px;
  font-weight:760;
}

.hm-pg-expert-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:8px;
}

.hm-pg-expert-meta span{
  padding:5px 8px;
  border:1px solid #dbe6d5;
  border-radius:999px;
  background:#fff;
  color:#556359;
  font-size:10.8px;
}


/* =========================================================
KAYNAKLAR
========================================================= */

.hm-pg-source-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}

.hm-pg-source-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:10px;
  border:1px solid #dfe8d9;
  border-radius:13px;
  background:#fff;
}

.hm-pg-source-card strong{
  margin-bottom:4px;
  color:var(--g850);
}

.hm-pg-source-card p{
  color:#5d6a60;
  font-size:11.9px;
}

.hm-pg-source-card a{
  align-self:flex-start;
  margin-top:auto;
}


/* =========================================================
DETAILS / SSS
========================================================= */

.hm-pg details{
  overflow:hidden;
  margin:7px 0;
  border:1px solid #dfe7d9;
  border-radius:13px;
  background:#fff;
}

.hm-pg summary{
  padding:10px 12px;
  color:var(--g850);
  cursor:pointer;
  list-style:none;
  font-weight:730;
}

.hm-pg summary::-webkit-details-marker{
  display:none;
}

.hm-pg summary:after{
  content:"+";
  float:right;
  color:var(--orange);
  font-weight:850;
}

.hm-pg details[open] summary:after{
  content:"-";
}

.hm-pg-detail{
  padding:0 12px 11px;
  color:#455148;
  font-size:12.2px;
}


/* =========================================================
PROFESYONEL DESTEK EŞİĞİ
========================================================= */

.hm-pg-threshold{
  display:grid;
  gap:8px;
}

.hm-pg-threshold-item{
  display:grid;
  grid-template-columns:28px 1fr;
  gap:8px;
  padding:9px;
  border:1px solid #dfe8d9;
  border-radius:12px;
  background:#fff;
}

.hm-pg-threshold-mark{
  display:flex;
  width:24px;
  height:24px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--g650);
  color:#fff;
  font-size:11px;
  font-weight:850;
}

.hm-pg-threshold-item strong{
  display:block;
  color:var(--g850);
}

.hm-pg-threshold-item span{
  color:#5d695f;
  font-size:11.9px;
}


/* =========================================================
FINAL DESTEK
========================================================= */

.hm-pg-contact{
  display:grid;
  grid-template-columns:minmax(0,8fr) minmax(0,4fr);
  gap:14px;
  align-items:center;
  width:100%;
  margin-top:12px;
  padding:16px;
  border-radius:17px;
  background:
    radial-gradient(
      circle at 92% 12%,
      rgba(228,111,26,.13),
      transparent 28%
    ),
    linear-gradient(
      135deg,
      var(--g850),
      var(--g700)
    );
  color:#fff;
}

.hm-pg-contact h2,
.hm-pg-contact h3,
.hm-pg-contact p{
  color:#fff;
}

.hm-pg-contact .hm-pg-note{
  background:rgba(255,255,255,.10);
  color:#fff;
}

.hm-pg-contact-checks{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin-top:9px;
}

.hm-pg-contact-check{
  padding:8px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:11px;
  background:rgba(255,255,255,.07);
  color:#fff;
  font-size:11.5px;
}

.hm-pg-contact-check strong{
  display:block;
  color:#fff;
}

.hm-pg-contact-links{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
}

.hm-pg-contact-links a{
  padding:7px 10px;
  border-radius:999px;
  background:#fff;
  color:#19482b!important;
}

.hm-pg-contact-links .hm-pg-contact-main{
  background:var(--orange);
  color:#fff!important;
}


/* =========================================================
LIGHTBOX
========================================================= */

.hm-pg-lightbox{
  position:fixed;
  z-index:999999;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(8,20,12,.92);
}

.hm-pg-lightbox[aria-hidden="false"]{
  display:flex;
}

.hm-pg-lightbox-stage{
  display:flex;
  width:min(94vw,1450px);
  height:88vh;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:15px;
  background:#f8faf6;
  box-shadow:0 22px 70px rgba(0,0,0,.42);
}

.hm-pg-lightbox-stage img{
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
}

.hm-pg-lightbox-close{
  position:fixed;
  z-index:2;
  top:15px;
  right:18px;
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  background:#fff;
  color:var(--g850);
  cursor:pointer;
  font-size:23px;
  font-weight:800;
}


/* =========================================================
TABLET
========================================================= */

@media(max-width:980px){

  .hm-pg-hero{
    grid-template-columns:minmax(0,6fr) minmax(0,4fr);
  }

  .hm-pg-row-4-8,
  .hm-pg-row-5-7,
  .hm-pg-row-7-5,
  .hm-pg-row-8-4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .hm-pg-g4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .hm-pg-arrow{
    display:none;
  }

}


/* =========================================================
MOBİL
========================================================= */

@media(max-width:700px){

  .hm-pg{
    font-size:12.5px;
  }

  .hm-pg h1{
    font-size:22px;
  }

  .hm-pg h2{
    font-size:16.4px;
  }

  .hm-pg-hero,
  .hm-pg-row-4-8,
  .hm-pg-row-5-7,
  .hm-pg-row-6-6,
  .hm-pg-row-7-5,
  .hm-pg-row-8-4,
  .hm-pg-split-7-5,
  .hm-pg-contact{
    grid-template-columns:1fr;
  }

  .hm-pg-hero{
    padding:15px;
  }

  .hm-pg-actions{
    display:grid;
    grid-template-columns:1fr;
    margin-top:12px;
  }

  .hm-pg-btn{
    width:100%;
  }

  .hm-pg-section,
  .hm-pg-panel{
    padding:12px;
  }

  .hm-pg-g2{
    grid-template-columns:1fr;
  }

  .hm-pg-g4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .hm-pg-media-diagnosis,
  .hm-pg-media-source,
  .hm-pg-media-life,
  .hm-pg-media-pheromone,
  .hm-pg-media-support{
    max-height:none;
  }

  .hm-pg-media-diagnosis img,
  .hm-pg-media-source img,
  .hm-pg-media-life img,
  .hm-pg-media-pheromone img,
  .hm-pg-media-support img{
    width:100%;
    max-height:none;
  }

  .hm-pg-expert{
    grid-template-columns:105px minmax(0,1fr);
  }

  .hm-pg-expert-photo{
    width:105px;
    height:132px;
  }

  .hm-pg-contact-checks{
    grid-template-columns:1fr;
  }

  .hm-pg-lightbox-stage{
    width:96vw;
    height:82vh;
  }

}


@media(max-width:420px){

  .hm-pg-g4{
    grid-template-columns:1fr;
  }

  .hm-pg-expert{
    grid-template-columns:1fr;
  }

  .hm-pg-expert-photo{
    width:125px;
    height:157px;
  }

}


@media(prefers-reduced-motion:reduce){

  .hm-pg-scroll{
    scroll-behavior:auto;
  }

}