/* AK100 branded slider artwork, 2026-09-09. Scoped to this homepage slider. */
#mod-2 > .hp-slider-fw {
  width:calc(100% - 48px); max-width:1440px; margin:12px auto 28px;
}
#mod-2 > .hp-slider-fw .hp-slider {
  height:auto !important; aspect-ratio:1916 / 821 !important;
  border-radius:20px; background:#f8f4e9; box-shadow:0 12px 32px #594a2310;
}
#mod-2 > .hp-slider-fw .hp-slide {
  background-size:100% 100% !important; background-repeat:no-repeat;
  background-color:#f8f4e9 !important;
}
#mod-2 > .hp-slider-fw .hp-slide-title {
  position:absolute; left:57%; top:50%; transform:translateY(-50%);
  width:38%; max-width:510px !important; box-sizing:border-box;
  display:flex !important; align-items:flex-start; gap:22px !important;
  background:transparent !important; border:0; padding:0 !important;
  box-shadow:none !important; backdrop-filter:none; -webkit-backdrop-filter:none;
  color:#344525 !important; font-size:clamp(26px,2.6vw,43px) !important;
  font-weight:700 !important; line-height:1.15; letter-spacing:-1.2px;
}
#mod-2 > .hp-slider-fw .hp-slide-title::before {
  font-size:11px; font-weight:700; line-height:1.6; letter-spacing:1.8px; color:#78602b;
}
#mod-2 > .hp-slider-fw .hp-slide:nth-child(1) .hp-slide-title::before { content:'GARNIER · GOLDEN ROSE · NIVEA'; }
#mod-2 > .hp-slider-fw .hp-slide:nth-child(2) .hp-slide-title::before { content:'DOMESTOS · CIF · BİNGO'; }
#mod-2 > .hp-slider-fw .hp-slide:nth-child(3) .hp-slide-title::before { content:"ELSEVE · PANTENE · ELIDOR"; }
#mod-2 > .hp-slider-fw .hp-slide-btn {
  display:inline-flex !important; align-self:flex-start !important; align-items:center;
  padding:14px 23px !important; border-radius:7px !important; margin-top:4px;
  font-size:13px !important; letter-spacing:0; box-shadow:0 4px 14px #35442214;
}
#mod-2 > .hp-slider-fw .hp-slide-btn::after { content:'→'; margin-left:20px; }
#mod-2 > .hp-slider-fw .hp-slider-dot { background:#69754955; border:0; }
#mod-2 > .hp-slider-fw .hp-slider-dot.active { background:#526334; }
#mod-2 > .hp-slider-fw .hp-slider-prev,
#mod-2 > .hp-slider-fw .hp-slider-next { background:#526334; width:36px; height:36px; }
@media(max-width:768px) {
  #mod-2 > .hp-slider-fw { width:calc(100% - 24px); margin:0 auto 20px; }
  #mod-2 > .hp-slider-fw .hp-slider { height:452px !important; aspect-ratio:auto !important; border-radius:14px; }
  #mod-2 > .hp-slider-fw .hp-slide {
    padding:0 !important; background-size:auto 260px !important;
    background-position:calc(50% + 125px) top;
  }
  #mod-2 > .hp-slider-fw .hp-slide::after {
    content:''; position:absolute; left:0; right:0; top:238px; height:24px;
    background:linear-gradient(transparent,#f8f4e9); pointer-events:none;
  }
  #mod-2 > .hp-slider-fw .hp-slide-title {
    top:277px; left:18px; width:calc(100% - 36px); max-width:none !important;
    transform:none; align-items:center; text-align:center; gap:12px !important;
    font-size:27px !important; line-height:1.14; letter-spacing:-.65px;
  }
  #mod-2 > .hp-slider-fw .hp-slide-title::before { font-size:9px; letter-spacing:1px; }
  #mod-2 > .hp-slider-fw .hp-slide-btn { align-self:center !important; padding:12px 19px !important; font-size:12px !important; margin-top:1px; }
  #mod-2 > .hp-slider-fw .hp-slider-dots { bottom:12px; }
}
@media(max-width:360px) {
  #mod-2 > .hp-slider-fw .hp-slider { height:470px !important; }
  #mod-2 > .hp-slider-fw .hp-slide { background-size:auto 240px !important; background-position:calc(50% + 115px) top; }
  #mod-2 > .hp-slider-fw .hp-slide::after { top:218px; }
  #mod-2 > .hp-slider-fw .hp-slide-title { top:260px; font-size:25px !important; }
}