/* v2.10.43 – isolated country layout. No legacy country classes are reused. */

body.cleantime-screen #countrySlide,
body.cleantime-screen #countrySlide.ct-slide{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  align-content:start!important;
  justify-items:center!important;
  gap:clamp(18px,2.6vh,30px)!important;
  box-sizing:border-box!important;
  padding:max(42px,calc(env(safe-area-inset-top) + 26px)) clamp(18px,2.6vw,48px) max(138px,calc(env(safe-area-inset-bottom) + 112px))!important;
  overflow:hidden!important;
}
body.cleantime-screen #countrySlide .ct-country-heading{
  width:min(calc(100% - 110px),1500px)!important;
  margin:0 auto clamp(8px,1.2vh,14px)!important;
  color:#fff!important;
  font-size:clamp(2rem,3.65vw,4.1rem)!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.07em!important;
  text-align:center!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  text-shadow:0 5px 22px rgba(0,0,0,.5)!important;
}
body.cleantime-screen #countrySlide .ct-country-heading-slot{
  width:100%!important;
  height:clamp(2rem,3.65vw,4.1rem)!important;
  margin:0 0 clamp(8px,1.2vh,14px)!important;
  pointer-events:none!important;
}

body.cleantime-screen #countrySlide .ct42-grid{
  display:grid!important;
  width:100%!important;
  max-width:1540px!important;
  justify-self:center!important;
  height:min(62dvh,590px)!important;
  min-height:400px!important;
  margin:0 auto!important;
  padding:0!important;
  gap:clamp(14px,1.45vw,22px)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.cleantime-screen #countrySlide .ct42-slots-8{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
}
body.cleantime-screen #countrySlide .ct42-slots-6{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
}
body.cleantime-screen #countrySlide .ct42-slots-4{
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:repeat(4,minmax(0,1fr))!important;
}

body.cleantime-screen #countrySlide .ct42-card{
  position:relative!important;
  display:grid!important;
  grid-template-rows:auto auto 1px auto auto!important;
  place-items:center!important;
  align-content:center!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:clamp(12px,1.2vw,19px)!important;
  gap:clamp(4px,.65vh,8px)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  color:#fff!important;
  text-align:center!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-radius:clamp(15px,1.3vw,22px)!important;
  background:linear-gradient(145deg,rgba(34,45,55,.82),rgba(24,28,33,.6))!important;
  box-shadow:0 16px 38px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.1)!important;
  backdrop-filter:blur(13px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(13px) saturate(112%)!important;
}
body.cleantime-screen #countrySlide .ct42-card::before{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;
  background:linear-gradient(120deg,rgba(255,255,255,.07),transparent 40%,rgba(214,145,47,.04))!important;
}
body.cleantime-screen #countrySlide .ct42-placeholder{
  visibility:hidden!important;
  pointer-events:none!important;
}
body.cleantime-screen #countrySlide .ct42-flag{
  position:relative!important;z-index:1!important;display:grid!important;place-items:center!important;
  width:clamp(58px,4.8vw,86px)!important;aspect-ratio:4/3!important;margin:0!important;overflow:hidden!important;
  border-radius:8px!important;background:rgba(255,255,255,.1)!important;box-shadow:0 7px 18px rgba(0,0,0,.28)!important;
}
body.cleantime-screen #countrySlide .ct42-flag img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important;
}
body.cleantime-screen #countrySlide .ct42-flag-fallback{font-size:2.35rem!important;line-height:1!important}
body.cleantime-screen #countrySlide .ct42-flag-fallback.is-hidden{visibility:hidden!important}
body.cleantime-screen #countrySlide .ct42-name{
  position:relative!important;z-index:1!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-width:0!important;min-height:2.15em!important;margin:0!important;color:#fff!important;
  font-size:clamp(1.1rem,1.5vw,1.78rem)!important;font-weight:900!important;line-height:1.05!important;text-align:center!important;
  white-space:normal!important;overflow-wrap:normal!important;word-break:keep-all!important;text-wrap:balance!important;
  text-shadow:0 3px 12px rgba(0,0,0,.4)!important;
}
body.cleantime-screen #countrySlide .ct42-long-name .ct42-name{font-size:clamp(.95rem,1.25vw,1.34rem)!important}
body.cleantime-screen #countrySlide .ct42-extra-long-name .ct42-name{font-size:clamp(.84rem,1.05vw,1.14rem)!important}
body.cleantime-screen #countrySlide .ct42-divider{
  position:relative!important;z-index:1!important;width:min(100%,220px)!important;height:1px!important;min-height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(217,155,57,.86) 14%,rgba(217,155,57,.86) 86%,transparent)!important;
}
body.cleantime-screen #countrySlide .ct42-meta,
body.cleantime-screen #countrySlide .ct42-time{
  position:relative!important;z-index:1!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-width:0!important;margin:0!important;color:rgba(255,255,255,.97)!important;
  font-size:clamp(.74rem,.94vw,1rem)!important;font-weight:600!important;line-height:1.18!important;text-align:center!important;white-space:nowrap!important;
}
body.cleantime-screen #countrySlide .ct42-meta strong{font-weight:850!important}
body.cleantime-screen #countrySlide .ct42-icon{
  display:inline-grid!important;flex:0 0 auto!important;place-items:center!important;width:1.18em!important;height:1.18em!important;margin-right:.44em!important;color:#e3a63e!important;
}
body.cleantime-screen #countrySlide .ct42-icon svg{width:100%!important;height:100%!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.cleantime-screen #countrySlide .ct42-duration{display:flex!important;justify-content:center!important;gap:.24em!important;white-space:nowrap!important}
body.cleantime-screen #countrySlide .ct42-duration-part{white-space:nowrap!important}

/* Laptop and tablet: fixed 3 × 2 = 6 slots. */
@media (min-width:701px) and (max-width:1599px){
  body.cleantime-screen #countrySlide,
  body.cleantime-screen #countrySlide.ct-slide{
    gap:clamp(16px,2.2vh,24px)!important;
    padding-top:max(30px,calc(env(safe-area-inset-top) + 18px))!important;
    padding-bottom:max(136px,calc(env(safe-area-inset-bottom) + 108px))!important;
  }
  body.cleantime-screen #countrySlide .ct-country-heading{
    width:min(calc(100% - 84px),1260px)!important;
    font-size:clamp(1.85rem,3.8vw,3.2rem)!important;
    position:fixed!important;
    z-index:2!important;
    top:clamp(42px,5.5vh,54px)!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    margin:0!important;
  }
  body.cleantime-screen #countrySlide .ct42-grid{
    width:100%!important;
    max-width:1260px!important;
    justify-self:center!important;
    height:min(61dvh,500px)!important;
    min-height:344px!important;
    gap:clamp(12px,1.35vw,18px)!important;
  }
  body.cleantime-screen #countrySlide .ct42-card{padding:clamp(10px,1.05vw,15px)!important}
  body.cleantime-screen #countrySlide .ct42-flag{width:clamp(52px,4.7vw,76px)!important}
  body.cleantime-screen #countrySlide .ct42-name{font-size:clamp(1.04rem,1.8vw,1.55rem)!important}
  body.cleantime-screen #countrySlide .ct42-long-name .ct42-name{font-size:clamp(.9rem,1.45vw,1.2rem)!important}
  body.cleantime-screen #countrySlide .ct42-extra-long-name .ct42-name{font-size:clamp(.8rem,1.2vw,1rem)!important}
  body.cleantime-screen #countrySlide .ct42-meta,
  body.cleantime-screen #countrySlide .ct42-time{font-size:clamp(.69rem,.98vw,.9rem)!important}
}

/* Keep the heading fixed while country pages with different card widths change. */
@media (min-width:1600px){
  body.cleantime-screen #countrySlide .ct-country-heading{
    position:fixed!important;
    z-index:2!important;
    top:clamp(42px,5.5vh,54px)!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    margin:0!important;
  }
}

/* Mobile: fixed 1 × 4 = 4 slots, flag on the left, no arrows in cards. */
@media (max-width:700px){
  body.cleantime-screen #countrySlide,
  body.cleantime-screen #countrySlide.ct-slide{
    gap:14px!important;
    padding:max(38px,calc(env(safe-area-inset-top) + 22px)) 10px max(144px,calc(env(safe-area-inset-bottom) + 116px))!important;
    overflow:hidden!important;
  }
  body.cleantime-screen #countrySlide .ct-country-heading{
    width:calc(100% - 30px)!important;max-width:420px!important;font-size:clamp(1.55rem,7.8vw,2.25rem)!important;
    line-height:1.04!important;letter-spacing:.04em!important;white-space:normal!important;text-wrap:balance!important;
  }
  body.cleantime-screen #countrySlide .ct42-grid{
    width:min(100%,460px)!important;height:min(65dvh,500px)!important;min-height:420px!important;gap:9px!important;
  }
  body.cleantime-screen #countrySlide .ct42-card{
    grid-template-columns:66px minmax(0,1fr)!important;
    grid-template-rows:auto 1px auto auto!important;
    grid-template-areas:"flag name" "flag divider" "flag meta" "flag time"!important;
    column-gap:13px!important;row-gap:3px!important;align-content:center!important;justify-items:start!important;
    padding:9px 13px!important;text-align:left!important;border-radius:15px!important;
  }
  body.cleantime-screen #countrySlide .ct42-flag{grid-area:flag!important;width:58px!important;align-self:center!important}
  body.cleantime-screen #countrySlide .ct42-name{
    grid-area:name!important;min-height:0!important;justify-content:flex-start!important;text-align:left!important;
    font-size:clamp(1.02rem,4.9vw,1.32rem)!important;
  }
  body.cleantime-screen #countrySlide .ct42-long-name .ct42-name{font-size:clamp(.88rem,4.2vw,1.08rem)!important}
  body.cleantime-screen #countrySlide .ct42-extra-long-name .ct42-name{font-size:clamp(.78rem,3.7vw,.96rem)!important}
  body.cleantime-screen #countrySlide .ct42-divider{grid-area:divider!important;width:100%!important}
  body.cleantime-screen #countrySlide .ct42-meta,
  body.cleantime-screen #countrySlide .ct42-time{justify-content:flex-start!important;text-align:left!important;font-size:clamp(.68rem,3.1vw,.82rem)!important}
  body.cleantime-screen #countrySlide .ct42-meta{grid-area:meta!important}
  body.cleantime-screen #countrySlide .ct42-time{grid-area:time!important}
  body.cleantime-screen #countrySlide .ct42-duration{justify-content:flex-start!important;flex-wrap:wrap!important;gap:.06em .25em!important}
}

/* Pagination is independent of the grid and never enters a card. */
body.cleantime-screen .ct-page-controls{
  position:fixed!important;z-index:150!important;left:50%!important;bottom:max(38px,calc(env(safe-area-inset-bottom) + 30px))!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;transform:translateX(-50%)!important;
}
body.cleantime-screen .ct-page-button{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;padding:0!important;color:#fff!important;border:1px solid rgba(255,255,255,.34)!important;border-radius:50%!important;background:rgba(8,12,16,.74)!important;box-shadow:0 8px 22px rgba(0,0,0,.3)!important;cursor:pointer!important}
body.cleantime-screen .ct-page-button svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.cleantime-screen .ct-page-status{display:grid!important;place-items:center!important;gap:3px!important;min-width:68px!important;padding:4px 9px 5px!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:999px!important;background:rgba(8,12,16,.7)!important}
body.cleantime-screen .ct-page-dots{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;height:7px!important}
body.cleantime-screen .ct-page-dots span{display:block!important;width:6px!important;height:6px!important;border-radius:50%!important;background:rgba(255,255,255,.34)!important}
body.cleantime-screen .ct-page-dots span.active{background:#e3a63e!important;transform:scale(1.25)!important}
body.cleantime-screen .ct-page-indicator{position:static!important;inset:auto!important;right:auto!important;bottom:auto!important;left:auto!important;top:auto!important;display:block!important;min-width:0!important;margin:0!important;padding:0!important;color:#fff!important;background:transparent!important;border:0!important;border-radius:0!important;font-size:12px!important;font-weight:800!important;line-height:1!important;opacity:1!important;visibility:visible!important;transform:none!important;white-space:nowrap!important}
body.cleantime-screen .cleantime-screen-updated{bottom:max(7px,env(safe-area-inset-bottom))!important;font-size:clamp(9px,1vw,13px)!important}
body.cleantime-screen #countryUpdatedText{display:none!important}
@media (max-width:700px){
  body.cleantime-screen .ct-page-controls{bottom:max(28px,calc(env(safe-area-inset-bottom) + 20px))!important}
  body.cleantime-screen .ct-page-button{width:32px!important;height:32px!important}
  body.cleantime-screen .ct-page-status{min-width:64px!important;padding:3px 8px 4px!important}
  body.cleantime-screen .ct-page-indicator{font-size:11px!important}
  body.cleantime-screen .cleantime-screen-updated{width:calc(100% - 22px)!important;max-width:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
}


/* v2.10.45 – unmistakably smaller pagination and landscape-phone layout. */
body.cleantime-screen .ct-page-controls{
  gap:5px!important;
  bottom:max(32px,calc(env(safe-area-inset-bottom) + 24px))!important;
}
body.cleantime-screen .ct-page-button{
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  min-height:27px!important;
  max-width:27px!important;
  max-height:27px!important;
  border-width:1px!important;
  box-shadow:0 4px 12px rgba(0,0,0,.28)!important;
}
body.cleantime-screen .ct-page-button svg{
  width:14px!important;
  height:14px!important;
}
body.cleantime-screen .ct-page-status{
  display:grid!important;
  grid-template-rows:5px 10px!important;
  gap:2px!important;
  width:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  height:27px!important;
  min-height:27px!important;
  max-height:27px!important;
  padding:3px 6px!important;
  box-sizing:border-box!important;
  border-radius:14px!important;
}
body.cleantime-screen .ct-page-dots{
  height:5px!important;
  gap:3px!important;
}
body.cleantime-screen .ct-page-dots span{
  width:4px!important;
  height:4px!important;
}
body.cleantime-screen .ct-page-indicator{
  font-size:9px!important;
  line-height:10px!important;
}

/* Portrait phones keep four cards stacked. */
@media (max-width:700px) and (orientation:portrait){
  body.cleantime-screen .ct-page-controls{
    bottom:max(26px,calc(env(safe-area-inset-bottom) + 18px))!important;
  }
}

/* Landscape phones: compact 2 × 2 grid with all controls below the cards. */
@media (max-width:950px) and (max-height:600px) and (orientation:landscape){
  body.cleantime-screen #countrySlide,
  body.cleantime-screen #countrySlide.ct-slide{
    grid-template-rows:auto minmax(0,1fr)!important;
    gap:8px!important;
    padding:max(12px,calc(env(safe-area-inset-top) + 8px)) 52px max(70px,calc(env(safe-area-inset-bottom) + 58px))!important;
    overflow:hidden!important;
  }
  body.cleantime-screen #countrySlide .ct-country-heading{
    width:calc(100% - 110px)!important;
    max-width:720px!important;
    font-size:clamp(1.18rem,4.8vw,1.75rem)!important;
    line-height:1!important;
    letter-spacing:.045em!important;
    white-space:nowrap!important;
  }
  body.cleantime-screen #countrySlide .ct42-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    width:min(100%,760px)!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    gap:8px!important;
  }
  body.cleantime-screen #countrySlide .ct42-card{
    grid-template-columns:54px minmax(0,1fr)!important;
    grid-template-rows:auto 1px auto auto!important;
    grid-template-areas:"flag name" "flag divider" "flag meta" "flag time"!important;
    column-gap:9px!important;
    row-gap:2px!important;
    min-height:0!important;
    padding:6px 10px!important;
    border-radius:12px!important;
    align-content:center!important;
    justify-items:start!important;
    text-align:left!important;
  }
  body.cleantime-screen #countrySlide .ct42-flag{
    grid-area:flag!important;
    width:46px!important;
    align-self:center!important;
  }
  body.cleantime-screen #countrySlide .ct42-name{
    grid-area:name!important;
    min-height:0!important;
    justify-content:flex-start!important;
    text-align:left!important;
    font-size:clamp(.9rem,2.7vw,1.12rem)!important;
    white-space:nowrap!important;
  }
  body.cleantime-screen #countrySlide .ct42-long-name .ct42-name{
    font-size:clamp(.76rem,2.2vw,.95rem)!important;
  }
  body.cleantime-screen #countrySlide .ct42-extra-long-name .ct42-name{
    font-size:clamp(.68rem,1.9vw,.84rem)!important;
  }
  body.cleantime-screen #countrySlide .ct42-divider{
    grid-area:divider!important;
    width:100%!important;
  }
  body.cleantime-screen #countrySlide .ct42-meta,
  body.cleantime-screen #countrySlide .ct42-time{
    justify-content:flex-start!important;
    text-align:left!important;
    font-size:clamp(.58rem,1.75vw,.72rem)!important;
    white-space:nowrap!important;
  }
  body.cleantime-screen #countrySlide .ct42-meta{grid-area:meta!important}
  body.cleantime-screen #countrySlide .ct42-time{grid-area:time!important}
  body.cleantime-screen #countrySlide .ct42-duration{
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:.18em!important;
  }
  body.cleantime-screen .ct-page-controls{
    bottom:max(25px,calc(env(safe-area-inset-bottom) + 17px))!important;
  }
  body.cleantime-screen .cleantime-screen-updated{
    bottom:max(4px,env(safe-area-inset-bottom))!important;
    font-size:8px!important;
  }
  body.cleantime-screen .cleantime-screen-back,
  body.cleantime-screen .cleantime-screen-lang{
    transform:scale(.78)!important;
    transform-origin:center!important;
  }
}


/* v2.10.47 – landscape mobile is always a clear 2 × 2 grid.
   Remove pagination dots; show only the page number. */
body.cleantime-screen .ct-page-dots{
  display:none!important;
}
body.cleantime-screen .ct-page-status{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  grid-template-rows:none!important;
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  height:27px!important;
  min-height:27px!important;
  max-height:27px!important;
  padding:0 6px!important;
}
body.cleantime-screen .ct-page-indicator{
  font-size:10px!important;
  line-height:1!important;
}

@media (orientation:landscape) and (max-width:1200px) and (max-height:720px){
  body.cleantime-screen #countrySlide,
  body.cleantime-screen #countrySlide.ct-slide{
    grid-template-rows:auto minmax(0,1fr)!important;
    gap:10px!important;
    padding:max(12px,calc(env(safe-area-inset-top) + 8px)) 46px max(72px,calc(env(safe-area-inset-bottom) + 58px))!important;
  }
  body.cleantime-screen #countrySlide .ct-country-heading{
    width:calc(100% - 100px)!important;
    max-width:780px!important;
    font-size:clamp(1.2rem,4.3vw,1.9rem)!important;
    white-space:nowrap!important;
  }
  body.cleantime-screen #countrySlide .ct42-grid,
  body.cleantime-screen #countrySlide .ct42-slots-4{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    width:min(100%,820px)!important;
    height:min(68dvh,430px)!important;
    min-height:0!important;
    max-height:calc(100dvh - 105px)!important;
    gap:10px!important;
  }
  body.cleantime-screen #countrySlide .ct42-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto 1px auto auto!important;
    grid-template-areas:none!important;
    place-items:center!important;
    align-content:center!important;
    column-gap:0!important;
    row-gap:3px!important;
    padding:7px 10px!important;
    text-align:center!important;
    border-radius:13px!important;
  }
  body.cleantime-screen #countrySlide .ct42-flag{
    grid-area:auto!important;
    width:clamp(42px,7vh,58px)!important;
    align-self:auto!important;
  }
  body.cleantime-screen #countrySlide .ct42-name{
    grid-area:auto!important;
    min-height:0!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:clamp(.92rem,2.5vw,1.18rem)!important;
    white-space:normal!important;
  }
  body.cleantime-screen #countrySlide .ct42-long-name .ct42-name{
    font-size:clamp(.78rem,2vw,1rem)!important;
  }
  body.cleantime-screen #countrySlide .ct42-extra-long-name .ct42-name{
    font-size:clamp(.7rem,1.75vw,.9rem)!important;
  }
  body.cleantime-screen #countrySlide .ct42-divider{
    grid-area:auto!important;
    width:min(88%,180px)!important;
  }
  body.cleantime-screen #countrySlide .ct42-meta,
  body.cleantime-screen #countrySlide .ct42-time{
    grid-area:auto!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:clamp(.62rem,1.65vw,.78rem)!important;
    white-space:nowrap!important;
  }
  body.cleantime-screen #countrySlide .ct42-duration{
    justify-content:center!important;
    flex-wrap:nowrap!important;
  }
  body.cleantime-screen .ct-page-controls{
    bottom:max(27px,calc(env(safe-area-inset-bottom) + 18px))!important;
  }
}


/* v2.10.47 – explicit landscape-phone mode and compact total slide. */
@media (orientation:landscape) and (max-width:1200px) and (max-height:720px){
  body.cleantime-screen .cleantime-screen-content{
    padding:0!important;
  }
  body.cleantime-screen #totalSlide,
  body.cleantime-screen #totalSlide.ct-slide{
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(3px,1.1vh,8px)!important;
    padding:max(8px,env(safe-area-inset-top)) 54px max(66px,calc(env(safe-area-inset-bottom) + 52px))!important;
    overflow:hidden!important;
  }
  body.cleantime-screen #totalSlide .cleantime-screen-brand{
    font-size:clamp(.68rem,1.9vw,1rem)!important;
    line-height:1.05!important;
    margin:0!important;
  }
  body.cleantime-screen #totalSlide .cleantime-screen-top{
    font-size:clamp(.8rem,2.15vw,1.15rem)!important;
    line-height:1!important;
    margin:0!important;
  }
  body.cleantime-screen #totalSlide .cleantime-day-counter{
    gap:clamp(3px,.6vw,7px)!important;
    margin:0!important;
    transform:scale(.62)!important;
    transform-origin:center!important;
    min-height:0!important;
  }
  body.cleantime-screen #totalSlide .cleantime-screen-bottom{
    font-size:clamp(.72rem,1.9vw,1rem)!important;
    line-height:1!important;
    margin:0!important;
  }
  body.cleantime-screen #totalSlide .cleantime-screen-pills{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:min(88vw,720px)!important;
    gap:8px!important;
    margin:2px auto 0!important;
  }
  body.cleantime-screen #totalSlide .cleantime-screen-pill{
    min-width:0!important;
    padding:6px 10px!important;
    font-size:clamp(.68rem,1.9vw,.95rem)!important;
    line-height:1.08!important;
    white-space:nowrap!important;
  }

  body.cleantime-screen #countrySlide .ct42-grid,
  body.cleantime-screen #countrySlide .ct42-slots-4{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-columns:unset!important;
    grid-auto-rows:minmax(0,1fr)!important;
    width:min(calc(100vw - 108px),820px)!important;
    height:calc(100dvh - 112px)!important;
    max-height:430px!important;
    overflow:hidden!important;
  }
  body.cleantime-screen #countrySlide .ct42-card:nth-child(n+5){display:none!important;}
}

/* v2.10.48 – landscape phones use the same left-flag card layout as portrait. */
@media (orientation:landscape) and (max-width:1200px) and (max-height:720px){
  body.cleantime-screen #countrySlide .ct42-card{
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    grid-template-rows:auto 1px auto auto!important;
    grid-template-areas:"flag name" "flag divider" "flag meta" "flag time"!important;
    column-gap:10px!important;
    row-gap:2px!important;
    align-content:center!important;
    justify-items:start!important;
    padding:7px 11px!important;
    text-align:left!important;
  }
  body.cleantime-screen #countrySlide .ct42-flag{
    grid-area:flag!important;
    width:50px!important;
    align-self:center!important;
    justify-self:center!important;
  }
  body.cleantime-screen #countrySlide .ct42-name{
    grid-area:name!important;
    min-height:0!important;
    justify-content:flex-start!important;
    text-align:left!important;
    font-size:clamp(.9rem,2.5vw,1.14rem)!important;
    white-space:normal!important;
  }
  body.cleantime-screen #countrySlide .ct42-long-name .ct42-name{
    font-size:clamp(.76rem,2vw,.96rem)!important;
  }
  body.cleantime-screen #countrySlide .ct42-extra-long-name .ct42-name{
    font-size:clamp(.68rem,1.75vw,.86rem)!important;
  }
  body.cleantime-screen #countrySlide .ct42-divider{
    grid-area:divider!important;
    width:100%!important;
  }
  body.cleantime-screen #countrySlide .ct42-meta,
  body.cleantime-screen #countrySlide .ct42-time{
    justify-content:flex-start!important;
    text-align:left!important;
    font-size:clamp(.6rem,1.7vw,.76rem)!important;
    white-space:nowrap!important;
  }
  body.cleantime-screen #countrySlide .ct42-meta{grid-area:meta!important}
  body.cleantime-screen #countrySlide .ct42-time{grid-area:time!important}
  body.cleantime-screen #countrySlide .ct42-duration{
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
  }
}

/* v2.10.54 – final mobile spacing. The heading slot must match the real
   heading height and the landscape grid must end above the page controls. */
@media (max-width:700px) and (orientation:portrait){
  body.cleantime-screen #countrySlide .ct-country-heading-slot{
    height:clamp(58px,15vw,68px)!important;
    margin:0 0 6px!important;
  }
  body.cleantime-screen #countrySlide .ct-country-heading{
    margin:0 auto!important;
  }
}

@media (orientation:landscape) and (max-width:1200px) and (max-height:720px){
  body.cleantime-screen #countrySlide .ct-country-heading-slot{
    height:clamp(24px,5vh,34px)!important;
    margin:0 0 8px!important;
  }
  body.cleantime-screen #countrySlide .ct-country-heading{
    position:relative!important;
    top:-10px!important;
    left:auto!important;
    transform:none!important;
    margin:0 auto!important;
  }
  body.cleantime-screen #countrySlide .ct42-grid,
  body.cleantime-screen #countrySlide .ct42-slots-4{
    height:calc(100dvh - 150px)!important;
    max-height:340px!important;
  }
}

/* v2.10.61 – desktop-only spacing. A fine pointer with hover identifies the
   desktop layout even when the browser window has a short content height. */
@media (min-width:701px) and (hover:hover) and (pointer:fine){
  body.cleantime-screen #countrySlide .ct42-grid{
    transform:translateY(clamp(36px,4vh,44px))!important;
  }
}

/* v2.25.8 – phone landscape: keep the three total summary pills inside the viewport. */
@media (orientation:landscape) and (max-width:1200px) and (max-height:720px){
  body.cleantime-screen #totalSlide .cleantime-screen-pills{
    box-sizing:border-box!important;
    width:min(calc(100vw - 230px),760px)!important;
    max-width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    margin:2px auto 0!important;
  }
  body.cleantime-screen #totalSlide .cleantime-screen-pill{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:6px 8px!important;
    font-size:clamp(.62rem,1.65vw,.9rem)!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

/* v2.29.3 – the update information is always centred on every viewport. */
body.cleantime-screen .cleantime-screen-updated{
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:calc(100vw - 24px)!important;
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  text-align:center!important;
}
body.cleantime-screen #countrySlide .ct-country-mobile-updated,
body.cleantime-screen #countryUpdatedText{
  box-sizing:border-box!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

/* v2.29.4 – show the complete years/months/days summary on landscape phones. */
@media (orientation:landscape) and (max-width:1200px) and (max-height:720px){
  body.cleantime-screen #totalSlide .cleantime-screen-pills{
    width:min(calc(100vw - 120px),760px)!important;
    grid-template-columns:minmax(92px,.8fr) minmax(240px,1.65fr) minmax(92px,.8fr)!important;
    align-items:stretch!important;
  }
  body.cleantime-screen #totalSlide .cleantime-screen-pill{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:34px!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  body.cleantime-screen #totalSlide #detailPill{
    flex-wrap:wrap!important;
    column-gap:.28em!important;
    row-gap:0!important;
    padding-left:10px!important;
    padding-right:10px!important;
    white-space:normal!important;
    text-wrap:balance!important;
  }
  body.cleantime-screen #totalSlide #detailPill .ct42-duration-part{
    white-space:nowrap!important;
  }
}
