/* Shared homepage-derived mobile comparison styling for CMS pages. Source: home-v3.css. */
/* Homepage mobile checkout polish: isolated from desktop and offer data. */
.cmp-affiliate.iu-clean-arrow,.navcta.iu-clean-arrow{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.iu-clean-arrow::after{content:"";display:inline-block;width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);flex:none}
@media(max-width:700px){
 /* iOS Safari zooms automatically when focused inputs are smaller than 16px. */
 #adresse input#address{font-size:16px!important}
 .compare-v3{padding:48px 0 62px}
 .cmp-heading{margin-bottom:20px}
 .cmp-filterbar{padding:14px;gap:10px}
 .cmp-results-head{margin:20px 2px 10px}
 .cmp-list{gap:13px}
 .cmp-card{border-radius:17px}
 .cmp-topline{height:auto;min-height:29px;padding:9px 16px}
 .cmp-main{padding:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px 12px;align-items:start}
 .cmp-brand{padding-bottom:12px;gap:9px}
 .cmp-brand strong{font-size:16px}
 .cmp-card.live-card .cmp-monogram{width:94px;height:47px}
 .cmp-metric small,.cmp-price small{margin-bottom:5px}
 .cmp-metric strong{font-size:16px;line-height:1.3;white-space:normal}
 .cmp-metric>span{margin-top:4px}
 .cmp-tech{padding:5px 8px}
 .cmp-main .cmp-price{grid-column:1;align-self:center}
 .cmp-price strong{font-size:28px;letter-spacing:-1px}
 .cmp-price strong span{font-size:12px}
 .cmp-price>span{line-height:1.5}
 .cmp-card.live-card .cmp-cta{grid-column:2;grid-row:auto;align-self:center;gap:4px}
 .cmp-card.live-card .cmp-cta .cmp-affiliate{min-height:48px;padding:12px 8px;border-radius:11px;font-size:13px;white-space:normal}
 .cmp-card.live-card .cmp-detail{padding:6px 2px;font-size:12px;min-height:30px}
 .cmp-bottom{padding:12px 16px;gap:9px 14px;font-size:11px;line-height:1.45}
 .cmp-bottom strong{padding-top:10px;font-size:12px}
 .cmp-bottom strong span{font-size:16px}
 .cmp-bottom>span:last-child:not(:first-child){line-height:1.5}
}


/* Mobile offer-card alignment v2 – desktop untouched */
@media (max-width:700px){
  #sammenlign .cmp-main{
    grid-template-columns:minmax(0, 41%) minmax(0, 59%);
    column-gap:0;
    row-gap:18px;
    padding:20px 17px 18px;
    align-items:stretch;
  }
  /* Header: two balanced areas, logo and product info centered in each. */
  #sammenlign .cmp-card.live-card .cmp-brand{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:42% minmax(0,1fr);
    gap:12px;
    align-items:center;
    border-bottom:1px solid #edf1ee;
    padding:4px 0 18px;
    min-width:0;
  }
  #sammenlign .cmp-card.live-card .cmp-monogram{
    width:100%;
    max-width:142px;
    height:62px;
    justify-self:center;
    display:flex;
    justify-content:center;
    align-items:center;
  }
  #sammenlign .cmp-card.live-card .cmp-monogram img{
    width:100%;height:100%;object-fit:contain;object-position:center;
  }
  #sammenlign .cmp-card.live-card .cmp-brand>div:last-child{
    min-width:0;text-align:center;justify-self:stretch;
  }
  #sammenlign .cmp-card.live-card .cmp-brand strong{
    font-size:17px;white-space:normal;line-height:1.3;
  }
  #sammenlign .cmp-card.live-card .cmp-brand small{
    font-size:12px;line-height:1.45;overflow-wrap:break-word;
  }
  /* Specification pairs: center within each half for visual balance. */
  #sammenlign .cmp-main>.cmp-metric{
    text-align:center;padding:0 7px;min-width:0;
  }
  #sammenlign .cmp-main>.cmp-metric .cmp-tech{
    max-width:100%;white-space:normal;
  }
  /* Price and CTA: CTA receives more horizontal room, no cramped button. */
  #sammenlign .cmp-main>.cmp-price{
    grid-column:1;align-self:center;min-width:0;
    padding-right:6px;
  }
  #sammenlign .cmp-card.live-card .cmp-cta{
    grid-column:2;grid-row:auto;align-self:center;
    width:100%;min-width:0;padding-left:9px;gap:6px;
  }
  #sammenlign .cmp-card.live-card .cmp-cta .cmp-affiliate{
    display:flex;box-sizing:border-box;width:100%;min-width:0;
    justify-content:center;align-items:center;
    min-height:54px;padding:13px 12px;border-radius:12px;
    font-size:14px;font-weight:800;white-space:nowrap;gap:9px;
  }
  #sammenlign .cmp-card.live-card .cmp-detail{
    align-self:stretch;text-align:center;font-size:12px;
  }
  #sammenlign .cmp-bottom{
    padding:16px 17px;justify-content:center;
  }
  #sammenlign .cmp-bottom>span{text-align:center}
  #sammenlign .cmp-bottom strong{
    justify-content:center;text-align:center;
  }
}
@media(max-width:360px){
  #sammenlign .cmp-main{grid-template-columns:minmax(0,43%) minmax(0,57%);padding:16px 12px}
  #sammenlign .cmp-card.live-card .cmp-cta .cmp-affiliate{font-size:13px;padding:12px 8px}
  #sammenlign .cmp-card.live-card .cmp-brand{grid-template-columns:40% minmax(0,1fr);gap:8px}
}

/* Mobile offer-card alignment v2 – desktop untouched */
@media (max-width:700px){
  #sammenlign .cmp-main{
    grid-template-columns:minmax(0, 41%) minmax(0, 59%);
    column-gap:0;
    row-gap:18px;
    padding:20px 17px 18px;
    align-items:stretch;
  }
  /* Header: two balanced areas, logo and product info centered in each. */
  #sammenlign .cmp-card.live-card .cmp-brand{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:42% minmax(0,1fr);
    gap:12px;
    align-items:center;
    border-bottom:1px solid #edf1ee;
    padding:4px 0 18px;
    min-width:0;
  }
  #sammenlign .cmp-card.live-card .cmp-monogram{
    width:100%;
    max-width:142px;
    height:62px;
    justify-self:center;
    display:flex;
    justify-content:center;
    align-items:center;
  }
  #sammenlign .cmp-card.live-card .cmp-monogram img{
    width:100%;height:100%;object-fit:contain;object-position:center;
  }
  #sammenlign .cmp-card.live-card .cmp-brand>div:last-child{
    min-width:0;text-align:center;justify-self:stretch;
  }
  #sammenlign .cmp-card.live-card .cmp-brand strong{
    font-size:17px;white-space:normal;line-height:1.3;
  }
  #sammenlign .cmp-card.live-card .cmp-brand small{
    font-size:12px;line-height:1.45;overflow-wrap:break-word;
  }
  /* Specification pairs: center within each half for visual balance. */
  #sammenlign .cmp-main>.cmp-metric{
    text-align:center;padding:0 7px;min-width:0;
  }
  #sammenlign .cmp-main>.cmp-metric .cmp-tech{
    max-width:100%;white-space:normal;
  }
  /* Price and CTA: CTA receives more horizontal room, no cramped button. */
  #sammenlign .cmp-main>.cmp-price{
    grid-column:1;align-self:center;min-width:0;
    padding-right:6px;
  }
  #sammenlign .cmp-card.live-card .cmp-cta{
    grid-column:2;grid-row:auto;align-self:center;
    width:100%;min-width:0;padding-left:9px;gap:6px;
  }
  #sammenlign .cmp-card.live-card .cmp-cta .cmp-affiliate{
    display:flex;box-sizing:border-box;width:100%;min-width:0;
    justify-content:center;align-items:center;
    min-height:54px;padding:13px 12px;border-radius:12px;
    font-size:14px;font-weight:800;white-space:nowrap;gap:9px;
  }
  #sammenlign .cmp-card.live-card .cmp-detail{
    align-self:stretch;text-align:center;font-size:12px;
  }
  #sammenlign .cmp-bottom{
    padding:16px 17px;justify-content:center;
  }
  #sammenlign .cmp-bottom>span{text-align:center}
  #sammenlign .cmp-bottom strong{
    justify-content:center;text-align:center;
  }
}
@media(max-width:360px){
  #sammenlign .cmp-main{grid-template-columns:minmax(0,43%) minmax(0,57%);padding:16px 12px}
  #sammenlign .cmp-card.live-card .cmp-cta .cmp-affiliate{font-size:13px;padding:12px 8px}
  #sammenlign .cmp-card.live-card .cmp-brand{grid-template-columns:40% minmax(0,1fr);gap:8px}
}