#lt-oranienbaum-seo{
      --accent:#00a7ff;
      --accent-2:#0077ff;
      --text:#13202f;
      --muted:#5e6b78;
      --line:rgba(19,32,47,.10);
      --card:#fff;
      --shadow:0 18px 50px rgba(19,32,47,.10);
      font-family:Arial,Helvetica,sans-serif;
      color:var(--text);
      margin:42px 0;
      width:100%;
    }

    #lt-oranienbaum-seo *{box-sizing:border-box}
    #lt-oranienbaum-seo a{color:inherit;text-decoration:none}
    #lt-oranienbaum-seo img{max-width:100%;display:block}

    #lt-oranienbaum-seo .lt-wrap{
      width:100%;
      max-width:none;
      margin:0;
      padding:0 16px;
    }

    #lt-oranienbaum-seo .lt-section{margin-top:38px}

    #lt-oranienbaum-seo .lt-hero{
      position:relative;
      overflow:hidden;
      border-radius:34px;
      min-height:560px;
      display:flex;
      align-items:flex-end;
      padding:52px;
      background:
        linear-gradient(180deg,rgba(19,32,47,.08) 0%,rgba(19,32,47,.82) 100%),
        url("https://leningrad-tours.ru/media-files/Oranienbaum/Oranienbaum.png") center/cover no-repeat;
      box-shadow:0 24px 70px rgba(19,32,47,.18);
    }

    #lt-oranienbaum-seo .lt-hero:before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at top right, rgba(0,167,255,.28), transparent 34%),
        radial-gradient(circle at bottom left, rgba(0,119,255,.20), transparent 32%);
      pointer-events:none;
    }

    #lt-oranienbaum-seo .lt-hero-content{
      max-width:980px;
      color:#fff;
      position:relative;
      z-index:2;
    }

    #lt-oranienbaum-seo .lt-badge{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:9px 15px;
      border-radius:999px;
      background:rgba(255,255,255,.14);
      border:1px solid rgba(255,255,255,.22);
      backdrop-filter:blur(10px);
      -webkit-backdrop-filter:blur(10px);
      font-size:14px;
      margin-bottom:18px;
    }

    #lt-oranienbaum-seo .lt-badge:before{
      content:"";
      width:8px;
      height:8px;
      border-radius:50%;
      background:var(--accent);
      box-shadow:0 0 0 5px rgba(0,167,255,.22);
    }

    #lt-oranienbaum-seo .lt-hero-title{
      margin:0 0 18px;
      font-size:56px;
      line-height:1.04;
      letter-spacing:-.045em;
      color:#fff;
      font-weight:800;
      text-shadow:0 4px 22px rgba(0,0,0,.36);
    }

    #lt-oranienbaum-seo .lt-lead{
      margin:0 0 24px;
      font-size:19px;
      line-height:1.72;
      color:rgba(255,255,255,.95);
      max-width:920px;
      text-shadow:0 2px 12px rgba(0,0,0,.28);
    }

    #lt-oranienbaum-seo .lt-hero-actions{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
    }

    #lt-oranienbaum-seo .lt-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      padding:14px 20px;
      border-radius:999px;
      font-size:15px;
      font-weight:800;
      transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
    }

    #lt-oranienbaum-seo .lt-btn-primary{
      background:linear-gradient(135deg,var(--accent),var(--accent-2));
      color:#fff;
      box-shadow:0 12px 34px rgba(0,119,255,.28);
    }

    #lt-oranienbaum-seo .lt-btn-secondary{
      background:rgba(255,255,255,.13);
      color:#fff;
      border:1px solid rgba(255,255,255,.22);
      backdrop-filter:blur(10px);
      -webkit-backdrop-filter:blur(10px);
    }

    #lt-oranienbaum-seo .lt-btn:hover{transform:translateY(-2px)}

    #lt-oranienbaum-seo .lt-head{
      display:flex;
      justify-content:space-between;
      align-items:flex-end;
      gap:20px;
      margin-bottom:20px;
    }

    #lt-oranienbaum-seo .lt-head h2{
      margin:0;
      font-size:36px;
      line-height:1.12;
      letter-spacing:-.03em;
    }

    #lt-oranienbaum-seo .lt-box{
      background:rgba(255,255,255,.96);
      border:1px solid rgba(255,255,255,.55);
      border-radius:28px;
      box-shadow:0 14px 44px rgba(19,32,47,.08);
      padding:30px;
      backdrop-filter:blur(14px);
      -webkit-backdrop-filter:blur(14px);
    }

    #lt-oranienbaum-seo .lt-box h2,
    #lt-oranienbaum-seo .lt-box h3{
      margin:0 0 14px;
      font-size:30px;
      line-height:1.18;
      letter-spacing:-.02em;
    }

    #lt-oranienbaum-seo .lt-box p{
      margin:0 0 14px;
      font-size:16px;
      line-height:1.75;
      color:var(--muted);
    }

    #lt-oranienbaum-seo .lt-box p:last-child{margin-bottom:0}

    #lt-oranienbaum-seo .lt-blue-note{
      position:relative;
      overflow:hidden;
      background:
        radial-gradient(circle at top right, rgba(255,255,255,.26), transparent 34%),
        linear-gradient(135deg,#00a7ff,#0077ff);
      border-radius:30px;
      padding:30px;
      color:#fff;
      box-shadow:0 20px 60px rgba(0,119,255,.24);
    }

    #lt-oranienbaum-seo .lt-blue-note h2{
      margin:0 0 12px;
      color:#fff;
      font-size:30px;
      line-height:1.18;
      letter-spacing:-.02em;
    }

    #lt-oranienbaum-seo .lt-blue-note p{
      margin:0;
      color:rgba(255,255,255,.92);
      font-size:16px;
      line-height:1.72;
      max-width:1040px;
    }

    #lt-oranienbaum-seo .lt-text-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:22px;
    }

    #lt-oranienbaum-seo .lt-mini{
      background:#fff;
      border:1px solid var(--line);
      border-radius:28px;
      box-shadow:0 14px 42px rgba(19,32,47,.07);
      padding:30px;
    }

    #lt-oranienbaum-seo .lt-mini h3{
      margin:0 0 12px;
      font-size:27px;
      line-height:1.18;
      letter-spacing:-.02em;
    }

    #lt-oranienbaum-seo .lt-mini p{
      margin:0 0 14px;
      font-size:16px;
      line-height:1.75;
      color:var(--muted);
    }

    #lt-oranienbaum-seo .lt-mini p:last-child{margin-bottom:0}

    #lt-oranienbaum-seo .lt-features{
      list-style:none;
      padding:0;
      margin:0 0 16px;
      display:grid;
      gap:9px;
    }

    #lt-oranienbaum-seo .lt-features:last-child{margin-bottom:0}

    #lt-oranienbaum-seo .lt-features li{
      position:relative;
      padding-left:20px;
      font-size:15px;
      line-height:1.58;
      color:var(--text);
    }

    #lt-oranienbaum-seo .lt-features li::before{
      content:"";
      position:absolute;
      left:0;
      top:8px;
      width:8px;
      height:8px;
      border-radius:50%;
      background:var(--accent);
    }

    #lt-oranienbaum-seo .lt-place-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:18px;
    }

    #lt-oranienbaum-seo .lt-place-card{
      background:#fff;
      border:1px solid rgba(19,32,47,.08);
      border-radius:28px;
      overflow:hidden;
      box-shadow:0 14px 42px rgba(19,32,47,.07);
      transition:transform .26s ease, box-shadow .26s ease, border-color .26s ease;
    }

    #lt-oranienbaum-seo .lt-place-card:hover{
      transform:translateY(-5px);
      border-color:rgba(0,167,255,.32);
      box-shadow:0 22px 60px rgba(19,32,47,.13);
    }

    #lt-oranienbaum-seo .lt-place-image{
      position:relative;
      min-height:245px;
      overflow:hidden;
      background:#111;
    }

    #lt-oranienbaum-seo .lt-place-image:after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(180deg,rgba(19,32,47,.04) 0%,rgba(19,32,47,.36) 100%);
      pointer-events:none;
    }

    #lt-oranienbaum-seo .lt-place-image img{
      width:100%;
      height:100%;
      position:absolute;
      inset:0;
      object-fit:cover;
      transition:transform .5s ease;
    }

    #lt-oranienbaum-seo .lt-place-card:hover .lt-place-image img{
      transform:scale(1.07);
    }

    #lt-oranienbaum-seo .lt-glass-badge{
      position:absolute;
      top:16px;
      left:16px;
      z-index:2;
      display:inline-flex;
      padding:8px 13px;
      border-radius:999px;
      color:#fff;
      background:rgba(255,255,255,.16);
      border:1px solid rgba(255,255,255,.28);
      backdrop-filter:blur(12px);
      -webkit-backdrop-filter:blur(12px);
      font-size:13px;
      font-weight:800;
      box-shadow:0 10px 28px rgba(0,0,0,.14);
    }

    #lt-oranienbaum-seo .lt-place-body{
      padding:24px;
    }

    #lt-oranienbaum-seo .lt-place-body h3{
      margin:0 0 10px;
      font-size:23px;
      line-height:1.2;
    }

    #lt-oranienbaum-seo .lt-place-body p{
      margin:0;
      color:var(--muted);
      font-size:15px;
      line-height:1.65;
    }

    #lt-oranienbaum-seo .lt-gallery-box{
      background:#fff;
      border:1px solid var(--line);
      border-radius:30px;
      padding:30px;
      box-shadow:0 14px 42px rgba(19,32,47,.07);
    }

    #lt-oranienbaum-seo .lt-gallery-box h2{
      margin:0 0 20px;
      font-size:34px;
      line-height:1.16;
      letter-spacing:-.03em;
    }

    #lt-oranienbaum-seo .lt-gallery{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:16px;
    }

    #lt-oranienbaum-seo .lt-gallery figure{
      margin:0;
      border-radius:20px;
      overflow:hidden;
      box-shadow:0 10px 30px rgba(19,32,47,.10);
      background:#111;
    }

    #lt-oranienbaum-seo .lt-gallery img{
      display:block;
      width:100%;
      height:260px;
      object-fit:cover;
      transition:transform .4s ease;
    }

    #lt-oranienbaum-seo .lt-gallery img:hover{transform:scale(1.05)}

    #lt-oranienbaum-seo .lt-faq-block{
      background:#fff;
      border:1px solid var(--line);
      border-radius:30px;
      padding:34px;
      box-shadow:0 14px 42px rgba(19,32,47,.07);
    }

    #lt-oranienbaum-seo .lt-faq-block h2{
      margin:0 0 18px;
      font-size:34px;
      line-height:1.16;
      letter-spacing:-.03em;
    }

    #lt-oranienbaum-seo .faq-item{border-bottom:1px solid rgba(19,32,47,.10)}
    #lt-oranienbaum-seo .faq-item:last-child{border-bottom:0}

    #lt-oranienbaum-seo .faq-item summary{
      list-style:none;
      cursor:pointer;
      padding:18px 0;
      font-size:18px;
      font-weight:700;
      display:flex;
      align-items:center;
      gap:10px;
      color:var(--text);
    }

    #lt-oranienbaum-seo .faq-item summary::-webkit-details-marker{display:none}

    #lt-oranienbaum-seo .faq-item summary::before{
      content:"▶";
      color:var(--accent);
      font-size:14px;
      transition:transform .3s ease;
    }

    #lt-oranienbaum-seo .faq-item[open] summary::before{transform:rotate(90deg)}

    #lt-oranienbaum-seo .faq-answer{
      padding:0 0 18px 24px;
      font-size:16px;
      color:var(--muted);
      line-height:1.7;
    }

    #lt-oranienbaum-seo .faq-answer a{
      color:var(--accent-2);
      font-weight:800;
      text-decoration:none;
    }

    #lt-oranienbaum-seo .lt-bottom-nav{
      position:relative;
      overflow:hidden;
      background:
        radial-gradient(circle at top right, rgba(255,255,255,.24), transparent 34%),
        linear-gradient(135deg,#00a7ff,#0077ff);
      border-radius:30px;
      padding:32px;
      color:#fff;
      box-shadow:0 20px 60px rgba(0,119,255,.24);
    }

    #lt-oranienbaum-seo .lt-bottom-nav h2{
      margin:0 0 16px;
      font-size:30px;
      line-height:1.18;
      color:#fff;
    }

    #lt-oranienbaum-seo .lt-nav-links{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
    }

    #lt-oranienbaum-seo .lt-nav-links a{
      display:inline-flex;
      padding:11px 15px;
      border-radius:999px;
      background:rgba(255,255,255,.16);
      border:1px solid rgba(255,255,255,.26);
      color:#fff;
      font-size:14px;
      backdrop-filter:blur(12px);
      -webkit-backdrop-filter:blur(12px);
      box-shadow:0 10px 28px rgba(0,0,0,.10);
      transition:background .22s ease, transform .22s ease;
    }

    #lt-oranienbaum-seo .lt-nav-links a:hover{
      background:rgba(255,255,255,.24);
      transform:translateY(-2px);
    }


    #lt-oranienbaum-seo .lt-weather-box{
      background:#fff;
      border:1px solid var(--line);
      border-radius:30px;
      padding:30px;
      box-shadow:0 14px 42px rgba(19,32,47,.07);
      overflow:hidden;
    }

    #lt-oranienbaum-seo .lt-weather-box h2{
      margin:0 0 12px;
      font-size:34px;
      line-height:1.16;
      letter-spacing:-.03em;
    }

    #lt-oranienbaum-seo .lt-weather-box > p{
      margin:0 0 22px;
      font-size:16px;
      line-height:1.72;
      color:var(--muted);
      max-width:920px;
    }

    #lt-oranienbaum-seo .lt-weather-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:16px;
    }

    #lt-oranienbaum-seo .lt-weather-card{
      position:relative;
      min-height:190px;
      padding:20px;
      border-radius:24px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.48);
      box-shadow:0 14px 36px rgba(19,32,47,.08);
      backdrop-filter:blur(14px);
      -webkit-backdrop-filter:blur(14px);
    }

    #lt-oranienbaum-seo .lt-weather-card:before{
      content:"";
      position:absolute;
      inset:0;
      background:rgba(255,255,255,.42);
      pointer-events:none;
    }

    #lt-oranienbaum-seo .lt-weather-card > *{
      position:relative;
      z-index:2;
    }

    #lt-oranienbaum-seo .lt-weather-card.spring{
      background:linear-gradient(135deg,rgba(255,192,203,.62),rgba(255,255,255,.34));
    }

    #lt-oranienbaum-seo .lt-weather-card.summer{
      background:linear-gradient(135deg,rgba(110,196,123,.62),rgba(255,255,255,.34));
    }

    #lt-oranienbaum-seo .lt-weather-card.autumn{
      background:linear-gradient(135deg,rgba(255,160,64,.62),rgba(255,255,255,.34));
    }

    #lt-oranienbaum-seo .lt-weather-card.winter{
      background:linear-gradient(135deg,rgba(90,165,255,.62),rgba(255,255,255,.34));
    }

    #lt-oranienbaum-seo .lt-weather-icon{
      font-size:32px;
      line-height:1;
      margin-bottom:12px;
    }

    #lt-oranienbaum-seo .lt-weather-card h3{
      margin:0 0 8px;
      font-size:22px;
      line-height:1.18;
      letter-spacing:-.02em;
    }

    #lt-oranienbaum-seo .lt-weather-temp{
      display:inline-flex;
      align-items:center;
      padding:7px 11px;
      border-radius:999px;
      background:rgba(255,255,255,.52);
      border:1px solid rgba(255,255,255,.58);
      font-size:15px;
      font-weight:800;
      color:var(--text);
      margin-bottom:10px;
    }

    #lt-oranienbaum-seo .lt-weather-card p{
      margin:0;
      color:var(--muted);
      font-size:14px;
      line-height:1.55;
    }

    #lt-oranienbaum-seo .lt-transport-box{
      background:#fff;
      border:1px solid var(--line);
      border-radius:30px;
      padding:30px;
      box-shadow:0 14px 42px rgba(19,32,47,.07);
      overflow:hidden;
    }

    #lt-oranienbaum-seo .lt-transport-box h2{
      margin:0 0 14px;
      font-size:34px;
      line-height:1.16;
      letter-spacing:-.03em;
    }

    #lt-oranienbaum-seo .lt-transport-box p{
      margin:0 0 18px;
      color:var(--muted);
      font-size:16px;
      line-height:1.72;
      max-width:960px;
    }

    #lt-oranienbaum-seo .lt-table-scroll{
      width:100%;
      overflow-x:auto;
      -webkit-overflow-scrolling:touch;
    }

    #lt-oranienbaum-seo .lt-transport-table{
      width:100%;
      border-collapse:separate;
      border-spacing:0;
      min-width:760px;
      overflow:hidden;
      border-radius:22px;
      border:1px solid rgba(19,32,47,.10);
    }

    #lt-oranienbaum-seo .lt-transport-table th{
      background:linear-gradient(135deg,rgba(0,167,255,.13),rgba(0,119,255,.08));
      color:var(--text);
      text-align:left;
      font-size:14px;
      line-height:1.4;
      padding:16px;
      border-bottom:1px solid rgba(19,32,47,.10);
    }

    #lt-oranienbaum-seo .lt-transport-table td{
      padding:16px;
      vertical-align:top;
      font-size:15px;
      line-height:1.55;
      color:var(--muted);
      border-bottom:1px solid rgba(19,32,47,.08);
    }

    #lt-oranienbaum-seo .lt-transport-table tr:last-child td{
      border-bottom:0;
    }

    #lt-oranienbaum-seo .lt-transport-table strong{
      color:var(--text);
    }
@media(max-width:1180px){
      #lt-oranienbaum-seo .lt-place-grid{
        grid-template-columns:repeat(2,1fr);
      }
    }

    @media(max-width:980px){
      #lt-oranienbaum-seo .lt-text-grid{
        grid-template-columns:1fr;
      }

      #lt-oranienbaum-seo .lt-head{display:block}

      #lt-oranienbaum-seo .lt-hero{
        padding:34px;
        min-height:460px;
      }

      #lt-oranienbaum-seo .lt-hero-title{font-size:42px}
      #lt-oranienbaum-seo .lt-weather-grid{grid-template-columns:repeat(2,1fr)}
      #lt-oranienbaum-seo .lt-gallery{grid-template-columns:repeat(2,1fr)}
    }

    @media(max-width:680px){
      #lt-oranienbaum-seo .lt-place-grid{
        grid-template-columns:1fr;
      }
    }

    @media(max-width:560px){
      #lt-oranienbaum-seo{margin:24px 0}
      #lt-oranienbaum-seo .lt-wrap{padding:0 12px}

      #lt-oranienbaum-seo .lt-hero{
        border-radius:24px;
        padding:26px;
        min-height:430px;
      }

      #lt-oranienbaum-seo .lt-hero-title{font-size:32px}
      #lt-oranienbaum-seo .lt-lead{font-size:16px}

      #lt-oranienbaum-seo .lt-box,
      #lt-oranienbaum-seo .lt-mini,
      #lt-oranienbaum-seo .lt-blue-note,
      #lt-oranienbaum-seo .lt-weather-box,
      #lt-oranienbaum-seo .lt-transport-box,
      #lt-oranienbaum-seo .lt-routes-table-box,
      #lt-oranienbaum-seo .lt-bottom-nav,
      #lt-oranienbaum-seo .lt-faq-block,
      #lt-oranienbaum-seo .lt-gallery-box{
        padding:24px;
        border-radius:24px;
      }

      #lt-oranienbaum-seo .lt-head h2,
      #lt-oranienbaum-seo .lt-bottom-nav h2,
      #lt-oranienbaum-seo .lt-faq-block h2,
      #lt-oranienbaum-seo .lt-gallery-box h2,
      #lt-oranienbaum-seo .lt-blue-note h2{font-size:28px}

      #lt-oranienbaum-seo .lt-place-image{
        min-height:230px;
      }

      #lt-oranienbaum-seo .lt-weather-grid{grid-template-columns:1fr}
      #lt-oranienbaum-seo .lt-gallery{grid-template-columns:1fr}
      #lt-oranienbaum-seo .lt-gallery img{height:auto}
      #lt-oranienbaum-seo .lt-nav-links a{font-size:13px}
    }
#lt-yandex-reviews-section{
  --accent:#00a7ff;
  --accent-2:#0077ff;
  --text:#0f1115;
  --muted:rgba(15,17,21,.64);
  --line:rgba(15,17,21,.10);

  width:100%;
  margin:42px 0 0;

  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--text);

  box-sizing:border-box;
}

#lt-yandex-reviews-section *{
  box-sizing:border-box;
}

#lt-yandex-reviews-section a{
  text-decoration:none;
}


/* =========================================================
   ЗАГОЛОВОК
   ========================================================= */

#lt-yandex-reviews-section .lt-reviews-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;

  width:100%;
  margin:0 0 20px;
}

#lt-yandex-reviews-section .lt-reviews-title{
  margin:0;

  font-size:28px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:-.03em;

  color:var(--text);
}

#lt-yandex-reviews-section .lt-reviews-all{
  flex:0 0 auto;

  color:var(--accent-2);

  font-size:16px;
  line-height:1.4;
  font-weight:600;

  transition:.2s;
}

#lt-yandex-reviews-section .lt-reviews-all:hover{
  opacity:.65;
}


/* =========================================================
   ОБЩАЯ БЕЛАЯ ПЛАШКА
   ========================================================= */

#lt-yandex-reviews-section .lt-reviews-shell{
  width:100%;

  display:grid;
  grid-template-columns:280px minmax(0,760px);
  justify-content:center;
  align-items:stretch;

  gap:30px;

  padding:30px;

  background:#fff;

  border:1px solid var(--line);
  border-radius:28px;

  box-shadow:0 14px 36px rgba(15,17,21,.12);
}


/* =========================================================
   ЛЕВАЯ КАРТОЧКА
   ========================================================= */

#lt-yandex-reviews-section .lt-rating-card{
  width:100%;
  min-height:660px;

  padding:28px 24px;

  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;

  background:#fff;

  border:1px solid rgba(15,17,21,.08);
  border-radius:20px;

  box-shadow:0 8px 24px rgba(15,17,21,.07);
}

#lt-yandex-reviews-section .lt-rating-name{
  margin:0 0 14px;

  font-size:20px;
  line-height:1.3;
  font-weight:700;
}

#lt-yandex-reviews-section .lt-rating-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;

  gap:10px;

  margin-bottom:10px;
}

#lt-yandex-reviews-section .lt-rating-number{
  font-size:44px;
  line-height:1;
  font-weight:700;
  letter-spacing:-.04em;
}

#lt-yandex-reviews-section .lt-rating-stars{
  color:#ffcc00;

  font-size:20px;
  line-height:1;
}

#lt-yandex-reviews-section .lt-rating-note{
  margin:0 0 22px;

  color:var(--muted);

  font-size:14px;
  line-height:1.5;
}

#lt-yandex-reviews-section .lt-review-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-height:44px;

  padding:0 18px;

  background:var(--accent);
  color:#fff;

  border-radius:9px;

  font-size:14px;
  font-weight:700;

  transition:.2s;
}

#lt-yandex-reviews-section .lt-review-button:hover{
  background:var(--accent-2);
}

#lt-yandex-reviews-section .lt-yandex-text-link{
  display:inline-block;

  margin-top:16px;

  color:var(--accent-2);

  font-size:13px;
  line-height:1.4;
  font-weight:600;
}

#lt-yandex-reviews-section .lt-yandex-text-link:hover{
  text-decoration:underline;
}


/* =========================================================
   ЯНДЕКС-ВИДЖЕТ
   ========================================================= */

#lt-yandex-reviews-section .lt-yandex-side{
  width:100%;
  min-width:0;
}

#lt-yandex-reviews-section .lt-yandex-widget{
  position:relative;

  width:100%;
  max-width:760px;
  height:660px;

  overflow:hidden;

  background:#fff;

  border:1px solid rgba(15,17,21,.08);
  border-radius:20px;

  box-shadow:0 8px 24px rgba(15,17,21,.07);
}

#lt-yandex-reviews-section .lt-yandex-widget iframe{
  display:block;

  width:100%;
  height:100%;

  margin:0;
  padding:0;

  border:0;

  background:#fff;
}

#lt-yandex-reviews-section .lt-yandex-widget-credit{
  position:absolute;

  left:0;
  bottom:6px;

  width:100%;

  padding:0 20px;

  color:#aaa;

  text-align:center;

  font-family:Arial,sans-serif;
  font-size:10px;
  line-height:14px;

  z-index:2;
}


/* =========================================================
   ПЛАНШЕТ
   ========================================================= */

@media(max-width:980px){

  #lt-yandex-reviews-section .lt-reviews-shell{
    grid-template-columns:220px minmax(0,1fr);

    gap:20px;

    padding:20px;
  }

  #lt-yandex-reviews-section .lt-rating-card{
    padding:20px;
  }

  #lt-yandex-reviews-section .lt-rating-number{
    font-size:38px;
  }

  #lt-yandex-reviews-section .lt-rating-stars{
    font-size:17px;
  }

  #lt-yandex-reviews-section .lt-yandex-widget{
    max-width:none;
  }
}


/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================= */

@media(max-width:767px){

  #lt-yandex-reviews-section{
    margin-top:32px;
  }

  #lt-yandex-reviews-section .lt-reviews-head{
    flex-direction:column;
    align-items:flex-start;

    gap:8px;

    margin-bottom:16px;
  }

  #lt-yandex-reviews-section .lt-reviews-title{
    font-size:22px;
  }

  #lt-yandex-reviews-section .lt-reviews-all{
    font-size:14px;
  }

  #lt-yandex-reviews-section .lt-reviews-shell{
    display:block;

    width:100%;

    padding:8px;

    border-radius:22px;
  }

  #lt-yandex-reviews-section .lt-rating-card{
    min-height:0;

    margin:0 0 10px;

    padding:20px;

    justify-content:flex-start;

    border-radius:16px;

    box-shadow:none;
  }

  #lt-yandex-reviews-section .lt-rating-name{
    margin-bottom:10px;

    font-size:18px;
  }

  #lt-yandex-reviews-section .lt-rating-number{
    font-size:38px;
  }

  #lt-yandex-reviews-section .lt-rating-stars{
    font-size:18px;
  }

  #lt-yandex-reviews-section .lt-rating-note{
    margin-bottom:16px;

    font-size:13px;
  }

  #lt-yandex-reviews-section .lt-review-button{
    width:100%;
  }

  #lt-yandex-reviews-section .lt-yandex-widget{
    width:100%;
    max-width:none;
    height:620px;

    border-radius:16px;

    box-shadow:none;
  }
}