.dm-btn { border-radius: 3px; cursor: pointer; display: inline-block; font-size: 14px !important; font-weight: bold; line-height: 40px !important; min-width: 125px; text-align: center; } .dm-btn::after { content: none !important; } .dm-btn.dm-btn-primary-tf { background-color: #e71316; } .dm-btn.dm-btn-primary-tf a { color: #ffffff !important; padding: 0 22px; } .dm-btn.dm-btn-primary-tf:hover { background-color: #c40003; } .dm-btn.dm-btn-primary-tf:active { background-color: #c40003; box-shadow: rgba(50, 50, 93, 0.25) 0px 15px 15px -12px inset, rgba(0, 0, 0, 0.25) 0px 18px 10px -18px inset; } .dm-btn.dm-btn-secondary-tf { background-color: #555759; } .dm-btn.dm-btn-secondary-tf a { color: #ffffff !important; padding: 0 22px; } .dm-btn.dm-btn-secondary-tf:hover { background-color: #1B1B1D; } .dm-btn.dm-btn-secondary-tf:active { background-color: #1B1B1D; } .dm-btn.dm-btn-info-tf { background-color: #ffffff; border: 1px solid #dcdcdc; } .dm-btn.dm-btn-info-tf a { color: #555759 !important; padding: 0 22px; } .dm-btn.dm-btn-info-tf:hover { border: 1px solid #92929e; } .dm-btn.dm-btn-info-tf:active { border: 1px solid #92929e; box-shadow: rgba(50, 50, 93, 0.25) 0px 15px 15px -12px inset, rgba(0, 0, 0, 0.25) 0px 18px 10px -18px inset; } .dm-btn.dm-btn-outline-tf { background-color: #ffffff; border: 1px solid #dcdcdc; } .dm-btn.dm-btn-outline-tf a { color: #1e8ae7 !important; padding: 0 22px; } .dm-btn.dm-btn-outline-tf:hover { border: 1px solid #0071d0; } .dm-btn.dm-btn-outline-tf:active { border: 1px solid #0071d0; box-shadow: rgba(50, 50, 93, 0.25) 0px 15px 15px -12px inset, rgba(0, 0, 0, 0.25) 0px 18px 10px -18px inset; } .dm-btn.dm-btn-primary-fs { background-color: #005daa; } /*.dm-btn.dm-btn-primary-fs:hover {*/ /* background-color: #024d8c;*/ /*}*/ /*.dm-btn.dm-btn-primary-fs:active {*/ /* box-shadow: inset 0px 0px 5px 3px #04355f;*/ /* background-color: #024d8c;*/ /*}*/ .dm-btn.dm-btn-primary-fs a { color: #ffffff !important; } .dm-btn.dm-btn-secondary-fs { background-color: #ffffff; } .dm-btn.dm-btn-secondary-fs a { color: #005daa !important; } /*.dm-btn.dm-btn-secondary-fs:hover {*/ /* background-color: #e6e6e6;*/ /*}*/ /*.dm-btn.dm-btn-secondary-fs:active {*/ /* box-shadow: inset 0px 0px 5px 3px #aeaeae;*/ /* background-color: #e6e6e6;*/ /*}*/ .dm-btn.dm-btn-small { line-height: 30px !important; } /* CTA Text-Only Styling */ .dm-btn-text.dm-btn-link a { color: #0071d0 !important; } .dm-btn-text.dm-btn-link a:hover { color: #005daa !important; } .dm-btn-text.dm-btn-link::after { content: "\203A"; color: #005daa !important; } .dm-btn-text.dm-btn-text-regular a { color: #222222 !important; } .dm-btn-text.dm-btn-text-regular::after { content: "\203A"; color: #222222 !important; } .dm-btn-text.dm-btn-text-white a { color: #ffffff !important; } .dm-btn-text.dm-btn-text-white::after { content: "\203A"; color: #ffffff !important; } /* Headline font sizes */ .heading-formatting { font-weight: 100; line-height: inherit; margin: 0; } .dm-dynamic-offer .offer-headline h1, .dm-dynamic-offer .offer-subheadline h1 { font-size: 32px !important; font-weight: 100; line-height: inherit; margin: 0; } .dm-dynamic-offer .offer-headline h2, .dm-dynamic-offer .offer-subheadline h2 { font-size: 26px !important; font-weight: 100; line-height: inherit; margin: 0; } .dm-dynamic-offer .offer-headline h3, .dm-dynamic-offer .offer-subheadline h3 { font-size: 22px !important; font-weight: 100; line-height: inherit; margin: 0; } .dm-dynamic-offer .offer-headline h4, .dm-dynamic-offer .offer-subheadline h4 { font-size: 20px !important; font-weight: 100; line-height: inherit; margin: 0; } .dm-dynamic-offer .offer-headline h5, .dm-dynamic-offer .offer-subheadline h5 { font-size: 18px !important; font-weight: 100; line-height: inherit; margin: 0; } .dm-dynamic-offer .offer-headline h6, .dm-dynamic-offer .offer-subheadline h6 { font-size: 16px !important; font-weight: 100; line-height: inherit; margin: 0; } /* Background Gradient */ .dm-offer-gradient { background: -moz-linear-gradient(-45deg, #ffffff 32%, #e5e4e4 68%); background: -webkit-linear-gradient(-45deg, #ffffff 32%, #e5e4e4 68%); background: linear-gradient(182deg, #ffffff 32%, #e5e4e4 68%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e4e4', GradientType=1); } /* Border and shadows*/ .dm-mondrian-border { border-radius: 4px; border: 1px solid #e5e5e5; box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.1); } /* Offer text flexbox */ .dm-offer-text-flexbox { box-sizing: border-box; display: flex; position: relative; } .dm-offer-text-flexbox-column { box-sizing: border-box; display: flex; position: relative; flex-direction: column; } /* Line clamping for headline & sub headline */ .dm-line-clamping { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; } .dm-clamp-lines-1 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .dm-clamp-lines-2 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .dm-clamp-lines-3 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .dm-clamp-lines-4 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .dm-clamp-lines-5 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; } /* Product Image Alignment */ .dm-dynamic-offer.dm-img-right .offer-text { position: absolute; left: 0; } .dm-dynamic-offer.dm-img-right .offer-dynamic-product-image { position: absolute; right: 0; } .dm-dynamic-offer.dm-img-left .offer-text { position: absolute; right: 0; } .dm-dynamic-offer.dm-img-left .offer-dynamic-product-image { position: absolute; left: 0; } .dm-dynamic-offer.dm-img-bkg .offer-text { position: absolute; left: 0; } .dm-dynamic-offer.dm-img-bkg .offer-dynamic-product-image { position: absolute; left: 0; } .dm-dynamic-offer.img-black-overlay .offer-bkg-img { background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0) 100%); } .dm-dynamic-offer.img-black-overlay .offer-bkg-img img { opacity: 0.5; } .dm-dynamic-offer.img-white-overlay .offer-bkg-img { background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 10%, rgba(0, 0, 0, 0) 100%); } .dm-dynamic-offer.img-white-overlay .offer-bkg-img img { opacity: 0.5; } .dm-image-fill { height: 100% !important; object-fit: cover; width: 100% !important; } /* Headline Color Styling */ .dm-dynamic-offer .offer-text { /* Text Alignment */ } .dm-dynamic-offer .offer-text.txt-dark .offer-headline span { color: #222222 !important; } .dm-dynamic-offer .offer-text.txt-dark .offer-headline span p { color: #222222 !important; } .dm-dynamic-offer .offer-text.txt-dark .offer-headline span a { color: #222222 !important; } .dm-dynamic-offer .offer-text.txt-dark .offer-headline::after { color: #222222 !important; } .dm-dynamic-offer .offer-text.txt-light .offer-headline span { color: #54545c !important; } .dm-dynamic-offer .offer-text.txt-light .offer-headline span p { color: #54545c !important; } .dm-dynamic-offer .offer-text.txt-light .offer-headline span a { color: #54545c !important; } .dm-dynamic-offer .offer-text.txt-light .offer-headline::after { color: #54545c !important; } .dm-dynamic-offer .offer-text.txt-white .offer-headline span { color: #ffffff !important; } .dm-dynamic-offer .offer-text.txt-white .offer-headline span p { color: #ffffff !important; } .dm-dynamic-offer .offer-text.txt-white .offer-headline span a { color: #ffffff !important; } .dm-dynamic-offer .offer-text.txt-white .offer-headline::after { color: #ffffff !important; } .dm-dynamic-offer .offer-text.txt-blue .offer-headline span { color: #005daa !important; } .dm-dynamic-offer .offer-text.txt-blue .offer-headline span p { color: #005daa !important; } .dm-dynamic-offer .offer-text.txt-blue .offer-headline span a { color: #005daa !important; } .dm-dynamic-offer .offer-text.txt-blue .offer-headline::after { color: #005daa !important; } .dm-dynamic-offer .offer-text.txt-green .offer-headline span { color: #3bad2f !important; } .dm-dynamic-offer .offer-text.txt-green .offer-headline span p { color: #3bad2f !important; } .dm-dynamic-offer .offer-text.txt-green .offer-headline span a { color: #3bad2f !important; } .dm-dynamic-offer .offer-text.txt-green .offer-headline::after { color: #3bad2f !important; } .dm-dynamic-offer .offer-text.txt-red .offer-headline span { color: #e71316 !important; } .dm-dynamic-offer .offer-text.txt-red .offer-headline span p { color: #e71316 !important; } .dm-dynamic-offer .offer-text.txt-red .offer-headline span a { color: #e71316 !important; } .dm-dynamic-offer .offer-text.txt-red::after { color: #e71316 !important; } .dm-dynamic-offer .offer-text .offer-subheadline.txt-dark span { color: #222222 !important; } .dm-dynamic-offer .offer-text .offer-subheadline.txt-dark span p { color: #222222 !important; } .dm-dynamic-offer .offer-text .offer-subheadline.txt-light span { color: #54545c !important; } .dm-dynamic-offer .offer-text .offer-subheadline.txt-light span p { color: #54545c !important; } .dm-dynamic-offer .offer-text .offer-subheadline.txt-white span { color: #ffffff !important; } .dm-dynamic-offer .offer-text .offer-subheadline.txt-white span p { color: #ffffff !important; } .dm-dynamic-offer .offer-text .offer-subheadline.txt-blue span { color: #005daa !important; } .dm-dynamic-offer .offer-text .offer-subheadline.txt-blue span p { color: #005daa !important; } .dm-dynamic-offer .offer-text .offer-subheadline.txt-green span { color: #3bad2f !important; } .dm-dynamic-offer .offer-text .offer-subheadline.txt-green span p { color: #3bad2f !important; } .dm-dynamic-offer .offer-text .offer-subheadline.txt-red span { color: #e71316 !important; } .dm-dynamic-offer .offer-text .offer-subheadline.txt-red span p { color: #e71316 !important; } .dm-dynamic-offer .offer-text.text-bottom { bottom: 0; top: auto !important; } .spb .dm-dynamic-offer .offer-text.txt-blue .offer-headline span { color: #1e8ae7 !important; } .spb .dm-dynamic-offer .offer-text.txt-blue .offer-headline span p { color: #1e8ae7 !important; } .spb .dm-dynamic-offer .offer-text.txt-blue .offer-headline span a { color: #1e8ae7 !important; } .spb .dm-dynamic-offer .offer-text.txt-blue .offer-headline::after { color: #1e8ae7 !important; } /*------------------------------------*\ #VECTOR CLASSES \*------------------------------------*/ .chevron-position { display: inline-block; font-size: 26px; font-style: normal; font-weight: normal; line-height: 0; position: relative; top: 2px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } .chevron-down { content: "\2335"; } .chevron-up { content: "\2303"; } .chevron-forward { content: "\203A"; } .close-dark { content: "\00d7"; } .dm-dynamic-offer .offer-text .offer-cta::after { display: inline-block; font-size: 26px; font-style: normal; font-weight: normal; line-height: 0; position: relative; top: 2px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } /*------------------------------------*\ #DOM CLASSES \*------------------------------------*/ .offer-body { font-family: "Helvetica Neue", "Helvetica", "Roboto", "Segoe UI", "Arial", "sans-serif"; } .dm-dynamic-offer a { text-decoration: none; } .aem-GridColumn { padding: 0; } .template { margin: auto; background: white; position: relative; } .absolute-top-left { position: absolute; left: 0; top: 0; } .dm-hidden { display: none !important; } /*------------------------------------*\ INDIVIDUAL VARIATIONS \*------------------------------------*/ /* Master Base Variation Styling - MA_LP = DEFAULT */ .offer-body .offer-content { margin: auto; background: white; position: relative; height: 178px; width: 585px; /* DEFAULT DISPLAY */ } .offer-body .offer-content .dm-dynamic-offer { height: 178px; width: 585px; } .offer-body .offer-content .dm-dynamic-offer .entireClickable { cursor: pointer; } .offer-body .offer-content .dm-dynamic-offer .entireClickable a { width: 100%; height: 100%; position: absolute; z-index: 10; } .offer-body .offer-content .dm-dynamic-offer .dm-promo-badge { border-radius: 11px; float: left; height: 20px; position: absolute; right: 17px; top: 17px; z-index: 1; } .offer-body .offer-content .dm-dynamic-offer .dm-promo-badge p { color: #ffffff; font-size: 11px; font-weight: bold; height: 13px; line-height: 11px; margin: 0; padding: 4px 10px; } .offer-body .offer-content .dm-dynamic-offer .dm-promo-badge.dm-promo-default { background-color: #1e8ae7; } .offer-body .offer-content .dm-dynamic-offer .dm-promo-badge.dm-promo-percentage-off { background-color: #e02020; } .offer-body .offer-content .dm-dynamic-offer .dm-promo-badge.dm-promo-special-deal { background-color: #ED7700; } .offer-body .offer-content .dm-dynamic-offer .dm-promo-badge.dm-promo-free-sample { background-color: #7fba00; } .offer-body .offer-content .dm-dynamic-offer .dm-promo-badge.dm-promo-free-offer { background-color: #522d6d; } .offer-body .offer-content .dm-dynamic-offer .offer-bkg-img { position: absolute; left: 0; top: 0; height: 100%; overflow: hidden; width: 100%; z-index: 0; } .offer-body .offer-content .dm-dynamic-offer .offer-bkg-img .cmp-image { height: inherit; } .offer-body .offer-content .dm-dynamic-offer .offer-bkg-img .cmp-image img { width: 100%; } .offer-body .offer-content .dm-dynamic-offer .offer-bkg-img img, .offer-body .offer-content .dm-dynamic-offer .offer-bkg-img .cmp-image img { height: 100%; object-fit: cover; object-position: right top; width: 100%; } .offer-body .offer-content .dm-dynamic-offer.dm-img-right .offer-bkg-img img { height: 100%; width: auto; position: absolute; right: 0; } .offer-body .offer-content .dm-dynamic-offer.dm-img-left .offer-bkg-img img { height: 100%; width: auto; position: absolute; left: 0; } .offer-body .offer-content .dm-dynamic-offer.dm-img-none .offer-bkg-img, .offer-body .offer-content .dm-dynamic-offer.dm-img-none .offer-dynamic-product-image { display: none !important; } .offer-body .offer-content .dm-dynamic-offer .offer-text { position: absolute; top: 0; padding: 14px 16px; width: 324px; z-index: 1; } .offer-body .offer-content .dm-dynamic-offer .offer-text .offer-headline span { font-size: 22px; font-weight: bold; line-height: 1.27; } .offer-body .offer-content .dm-dynamic-offer .offer-text .offer-headline span p { margin: auto; } .offer-body .offer-content .dm-dynamic-offer .offer-text .offer-subheadline p { margin: 0; } .offer-body .offer-content .dm-dynamic-offer .offer-text .offer-cta { font-size: 16px; font-weight: 500; line-height: 1.25; margin-top: 16px; } .offer-body .offer-content .dm-dynamic-offer .offer-text .offer-cta p { display: inline-block; margin: 0; } .offer-body .offer-content .dm-dynamic-offer .display-branding { display: none; } .offer-body .offer-content.display-offer:not(.ma_lp) .dm-dynamic-offer .offer-bkg-img { background: #c8c7c8; position: relative; } .offer-body .offer-content.display-offer:not(.ma_lp) .dm-dynamic-offer .offer-text { bottom: 0; padding: 16px; top: auto; } .offer-body .offer-content.display-offer:not(.ma_lp) .dm-dynamic-offer .offer-text .offer-headline span { font-size: 18px; font-weight: 500; line-height: 1.28; } .offer-body .offer-content.display-offer:not(.ma_lp) .dm-dynamic-offer .offer-text .offer-cta { bottom: 16px; line-height: 34px !important; position: absolute; } .offer-body .offer-content.display-offer:not(.ma_lp) .dm-dynamic-offer .display-branding { bottom: 18px; display: block; max-width: 102px; position: absolute; right: 18px; } /*Issues on the homepage of a div expanding outside of boundaries*/ #homepage .dynamicmerchandisingoffer .xfpage .container { width: auto !important; padding: 0 !important; }  .offer-body .offer-content.pc { border-radius: 4px; height: 305px; max-width: 328px; width: inherit; } .offer-body .offer-content.pc .dm-dynamic-offer { display: flex; flex-direction: column; height: 305px; justify-content: flex-end; max-width: 328px; position: relative; width: inherit; } .offer-body .offer-content.pc .dm-dynamic-offer .entireClickable a { top: 0; } .offer-body .offer-content.pc .dm-dynamic-offer .offer-bkg-img { height: 184px; overflow: visible; position: absolute; width: 100%; } .offer-body .offer-content.pc .dm-dynamic-offer .offer-bkg-img img { border-radius: 4px 4px 0 0; height: 100%; object-fit: cover; object-position: center center; width: 100%; } .offer-body .offer-content.pc .dm-dynamic-offer .offer-text { box-sizing: border-box; display: flex; flex-direction: column; font-weight: 500; height: 121px; justify-content: space-between; padding: 8px 22px 8px 16px; position: relative; width: auto; } .offer-body .offer-content.pc .dm-dynamic-offer .offer-text .offer-headline { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .offer-body .offer-content.pc .dm-dynamic-offer .offer-text .offer-headline span { font-size: 16px; font-weight: 500; line-height: 26px; } .offer-body .offer-content.pc .dm-dynamic-offer .offer-text .offer-subheadline { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .offer-body .offer-content.pc .dm-dynamic-offer .offer-text .offer-subheadline span { font-size: 14px; font-weight: 400; line-height: 24px; } .offer-body .offer-content.pc .dm-dynamic-offer .offer-text .offer-cta { align-items: baseline; display: flex; font-size: 14px; line-height: 22px; margin-top: 0px; white-space: nowrap; overflow: hidden; } .offer-body .offer-content.pc .dm-dynamic-offer .offer-text .offer-cta a { position: relative; } .offer-body .offer-content.pc .dm-dynamic-offer .offer-text .offer-cta::after { display: flex; font-size: 32px; justify-content: flex-end; flex-grow: 1; } @media only screen and (max-width: 1200px) { .offer-body .offer-content.pc { height: 287px; max-width: 268px; } .offer-body .offer-content.pc .dm-dynamic-offer { height: 287px; max-width: 268px; } .offer-body .offer-content.pc .dm-dynamic-offer .offer-bkg-img { height: 152px; } .offer-body .offer-content.pc .dm-dynamic-offer .offer-text { height: 135px; padding: 8px 18px 8px 16px; } } @media only screen and (max-width: 992px) { .offer-body .offer-content.pc { height: 276px; max-width: 216px; } .offer-body .offer-content.pc .dm-dynamic-offer { height: 276px; max-width: 216px; } .offer-body .offer-content.pc .dm-dynamic-offer .dm-promo-badge { right: 14px; top: 15px; } .offer-body .offer-content.pc .dm-dynamic-offer .offer-bkg-img { height: 122px; } .offer-body .offer-content.pc .dm-dynamic-offer .offer-text { height: 154px; padding: 8px 14px 8px 16px; } } @media only screen and (max-width: 768px) { .offer-body .offer-content.pc { height: 238px; max-width: 160px; } .offer-body .offer-content.pc .dm-dynamic-offer { height: 238px; max-width: 160px; } .offer-body .offer-content.pc .dm-dynamic-offer .dm-promo-badge { right: 10px; top: 12px; } .offer-body .offer-content.pc .dm-dynamic-offer .offer-bkg-img { height: 90px; } .offer-body .offer-content.pc .dm-dynamic-offer .offer-text { height: 148px; padding: 8px 16px 8px 10px; } .offer-body .offer-content.pc .dm-dynamic-offer .offer-text .offer-headline span { line-height: 20px; } .offer-body .offer-content.pc .dm-dynamic-offer .offer-text .offer-headline span p { font-size: 16px; } /* Temporary updates for Promotions page until page template is updated */ #tf-cq-pc .promo-offers { display: flex; flex-direction: column; flex-shrink: 0; margin: auto; max-width: 400px; } #tf-cq-pc .promo-offers div { width: auto; max-width: 400px; } } @media only screen and (max-width: 576px) { .offer-body .offer-content.pc { height: 259px; max-width: 264px; } .offer-body .offer-content.pc .dm-dynamic-offer { height: 259px; max-width: 264px; } .offer-body .offer-content.pc .dm-dynamic-offer .dm-promo-badge { right: 21px; top: 15px; } .offer-body .offer-content.pc .dm-dynamic-offer .offer-bkg-img { height: 149px; } .offer-body .offer-content.pc .dm-dynamic-offer .offer-text { height: 110px; padding: 5px 22px 5px 16px; } } .dynamic-offer .offer-body .offer-content.pc { max-width: 100% !important; } .dynamic-offer .offer-body .offer-content.pc .dm-dynamic-offer { max-width: 100% !important; } .dynamic-offer .offer-body .offer-content.pc .dm-dynamic-offer .offer-bkg-img img { max-height: 100% !important; max-width: 100% !important; }

/* Header banner */
.offer-body .offer-content.hb {    background: #f3f3f3;    cursor: pointer;    height: 35px;    width: inherit;  }  .offer-body .offer-content.hb .dm-dynamic-offer {    background: #f3f3f3;    height: 35px;    width: auto;  }  .offer-body .offer-content.hb .dm-dynamic-offer .offer-bkg-img {    display: none;  }  .offer-body .offer-content.hb .dm-dynamic-offer .offer-text {    align-items: center;    display: flex;    height: inherit;    justify-content: center;    padding: inherit;    vertical-align: middle;    width: 100%;  }  .offer-body .offer-content.hb .dm-dynamic-offer .offer-text .offer-headline {      min-width: 0;  }  .offer-body .offer-content.hb .dm-dynamic-offer .offer-text .offer-headline span {    color: #ee3134;    font-size: 15px;  }  .offer-body .offer-content.hb .dm-dynamic-offer .offer-text .offer-headline span p {    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;  }  .offer-body .offer-content.hb .dm-dynamic-offer .offer-cta {    flex-shrink: 0;    margin-top: -1px;  }  .offer-body .offer-content.hb .dm-dynamic-offer .offer-cta a {    font-size: 15px;    font-weight: normal;    margin-left: 6px;  }  .offer-body .offer-content.hb .dm-dynamic-offer .offer-cta::after {    top: 3px;    position: relative;  }  @media only screen and (max-width: 480px) {    .offer-body .offer-content.hb {      display: none;    }  }  /*   * Outside AEM Styling conflict solving (FS/TF)   * This is to override styling only when the offer is loaded on a site   */  .dynamic-offer .offer-body .offer-content.hb .offer-cta {    margin-top: 0 !important;  }

/* Hero banner */
.offer-body .offer-content.hr .dm-dynamic-offer .offer-text .offer-headline {    max-height: 100%;  }  .offer-body .offer-content.hr {    height: 428px;    width: 100%;  }  .offer-body .offer-content.hr .dm-dynamic-offer {    border-radius: 0;    height: 428px;    width: 100%;  }  .offer-body .offer-content.hr .dm-dynamic-offer .offer-bkg-img {    position: relative;  }  .offer-body .offer-content.hr .dm-dynamic-offer .offer-bkg-img img {    object-position: right center;  }  .offer-body .offer-content.hr .dm-dynamic-offer .offer-text {    box-sizing: border-box;    display: -ms-flexbox;    display: flex;    -ms-flex-direction: column;    flex-direction: column;    height: 100%;    -ms-flex-pack: space-evenly;    justify-content: space-evenly;    margin: auto;    max-height: 428px;    max-width: 1440px;    padding: 67px 32px 95px;    position: relative;    top: -100%;    width: auto;  }  .offer-body .offer-content.hr .dm-dynamic-offer .offer-text .offer-headline {    max-width: 65vw;  }  .offer-body .offer-content.hr .dm-dynamic-offer .offer-text .offer-headline span,  .offer-body .offer-content.hr .dm-dynamic-offer .offer-text .offer-headline p {    font-size: 50px;    font-weight: 100;    line-height: 63px;  }  .offer-body .offer-content.hr .dm-dynamic-offer .offer-text .offer-subheadline {    margin-top: 8px;    max-width: 65vw;  }  .offer-body .offer-content.hr .dm-dynamic-offer .offer-text .offer-subheadline span,  .offer-body .offer-content.hr .dm-dynamic-offer .offer-text .offer-subheadline p {    font-size: 30px;    font-weight: 100;    line-height: 38px;  }  .offer-body .offer-content.hr .dm-dynamic-offer .offer-text .offer-cta {    -ms-flex-item-align: baseline;    align-self: baseline;    display: inline-block;    margin: auto 0;  }  .offer-body .offer-content.hr .dm-dynamic-offer .offer-text .offer-cta p {    display: inline-block;    font-weight: bold;  }  @media only screen and (max-width: 1440px) {    .offer-body .offer-content.hr {      height: 400px;    }    .offer-body .offer-content.hr .dm-dynamic-offer {      height: 400px;    }    .offer-body .offer-content.hr .dm-dynamic-offer .offer-text {      max-height: 400px;      padding: 67px 32px 60px;    }  }  @media only screen and (max-width: 991px) {    .offer-body .offer-content.hr {      height: 340px;    }    .offer-body .offer-content.hr .dm-dynamic-offer {      height: 340px;    }    .offer-body .offer-content.hr .dm-dynamic-offer .offer-text {      max-height: 340px;      padding: 49px 32px 80px;    }    .offer-body .offer-content.hr .dm-dynamic-offer .offer-text .offer-headline {      max-width: 629px;    }    .offer-body .offer-content.hr .dm-dynamic-offer .offer-text .offer-headline span p {      font-size: 40px !important;      line-height: 51px;    }    .offer-body .offer-content.hr .dm-dynamic-offer .offer-text .offer-subheadline {      max-width: 629px;    }    .offer-body .offer-content.hr .dm-dynamic-offer .offer-text .offer-subheadline span p {      font-size: 28px;      line-height: 34px;    }  }  @media only screen and (max-width: 768px) {    .offer-body .offer-content.hr {      height: auto;    }    .offer-body .offer-content.hr .dm-dynamic-offer {      display: flex;      flex-direction: column;      height: auto;      width: 100%;    }    .offer-body .offer-content.hr .dm-dynamic-offer .offer-bkg-img {      height: 246px;      overflow: hidden;      position: relative;    }    .offer-body .offer-content.hr .dm-dynamic-offer .offer-text {      background-color: #f5f5f5;      margin: 0;      padding: 20px 32px 28px;      position: initial;      width: auto;    }    .offer-body .offer-content.hr .dm-dynamic-offer .offer-text .offer-headline {      max-width: 662px;    }    .offer-body .offer-content.hr .dm-dynamic-offer .offer-text .offer-headline span p {      color: #222222 !important;    }    .offer-body .offer-content.hr .dm-dynamic-offer .offer-text .offer-subheadline {      max-width: 662px;    }    .offer-body .offer-content.hr .dm-dynamic-offer .offer-text .offer-subheadline span p {      color: #222222 !important;    }    .offer-body .offer-content.hr .dm-dynamic-offer .offer-text .offer-cta {      margin-top: 13px;    }  }  @media only screen and (max-width: 576px) {    .offer-body .offer-content.hr .dm-dynamic-offer .offer-bkg-img {      height: 201px;    }    .offer-body .offer-content.hr .dm-dynamic-offer .offer-text {      padding: 23px 32px 24px;    }    .offer-body .offer-content.hr .dm-dynamic-offer .offer-text .offer-cta {      margin-top: 26px;    }  }  .hr .cmp-teaser {    border: none;  }  /* * Outside AEM Styling conflict solving (FS/TF) * This is to override styling only when the offer is loaded on a site */  .dynamic-offer .offer-body .offer-content.hr,  .mondrian_cq .offer-body .offer-content.hr {      height: 428px;      width: 100%;  }  .dynamic-offer .offer-body .offer-content.hr .dm-dynamic-offer,  .mondrian_cq .offer-body .offer-content.hr .dm-dynamic-offer {      border-radius: 0;      height: 428px;      width: 100%;  }  .dynamic-offer .offer-body .offer-content.hr .offer-cta,  .mondrian_cq .offer-body .offer-content.hr .offer-cta {      -ms-flex-item-align: baseline;      align-self: baseline;      display: inline-block;      margin: auto 0;  }  .dynamic-offer .offer-body .offer-content.hr .offer-cta a,  .mondrian_cq .offer-body .offer-content.hr .offer-cta a {      font-weight: bold;  }

/* Hero pods */
.offer-body .offer-content.tf-hero-pod .dm-dynamic-offer .offer-text .offer-headline {    max-height: 100%;  }  .offer-body .hr-pods-container {    margin: auto;    max-width: 1440px;    padding: 0 32px;    width: auto;  }  .offer-body .hr-pods-container .hr-pods-wrapper {    display: -ms-flexbox;    display: flex;    -ms-flex-pack: justify;    justify-content: space-between;    margin-top: -76px;  }  .offer-body .hr-pods-container .hr-pods-wrapper #offerContent-hr-pod2 {    margin: 0 32px;  }  .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod {    border: 1px solid #e5e5e5;    border-radius: 4px;    box-shadow: 0 4px 6px 0 rgba(34, 34, 34, 0.1);    height: 189px;    margin: 0;    max-width: 448px;    width: 100%;  }  .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer {    height: 189px;    max-width: 448px;    width: 100%;  }  .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer.dm-img-bkg .offer-bkg-img img {    border-radius: 4px;    object-position: right top;  }  .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer.dm-img-bkg .offer-text {    -ms-flex-align: start;    align-items: flex-start;  }  .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer.dm-img-right .offer-bkg-img img {    border-radius: 0 4px 4px 0;    object-fit: scale-down;    object-position: center;    width: 30%;  }  .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer.dm-img-right .offer-text {    -ms-flex-align: start;    align-items: flex-start;  }  .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer.dm-img-left .offer-bkg-img img {    border-radius: 4px 0 0 4px;    object-fit: scale-down;    object-position: center;    width: 30%;  }  .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer.dm-img-left .offer-text {    -ms-flex-align: end;    align-items: flex-end;  }  .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer .offer-text {    box-sizing: border-box;    display: -ms-flexbox;    display: flex;    -ms-flex-direction: column;    flex-direction: column;    height: 189px;    -ms-flex-pack: justify;    justify-content: space-between;    padding: 20px 18px;    width: auto;  }  .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer .offer-text .offer-headline {    max-width: 70%;  }  .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer .offer-text .offer-headline span p {    font-weight: 500;    font-size: 22px;    font-size: clamp(0.75rem, 0.6919rem + 0.75vw, 1.375rem);  }  .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer .offer-text .offer-cta {    margin: 6px;  }  .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer .offer-text .offer-cta.dm-btn-text::after {    content: none;  }  .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer .offer-text .offer-cta.dm-btn-text a {    font-size: 14px;    font-weight: bold;  }  @media only screen and (max-width: 1440px) {    .offer-body .hr-pods-container .hr-pods-wrapper {      margin-top: -45px;    }    .offer-body .hr-pods-container .hr-pods-wrapper #offerContent-hr-pod2 {      margin: 0 28px;    }    .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod {      height: 157px;    }    .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer {      height: 157px;    }    .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer .offer-text {      height: 157px;      padding: 9px 15px 17px;    }  }  @media only screen and (max-width: 991px) {    .offer-body .hr-pods-container {      padding: 0 32px;    }    .offer-body .hr-pods-container .hr-pods-wrapper {      margin-top: -62px;    }    .offer-body .hr-pods-container .hr-pods-wrapper #offerContent-hr-pod2 {      margin: 0 32px;    }    .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod {      height: 168px;      max-width: 299px;    }    .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer {      height: 168px;      max-width: 299px;    }    .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer .offer-text {      height: 168px;      padding: 13px 12px 9px;    }    .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer .offer-text .offer-headline span p {      font-size: 18px;      font-size: clamp(0.75rem, 0.6919rem + 0.65vw, 1.375rem);    }  }  @media only screen and (max-width: 768px) {    .offer-body .hr-pods-container {      padding: 0 32px;    }    .offer-body .hr-pods-container .hr-pods-wrapper {      margin-top: 22px;    }    .offer-body .hr-pods-container .hr-pods-wrapper #offerContent-hr-pod2 {      margin: 0 24px;    }    .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod {      height: 130px;      max-width: 233px;    }    .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer {      height: 130px;      max-width: 233px;    }    .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer .offer-text {      height: 130px;      padding: 11px 9px 6px;    }    .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer .offer-text .offer-headline span p {      font-size: 14px;      font-size: clamp(0.7rem, 0.1713rem + 1.4660vw, 0.875rem);    }    .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer .offer-text .offer-cta {      margin-top: 13px;    }    .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer .offer-text .offer-cta.dm-btn-text a {      font-size: 12px;    }  }  @media only screen and (max-width: 576px) {    .offer-body .hr-pods-container .hr-pods-wrapper {      display: -ms-flexbox;      display: flex;      -ms-flex-direction: column;      flex-direction: column;      height: 591px;      -ms-flex-pack: justify;      justify-content: space-between;      margin-top: 37px;    }    .offer-body .hr-pods-container .hr-pods-wrapper #offerContent-hr-pod2 {      margin: 0;    }    .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod {      height: 182px;      max-width: 552px;    }    .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer {      height: 182px;      max-width: 552px;    }    .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer .offer-text {      height: 182px;      padding: 24px 24px 21px;    }    .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer .offer-text .offer-headline span p {      font-size: 16px;      font-size: clamp(16px, 0.8064159292035398rem + 0.8849557522123894vw, 18px);    }    .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer .offer-text .offer-cta {      margin: 0;    }    .offer-body .hr-pods-container .hr-pods-wrapper .offer-content.tf-hero-pod .dm-dynamic-offer .offer-text .offer-cta.dm-btn-text a {      font-size: 14px;    }  }  .tf-hero-pod .cmp-teaser {    border: none;  }

/* HP EDU */
.offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text .offer-headline,  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text .offer-headline {    max-height: 100%;  }  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc {    border-radius: 4px 4px 0 0;    height: 342px;    max-width: 764px;    width: 100%;  }  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer {    border-radius: 4px 4px 0 0;    height: 342px;    max-width: 764px;    width: 100%;  }  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-bkg-img {    border-radius: 4px 4px 0 0;    height: 342px;    max-width: 764px;    position: relative;    width: 100%;  }  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-bkg-img img {    height: 100%;    width: 100%;    object-fit: cover;  }  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text {    background: linear-gradient(-116.56505118deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.86) 100%);    box-sizing: border-box;    border-radius: 4px 4px 0 0;    display: flex;    flex-direction: column;    height: 342px;    max-width: 764px;    padding: 28px 29px;    width: 100%;  }  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text .offer-headline {    max-width: 539px;  }  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text .offer-headline span,  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text .offer-headline p {    font-size: 30px;    font-weight: 300;    line-height: 38px;  }  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text .offer-subheadline {    font-size: 14px;    margin-top: 22px;    max-width: 539px;  }  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text .offer-subheadline span,  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text .offer-subheadline p {    line-height: 22px;  }  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text .offer-subheadline p:not(:first-child) {    display: -webkit-box;    overflow: hidden;    -webkit-box-orient: vertical;    -webkit-line-clamp: 1;  }  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text .offer-subheadline p:first-child {    display: inherit;    margin-bottom: 21px;    overflow: inherit;    -webkit-box-orient: inherit;    -webkit-line-clamp: inherit;  }  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text .offer-subheadline ul {    margin: 0;    padding-left: 0;  }  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text .offer-subheadline ul li {    display: -webkit-box;    overflow: hidden;    -webkit-box-orient: vertical;    -webkit-line-clamp: 1;  }  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text .offer-subheadline ul li::before {    content: \"\\2022\\0020\";  }  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text .offer-cta {    align-self: baseline;    margin-top: auto;    padding-top: 0;    position: relative;    font-size: 13px;    font-weight: bold;    line-height: 18px;  }  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text .offer-cta::after {    top: 2px !important;    content: \"\\2192\";  }  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc {    background: #eeeeee;    border-radius: 0 0 4px 4px;    height: 206px;    margin-top: -1px;    max-width: 764px;    width: 100%;  }  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer {    border-radius: 0 0 4px 4px;    height: 206px;    max-width: 764px;    width: 100%;  }  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text {    box-sizing: border-box;    display: flex;    flex-direction: column;    height: 206px;    position: relative;    padding: 25px 25px 36px;    width: 100%;  }  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text .offer-headline {    max-width: 539px;  }  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text .offer-headline span,  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text .offer-headline p {    font-size: 30px;    font-weight: 300;    line-height: 38px;  }  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text .offer-subheadline {    font-size: 16px;    line-height: 27px;    margin-top: 17px;    max-width: 539px;  }  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text .offer-cta {    align-self: baseline;    margin-top: auto;    font-size: 13px;    font-weight: bold;    line-height: 18px;  }  .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text .offer-cta::after {    top: 2px !important;    content: \"\\2192\";  }  @media only screen and (max-width: 1200px) {    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc {      height: 385px;      max-width: 559px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer {      height: 385px;      max-width: 559px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-bkg-img {      height: 385px;      max-width: 559px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text {      height: 385px;      max-width: 559px;      padding: 45px 31px 51px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text .offer-headline {      max-width: 454px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text .offer-subheadline {      max-width: 454px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text .offer-subheadline p:first-child {      margin-bottom: 14px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc {      max-width: 559px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer {      max-width: 559px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text {      padding: 28px 31px 33px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text .offer-headline,    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text .offer-subheadline {      max-width: 461px;    }  }  @media only screen and (max-width: 991px) {    /* .offer-body.dm-tf-hp-edu {      display: flex;    } */    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc {      border-radius: 4px 0 0 4px;      height: 350px;      max-width: 678px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer {      border-radius: 4px 0 0 4px;      height: 350px;      max-width: 678px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-bkg-img {      border-radius: 4px 0 0 4px;      height: 350px;      max-width: 678px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text {      border-radius: 4px 0 0 4px;      height: 350px;      max-width: 678px;      padding: 35px 23px 29px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text .offer-headline {      max-width: 519px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text .offer-subheadline {      margin-top: 17px;      max-width: 519px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc {      border-radius: 0 4px 4px 0;      /* height: 350px; */      max-width: 678px;      width: 100%;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer {      border-radius: 0 4px 4px 0;      max-width: 678px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text {      padding: 39px 23px 23px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text .offer-headline {      max-width: 519px;      /* max-width: 237px; */    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text .offer-headline span,    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text .offer-headline p {      line-height: 41.5px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text .offer-headline span {      -webkit-line-clamp: 2;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text .offer-subheadline {      margin-top: 22px;      max-width: 519px;      /* max-width: 237px; */    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text .offer-subheadline span {      -webkit-line-clamp: 4;    }  }  @media only screen and (max-width: 768px) {    .offer-body.dm-tf-hp-edu {      flex-direction: column;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc {      border-radius: 4px 4px 0 0;      height: 320px;      max-width: 768px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer {      border-radius: 4px 4px 0 0;      height: 320px;      max-width: 768px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-bkg-img {      border-radius: 4px 4px 0 0;      height: 320px;      max-width: 768px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text {      border-radius: 4px 4px 0 0;      height: 320px;      max-width: 768px;      padding: 26px 32px 37px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text .offer-headline {      max-width: 576px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text .offer-subheadline {      margin-top: 13px;      max-width: 576px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc {      border-radius: 0 0 4px 4px;      height: auto;      max-width: 768px;      width: 100%;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer {      border-radius: 0 0 4px 4px;      max-width: 768px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text {      padding: 23px 32px 34px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text .offer-headline {      max-width: 620px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text .offer-headline span,    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text .offer-headline p {      -webkit-line-clamp: 1;      line-height: 38px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text .offer-cta {      padding-top: 20px;    }  }  @media only screen and (max-width: 576px) {    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc {      height: 256px;      max-width: 576px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer {      height: 256px;      max-width: 576px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-bkg-img {      height: 256px;      max-width: 576px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text {      height: 256px;      max-width: 576px;      padding: 22px 26px 23px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text .offer-headline {      max-width: 506px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text .offer-headline span,    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text .offer-headline p {      -webkit-line-clamp: 1 !important;      font-size: 24px;      line-height: 30px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text .offer-subheadline {      /* margin-top: 22px; */          overflow: hidden;      max-width: 506px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc {      max-width: 576px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer {      max-width: 576px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text {      padding: 39px 24px 43px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text .offer-headline {      min-height: 30px;      max-width: 436px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text .offer-headline span,    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text .offer-headline p {      font-size: 24px;      line-height: 30px;    }  }  @media only screen and (max-width: 479px) {    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text .offer-subheadline span,    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text .offer-subheadline p {      font-size: 14px;    }    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text .offer-subheadline span,    .offer-body.dm-tf-hp-edu .offer-content.tf-hp-edu-sc .dm-dynamic-offer .offer-text .offer-subheadline p {      font-size: 14px;    }  }  .offer-body.dm-tf-hp-edu .offer-content .dm-dynamic-offer .offer-text .offer-subheadline {    display: block;  }  #homepage #tf-cq-hp_edu_01 .offer-content.tf-hp-edu-lc {    max-width: 100%;  }  #homepage #tf-cq-hp_edu_01 .offer-content.tf-hp-edu-lc .dm-dynamic-offer {    max-width: 100%;  }  #homepage #tf-cq-hp_edu_01 .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-bkg-img {    max-width: 100%;  }  #homepage #tf-cq-hp_edu_01 .offer-content.tf-hp-edu-lc .dm-dynamic-offer .offer-text {    max-width: 100%;  }  #homepage #tf-cq-hp_edu_01 .offer-content.tf-hp-edu-sc {    max-width: 100%;  }  #homepage #tf-cq-hp_edu_01 .offer-content.tf-hp-edu-sc .dm-dynamic-offer {    max-width: 100%;  }

/* PC */
.offer-body .offer-content.pc {    border-radius: 4px;    height: 305px;    max-width: 328px;    width: inherit;  }  .offer-body .offer-content.pc .dm-dynamic-offer {    display: flex;    flex-direction: column;    height: 305px;    justify-content: flex-end;    max-width: 328px;    position: relative;    width: inherit;  }  .offer-body .offer-content.pc .dm-dynamic-offer .entireClickable a {    top: 0;  }  .offer-body .offer-content.pc .dm-dynamic-offer .offer-bkg-img {    height: 184px;    overflow: visible;    position: absolute;    width: 100%;  }  .offer-body .offer-content.pc .dm-dynamic-offer .offer-bkg-img img {    border-radius: 4px 4px 0 0;    height: 100%;    object-fit: cover;    object-position: center center;    width: 100%;  }  .offer-body .offer-content.pc .dm-dynamic-offer .offer-text {    box-sizing: border-box;    display: flex;    flex-direction: column;    font-weight: 500;    height: 121px;    justify-content: space-between;    padding: 8px 22px 8px 16px;    position: relative;    width: auto;  }  .offer-body .offer-content.pc .dm-dynamic-offer .offer-text .offer-headline {    overflow: hidden;    text-overflow: ellipsis;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;  }  .offer-body .offer-content.pc .dm-dynamic-offer .offer-text .offer-headline span {    font-size: 16px;    font-weight: 500;    line-height: 26px;  }  .offer-body .offer-content.pc .dm-dynamic-offer .offer-text .offer-subheadline {    overflow: hidden;    text-overflow: ellipsis;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;  }  .offer-body .offer-content.pc .dm-dynamic-offer .offer-text .offer-subheadline span {    font-size: 14px;    font-weight: 400;    line-height: 24px;  }  .offer-body .offer-content.pc .dm-dynamic-offer .offer-text .offer-cta {    align-items: baseline;    display: flex;    font-size: 14px;    line-height: 22px;    margin-top: 0px;    white-space: nowrap;    overflow: hidden;  }  .offer-body .offer-content.pc .dm-dynamic-offer .offer-text .offer-cta a {    position: relative;  }  .offer-body .offer-content.pc .dm-dynamic-offer .offer-text .offer-cta::after {    display: flex;    font-size: 32px;    justify-content: flex-end;    flex-grow: 1;  }  @media only screen and (max-width: 1200px) {    .offer-body .offer-content.pc {      height: 287px;      max-width: 268px;    }    .offer-body .offer-content.pc .dm-dynamic-offer {      height: 287px;      max-width: 268px;    }    .offer-body .offer-content.pc .dm-dynamic-offer .offer-bkg-img {      height: 152px;    }    .offer-body .offer-content.pc .dm-dynamic-offer .offer-text {      height: 135px;      padding: 8px 18px 8px 16px;    }  }  @media only screen and (max-width: 992px) {    .offer-body .offer-content.pc {      height: 276px;      max-width: 216px;    }    .offer-body .offer-content.pc .dm-dynamic-offer {      height: 276px;      max-width: 216px;    }    .offer-body .offer-content.pc .dm-dynamic-offer .dm-promo-badge {      right: 14px;      top: 15px;    }    .offer-body .offer-content.pc .dm-dynamic-offer .offer-bkg-img {      height: 122px;    }    .offer-body .offer-content.pc .dm-dynamic-offer .offer-text {      height: 154px;      padding: 8px 14px 8px 16px;    }  }  @media only screen and (max-width: 768px) {    .offer-body .offer-content.pc {      height: 238px;      max-width: 160px;    }    .offer-body .offer-content.pc .dm-dynamic-offer {      height: 238px;      max-width: 160px;    }    .offer-body .offer-content.pc .dm-dynamic-offer .dm-promo-badge {      right: 10px;      top: 12px;    }    .offer-body .offer-content.pc .dm-dynamic-offer .offer-bkg-img {      height: 90px;    }    .offer-body .offer-content.pc .dm-dynamic-offer .offer-text {      height: 148px;      padding: 8px 16px 8px 10px;    }    .offer-body .offer-content.pc .dm-dynamic-offer .offer-text .offer-headline span {      line-height: 20px;    }    .offer-body .offer-content.pc .dm-dynamic-offer .offer-text .offer-headline span p {      font-size: 16px;    }    /* Temporary updates for Promotions page until page template is updated */    #tf-cq-pc .promo-offers {      display: flex;      flex-direction: column;      flex-shrink: 0;      margin: auto;      max-width: 400px;    }    #tf-cq-pc .promo-offers div {      width: auto;      max-width: 400px;    }  }  @media only screen and (max-width: 576px) {    .offer-body .offer-content.pc {      height: 259px;      max-width: 264px;    }    .offer-body .offer-content.pc .dm-dynamic-offer {      height: 259px;      max-width: 264px;    }    .offer-body .offer-content.pc .dm-dynamic-offer .dm-promo-badge {      right: 21px;      top: 15px;    }    .offer-body .offer-content.pc .dm-dynamic-offer .offer-bkg-img {      height: 149px;    }    .offer-body .offer-content.pc .dm-dynamic-offer .offer-text {      height: 110px;      padding: 5px 22px 5px 16px;    }  }  .dynamic-offer .offer-body .offer-content.pc {    max-width: 100% !important;  }  .dynamic-offer .offer-body .offer-content.pc .dm-dynamic-offer {    max-width: 100% !important;  }  .dynamic-offer .offer-body .offer-content.pc .dm-dynamic-offer .offer-bkg-img img {    max-height: 100% !important;    max-width: 100% !important;  }

/* NP */
.offer-body .offer-content.np {        border: 1px solid #d3d3d3;        border-radius: 4px;        box-sizing: content-box;        height: 374px;        max-width: 448px;        min-height: 317px;        width: 100%;    }    .offer-body .offer-content.np .dm-dynamic-offer {        display: flex;        flex-direction: column;        height: 100%;        justify-content: flex-end;        max-width: 448px;        min-height: 317px;        width: 100%;    }    .offer-body .offer-content.np .dm-dynamic-offer.cmp-teaser {        border: none;    }    .offer-body .offer-content.np .dm-dynamic-offer .entireClickable a {        top: 0;    }    .offer-body .offer-content.np .dm-dynamic-offer .offer-bkg-img {        height: 253px;        max-width: 448px;        position: relative;    }    .offer-body .offer-content.np .dm-dynamic-offer .offer-bkg-img img {        border-radius: 0;        height: 100%;        object-fit: cover;        object-position: center center;        width: 100%;    }    .offer-body .offer-content.np .dm-dynamic-offer .offer-text {        display: flex;        flex-direction: column;        height: 121px;        justify-content: space-between;        padding: 8px 22px 8px 16px;        position: relative;        width: auto;    }    .offer-body .offer-content.np .dm-dynamic-offer .offer-text .offer-headline span {        font-size: 20px;        line-height: 25px;        /*2 lineas solamente*/        display: -webkit-box;        overflow: hidden;        -webkit-box-orient: vertical;        -webkit-line-clamp: 2;    }    .offer-body .offer-content.np .dm-dynamic-offer .offer-text .offer-cta {        font-size: 14px;        line-height: 22px;        font-weight: normal;        margin: 0px;        padding-top: 5px;    }    .offer-body .offer-content.np .dm-dynamic-offer .offer-text .offer-cta::after {        content: none;    }    @media only screen and (max-width: 1200px) {        .offer-body .offer-content.np {            height: 328px;            max-width: 368px;            min-height: 270px;        }        .offer-body .offer-content.np .dm-dynamic-offer {            height: 328px;            max-width: 368px;            min-height: 270px;        }        .offer-body .offer-content.np .dm-dynamic-offer .offer-bkg-img {            height: 207px;            max-width: 368px;            position: absolute;        }        .offer-body .offer-content.np .dm-dynamic-offer .offer-text {            height: 113px !important;            padding-top: 8px;        }        .offer-body .offer-content.np .dm-dynamic-offer .offer-text .offer-cta {            padding-top: 7px;        }    }    @media only screen and (max-width: 992px) {        .offer-body .offer-content.np {            height: 292px;            max-width: 299px;            min-height: 233px;        }        .offer-body .offer-content.np .dm-dynamic-offer {            height: 292px;            max-width: 299px;            min-height: 233px;        }        .offer-body .offer-content.np .dm-dynamic-offer .offer-bkg-img {            height: 168px;            max-width: 299px;            position: absolute;        }        .offer-body .offer-content.np .dm-dynamic-offer .offer-text {            height: 115px !important;        }        .offer-body .offer-content.np .dm-dynamic-offer .offer-text .offer-cta {            padding-top: 10px;        }    }    @media only screen and (max-width: 768px) {        .offer-body .offer-content.np {            height: 218px;            max-width: 224px;            min-height: 180px;        }        .offer-body .offer-content.np .dm-dynamic-offer {            height: 218px;            max-width: 224px;            min-height: 180px;        }        .offer-body .offer-content.np .dm-dynamic-offer .offer-bkg-img {            height: 126px;            max-width: 224px;            position: absolute;        }        .offer-body .offer-content.np .dm-dynamic-offer .offer-text {            height: 95px !important;            padding-top: 5px;        }        .offer-body .offer-content.np .dm-dynamic-offer .offer-text .offer-headline span {            font-size: 16px;            line-height: 20px;        }        .offer-body .offer-content.np .dm-dynamic-offer .offer-text .offer-cta {            padding-top: 7px;        }    }    @media only screen and (max-width: 576px) {        .offer-body .offer-content.np {            height: 408px;            max-width: 552px;            min-height: 370px;        }        .offer-body .offer-content.np .dm-dynamic-offer {            height: 408px;            max-width: 552px;            min-height: 370px;        }        .offer-body .offer-content.np .dm-dynamic-offer .offer-bkg-img {            height: 310px;            max-width: 552px;            position: absolute;        }        .offer-body .offer-content.np .dm-dynamic-offer .offer-text {            height: 110px !important;            padding-top: 14px;        }        .offer-body .offer-content.np .dm-dynamic-offer .offer-text .offer-headline span p {            -webkit-line-clamp: 2;        }        .offer-body .offer-content.np .dm-dynamic-offer .offer-text .offer-cta {            padding-top: 4px;        }    }    /*    * Outside AEM Styling conflict solving (FS/TF)    * This is to override styling only when the offer is loaded on a site    */    .dynamic-offer .offer-body .offer-content.np {        max-width: 100% !important;    }    .dynamic-offer .offer-body .offer-content.np .dm-dynamic-offer {        max-width: 100% !important;    }    .dynamic-offer .offer-body .offer-content.np .dm-dynamic-offer .offer-bkg-img {        max-width: 100% !important;    }

/* IC */
.offer-body .offer-content.ic{background:#fff;border:1px solid #bbb9b9;border-radius:3px;height:auto;max-height:100px;max-width:448px;overflow:hidden;width:100%}.offer-body .offer-content.ic .dm-dynamic-offer{display:flex;flex-direction:column-reverse;height:auto;max-height:100px;padding:10px 10px 10px 18px;width:94%}.offer-body .offer-content.ic .dm-dynamic-offer .entireClickable a{top:0;left:0}.offer-body .offer-content.ic .dm-dynamic-offer .offer-bkg-img{display:none}.offer-body .offer-content.ic .dm-dynamic-offer .offer-text{box-sizing:border-box;display:flex;height:100%;padding:0;position:relative;width:100%;z-index:0}.offer-body .offer-content.ic .dm-dynamic-offer .offer-text .offer-headline{flex-grow:1}.offer-body .offer-content.ic .dm-dynamic-offer .offer-text .offer-headline span p{font-size:14px;font-weight:700;line-height:19px;padding:0}.offer-body .offer-content.ic .dm-dynamic-offer .offer-text .offer-cta{align-self:flex-end;flex-shrink:0;margin:0 0 0 5px}.offer-body .offer-content.ic .dm-dynamic-offer .offer-text .offer-cta a p{font-size:14px;font-weight:500;line-height:22px}.offer-body .offer-content.ic .dm-dynamic-offer .offer-text::after{top:3px}.offer-body .offer-content.ic .dm-dynamic-offer .dm-promo-badge{background-color:transparent!important;font-size:10px;float:initial;height:auto;padding-bottom:5px;position:initial;right:auto;top:auto;z-index:0}.offer-body .offer-content.ic .dm-dynamic-offer .dm-promo-badge p{color:#222;font-size:10px;font-weight:400;line-height:12px;margin:0;padding:0}.offer-body .offer-content.ic .dm-dynamic-offer .dm-promo-badge ::before{content:'';display:block;height:100%;left:0;position:absolute;top:0;width:8px}.offer-body .offer-content.ic .dm-dynamic-offer .dm-promo-badge.dm-promo-default ::before{background-color:#1e8ae7}.offer-body .offer-content.ic .dm-dynamic-offer .dm-promo-badge.dm-promo-percentage-off ::before{background-color:#e02020}.offer-body .offer-content.ic .dm-dynamic-offer .dm-promo-badge.dm-promo-special-deal ::before{background-color:#ed7700}.offer-body .offer-content.ic .dm-dynamic-offer .dm-promo-badge.dm-promo-free-sample ::before{background-color:#7fba00}.offer-body .offer-content.ic .dm-dynamic-offer .dm-promo-badge.dm-promo-free-offer ::before{background-color:#522d6d}.offer-body .offer-content.ic .dm-dynamic-offer .dm-wrapper-ic-modal{z-index:1000}.offer-body .offer-content.ic .dm-dynamic-offer .dm-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:.3s;visibility:hidden;width:100%}.offer-body .offer-content.ic .dm-dynamic-offer .dm-modal .dm-modal-backdrop{background:rgba(0,0,0,.5);height:100%;position:fixed;width:100%}.offer-body .offer-content.ic .dm-dynamic-offer .dm-modal .dm-modal-content{background:#fff;border-radius:5px;max-width:650px;position:fixed;top:-100%;transition:.6s;z-index:1000}.offer-body .offer-content.ic .dm-dynamic-offer .dm-modal .dm-modal-header{align-items:center;border-bottom:1px solid #d9d9d9;display:flex;justify-content:space-between;padding:20px}.offer-body .offer-content.ic .dm-dynamic-offer .dm-modal .dm-modal-header .dm-modal-title{margin:0}.offer-body .offer-content.ic .dm-dynamic-offer .dm-modal .dm-modal-header .dm-close-modal{background:0 0;border-color:transparent;border-radius:3px;color:#000;cursor:pointer;display:flex;font-size:32px;font-weight:400;height:30px;line-height:22px;margin:0;opacity:.5;outline:0;padding:0;text-align:center;text-shadow:0 1px 0 #fff;width:30px}.offer-body .offer-content.ic .dm-dynamic-offer .dm-modal .dm-modal-body{max-height:600px;overflow-y:auto;padding:20px}.offer-body .offer-content.ic .dm-dynamic-offer .dm-modal .dm-modal-footer{border-top:1px solid #d9d9d9;padding:20px;text-align:right!important}.offer-body .offer-content.ic .dm-dynamic-offer .dm-modal.visible{opacity:1;visibility:visible}.offer-body .offer-content.ic .dm-dynamic-offer .dm-modal.visible .dm-modal-content{top:15%!important}.offer-body .offer-content.ic .dm-dynamic-offer .dm-modal .dm-modal-button{background-color:#80808b;border-color:transparent;border-radius:3px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:400;line-height:1.5;padding:5px 15px;text-align:center;user-select:none;vertical-align:middle;white-space:nowrap}

/* MA_LP */
.offer-body .offer-content.ma_lp,.offer-body .offer-content.ma_lp .dm-dynamic-offer{height:178px;max-width:568px;width:100%}.offer-body .offer-content.ma_lp .dm-dynamic-offer .offer-bkg-img img{height:100%!important;object-fit:cover;width:100%!important}.offer-body .offer-content.ma_lp .dm-dynamic-offer .offer-text{width:auto;padding:24px 16px}.offer-body .offer-content.ma_lp .dm-dynamic-offer .offer-text .offer-headline span,.offer-body .offer-content.ma_lp .dm-dynamic-offer .offer-text .offer-headline span p{font-size:30px;font-weight:100;line-height:38px}@media only screen and (max-width:979px) and (min-width:768px){.offer-body .offer-content.ma_lp,.offer-body .offer-content.ma_lp .dm-dynamic-offer{height:178px;max-width:275px;width:100%}.offer-body .offer-content.ma_lp .dm-dynamic-offer .offer-bkg-img img{height:100%!important;object-fit:cover;width:100%!important}.offer-body .offer-content.ma_lp .dm-dynamic-offer .offer-text{width:auto;padding:24px 16px}.offer-body .offer-content.ma_lp .dm-dynamic-offer .offer-text .offer-headline span{font-size:30px;font-weight:100;line-height:38px}}@media only screen and (max-width:590px){.offer-body .offer-content.ma_lp,.offer-body .offer-content.ma_lp .dm-dynamic-offer{height:178px;max-width:512px;width:100%}.offer-body .offer-content.ma_lp .dm-dynamic-offer .offer-bkg-img img{height:100%!important;object-fit:cover;width:100%!important}.offer-body .offer-content.ma_lp .dm-dynamic-offer .offer-text{width:auto;padding:24px 16px}.offer-body .offer-content.ma_lp .dm-dynamic-offer .offer-text .offer-headline span{font-size:30px;font-weight:100;line-height:38px}}

/* MD_NP */
.offer-body .offer-content.md_np,.offer-body .offer-content.md_np .dm-dynamic-offer{height:289px;max-width:266px;width:100%}.offer-body .offer-content.md_np .dm-dynamic-offer .offer-bkg-img img{height:100%;object-fit:cover;width:100%}.offer-body .offer-content.md_np .dm-dynamic-offer .offer-text{box-sizing:border-box;display:flex;position:relative;flex-direction:column;height:100%;justify-content:space-between;padding:15px;width:auto}.offer-body .offer-content.md_np .dm-dynamic-offer .offer-text .offer-headline span p{font-size:18px;font-weight:500;line-height:23px}.offer-body .offer-content.md_np .dm-dynamic-offer .offer-text .offer-subheadline{margin-top:10px}.offer-body .offer-content.md_np .dm-dynamic-offer .offer-text .offer-cta{align-self:flex-start;font-size:14px;font-weight:700;line-height:18px;margin-top:auto}.offer-body .offer-content.md_np .dm-dynamic-offer .offer-text .offer-cta::after{content:none}@media only screen and (max-width:979px) and (min-width:768px){.offer-body .offer-content.md_np,.offer-body .offer-content.md_np .dm-dynamic-offer{height:170px!important}.offer-body .offer-content.md_np .dm-dynamic-offer .offer-text{padding:10px 12px;width:65%}.offer-body .offer-content.md_np .dm-dynamic-offer .offer-text .offer-headline p,.offer-body .offer-content.md_np .dm-dynamic-offer .offer-text .offer-headline span,.offer-body .offer-content.md_np .dm-dynamic-offer .offer-text .offer-subheadline p,.offer-body .offer-content.md_np .dm-dynamic-offer .offer-text .offer-subheadline span{font-size:16px!important;line-height:1.25!important}.offer-body .offer-content.md_np .dm-dynamic-offer .offer-text .offer-cta{font-size:14px!important}}@media only screen and (max-width:767px){.offer-body .offer-content.md_np,.offer-body .offer-content.md_np .dm-dynamic-offer{aspect-ratio:266/289;height:auto!important;max-width:initial}.offer-body .offer-content.md_np{width:100%!important}}.dynamic-offer .offer-body .offer-content.md_np,.dynamic-offer .offer-body .offer-content.md_np .dm-dynamic-offer,.mondrian_cq .offer-body .offer-content.md_np,.mondrian_cq .offer-body .offer-content.md_np .dm-dynamic-offer{height:233px;width:auto}

/* MK_FP */
.offer-body .offer-content.mk_fp,.offer-body .offer-content.mk_fp .dm-dynamic-offer{height:220px;max-width:688px;width:100%}.offer-body .offer-content.mk_fp .dm-dynamic-offer .offer-bkg-img img{height:100%!important;object-fit:cover;object-position:right;width:100%!important}.offer-body .offer-content.mk_fp .dm-dynamic-offer .offer-text{box-sizing:border-box;display:flex;position:relative;flex-direction:column;height:100%;justify-content:space-between;padding:21px 17px 13px;width:auto}.offer-body .offer-content.mk_fp .dm-dynamic-offer .offer-text .offer-headline{max-width:311px}.offer-body .offer-content.mk_fp .dm-dynamic-offer .offer-text .offer-headline span p{font-size:21px;font-weight:500;line-height:26px}.offer-body .offer-content.mk_fp .dm-dynamic-offer .offer-text .offer-subheadline{margin-top:10px}.offer-body .offer-content.mk_fp .dm-dynamic-offer .offer-text .offer-cta{align-self:flex-start;line-height:30px!important;margin-top:auto}@media only screen and (max-width:768px){.offer-body .offer-content.mk_fp{height:177px;width:376px}.offer-body .offer-content.mk_fp .dm-dynamic-offer{height:177px}.offer-body .offer-content.mk_fp .dm-dynamic-offer .offer-text{padding:10px 12px;width:65%}.offer-body .offer-content.mk_fp .dm-dynamic-offer .offer-text .offer-headline span{font-size:16px;line-height:1.25}.offer-body .offer-content.mk_fp .dm-dynamic-offer .offer-text .offer-cta{font-size:14px;line-height:2.1;margin-top:8px}}@media only screen and (max-width:590px){.offer-body .offer-content.mk_fp{height:191px;width:405px}}@media only screen and (max-width:480px){.offer-body .offer-content.mk_fp{height:167px;width:355px}.offer-body .offer-content.mk_fp .dm-dynamic-offer .offer-text .offer-headline span{font-size:14px}}@media only screen and (max-width:320px){.offer-body .offer-content.mk_fp{height:141px;width:300px}}

/* SPB */
.offer-body .offer-content.spb{background:#ebf2fa;border-radius:5px;height:100%;max-height:127px;max-width:328px}.offer-body .offer-content.spb .dm-dynamic-offer{border-radius:5px;box-shadow:0 7px 8px -5px rgba(0,0,0,.1);display:flex;flex-direction:row;height:100%;justify-content:flex-start;position:relative;width:100%}.offer-body .offer-content.spb .dm-dynamic-offer .offer-text{display:flex;flex-direction:column;height:auto;max-height:127px;max-width:312px;padding:12px 12px 12px 24px!important;position:relative;width:auto}.offer-body .offer-content.spb .dm-dynamic-offer .offer-text .offer-headline{display:flex;flex-direction:column;max-height:108px;max-width:312px;padding-bottom:5px}.offer-body .offer-content.spb .dm-dynamic-offer .offer-text .offer-headline .dm-tooltip{margin:-12px 0 0 -24px}.offer-body .offer-content.spb .dm-dynamic-offer .offer-text .offer-headline span{font-size:16px;font-weight:400;line-height:26px;max-height:108px}.offer-body .offer-content.spb .dm-dynamic-offer .offer-text .offer-subheadline{display:flex;max-height:108px;max-width:312px;overflow:hidden}.offer-body .offer-content.spb .dm-dynamic-offer .offer-text .offer-subheadline .dm-tooltip{margin:0 0 0 -24px}.offer-body .offer-content.spb .dm-dynamic-offer .offer-text .offer-subheadline span{font-size:14px;font-weight:400;line-height:22px;max-height:108px}.offer-body .offer-content.spb .dm-dynamic-offer .offer-dynamic-product-image{display:none}.offer-body .offer-content.spb .dm-dynamic-offer .dm-promo-badge{border-radius:5px 0 0 5px;display:block;height:100%;left:0;position:absolute;top:0;width:8px;z-index:0}.offer-body .offer-content.spb .dm-dynamic-offer .dm-promo-badge.dm-promo-default ::before{background-color:#1e8ae7}.offer-body .offer-content.spb .dm-dynamic-offer .dm-promo-badge.dm-promo-percentage-off ::before{background-color:#e02020}.offer-body .offer-content.spb .dm-dynamic-offer .dm-promo-badge.dm-promo-special-deal ::before{background-color:#ed7700}.offer-body .offer-content.spb .dm-dynamic-offer .dm-promo-badge.dm-promo-free-sample ::before{background-color:#7fba00}.offer-body .offer-content.spb .dm-dynamic-offer .dm-promo-badge.dm-promo-free-offer ::before{background-color:#522d6d}.offer-body .offer-content.spb .dm-dynamic-offer .dm-tooltip{margin:-12px 0 0 -24px;cursor:pointer;position:absolute;width:100%}.offer-body .offer-content.spb .dm-dynamic-offer .dm-tooltip:before{background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 5px 4px 0 rgba(0,0,0,.1);color:#1b1b1d;content:attr(data-dm-tooltip-text);font-size:14px;line-height:22px;opacity:0;padding:16px;pointer-events:none;text-align:left;transition:opacity .1s;width:256px}.offer-body .offer-content.spb .dm-dynamic-offer .dm-tooltip:hover:after,.offer-body .offer-content.spb .dm-dynamic-offer .dm-tooltip:hover:before{opacity:1;pointer-events:fill}.offer-body .offer-content.spb .dm-dynamic-offer .dm-tooltip:after{content:"";border:5px solid;box-sizing:border-box;opacity:0;pointer-events:none;position:absolute;transition:.1s}.offer-body .offer-content.spb .dm-dynamic-offer .dm-tooltip.dm-top-tooltip:before{bottom:100%;left:6%;margin-bottom:-4px;position:absolute}.offer-body .offer-content.spb .dm-dynamic-offer .dm-tooltip.dm-top-tooltip:after{border-color:transparent transparent #fff #fff;box-shadow:-4px 4px 4px 0 rgba(0,0,0,.1);left:12%;margin-top:3px;transform:rotate(-45deg);transform-origin:0 0}.offer-body .offer-content.spb .dm-dynamic-offer .dm-tooltip.dm-bottom-tooltip:before{left:6%;margin-top:-7px;position:absolute;top:100%}.offer-body .offer-content.spb .dm-dynamic-offer .dm-tooltip.dm-bottom-tooltip:after{border-color:#fff transparent transparent #fff;box-shadow:-1px -1px 0 0 rgba(0,0,0,.1);left:12%;margin-top:-11px;top:100%;transform:rotate(45deg)}.offer-body .offer-content.spb .dm-dynamic-offer .dm-tooltip.dm-left-tooltip:before{margin:6px -12px 0 0;position:absolute;right:100%}.offer-body .offer-content.spb .dm-dynamic-offer .dm-tooltip.dm-left-tooltip:after{border-color:transparent #fff #fff transparent;transform:rotate(-45deg);right:100%;margin-right:-16px;margin-top:21px;box-shadow:1px 1px 0 0 rgba(0,0,0,.1)}@media only screen and (max-width:950px){.offer-body .offer-content.spb .dm-dynamic-offer .offer-text .offer-headline span{font-size:16px;line-height:1.25}.offer-body .offer-content.spb .dm-dynamic-offer .offer-text .offer-subheadline span{font-size:14px;line-height:1.36}}@media only screen and (max-width:768px){.offer-body .offer-content.spb .dm-dynamic-offer .offer-text .offer-subheadline span{line-height:1.15}}@media only screen and (max-width:425px){.offer-body .offer-content.spb .dm-dynamic-offer .offer-text .offer-headline span{font-size:16px;line-height:1.25}.offer-body .offer-content.spb .dm-dynamic-offer .offer-text .offer-subheadline span{font-size:14px;line-height:1.36}}

/* LB */
.offer-body .offer-content.lb{background:#f3f3f3;cursor:pointer;height:60px;text-align:center;vertical-align:middle;width:auto;z-index:-1}.offer-body .offer-content.lb .dm-dynamic-offer{background:#f3f3f3!important;height:60px;width:100%}.dynamic-offer .offer-body .offer-content.lb .dm-dynamic-offer .offer-bkg-img,.offer-body .offer-content.lb .dm-dynamic-offer .offer-bkg-img,.offer-body .offer-content.lb .dm-dynamic-offer .offer-dynamic-product-image{display:none}.offer-body .offer-content.lb .dm-dynamic-offer .offer-text{display:flex;flex-wrap:nowrap;height:60px;justify-content:center;padding:0;width:93%}.offer-body .offer-content.lb .dm-dynamic-offer .offer-text .offer-headline{display:inline-block;height:100%;line-height:3.5;margin-top:2px;vertical-align:middle}.offer-body .offer-content.lb .dm-dynamic-offer .offer-text .offer-headline span{font-weight:400}.offer-body .offer-content.lb .dm-dynamic-offer .offer-text .offer-headline span p{margin-top:13px}.offer-body .offer-content.lb .dm-dynamic-offer .offer-text .offer-cta{align-self:center;display:inline-block;margin-left:6px;margin-top:0;vertical-align:middle;width:10%}.offer-body .offer-content.lb .dm-dynamic-offer .landscape-banner-button{background:0 0;border:none;color:#222;cursor:pointer;display:block!important;font-size:40px;position:absolute;top:5px;right:40px;z-index:999}@media only screen and (max-width:768px){.offer-body .offer-content.lb .dm-dynamic-offer .offer-text .offer-headline{margin-top:5px}.offer-body .offer-content.lb .dm-dynamic-offer .offer-text .offer-headline span{font-size:18px}}@media only screen and (max-width:760px){.offer-body .offer-content.lb .dm-dynamic-offer .offer-text .offer-headline span{font-size:18px}.offer-body .offer-content.lb .dm-dynamic-offer .offer-text .offer-cta::after{margin-right:2%}}@media only screen and (max-width:590px){.offer-body .offer-content.lb .dm-dynamic-offer .offer-text{height:44px;padding:8px;width:97%}.offer-body .offer-content.lb .dm-dynamic-offer .offer-text .offer-headline{margin:0}.offer-body .offer-content.lb .dm-dynamic-offer .offer-text .offer-headline span p{margin-top:10px}.offer-body .offer-content.lb .dm-dynamic-offer .offer-text .offer-cta{display:inline-block;margin:0}.offer-body .offer-content.lb .dm-dynamic-offer .offer-text .offer-cta a{background:0 0;border:none;padding:0}.offer-body .offer-content.lb .dm-dynamic-offer .offer-text .offer-cta::after{position:absolute;right:0}}@media only screen and (max-width:480px){.offer-body .offer-content.lb .dm-dynamic-offer .offer-text{width:96%}.offer-body .offer-content.lb .dm-dynamic-offer .offer-text .offer-headline span{font-size:14px}}@media only screen and (max-width:360px){.offer-body .offer-content.lb .dm-dynamic-offer .offer-text .offer-headline{text-align:left;width:50%}.offer-body .offer-content.lb .dm-dynamic-offer .offer-text .offer-headline p{margin-top:4px}.offer-body .offer-content.lb .dm-dynamic-offer .offer-text .offer-cta{display:initial;padding:5px;vertical-align:bottom}}@media only screen and (max-width:320px){.offer-body .offer-content.lb .dm-dynamic-offer .offer-text p{margin:0}}.dynamic-offer .offer-body .offer-content.lb{bottom:0;height:0;left:0;position:fixed;width:100%;z-index:999}.dynamic-offer .offer-body .offer-content.lb .landscape-banner-button{top:10px;z-index:20}.dynamic-offer .offer-body .offer-content.lb .dm-dynamic-offer{width:inherit!important;display:flex}.dynamic-offer .offer-body .offer-content.lb .dm-dynamic-offer .offer-text{display:flex;flex-wrap:nowrap;justify-content:center;width:93%}.dynamic-offer .offer-body .offer-content.lb .dm-dynamic-offer .offer-text .offer-headline span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}.dynamic-offer .offer-body .offer-content.lb .dm-dynamic-offer .offer-text .offer-cta{align-self:center;margin-left:10px;margin-top:0;width:10%}

/* MD_FB */
.offer-body .offer-content.md_fp,.offer-body .offer-content.md_fp .dm-dynamic-offer{height:289px;width:612px}.offer-body .offer-content.md_fp .dm-dynamic-offer .offer-bkg-img img{height:100%;object-fit:cover;width:100%}.offer-body .offer-content.md_fp .dm-dynamic-offer .offer-text{box-sizing:border-box;display:flex;position:relative;flex-direction:column;height:100%;justify-content:space-between;width:auto}.offer-body .offer-content.md_fp .dm-dynamic-offer .offer-text .offer-headline{max-width:311px}.offer-body .offer-content.md_fp .dm-dynamic-offer .offer-text .offer-subheadline{margin-top:15px}.offer-body .offer-content.md_fp .dm-dynamic-offer .offer-text .offer-headline span p{font-size:21px;font-weight:500;line-height:26px}.offer-body .offer-content.md_fp .dm-dynamic-offer .offer-text .offer-cta{align-self:flex-start;line-height:30px!important;margin-top:auto}@media only screen and (max-width:979px) and (min-width:768px){.offer-body .offer-content.md_fp,.offer-body .offer-content.md_fp .dm-dynamic-offer{height:170px!important}.offer-body .offer-content.md_fp .dm-dynamic-offer .offer-text{padding:10px 12px;width:65%}.offer-body .offer-content.md_fp .dm-dynamic-offer .offer-text .offer-headline p,.offer-body .offer-content.md_fp .dm-dynamic-offer .offer-text .offer-headline span,.offer-body .offer-content.md_fp .dm-dynamic-offer .offer-text .offer-subheadline p,.offer-body .offer-content.md_fp .dm-dynamic-offer .offer-text .offer-subheadline span{font-size:16px!important;line-height:1.25!important}.offer-body .offer-content.md_fp .dm-dynamic-offer .offer-text .offer-cta{font-size:14px!important}}@media only screen and (max-width:767px){.offer-body .offer-content.md_fp,.offer-body .offer-content.md_fp .dm-dynamic-offer{aspect-ratio:36/17;height:auto!important;max-width:initial}.offer-body .offer-content.md_fp{width:100%!important}.offer-body .offer-content.md_fp .dm-dynamic-offer .offer-text .offer-headline p,.offer-body .offer-content.md_fp .dm-dynamic-offer .offer-text .offer-headline span{font-size:16px!important}}.dynamic-offer .offer-body .offer-content.md_fp,.dynamic-offer .offer-body .offer-content.md_fp .dm-dynamic-offer,.mondrian_cq .offer-body .offer-content.md_fp,.mondrian_cq .offer-body .offer-content.md_fp .dm-dynamic-offer{height:233px;width:auto}

/* MJ_NP */
.offer-body .offer-content.mj_np,.offer-body .offer-content.mj_np .dm-dynamic-offer{height:293px;max-width:289px;width:100%}.offer-body .offer-content.mj_np .dm-dynamic-offer .offer-bkg-img img{height:100%!important;object-fit:cover;width:100%!important}.offer-body .offer-content.mj_np .dm-dynamic-offer .offer-text{width:auto}.offer-body .offer-content.mj_np .dm-dynamic-offer .offer-text .offer-headline span{font-size:18px;line-height:1.28}.offer-body .offer-content.mj_np .dm-dynamic-offer .offer-cta a{font-size:14px;font-weight:700}.dynamic-offer .offer-body .offer-content.mj_np,.dynamic-offer .offer-body .offer-content.mj_np .dm-dynamic-offer{height:289px;width:293px}.dynamic-offer .offer-body .offer-content.mj_np .dm-dynamic-offer .offer-bkg-img{width:100%;height:100%}.dynamic-offer .offer-body .offer-content.mj_np .dm-dynamic-offer .offer-bkg-img img{bottom:0;position:absolute}

/* PDP */
.offer-body .offer-content.pdp{border:1px solid #dcdcdc;height:201px;width:388px}.offer-body .offer-content.pdp .dm-dynamic-offer{height:201px;width:auto}.offer-body .offer-content.pdp .dm-dynamic-offer .offer-bkg-img{height:166px;left:auto;padding:5px 5px 8px 7px;right:0;top:auto;width:164px}.offer-body .offer-content.pdp .dm-dynamic-offer .offer-text{box-sizing:content-box;height:153px;padding:24px 12px;width:200px}.offer-body .offer-content.pdp .dm-dynamic-offer .offer-text .offer-headline span{line-height:1.39;font-size:18px;font-weight:500}.offer-body .offer-content.pdp .dm-dynamic-offer .offer-text .offer-cta{bottom:24px;font-size:13px;line-height:35px;position:absolute}.offer-body .offer-content.pdp .dm-dynamic-offer .modal-backdrop.fade.in{background:#69696929}@media only screen and (max-width:768px){.offer-body .offer-content.pdp{height:194px;width:290px}.offer-body .offer-content.pdp .dm-dynamic-offer{height:194px}.offer-body .offer-content.pdp .dm-dynamic-offer .offer-bkg-img{display:none}.offer-body .offer-content.pdp .dm-dynamic-offer .offer-text .offer-cta{margin-top:16px}.dynamic-offer .offer-body .offer-content.pdp .dm-dynamic-offer{height:auto}}@media only screen and (max-width:760px){.offer-body .offer-content.pdp{margin:0 10px;width:auto}.offer-body .offer-content.pdp .dm-dynamic-offer .offer-bkg-img{display:block}}@media only screen and (max-width:590px){.offer-body .offer-content.pdp .dm-dynamic-offer .offer-bkg-img{display:none}}.dynamic-offer .offer-body .offer-content.pdp .dm-dynamic-offer{height:auto}