.mb-plp-image-grid__head{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:760px;margin:0 auto 28px;text-align:center}.mb-plp-image-grid__title{margin:0;font-size:44px;line-height:1.1;font-weight:700;color:#111}mb-plp-image-grid__subtitle{margin:14px 0 0;font-size:18px;line-height:1.5!important;max-width:600px}.mb-plp-image-grid__cards{display:flex;gap:20px}.mb-plp-image-grid__aside{flex:1.35;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px;row-gap:20px}.mb-plp-image-grid__card--featured{flex:.85}.mb-plp-image-grid__card{background-color:#f2f2f2;border-radius:12px;overflow:hidden;min-height:0}.mb-plp-image-grid__card--exclusive{background:radial-gradient(circle at top right,rgba(22,191,218,.14) 0%,transparent 38%),linear-gradient(180deg,#f7fbfc,#eaf4f6);border:1px solid rgba(22,191,218,.18);box-shadow:inset 0 1px #ffffffbf,0 10px 26px #16bfda1a}.mb-plp-image-grid__aside .mb-plp-image-grid__card{aspect-ratio:1}.mb-plp-image-grid__card--featured{aspect-ratio:auto}.mb-plp-image-grid__card-link{position:relative;display:block;height:100%;width:100%;box-sizing:border-box;color:inherit;text-decoration:none}.mb-plp-image-grid__media{border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;height:100%;box-sizing:border-box}.mb-plp-image-grid__image{width:var(--card-image-size, 60%);height:var(--card-image-size, 60%);object-fit:contain;display:block;margin-bottom:var(--card-image-margin-bottom, 0px);flex-shrink:0}.mb-plp-image-grid__placeholder{width:var(--card-image-size, 80%);height:var(--card-image-size, 80%);margin-bottom:var(--card-image-margin-bottom, 0px);flex-shrink:0}.mb-plp-image-grid__card-title{margin:0;position:absolute;left:24px;right:24px;bottom:28px;text-align:center;font-size:24px;line-height:1.25;font-weight:600;color:#000;z-index:2}.mb-plp-image-grid__aside .mb-plp-image-grid__card-title{font-size:18px;left:18px;right:18px;bottom:22px}.mb-plp-image-grid__badge{position:absolute;top:16px;left:16px;z-index:3;padding:7px 10px;border-radius:999px;background:linear-gradient(135deg,#111,#2b2b2b);color:#fff;font-size:9px;line-height:1;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 20px #0000002e,inset 0 1px #ffffff29;pointer-events:none;white-space:nowrap}.mb-plp-image-grid__badge:before{content:"";display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background-color:var(--primary);box-shadow:0 0 10px #16bfda99;vertical-align:1px}.mb-plp-image-grid__aside .mb-plp-image-grid__card:last-child{position:relative;background:radial-gradient(circle at top right,rgba(22,191,218,.14) 0%,transparent 38%),linear-gradient(180deg,#f7fbfc,#eaf4f6);border:1px solid transparent;box-shadow:inset 0 1px #ffffffbf,0 10px 26px #16bfda1a}.mb-plp-image-grid__aside .mb-plp-image-grid__card:last-child:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ff4fb8,#8b5cf6,#3b82f6,#22c55e 72%,#facc15);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;z-index:2}.mb-plp-image-grid__aside .mb-plp-image-grid__card:last-child .mb-plp-image-grid__card-link{position:relative;z-index:1}.mb-plp-image-grid__empty{background-color:#f6f6f6;border:1px dashed #c8c8c8;border-radius:12px;padding:30px;text-align:center;color:#666}@media(max-width:989px){.mb-plp-image-grid{padding:var(--mobile-spacing, 20px) 0}.mb-plp-image-grid__card--featured{aspect-ratio:1}.mb-plp-image-grid__title{font-size:38px;line-height:1;font-weight:700;color:#111}.mb-plp-image-grid__subtitle{font-size:16px}.mb-plp-image-grid__cards{flex-direction:column;gap:12px}.mb-plp-image-grid__aside{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mb-plp-image-grid__aside .mb-plp-image-grid__card-title{font-size:16px;left:14px;right:14px;bottom:18px}.mb-plp-image-grid__badge{top:12px;left:12px;padding:6px 8px;font-size:8px}}@media(max-width:640px){.mb-plp-image-grid__aside{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/mb-plp-image-grid.css.map */