/* DKA GROUP · лендинг · ВАРИАНТ B «ближе к Apple» (27.10.2026, эксперимент владельца на отдельной копии, ветка apple-b).
   Поверх app/m-apple.css. ТОЛЬКО телефон (html[data-layout=phone]); тексты, цвета, бренд и логика — прежние.
   1) «Our Work» — фото во всю ширину экрана, подпись под фото по центру (как галереи apple.com), листается пальцем;
   2) «Partnership» и «Ready to save» — плитки от края до края с зазором 12, как плитки главной apple.com;
   3) подвал — компактный, как у Apple: мелкий текст 13, разделы через тонкие линии, ссылки строкой с переносом. */

/* ── 1. Our Work: слайд = 100 % ширины, фото от края до края 4:3 ── */
html[data-layout=phone] #app .cases__grid{padding-left:0;padding-right:0;scroll-padding-inline:0;gap:0;scroll-snap-type:x mandatory}
html[data-layout=phone] #app .cases__grid>.l-case{flex:0 0 100%;gap:0;scroll-snap-align:center;text-align:center;align-items:center}
html[data-layout=phone] #app .cases__grid .l-case__ph{width:100%;aspect-ratio:4/3;border-radius:0;margin:0 0 24px;border:0;box-shadow:none;outline:0}
html[data-layout=phone] #app .cases__grid .l-case__cap{padding:0 var(--m-gut);margin-bottom:8px;font-size:11px;line-height:16px}
html[data-layout=phone] #app .cases__grid .l-case h3{padding:0 var(--m-gut);margin-bottom:8px;font-size:21px;line-height:26px;letter-spacing:-.015em;text-wrap:balance}
html[data-layout=phone] #app .cases__grid .l-case p{padding:0 var(--m-gut);max-width:30em;font-size:14px;line-height:20px;-webkit-line-clamp:3;text-wrap:pretty}
html[data-layout=phone] #app #cases .b-head{margin-bottom:16px}
html[data-layout=phone] #app .cases__dots{margin-top:28px}
html[data-layout=phone] #app .cases__dots i{height:8px;border-radius:4px}

/* ── 2. Плитки от края до края ── */
/* между плитками и соседними разделами — белый зазор 12, как между плитками главной apple.com */
html[data-layout=phone] #app #partners{padding:12px 0 0!important}
html[data-layout=phone] #app .l-partner{border-radius:0}
html[data-layout=phone] #app .l-pt__field{height:auto;aspect-ratio:16/9}
html[data-layout=phone] #app .l-partner__t{align-items:center;text-align:center;padding:32px var(--m-gut) 56px!important;gap:12px}
html[data-layout=phone] #app .l-partner__t h2{text-wrap:balance}
html[data-layout=phone] #app .l-partner__t p{max-width:30em}
html[data-layout=phone] #app .l-partner__t .dka-btn{width:min(280px,100%)!important;margin-top:16px}
html[data-layout=phone] #app .cta-wrap{padding:12px 0!important}
html[data-layout=phone] #app .l-cta{border-radius:0;padding:64px var(--m-gut) 64px}
html[data-layout=phone] #app .l-cta .l-ct__btn{width:min(280px,100%);align-self:center}
html[data-layout=phone] #app .l-cta__call.s3-wa-row{align-items:center}
html[data-layout=phone] #app .l-cta__call .s3-wa{width:min(280px,100%)}

/* ── 3. Подвал как у Apple: мелко, разделы через линии, ссылки строкой ── */
html[data-layout=phone] #app #contacts{padding-top:40px!important;gap:0}
html[data-layout=phone] #app .l-foot__cols{gap:0}
html[data-layout=phone] #app .l-foot__cols>.l-foot__col:first-child{padding-bottom:28px;gap:12px}
html[data-layout=phone] #app .l-foot__cols>.l-foot__col:first-child .l-logo img{height:24px!important;width:auto}
html[data-layout=phone] #app .l-foot__about{font-size:13px;line-height:19px;max-width:30em;margin:0}
html[data-layout=phone] #app .l-foot__two{display:flex!important;flex-direction:column;gap:0}
html[data-layout=phone] #app :is(.l-foot__two>.l-foot__col,.l-foot__cols>.l-foot__col:last-child){display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:20px;row-gap:0;padding:16px 0 12px;border-top:1px solid rgba(255,255,255,.12)}
html[data-layout=phone] #app .l-foot__col .dka-eyebrow{flex:0 0 100%;margin:0 0 4px;font-size:12px;line-height:16px;letter-spacing:.04em;color:rgba(255,255,255,.8)}
html[data-layout=phone] #app .l-foot__col a:not(.l-foot__ct){padding:8px 0;font-size:13px;line-height:20px}
html[data-layout=phone] #app .l-foot__col .l-foot__ct{min-height:36px;font-size:13px;line-height:20px}
html[data-layout=phone] #app .l-foot__cols>.l-foot__col:last-child{column-gap:24px}
html[data-layout=phone] #app .l-foot__bottom{margin-top:0;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;line-height:16px}