.pocket-banner{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.pocket-banner__image{width:100%;height:auto;min-height:470px;object-fit:cover;object-position:center}.pocket-banner__image--desktop{display:block}.pocket-banner__image--mobile{display:none}.grid-items{background:#fff}.pocket-banner__content{position:absolute;z-index:2;left:50%;top:60%;max-width:1200px;width:100%;transform:translate(-50%,-50%);text-align:center}.pocket-banner__title{color:#fff;font-family:SF Pro Display Semibold;font-size:50px;text-align:left;margin:0;line-height:1.2}.grid-title{font-family:SF Pro Display Semibold!important;margin-bottom:3rem}.pocket-banner__bottom-panel{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);max-width:1200px;width:100%;background:#f5f5f5;z-index:3;padding:2rem}.pocket-banner__bottom-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.pocket-banner__bottom-text{flex:1;font-family:SF Pro Display Regular;font-size:17px;line-height:normal;color:#000}.pocket-banner__bottom-text p{margin:0}.pocket-banner__bottom-button{flex-shrink:0}.pocket-banner__button{display:inline-block;background:#8b0303;color:#fff;padding:1rem 6rem;text-decoration:none;border-radius:1px;font-family:SF Pro Display Regular;font-size:17px;transition:all .3s ease}.pocket-banner__button:hover{background:#fff;color:#8b0303;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media screen and (max-width: 768px){.pocket-banner{min-height:460px}.pocket-banner__image--desktop,.grid-title br{display:none}.pocket-banner__image--mobile{display:block}.pocket-banner__title{font-size:28px;padding:0 1rem}.pocket-banner__bottom-text br{display:none}.template-5-pocket-travel-pants .item-description{width:100%}.pocket-banner__content{padding:1rem;top:60%}.pocket-banner__bottom-panel{width:90%;padding:2rem;bottom:-40px;background:#f1f0eb}.pocket-banner__bottom-content{flex-direction:column;gap:1rem;text-align:center}.pocket-banner__bottom-text{font-size:1rem}.pocket-banner__button{padding:.8rem 1.5rem;font-size:.9rem}}@media screen and (max-width: 480px){.pocket-banner{min-height:460px}.pocket-banner__title{font-size:28px}.pocket-banner__bottom-panel{width:95%;padding:2rem}.pocket-banner__bottom-text{font-size:14px}.pocket-banner__button{padding:.7rem 1.2rem;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/147/assets/5-pocket-banner.css.map */