:root{
    --text:#0F172A;
    --muted:#475569;
    --line:#E5E7EB;
    --bg:#FFFFFF;
    --soft:#F8FAFC;
    --dark:#111827;
    --accent:#EF4444;   /* CTA red як у прикладі */
    --accent2:#DC2626;
    --badge:#EF4444;
    --radius:18px;
  }
body{
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont,
               'Segoe UI', Roboto, Arial, sans-serif;
}
  .hero2{ max-width:100%; margin:0 auto; background:var(--bg); overflow:hidden; box-shadow:0 18px 40px rgba(2,6,23,.08); }
  .hero2 *{ box-sizing:border-box; font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; }
* {
  user-select: none;
}
  /* header */
  .h2Head{
    background: linear-gradient(180deg, #6a3036, #461f23);
    color:#fff;
    text-align:center;
    padding:16px 12px 14px;
  }
  .h2Title{
    font-size:22px; /* bigger */
    font-weight:1000;
    letter-spacing:.6px;
  }
  .h2Sub{
    margin-top:4px;
    font-size:18px;
    font-weight:900;
    letter-spacing:.3px;
    opacity:.95;
  }

  /* timer row */
  .h2TimerRow{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px;
    background:#fff;
    border-bottom:1px solid var(--line);
  }

  .h2Ends{ display:flex; align-items:center; gap:10px; }
  .h2Clock{
    width:44px; height:44px;
    border-radius:999px;
    border:3px solid #CBD5E1;
    display:grid;
    place-items:center;
    position:relative;
  }
  .h2Clock::after{
    content:"";
    position:absolute;
    inset:4px;
    border-radius:999px;
    border:3px solid #111827;
    border-left-color:transparent;
    border-bottom-color:transparent;
    transform:rotate(35deg);
    opacity:.45;
  }
  .h2Clock__num{ font-size:14.5px; font-weight:1000; color:#0F172A; }

  .h2Ends__k{
    font-size:15.5px; /* bigger */
    font-weight:900;
    color:var(--text);
    line-height:1.1;
  }

  .h2Timer{ flex:1; text-align:right; min-width:190px; }
  .h2Timer__labels{
    display:flex;
    justify-content:flex-end;
    gap:22px;
    font-size:13px;
    font-weight:800;
    color:var(--muted);
  }
  .h2Timer__time{
    margin-top:2px;
    font-size:30px; /* big like example */
    font-weight:1000;
    letter-spacing:.5px;
    color:var(--text);
    line-height:1;
  }
  .h2Timer__line{
    margin-top:6px;
    height:2px;
    background:#0F172A;
    opacity:.15;
  }

  /* thumbs */
  .h2Thumbs{
    padding:10px 12px;
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:10px;
    background:#fff;
    border-bottom:1px solid var(--line);
  }
  .h2Thumbs img{
    width:100%;
    display:block;
    border-radius:14px;
    border:1px solid var(--line);
    aspect-ratio: 1 / 1;
    object-fit:cover;
    background:#fff;
  }

  /* main image + badge */
  .h2Media{
    position:relative;
    background: #fff;
    border-bottom:1px solid var(--line);
  }
  .h2Img{
    width:100%;
    display:block;

  }
  .h2Badge{
    position:absolute;
    left:385px;
    bottom:15px;
    width:88px;
    height:88px;
    border-radius:999px;
    background: var(--badge);
    color:#fff;
    display:grid;
    place-items:center;
    font-weight:1000;
    font-size:26px;
    box-shadow:0 16px 30px rgba(239,68,68,.35);
  }
  .h2Badge::after{
    content:"";
    position:absolute;
    inset:-6px;
    border-radius:999px;
    border:2px dashed rgba(255,255,255,.75);
    opacity:.9;
  }

  /* trust row */
  .h2Trust{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:0;
    background: linear-gradient(180deg, #6a3036, #461f23);
    color:#fff;
    padding:10px 0;
  }
  .tItem{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:6px 6px;
    border-right:1px solid rgba(255,255,255,.12);
  }
  .tItem:last-child{ border-right:none; }
  .tIcon{ width:34px; height:34px; border-radius:999px; background:rgba(255,255,255,.12); display:grid; place-items:center; font-size:18px; }
  .tText{ font-size:14.5px; font-weight:900; line-height:1.1; text-align:left; }

  /* prices + CTA */
  .h2Buy{
    background:#fff;
    padding:12px 12px 16px;
  }
  .h2Prices{
    display:grid;
    grid-template-columns:1fr 1.2fr;
    gap:12px;
    align-items:end;
  }
  .pLabel{ font-size:13.5px; font-weight:800; color:var(--muted); }
  .pOld{
    margin-top:4px;
    font-size:34px;
    font-weight:1000;
    color:#0F172A;
    opacity:.35;
    text-decoration:line-through;
    text-decoration-thickness:3px;
  }

  .newTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
  }
  .saveTag{
    font-size:13px;
    font-weight:1000;
    padding:6px 10px;
    border-radius:10px;
    background:#FEE2E2;
    color:#991B1B;
    border:1px solid #FECACA;
    white-space:nowrap;
  }
  .pNow{
    margin-top:6px;
    font-size:54px;
    font-weight:1000;
    color:#0F172A;
    line-height:1;
  }
  .pNow small{
    font-size:30px;
    font-weight:1000;
    margin-left:4px;
  }

  .h2Cta{
    margin-top:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    height:64px;
    border-radius:999px;
    background:linear-gradient(180deg, var(--accent), var(--accent2));
    color:#fff;
    font-weight:1000;
    font-size:20px; /* bigger */
    letter-spacing:.6px;
    text-decoration:none;
    box-shadow:0 18px 0 rgba(2,6,23,.18);
  }
  .h2Cta:active{ transform: translateY(2px); box-shadow:0 16px 0 rgba(2,6,23,.16); }

  .h2Stock{
    margin-top:12px;
    text-align:center;
    font-size:16px;
    color:var(--muted);
    font-weight:800;
  }
  .stockNum{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:40px;
    padding:4px 10px;
    border-radius:10px;
    background:#DCFCE7;
    color:#166534;
    border:1px solid #BBF7D0;
    font-weight:1000;
  }
  .stockUnit{ margin-left:4px; }

  @media (max-width:360px){
    .h2Timer__time{ font-size:36px; }
    .pNow{ font-size:50px; }
    .h2Cta{ font-size:19px; height:62px; }
  }

 :root{
    --bg:#FFFFFF;
    --soft:#F8FAFC;
    --text:#0F172A;
    --muted:#475569;
    --line:#E5E7EB;

    --dark1:#0B1220;
    --dark2:#111827;

    --cta1:#EF4444;
    --cta2:#DC2626;

    --radius:20px;
    --radiusIn:16px;
  }

  /* wrapper with glow so form pops from page */
  .orderFocus{
    position:relative;
    max-width:470px;
    margin:28px auto;
    padding:5px;
  }
  .ofGlow{
    position:absolute;
    inset:0;
    border-radius:28px;
    background:
      radial-gradient(240px 120px at 20% -10%, rgba(239,68,68,.35), transparent 60%),
      radial-gradient(240px 120px at 80% -10%, rgba(37,99,235,.28), transparent 60%);
    filter: blur(18px);
    z-index:0;
  }

  /* card */
  .ofCard{
    position:relative;
    z-index:1;
    background:linear-gradient(180deg,#FFFFFF,#F8FAFC);
    border:2px solid #E5E7EB;
    border-radius:28px;
    box-shadow:
      0 22px 60px rgba(2,6,23,.18),
      inset 0 1px 0 rgba(255,255,255,.9);
    overflow:hidden;
  }

  /* header */
  .ofHead{
    background:linear-gradient(180deg,var(--dark1),var(--dark2));
    color:#fff;
    padding:18px 16px 16px;
    text-align:center;
  }
  .ofBadge{
    display:inline-block;
    padding:6px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.25);
    font-weight:900;
    font-size:14.5px;
    margin-bottom:10px;
  }
  .ofTitle{
    margin:0;
    font-size:22px;          /* крупнее обычного */
    font-weight:1000;
    line-height:1.15;
    letter-spacing:.2px;
  }
  .ofSub{
    margin:8px 0 0;
    font-size:15.5px;
    font-weight:800;
    opacity:.9;
  }

  /* form body */
  .ofForm{
    padding:16px;
    background:#FFFFFF;
  }

  .ofField{
    display:flex;
    flex-direction:column;
    gap:6px;
    margin-bottom:12px;
  }
  .ofField label{
    font-size:15px;
    font-weight:900;
    color:var(--text);
  }
  .ofField input,
  .ofField select{
    height:56px;                    /* выше, чем обычно */
    border-radius:16px;
    border:2px solid #E5E7EB;
    padding:0 14px;
    font-size:16.5px;
    background:#FFFFFF;
    outline:none;
  }
  .ofField input:focus,
  .ofField select:focus{
    border-color:#2563EB;
    box-shadow:0 0 0 4px rgba(37,99,235,.18);
  }

  /* trust mini strip */
  .ofTrust{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:8px;
    margin:6px 0 12px;
    padding:10px;
    background:#F8FAFC;
    border:1px dashed #E5E7EB;
    border-radius:16px;
    font-size:14.5px;
    font-weight:900;
    color:#0F172A;
    text-align:center;
  }

  /* CTA */
  .ofSubmit{
    width:100%;
    height:68px;                 /* заметно больше */
    border:none;
    border-radius:999px;
    background: linear-gradient(180deg, #870404, #350a0a);
    color:#fff;
    font-weight:1000;
    font-size:20px;
    letter-spacing:.6px;
  }
  .ofSubmit small{
    display:block;
    font-size:13.5px;
    font-weight:900;
    opacity:.95;
    letter-spacing:0;
  }
  .ofSubmit:active{
    transform:translateY(2px);
    box-shadow:
      0 18px 0 rgba(2,6,23,.16),
      0 22px 44px rgba(239,68,68,.30);
  }

  .ofNote{
    margin-top:10px;
    text-align:center;
    font-size:14.5px;
    color:var(--muted);
  }

  @media (max-width:360px){
    .ofTitle{ font-size:20px; }
    .ofSubmit{ font-size:19px; height:64px; }
  }
   :root{
    --text:#0F172A;
    --muted:#475569;
    --line:#E5E7EB;
    --soft:#F8FAFC;
    --accent:#2563EB;
    --dangerBg:#F2C7C3;
    --radius:20px;
  }

  .infoBlock{
    margin:24px auto;
  }

  .ibCard{
    background:#FFFFFF;
    border:1px solid var(--line);
    border-radius:var(--radius);
    box-shadow:0 18px 40px rgba(2,6,23,.08);
    padding:18px 16px 20px;
  }

  /* title */
  .ibTitle{
    margin:0 0 14px;
    font-size:22px;
    font-weight:1000;
    line-height:1.2;
    text-align:center;
    letter-spacing:.3px;
  }
  .ibTitle span{
    color: #461f23;
  }

  /* image */
  .ibImage{
    margin:14px 0 16px;
    border-radius:16px;
    overflow:hidden;
    border:1px solid var(--line);
    background:#fff;
  }
  .ibImage img{
    width:100%;
    display:block;
    object-fit:cover;
  }

  /* text */
  .ibText{
    font-size:16.5px;
    line-height:1.5;
    color:var(--text);
  }
  .ibText p{
    margin:0 0 10px;
  }
  .ibStrong{
    font-weight:900;
  }

  /* highlight */
  .ibHighlight{
    margin-top:14px;
    padding:14px 14px;
    background:var(--dangerBg);
    border-radius:16px;
    font-size:16.5px;
    line-height:1.45;
    color:#1F2937;
  }
  .ibHighlight p{
    margin:0 0 8px;
  }
  .ibHighlight p:last-child{
    margin-bottom:0;
  }

  @media (max-width:360px){
    .ibTitle{ font-size:20px; }
    .ibText,
    .ibHighlight{ font-size:15.5px; }
  }
   :root{
    --text:#0F172A;
    --muted:#475569;
    --line:#E5E7EB;
    --card:#FFFFFF;
    --teal:#0F5C73;         /* как на примере */
    --teal2:#0B4D61;
    --pill:#93C5FD;
    --pillText:#FFFFFF;
    --radius:22px;
  }

  .msBlock{
    max-width:440px;
    margin:24px auto;
    padding:0 12px;
  }

  .msCard{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:var(--radius);
    overflow:hidden;
    box-shadow:0 18px 40px rgba(2,6,23,.08);
  }

  /* head */
  .msHead{
    background:linear-gradient(180deg,var(--teal),var(--teal2));
    color:#fff;
    text-align:center;
    padding:16px 12px 14px;
  }
  .msKicker{
    font-size:14.5px;
    font-weight:900;
    letter-spacing:.4px;
    opacity:.95;
  }
  .msTitle{
    margin-top:6px;
    font-size:28px;          /* крупно как на картинке */
    font-weight:1000;
    letter-spacing:.6px;
    line-height:1.05;
  }

  /* media (gif) */
  .msMedia{
    position:relative;
    padding:12px 12px 0;
    background:linear-gradient(180deg, rgba(15,92,115,.12), rgba(255,255,255,0));
  }
  .msGif{
    width:100%;
    display:block;
    border-radius:18px;
    border:2px solid rgba(255,255,255,.25);
    background:#fff;
    aspect-ratio: 9 / 12;
    object-fit:cover;
    box-shadow: 0 16px 34px rgba(2,6,23,.14);
  }
  .msSpark{
    position:absolute;
    right:22px;
    top:22px;
    font-size:22px;
    color:#fff;
    text-shadow:0 10px 26px rgba(2,6,23,.35);
    opacity:.95;
    animation: spark 1.8s ease-in-out infinite;
    pointer-events:none;
  }
  @keyframes spark{
    0%,100%{ transform:scale(1) rotate(0deg); opacity:.85; }
    50%{ transform:scale(1.25) rotate(8deg); opacity:1; }
  }

  /* pill */
  .msPillWrap{
    display:flex;
    justify-content:center;
    margin-top:-16px;
    padding:0 12px;
  }
  .msPill{
    background:linear-gradient(180deg, #BFE0FF, var(--pill));
    color:var(--pillText);
    font-weight:1000;
    font-size:16.5px;
    letter-spacing:.4px;
    padding:10px 18px;
    border-radius:999px;
    border:2px solid rgba(255,255,255,.55);
    box-shadow:0 16px 34px rgba(2,6,23,.10);
  }

  /* body */
  .msBody{
    padding:14px 12px 14px;
    background:#fff;
  }

  .msList{
    border:1px solid var(--line);
    border-radius:18px;
    overflow:hidden;
    background:linear-gradient(180deg, #FFFFFF, #F8FAFC);
  }

  .msItem{
    display:flex;
    gap:10px;
    padding:12px 12px;
    border-top:1px solid var(--line);
  }
  .msItem:first-child{ border-top:none; }

  .msIcon{
    width:36px; height:36px;
    border-radius:12px;
    display:grid;
    place-items:center;
    background:rgba(15,92,115,.10);
    border:1px solid rgba(15,92,115,.20);
    font-size:18px;
    flex:0 0 auto;
  }

  .msItemT{
    font-size:16.5px;
    font-weight:1000;
    color:var(--text);
    line-height:1.15;
  }
  .msItemD{
    margin-top:4px;
    font-size:15.5px;
    font-weight:600;
    color:var(--muted);
    line-height:1.35;
  }

  .msFooter{
    margin-top:10px;
    font-size:15.5px;
    color:var(--text);
    font-weight:900;
    padding:10px 12px;
    border-radius:16px;
    background:#F1F5F9;
    border:1px solid #E2E8F0;
  }
  .msFooter span{ color:var(--muted); font-weight:800; margin-right:6px; }

  @media (max-width:360px){
    .msTitle{ font-size:26px; }
    .msItemT{ font-size:16px; }
    .msItemD{ font-size:15px; }
  }
   :root{
    --teal:#0F5C73;
    --teal2:#0B4D61;
    --text:#0F172A;
    --muted:#475569;
    --line:#E5E7EB;
    --card:#FFFFFF;
    --radius:22px;

    --blue:#2563EB;
    --blue2:#0EA5E9;
    --red:#EF4444;
    --red2:#DC2626;
  }

  .kbWrap{
    margin:24px auto;
    padding:0 12px;
  }

  .kbCard{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:var(--radius);
    overflow:hidden;
    box-shadow:0 18px 40px rgba(2,6,23,.08);
  }

  .kbHead{
    background:linear-gradient(180deg,var(--teal),var(--teal2));
    color:#fff;
    text-align:center;
    padding:16px 12px 14px;
    font-size:30px;
    font-weight:1000;
    letter-spacing:.8px;
  }

  .kbItem{
    position:relative;
    padding:16px 12px 14px;
    background:#fff;
    border-top:1px solid var(--line);
  }
  .kbItem:first-of-type{ border-top:none; }

  /* left flag number */
  .kbFlag{
    position:absolute;
    left:12px;
    top:14px;
    width:44px;
    height:54px;
    background:linear-gradient(180deg,var(--teal),var(--teal2));
    color:#fff;
    font-weight:1000;
    font-size:22px;
    display:grid;
    place-items:center;
    border-radius:12px 12px 12px 0;
    box-shadow:0 14px 30px rgba(2,6,23,.14);
  }
  .kbFlag::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-10px;
    border-width:10px 0 0 10px;
    border-style:solid;
    border-color:rgba(11,77,97,.95) transparent transparent transparent;
  }

  .kbTitle{
    margin-left:58px;
    font-size:20px;          /* bigger */
    font-weight:1000;
    line-height:1.15;
    color:var(--text);
    padding-bottom:10px;
  }

  .kbInner{

    border:1px dashed rgba(15,92,115,.35);
    border-radius:18px;
    overflow:hidden;
    background:linear-gradient(180deg,#FFFFFF,#F8FAFC);
    box-shadow:0 14px 30px rgba(2,6,23,.06);
  }

  .kbInnerHead{
    background:linear-gradient(180deg,var(--blue),var(--blue2));
    color:#fff;
    text-align:center;
    padding:12px 10px;
    font-weight:1000;
    font-size:16px;
    letter-spacing:.5px;
    line-height:1.15;
  }

  .kbGrid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    padding:12px;
    background:#0B3B5A10;
  }

  .kbShot{
    position:relative;
    border-radius:14px;
    overflow:hidden;
    border:1px solid rgba(226,232,240,.9);
    background:#fff;
  }
  .kbShot img{
    width:100%;
    display:block;
    aspect-ratio: 4 / 3;
    object-fit:cover;
  }

  .kbTag{
    position:absolute;
    left:8px;
    bottom:8px;
    padding:6px 10px;
    border-radius:999px;
    font-size:13px;
    font-weight:1000;
    color:#fff;
    border:1px solid rgba(255,255,255,.35);
  }
  .kbTag--blue{ background:linear-gradient(180deg,var(--blue),#1D4ED8); }
  .kbTag--red{ background:linear-gradient(180deg,var(--red),var(--red2)); }

  .kbMedia{
    padding:12px;
  }
  .kbMedia img{
    width:100%;
    display:block;
    border-radius:16px;
    border:1px solid var(--line);
    object-fit:cover;
    background:#fff;
  }

  .kbNote{
    padding:12px 12px 13px;
    font-size:15.5px;
    font-weight:700;
    color:var(--muted);
    text-align:center;
    background:#fff;
    border-top:1px solid rgba(226,232,240,.9);
  }

  @media (max-width:360px){
    .kbHead{ font-size:28px; }
    .kbTitle{ font-size:19px; }
    .kbInnerHead{ font-size:15.5px; }
    .kbNote{ font-size:15px; }
  }
  :root{
    --teal:#0F5C73;
    --teal2:#0B4D61;
    --text:#0F172A;
    --muted:#475569;
    --line:#E5E7EB;
    --card:#FFFFFF;
    --blue:#2563EB;
    --radius:22px;
  }

  .iuWrap{
    max-width:440px;
    margin:24px auto;
    padding:0 12px;
  }

  .iuCard{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:var(--radius);
    overflow:hidden;
    box-shadow:0 18px 40px rgba(2,6,23,.08);
  }

  /* header */
  .iuHead{
    background:linear-gradient(180deg,var(--teal),var(--teal2));
    color:#fff;
    text-align:center;
    padding:16px 12px 14px;
    font-size:26px;
    font-weight:1000;
    letter-spacing:.6px;
  }

  /* main image */
  .iuHero{
    padding:12px;
    background:linear-gradient(180deg, rgba(15,92,115,.10), #FFFFFF);
  }
  .iuHero img{
    width:100%;
    display:block;
    border-radius:18px;
    border:1px solid var(--line);
    aspect-ratio: 4 / 3;
    object-fit:cover;
    background:#fff;
  }

  /* steps */
  .iuSteps{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:10px;
    padding:12px;
    background:#FFFFFF;
  }

  .iuStep{
    background:#FFFFFF;
    border:1px solid var(--line);
    border-radius:16px;
    overflow:hidden;
    text-align:center;
    box-shadow:0 12px 26px rgba(2,6,23,.06);
  }

  .iuImg{
    position:relative;
    padding:8px;
    background:#F8FAFC;
  }
  .iuImg img{
    width:100%;
    display:block;
    border-radius:12px;
    aspect-ratio: 1 / 1;
    object-fit:cover;
  }

  .iuSpark{
    position:absolute;
    right:14px;
    top:14px;
    font-size:18px;
    color:#fff;
    text-shadow:0 6px 18px rgba(2,6,23,.35);
    animation:spark 1.6s ease-in-out infinite;
  }
  @keyframes spark{
    0%,100%{ transform:scale(1); opacity:.8; }
    50%{ transform:scale(1.25); opacity:1; }
  }

  .iuLabel{
    margin-top:6px;
    display:inline-block;
    padding:4px 10px;
    border-radius:999px;
    font-size:13px;
    font-weight:1000;
    background:var(--blue);
    color:#fff;
  }
  .iuLabel--result{
    background:linear-gradient(180deg,#22C55E,#16A34A);
  }

  .iuText{
    padding:8px 6px 10px;
    font-size:15.5px;
    font-weight:800;
    color:var(--text);
    line-height:1.2;
  }

  /* note */
  .iuNote{
    margin:10px 12px 14px;
    padding:12px;
    border-radius:16px;
    background:#F1F5F9;
    border:1px solid #E2E8F0;
    text-align:center;
    font-size:15.5px;
    font-weight:700;
    color:var(--text);
  }

  @media (max-width:360px){
    .iuHead{ font-size:24px; }
    .iuText{ font-size:15px; }
    .iuNote{ font-size:15px; }
  }
   :root{
    --teal:#0F5C73;
    --teal2:#0B4D61;
    --text:#0F172A;
    --muted:#475569;
    --line:#E5E7EB;
    --card:#FFFFFF;
    --radius:22px;
  }

  .psWrap{
    max-width:440px;
    margin:24px auto;
    padding:0 12px;
  }

  .psCard{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:var(--radius);
    overflow:hidden;
    box-shadow:0 18px 40px rgba(2,6,23,.08);
  }

  .psHead{
    background:linear-gradient(180deg,var(--teal),var(--teal2));
    color:#fff;
    text-align:center;
    padding:16px 12px 14px;
    font-size:26px;
    font-weight:1000;
    letter-spacing:.6px;
  }

  .psBody{
    padding:12px;
    background:#fff;
  }

  .psImg{
    border:1px solid var(--line);
    border-radius:18px;
    overflow:hidden;
    background:#FFFFFF;
    box-shadow:0 14px 30px rgba(2,6,23,.06);
  }
  .psImg img{
    width:100%;
    display:block;
    aspect-ratio: 1 / 1;
    object-fit:contain;
    background:#fff;
  }

  .psChips{
    margin-top:12px;
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:10px;
  }

  .psChip{
    border:1px solid var(--line);
    background:linear-gradient(180deg,#FFFFFF,#F8FAFC);
    border-radius:16px;
    padding:10px 10px;
    text-align:center;
  }

  .psChipK{
    display:block;
    font-size:13.5px;
    font-weight:900;
    color:var(--muted);
    letter-spacing:.2px;
  }

  .psChipV{
    display:block;
    margin-top:4px;
    font-size:18px;     /* чуть больше */
    font-weight:1000;
    color:var(--text);
    line-height:1.1;
  }

  .psNote{
    margin-top:12px;
    padding:12px;
    border-radius:16px;
    background:#F1F5F9;
    border:1px solid #E2E8F0;
    text-align:center;
    font-size:15.5px;
    font-weight:700;
    color:var(--muted);
  }

  @media (max-width:360px){
    .psHead{ font-size:24px; }
    .psChipV{ font-size:17px; }
    .psNote{ font-size:15px; }
  }
  .psSpec{
  margin-top:14px;
  padding:14px;
  border-radius:18px;
  background:linear-gradient(180deg,#FFFFFF,#F8FAFC);
  border:1px solid #E5E7EB;
}

.psSpecTitle{
  text-align:center;
  font-size:18px;
  font-weight:1000;
  margin-bottom:10px;
  color:#0F172A;
}

.psSpecList{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:8px;
  font-size:15.5px;
  color:#0F172A;
}

.psSpecList li{
  display:flex;
  gap:6px;
  line-height:1.4;
}

.psSpecList b{
  font-weight:900;
}

@media (max-width:360px){
  .psSpecTitle{ font-size:17px; }
  .psSpecList{ font-size:15px; }
}
 :root{
    --teal:#0F5C73;
    --teal2:#0B4D61;
    --text:#0F172A;
    --muted:#475569;
    --line:#E5E7EB;
    --card:#FFFFFF;
    --radius:22px;
    --star:#F59E0B;
  }

  .rvWrap{
    max-width:440px;
    margin:24px auto;
    padding:0 12px;
  }

  .rvCard{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:var(--radius);
    overflow:hidden;
    box-shadow:0 18px 40px rgba(2,6,23,.08);
  }

  /* header */
  .rvHead{
    background:linear-gradient(180deg,var(--teal),var(--teal2));
    color:#fff;
    text-align:center;
    padding:16px 12px 14px;
    font-size:26px;
    font-weight:1000;
    letter-spacing:.6px;
  }

  /* summary */
  .rvSummary{
    padding:14px 12px;
    text-align:center;
    border-bottom:1px solid var(--line);
    background:#FFFFFF;
  }
  .rvStars{
    font-size:22px;
    color:var(--star);
    letter-spacing:2px;
  }
  .rvScore{
    margin-top:4px;
    font-size:20px;
    font-weight:1000;
  }
  .rvCount{
    margin-top:2px;
    font-size:14.5px;
    color:var(--muted);
    font-weight:700;
  }

  /* list */
  .rvList{
    padding:12px;
    display:grid;
    gap:12px;
    background:#FFFFFF;
  }

  .rvItem{
    border:1px solid var(--line);
    border-radius:18px;
    padding:12px;
    background:linear-gradient(180deg,#FFFFFF,#F8FAFC);
  }

  .rvItem--img{
    display:grid;
    grid-template-columns:90px 1fr;
    gap:10px;
    align-items:flex-start;
  }

  .rvMedia img{
    width:100%;
    height:90px;
    object-fit:cover;
    border-radius:12px;
    border:1px solid var(--line);
    background:#fff;
  }

  .rvTop{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:6px;
  }

  .rvName{
    font-size:15.5px;
    font-weight:1000;
  }

  .rvStarsSm{
    font-size:14px;
    color:var(--star);
    letter-spacing:1px;
  }

  .rvText{
    font-size:15.5px;
    font-weight:600;
    color:var(--text);
    line-height:1.45;
  }

  .rvBottom{
    padding:12px;
    text-align:center;
    font-size:14.5px;
    font-weight:700;
    color:var(--muted);
    background:#F8FAFC;
    border-top:1px solid var(--line);
  }

  @media (max-width:360px){
    .rvHead{ font-size:24px; }
    .rvText{ font-size:15px; }
  }
  :root{
    --teal:#0F5C73;
    --text:#0F172A;
    --muted:#475569;
    --line:#E5E7EB;
    --card:#FFFFFF;
    --cta:#EF4444;
    --cta2:#DC2626;
    --radius:20px;
  }
  .sbCard{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:16px 14px;
    box-shadow:0 16px 34px rgba(2,6,23,.08);
  }

  .sbHead{
    text-align:center;
    font-size:22px;
    font-weight:1000;
    margin-bottom:10px;
  }

  .sbList{
    list-style:none;
    padding:0;
    margin:0 0 12px;
    display:grid;
    gap:8px;
    font-size:16px;
    font-weight:700;
  }

  .sbPrice{
    border-top:1px dashed var(--line);
    padding-top:12px;
  }

  .sbPriceTitle{
    text-align:center;
    font-weight:1000;
    font-size:17px;
    margin-bottom:8px;
  }

  .sbGrid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:8px;
  }

  .sbGrid div{
    text-align:center;
    border:1px solid var(--line);
    border-radius:14px;
    padding:8px 6px;
    font-weight:800;
  }

  .sbGrid span{
    display:block;
    margin-top:4px;
    font-size:18px;
  }

  .sbGrid .best{
    border:2px solid var(--cta);
    box-shadow:0 10px 18px rgba(239,68,68,.2);
  }

  .sbBtn{
    display:block;
    margin-top:12px;
    height:56px;
    line-height:56px;
    text-align:center;
    border-radius:999px;
    background: linear-gradient(180deg, #870404, #350a0a);
    color:#fff;
    font-size:18px;
    font-weight:1000;
  }
  .mold-block{
    background:#fff;
    border-radius:16px;
    padding:18px 16px;
    box-shadow:0 10px 28px rgba(12, 24, 38, .10);
    max-width:720px;
    margin:0 auto;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    color:#0b1320;
  }
  .mold-title{
    margin:0 0 6px;
    font-size:22px;
    line-height:1.15;
    font-weight:900;
    letter-spacing:.2px;
    text-transform:uppercase;
  }
  .mold-subtitle{
    margin:0 0 12px;
    font-size:16px;
    font-weight:800;
    color:#1d63ff;
    text-transform:uppercase;
  }
  .mold-text{
    margin:0 0 14px;
    font-size:15px;
    line-height:1.55;
    color:#1b2433;
  }
  .mold-box{
    background:#f3f6ff;
    border:1px solid rgba(29,99,255,.18);
    border-radius:14px;
    padding:12px 12px;
    margin:0 0 14px;
  }
  .mold-box-title{
    margin:0 0 8px;
    font-size:14px;
    font-weight:900;
    text-transform:uppercase;
    color:#163a9a;
    letter-spacing:.2px;
  }
  .mold-list{
    margin:0;
    padding-left:18px;
    display:grid;
    gap:6px;
    font-size:14px;
    line-height:1.45;
    color:#162033;
    font-weight: bold;
  }
  .mold-checks{
    list-style:none;
    padding:0;
    margin:0 0 14px;
    display:grid;
    gap:10px;
  }
  .mold-checks li{
    position:relative;
    padding-left:30px;
    font-size:14.5px;
    line-height:1.45;
    font-weight:700;
    color:#0f1b2d;
  }
  .mold-checks li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    width:22px;
    height:22px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#16a34a;
    color:#fff;
    font-weight:900;
    font-size:14px;
    box-shadow:0 8px 18px rgba(22,163,74,.25);
  }
  .mold-note{
    margin:0;
    padding:12px 12px;
    border-radius:14px;
    background:#fff7ed;
    border:1px solid rgba(251,146,60,.35);
    font-size:14px;
    line-height:1.55;
    font-weight:700;
    color:#5a2b00;
  }
  .rvWrap{
  padding:24px 14px;
  background:#f4f8ff;
}
.rvCard{
  max-width:900px;
  margin:0 auto;
  background:#fff;
  border-radius:18px;
  box-shadow:0 14px 40px rgba(10,30,80,.12);
  overflow:hidden;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* header */
.rvHead{
  padding:18px;
  text-align:center;
  font-size:22px;
  font-weight:900;
  letter-spacing:.4px;
  background:linear-gradient(180deg, var(--teal), var(--teal2));
  color:#fff;
}

/* summary */
.rvSummary{
  padding:16px;
  text-align:center;
  border-bottom:1px solid #e6edff;
}
.rvStars{
  font-size:26px;
  color:#facc15;
}
.rvScore{
  font-weight:800;
  font-size:18px;
}
.rvCount{
  font-size:14px;
  color:#475569;
}

/* list */
.rvList{
  display:grid;
  gap:20px;
  padding:20px;
}

/* item */
.rvItem{
  border:1px solid #e6edff;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
}

/* BIG IMAGE MODE */
.rvItem--img{
  display:grid;
  grid-template-columns:1fr;
}

.rvMedia{
  width:100%;
  height: 100%;
  overflow:hidden;
  background:#e5edff;
}
.rvMedia img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* content */
.rvContent{
  padding:16px;
}
.rvTop{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:10px;
}
.rvName{
  font-weight:800;
  font-size:16px;
}
.rvStarsSm{
  color:#facc15;
  font-size:18px;
}
.rvText{
  font-size:15px;
  line-height:1.6;
  color:#0f172a;
}

/* text-only reviews look premium */
.rvItem:not(.rvItem--img){
  padding:18px;
  background:#f9fbff;
}

/* bottom trust */
.rvBottom{
  padding:14px;
  text-align:center;
  font-size:13px;
  font-weight:700;
  color:#1e3a8a;
  background:#eef3ff;
}

/* desktop */
@media (min-width:768px){
  .rvItem--img{
    grid-template-columns:420px 1fr;
  }
  .rvMedia{
    aspect-ratio:auto;
    height:100%;
  }
}
.ba-wrap{
    padding:24px 14px;
    background:#f4f8ff;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    color:#0b1320;
  }
  .ba-head{max-width:980px;margin:0 auto 14px;}
  .ba-title{margin:0 0 6px;font-size:22px;font-weight:900;letter-spacing:.2px;}
  .ba-sub{margin:0;color:#475569;font-size:14px;font-weight:600;}

  /* GRID 2x2 */
  .ba-grid{
    max-width:980px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }

  .ba-item{background:#fff;border-radius:18px;box-shadow:0 12px 30px rgba(10,30,80,.12);overflow:hidden;}
  .ba-frame{
    position:relative;
    width:100%;
    aspect-ratio: 4 / 5;  /* можно изменить под твои фото */
    background:#e7eefc;
  }

  .ba-img{
    position:absolute; inset:0;
    width:100%; height:100%;
    object-fit:cover;
    display:block;
  }

  /* AFTER overlay clipped by width var */
  .ba-after{
    position:absolute; inset:0;
    width:var(--p, 50%);
    overflow:hidden;
  }
  .ba-after .ba-img--after{
    position:absolute; inset:0;
  }

  /* Divider line at clip position */
  .ba-divider{
    position:absolute;
    top:0; bottom:0;
    left:calc(var(--p, 50%));
    width:2px;
    background:rgba(255,255,255,.95);
    box-shadow:0 0 0 1px rgba(0,0,0,.10), 0 10px 30px rgba(0,0,0,.20);
    transform:translateX(-1px);
  }

  /* Badges */
  .ba-badge{
    position:absolute;
    top:12px;
    padding:8px 12px;
    border-radius:999px;
    font-weight:900;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.4px;
    background:#ffffffcc;
    backdrop-filter: blur(6px);
    border:1px solid rgba(255,255,255,.7);
    box-shadow:0 10px 20px rgba(0,0,0,.12);
    z-index:3;
  }
  .ba-badge--left{left:12px;}
  .ba-badge--right{right:12px;}

  /* Mobile адаптация */
  @media (max-width: 640px){
    .ba-grid{grid-template-columns:1fr;}
    .ba-frame{aspect-ratio: 4 / 4.8;}
    .ba-title{font-size:20px;}
  }
  @media (max-width: 640px){
  .ba-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:10px;
  }

  .ba-frame{
    aspect-ratio: 1 / 1; /* квадрат для аккуратного 2x2 */
  }

  .ba-badge{
    font-size:10px;
    padding:6px 9px;
    top:8px;
  }

  .ba-divider{
    width:1.5px;
  }
}
:root{
    --blue:#2563eb;
    --blue2:#3b82f6;
    --ink:#0b1320;
    --muted:#475569;
    --card:#ffffff;
    --line:#e6edff;
    --bg:#f4f8ff;
  }

  .howWrap{
    padding:26px 14px;
    background:var(--bg);
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    color:var(--ink);
  }
  .howInner{
    max-width:980px;
    margin:0 auto;
  }
  .howTitle{
    margin:0 0 16px;
    text-align:center;
    font-size:28px;
    line-height:1.1;
    font-weight:900;
    letter-spacing:.2px;
  }

  .howGrid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }

  .howCard{
    position:relative;
    background:var(--card);
    border:1px solid var(--line);
    border-radius:18px;
    padding:18px 16px 16px;
    box-shadow:0 14px 34px rgba(10,30,80,.10);
    overflow:hidden;
    min-height:128px;
  }

  .howNum{
    position:absolute;
    top:12px; left:12px;
    font-weight:900;
    font-size:13px;
    color:var(--blue);
    opacity:.95;
  }

  .howIcon{
    width:44px; height:44px;
    display:grid;
    place-items:center;
    margin:6px auto 10px;
    border-radius:14px;
    background:linear-gradient(135deg, rgba(37,99,235,.12), rgba(59,130,246,.10));
    border:1px solid rgba(37,99,235,.18);
    font-size:22px;
  }

  .howH{
    margin:0 0 6px;
    text-align:center;
    font-size:16px;
    font-weight:900;
  }

  .howP{
    margin:0;
    text-align:center;
    font-size:14px;
    line-height:1.45;
    color:var(--muted);
    font-weight:600;
  }

  /* mobile */
  @media (max-width:520px){
    .howTitle{font-size:24px;}
    .howGrid{gap:10px;}
    .howCard{padding:16px 12px; border-radius:16px; min-height:120px;}
    .howIcon{width:42px;height:42px;border-radius:13px;}
    .howH{font-size:15px;}
    .howP{font-size:13.5px;}
  }
  .miniFooter{
    background:#0b1220;
    color:#cbd5e1;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    padding:12px 14px;
  }
  .miniFooter__inner{
    max-width: 980px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 10px;
    font-size: 13px;
    font-weight: 600;
  }
  .miniFooter__right{
    display:flex;
    align-items:center;
    gap:8px;
    white-space:nowrap;
  }
  .dot{opacity:.5}

  @media (max-width:520px){
    .miniFooter__inner{
      flex-direction:column;
      text-align:center;
      gap:6px;
      font-size:12.5px;
    }
  }
   :root{
    --ua-bg:#ffffff;
    --ua-border:#cfd8ff;
    --ua-soft:#eef3ff;
    --ua-text:#0b1220;
    --ua-muted:#334155;
    --ua-accent:#1d4ed8;
    --ua-maroon:#6b1f2a;   /* close to your burgundy icons */
    --ua-red1:#7a0000;
    --ua-red2:#2a0000;
    --ua-shadow: 0 10px 30px rgba(2, 6, 23, .12);
    --ua-radius:18px;
  }

  .ua-card{
    max-width: 760px;
    margin: 0 auto;
    background: var(--ua-bg);
    border: 2px solid var(--ua-border);
    border-radius: var(--ua-radius);
    padding: 16px 16px 18px;
    box-shadow: var(--ua-shadow);
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    color: var(--ua-text);
  }

  .ua-title{
    margin: 4px 0 12px;
    text-align:center;
    font-weight: 900;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 1.15;
  }

  .ua-media{
    background: #fff;
    border-radius: 14px;
    padding: 10px;
  }

  /* Before/After slider */
  .ba{
    position: relative;
    width: 100%;
    aspect-ratio: 1.6 / 1;     /* nice like the screenshot block */
    border-radius: 14px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(2,6,23,.02), rgba(2,6,23,.06));
    border: 1px solid rgba(2,6,23,.08);
    user-select: none;
    touch-action: none;
  }

  .ba__img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit: cover;
  }

  .ba__after{
    position:absolute;
    inset:0;
    width:50%;           /* default position */
    overflow:hidden;
  }

  .ba__handle{
    position:absolute;
    top:0;
    left:50%;
    transform: translateX(-50%);
    height:100%;
    width: 44px;
    display:flex;
    align-items:center;
    justify-content:center;
    outline:none;
  }

  .ba__line{
    position:absolute;
    top:0; bottom:0;
    width: 4px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 0 0 1px rgba(2,6,23,.15);
    border-radius: 999px;
  }

  .ba__knob{
    position:relative;
    width: 36px;
    height: 36px;
    border-radius: 999px;
    background: rgba(255,255,255,.95);
    border: 1px solid rgba(2,6,23,.18);
    box-shadow: 0 8px 18px rgba(2,6,23,.18);
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight: 900;
    color: var(--ua-maroon);
    line-height: 1;
  }

  .ba__badge{
    position:absolute;
    top: 10px;
    padding: 6px 10px;
    font-weight: 900;
    font-size: 12px;
    letter-spacing:.6px;
    border-radius: 999px;
    background: rgba(255,255,255,.9);
    border: 1px solid rgba(2,6,23,.12);
    color: var(--ua-text);
  }
  .ba__badge--before{ left: 10px; }
  .ba__badge--after{ right: 10px; }

  .ua-text{
    margin-top: 12px;
    background: var(--ua-soft);
    border-radius: 14px;
    padding: 12px 12px;
    border: 1px solid rgba(29,78,216,.12);
  }

  .ua-p{
    margin: 0 0 10px;
    color: var(--ua-muted);
    font-size: 15px;
    line-height: 1.45;
  }
  .ua-p--strong{
    margin: 0;
    font-weight: 800;
    color: #0f172a;
  }

  .ua-cta{
    display:block;
    margin-top: 14px;
    text-align:center;
    padding: 14px 14px;
    border-radius: 999px;
    font-weight: 900;
    color: #fff;
    text-decoration:none;
    background: radial-gradient(120% 120% at 50% 20%, #b00000 0%, var(--ua-red1) 35%, var(--ua-red2) 100%);
    box-shadow: 0 12px 26px rgba(122,0,0,.28);
  }

  .ua-cta:active{ transform: translateY(1px); }

  @media (max-width: 420px){
    .ua-title{ font-size: 20px; }
    .ua-p{ font-size: 14px; }
  }