.promo-section{background:rgb(var(--bark-light-blue));color:rgb(var(--deep-navy));padding:var(--spacing-xl) 0}@media(min-width:769px){.promo-section{background-image:var(--desktop-bg-image, none);background-size:cover;background-position:center}}@media(max-width:768px){.promo-section{background-image:var(--mobile-bg-image, var(--desktop-bg-image, none));background-size:cover;background-position:center}}.promo-section__wrapper{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.promo-section__content{display:flex;gap:var(--spacing-md);align-items:flex-start;justify-content:space-around;margin:0 auto;width:fit-content}.promo-section__image-card{background:rgb(var(--plain-white));border-radius:20px;width:450px;height:450px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;position:relative}.promo-section__image-card:has(.promo-section__background-image),.promo-section__image-card:has(.promo-section__carousel-wrapper){padding:0;height:auto;justify-content:flex-start}.promo-section__text-card{background:rgb(var(--plain-white));border-radius:20px;padding:var(--spacing-xl);width:100%;width:450px;min-height:450px;display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box}.promo-section__image{width:100%;height:auto;border-radius:var(--spacing-sm)}.promo-section__background-image{width:100%;height:auto;object-fit:cover;border-radius:20px}.promo-section__background-image--desktop{display:block}.promo-section__background-image--mobile{display:none}@media(max-width:768px){.promo-section__background-image--desktop{display:none}.promo-section__background-image--mobile{display:block}}.promo-section__carousel-wrapper{position:relative;width:100%;border-radius:20px;overflow:hidden}.promo-section__carousel{position:relative;width:100%;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:1fr}.promo-section__carousel>*{grid-area:1 / 1}.promo-section__carousel-slide{position:relative;width:100%}.promo-section__carousel-image{width:100%;height:auto;object-fit:cover;display:block;border-radius:20px}.promo-section__carousel-image--desktop{display:block}.promo-section__carousel-image--mobile{display:none}@media(max-width:768px){.promo-section__carousel-image--desktop{display:none}.promo-section__carousel-image--mobile{display:block}}.promo-section__carousel-controls{position:absolute;left:0;right:0;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:2;gap:8px}.promo-section__carousel-controls--bottom{bottom:15px;padding:0 15px}.promo-section__carousel-controls--bottom .promo-section__carousel-btn--prev{margin-left:0}.promo-section__carousel-controls--bottom .promo-section__carousel-btn--next{margin-right:0}.promo-section__carousel-controls--top{top:15px;padding:0 15px}.promo-section__carousel-controls--top .promo-section__carousel-btn--prev{margin-left:0}.promo-section__carousel-controls--top .promo-section__carousel-btn--next{margin-right:0}.promo-section__carousel-controls--sides{top:50%;transform:translateY(-50%);padding:0 10px}.promo-section__carousel-controls--sides .promo-section__carousel-btn--prev{margin-left:0}.promo-section__carousel-controls--sides .promo-section__carousel-btn--next{margin-right:0}.promo-section__carousel-btn{border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:background-color .3s ease,opacity .3s ease;padding:0}.promo-section__carousel-btn:hover{opacity:.9}.promo-section__carousel-btn svg{width:20px;height:20px}.promo-section__carousel-dots{position:absolute;bottom:15px;left:50%;transform:translate(-50%);z-index:3;display:flex;gap:8px;justify-content:center;align-items:center}.promo-section__carousel-wrapper:has(.promo-section__carousel-controls--bottom) .promo-section__carousel-dots{bottom:15px}.promo-section__carousel-dots .tap-area{width:8px!important;height:8px!important;min-width:8px!important;min-height:8px!important;border-radius:50%!important;border:none!important;background:var(--dot-color, rgba(255, 255, 255, .5))!important;cursor:pointer;padding:0!important;margin:0!important;transition:background-color .3s ease,transform .3s ease,opacity .3s ease;position:relative;display:block!important;opacity:.5}.promo-section__carousel-dots .tap-area:hover{opacity:.8;transform:scale(1.2)}.promo-section__carousel-dots .tap-area[aria-current=true]{background:var(--dot-active-color, rgba(255, 255, 255, 1))!important;transform:scale(1.3);opacity:1!important}.promo-section__eyebrow-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:rgb(var(--plain-white));border-radius:25px;padding:0 var(--spacing-md);z-index:2;white-space:nowrap}@media(min-width:768px){.promo-section__eyebrow-badge{display:none}}.promo-section__eyebrow-badge .bark-utility-eyebrow{color:rgb(var(--deep-navy));margin:0;font-weight:700;text-align:center}.promo-section__mobile-content{display:none;position:absolute;bottom:var(--spacing-lg);left:var(--spacing-lg);right:var(--spacing-lg);z-index:2}.promo-section__mobile-title{color:rgb(var(--color-deep-navy))}.promo-section__details{background:rgb(var(--cool-white));padding:var(--spacing-md);border-radius:var(--spacing-sm);position:relative}.promo-section__mobile-eyebrow,.promo-section__mobile-title{display:none}.promo-section__desktop-eyebrow,.promo-section__desktop-title{display:block}.promo-section__brand-logo-wrapper{display:flex;justify-content:flex-start}.promo-section__brand-logo{height:100%;max-height:60px;width:auto;object-fit:contain}.promo-section__free-badge{position:absolute;top:-15px;right:var(--spacing-lg);width:60px;height:30px;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transform:rotate(-5deg)}.promo-section__free-text{font-size:12px;font-weight:700;color:#fff;letter-spacing:.5px;text-transform:uppercase}@media(max-width:768px){.promo-section__content{gap:var(--spacing-md);flex-direction:column}.promo-section__image-card{order:1;width:100%;height:auto;justify-content:flex-start}.promo-section__text-card{order:2;padding:var(--spacing-lg);width:100%;height:auto;min-height:0px}.promo-section__mobile-content{display:block;top:0;left:0;right:auto;bottom:auto;padding:var(--spacing-lg)}.promo-section__mobile-eyebrow,.promo-section__mobile-title{display:block}.promo-section__desktop-eyebrow,.promo-section__desktop-title,.promo-section__brand-logo-wrapper{display:none}}
/*# sourceMappingURL=/cdn/shop/t/282/assets/promo-section.css.map */