.hm-tile-top{display:contents}
@media (max-width:1023.98px){
:root{--gut:clamp(12px,4vw,22px);--ov:clamp(44px,12vw,72px)}
.hm-container{width:min(1200px,100% - var(--gut)*2)}
.hm a,.hm button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.hm-btn{min-height:clamp(48px,12.6vw,54px);padding:0 clamp(14px,4.4vw,24px);font-size:clamp(13.5px,3.8vw,15.5px);gap:clamp(6px,2vw,9px)}
.hm-btn:active{transform:scale(.96);transition-duration:.08s}
.hm-btn-gold{background:linear-gradient(135deg,#f6d67f,var(--gold) 70%);box-shadow:0 12px 24px -10px rgba(216,166,64,.85),inset 0 1px 0 rgba(255,255,255,.55)}
.hm-btn-ghost{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.hm-hero{height:auto;min-height:clamp(400px,66svh,540px);display:grid}
.hm-slides{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,1fr)}
.hm-slide{position:absolute;inset:0;display:flex;flex-direction:column}
.hm-slide.is-active{position:relative;inset:auto}
.hm-hero-inner{flex:1;height:auto;justify-content:flex-end;padding-top:clamp(26px,7vw,44px);padding-bottom:calc(var(--ov) + 64px)}
.hm-hero-ctrl{bottom:calc(var(--ov) + 16px)}
.hm-hero-eyebrow{height:clamp(28px,8vw,34px);padding:0 clamp(10px,3vw,14px);font-size:clamp(11.5px,3.2vw,13px);margin-bottom:clamp(10px,3vw,14px);max-width:100%}
.hm-hero h1,.hm-hero h2.hm-hero-title{font-size:clamp(25px,7.6vw,46px);line-height:1.38}
.hm-hero-sub{font-size:clamp(14px,3.9vw,18px);line-height:1.85;margin-top:clamp(8px,2.6vw,12px);-webkit-line-clamp:3}
.hm-hero-cta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,2.6vw,12px);margin-top:clamp(16px,4.8vw,26px);max-width:520px}
.hm-hero-cta .hm-btn{white-space:normal;text-align:center;line-height:1.35;padding-block:8px;min-width:0}
.hm-hero-cta>.hm-btn:only-child{grid-column:1/-1}
.hm-arrow{width:clamp(40px,11vw,46px);height:clamp(40px,11vw,46px)}
.hm-tiles-wrap{margin-top:calc(var(--ov)*-1);padding-bottom:4px}
.hm-tiles{gap:clamp(8px,2.6vw,14px)}
.hm-tile{
min-height:clamp(122px,35vw,156px);flex-direction:column;align-items:stretch;justify-content:space-between;
gap:clamp(10px,3vw,14px);padding:clamp(12px,3.6vw,18px);border-radius:clamp(18px,5.4vw,26px);
background:#fff;border:1px solid var(--line);
box-shadow:0 1px 2px rgba(7,40,30,.05),0 16px 30px -18px rgba(7,40,30,.35);isolation:isolate;
transition:transform .2s var(--ease),box-shadow .25s var(--ease),border-color .25s;
}
.hm-tile{
background:linear-gradient(155deg,color-mix(in srgb,var(--ac1) 13%,#fff) 0%,#fff 62%);
border-color:color-mix(in srgb,var(--ac1) 20%,#fff);
box-shadow:0 1px 2px rgba(7,40,30,.05),0 18px 30px -18px color-mix(in srgb,var(--ac1) 65%,transparent);
}
.hm-tile::before{inset:auto;top:-54px;inset-inline-end:-42px;width:124px;height:124px;border-radius:50%;opacity:1;z-index:-1;background:radial-gradient(circle,rgba(255,255,255,.0),transparent 70%)}
.hm-tile::before{background:radial-gradient(circle,color-mix(in srgb,var(--ac1) 26%,transparent),transparent 68%)}
.hm-tile:hover{transform:none;box-shadow:0 1px 2px rgba(7,40,30,.05),0 18px 30px -18px rgba(7,40,30,.4)}
.hm-tile:active{transform:scale(.965);transition-duration:.08s}
.hm-tile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.hm-tile-ico{width:clamp(42px,12.4vw,54px);height:clamp(42px,12.4vw,54px);border-radius:clamp(14px,4vw,18px);font-size:clamp(21px,6.2vw,27px);box-shadow:0 12px 20px -10px var(--ac1),inset 0 1px 0 rgba(255,255,255,.4)}
.hm-tile-go{display:grid;position:static;transform:none;width:clamp(28px,8vw,34px);height:clamp(28px,8vw,34px);background:rgba(255,255,255,.85);color:var(--ac2);box-shadow:0 0 0 1px var(--line);flex:0 0 auto}
.hm-tile:hover .hm-tile-go,.hm-tile:active .hm-tile-go{background:var(--ac1);color:#fff;transform:none}
.hm-tile-txt{gap:3px}
.hm-tile-txt b{font-size:clamp(14px,4vw,17px);line-height:1.55}
.hm-tile-txt small{font-size:clamp(11.5px,3.2vw,13.5px);line-height:1.7}
.hm-tile-badge{position:static;width:fit-content;margin-bottom:3px;padding:1px 9px;font-size:clamp(10px,2.8vw,11.5px)}
.hm-tile.is-img{min-height:0;padding:0;border-radius:clamp(18px,5.4vw,26px);background:var(--g100)}
.hm-tile.is-img img{max-height:none;aspect-ratio:16/10;height:auto}
.hm-tiles>.hm-tile:last-child:nth-child(odd):not(.is-img){min-height:0;flex-direction:row;align-items:center}
.hm-tiles>.hm-tile:last-child:nth-child(odd):not(.is-img) .hm-tile-top{display:contents}
.hm-tiles>.hm-tile:last-child:nth-child(odd):not(.is-img) .hm-tile-ico{order:0}
.hm-tiles>.hm-tile:last-child:nth-child(odd):not(.is-img) .hm-tile-txt{order:1;flex:1}
.hm-tiles>.hm-tile:last-child:nth-child(odd):not(.is-img) .hm-tile-go{order:2}
.hm-chips{padding-top:clamp(14px,4vw,20px)}
.hm-chips-in{margin-inline:calc(var(--gut)*-1);padding-inline:var(--gut);scroll-padding-inline:var(--gut);scroll-snap-type:x mandatory;gap:clamp(7px,2.2vw,10px)}
.hm-chip{height:clamp(42px,11.6vw,48px);padding:0 clamp(14px,4vw,20px);font-size:clamp(13px,3.6vw,14.5px);scroll-snap-align:start}
.hm-chip:hover{transform:none}
.hm-chip:active{transform:scale(.95);transition-duration:.08s}
.hm-sec{padding:clamp(32px,9vw,52px) 0}
.hm-sec-head h2{font-size:clamp(20px,5.6vw,32px)}
.hm-rc:hover{transform:none}
.hm-rc:active{transform:scale(.98);transition-duration:.08s}
.hm-rc-body h3{font-size:clamp(14px,3.9vw,16px)}
.hm-stat{padding:clamp(11px,3.2vw,16px);gap:clamp(9px,2.6vw,12px)}
.hm-stat b{font-size:clamp(20px,6vw,25px)}
.hm-about-cta .hm-btn,.hm-modal-foot .hm-btn{flex:1 1 150px}
.hm-c-item{min-height:56px}
.hm-bb-in a{font-size:clamp(10.5px,3vw,12px)}
}
@media (min-width:640px) and (max-width:1023.98px){
.hm-tile{padding:clamp(16px,2.6vw,22px);min-height:158px}
.hm-tiles>.hm-tile:last-child:nth-child(odd):not(.is-img){min-height:158px;flex-direction:column;align-items:stretch}
.hm-tiles>.hm-tile:last-child:nth-child(odd):not(.is-img) .hm-tile-top{display:flex}
.hm-tiles>.hm-tile:last-child:nth-child(odd):not(.is-img) .hm-tile-txt{flex:0 1 auto}
.hm-hero-cta{display:flex;flex-wrap:wrap;max-width:none}
.hm-hero-cta .hm-btn{padding:0 28px}
}
@media (max-width:359.98px){
.hm-hero-cta{grid-template-columns:minmax(0,1fr)}
.hm-tile{min-height:112px}
.hm-tile-txt small{-webkit-line-clamp:1}
.hm-topbar-info a{padding:4px 4px}
}
@media (max-width:1023.98px) and (max-height:520px) and (orientation:landscape){
.hm-hero{min-height:0}
.hm-hero-inner{padding-top:20px;padding-bottom:calc(var(--ov) + 52px)}
.hm-hero h1,.hm-hero h2.hm-hero-title{font-size:clamp(22px,4.4vw,32px)}
.hm-hero-sub{-webkit-line-clamp:2}
.hm-hero-cta{display:flex;flex-wrap:wrap;margin-top:14px}
.hm-hero-cta .hm-btn{min-height:44px}
}
@media (hover:none){
.hm-btn:hover{transform:none}
.hm-tile:hover .hm-tile-go{background:rgba(255,255,255,.85);color:var(--ac2)}
}
@media (max-width:1023.98px){
.hm-stats-grid{gap:clamp(8px,2.6vw,14px)}
.hm-stat{position:relative;overflow:hidden;isolation:isolate;border-radius:clamp(16px,4.6vw,22px);padding:clamp(11px,3.2vw,16px);background:linear-gradient(155deg,var(--g50),#fff 65%);box-shadow:0 1px 2px rgba(7,40,30,.05),0 14px 26px -18px rgba(7,40,30,.4)}
.hm-stat::after{content:"";position:absolute;z-index:-1;top:-40px;inset-inline-end:-30px;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,rgba(34,160,113,.2),transparent 68%)}
.hm-stat:nth-child(4n+2)::after{background:radial-gradient(circle,rgba(216,166,64,.28),transparent 68%)}
.hm-stat:nth-child(4n+3)::after{background:radial-gradient(circle,rgba(216,100,44,.22),transparent 68%)}
.hm-stat:nth-child(4n+4)::after{background:radial-gradient(circle,rgba(45,90,155,.2),transparent 68%)}
.hm-stat-ico{width:clamp(40px,11vw,48px);height:clamp(40px,11vw,48px);border-radius:clamp(13px,3.6vw,16px)}
.hm-stat span.hm-stat-l{font-size:clamp(11.5px,3.2vw,13px)}
.hm-stats-grid>.hm-stat:last-child:nth-child(odd){grid-column:1/-1}
}
@media (min-width:640px) and (max-width:1023.98px){.hm-stats-grid>.hm-stat:last-child:nth-child(odd){grid-column:auto}}
.hm-slide-img.is-cover{object-fit:cover}
.hm-slide-img.is-contain{object-fit:contain;margin:auto;filter:drop-shadow(0 18px 40px rgba(0,0,0,.4))}
@media (max-width:639.98px){
.hm-hero.has-stack{min-height:0}
.hm-slide.is-stack .hm-slide-img{inset:0 0 auto 0;width:100%;height:var(--imgh);object-fit:cover;transform:none;filter:none;-webkit-mask-image:linear-gradient(180deg,#000 74%,transparent);mask-image:linear-gradient(180deg,#000 74%,transparent)}
.hm-slide.is-stack .hm-slide-img.is-contain{margin-inline:auto;object-fit:contain}
.hm-slide.is-stack{background:radial-gradient(70% 55% at 85% 100%,rgba(216,166,64,.16),transparent 70%),linear-gradient(180deg,var(--g900) 0,var(--g950) 100%)}
.hm-slide.is-stack .hm-slide-bg{display:none}
.hm-slide.is-stack .hm-slide-img{-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent);mask-image:linear-gradient(180deg,#000 80%,transparent)}
.hm-slide.is-stack .hm-hero-inner{justify-content:flex-start;padding-top:calc(var(--imgh) - 14px);padding-bottom:calc(var(--ov) + 50px)}
.hm-slide.is-stack .hm-hero-shade{background:linear-gradient(180deg,rgba(4,38,29,.4) 0,rgba(4,38,29,0) 18%)}
.hm-slide.is-stack .hm-hero-eyebrow{margin-bottom:10px}
.hm-slide.is-stack .hm-hero-cta{margin-top:14px}
}
.hm-modal-img{height:auto;aspect-ratio:16/10;max-height:min(40svh,360px);object-fit:cover}
.hm-modal-text{display:block;min-height:1.5em}
@media (max-width:639.98px){
.hm-modal{align-items:end;padding:0}
.hm-modal-card{width:100%;max-height:90svh;border-radius:24px 24px 0 0;transform:translateY(40px)}
.hm-modal-scroll{max-height:90svh;padding-bottom:env(safe-area-inset-bottom)}
.hm-modal-body{padding:22px 18px 22px}
.hm-modal-img+.hm-modal-body{padding-top:18px}
.hm-modal-body h3{font-size:clamp(18px,5.2vw,22px)}
.hm-modal-text{font-size:clamp(14.5px,4vw,16px);line-height:2}
.hm-modal-foot{position:sticky;bottom:0;margin:16px -18px -22px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(255,255,255,0),#fff 30%)}
.hm-modal-foot .hm-btn{flex:1 1 0}
}

/* ===== نوار بالای موبایل (گرید): ردیف ۱ = تلفن + زبان ، ردیف ۲ = آدرس + «الان باز است» ===== */
@media (max-width:639.98px){
.hm-topbar-in{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;padding-block:5px;min-height:0}
.hm-topbar-info{display:contents}
.hm-topbar-info>a:first-child{grid-column:1;grid-row:1;justify-self:start;min-width:0}
.hm-topbar-actions{grid-column:2;grid-row:1;justify-self:end}
.hm-topbar-info .hm-ti-addr{display:flex;grid-column:1 / -1;grid-row:2;min-width:0;white-space:normal;align-items:flex-start;gap:6px;line-height:1.5;font-size:11.5px;padding:0 4px}
.hm-topbar-info .hm-ti-addr:has(~ .hm-open){grid-column:1}
.hm-topbar-info .hm-ti-addr .hm-i{flex:none;margin-top:2px}
.hm-topbar-info .hm-open{grid-column:2;grid-row:2;justify-self:end;align-self:center}
}