/* V781 — Profile check-in prominence + cleaner desktop Shop proportions */
#profile #dailyCheckinCardV775{
  position:relative;overflow:hidden;margin:0 0 14px!important;padding:16px!important;
  border:1px solid rgba(29,78,216,.18)!important;border-radius:22px!important;
  background:
    radial-gradient(circle at 93% 4%,rgba(255,255,255,.38),transparent 23%),
    linear-gradient(135deg,#0f6ee8 0%,#3b82f6 48%,#6d5dfc 100%)!important;
  box-shadow:0 14px 32px rgba(37,99,235,.18)!important;color:#fff!important
}
#profile #dailyCheckinCardV775:before{content:'';position:absolute;right:-42px;bottom:-58px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.09);pointer-events:none}
#profile #dailyCheckinCardV775 .daily-checkin-head-v775,#profile #dailyCheckinCardV775 .daily-checkin-days-v775,#profile #dailyCheckinCardV775 .daily-checkin-foot-v775{position:relative;z-index:1}
#profile #dailyCheckinCardV775 .daily-checkin-head-v775 small{color:#dceaff!important}
#profile #dailyCheckinCardV775 .daily-checkin-head-v775 h3{color:#fff!important;font-size:18px!important;margin:3px 0!important}
#profile #dailyCheckinCardV775 .daily-checkin-head-v775 p{color:rgba(255,255,255,.82)!important;font-size:10px!important}
#profile #dailyCheckinCardV775 .daily-checkin-head-v775>span{background:rgba(255,255,255,.17)!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important}
#profile #dailyCheckinCardV775 .daily-checkin-days-v775{grid-template-columns:repeat(7,minmax(78px,1fr));gap:8px!important;margin-top:14px!important}
#profile #dailyCheckinCardV775 .daily-checkin-day-v775{position:relative;min-width:78px;padding:9px 6px!important;border:1px solid rgba(255,255,255,.28)!important;background:rgba(255,255,255,.94)!important;box-shadow:0 6px 15px rgba(15,23,42,.06)!important}
#profile #dailyCheckinCardV775 .daily-checkin-day-v775>span{background:#e9f1ff!important;color:#2469ca!important}
#profile #dailyCheckinCardV775 .daily-checkin-day-v775>b{color:#213650!important}
#profile #dailyCheckinCardV775 .daily-checkin-day-v775>small{color:#8190a3!important}
#profile #dailyCheckinCardV775 .daily-checkin-day-v775.done{border-color:#77e3b5!important;background:linear-gradient(180deg,#effdf6,#dcfce7)!important;box-shadow:0 7px 16px rgba(16,185,129,.12)!important}
#profile #dailyCheckinCardV775 .daily-checkin-day-v775.done>span{background:#10b981!important;color:#fff!important;box-shadow:0 4px 10px rgba(16,185,129,.24)!important}
#profile #dailyCheckinCardV775 .daily-checkin-day-v775.done>b{color:#08734f!important}
#profile #dailyCheckinCardV775 .daily-checkin-day-v775.done>small{color:#21926c!important}
#profile #dailyCheckinCardV775 .daily-checkin-day-v775.next{outline:2px solid #fbbf24!important;outline-offset:1px!important}
#profile #dailyCheckinCardV775 .daily-checkin-day-v775.reward-goal-v781{min-width:105px!important;border-color:#f4c85b!important;background:linear-gradient(180deg,#fffdf4,#fff4c8)!important}
.daily-checkin-day-reward-v781{display:grid;gap:3px;justify-items:center;margin-top:6px;padding-top:6px;border-top:1px dashed rgba(156,106,15,.24)}
.daily-checkin-day-reward-v781 img{width:76px;height:48px;object-fit:cover;border-radius:8px;border:1px solid rgba(181,124,18,.18);box-shadow:0 4px 9px rgba(130,83,8,.08)}
.daily-checkin-day-reward-v781>span{font-size:17px!important;background:none!important;width:auto!important;height:auto!important;margin:0!important;color:#d68b0c!important}
.daily-checkin-day-reward-v781 em{display:block;max-width:90px;font-style:normal;font-size:7px!important;line-height:1.25;color:#98620a!important;text-align:center;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.daily-checkin-day-reward-v781.points em{font-size:7.5px!important;font-weight:800}
#profile #dailyCheckinCardV775 .daily-checkin-foot-v775{border-top-color:rgba(255,255,255,.23)!important}
#profile #dailyCheckinCardV775 .daily-checkin-foot-v775>div{color:#fff!important;font-weight:700}
#profile #dailyCheckinCardV775 .daily-checkin-foot-v775 button{background:#fff!important;color:#1765c5!important;font-size:10px!important;box-shadow:0 7px 16px rgba(14,54,120,.16)!important}
#profile #dailyCheckinCardV775 .daily-checkin-foot-v775 button:disabled{background:rgba(255,255,255,.58)!important;color:#416888!important}

/* Desktop: keep the storefront compact and aligned. Mobile rules remain untouched. */
@media(min-width:981px){
  #app>.header .topbar,#app>.header .mainbar,.desktop-nav-inner{max-width:1240px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
  #app>main.container{width:min(calc(100% - 32px),1240px)!important;max-width:1240px!important;grid-template-columns:190px minmax(0,1fr)!important;gap:12px!important;padding:12px!important;margin:0 auto!important;box-sizing:border-box!important}
  #app>main.container>.sidebar{width:190px!important;min-width:190px!important}
  #app>main.container>.sidebar .side-card{padding:10px!important;margin-bottom:9px!important;border-radius:14px!important}
  #app>main.container>.sidebar .side-title{font-size:11px!important;margin-bottom:6px!important}
  #app>main.container>.sidebar .row{font-size:9px!important;padding:3px 0!important}
  #app>main.container>.sidebar .side-menu{gap:3px!important}
  #app>main.container>.sidebar .side-menu button{min-height:30px!important;padding:6px 8px!important;border-radius:8px!important;font-size:9px!important}
  #home .banner-row{gap:10px!important;margin-bottom:11px!important}
  #home .banner-main{height:auto!important;aspect-ratio:2048/682!important;max-height:315px!important;border-radius:14px!important}
  #home .banner-main img{object-fit:cover!important}
  #home .banner-mini{gap:10px!important}
  #home .mini-banner{height:auto!important;min-height:0!important;aspect-ratio:2.2/1!important;border-radius:12px!important}
  #home .section-head{margin:8px 0!important}.section-head h2{font-size:15px!important}
  #home #productGrid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important}
  #home #productGrid>.product{border-radius:12px!important;box-shadow:0 4px 12px rgba(34,72,116,.055)!important}
  #home #productGrid>.product>.cover{aspect-ratio:1.5/1!important;background:#fff!important}
  #home #productGrid>.product>.cover>img,#home #productGrid .product-image-v316{object-fit:cover!important;padding:0!important}
  #home #productGrid>.product>.body{padding:7px 8px 8px!important}
  #home #productGrid>.product .name{height:auto!important;min-height:30px!important;font-size:10px!important;line-height:1.35!important}
  #home #productGrid>.product .sale{font-size:13px!important}
  #home #productGrid>.product .price .full{font-size:8px!important}
  #home #productGrid>.product .qty-ctl{height:28px!important}
  #home #productGrid>.product .qty-ctl button{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important}
  #home #productGrid>.product .add-cart-v62{min-height:30px!important;height:30px!important;border-radius:8px!important;font-size:8px!important;padding:0 8px!important}
  #profile .settings-page{max-width:980px!important;margin:0 auto!important}
}
@media(min-width:981px) and (max-width:1180px){
  #app>main.container{grid-template-columns:170px minmax(0,1fr)!important}
  #app>main.container>.sidebar{width:170px!important;min-width:170px!important}
  #home #productGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:760px){
  #profile #dailyCheckinCardV775{margin:0 0 10px!important;padding:12px 10px!important;border-radius:18px!important}
  #profile #dailyCheckinCardV775 .daily-checkin-head-v775 h3{font-size:15px!important}
  #profile #dailyCheckinCardV775 .daily-checkin-days-v775{display:flex!important;gap:7px!important}
  #profile #dailyCheckinCardV775 .daily-checkin-day-v775{flex:0 0 74px!important;min-width:74px!important}
  #profile #dailyCheckinCardV775 .daily-checkin-day-v775.reward-goal-v781{flex-basis:100px!important;min-width:100px!important}
  .daily-checkin-day-reward-v781 img{width:72px;height:46px}
}