/* RP – Confronto 3 articoli: colonne leggibili e navigazione laterale.
   Nessuna modifica al confronto normale a 2 articoli. */
#compareDrawer #compareBody.rp-compare-three{
  min-width:0;
  max-width:100%;
}
#compareDrawer .rp-compare-navigation{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.55rem;
  margin:0 0 .8rem;
  padding:.55rem .65rem;
  border:1px solid #d9d0c4;
  background:#f4eee6;
  border-radius:12px;
  color:#44372d;
}
#compareDrawer .rp-compare-navigation-label{
  min-width:0;
  font-size:.73rem;
  line-height:1.4;
}
#compareDrawer .rp-compare-navigation-actions{
  display:flex;flex:none;gap:.35rem;
}
#compareDrawer .rp-compare-navigation button{
  display:grid;place-items:center;
  width:40px;height:40px;
  background:#fdf9f4;
  border:1px solid #ad9d8a;
  border-radius:10px;
  color:#27221d;
  font-size:1.15rem;
  cursor:pointer;
}
#compareDrawer .rp-compare-navigation button:disabled{opacity:.35;cursor:default}
#compareDrawer .rp-compare-navigation button:focus-visible{
  outline:2px solid #977652;outline-offset:2px;
}
#compareDrawer #compareBody.rp-compare-three .compare-shell,
#compareDrawer #compareBody.rp-compare-three .compare-attributes,
#compareDrawer #compareBody.rp-compare-three .compare-attribute-block{
  min-width:0;max-width:100%;
}
#compareDrawer #compareBody.rp-compare-three .compare-selected{
  box-sizing:border-box;
  min-width:0;
  width:100%;
  max-width:100%;
  display:grid!important;
  grid-template-columns:repeat(3,calc((100% - .65rem) / 2))!important;
  gap:.65rem!important;
  overflow-x:auto!important;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scroll-snap-type:x proximity;
  scroll-padding-inline:.5rem;
}
#compareDrawer #compareBody.rp-compare-three .compare-selected .compare-mini-card{
  min-width:0;box-sizing:border-box;width:100%;
  scroll-snap-align:start;
}
#compareDrawer #compareBody.rp-compare-three .compare-values{
  box-sizing:border-box;
  display:grid!important;
  grid-template-columns:repeat(3,calc((100% - .55rem)/2))!important;
  gap:.55rem!important;
  width:100%;
  min-width:0;
  max-width:100%;
  overflow-x:auto!important;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scroll-snap-type:x proximity;
  scroll-padding-inline:.2rem;
}
#compareDrawer #compareBody.rp-compare-three .compare-value{
  min-width:0;
  width:100%;
  box-sizing:border-box;
  overflow-wrap:anywhere;
  scroll-snap-align:start;
}
#compareDrawer #compareBody.rp-compare-three .compare-table-wrap{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:auto!important;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scroll-snap-type:x proximity;
}
#compareDrawer #compareBody.rp-compare-three .compare-table{
  table-layout:fixed;
  width:max-content!important;
  min-width:0!important;
  border-collapse:separate;
  border-spacing:0;
}
#compareDrawer #compareBody.rp-compare-three .compare-table tr > :first-child{
  position:sticky;
  left:0;
  z-index:2;
  box-sizing:border-box;
  width:114px!important;
  min-width:114px!important;
  max-width:114px!important;
  white-space:normal;
  overflow-wrap:anywhere;
  background:#f2ece4;
  box-shadow:1px 0 0 #d8cfc3;
}
#compareDrawer #compareBody.rp-compare-three .compare-table tr > :not(:first-child){
  box-sizing:border-box;
  width:222px!important;
  min-width:222px!important;
  max-width:222px!important;
  white-space:normal;
  overflow-wrap:anywhere;
  scroll-snap-align:start;
}
#compareDrawer #compareBody.rp-compare-three .compare-product-head img{
  display:block;width:100%;max-height:190px;
  object-fit:contain;background:#eee8df;
}
#compareDrawer #compareBody.rp-compare-three .compare-product-head strong{
  overflow-wrap:anywhere;
  line-height:1.25;
}
@media(max-width:759px){
  #compareDrawer #compareBody.rp-compare-three .compare-selected{
    grid-template-columns:repeat(3,82%)!important;
  }
  #compareDrawer #compareBody.rp-compare-three .compare-values{
    grid-template-columns:repeat(3,82%)!important;
  }
  #compareDrawer #compareBody.rp-compare-three .compare-table tr > :first-child{
    width:82px!important;min-width:82px!important;max-width:82px!important;
    padding:.55rem .4rem;font-size:.55rem;letter-spacing:.035em;
  }
  #compareDrawer #compareBody.rp-compare-three .compare-table tr > :not(:first-child){
    width:187px!important;min-width:187px!important;max-width:187px!important;
    padding:.65rem .55rem;
  }
  #compareDrawer .rp-compare-navigation-label{font-size:.69rem}
}