@font-face{font-family:"RoadNumbers";src:url("/assets/fonts/RoadNumbers.otf") format("opentype");font-display:swap;}
*{box-sizing:border-box;margin:0;padding:0}
html{background:#fff;color:#000;font:14px/19px Arial,Helvetica,sans-serif}
body{background:#fff;color:#000}
a,a:visited{color:#000;text-decoration:none}a:hover{text-decoration:underline}
img{border:0}
.page{width:971px;margin:0 auto 20px}
.site-header{width:971px;height:130px;margin:20px auto 0;overflow:hidden}
.site-header img{display:block;width:971px;height:130px;max-width:none}
.promo-row{width:971px;height:45px;margin:4px auto 5px;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:5px;align-items:center}
.love-link{height:45px;line-height:43px;border:1px solid #111;border-radius:9px;padding:0 8px;white-space:nowrap;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}
.love-code{font-weight:bold;color:#d00000}.love-text{font-weight:bold;margin:0 5px}
.search{height:29px;border:1px solid #111;border-radius:6px;padding:3px;display:flex;gap:3px;background:#fff}
.search input{border:0;outline:0;min-width:0;flex:1;font:13px Arial}.search button{width:48px;font:11px Arial;border:1px solid #aaa;background:#eee}
.main-grid{width:971px;margin:0 auto;display:grid;grid-template-columns:220px 741px;gap:10px;align-items:start}
.sidebar{width:220px}.sidebar-box{border:1px solid #000;border-radius:11px;padding:6px 6px 8px;margin-bottom:7px;background:#fff}
.map-box{height:94px;text-align:center;padding:7px}.map-title{font-size:13px;margin-bottom:7px}.map-placeholder{height:70px;border:1px solid #bbb;border-radius:6px;background:linear-gradient(135deg,#f5f5f5,#ddd);display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:13px}.map-placeholder small{font-size:10px}
.side-menu{padding:5px 5px 6px}.side-menu a{display:block;height:24px;line-height:22px;margin:3px 0;border:1px solid #888;border-radius:8px;text-align:center;background:linear-gradient(#fff,#e9e9e9);font-size:11px}.side-menu a:hover{background:#f5f5f5}
.plates{padding:5px 6px}.plates img{display:block;width:200px;height:42px;margin:0 auto 4px}.sape-box{min-height:36px;text-align:center;padding:7px;font-size:11px}.sape-links{line-height:1.35}
.content-col{width:741px;min-width:0;overflow:visible}
.ad-slot{border:1px solid #000;border-radius:7px;background:#fff;overflow:hidden;margin:0 auto 7px;text-align:center}
.ad-728{width:728px;height:90px;min-height:90px}
.body-grid{display:block}
.content-box{width:741px;border:1px solid #000;border-radius:7px;background:#fff;padding:10px;min-height:330px;font-size:14px;line-height:20px}.content-box h1{text-align:center;font:bold 18px Arial,Helvetica,sans-serif;margin:0 0 10px;text-transform:none}.content-box h2{font:bold 16px Arial;margin:12px 0 6px;text-align:left}.content-box p{margin:0 0 9px}.lead{font-size:15px}
.right-col{display:none}.ad-200{width:210px;height:210px;min-height:210px;box-sizing:border-box;margin:0 auto 7px;padding:4px;border:1px solid #000;border-radius:11px;background:#fff;overflow:hidden;text-align:center}.tp-200{width:200px;height:200px;min-height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}.side-info{border:1px solid #000;border-radius:7px;padding:8px;margin-top:7px;font-size:12px}
.code-cloud{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-start}.code-cloud a{min-width:36px;padding:5px 6px;border:1px solid #aaa;border-radius:4px;text-align:center;background:linear-gradient(#fff,#eee);font-size:14px}.code-cloud a:hover{text-decoration:none;background:#fafafa}.code-list{border:1px solid #ccc;border-radius:5px;padding:8px;text-align:center;background:#fafafa;line-height:2}.code-list a{display:inline-block;margin:0 3px}.code-list .current{font-weight:bold;color:#d00000;text-decoration:underline}
.region-note{border:1px dashed #777;background:#fafafa;padding:8px;margin-top:12px;font-size:12px}.button{display:inline-block;border:1px solid #555;border-radius:5px;background:#eee;padding:6px 12px}.button:hover{text-decoration:none;background:#f7f7f7}
.love-builder{max-width:490px;margin:auto}.love-builder label{display:block;margin-bottom:4px}.love-builder select{width:100%;padding:7px;margin-bottom:12px}.love-preview{border:1px solid #000;border-radius:7px;min-height:110px;display:flex;align-items:center;justify-content:center;text-align:center;font:bold 22px Arial;padding:15px}.small{font-size:12px;color:#666}.search-results{display:flex;flex-direction:column;gap:4px}.search-results a{border-bottom:1px solid #ddd;padding:5px}
footer{width:980px;height:40px;margin:7px auto 0;border:1px solid #000;border-radius:6px;text-align:center;padding-top:11px;font-size:11px}
@media(max-width:1000px){.page,.main-grid,.promo-row,footer{width:100%}.main-grid{grid-template-columns:220px minmax(0,1fr)}.content-col{width:auto}.body-grid{grid-template-columns:minmax(0,1fr) 200px}.content-box{width:auto}.site-header{width:100%;height:auto}.site-header img{width:100%;height:auto}.promo-row{padding:0 5px}}
@media(max-width:700px){.main-grid{grid-template-columns:1fr}.sidebar{width:220px;margin:0 auto}.body-grid{grid-template-columns:1fr}.content-box{width:100%}.right-col{display:none}.promo-row{grid-template-columns:1fr}.search{width:100%}.love-link{width:100%}}

.plate-preview{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:22px 10px}.plate-code{font:42px RoadNumbers,Arial,sans-serif;color:#111}.plate-love{font:bold 20px Arial,sans-serif;color:#d00000;text-transform:uppercase}

.love-old{width:100%;height:43px;display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;overflow:hidden}
.love-old img{width:90px;height:auto;max-height:31px;object-fit:contain;flex:0 0 auto}
.love-old .love-text{font:24px Arial,Helvetica,sans-serif;font-weight:400;line-height:1;text-align:center;white-space:nowrap}
.love-old .love-text .red{color:#e00000}
 .region-plates{width:100%;display:grid;grid-template-columns:repeat(6,120px);grid-auto-rows:82px;column-gap:2px;row-gap:8px;justify-content:space-between;align-items:stretch;padding:5px 0 12px}
.region-plate-link{display:block!important;width:120px!important;height:82px!important;perspective:700px;background:transparent;text-decoration:none;overflow:visible}
.region-card{display:block!important;width:120px!important;height:82px!important;position:relative!important;transform-style:preserve-3d;transition:transform .45s ease}
.region-plate-link:hover{text-decoration:none}
.region-plate-link:hover .region-card{transform:rotateY(180deg)}
.region-front,.region-back{position:absolute!important;top:0!important;left:0!important;right:auto!important;bottom:auto!important;width:120px!important;height:82px!important;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #aaa;border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.region-front img{display:block;width:120px;height:82px;object-fit:contain}
.region-back{transform:rotateY(180deg);padding:0}.region-back img{display:block;width:120px;height:82px;object-fit:cover}

/* FINAL OVERRIDE: one card, front/back images exactly on top of each other */
.region-plates{display:grid!important;grid-template-columns:repeat(6,120px)!important;grid-auto-rows:82px!important;gap:8px 2px!important;align-items:stretch!important;justify-content:space-between!important}
.region-plate-link{display:block!important;position:relative!important;width:120px!important;height:82px!important;margin:0!important;padding:0!important;perspective:800px!important;overflow:visible!important}
.region-card{display:block!important;position:relative!important;width:120px!important;height:82px!important;margin:0!important;padding:0!important;transform-style:preserve-3d!important;transition:transform .45s ease!important}
.region-plate-link:hover .region-card{transform:rotateY(180deg)!important}
.region-front,.region-back{position:absolute!important;display:block!important;left:0!important;top:0!important;width:120px!important;height:82px!important;margin:0!important;padding:0!important;border:1px solid #aaa!important;border-radius:4px!important;box-sizing:border-box!important;overflow:hidden!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important}
.region-front{transform:rotateY(0deg)!important}
.region-back{transform:rotateY(180deg)!important}
.region-front img,.region-back img{position:absolute!important;display:block!important;left:0!important;top:0!important;width:120px!important;height:82px!important;margin:0!important;padding:0!important;object-fit:fill!important}

/* Old-style graphic menu and Я ЛЮБЛЮ banner */
.graphic-menu{padding:5px 5px 7px}.graphic-menu a{display:block;width:200px;height:42px;margin:0 auto 7px;border:0;background:none;line-height:0}.graphic-menu a:last-child{margin-bottom:0}.graphic-menu img{display:block;width:200px;height:42px;border:0}
.love-old{width:100%;height:43px;display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;overflow:hidden}.love-old img{width:120px;height:auto;max-height:38px;object-fit:contain;flex:0 0 auto}.love-old .love-text{font:20px Arial,Helvetica,sans-serif;font-weight:700;line-height:1;text-align:center;white-space:nowrap}.love-old .love-text .red{color:#e00000}

/* FINAL FIX: old graphic menu must occupy its full vertical height */
.sidebar-box.graphic-menu{height:auto!important;min-height:255px!important;overflow:visible!important;padding:7px 5px 8px!important;}
.sidebar-box.graphic-menu a{display:block!important;position:relative!important;width:200px!important;height:42px!important;min-height:42px!important;margin:0 auto 7px!important;padding:0!important;border:0!important;line-height:0!important;float:none!important;clear:both!important;overflow:hidden!important;}
.sidebar-box.graphic-menu a:last-child{margin-bottom:0!important;}
.sidebar-box.graphic-menu img{display:block!important;width:200px!important;height:42px!important;margin:0!important;padding:0!important;border:0!important;}
/* Я ЛЮБЛЮ — three old phrases, with two changing small plate-heart images */
.promo-row{height:58px!important;align-items:center!important;}
.love-link{height:58px!important;line-height:normal!important;padding:0 8px!important;}
.love-old{width:100%!important;height:56px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;white-space:nowrap!important;overflow:hidden!important;}
.love-old img{display:block!important;width:128px!important;height:40px!important;max-height:40px!important;object-fit:contain!important;flex:0 0 128px!important;}
.love-old .love-text{font:29px Arial,Helvetica,sans-serif!important;font-weight:400!important;line-height:1!important;text-align:center!important;white-space:nowrap!important;color:#111!important;margin:0!important;}
.love-old .love-text .red{color:#e00000!important;}
@media(max-width:700px){.love-old{gap:6px!important}.love-old img{width:90px!important;height:28px!important;flex-basis:90px!important}.love-old .love-text{font-size:18px!important}}

/* Old sidebar text menu between 200x200 ad and graphic number menu */
.text-menu{padding:8px 10px!important;text-align:left!important;}
.text-menu a{display:block!important;height:auto!important;margin:0!important;padding:2px 0!important;border:0!important;background:none!important;line-height:1.35!important;font:13px/18px Arial,Helvetica,sans-serif!important;text-align:left!important;}
.text-menu a:hover{text-decoration:underline!important;background:none!important;}

/* SIDEBAR FIX: clear old text links and reserve 200x200 ad block */
.sidebar .ad-200{display:block!important;width:210px!important;height:210px!important;min-height:210px!important;margin:0 auto 7px!important;padding:4px!important;border:1px solid #000!important;border-radius:11px!important;background:#fff!important;box-sizing:border-box!important;}
.sidebar .text-menu{display:block!important;width:220px!important;min-height:0!important;height:auto!important;padding:7px 9px!important;margin:0 0 7px!important;overflow:hidden!important;}
.sidebar .text-menu a{display:block!important;width:100%!important;height:21px!important;min-height:21px!important;margin:0!important;padding:1px 0!important;line-height:19px!important;white-space:nowrap!important;overflow:hidden!important;font:13px/18px Arial,Helvetica,sans-serif!important;text-align:left!important;box-sizing:border-box!important;}
.sidebar .text-menu a+a{border-top:0!important;}
.sidebar .graphic-menu{clear:both!important;}

/* FINAL SIDEBAR ORDER: 200x200 ad -> text links -> 5 graphic buttons -> SAPE */
.sidebar{width:220px!important;display:block!important;float:none!important;}
.sidebar .ad-200{display:block!important;width:210px!important;height:210px!important;min-height:210px!important;margin:0 auto 7px!important;padding:4px!important;}
.sidebar .text-menu{display:block!important;width:220px!important;height:auto!important;min-height:0!important;margin:0 0 7px!important;padding:7px 9px!important;box-sizing:border-box!important;overflow:hidden!important;}
.sidebar .text-menu a{display:block!important;width:100%!important;height:21px!important;min-height:21px!important;margin:0!important;padding:1px 0!important;border:0!important;background:none!important;line-height:19px!important;font:13px/18px Arial,Helvetica,sans-serif!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;}
.sidebar .graphic-menu{display:block!important;width:220px!important;height:auto!important;min-height:0!important;margin:0 0 7px!important;padding:7px 5px 8px!important;box-sizing:border-box!important;overflow:visible!important;}
.sidebar .graphic-menu a{display:block!important;float:none!important;clear:both!important;width:200px!important;height:42px!important;min-height:42px!important;margin:0 auto 7px!important;padding:0!important;border:0!important;background:none!important;line-height:0!important;overflow:hidden!important;}
.sidebar .graphic-menu a:last-child{margin-bottom:0!important;}
.sidebar .graphic-menu img{display:block!important;width:200px!important;height:42px!important;margin:0!important;padding:0!important;border:0!important;}

/* Text menu: each link is a separate full-width row */
.sidebar .text-menu .text-menu-item{display:block!important;width:100%!important;height:21px!important;min-height:21px!important;margin:0!important;padding:0!important;clear:both!important;overflow:hidden!important;box-sizing:border-box!important;}
.sidebar .text-menu .text-menu-item a{display:block!important;width:100%!important;height:21px!important;min-height:21px!important;margin:0!important;padding:1px 0!important;line-height:19px!important;white-space:nowrap!important;overflow:hidden!important;box-sizing:border-box!important;}


/* OLD NOMERRUS TEXT MENU: original image buttons with text on top */
.sidebar .text-menu{
  width:220px!important;
  box-sizing:border-box!important;
  padding:7px 9px!important;
  margin:0 0 7px!important;
  background:#fff!important;
  overflow:visible!important;
  text-align:center!important;
}
.sidebar .text-menu .text-menu-item{
  display:block!important;
  width:200px!important;
  height:30px!important;
  min-height:30px!important;
  margin:0 auto 7px!important;
  padding:0!important;
  clear:both!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  background:url('/assets/btn_status.png') no-repeat center top!important;
}
.sidebar .text-menu .text-menu-item:last-child{margin-bottom:0!important;}
.sidebar .text-menu .text-menu-item a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:200px!important;
  height:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#000!important;
  text-decoration:none!important;
  font:16px Arial,Helvetica,sans-serif!important;
  line-height:30px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.sidebar .text-menu .text-menu-item:hover{background:url('/assets/btn_status1.png') no-repeat center top!important;}
.sidebar .text-menu .text-menu-item a:hover{background:transparent!important;color:#000!important;text-decoration:underline!important;}

/* FIX: spacing around region grid and 728 ad */
.region-plates{
  width:calc(100% - 12px)!important;
  margin:0 auto 12px!important;
  padding:5px 0 12px!important;
  grid-template-columns:repeat(6,120px)!important;
  column-gap:0!important;
  row-gap:8px!important;
  justify-content:space-between!important;
  box-sizing:border-box!important;
}
.ad-728{margin-top:12px!important;margin-bottom:7px!important;}

/* Current layout: search block same height as the Я ЛЮБЛЮ block */
.promo-row{height:58px!important;align-items:center!important;}
.search{height:58px!important;min-height:58px!important;padding:8px 7px!important;box-sizing:border-box!important;align-items:center!important;}
.search input{height:34px!important;box-sizing:border-box!important;}
.search button{height:34px!important;box-sizing:border-box!important;}

/* Region grid: equal left/right space inside the regions box */
.content-box{padding-left:9px!important;padding-right:9px!important;}
.region-plates{width:720px!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;grid-template-columns:repeat(6,120px)!important;column-gap:0!important;justify-content:start!important;box-sizing:border-box!important;}

/* ADVERTISING: compact 728x90 blocks with the same framed style as site boxes */
.ad-link{display:block;width:738px;height:100px;margin:10px auto 12px;padding:4px;border:1px solid #000;border-radius:7px;background:#fff;box-sizing:border-box;overflow:hidden;text-decoration:none;line-height:0;text-align:center;}
.ad-link img{display:block;width:728px;height:90px;max-width:none;margin:0;padding:0;border:0;object-fit:fill;}
@media(max-width:1000px){.ad-link{width:100%;max-width:738px;height:auto;aspect-ratio:738/100;}.ad-link img{width:100%;height:auto;aspect-ratio:728/90;}}


/* MOBILE MENU — only mobile, desktop is unchanged */
.mobile-menu-toggle{display:none}
@media(max-width:700px){
  /* One common mobile menu button for all sections using site.css/site.js */
  .main-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important;width:100%!important;}
  .mobile-menu-toggle{
    display:flex!important;
    grid-column:1!important;
    order:1!important;
    width:calc(100% - 24px)!important;
    max-width:490px!important;
    height:54px!important;
    margin:8px auto 8px!important;
    padding:0 16px!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    border:1px solid #999!important;
    border-radius:10px!important;
    background:linear-gradient(#fff,#f2f2f2)!important;
    color:#111!important;
    font:24px/1 Arial,Helvetica,sans-serif!important;
    cursor:pointer!important;
    -webkit-appearance:none!important;
    appearance:none!important;
  }
  .mobile-menu-toggle:active{background:#e9e9e9!important}

  /* Let sidebar children participate in the mobile main-grid order. */
  .main-grid>.sidebar{display:contents!important;width:auto!important;margin:0!important;}

  /* Menu comes immediately after the button. */
  .main-grid>.sidebar>.text-menu{
    grid-column:1!important;
    order:2!important;
    display:none!important;
    width:calc(100% - 24px)!important;
    max-width:490px!important;
    margin:0 auto 8px!important;
    padding:8px!important;
    box-sizing:border-box!important;
    border:1px solid #999!important;
    border-radius:10px!important;
    background:#fff!important;
    overflow:visible!important;
    text-align:center!important;
  }
  .main-grid>.sidebar>.text-menu.mobile-menu-open{display:block!important}

  .main-grid>.sidebar>.text-menu .text-menu-item{
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    margin:0 0 6px!important;
    background:none!important;
    overflow:visible!important;
  }
  .main-grid>.sidebar>.text-menu .text-menu-item:last-child{margin-bottom:0!important}
  .main-grid>.sidebar>.text-menu .text-menu-item a{
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    border:1px solid #999!important;
    border-radius:8px!important;
    background:linear-gradient(#fff,#ededed)!important;
    color:#111!important;
    font:18px/1 Arial,Helvetica,sans-serif!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }
  .main-grid>.sidebar>.text-menu .text-menu-item a:hover{background:#f5f5f5!important;text-decoration:none!important}

  /* Existing sidebar advertising stays below the mobile menu. */
  .main-grid>.sidebar>.ad-200{
    grid-column:1!important;
    order:3!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* The five desktop graphic menu buttons are not shown on mobile. */
  .main-grid>.sidebar>.graphic-menu{display:none!important}

  /* SAPE remains available, below the sidebar advertising. */
  .main-grid>.sidebar>.sape-box{
    grid-column:1!important;
    order:4!important;
    width:calc(100% - 24px)!important;
    max-width:490px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  /* Content always follows the sidebar/menu block. */
  .main-grid>.content-col{grid-column:1!important;order:10!important;width:100%!important;min-width:0!important;}
}


/* MOBILE HOMEPAGE: replace region-plate wall with a region-code finder.
   Desktop markup and layout remain unchanged. */
.mobile-home-region-finder{display:none}
@media(max-width:700px){
  body.mobile-homepage .content-box > h2{display:none!important}
  body.mobile-homepage .content-box .region-plates{display:none!important}
  body.mobile-homepage .mobile-home-region-finder{
    display:block!important;
    width:100%!important;
    max-width:490px!important;
    margin:14px auto 18px!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
    text-align:center!important;
  }
  body.mobile-homepage .mobile-home-region-finder .finder-copy{
    margin:0 auto 16px!important;
    font:600 22px/1.35 Arial,Helvetica,sans-serif!important;
    color:#111!important;
    text-align:center!important;
  }
  body.mobile-homepage .mobile-home-region-finder .finder-form{
    display:flex!important;
    justify-content:center!important;
    align-items:stretch!important;
    gap:8px!important;
    width:100%!important;
    max-width:460px!important;
    margin:0 auto!important;
  }
  body.mobile-homepage .mobile-home-region-finder .finder-input{
    display:block!important;
    flex:1 1 auto!important;
    width:1%!important;
    min-width:0!important;
    height:48px!important;
    margin:0!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
    border:1px solid #aaa!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#111!important;
    font:18px Arial,Helvetica,sans-serif!important;
  }
  body.mobile-homepage .mobile-home-region-finder .finder-button{
    display:block!important;
    flex:0 0 94px!important;
    width:94px!important;
    height:48px!important;
    margin:0!important;
    padding:0 8px!important;
    box-sizing:border-box!important;
    border:0!important;
    border-radius:8px!important;
    background:#d71920!important;
    color:#fff!important;
    font:700 17px Arial,Helvetica,sans-serif!important;
    cursor:pointer!important;
    -webkit-appearance:none!important;
    appearance:none!important;
  }
}
@media(max-width:360px){
  body.mobile-homepage .mobile-home-region-finder .finder-copy{font-size:20px!important}
  body.mobile-homepage .mobile-home-region-finder .finder-form{gap:6px!important}
  body.mobile-homepage .mobile-home-region-finder .finder-button{flex-basis:82px!important;width:82px!important;font-size:15px!important}
  body.mobile-homepage .mobile-home-region-finder .finder-input{font-size:16px!important;padding:0 8px!important}
}


/* MOBILE HOMEPAGE: show only the centered region finder in the content area. */
@media(max-width:700px){
  body.mobile-homepage .content-col > .ad-slot,
  body.mobile-homepage .sidebar > .ad-200,
  body.mobile-homepage .sidebar > .sape-box,
  body.mobile-homepage .content-box > h1,
  body.mobile-homepage .content-box > h2,
  body.mobile-homepage .content-box .region-plates{display:none!important}
  body.mobile-homepage .content-col{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-height:calc(100vh - 180px)!important;
    min-height:calc(100svh - 180px)!important;
  }
  body.mobile-homepage .content-col > article.content-box{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    flex:1 0 auto!important;
    min-height:calc(100vh - 180px)!important;
    min-height:calc(100svh - 180px)!important;
    margin-top:0!important;
    margin-bottom:0!important;
    padding-top:16px!important;
    padding-bottom:16px!important;
    box-sizing:border-box!important;
  }
  body.mobile-homepage .mobile-home-region-finder{
    width:100%!important;
    max-width:490px!important;
    margin:0 auto!important;
    padding:0 10px!important;
  }
  body.mobile-homepage .mobile-home-region-finder .finder-copy{
    margin:0 auto 22px!important;
    font-size:22px!important;
    line-height:1.4!important;
    font-weight:600!important;
    text-align:center!important;
  }
}

/* MOBILE FIX PACK: compact love banner, clean menu, mobile-only ad order, and no SAPE. */
.mobile-ad-image{display:none!important}
@media(max-width:700px){
  /* Keep the full rotating Я ЛЮБЛЮ banner inside the screen width. */
  .promo-row{
    display:flex!important;
    width:100%!important;
    height:auto!important;
    min-height:44px!important;
    margin:0!important;
    padding:0 5px!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .promo-row .love-link{
    display:block!important;
    width:100%!important;
    max-width:490px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0 auto!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .promo-row .love-old{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    height:44px!important;
    margin:0 auto!important;
    padding:0 2px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    box-sizing:border-box!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  .promo-row .love-old img{
    display:block!important;
    width:clamp(44px,16vw,60px)!important;
    height:auto!important;
    max-height:25px!important;
    flex:0 1 auto!important;
    object-fit:contain!important;
  }
  .promo-row .love-old .love-text{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:calc(100% - 104px)!important;
    margin:0!important;
    font-size:clamp(9px,3.2vw,13px)!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    text-align:center!important;
  }

  /* Top OSAGO banner: directly below the site header/love banner. */
  .ad-link-top,
  .main-grid > .ad-link-bottom{
    display:block!important;
    width:min(330px,calc(100% - 16px))!important;
    max-width:330px!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    margin:7px auto 9px!important;
    padding:4px!important;
    border:1px solid #000!important;
    border-radius:7px!important;
    background:#fff!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    line-height:0!important;
    text-align:center!important;
  }
  .ad-link-top > img:not(.mobile-ad-image),
  .ad-link-bottom > img:not(.mobile-ad-image){display:none!important}
  .ad-link-top > img.mobile-ad-image,
  .ad-link-bottom > img.mobile-ad-image{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    aspect-ratio:auto!important;
    object-fit:fill!important;
  }

  /* Remove SAPE completely from the mobile layout without leaving an empty gap. */
  .sape-box,
  .sidebar .sape-box,
  .main-grid > .sidebar > .sape-box,
  .main-grid > .sidebar > .ad-200{
    display:none!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  /* One menu button, with no extra wrapper/frame behind it. */
  main.main-grid > .mobile-menu-toggle{
    position:relative!important;
    z-index:2!important;
    width:calc(100% - 24px)!important;
    max-width:490px!important;
    height:54px!important;
    min-height:54px!important;
    margin:8px auto!important;
    padding:0 12px!important;
    border:1px solid #999!important;
    border-radius:10px!important;
    outline:0!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }

  /* The platinum card follows the menu; the body follows both. */
  .main-grid > .ad-link-bottom{order:3!important;grid-column:1!important;justify-self:center!important;}
  .main-grid > .content-col{order:10!important;grid-column:1!important;width:100%!important;min-width:0!important;}

  /* T-Mobile belongs after the page's main text, not in the sidebar. */
  .content-col > .ad-200,
  body.mobile-homepage .content-col > .ad-200{
    display:block!important;
    width:min(330px,calc(100% - 16px))!important;
    max-width:330px!important;
    height:auto!important;
    min-height:0!important;
    margin:10px auto 14px!important;
    padding:4px!important;
    border:1px solid #000!important;
    border-radius:7px!important;
    background:#fff!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    line-height:0!important;
    align-self:center!important;
    flex:0 0 auto!important;
  }
  .content-col > .ad-200 .ad-200-link{
    display:block!important;
    width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    line-height:0!important;
  }
  .content-col > .ad-200 .ad-200-desktop{display:none!important}
  .content-col > .ad-200 .ad-200-mobile{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    object-fit:fill!important;
  }
}

@media(max-width:700px){
  /* Keep the two explanatory lines close to the input; avoid the large empty gap. */
  body.mobile-homepage .mobile-home-region-finder .finder-copy{margin-bottom:8px!important;}
  body.mobile-homepage .mobile-home-region-finder .finder-label{
    display:block!important;
    margin:0 auto 8px!important;
    color:#111!important;
    font:600 17px/1.25 Arial,Helvetica,sans-serif!important;
    text-align:center!important;
  }
}
@media(max-width:360px){
  body.mobile-homepage .mobile-home-region-finder .finder-label{font-size:15px!important;}
}


/* MOBILE FOLLOW-UP FIXES: full-width love banner, compact finder, and share-line wrapping. */
.mobile-share-break{display:none!important}
@media(max-width:700px){
  /* In the mobile header keep the rotating Я ЛЮБЛЮ banner, not the site search. */
  .promo-row{
    display:flex!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    width:100%!important;
    height:auto!important;
    min-height:44px!important;
    margin:4px auto 5px!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .promo-row > .search{display:none!important;}
  .promo-row > .love-link{
    display:flex!important;
    width:100%!important;
    max-width:none!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0 2px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .promo-row .love-old{gap:4px!important;padding:0!important;}
  .promo-row .love-old img{width:clamp(42px,15vw,60px)!important;max-height:25px!important;}
  .promo-row .love-old .love-text{
    max-width:calc(100% - 92px)!important;
    font-size:clamp(8px,2.8vw,12px)!important;
    line-height:1.05!important;
    white-space:nowrap!important;
  }

  /* Do not vertically center the finder in a viewport-height blank box. */
  body.mobile-homepage .content-col{
    display:block!important;
    flex-direction:initial!important;
    justify-content:initial!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
  }
  body.mobile-homepage .content-col > article.content-box{
    display:block!important;
    flex:0 0 auto!important;
    min-height:0!important;
    height:auto!important;
    margin:0 auto!important;
    padding:12px 8px!important;
    justify-content:initial!important;
    box-sizing:border-box!important;
  }
  body.mobile-homepage .mobile-home-region-finder{
    width:100%!important;
    max-width:490px!important;
    margin:0 auto!important;
    padding:0 4px!important;
    box-sizing:border-box!important;
    text-align:center!important;
  }
  body.mobile-homepage .mobile-home-region-finder .finder-copy{
    margin:0 auto 5px!important;
    font-size:20px!important;
    line-height:1.24!important;
    font-weight:600!important;
  }
  body.mobile-homepage .mobile-home-region-finder .finder-label{
    display:block!important;
    margin:0 auto 6px!important;
    font-size:16px!important;
    line-height:1.2!important;
  }
  body.mobile-homepage .mobile-home-region-finder .finder-form{
    gap:6px!important;
    margin:0 auto!important;
  }
  body.mobile-homepage .mobile-home-region-finder .finder-input,
  body.mobile-homepage .mobile-home-region-finder .finder-button{height:44px!important;}

  /* Main Я ЛЮБЛЮ landing page: three lines, all inside the content frame. */
  .ilr-page .share-line{
    white-space:normal!important;
    overflow-wrap:normal!important;
    font-size:clamp(16px,4.6vw,20px)!important;
    line-height:1.25!important;
    text-align:center!important;
    margin:7px auto!important;
  }
  .ilr-page .share-line .mobile-share-break{display:block!important;}
  .ilr-page .share-line .share-mark{
    display:inline-flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:4px!important;
    height:34px!important;
    max-width:100%!important;
    line-height:1!important;
    white-space:nowrap!important;
    vertical-align:middle!important;
  }
  .ilr-page .share-line .quote-ya{font-size:24px!important;line-height:28px!important;}
  .ilr-page .share-line .quote-heart{width:22px!important;height:22px!important;flex:0 0 22px!important;}
  .ilr-page .share-line .changing-region{
    min-width:30px!important;
    font-size:24px!important;
    line-height:28px!important;
    transform:translateY(-3px)!important;
  }
  .ilr-page .ilr-intro{padding-left:3px!important;padding-right:3px!important;}
}