:root { --body-color: #f8f2ea; --background-image-url: url("header-bg.svg") no-repeat bottom center; --main-color: #bc6d13; --main-color-blur: #bc6d1380; --hero-text-color: #fff; --info-icon: url("info-icon.svg"); --info-border: 1px solid rgb(50 43 35 / 10%); --default-text-color: #5b4c44; --bg-saving-section: #322b23; --footer-bg: #5e370a; --related-section-bg: #bc6d13; --button-border: 1px solid #bc6d13; --button-background: rgb(188 109 19 / 20%); --sticky-bg: #bc6d13; }
.sticky-bg { background: var(--sticky-bg); border: 1px solid rgb(242, 242, 242); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px 0px; }
.sticky-bg.top { width: 100%; max-width: none; border-radius: 0px; inset: 0px 0px auto; border: medium; }
.sticky.top .sticky-content { max-width: 1245px; width: calc(100% - 20px); margin: 0px auto; }
.offer-card { box-shadow: rgb(229, 224, 217) 10px 10px 0px 0px; }
.container-bg { background: var(--main-color) var(--background-image-url); background-attachment: scroll; background-origin: padding-box; background-clip: border-box; background-size: cover; height: 600px; position: absolute; top: 0px; width: 100%; z-index: -1; }
.image-full img, .hero-img img { box-shadow: rgb(229, 224, 217) 10px 10px 0px 0px; }
@media (width <= 1024px) {
  #sticky .sticky-content { background-size: cover; padding: 10px; border: medium; background-image: var(--sticky-bg); }
  #sticky.top { height: 55px; }
  #sticky.top .sticky-logo { display: block; min-width: 15%; max-width: 35%; }
  #sticky.top .sticky-content { background: none; border-radius: 0px; padding: 0px 10px; gap: 2%; }
  #sticky.top .offer-section { width: auto; flex: 0 0 auto; }
  #sticky.top .offer-section .cta { padding: 0px 10px; font-size: 12px; font-style: normal; font-weight: 600; line-height: 21px; height: 25px; }
}