.hy-boxpic{container-type:inline-size;box-sizing:border-box;width:100%;aspect-ratio:1 / 1;display:flex;flex-direction:column;gap:3%;padding:4%;background:#e9d6bf;border-radius:22px;box-shadow:var(--hy-card-shadow);color:#5a3e30}.hy-boxpic *,.hy-boxpic *:before,.hy-boxpic *:after{box-sizing:border-box}.hy-boxpic__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:0 1%}.hy-boxpic__head b{font-family:var(--font-heading-family);font-weight:600;font-size:clamp(13px,4.6cqw,24px);line-height:1.2}.hy-boxpic__head small{font-size:clamp(13px,3.2cqw,16px);font-weight:600;opacity:.85;white-space:nowrap}.hy-boxpic__tray{flex:1;min-height:0;display:flex;flex-direction:column;gap:2.5cqw;padding:2.5cqw;background:#fffaf4;border:2px dashed #C9A888;border-radius:12px}.hy-boxpic__top{flex:2 1 0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:2.5cqw}.hy-boxpic--deluxe .hy-boxpic__top{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.hy-boxpic__row{flex:.9 1 0;min-height:0;display:grid;grid-template-columns:repeat(var(--n, 3),minmax(0,1fr));gap:2.5cqw}.hy-boxpic__tile{position:relative;min-height:0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 4px 12px #5a3c2829}.hy-boxpic__tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.hy-boxpic__tile span{position:absolute;left:0;right:0;bottom:0;padding:16px 8px 6px;background:linear-gradient(transparent,#28190fb8);color:#fff;font-family:var(--font-body-family);font-weight:600;font-size:clamp(13px,2.7cqw,14px);line-height:1.2}.hy-boxpic--card{padding:3%;gap:0;border-radius:14px;box-shadow:none}.hy-boxpic--card .hy-boxpic__tray{padding:2cqw;gap:2cqw;border-width:1.5px;border-radius:8px}.hy-boxpic--card .hy-boxpic__top,.hy-boxpic--card .hy-boxpic__row{gap:2cqw}.hy-boxpic--card .hy-boxpic__tile{border-radius:6px;box-shadow:0 2px 6px #5a3c2824}@media(max-width:749px){.hy-boxpic--full{padding:3%;gap:2%;border-radius:18px}.hy-boxpic--full .hy-boxpic__head small{display:none}.hy-boxpic--full .hy-boxpic__tray{padding:2cqw;gap:2cqw}.hy-boxpic--full .hy-boxpic__top,.hy-boxpic--full .hy-boxpic__row{gap:2cqw}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/hy-box-picture.css.map */