/* ROZY | One product-card action across every public shelf.
   Product cards navigate to their own product page; purchasing/enquiry choices
   and shade verification stay on the product page and keep their existing gates. */
a.rozy-product-view {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:0;
  width:100%;
  min-height:39px;
  padding:7px 11px;
  background:transparent;
  border:1px solid #cfb9b9;
  border-radius:5px;
  box-shadow:none;
  text-align:center;
  text-decoration:none;
  text-transform:none;
  color:#51383d;
  font:600 12px/1.3 var(--text);
  letter-spacing:0;
  white-space:nowrap;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
a.rozy-product-view:hover{
  color:#fff;
  background:#51383d;
  border-color:#51383d;
}
a.rozy-product-view:focus-visible{
  outline:2px solid #874a60;
  outline-offset:3px;
}
.rozy-product-view__label{display:block;white-space:nowrap;}
.rozy-product-view__icon{
  flex:0 0 18px;
  width:18px;height:18px;
  transform:none;transition:transform .18s ease;
}
a.rozy-product-view:hover .rozy-product-view__icon{transform:translate(2px,-2px);}
:root[dir="rtl"] a.rozy-product-view:hover .rozy-product-view__icon{transform:translate(-2px,-2px);}
.pcard > a.rozy-product-view{
  align-self:stretch;
  margin-top:auto;
  margin-inline:0;
  font-size:12px;
  border-radius:5px;
  background:rgba(255,255,255,.45);
}
.pcard > a.rozy-product-view:hover{background:#51383d;color:#fff;}
/* The Discovery grid used to have a tiny underlined text link.
   It now uses exactly the same product-view component, compact on mobile. */
.rd-card a.rozy-product-view{
  align-self:stretch;
  width:100%;
  min-height:39px;
  margin-top:auto;
  padding:7px 10px;
  border:1px solid #cfb9b9;
  border-radius:5px;
  color:#51383d;
  font:600 12px/1.3 var(--text);
  background:transparent;
}
.rd-card a.rozy-product-view:hover{background:#51383d;color:#fff;border-color:#51383d;}
@media(max-width:767px){
  .pcard > a.rozy-product-view,
  .rd-card a.rozy-product-view{
    min-height:39px;
    padding:7px 5px;
    gap:6px;
    font-size:11px;
  }
  .rozy-product-view__icon{width:16px;height:16px;flex-basis:16px;}
}
@media(max-width:349px){
  .pcard > a.rozy-product-view,.rd-card a.rozy-product-view{font-size:10.5px;gap:4px;}
}
@media(prefers-reduced-motion:reduce){
  a.rozy-product-view,.rozy-product-view__icon{transition:none;}
}