/* Mobile iteration 4B: delivery section rebuilt as readable mobile flow. */
.cont10_t2_mobile{display:none;}

@media (width < 820px){
  .cont10_bg{width:100vw;max-width:100vw;height:auto;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:28px 12px 30px;box-sizing:border-box;background:#fff;}
  .cont10{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;max-width:640px;height:auto;margin:0 auto;padding:0;box-sizing:border-box;text-align:center;}

  .cont10_t1,.cont10_t2,.cont10_t3,.cont10_t4,.cont10_t5,.cont10_t6,.cont10_t7,.cont10_t8,.cont10_t9{position:static;top:auto;right:auto;bottom:auto;left:auto;box-sizing:border-box;}

  .cont10_t1{order:1;width:100%;margin:0 0 16px;padding:11px 10px;border-radius:8px;font-size:26px;line-height:30px;}
  .cont10_t3{order:2;width:100%;margin:0 0 18px;font-size:24px;line-height:29px;text-align:center;}
  .cont10_t3 br,.cont10_t3 i{display:none;}

  /* Two delivery options grouped by proximity, with a short center divider instead of an outer card. */
  .cont10_t4,.cont10_t5{position:relative;width:50%;min-height:98px;margin:0 0 4px;padding:5px 12px;border:0;background:transparent;color:#313131;font-size:18px;line-height:23px;text-align:center;box-shadow:none;}
  .cont10_t4{order:3;border-radius:0;}
  .cont10_t5{order:4;border-radius:0;}
  .cont10_t4::before,.cont10_t5::before{display:flex;align-items:flex-start;justify-content:center;min-height:44px;margin-bottom:4px;color:#d96f00;font-size:20px;line-height:22px;font-weight:700;font-family:'PT Sans Narrow',sans-serif;text-align:center;white-space:pre-line;}
  .cont10_t4::before{content:'БЕСПЛАТНАЯ\AДОСТАВКА';}
  .cont10_t5::before{content:'ОБЫЧНАЯ\AДОСТАВКА';}
  .cont10_t5::after{content:'';position:absolute;top:15px;bottom:15px;left:0;width:1px;border-radius:1px;background:#aab7c0;}
  .cont10_t4 b{color:inherit;font-weight:400;}
  .cont10_t6{display:none!important;}

  /* Keep desktop copy in markup, but use one familiar primary CTA on mobile. */
  .cont10_t7,.cont10_t8{display:none;}
  .cont10 > a.start{order:8;display:block;width:100%;max-width:360px;margin:0 auto;color:#fff;}
  .cont10_t9{width:100%;min-height:50px;height:50px;margin:0;padding:0 18px;border:0;border-radius:7px;background:#f20d0d;color:#fff;font-family:'PT Sans Narrow',sans-serif;font-size:21px;line-height:50px;font-weight:700;text-transform:uppercase;box-shadow:none;}
  .cont10_t9:focus-visible{outline:2px solid #0071BC;outline-offset:3px;}
}

/* One compact banner until the original 960px desktop canvas fits.
   Its grey strip follows the content with equal padding, rather than filling the section. */
@media (width < 960px){
  /* Нижний край следует масштабу artwork и скрывает старую дорожную линию исходного bitmap. */
  .cont10 .cont10_t2{order:5;position:relative;width:max-content;max-width:100%;height:min(132px,calc(48px + 21.538vw));margin:8px auto 18px;border:0;border-radius:0;background-color:transparent;background-image:linear-gradient(to bottom,transparent 0 48px,#efefef 48px 100%);background-repeat:no-repeat;background-size:100% 100%;background-position:center;overflow:hidden;}
  .cont10::before,.cont10_t2::before,.cont10_t2::after{content:none!important;display:none!important;}
  .cont10_t2_mobile{--delivery-pad:18px;--delivery-art-height:min(300px,76.923vw);display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;height:100%;margin:0 auto;padding:0 var(--delivery-pad);box-sizing:border-box;overflow:hidden;background-image:url(img/ico9.jpg);background-repeat:no-repeat;background-size:auto var(--delivery-art-height);background-position:right calc(var(--delivery-pad) - 15px) top calc(48px - min(87.692px,22.485vw));background-clip:content-box;}
  .cont10_t2_mobile-copy{position:relative;flex:0 1 212px;min-width:0;transform:translateY(19px);color:#313131;font-family:'PT Sans Narrow',sans-serif;font-size:clamp(18px,5vw,21px);line-height:1.08;font-weight:700;text-align:left;}
  .cont10_t2_mobile-visual{display:block;flex:0 0 min(141.5px,36.28vw);width:min(141.5px,36.28vw);height:112.5px;}
  .cont10_t7,.cont10_t8{display:none;}
}

/* Ease the compact banner into the full desktop artwork while the section keeps its existing height. */
@media (820px <= width < 960px){
  .cont10 .cont10_t2{--delivery-banner-scale:clamp(1.2,calc((100vw - 820px)/632px + 1.2),1.42);position:absolute;top:clamp(318px,calc(407.8px - 9.35vw),331.1px);right:0;left:0;margin:0 auto;transform:scale(var(--delivery-banner-scale));transform-origin:top center;}
}

@media (max-width:359px){
  .cont10_bg{padding-left:10px;padding-right:10px;}
  .cont10_t3{font-size:22px;line-height:27px;}
  .cont10_t4,.cont10_t5{min-height:98px;padding:5px 9px;font-size:17px;line-height:21px;}
  .cont10_t4::before,.cont10_t5::before{min-height:42px;font-size:19px;line-height:21px;}
  .cont10_t5::after{top:14px;bottom:14px;}
  .cont10_t2_mobile{--delivery-pad:10px;}
}