.responsive-banner{width:100%;position:relative;overflow:hidden}.responsive-banner__container{width:100%;max-width:100%}.responsive-banner__desktop{position:relative;width:100%;height:auto;min-height:400px}.responsive-banner__image-container{position:relative;width:100%;height:auto;overflow:hidden;border-radius:12px}.responsive-banner__image{width:100%;height:auto;object-fit:cover;object-position:center;border-radius:12px;display:block}.responsive-banner__placeholder{width:100%;height:400px;background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;display:flex;align-items:center;justify-content:center;color:#999;font-size:16px;border-radius:12px}.responsive-banner__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:1}.responsive-banner__content{position:absolute;top:50%;left:50%;z-index:2;text-align:center;max-width:800px;width:90%}.responsive-banner__content--left{left:5%;top:10%;text-align:left}.responsive-banner__content--right{left:90%;text-align:right}.responsive-banner__title{font-family:ttnormspro,Arial,sans-serif;font-size:3.5rem;font-weight:700;line-height:1.2;margin:0 0 20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.responsive-banner__subtitle{font-family:ttnormspro,Arial,sans-serif;font-size:1.2rem;line-height:1.5;margin:0 0 30px;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.responsive-banner__button{display:inline-block;padding:15px 30px;font-family:ttnormspro,Arial,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;border-radius:5px;transition:all .3s ease;cursor:pointer;border:2px solid transparent}.responsive-banner__button--primary{background:var(--color-primary, #007bff);color:#fff;border-color:var(--color-primary, #007bff)}.responsive-banner__button--primary:hover{background:transparent;color:var(--color-primary, #007bff);border-color:var(--color-primary, #007bff)}.responsive-banner__button--secondary{background:#6c757d;color:#fff;border-color:#6c757d}.responsive-banner__button--secondary:hover{background:transparent;color:#6c757d;border-color:#6c757d}.responsive-banner__button--outline{background:transparent;color:#fff;border-color:#fff}.responsive-banner__button--outline:hover{background:#fff;color:#333}.responsive-banner__button--dark{background:#333;color:#fff!important;border-color:#333;border-radius:30px}.responsive-banner__button--dark:hover{background:#555;border-color:#555}.responsive-banner__mobile{display:flex;flex-direction:column-reverse;width:100%}.responsive-banner__mobile-content{padding:30px 20px;text-align:center;order:1}.responsive-banner__mobile-content .responsive-banner__mobile-title{margin:0 0 15px;font-size:2rem;line-height:1.3;color:#000!important}.responsive-banner__mobile-subtitle{font-family:ttnormspro,Arial,sans-serif;font-size:1rem;line-height:1.5;margin:0 0 25px;opacity:.8;color:#000!important}.responsive-banner__mobile-button{display:inline-block;padding:12px 25px;font-family:ttnormspro,Arial,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;border-radius:5px;transition:all .3s ease;cursor:pointer;border:2px solid transparent}.responsive-banner__mobile-image{width:100%;order:2}.responsive-banner__mobile-image .responsive-banner__image{width:100%;height:auto;display:block;border-radius:12px}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.responsive-banner__mobile-content{padding:25px 15px}.responsive-banner__mobile-content .responsive-banner__mobile-title{font-size:1.8rem}.responsive-banner__mobile-subtitle{font-size:.9rem}.responsive-banner__mobile-button{padding:10px 20px;font-size:.85rem}}@media (max-width: 480px){.responsive-banner__mobile-content{padding:20px 15px 0}.responsive-banner__mobile-content .responsive-banner__mobile-title{font-size:1.5rem;margin-bottom:12px}.responsive-banner__mobile-subtitle{font-size:.85rem;margin-bottom:0}.responsive-banner__mobile-button{padding:8px 18px;font-size:.8rem}}@media (min-width: 1200px){.responsive-banner__desktop{min-height:500px}.responsive-banner__title{font-size:4rem}.responsive-banner__subtitle{font-size:1.4rem}.responsive-banner__button{padding:16px 30px;font-size:1.1rem}}.responsive-banner__content{animation:fadeInUp 1s ease-out}.responsive-banner__mobile-content{animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}
/*# sourceMappingURL=/cdn/shop/t/104/assets/responsive-banner.css.map */