.banner{position:relative;width:100%;min-height:300px;display:grid;place-items:center;overflow:hidden}.banner__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.banner__background--image{width:100%;height:100%;object-fit:cover;object-position:center}.banner__background--color{background-color:var(--banner-bg)}.banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,var(--overlay-opacity));pointer-events:none;z-index:1}.banner__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;max-width:var(--banner-content-width);width:100%;padding:15px}.banner--narrow{--banner-content-width: 600px}.banner--medium{--banner-content-width: 800px}.banner--wide{--banner-content-width: 1000px}.banner__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.2;margin:0}.banner__paragraph{font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6;margin:0;max-width:60ch}.banner .btn{margin-top:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;border-radius:4px;border:2px solid transparent;transition:transform .2s ease;display:inline-block}.banner .btn:hover{transform:translateY(-2px)}.banner .btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.banner .btn:focus:not(:focus-visible){outline:none}.banner__button-warning{background:#fff3cd;border:1px solid #FFE69C;color:#856404;padding:.75rem 1rem;border-radius:4px;font-size:.875rem}@media (min-width: 768px){.banner{min-height:350px}.banner__content{padding:20px}}@media (min-width: 1025px){.banner{min-height:400px}.banner__content{padding:30px;gap:2rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/banner.css.map */