
/* V101.91 — ultra-compact Daily Horoscope + OTT style selector */
html,body{max-width:100%;overflow-x:hidden}
body[data-service-id="daily-horoscope"] .daily-horoscope-shell{
  max-width:1540px;margin:0 auto;padding:7px 12px 10px;box-sizing:border-box
}
.dg-hero{
  grid-template-columns:minmax(0,1fr) 255px!important;
  padding:8px 12px!important;gap:9px!important;border-radius:13px!important
}
.dg-hero h1{font-size:clamp(23px,1.8vw,31px)!important}
.dg-hero p{font-size:12px!important;margin-top:2px!important}
.dg-profile{padding:6px 9px!important;border-radius:11px!important}
.dg-avatar{width:32px!important;height:32px!important;flex-basis:32px!important;font-size:12px}
.dg-profile small{font-size:9.5px!important}.dg-profile strong{font-size:12.5px!important}

.dg-toolbar{
  margin:6px 0!important;padding:5px 7px!important;gap:6px!important;border-radius:11px!important;
  grid-template-columns:auto auto minmax(20px,1fr) auto!important
}
.dg-tabs button,.dg-share button{height:30px!important;padding:0 9px!important;font-size:11px!important;border-radius:8px!important}
.dg-date{gap:4px!important}.dg-date label{font-size:10px!important}
.dg-date input{height:30px!important;max-width:132px!important;font-size:11px!important;padding:0 6px!important}

.dg-selector{padding:5px 6px!important;border-radius:11px!important}
.dg-selector-head{margin-bottom:3px!important;font-size:11px!important}

.dg-carousel{
  position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:4px;align-items:center
}
.dg-car-btn{
  width:34px;height:54px;border-radius:10px;border:1px solid rgba(216,173,58,.34);
  background:rgba(4,47,36,.92);color:#f1bf42;font-size:25px;line-height:1;cursor:pointer;
  display:grid;place-items:center;z-index:2
}
.dg-car-btn:hover{background:#dcb13e;color:#14241d}
.dg-car-btn:disabled{opacity:.28;cursor:default;background:rgba(4,47,36,.55);color:#a99a69}
.dg-viewport{overflow:hidden;min-width:0}
.daily-choice-wheel{
  display:flex!important;gap:4px!important;transition:transform .25s ease;will-change:transform;
  grid-template-columns:none!important
}
.daily-choice{
  flex:0 0 88px!important;min-width:88px!important;max-width:88px!important;
  padding:4px 2px!important;border-radius:9px!important
}
.daily-choice span{font-size:21px!important}.daily-choice strong{font-size:9.2px!important;line-height:1.05!important;margin-top:2px!important}

#dailyResult{margin-top:6px!important}
.dg-reading{grid-template-columns:190px minmax(0,1fr)!important;gap:7px!important;padding:7px!important;border-radius:12px!important}
.dg-summary{padding-right:7px!important}
.dg-symbol{font-size:40px!important}.dg-summary h2{font-size:19px!important;margin:2px 0 1px!important}
.dg-meta{font-size:9.8px!important;margin-bottom:4px!important}
.dg-overall{font-size:11.5px!important;line-height:1.25!important}
.dg-cards{gap:4px!important}
.dg-card{min-height:57px!important;padding:5px 7px!important;border-radius:8px!important}
.dg-card strong{font-size:10px!important;margin-bottom:2px!important}
.dg-card p{font-size:10.4px!important;line-height:1.2!important}
.dg-scope{font-size:9.2px!important}

@media(max-width:1180px){
 body[data-service-id="daily-horoscope"] .daily-horoscope-shell{padding:6px 8px}
 .daily-choice{flex-basis:80px!important;min-width:80px!important;max-width:80px!important}
 .dg-toolbar{grid-template-columns:auto auto 1fr!important}
 .dg-share{grid-column:1/-1!important;justify-content:flex-start!important}
}
@media(max-width:900px){
 .dg-hero{grid-template-columns:1fr!important}
 .dg-profile{max-width:360px}
 .dg-reading{grid-template-columns:1fr!important}
 .dg-summary{border-right:0!important;border-bottom:1px solid rgba(216,173,58,.17);padding:0 0 6px!important}
 .dg-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .daily-choice{flex-basis:76px!important;min-width:76px!important;max-width:76px!important}
}
@media(max-width:620px){
 .dg-toolbar{grid-template-columns:1fr!important}
 .dg-share{overflow-x:auto}
 .dg-carousel{grid-template-columns:30px minmax(0,1fr) 30px}
 .dg-car-btn{width:30px;height:50px}
 .daily-choice{flex-basis:70px!important;min-width:70px!important;max-width:70px!important}
 .dg-cards{grid-template-columns:1fr!important}
}
