/* RAY CARDS ACTUAL ONLY + QUICK ORDER 20260715
   The final card layout is rendered once and remains stable. */

:root{
  --ray-actual-wine:#970a4a;
  --ray-actual-wine-dark:#760b3b;
  --ray-actual-text:#2f252a;
}

html body .ray-quick-order-card{
  min-width:0!important;
  box-sizing:border-box!important;
}

html body .ray-quick-order-card .product-thumb{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  border:1px solid rgba(111,21,59,.10)!important;
  border-radius:19px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(62,18,36,.075)!important;
  box-sizing:border-box!important;
}

html body .ray-quick-order-card .image,
html body .ray-quick-order-card .rm-product-image,
html body .ray-quick-order-card .ray-quick-card-image{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
  background:#f7f2f4!important;
}

html body .ray-quick-order-card .image img,
html body .ray-quick-order-card .rm-product-image img,
html body .ray-quick-order-card .ray-quick-card-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
}

html body .ray-quick-order-card .caption,
html body .ray-quick-order-card .rm-product-info{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-height:0!important;
  padding:12px 14px 8px!important;
  box-sizing:border-box!important;
}

html body .ray-quick-order-card .caption h4,
html body .ray-quick-order-card .caption h4 a,
html body .ray-quick-order-card .caption>a,
html body .ray-quick-order-card .caption>a>span,
html body .ray-quick-order-card .rm-product-title{
  display:-webkit-box!important;
  min-height:40px!important;
  margin:0!important;
  overflow:hidden!important;
  color:var(--ray-actual-text)!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.3!important;
  text-decoration:none!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}

/* Only image, title, price and actions remain in list cards. */
html body .ray-quick-order-card .caption>p:not(.price),
html body .ray-quick-order-card .rm-product-desc,
html body .ray-quick-order-card .product-description,
html body .ray-quick-order-card .description,
html body .ray-quick-order-card .rating{
  display:none!important;
}

html body .ray-quick-order-card .button-group,
html body .ray-quick-order-card .ray-legacy-card-actions,
html body .ray-quick-order-card button[onclick*="compare.add"],
html body .ray-quick-order-card a[onclick*="compare.add"],
html body .ray-quick-order-card .compare{
  display:none!important;
}

html body .ray-quick-order-card .ray-card-buy-row{
  position:relative!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
  min-height:50px!important;
  margin-top:auto!important;
  padding:0 14px 10px!important;
  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important;
  box-sizing:border-box!important;
}

html body .ray-quick-order-card .ray-card-buy-row>.price,
html body .ray-quick-order-card .ray-card-buy-row>.rm-price{
  order:1!important;
  position:static!important;
  display:flex!important;
  flex:1 1 auto!important;
  flex-wrap:wrap!important;
  align-items:baseline!important;
  gap:4px 7px!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:var(--ray-actual-wine-dark)!important;
  font-size:21px!important;
  font-weight:900!important;
  line-height:1.1!important;
  visibility:visible!important;
  opacity:1!important;
}

html body .ray-quick-order-card .ray-card-buy-row .price-new,
html body .ray-quick-order-card .ray-card-buy-row .rm-new-price{
  order:1!important;
  color:var(--ray-actual-wine-dark)!important;
  font-size:21px!important;
  font-weight:900!important;
}

html body .ray-quick-order-card .ray-card-buy-row .price-old,
html body .ray-quick-order-card .ray-card-buy-row .rm-old-price{
  order:2!important;
  color:#a79aa0!important;
  font-size:12px!important;
  font-weight:600!important;
  text-decoration:line-through!important;
}

html body .ray-quick-order-card .ray-card-buy-row .price-tax{
  display:none!important;
}

/* Exactly one cart button, always to the right of the price. */
html body .ray-quick-order-card button[onclick*="cart.add"]:not([data-ray-cart-canonical="1"]),
html body .ray-quick-order-card a[onclick*="cart.add"]:not([data-ray-cart-canonical="1"]),
html body .ray-quick-order-card .rm-cart-btn:not([data-ray-cart-canonical="1"]),
html body .ray-quick-order-card .torbax-cart-btn:not([data-ray-cart-canonical="1"]),
html body .ray-quick-order-card .ray-ab-cart-icon-only:not([data-ray-cart-canonical="1"]),
html body .ray-quick-order-card .ray-desktop-cart-right-button:not([data-ray-cart-canonical="1"]){
  display:none!important;
}

html body .ray-quick-order-card .ray-card-buy-row>[data-ray-cart-canonical="1"],
html body .ray-quick-order-card .ray-card-cart-btn{
  order:2!important;
  position:relative!important;
  display:inline-grid!important;
  flex:0 0 50px!important;
  place-items:center!important;
  width:50px!important;
  min-width:50px!important;
  max-width:50px!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,var(--ray-actual-wine),#b3155c)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(151,10,74,.18)!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:0!important;
  white-space:nowrap!important;
  visibility:visible!important;
  opacity:1!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}

html body .ray-quick-order-card .ray-card-cart-btn::before,
html body .ray-quick-order-card .ray-card-cart-btn::after{
  content:none!important;
  display:none!important;
}

html body .ray-quick-order-card .ray-card-cart-btn span,
html body .ray-quick-order-card .ray-card-cart-btn strong,
html body .ray-quick-order-card .ray-card-cart-btn small{
  display:none!important;
}

html body .ray-quick-order-card .ray-card-cart-btn i{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1!important;
}

html body .ray-quick-order-card .ray-card-wishlist{
  position:absolute!important;
  z-index:20!important;
  top:9px!important;
  right:9px!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(143,13,70,.10)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.82)!important;
  color:#8f0d46!important;
  box-shadow:0 7px 18px rgba(70,20,40,.12)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  backdrop-filter:blur(7px)!important;
  font-size:0!important;
}

html body .ray-quick-order-card .ray-card-wishlist i{
  display:block!important;
  margin:0!important;
  color:#8f0d46!important;
  font-size:20px!important;
  line-height:1!important;
}

html body .ray-quick-order-card .ray-card-wishlist:not(.is-active) i::before{
  content:"\f08a"!important;
}

html body .ray-quick-order-card .ray-card-wishlist.is-active i::before{
  content:"\f004"!important;
}

html body .ray-quick-order-card .ray-quick-order-btn{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:calc(100% - 28px)!important;
  min-height:42px!important;
  margin:0 14px 14px!important;
  padding:8px 12px!important;
  border:1px solid rgba(151,10,74,.20)!important;
  border-radius:13px!important;
  background:#fff5f8!important;
  color:#870d43!important;
  box-shadow:none!important;
  font-family:Manrope,Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.15!important;
  text-align:center!important;
  visibility:visible!important;
  opacity:1!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
}

/* Remove all legacy action rows left by the old delayed scripts. */
html body .ray-quick-order-card .ray-ab-buy-row,
html body .ray-quick-order-card .ray-card-mobile-buy-row,
html body .ray-quick-order-card .ray-compact-buy-row,
html body .ray-quick-order-card .ray-compact-price-cart,
html body .ray-quick-order-card .ray-ab-compact-row,
html body .ray-quick-order-card .ray-compact-row,
html body .ray-quick-order-card .ray-desktop-cart-right-row,
html body .ray-quick-order-card .ray-desktop-final-actions{
  display:none!important;
}

/* Current server-rendered featured module is immediately in final state. */
html body .ray-server-final-grid{
  align-items:stretch!important;
}

html body .ray-server-final-card{
  height:auto!important;
}

/* Quick order overlay stays centred on every mobile browser. */
html.ray-quick-order-open,
body.ray-quick-order-open{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}

html body .ray-quick-order-overlay{
  position:fixed!important;
  z-index:2147483647!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100vh!important;
  margin:0!important;
  padding:max(16px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom))!important;
  background:rgba(37,22,29,.62)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  backdrop-filter:blur(8px)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
}

html body .ray-quick-order-overlay.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

html body .ray-quick-order-dialog{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  display:block!important;
  width:min(520px,100%)!important;
  max-width:520px!important;
  max-height:calc(100dvh - 32px)!important;
  margin:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  border-radius:25px!important;
  background:#fff!important;
  transform:none!important;
  -webkit-overflow-scrolling:touch!important;
  box-sizing:border-box!important;
}

@media (max-width:767px){
  html body .ray-quick-order-card .caption,
  html body .ray-quick-order-card .rm-product-info{
    padding:9px 9px 6px!important;
  }

  html body .ray-quick-order-card .caption h4,
  html body .ray-quick-order-card .caption h4 a,
  html body .ray-quick-order-card .caption>a,
  html body .ray-quick-order-card .caption>a>span,
  html body .ray-quick-order-card .rm-product-title{
    min-height:36px!important;
    font-size:13px!important;
    line-height:1.28!important;
  }

  html body .ray-quick-order-card .ray-card-buy-row{
    display:flex!important;
    min-height:44px!important;
    padding:0 8px 8px!important;
    gap:7px!important;
  }

  html body .ray-quick-order-card .ray-card-buy-row>.price,
  html body .ray-quick-order-card .ray-card-buy-row>.rm-price,
  html body .ray-quick-order-card .ray-card-buy-row .price-new,
  html body .ray-quick-order-card .ray-card-buy-row .rm-new-price{
    font-size:17px!important;
  }

  html body .ray-quick-order-card .ray-card-buy-row .price-old,
  html body .ray-quick-order-card .ray-card-buy-row .rm-old-price{
    font-size:11px!important;
  }

  html body .ray-quick-order-card .ray-card-buy-row>[data-ray-cart-canonical="1"],
  html body .ray-quick-order-card .ray-card-cart-btn{
    flex-basis:42px!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    border-radius:12px!important;
  }

  html body .ray-quick-order-card .ray-card-cart-btn i{
    font-size:17px!important;
  }

  html body .ray-quick-order-card .ray-card-wishlist{
    top:7px!important;
    right:7px!important;
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
  }

  html body .ray-quick-order-card .ray-card-wishlist i{
    font-size:18px!important;
  }

  html body .ray-quick-order-card .ray-quick-order-btn{
    width:calc(100% - 16px)!important;
    min-height:38px!important;
    margin:0 8px 9px!important;
    padding:6px!important;
    border-radius:11px!important;
    font-size:10px!important;
  }

  html body .ray-quick-order-dialog{
    width:min(540px,100%)!important;
    max-height:calc(100dvh - 24px)!important;
    border-radius:22px!important;
  }
}


/* RAY WISHLIST SINGLE ICON STATE FIX 20260715
   Default: one outline heart. Selected: one filled heart. */
html body .ray-quick-order-card .ray-card-wishlist::before,
html body .ray-quick-order-card .ray-card-wishlist::after{
  content:none!important;
  display:none!important;
}

html body .ray-quick-order-card .ray-card-wishlist > i:not(:first-child),
html body .ray-quick-order-card .ray-card-wishlist > svg,
html body .ray-quick-order-card .ray-card-wishlist > span,
html body .ray-quick-order-card .ray-card-wishlist > strong{
  display:none!important;
}

html body .ray-quick-order-card .ray-card-wishlist:not(.is-active) > i{
  color:#8f0d46!important;
  font-weight:400!important;
}

html body .ray-quick-order-card .ray-card-wishlist:not(.is-active) > i::before{
  content:"\f08a"!important;
}

html body .ray-quick-order-card .ray-card-wishlist.is-active > i{
  color:#8f0d46!important;
  font-weight:900!important;
}

html body .ray-quick-order-card .ray-card-wishlist.is-active > i::before{
  content:"\f004"!important;
}
