.diary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;max-width:100%}.diary-card{position:relative;display:block;overflow:hidden;aspect-ratio:336.5 / 448.66;border-radius:0;color:#050505;text-decoration:none;background:#e7ddd0;border:1px solid black}.diary-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.diary-card:before{content:"";position:absolute;left:10.8%;right:10.8%;bottom:3.3%;height:14.7%;background-color:#fcfae4;background-image:linear-gradient(45deg,#5b463b 25%,transparent 25%),linear-gradient(-45deg,#5b463b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#5b463b 75%),linear-gradient(-45deg,transparent 75%,#5b463b 75%);background-position:0 0,0 11px,11px -11px,-11px 0;background-size:22px 22px;z-index:1}.diary-card-title{position:absolute;left:50%;bottom:7.2%;z-index:2;display:flex;flex-direction:column;align-items:center;transform:translate(-50%);color:#050505;font-family:Inter Display;font-size:12px;font-weight:500;line-height:22px;letter-spacing:0;text-align:center;white-space:nowrap;text-transform:uppercase}.diary-card-title span{display:block;width:max-content;max-width:min(210px,74vw);padding:0 10px;background:#e8e300}.diary-card:hover img{transform:scale(1.03)}@media(max-width:1100px){.diary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.diary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.diary-card-title{bottom:7%;font-size:12px;line-height:16px}.diary-card-title span{padding:0 6px}.diary-card:before{left:10%;right:10%;background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px}}@media(max-width:420px){.diary-grid{gap:4px}.diary-card-title{font-size:11px;line-height:15px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/dairy-card.css.map */