.db-projector-grid{--db-projector-badge-background: #ff4d4f;--db-projector-button-color: rgba(0, 0, 0, .9);padding:var(--db-projector-padding-top, 0) 24px var(--db-projector-padding-bottom, 100px);background:var(--db-projector-section-background, #fff);color:#000;font-family:MiSans,Poppins,sans-serif}.db-projector-grid *,.db-projector-grid *:before,.db-projector-grid *:after{box-sizing:border-box}.db-projector-grid__container{width:100%;max-width:1260px;margin:0 auto}.db-projector-grid__header{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.db-projector-grid .db-projector-grid__container .db-projector-grid__header h2.db-projector-grid__heading{margin:0;padding:0;color:inherit;font-family:inherit;font-size:36px;font-weight:600;line-height:48px;text-transform:none}.db-projector-grid .db-projector-grid__subheading{margin:0;color:inherit;font-family:Poppins-Regular,sans-serif;font-size:18px;font-weight:400;line-height:24px}.db-projector-grid__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.db-projector-grid__card{position:relative;isolation:isolate;display:flex;min-width:0;min-height:513px;flex-direction:column;overflow:hidden;padding:40px 24px 32px;border-radius:20px;background:var(--db-projector-card-background, #000);color:var(--db-projector-card-color, #fff)}.db-projector-grid__background{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;pointer-events:none}.db-projector-grid__background-image{display:block;width:100%;height:auto}.db-projector-grid__badge{position:absolute;z-index:1;top:19px;left:20px;max-width:calc(100% - 40px);padding:8px 16px;border-radius:304px;background:var(--db-projector-badge-background);color:var(--db-projector-badge-color, #eef8ff);font-size:14px;font-weight:600;line-height:19px;overflow-wrap:anywhere}.db-projector-grid__media{width:100%;aspect-ratio:1;flex-shrink:0}.db-projector-grid__details{display:flex;flex:1;flex-direction:column;gap:24px}.db-projector-grid__intro{display:flex;flex-direction:column;gap:12px}.db-projector-grid .db-projector-grid__card h3.db-projector-grid__title,.db-projector-grid .db-projector-grid__price{margin:0;padding:0;color:inherit;font-family:inherit;font-size:28px;font-weight:600;line-height:37px;overflow-wrap:anywhere;text-transform:none}.db-projector-grid .db-projector-grid__description{margin:0;color:inherit;font-family:Poppins-Regular,sans-serif;font-size:14px;font-weight:400;line-height:19px;overflow-wrap:anywhere}.db-projector-grid .db-projector-grid__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.db-projector-grid__compare-price{font-family:Poppins-Regular,sans-serif;font-size:16px;font-weight:400;line-height:24px;opacity:.55}.db-projector-grid__purchase{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:auto}.db-projector-grid .db-projector-grid__button{display:inline-flex;min-height:45px;align-items:center;justify-content:center;padding:12px 20px;border-radius:304px;background:#fff;color:var(--db-projector-button-color);font-size:16px;font-weight:600;line-height:21px;text-align:center;text-decoration:none;transition:background-color .2s ease}.db-projector-grid__button[href]:hover{background:#eef8ff}.db-projector-grid__button:focus-visible{outline:2px solid currentColor;outline-offset:4px;box-shadow:0 0 0 6px #fff}@media(max-width:989px){.db-projector-grid__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.db-projector-grid{--db-projector-secondary-opacity: .55;padding:var(--db-projector-padding-top-mobile, 58px) 20px var(--db-projector-padding-bottom-mobile, 150px)}.db-projector-grid__header{gap:8px;margin-bottom:20px}.db-projector-grid .db-projector-grid__container .db-projector-grid__header h2.db-projector-grid__heading{font-size:20px;font-weight:500;line-height:28px}.db-projector-grid .db-projector-grid__subheading{font-size:14px;line-height:22px}.db-projector-grid__list{gap:10px}.db-projector-grid__card{width:100%;min-height:298px;padding:max(24px,13.636364%) max(12px,6.818182%) max(12px,6.818182%);border-radius:10px}.db-projector-grid__badge{top:12px;left:12px;max-width:calc(100% - 24px);padding:4px 8px;font-size:10px;line-height:14px}.db-projector-grid__media{width:84.210526%;max-width:100%}.db-projector-grid__details{gap:12px}.db-projector-grid__intro{gap:4px}.db-projector-grid .db-projector-grid__card h3.db-projector-grid__title,.db-projector-grid .db-projector-grid__price{font-size:18px;line-height:24px}.db-projector-grid .db-projector-grid__description{min-height:30px;font-size:11px;line-height:15px;opacity:var(--db-projector-secondary-opacity)}.db-projector-grid__purchase{gap:8px}.db-projector-grid .db-projector-grid__price{gap:4px}.db-projector-grid__compare-price{font-size:10px;font-weight:400;line-height:18px;opacity:var(--db-projector-secondary-opacity)}.db-projector-grid .db-projector-grid__button{min-width:100px;max-width:100%;min-height:32px;padding:8px 16px;font-size:12px;line-height:16px;overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){.db-projector-grid .db-projector-grid__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/dangbei-projector-grid.css.map */