.section-db-sale-banner{margin:0;padding:0;background:#080808}.db-sale-banner{position:relative;isolation:isolate;width:100%;aspect-ratio:4096 / 1360;overflow:hidden;background:#080808;color:#fff}.db-sale-banner__picture,.db-sale-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.db-sale-banner__image{object-fit:cover}.db-sale-banner:after{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(270deg,rgb(0 0 0 / .38),transparent 55%);pointer-events:none;content:""}.db-sale-banner__content{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-end;padding:32px 7%;pointer-events:none}.db-sale-banner__copy{display:flex;flex-direction:column;align-items:flex-end;gap:20px;max-width:420px;text-align:right}.db-sale-banner h2{margin:0;color:#fff;font-family:var(--font-navigation-family, inherit);font-size:72px;font-weight:600;line-height:1;letter-spacing:0;text-shadow:0 2px 12px rgb(0 0 0 / .35);overflow-wrap:anywhere}.db-sale-banner__text{color:#fff;font-size:16px;line-height:1.5}.db-sale-banner__text p{margin:0}.db-sale-banner .db-sale-banner__cta{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;max-width:100%;margin:0;padding:12px 24px;border:1px solid rgb(255 255 255 / .85);border-radius:999px;background:#0c0c0c47;color:#fff;font-family:var(--font-button-family, inherit);font-size:13px;font-weight:600;line-height:1.4;letter-spacing:0;text-decoration:none;opacity:1;pointer-events:auto;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.db-sale-banner .db-sale-banner__cta:disabled{cursor:default}.db-sale-banner .db-sale-banner__cta:is(:hover,:focus,:visited){color:#fff}.db-sale-banner__cta:focus-visible{outline:2px solid #fff;outline-offset:4px}.db-sale-banner__cta>span,.db-sale-banner__cta svg{display:block;width:14px;height:12px}.db-sale-banner__cta svg{--color-body: currentColor}@media(hover:hover){.db-sale-banner .db-sale-banner__cta:not(:disabled):hover{background:#ffffff2e}}@media(max-width:767px){.db-sale-banner{aspect-ratio:1}.db-sale-banner__content{padding:20px}.db-sale-banner__copy{max-width:55%;gap:14px}.db-sale-banner h2{font-size:36px}.db-sale-banner__text{font-size:13px}.db-sale-banner .db-sale-banner__cta{min-height:44px;padding:10px 18px;gap:10px;font-size:12px}}.db-sale-banner.db-sale-banner--campaign{aspect-ratio:3 / 1;background:#080808}.db-sale-banner--campaign:after{display:none}.db-sale-banner--campaign .db-sale-banner__content{justify-content:flex-start;padding:32px 7%}.db-sale-banner--campaign .db-sale-banner__copy{align-items:flex-start;width:40%;max-width:460px;gap:16px;text-align:left}.db-sale-banner--campaign .db-sale-banner__eyebrow{margin:0;color:#ff6c60;font-family:var(--font-navigation-family, inherit);font-size:11px;font-weight:600;line-height:16px;letter-spacing:0}.db-sale-banner.db-sale-banner--campaign h2{max-width:100%;font-size:144px;font-weight:700;line-height:.9;letter-spacing:0;text-shadow:none}.db-sale-banner--campaign .db-sale-banner__text{max-width:100%;color:#ededed;font-size:16px;line-height:1.5}.db-sale-banner--campaign .db-sale-banner__cta{margin-top:4px;background:#ffffff1a;border-color:#ffffff9e}@media(min-width:768px)and (max-width:1100px){.db-sale-banner--campaign .db-sale-banner__content{padding:24px 5%}.db-sale-banner--campaign .db-sale-banner__copy{gap:10px;width:42%}.db-sale-banner.db-sale-banner--campaign h2{font-size:88px}.db-sale-banner--campaign .db-sale-banner__eyebrow{font-size:10px;line-height:14px}.db-sale-banner--campaign .db-sale-banner__text{font-size:14px}.db-sale-banner--campaign .db-sale-banner__cta{min-height:44px;padding:10px 20px;font-size:12px}}@media(max-width:767px){.db-sale-banner.db-sale-banner--campaign{aspect-ratio:4 / 5}.db-sale-banner--campaign .db-sale-banner__content{align-items:flex-start;padding:20px 24px}.db-sale-banner--campaign .db-sale-banner__copy{width:100%;max-width:100%;gap:8px}.db-sale-banner--campaign .db-sale-banner__eyebrow{font-size:10px;line-height:12px}.db-sale-banner.db-sale-banner--campaign h2{font-size:96px}.db-sale-banner--campaign .db-sale-banner__text{font-size:13px;line-height:18px}.db-sale-banner--campaign .db-sale-banner__cta{margin-top:0;padding:10px 20px;min-height:44px}}@media(min-width:360px)and (max-width:389px){.db-sale-banner.db-sale-banner--campaign h2{font-size:88px}}@media(max-width:359px){.db-sale-banner--campaign .db-sale-banner__content{padding:20px}.db-sale-banner--campaign .db-sale-banner__eyebrow{display:none}.db-sale-banner.db-sale-banner--campaign h2{font-size:76px}.db-sale-banner--campaign .db-sale-banner__text{font-size:12px}}@font-face{font-family:DB Sale Display;src:url(db-sale-barlowcondensed-bolditalic-20261023.woff2) format("woff2");font-style:italic;font-weight:700;font-display:swap}.db-sale-banner--treat .db-sale-banner__copy{gap:14px}.db-sale-banner.db-sale-banner--treat h2{font-family:DB Sale Display,Arial Narrow,sans-serif;font-size:90px;font-style:italic;font-weight:700;line-height:.92;letter-spacing:0;overflow-wrap:normal;text-wrap:balance}.db-sale-banner--treat .db-sale-banner__offer{margin:0;color:#ff786c;font-family:Inter,sans-serif;font-size:30px;font-weight:700;line-height:1.15;letter-spacing:0}.db-sale-banner--treat .db-sale-banner__text{max-width:360px;font-size:15px;line-height:1.5}@media(min-width:768px)and (max-width:1100px){.db-sale-banner--treat .db-sale-banner__copy{gap:8px}.db-sale-banner.db-sale-banner--treat h2{font-size:54px}.db-sale-banner--treat .db-sale-banner__offer{font-size:22px}.db-sale-banner--treat .db-sale-banner__text{font-size:12px;line-height:1.4}}@media(max-width:767px){.db-sale-banner--treat .db-sale-banner__copy{gap:8px}.db-sale-banner.db-sale-banner--treat h2{font-size:48px;line-height:.98}.db-sale-banner--treat .db-sale-banner__offer{font-size:22px;line-height:26px}.db-sale-banner--treat .db-sale-banner__text{font-size:12px;line-height:18px}.db-sale-banner--treat .db-sale-banner__cta{margin-top:2px}}@media(min-width:360px)and (max-width:389px){.db-sale-banner.db-sale-banner--treat h2{font-size:44px}}@media(max-width:359px){.db-sale-banner--treat .db-sale-banner__copy{gap:6px}.db-sale-banner.db-sale-banner--treat h2{font-size:40px}.db-sale-banner--treat .db-sale-banner__offer{font-size:20px;line-height:24px}.db-sale-banner--treat .db-sale-banner__text{font-size:11px;line-height:16px}}
/*# sourceMappingURL=/cdn/shop/t/189/assets/db-sale-banner.css.map */