.daily-card{margin:10px 14px 0;padding:9px 10px;border-radius:16px;background:linear-gradient(135deg,#fff,#fff8e9);grid-template-columns:58px 1fr auto;gap:10px;min-height:76px;box-shadow:0 6px 18px #49351f12}
.daily-card img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 5px 5px #49351f18)}
.daily-card div{display:grid;gap:3px;min-width:0}
.daily-card span{font-size:9px;color:#80603f;font-weight:900}
.daily-card b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.daily-card button{min-height:48px;padding:0 14px;border-radius:13px;background:var(--ink);color:#fff;font-size:12px;box-shadow:0 5px 12px #49351f28}
.brand-header{height:84px;padding-left:10px;padding-right:10px}
.brand-logo{height:81px}
.categories{gap:8px;padding:3px 14px 5px 8px;scroll-padding-inline:8px;mask-image:linear-gradient(90deg,transparent 0,#000 9px,#000 calc(100% - 28px),transparent 100%)}
.category-rail-item{min-height:36px;padding:4px 12px;font-size:11px;box-shadow:0 3px 9px #49351f10}
@media(min-height:860px){
  .top-view{display:flex;flex-direction:column;padding-top:clamp(10px,3dvh,30px);padding-bottom:clamp(14px,4dvh,38px)}
  .top-view>.hero{margin-top:clamp(5px,1.3dvh,15px)}
  .top-view>.search{margin-top:clamp(5px,1.4dvh,16px)}
  .top-view>.category-picker{margin-top:clamp(4px,1.2dvh,14px)}
  .top-view>.notice{margin-top:clamp(7px,1.3dvh,15px)}
  .top-view>.popular-block{margin-top:clamp(7px,1.5dvh,18px)}
  .top-view>.daily-card{margin-top:clamp(12px,2dvh,24px)}
}
@media(max-height:700px){
  .brand-header{height:69px}
  .brand-logo{height:66px}
  .categories{padding-top:2px;padding-bottom:3px}
  .category-rail-item{min-height:32px;padding:3px 10px;font-size:10px}
  .daily-card{display:grid;min-height:58px;margin-top:6px;padding:5px 7px;grid-template-columns:44px 1fr auto;gap:7px}
  .daily-card img{width:44px;height:44px}
  .daily-card b{font-size:11px}
  .daily-card button{min-height:42px;padding:0 10px;font-size:10px}
}
.bottom-nav{grid-template-columns:repeat(4,1fr)}
.bottom-nav a{border:0;border-radius:13px;background:transparent;color:var(--muted);display:grid;place-items:center;align-content:center;font-size:10px;font-weight:800;text-decoration:none}
.bottom-nav a span{font-size:19px}
.result-actions{grid-template-columns:1.15fr 1fr .78fr}
.result-actions button{font-size:11px}