/* Premium cafe / restaurant photographic presentation, v44 */
.cafe-card-art{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#f8f7f5,#f2f0ec)!important;
  border:1px solid #ede9e3!important;
  border-radius:15px!important;
}
.cafe-card-art:before,.cafe-card-art:after{box-shadow:none!important}
.cafe-card-art img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  transform:none!important;
  transition:transform .27s ease!important;
  border-radius:12px;
}
.cafe-card:hover .cafe-card-art img{transform:scale(1.035)!important}
.cafe-card-art::after{
  content:"GERÇEK BASKI ÖRNEĞİ";
  position:absolute!important;z-index:4;top:auto!important;left:10px!important;right:auto!important;bottom:10px!important;
  height:auto!important;width:auto!important;
  padding:6px 9px!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.94)!important;
  color:#63574e!important;
  font-size:9px!important;
  font-weight:800;
  letter-spacing:.05em;
  line-height:1.3;
  backdrop-filter:blur(7px);
  box-shadow:0 4px 14px rgba(34,27,24,.085)!important;
  pointer-events:none;
}
.cafe-card{border:1px solid #e9e4df!important;box-shadow:0 9px 25px rgba(55,36,26,.05)!important;border-radius:18px!important;overflow:hidden}
.cafe-card:hover{box-shadow:0 14px 34px rgba(55,36,26,.1)!important}
.cafe-photo-credits{
  display:flex;align-items:flex-start;flex-wrap:wrap;gap:7px 12px;
  margin:14px 0 0;
  font-size:10px;
  color:#747078;line-height:1.6;
}
.cafe-photo-credits a{color:#855d4c;text-decoration:underline;text-underline-offset:2px;font-weight:700}
.cafe-photo-credits a:hover{color:#e3064b}
body.cafe-page #productGrid .product-card .product-art{
  background:#f8f7f5!important;
  border:1px solid #ede9e3!important;
  border-radius:15px!important;
}
body.cafe-page #productGrid .product-card .product-art::before,
body.cafe-page #productGrid .product-card .product-art::after{
  display:none!important;
}
body.cafe-page #productGrid .product-card .product-art img{
  display:block;width:97%!important;height:97%!important;
  max-height:97%!important;
  max-width:97%!important;
  object-fit:contain!important;
  object-position:center;
  filter:none!important;
}
body.cafe-page #productGrid .product-card .product-art img:hover{transform:scale(1.025)!important}
@media(max-width:600px){
 .cafe-card-art::after{font-size:7.5px!important;padding:5px 6px!important;left:6px!important;bottom:6px!important;letter-spacing:0}
 .cafe-photo-credits{font-size:9px}
}