/* Desktop: larger image-and-price card, retaining the original ribbon and rounded type. */
@media(min-width:761px){
  /* Keep the accepted hero framing independent of this floating card's size. */
  .trial-enhanced .hero-cover-layout{--hero-offer-clearance:282px}
  .trial-float{
    --trial-rounded:"FOT-筑紫A丸ゴシック Std B","Hiragino Maru Gothic ProN",sans-serif;
    width:360px;
  }
  .trial-float-link{
    position:relative;
    grid-template-columns:100px minmax(0,1fr);
    gap:10px 14px;
    padding:30px 19px 17px;
    font-family:var(--trial-rounded);
  }
  .trial-float-mobile{display:contents}
  .trial-float-mobile-ribbon{
    position:absolute;
    top:-14px;
    left:50%;
    width:236px;
    transform:translateX(-50%);
  }
  .trial-float-mobile-ribbon img{display:block;width:100%;height:auto}
  .trial-float-photo{
    grid-column:1;
    grid-row:1/3;
    align-self:center;
    width:100px;
    height:126px;
    border-radius:50px 50px 0 0;
  }
  .trial-float-mobile-original{
    grid-column:2;
    grid-row:1;
    align-self:center;
    font-family:var(--trial-rounded);
    font-size:12px;
    font-weight:700;
    line-height:1.65;
    text-align:left;
    text-wrap:balance;
  }
  .trial-float-mobile-offer{
    grid-column:2;
    grid-row:2;
    display:grid;
    grid-template-columns:max-content max-content;
    align-items:baseline;
    justify-content:start;
    gap:0 5px;
    font-family:var(--trial-rounded);
    font-size:14px;
    font-weight:700;
    line-height:1.5;
    white-space:nowrap;
  }
  .trial-float-mobile-offer>span:first-child{grid-column:1/-1;font-size:13px}
  .trial-float-mobile-offer strong{
    font-family:var(--trial-rounded);
    font-size:44px;
    font-weight:700;
    line-height:1.2;
    letter-spacing:0;
    color:var(--brand-yellow);
  }
  .trial-float-mobile-note{
    grid-column:1/-1;
    grid-row:3;
    font-family:var(--trial-rounded);
    font-size:11.5px;
    font-weight:400;
    line-height:1.5;
    text-align:left;
    text-wrap:balance;
  }
  .trial-float-mobile-fallback{
    grid-column:2;
    grid-row:1;
    font-family:var(--trial-rounded);
    font-size:14px;
    line-height:1.6;
    text-align:left;
  }
  .trial-float-action{
    grid-column:1/-1;
    grid-row:4;
    font-family:var(--trial-rounded);
    font-size:15px;
    font-weight:700;
    min-height:52px;
    padding:7px 12px 7px 19px;
  }
  .trial-float-action>span{
    display:grid;
    place-items:center;
    flex:0 0 38px;
    width:38px;
    height:38px;
    background:#fff;
    color:var(--brand-green);
    --cta-arrow-size:24px;
  }
  .trial-float-close>span{width:30px;height:30px;font-size:20px}
  .trial-float-copy,.trial-float-mobile [hidden]{display:none}
}