.aceii-product-overview{--aog-card-radius: 22px;--aog-grid-gap: 10px;width:100%;overflow:hidden;background:#f4f6f4;padding-block:28px 60px}.aceii-product-overview *{box-sizing:border-box}.aog-inner{margin:0 auto}.aog-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row dense;grid-template-rows:240px 240px 220px 180px;grid-auto-rows:220px;gap:var(--aog-grid-gap);overflow:hidden;border-radius:var(--aog-card-radius);clip-path:inset(0 round var(--aog-card-radius))}.aog-card{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;isolation:isolate;border-radius:0;background:#d9d9d9;border:0;outline:0;box-shadow:none;transform:translateZ(0);clip-path:none;-webkit-mask-image:-webkit-radial-gradient(white,black);backface-visibility:hidden;-webkit-backface-visibility:hidden}.aog-card-main{grid-column:span 6;grid-row:span 2}.aog-card-wide,.aog-card-side{grid-column:span 6}.aog-card-half{grid-column:span 3}.aog-card-third{grid-column:span 4}.aog-card-quarter,.aog-card-small{grid-column:span 3}.aog-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;border-radius:inherit;clip-path:inherit;background:inherit;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(white,black);backface-visibility:hidden;-webkit-backface-visibility:hidden}.aog-bg,.aog-video,.aog-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:inherit}.aog-bg{z-index:1;display:block;object-fit:cover;transform:scale(1.01);backface-visibility:hidden;-webkit-backface-visibility:hidden}.aog-video{z-index:2;display:block;object-fit:cover;overflow:hidden;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.aog-overlay{z-index:3;pointer-events:none;background:linear-gradient(180deg,#00000014,#00000029)}.aog-overlay-light{background:linear-gradient(180deg,#ffffff0a,#ffffff1f)}.aog-overlay-none{background:transparent}.aog-copy{position:absolute;z-index:5;left:20px;top:18px;right:20px;pointer-events:none}.aog-copy h3{margin:0;color:#fff;font-size:18px;line-height:1.2;font-weight:700}.aog-copy-dark h3{color:#111;font-weight:700}.aog-copy-white h3{color:#fff;font-weight:700;text-shadow:0 8px 24px rgba(0,0,0,.28)}.aog-card-main .aog-copy h3{font-size:20px;font-weight:700}.aog-card-quarter .aog-copy,.aog-card-small .aog-copy{left:16px;top:14px;right:16px}.aog-card-quarter .aog-copy h3,.aog-card-small .aog-copy h3{font-size:15px;line-height:1.25;font-weight:700}.aog-card-app,.aog-card-app .aog-media{background:#fff}.aog-card-app .aog-bg{object-fit:contain;transform:none}.aog-card-app .aog-copy{z-index:6}.aog-card video::-webkit-media-controls{display:none!important}.aog-card video{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}@media screen and (max-width:1180px){.aog-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:230px}.aog-card-main{grid-column:span 6;grid-row:span 2}.aog-card-wide,.aog-card-side{grid-column:span 6}.aog-card-half,.aog-card-quarter,.aog-card-small{grid-column:span 3}.aog-card-third{grid-column:span 2}.aog-card-app .aog-bg{object-fit:contain}}@media screen and (max-width:760px){.aceii-product-overview{--aog-card-radius: 18px;--aog-grid-gap: 8px;padding-block:18px 42px}.aog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-flow:row;grid-auto-rows:auto;gap:var(--aog-grid-gap)}.aog-card{grid-row:auto;width:100%;height:auto;min-height:0;border-radius:0;clip-path:none}.aog-card-main{grid-column:span 2;grid-row:auto;aspect-ratio:602 / 466}.aog-card-wide,.aog-card-side{grid-column:span 2;aspect-ratio:606 / 228}.aog-card-half{grid-column:span 1;aspect-ratio:295 / 227}.aog-card-third{grid-column:span 2;aspect-ratio:401 / 184}.aog-card-quarter,.aog-card-small{grid-column:span 1;aspect-ratio:296 / 153}.aog-bg{transform:none}.aog-card-app .aog-bg{object-fit:contain}.aog-copy{left:16px;top:16px;right:16px}.aog-copy h3,.aog-card-main .aog-copy h3,.aog-card-quarter .aog-copy h3,.aog-card-small .aog-copy h3{font-size:14px;line-height:1.25;font-weight:700}.aog-card-main .aog-copy h3,.aog-card-wide .aog-copy h3{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-aceii-product-overview.css.map */