.hp-product-offer-badges {
width: 100%;
margin: 10px 0 14px;
box-sizing: border-box;
} .hp-product-buy-low {
display: flex !important;
align-items: center !important;
gap: 9px !important;
width: 100% !important;
box-sizing: border-box !important;
padding: 9px 12px !important;
border: 1px solid #d7eadf !important;
border-radius: 8px !important;
background: #f7fcf9 !important;
color: #287c56 !important;
font-size: 15px !important;
line-height: 1.35 !important;
}
.hp-buy-low-icon {
flex: 0 0 auto !important;
font-size: 18px !important;
line-height: 1 !important;
}
.hp-buy-low-text {
display: flex !important;
align-items: baseline !important;
flex-wrap: wrap !important;
gap: 2px 5px !important;
min-width: 0 !important;
}
.hp-buy-low-label {
font-size: 14px !important;
font-weight: 600 !important;
color: #287c56 !important;
line-height: 1.25 !important;
}
.hp-buy-low-text strong {
color: #d94259 !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
}
.hp-buy-low-detail {
flex-basis: 100% !important;
display: block !important;
margin-top: 1px !important;
color: #5d8a72 !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 1.3 !important;
}
.hp-buy-low-detail .woocommerce-Price-amount,
.hp-buy-low-detail .woocommerce-Price-currencySymbol {
font-size: inherit !important;
color: #d94b5f !important;
font-weight: 600 !important;
} .hp-product-offer-badges .hp-diwali-ribbon {
display: flex !important;
align-items: center !important;
width: 100% !important;
min-height: 42px !important;
box-sizing: border-box !important;
margin: 6px 0 10px !important;
padding: 7px 10px !important;
background: linear-gradient(90deg,#fffaf0,#fff7e8) !important;
border: 1px solid #efd79e !important;
border-left: 3px solid #e5a000 !important;
border-radius: 7px !important;
box-shadow: 0 2px 7px rgba(184,132,31,.06) !important;
line-height: 1 !important;
overflow: hidden !important;
}
.hp-product-offer-badges .hp-diwali-ribbon .hp-diwali-left {
display: flex !important;
align-items: center !important;
flex: 1 1 auto !important;
min-width: 0 !important;
gap: 7px !important;
}
.hp-product-offer-badges .hp-diwali-ribbon-icon,
.hp-product-offer-badges .hp-diwali-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 25px !important;
min-width: 25px !important;
height: 25px !important;
flex: 0 0 25px !important;
margin: 0 6px 0 0 !important;
padding: 0 !important;
background: #fff0ca !important;
border-radius: 50% !important;
font-size: 15px !important;
line-height: 1 !important;
}
.hp-product-offer-badges .hp-diwali-ribbon-text {
display: flex !important;
align-items: center !important;
flex: 1 1 auto !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
gap: 6px !important;
line-height: 1 !important;
}
.hp-product-offer-badges .hp-diwali-ribbon-text strong,
.hp-product-offer-badges .hp-diwali-title {
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
color: #965700 !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
.hp-product-offer-badges .hp-diwali-ribbon-text > span,
.hp-product-offer-badges .hp-diwali-description {
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
color: #806f55 !important;
font-size: 11.5px !important;
font-weight: 400 !important;
line-height: 1 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.hp-product-offer-badges .hp-diwali-ribbon .hp-diwali-action {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
flex: 0 0 auto !important;
margin-left: auto !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
}
.hp-product-offer-badges .hp-diwali-ribbon a,
.hp-product-offer-badges .hp-diwali-ribbon button,
.hp-product-offer-badges .hp-diwali-ribbon .hp-diwali-button,
.hp-product-offer-badges .hp-diwali-ribbon .hp-diwali-ribbon-link,
.hp-product-offer-badges .hp-diwali-ribbon .wd-button,
.hp-product-offer-badges .hp-diwali-ribbon .button,
.hp-product-offer-badges .hp-diwali-ribbon .btn,
.hp-product-offer-badges .hp-diwali-ribbon .wd-button-wrapper,
.hp-product-offer-badges .hp-diwali-ribbon .wd-button-wrapper a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 3px 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
outline: none !important;
color: #a05c00 !important;
font-family: inherit !important;
font-size: 11.5px !important;
font-weight: 700 !important;
line-height: 1 !important;
text-decoration: none !important;
cursor: pointer !important;
appearance: none !important;
}
.hp-product-offer-badges .hp-diwali-ribbon a::before,
.hp-product-offer-badges .hp-diwali-ribbon a::after,
.hp-product-offer-badges .hp-diwali-ribbon button::before,
.hp-product-offer-badges .hp-diwali-ribbon button::after,
.hp-product-offer-badges .hp-diwali-ribbon .wd-button::before,
.hp-product-offer-badges .hp-diwali-ribbon .wd-button::after,
.hp-product-offer-badges .hp-diwali-ribbon .button::before,
.hp-product-offer-badges .hp-diwali-ribbon .button::after,
.hp-product-offer-badges .hp-diwali-ribbon .wd-button-wrapper::before,
.hp-product-offer-badges .hp-diwali-ribbon .wd-button-wrapper::after {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.hp-product-offer-badges .hp-diwali-ribbon .hp-diwali-ribbon-link::after,
.hp-product-offer-badges .hp-diwali-ribbon .hp-diwali-button::after {
content: "→" !important;
display: inline-block !important;
margin-left: 5px !important;
color: inherit !important;
font-size: 13px !important;
font-weight: 700 !important;
}
.hp-product-offer-badges .hp-diwali-ribbon a:hover,
.hp-product-offer-badges .hp-diwali-ribbon a:focus,
.hp-product-offer-badges .hp-diwali-ribbon button:hover,
.hp-product-offer-badges .hp-diwali-ribbon button:focus {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: #7d4700 !important;
} .hp-campaign-badge {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
margin-top: 10px !important;
padding: 8px 14px !important;
border: 1px solid #d7eadf !important;
border-radius: 999px !important;
background: #f4fbf7 !important;
color: #209653 !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
}
.hp-campaign-icon {
font-size: 16px !important;
line-height: 1 !important;
} .hp-offer-box {
width: 100% !important;
box-sizing: border-box !important;
margin-top: 13px !important;
border: 1px solid #e1e4e8 !important;
border-radius: 12px !important;
background: #fff !important;
overflow: hidden !important;
box-shadow: 0 3px 12px rgba(0,0,0,.045) !important;
} .hp-head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
min-height: 58px !important;
padding: 10px 13px !important;
border-left: 3px solid #e9435b !important;
border-bottom: 1px solid #eeeeee !important;
background: linear-gradient(90deg,#fff8f6 0%,#fff 76%) !important;
box-sizing: border-box !important;
}
.hp-title {
display: flex !important;
align-items: center !important;
gap: 9px !important;
min-width: 0 !important;
color: #171717 !important;
line-height: 1.2 !important;
}
.hp-title-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 35px !important;
height: 35px !important;
flex: 0 0 35px !important;
border: 1px solid #ffe0d7 !important;
border-radius: 9px !important;
background: #fff2ed !important;
font-size: 18px !important;
}
.hp-title-copy {
display: flex !important;
flex-direction: column !important;
min-width: 0 !important;
}
.hp-title-main {
display: block !important;
color: #171717 !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
}
.hp-title-sub {
display: block !important;
margin-top: 2px !important;
color: #858585 !important;
font-size: 10.5px !important;
font-weight: 500 !important;
line-height: 1.25 !important;
}
.hp-toggle {
flex: 0 0 auto !important;
margin-left: 10px !important;
color: #df3d56 !important;
font-size: 12px !important;
font-weight: 700 !important;
cursor: pointer !important;
white-space: nowrap !important;
text-decoration: none !important;
}
.hp-toggle:hover {
color: #bd2942 !important;
} .hp-item {
display: flex !important;
align-items: flex-start !important;
gap: 10px !important;
padding: 13px 13px !important;
border-bottom: 1px solid #f0f0f0 !important;
box-sizing: border-box !important;
background: #fff !important;
transition: background .18s ease !important;
}
.hp-item:hover {
background: #fffdfc !important;
}
.hp-item:last-child {
border-bottom: 0 !important;
} .hp-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 38px !important;
height: 38px !important;
flex: 0 0 38px !important;
border: 1px solid #ece7f7 !important;
border-radius: 10px !important;
background: #faf8ff !important;
font-size: 18px !important;
line-height: 1 !important;
} .hp-text {
flex: 1 1 auto !important;
min-width: 0 !important;
}
.hp-offer-label {
display: block !important;
margin: 0 0 1px !important;
color: #9a9a9a !important;
font-size: 9px !important;
font-weight: 700 !important;
letter-spacing: .6px !important;
line-height: 1.1 !important;
text-transform: uppercase !important;
}
.hp-offer-title {
display: block !important;
margin: 0 0 3px !important;
color: #181818 !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
}
.hp-offer-benefit {
display: block !important;
color: #666 !important;
font-size: 12.5px !important;
font-weight: 500 !important;
line-height: 1.4 !important;
} .hp-coupon-action {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 7px !important;
margin-top: 8px !important;
}
.hp-code-label {
display: inline-flex !important;
align-items: center !important;
min-height: 28px !important;
color: #858585 !important;
font-size: 9px !important;
font-weight: 700 !important;
letter-spacing: .45px !important;
line-height: 1 !important;
text-transform: uppercase !important;
}
.hp-code {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 33px !important;
box-sizing: border-box !important;
padding: 5px 11px !important;
border: 1px dashed #b9bec4 !important;
border-radius: 6px !important;
background: #fafafa !important;
color: #222 !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: .2px !important;
line-height: 1 !important;
} .hp-offer-box .hp-apply-button,
.hp-item .hp-apply-button,
button.hp-apply-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 66px !important;
min-height: 34px !important;
height: 34px !important;
margin: 0 !important;
padding: 5px 14px !important;
border: 1px solid #e9435b !important;
outline: none !important;
border-radius: 6px !important;
background: #e9435b !important;
color: #fff !important;
font-family: inherit !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1 !important;
text-align: center !important;
text-decoration: none !important;
cursor: pointer !important;
box-shadow: none !important;
appearance: none !important;
opacity: 1 !important;
transition: all .16s ease !important;
}
.hp-offer-box .hp-apply-button:hover,
.hp-item .hp-apply-button:hover,
button.hp-apply-button:hover {
background: #d8324b !important;
border-color: #d8324b !important;
color: #fff !important;
}
.hp-offer-box .hp-apply-button:active,
.hp-item .hp-apply-button:active {
background: #c92f47 !important;
border-color: #c92f47 !important;
color: #fff !important;
transform: scale(.97) !important;
}
.hp-offer-box .hp-apply-button:focus,
.hp-item .hp-apply-button:focus {
background: #e9435b !important;
border-color: #e9435b !important;
color: #fff !important;
outline: none !important;
box-shadow: none !important;
}
.hp-offer-box .hp-apply-button.hpmt-applied,
.hp-item .hp-apply-button.hpmt-applied {
border-color: #22a35a !important;
background: #22a35a !important;
color: #fff !important;
} .hp-auto-applied {
display: inline-flex !important;
align-items: center !important;
padding: 6px 9px !important;
border-radius: 6px !important;
background: #edf9f1 !important;
color: #219653 !important;
font-size: 11.5px !important;
font-weight: 700 !important;
} .hp-cashback-action {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 7px !important;
margin-top: 8px !important;
}
.hp-offer-box .hp-cashback-claim-button,
.hp-item .hp-cashback-claim-button,
button.hp-cashback-claim-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 34px !important;
margin: 0 !important;
padding: 6px 13px !important;
border: 1px solid #e9435b !important;
outline: none !important;
border-radius: 6px !important;
background: #e9435b !important;
color: #fff !important;
font-family: inherit !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1 !important;
cursor: pointer !important;
box-shadow: none !important;
appearance: none !important;
transition: all .16s ease !important;
}
.hp-offer-box .hp-cashback-claim-button:hover,
.hp-item .hp-cashback-claim-button:hover {
background: #d8324b !important;
border-color: #d8324b !important;
color: #fff !important;
}
.hp-offer-box .hp-cashback-claim-button.hpmt-cashback-claimed,
.hp-item .hp-cashback-claim-button.hpmt-cashback-claimed {
background: #edf8f0 !important;
border-color: #c9e8d2 !important;
color: #239653 !important;
}
.hp-cashback-remove-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 32px !important;
padding: 5px 10px !important;
border: 1px solid #e1e1e1 !important;
border-radius: 6px !important;
background: #fff !important;
color: #666 !important;
font-size: 11.5px !important;
font-weight: 600 !important;
cursor: pointer !important;
} .hp-offer-date {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 4px !important;
margin-top: 7px !important;
color: #8a8a8a !important;
font-size: 10.5px !important;
line-height: 1.35 !important;
}
.hp-date-separator {
color: #b2b2b2 !important;
} .hp-more {
display: none !important;
}
.hp-more.hpmt-offers-open {
display: block !important;
} .hp-offer-type-diwali {
position: relative !important;
padding: 10px 12px !important;
border-radius: 9px !important;
background: linear-gradient(135deg,#fffaf0,#fff6e2) !important;
border: 1px solid #f1d08a !important;
}
.hp-offer-type-diwali .hp-icon {
font-size: 21px !important;
}
.hp-offer-type-diwali .hp-offer-title {
color: #b45f06 !important;
}
.hp-offer-type-diwali .hp-offer-benefit {
color: #555 !important;
} @media (max-width: 991px) {
.hp-product-offer-badges {
margin-top: 9px !important;
margin-bottom: 12px !important;
}
.hp-offer-box {
margin-top: 11px !important;
}
} @media (max-width: 767px) {
.hp-product-offer-badges {
margin: 8px 0 12px !important;
}
.hp-product-buy-low {
padding: 9px 11px !important;
border-radius: 8px !important;
font-size: 14px !important;
}
.hp-buy-low-label {
font-size: 14px !important;
}
.hp-buy-low-text strong {
font-size: 17px !important;
}
.hp-buy-low-detail {
font-size: 11px !important;
}
.hp-product-offer-badges .hp-diwali-ribbon {
min-height: 40px !important;
margin: 5px 0 9px !important;
padding: 5px 8px !important;
border-radius: 6px !important;
}
.hp-product-offer-badges .hp-diwali-ribbon-icon,
.hp-product-offer-badges .hp-diwali-icon {
width: 22px !important;
min-width: 22px !important;
height: 22px !important;
flex-basis: 22px !important;
margin-right: 6px !important;
font-size: 14px !important;
}
.hp-product-offer-badges .hp-diwali-ribbon-text {
gap: 5px !important;
}
.hp-product-offer-badges .hp-diwali-ribbon-text strong,
.hp-product-offer-badges .hp-diwali-title {
font-size: 12px !important;
}
.hp-product-offer-badges .hp-diwali-ribbon-text > span,
.hp-product-offer-badges .hp-diwali-description {
font-size: 10.5px !important;
}
.hp-product-offer-badges .hp-diwali-ribbon-link,
.hp-product-offer-badges .hp-diwali-ribbon .hp-diwali-button {
margin-left: 6px !important;
padding: 3px 0 !important;
font-size: 10.5px !important;
}
.hp-campaign-badge {
margin-top: 9px !important;
padding: 8px 12px !important;
font-size: 14px !important;
}
.hp-offer-box {
margin-top: 10px !important;
border-radius: 11px !important;
}
.hp-head {
min-height: 54px !important;
padding: 8px 10px !important;
}
.hp-title {
gap: 8px !important;
}
.hp-title-icon {
width: 32px !important;
height: 32px !important;
flex-basis: 32px !important;
font-size: 17px !important;
}
.hp-title-main {
font-size: 15px !important;
}
.hp-title-sub {
font-size: 9.5px !important;
}
.hp-toggle {
margin-left: 7px !important;
font-size: 10.5px !important;
}
.hp-item {
gap: 9px !important;
padding: 11px 10px !important;
}
.hp-icon {
width: 35px !important;
height: 35px !important;
flex-basis: 35px !important;
border-radius: 9px !important;
font-size: 16px !important;
}
.hp-offer-label {
font-size: 8px !important;
}
.hp-offer-title {
font-size: 14px !important;
}
.hp-offer-benefit {
font-size: 12px !important;
}
.hp-coupon-action,
.hp-cashback-action {
margin-top: 6px !important;
gap: 6px !important;
}
.hp-code-label {
min-height: 31px !important;
font-size: 8.5px !important;
}
.hp-code {
min-height: 32px !important;
padding: 6px 9px !important;
font-size: 11.5px !important;
}
.hp-offer-box .hp-apply-button,
.hp-item .hp-apply-button,
button.hp-apply-button {
min-width: 62px !important;
min-height: 34px !important;
height: 34px !important;
padding: 6px 12px !important;
font-size: 12px !important;
}
.hp-offer-box .hp-cashback-claim-button,
.hp-item .hp-cashback-claim-button,
button.hp-cashback-claim-button {
min-height: 34px !important;
padding: 6px 12px !important;
font-size: 12px !important;
}
.hp-offer-date {
margin-top: 5px !important;
font-size: 10px !important;
}
.hp-offer-type-diwali {
padding: 9px 10px !important;
}
.hp-offer-type-diwali .hp-offer-title {
font-size: 14px !important;
}
.hp-offer-type-diwali .hp-offer-benefit {
font-size: 11.5px !important;
}
.hp-cashback-action {
position: relative !important;
z-index: 50 !important;
pointer-events: auto !important;
}
.hp-cashback-action .hp-cashback-claim-button,
.hp-cashback-action .hp-cashback-remove-button {
position: relative !important;
z-index: 51 !important;
display: inline-flex !important;
pointer-events: auto !important;
touch-action: manipulation !important;
cursor: pointer !important;
}
} @media (max-width: 390px) {
.hp-product-buy-low {
padding: 8px 9px !important;
font-size: 13px !important;
}
.hp-buy-low-label {
font-size: 13px !important;
}
.hp-buy-low-text strong {
font-size: 16px !important;
}
.hp-buy-low-detail {
font-size: 10.5px !important;
}
.hp-product-offer-badges .hp-diwali-ribbon-text > span,
.hp-product-offer-badges .hp-diwali-description {
display: none !important;
}
.hp-product-offer-badges .hp-diwali-ribbon-text strong,
.hp-product-offer-badges .hp-diwali-title {
font-size: 11.5px !important;
}
.hp-product-offer-badges .hp-diwali-ribbon-link,
.hp-product-offer-badges .hp-diwali-ribbon .hp-diwali-button {
font-size: 10px !important;
margin-left: auto !important;
}
.hp-title-main {
font-size: 14px !important;
}
.hp-title-sub {
font-size: 9px !important;
}
.hp-toggle {
font-size: 10px !important;
}
.hp-item {
padding: 10px !important;
}
.hp-offer-title {
font-size: 13.5px !important;
}
.hp-offer-benefit {
font-size: 11.5px !important;
}
.hp-offer-box .hp-apply-button,
.hp-item .hp-apply-button,
button.hp-apply-button {
min-height: 33px !important;
height: 33px !important;
padding: 5px 10px !important;
font-size: 11.5px !important;
}
} .hp-product-offer-badges .hp-diwali-ribbon .wd-button-wrapper,
.hp-product-offer-badges .hp-diwali-ribbon .wd-button-wrapper a,
.hp-product-offer-badges .hp-diwali-ribbon .wd-button-wrapper button,
.hp-product-offer-badges .hp-diwali-ribbon .wd-button-wrapper .wd-button {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 0 !important;
min-height: 0 !important;
height: auto !important;
color: #a05c00 !important;
}
.hp-product-offer-badges .hp-diwali-ribbon .wd-button-wrapper:hover,
.hp-product-offer-badges .hp-diwali-ribbon .wd-button-wrapper:focus,
.hp-product-offer-badges .hp-diwali-ribbon .wd-button-wrapper a:hover,
.hp-product-offer-badges .hp-diwali-ribbon .wd-button-wrapper a:focus {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.hp-product-offer-badges .hp-diwali-ribbon .wd-button-wrapper a {
display: inline-flex !important;
align-items: center !important;
padding: 3px 0 !important;
color: #a05c00 !important;
font-size: 11.5px !important;
font-weight: 700 !important;
text-decoration: none !important;
} .hp-cashback-action {
position: relative !important;
z-index: 20 !important;
pointer-events: auto !important;
}
.hp-cashback-action .hp-cashback-claim-button,
.hp-cashback-action .hp-cashback-remove-button,
.hp-cashback-claim-button {
position: relative !important;
z-index: 21 !important;
pointer-events: auto !important;
cursor: pointer !important;
touch-action: manipulation !important;
-webkit-tap-highlight-color: transparent !important;
}