/* === YS Home Manager v2.2 === */

.ys-stories{ overflow:auto; padding:8px 0; }
.ys-stories .ys-stories-track{ display:flex; gap:12px; padding:6px 2px; }
.ys-story{ display:flex; flex-direction:column; align-items:center; text-decoration:none; color:inherit; width:76px; }
.ys-story .bubble{ width:64px; height:64px; border-radius:999px; padding:2px; background:linear-gradient(135deg,#ff7a18,#af002d); display:flex; align-items:center; justify-content:center; }
.ys-story .bubble img{ width:60px; height:60px; border-radius:999px; object-fit:cover; display:block; }
.ys-story .label{ margin-top:6px; font-size:.85em; text-align:center; line-height:1.2; max-height:2.4em; overflow:hidden; }

.ys-hm-slider { position: relative; overflow: hidden; border-radius:12px; }
.ys-hm-slides { display: flex; transition: transform .5s ease; }
.ys-hm-slide { min-width: 100%; position: relative; }
.ys-hm-slide-media img { width: 100%; height: auto; display: block; }
.ys-hm-slide-content { position: absolute; left: 5%; bottom: 8%; color: #fff; text-shadow: 0 2px 8px rgba(0,0,0,.35); }
.ys-hm-prev,.ys-hm-next { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,.4); color:#fff; border:0; padding:8px 12px; cursor:pointer; }
.ys-hm-prev { left: 8px; } .ys-hm-next { right: 8px; }

.ys-hm-campaigns { display:grid; gap:16px; }
.ys-hm-campaigns.cols-2 { grid-template-columns: repeat(2,1fr); }
.ys-hm-campaigns.cols-3 { grid-template-columns: repeat(3,1fr); }
.ys-hm-campaigns.cols-4 { grid-template-columns: repeat(4,1fr); }
.ys-hm-campaign { display:flex; justify-content:space-between; align-items:center; border-radius:16px; padding:16px; background: linear-gradient(135deg,#ff7a18,#af002d 70%); color:#fff; overflow:hidden; }
.ys-hm-campaign .button { display:inline-block; background:#fff; color:#111; padding:8px 14px; border-radius:999px; text-decoration:none; margin-top:8px; }
.ys-hm-campaign .media img { max-height:120px; width:auto; }
@media (max-width: 768px){
  .ys-hm-campaign { flex-direction:column; text-align:center; }
}

.ys-hm-banners { display:grid; gap:1px; }
.ys-hm-banners.cols-2 { grid-template-columns: repeat(2,1fr); }
.ys-hm-banners.cols-3 { grid-template-columns: repeat(3,1fr); }
.ys-hm-banners.cols-4 { grid-template-columns: repeat(4,1fr); }
.ys-hm-banner { display:flex; align-items:center; background:#fff; border-radius:12px; padding:5px; box-shadow:0 2px 10px rgba(0,0,0,.05); text-decoration:none; color:inherit; }
.ys-hm-banner .media img { width:100%; height: 160px; object-fit: cover; border-radius:10px; }
.ys-hm-banner .title { font-weight:600; }
.ys-hm-banner .subtitle { opacity:.8; font-size:.9em; }