/* ============================================================
   INSURANCE CLAIMS page (Insurance-Claims.html) and the Free Roof
   Program city pages generated from it (gen_frp.py).
   Built from the 825x1905 comp: 1 comp px = var(--k) = 0.12121cqw.
   Plates cut from the comp with the copy cleared and set live:
     claims-hero.jpg     y0-460       claims-oc-home.jpg  x0-451 y697-1044
     claims-qualify.jpg  y1585-1799   claims-damage-*, oc-shingle-*, ins-*
   ============================================================ */
.claimspage{--k:.12121cqw;--ic-bg:#f1f6fc;}

/* Header: same nav, logo and call button as the rest of the site, sized to the
   slot the shingle/metal heroes paint, so every page's top reads the same.
   Credentials are hidden (as on the shingle hero) and the painted Owens Corning
   lock-up was lifted off the plate and set lower so it clears the header. */
@media (min-width:1001px){

  .ic-hero .layer::before{
    content:"";position:absolute;left:0;right:0;top:0;height:19%;pointer-events:none;
    background:linear-gradient(180deg,rgba(11,42,91,.5),rgba(11,42,91,.16) 62%,rgba(11,42,91,0));
  }
}

/* ---------- shared ------------------------------------------ */
.ic-eb{
  margin:0;display:flex;align-items:center;gap:calc(10*var(--k));
  font-family:var(--ui);font-weight:700;font-size:calc(11*var(--k));letter-spacing:.02em;line-height:1;color:var(--navy);
}
.ic-eb::before{content:"";flex:0 0 auto;width:calc(33*var(--k));height:calc(2.5*var(--k));background:var(--red);}
.ic-center{justify-content:center;text-align:center;}
.ic-h2{
  margin:0;font-family:var(--display);font-weight:700;color:var(--navy);
  font-size:calc(31*var(--k));line-height:1;letter-spacing:-.01em;
}
.ic-sub{margin:0;font-family:var(--ui);font-size:calc(10.8*var(--k));line-height:1.3;color:var(--navy);}
.ic-p{margin:0;font-family:var(--ui);font-size:calc(11.4*var(--k));line-height:1.28;color:var(--navy);}
.ic-btn{
  display:flex;align-items:center;justify-content:center;gap:calc(12*var(--k));text-decoration:none;
  background:linear-gradient(180deg,#e41b25,#c8102e);color:#fff;border-radius:calc(2*var(--k));
  font-family:var(--display);font-weight:700;letter-spacing:.01em;
  box-shadow:0 calc(2*var(--k)) calc(6*var(--k)) rgba(120,0,10,.28);
}
.ic-btn:hover{background:var(--red-dark);}
.ic-btn svg{flex:0 0 auto;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}

/* ---------- hero -------------------------------------------- */
.ic-hero{background:#fff;}
.ic-hero .layer{color:var(--navy);}
/* Owens Corning lock-up: lifted off the plate and set 46 comp px lower than
   painted so it clears the credentials line and the nav. */
.ic-oc-lock{left:calc(592*var(--k));top:calc(52*var(--k));width:calc(203*var(--k));height:auto;}
.ic-hero-eb{left:calc(45*var(--k));top:calc(78*var(--k));font-size:calc(14.5*var(--k));font-weight:700;letter-spacing:0;}
.ic-hero-eb::before{width:calc(34*var(--k));}
.ic-h1{left:calc(43*var(--k));top:calc(98*var(--k));margin:0;font-family:var(--ui);font-weight:900;color:var(--navy);}
.ic-h1 span{display:block;white-space:nowrap;transform-origin:left top;letter-spacing:-.035em;word-spacing:.12em;}
.ic-h1 .l1{font-size:calc(47*var(--k));line-height:1;transform:scaleX(.93);}
.ic-h1 .l1 em{font-style:normal;color:var(--red);}
.ic-h1 .l2{font-size:calc(54*var(--k));line-height:.95;transform:scaleX(.9);}
.ic-h1 .l3{font-size:calc(41*var(--k));line-height:1.05;transform:scaleX(.95);font-weight:800;}
.ic-hero-sub{
  left:calc(45*var(--k));top:calc(240*var(--k));margin:0;white-space:nowrap;
  font-family:var(--display);font-weight:700;font-size:calc(21*var(--k));line-height:1;color:var(--navy);
}
.ic-hero-p{
  left:calc(45*var(--k));top:calc(268*var(--k));margin:0;white-space:nowrap;
  font-family:var(--ui);font-size:calc(13.4*var(--k));line-height:1.3;color:var(--navy);
}
.ic-hero-btn{
  left:calc(43*var(--k));top:calc(346*var(--k));width:calc(307*var(--k));height:calc(36*var(--k));
  font-size:calc(16*var(--k));
}
.ic-hero-btn svg{width:calc(16*var(--k));height:calc(16*var(--k));}
.ic-feats{left:calc(22*var(--k));top:calc(395*var(--k));margin:0;padding:0;list-style:none;display:flex;}
.ic-feats li{
  display:flex;flex-direction:column;align-items:center;gap:calc(6*var(--k));padding:0 calc(9*var(--k));
  border-left:1px solid rgba(11,42,91,.2);
}
.ic-feats li:first-child{border-left:0;}
.ic-feats li:nth-child(1){width:calc(84*var(--k));}
.ic-feats li:nth-child(2){width:calc(82*var(--k));}
.ic-feats li:nth-child(3){width:calc(88*var(--k));}
.ic-feats li:nth-child(4){width:calc(92*var(--k));}
.ic-feats li:nth-child(5){width:calc(118*var(--k));}
.ic-feats svg{width:calc(31*var(--k));height:calc(31*var(--k));fill:var(--navy);}
.ic-feats b{font-family:var(--display);font-weight:700;font-size:calc(10.6*var(--k));line-height:1.18;text-align:center;color:var(--navy);white-space:nowrap;}

/* ---------- storm damage ------------------------------------ */
.ic-storm{
  display:grid;grid-template-columns:calc(290*var(--k)) 1fr;column-gap:calc(7*var(--k));
  padding:calc(22*var(--k)) calc(22*var(--k)) calc(14*var(--k)) calc(35*var(--k));background:#fff;
}
.ic-storm-copy .ic-h2{margin-top:calc(11*var(--k));font-size:calc(34*var(--k));line-height:.95;letter-spacing:-.015em;}
.ic-storm-copy .ic-p{margin-top:calc(9*var(--k));white-space:nowrap;font-size:calc(11*var(--k));}
@media (max-width:1000px){.ic-storm-copy .ic-p{white-space:normal;font-size:1rem;}}
.ic-storm-btn{margin-top:calc(12*var(--k));width:calc(233*var(--k));height:calc(35*var(--k));font-size:calc(14.5*var(--k));}
.ic-storm-btn svg{width:calc(15*var(--k));height:calc(15*var(--k));}
.ic-damage{list-style:none;margin:calc(-4*var(--k)) 0 0;padding:0;display:grid;grid-template-columns:107fr 116fr 115fr 111fr;column-gap:calc(8.5*var(--k));}
.ic-damage li{align-self:start;display:flex;flex-direction:column;border-radius:calc(2*var(--k));overflow:hidden;box-shadow:0 calc(1*var(--k)) calc(4*var(--k)) rgba(7,27,61,.2);}
.ic-damage img{display:block;width:100%;height:auto;}
.ic-damage b{
  display:block;background:#0B2A5B;color:#fff;text-align:center;
  font-family:var(--display);font-weight:700;font-size:calc(10.4*var(--k));line-height:calc(23*var(--k));
}

/* ---------- why choose us ----------------------------------- */
.ic-why{display:grid;grid-template-columns:calc(451*var(--k)) 1fr;column-gap:calc(13*var(--k));padding-right:calc(13*var(--k));background:#fff;}
/* the photo band is its own container, so its unit is re-based on its 451px comp width */
.ic-oc{--k:.22173cqw;}
.ic-oc .layer::before{
  content:"";position:absolute;left:0;right:0;bottom:0;height:28%;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,26,60,0),rgba(8,26,60,.55) 30%,rgba(8,26,60,.7));
}
.ic-oc .ov{z-index:1;color:#fff;margin:0;}
.ic-oc-h{left:calc(31*var(--k));top:calc(264*var(--k));font-family:var(--display);font-weight:700;font-size:calc(24*var(--k));line-height:1.04;letter-spacing:.005em;}
.ic-oc-p{left:calc(31*var(--k));top:calc(318*var(--k));font-family:var(--ui);font-size:calc(14.5*var(--k));line-height:1;}
.ic-why-panel{background:var(--ic-bg);padding:calc(8*var(--k)) calc(14*var(--k)) calc(10*var(--k)) calc(18*var(--k));}
.ic-why-panel .ic-eb{font-size:calc(12*var(--k));}
.ic-reasons{list-style:none;margin:calc(6*var(--k)) 0 0;padding:0;}
.ic-reasons li{display:grid;grid-template-columns:calc(58*var(--k)) 1fr;column-gap:calc(20*var(--k));align-items:center;min-height:calc(62.5*var(--k));}
.ic-reasons i{
  width:calc(58*var(--k));height:calc(58*var(--k));border-radius:50%;background:#fff;display:grid;place-items:center;
  box-shadow:0 calc(1*var(--k)) calc(5*var(--k)) rgba(11,42,91,.14);
}
.ic-reasons svg{width:calc(32*var(--k));height:calc(32*var(--k));fill:var(--navy);}
.ic-reasons b{display:block;font-family:var(--display);font-weight:700;font-size:calc(12.6*var(--k));line-height:1.1;color:var(--navy);}
.ic-reasons span{display:block;margin-top:calc(3*var(--k));font-family:var(--ui);font-size:calc(10.6*var(--k));line-height:1.36;color:var(--navy);}

/* ---------- Owens Corning shingles --------------------------- */
.ic-shingles{display:grid;grid-template-columns:calc(590*var(--k)) 1fr;padding:calc(18*var(--k)) 0 calc(10*var(--k)) calc(37*var(--k));background:#fff;}
.ic-sh-main .ic-eb{margin-left:calc(-37*var(--k));width:calc(825*var(--k));}
.ic-sh-main .ic-h2{margin:calc(9*var(--k)) 0 0 calc(-37*var(--k));width:calc(825*var(--k));font-size:calc(27*var(--k));}
.ic-sh-main .ic-sub{margin:calc(9*var(--k)) 0 0 calc(-37*var(--k));width:calc(825*var(--k));}
.ic-swatches{list-style:none;margin:calc(13*var(--k)) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,calc(104*var(--k)));column-gap:calc(8*var(--k));}
.ic-swatches li{display:flex;flex-direction:column;align-items:center;gap:calc(7*var(--k));font-family:var(--display);font-weight:700;font-size:calc(12.4*var(--k));color:var(--navy);}
.ic-swatches img{display:block;width:100%;height:auto;border-radius:calc(2*var(--k));box-shadow:0 calc(1*var(--k)) calc(3*var(--k)) rgba(0,0,0,.2);}
.ic-tagline{
  margin:calc(68*var(--k)) 0 0 calc(-14*var(--k));font-family:var(--display);font-weight:700;
  font-size:calc(14.6*var(--k));line-height:1.25;color:var(--navy);
}
.ic-tagline sup{font-size:.55em;}

/* ---------- process ------------------------------------------ */
.ic-proc{padding:calc(16*var(--k)) calc(12*var(--k)) calc(14*var(--k));background:#fff;}
.ic-h2-lg{margin-top:calc(8*var(--k));font-size:calc(28*var(--k));}
.ic-steps{list-style:none;margin:calc(16*var(--k)) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);column-gap:calc(12*var(--k));}
.ic-steps li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;}
.ic-steps li + li::before{
  content:"";position:absolute;left:calc(-12*var(--k));top:calc(58*var(--k));width:calc(9*var(--k));height:calc(9*var(--k));
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12h17M13 5l7 7-7 7' fill='none' stroke='%230B2A5B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.ic-steps em{
  width:calc(22*var(--k));height:calc(22*var(--k));border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;
  font-style:normal;font-family:var(--ui);font-weight:800;font-size:calc(13*var(--k));
}
.ic-steps svg{margin-top:calc(9*var(--k));width:calc(36*var(--k));height:calc(36*var(--k));fill:var(--navy);}
.ic-steps b{margin-top:calc(9*var(--k));font-family:var(--display);font-weight:700;font-size:calc(11.6*var(--k));color:var(--navy);}
.ic-steps span{margin-top:calc(3*var(--k));font-family:var(--ui);font-size:calc(10.4*var(--k));line-height:1.34;color:var(--navy);}

/* ---------- carriers ----------------------------------------- */
.ic-carriers{background:var(--ic-bg);padding:calc(10*var(--k)) calc(25*var(--k)) calc(10*var(--k)) calc(28*var(--k));}
.ic-carriers ul{list-style:none;margin:calc(10*var(--k)) 0 0;padding:0;display:grid;grid-template-columns:115fr 110fr 100fr 80fr 104fr 104fr 104fr;column-gap:calc(9.5*var(--k));}
.ic-carriers li{background:#fff;height:calc(62*var(--k));display:grid;place-items:center;border-radius:calc(2*var(--k));}
.ic-carriers img{display:block;max-width:88%;height:auto;}
.ic-carriers li:nth-child(1) img{width:calc(98*var(--k));}
.ic-carriers li:nth-child(2) img{width:calc(98*var(--k));}
.ic-carriers li:nth-child(3) img{width:calc(80*var(--k));}
.ic-carriers li:nth-child(4) img{width:calc(48*var(--k));}
.ic-carriers li:nth-child(5) img{width:calc(92*var(--k));}
.ic-carriers li:nth-child(6) img{width:calc(92*var(--k));}
.ic-carriers li:nth-child(7) img{width:calc(90*var(--k));}

/* ---------- see if you qualify ------------------------------- */
.ic-qual .layer::before{
  content:"";position:absolute;left:0;width:50.3%;bottom:0;height:40%;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,26,60,0),rgba(8,26,60,.62) 35%,rgba(8,26,60,.75));
}
.ic-qual .ov{z-index:1;margin:0;color:#fff;}
.ic-qual-lh{left:calc(30*var(--k));top:calc(135*var(--k));font-family:var(--display);font-weight:700;font-size:calc(21.5*var(--k));line-height:1.08;}
.ic-qual-lp{left:calc(30*var(--k));top:calc(185*var(--k));font-family:var(--ui);font-size:calc(14.2*var(--k));line-height:1;}
.ic-qual-eb{left:calc(440*var(--k));top:calc(16*var(--k));font-size:calc(11*var(--k));color:#fff;}
.ic-qual-eb::before{width:calc(26*var(--k));}
.ic-qual-h{left:calc(440*var(--k));top:calc(34*var(--k));font-family:var(--display);font-weight:700;font-size:calc(33*var(--k));line-height:1;letter-spacing:-.01em;white-space:nowrap;}
.ic-qual-p{left:calc(440*var(--k));top:calc(80*var(--k));font-family:var(--ui);font-size:calc(12.5*var(--k));line-height:1.38;white-space:nowrap;}
.ic-qual-btn{left:calc(440*var(--k));top:calc(123*var(--k));width:calc(290*var(--k));height:calc(37*var(--k));font-size:calc(15.5*var(--k));border:1px solid rgba(255,255,255,.75);}
.ic-qual-btn svg{width:calc(16*var(--k));height:calc(16*var(--k));}
.ic-qual-note{left:calc(440*var(--k));top:calc(176*var(--k));font-family:var(--ui);font-size:calc(11*var(--k));}

/* ---------- trust strip -------------------------------------- */
.ic-strip{list-style:none;margin:0;padding:calc(22*var(--k)) calc(20*var(--k)) calc(40*var(--k));display:grid;grid-template-columns:200fr 203fr 205fr 200fr;background:#fff;}
.ic-strip li{display:flex;align-items:center;justify-content:center;gap:calc(14*var(--k));border-left:1px solid #dfe5ee;}
.ic-strip li:first-child{border-left:0;}
.ic-strip svg{flex:0 0 auto;width:calc(30*var(--k));height:calc(30*var(--k));fill:var(--navy);}
.ic-strip b{font-family:var(--display);font-weight:700;font-size:calc(10.2*var(--k));line-height:1.3;color:var(--navy);}

/* ============ MOBILE (<=1000px) ============================= */
@media (max-width:1000px){
  .claimspage,.ic-oc{--k:1px;}
  .ic-oc-lock{display:none;}
  .claimspage br.dk{display:none;}
  .ic-hero > img.plate{aspect-ratio:16/11;object-fit:cover;object-position:92% 50%;}
  .ic-hero .layer,.ic-qual .layer,.ic-oc .layer{position:static;padding:22px 18px 24px;}
  .ic-hero .ov,.ic-qual .ov,.ic-oc .ov{position:static;white-space:normal;}
  .ic-h1 span{transform:none;}
  .ic-hero-eb{font-size:.8rem;}
  .ic-h1{margin-top:10px;}
  .ic-h1 .l1{font-size:2.4rem;} .ic-h1 .l2{font-size:2.8rem;} .ic-h1 .l3{font-size:2.1rem;}
  .ic-hero-sub{margin-top:12px;font-size:1.25rem;}
  .ic-hero-p{margin-top:10px;font-size:1rem;line-height:1.5;}
  .ic-btn{width:100% !important;height:auto !important;padding:15px 12px;font-size:1.02rem !important;}
  .ic-btn svg{width:18px !important;height:18px !important;}
  .ic-hero-btn{margin-top:16px;}
  .ic-feats{margin-top:18px;display:grid;grid-template-columns:repeat(5,1fr);}
  .ic-feats li{width:auto !important;padding:0 2px;}
  .ic-feats svg{width:28px;height:28px;}
  .ic-feats b{font-size:.58rem;white-space:normal;}

  .ic-eb{font-size:.78rem;}
  .ic-h2{font-size:clamp(1.7rem,7.4vw,2.2rem);}
  .ic-p,.ic-sub{font-size:1rem;line-height:1.5;}

  .ic-storm{grid-template-columns:1fr;padding:28px 18px 20px;}
  .ic-storm-copy .ic-h2{font-size:clamp(1.8rem,8vw,2.3rem);margin-top:10px;}
  .ic-storm-copy .ic-p{margin-top:10px;}
  .ic-storm-btn{margin-top:16px;}
  .ic-damage{margin-top:20px;grid-template-columns:repeat(2,1fr);gap:10px;}
  .ic-damage b{font-size:.78rem;line-height:30px;}

  .ic-why{grid-template-columns:1fr;padding:0;row-gap:0;}
  .ic-oc{background:#0B2A5B;}
  .ic-oc .layer::before{display:none;}
  .ic-oc-h{font-size:1.5rem;}
  .ic-oc-p{margin-top:6px !important;font-size:1rem;}
  .ic-why-panel{padding:24px 16px;}
  .ic-why-panel .ic-eb{font-size:.8rem;}
  .ic-reasons{margin-top:10px;}
  .ic-reasons li{grid-template-columns:52px 1fr;column-gap:14px;min-height:0;padding:9px 0;}
  .ic-reasons i{width:52px;height:52px;}
  .ic-reasons svg{width:26px;height:26px;}
  .ic-reasons b{font-size:.95rem;}
  .ic-reasons span{font-size:.9rem;line-height:1.4;}

  .ic-shingles{grid-template-columns:1fr;padding:28px 16px 10px;}
  .ic-sh-main .ic-eb,.ic-sh-main .ic-h2,.ic-sh-main .ic-sub{margin-left:0;width:auto;}
  .ic-sh-main .ic-h2{font-size:clamp(1.5rem,6.6vw,2rem);margin-top:10px;}
  .ic-sh-main .ic-sub{margin-top:8px;}
  .ic-swatches{margin-top:16px;grid-template-columns:repeat(5,1fr);column-gap:6px;}
  .ic-swatches li{font-size:.68rem;gap:5px;text-align:center;}
  .ic-tagline{margin:18px 0 0;text-align:center;font-size:1.05rem;}
  .ic-tagline br{display:none;}

  .ic-proc{padding:28px 16px 24px;}
  .ic-h2-lg{font-size:clamp(1.5rem,6.6vw,2rem);margin-top:10px;}
  .ic-steps{margin-top:18px;grid-template-columns:repeat(2,1fr);gap:22px 12px;}
  .ic-steps li:last-child{grid-column:1 / -1;}
  .ic-steps li + li::before{display:none;}
  .ic-steps em{width:26px;height:26px;font-size:.85rem;}
  .ic-steps svg{width:34px;height:34px;}
  .ic-steps b{font-size:.85rem;}
  .ic-steps span{font-size:.82rem;}

  .ic-carriers{padding:22px 14px;}
  .ic-carriers ul{grid-template-columns:repeat(2,1fr);gap:8px;}
  .ic-carriers li{height:62px;}
  .ic-carriers li:last-child{grid-column:1 / -1;}
  .ic-carriers li img{width:auto !important;max-height:44px;max-width:80%;}

  .ic-qual{background:#0B2A5B;}
  .ic-qual > img.plate{display:none;}
  .ic-qual .layer::before{display:none;}
  .ic-qual .layer{display:flex;flex-direction:column;}
  .ic-qual-eb{order:1;} .ic-qual-h{order:2;margin-top:10px !important;font-size:clamp(1.7rem,7.6vw,2.3rem);white-space:normal;}
  .ic-qual-p{order:3;margin-top:10px !important;font-size:1rem;white-space:normal;}
  .ic-qual-btn{order:4;margin-top:16px !important;}
  .ic-qual-note{order:5;margin-top:12px !important;font-size:.9rem;}
  .ic-qual-lh{order:6;margin-top:24px !important;font-size:1.25rem;}
  .ic-qual-lp{order:7;margin-top:6px !important;font-size:.95rem;}

  .ic-strip{grid-template-columns:repeat(2,1fr);gap:16px 0;padding:22px 12px 28px;}
  .ic-strip li{flex-direction:column;text-align:center;gap:8px;}
  .ic-strip li:nth-child(3){border-left:0;}
  .ic-strip svg{width:28px;height:28px;}
  .ic-strip b{font-size:.7rem;}
}


/* ---------- service-area pin map (same block as the shingle/metal pages;
   pins point at <City>-Free-Roof-Program.html) ---------- */
.sh-map{position:relative;container-type:inline-size;line-height:0;background:#fff;overflow:hidden;}
.sh-map > img.plate{display:block;width:100%;height:auto;}
.sh-map .layer{position:absolute;inset:0;}

/* one pin per city, dropped on its point; the anchor is the pin itself */
.sh-pin{
  position:absolute;width:.72cqw;height:.72cqw;margin:-.95cqw 0 0 -.36cqw;
  border-radius:50% 50% 50% 50%/60% 60% 40% 40%;
  background:var(--red);box-shadow:0 0 0 .09cqw #fff,0 .06cqw .14cqw rgba(0,0,0,.4);
  z-index:2;
}
.sh-pin::before{   /* point */
  content:"";position:absolute;left:50%;top:76%;margin-left:-.17cqw;
  border-left:.17cqw solid transparent;border-right:.17cqw solid transparent;
  border-top:.3cqw solid var(--red);
}
.sh-pin > span{    /* city name, shown on hover */
  position:absolute;left:50%;bottom:170%;transform:translateX(-50%);
  padding:.28cqw .55cqw;border-radius:.28cqw;
  background:var(--navy);color:#fff;
  font-family:var(--ui);font-weight:700;font-size:.8cqw;line-height:1.1;
  white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease;
  box-shadow:0 .12cqw .3cqw rgba(0,0,0,.35);
}
.sh-pin:hover,.sh-pin:focus-visible{
  background:var(--navy);z-index:5;transform:scale(1.5);transform-origin:50% 100%;
}
.sh-pin:hover::before,.sh-pin:focus-visible::before{border-top-color:var(--navy);}
.sh-pin:hover > span,.sh-pin:focus-visible > span{opacity:1;}
@media (max-width:1000px){
  .sh-pin{width:2.1cqw;height:2.1cqw;margin:-2.7cqw 0 0 -1.05cqw;box-shadow:0 0 0 .24cqw #fff,0 .18cqw .3cqw rgba(0,0,0,.45);}
  .sh-pin::before{margin-left:-.48cqw;border-left-width:.48cqw;border-right-width:.48cqw;border-top-width:.75cqw;}
  .sh-pin > span{font-size:1.7cqw;padding:.5cqw 1cqw;}
}