@import"https://api.fontshare.com/v2/css?f[]=panchang@700&f[]=bevellier@400,500,500i,700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap";.promo-banner{position:relative;width:100%;background:var(--pb-bg-color, #87CEEB);overflow:hidden;font-family:DM Sans,sans-serif}.promo-banner__inner{position:relative;max-width:1200px;margin:0 auto;padding:var(--pb-padding-top, 60px) 40px var(--pb-padding-bottom, 60px);display:grid;grid-template-columns:1fr var(--pb-image-width, 40%);grid-template-rows:auto auto;column-gap:40px;row-gap:var(--pb-content-gap, 16px);align-items:center;min-height:var(--pb-min-height, auto)}.promo-banner__content--top{grid-column:1;grid-row:1;align-self:end}.promo-banner__content--bottom{grid-column:1;grid-row:2;align-self:start}.promo-banner__media{grid-column:2;grid-row:1 / 3}.promo-banner__content{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--pb-content-gap, 16px)}.promo-banner__heading{font-family:Bevellier-Medium,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-style:italic;font-size:var(--pb-heading-size, 56px);line-height:1;text-transform:uppercase;color:var(--pb-heading-color, #ffffff);-webkit-text-stroke:var(--pb-stroke-width, 2px) var(--pb-stroke-color, rgba(0, 0, 0, .15));text-stroke:var(--pb-stroke-width, 2px) var(--pb-stroke-color, rgba(0, 0, 0, .15));paint-order:stroke fill;margin:0;max-width:600px}.promo-banner__subtitle{font-size:var(--pb-subtitle-size, 20px);font-weight:500;color:var(--pb-text-color, #1a1a2e);line-height:1.5;max-width:500px;margin:0}.promo-banner__subtitle-wrap{max-width:500px}.promo-banner__subtitle-toggle{display:none}.promo-banner__buttons{display:flex;flex-wrap:wrap;gap:12px;padding-top:4px}.promo-banner__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;padding:16px 40px;border-radius:var(--pb-btn-radius, 6px);cursor:pointer;transition:all .3s ease;border:2px solid transparent;white-space:nowrap}.promo-banner__btn svg{width:16px;height:16px;transition:transform .3s ease;flex-shrink:0}.promo-banner__btn:hover svg{transform:translate(4px)}.promo-banner__btn--primary{background:var(--pb-btn-bg, #1a1a2e);color:var(--pb-btn-text, #ffffff);border-color:var(--pb-btn-bg, #1a1a2e)}.promo-banner__btn--primary:hover{background:var(--pb-btn-hover-bg, #ffffff);color:var(--pb-btn-hover-text, #1a1a2e);border-color:var(--pb-btn-hover-bg, #ffffff);transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.promo-banner__btn--secondary{background:transparent;color:var(--pb-btn-bg, #1a1a2e);border-color:var(--pb-btn-bg, #1a1a2e)}.promo-banner__btn--secondary:hover{background:var(--pb-btn-bg, #1a1a2e);color:var(--pb-btn-text, #ffffff);transform:translateY(-2px)}.promo-banner__guarantee{display:flex;align-items:flex-start;gap:14px;padding:18px 22px;border:1px solid var(--pb-guarantee-border-color, rgba(0, 0, 0, .1));border-radius:14px;background:var(--pb-guarantee-bg, rgba(255, 255, 255, .15));max-width:var(--pb-guarantee-max-width, 340px)}.promo-banner--center .promo-banner__guarantee{margin:0 auto;text-align:left}.promo-banner__guarantee-shield{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--pb-guarantee-shield-bg, var(--pb-btn-bg, #1a1a2e))}.promo-banner__guarantee-shield svg{width:22px;height:22px;stroke:var(--pb-guarantee-shield-icon, #ffffff)}.promo-banner__guarantee-content{display:flex;flex-direction:column;gap:4px}.promo-banner__guarantee-text{font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--pb-guarantee-text-color, var(--pb-text-color, #1a1a2e));line-height:1.3}.promo-banner__guarantee-sig{max-width:120px;height:auto;opacity:.85;margin-top:2px}.promo-banner__guarantee-name{font-size:12px;font-weight:500;color:var(--pb-guarantee-name-color, var(--pb-text-color, #1a1a2e));opacity:.5;letter-spacing:.2px}.promo-banner__media{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:center;align-self:stretch}.promo-banner__image{max-width:100%;height:auto;display:block;object-fit:contain;object-position:bottom center;max-height:var(--pb-image-max-height, 100%)}.promo-banner--image-overflow .promo-banner__media{position:absolute;right:0;bottom:0;top:0;width:var(--pb-image-width, 40%);grid-column:unset;grid-row:unset}.promo-banner--image-overflow .promo-banner__inner{grid-template-columns:1fr}.promo-banner--image-overflow .promo-banner__content--top,.promo-banner--image-overflow .promo-banner__content--bottom{grid-column:1}.promo-banner--image-overflow .promo-banner__image{height:100%;object-fit:cover}.promo-banner--center .promo-banner__inner{grid-template-columns:1fr;text-align:center}.promo-banner--center .promo-banner__content--top,.promo-banner--center .promo-banner__content--bottom{align-items:center;grid-column:1}.promo-banner--center .promo-banner__heading,.promo-banner--center .promo-banner__subtitle,.promo-banner--center .promo-banner__subtitle-wrap{max-width:100%}.promo-banner--center .promo-banner__buttons{justify-content:center}.promo-banner--center .promo-banner__media{display:none}@media(max-width:768px){.promo-banner__inner{display:flex;flex-direction:column;padding:calc(var(--pb-padding-top, 60px) * .7) 24px calc(var(--pb-padding-bottom, 60px) * .7);gap:24px;text-align:center;min-height:auto}.promo-banner__content--top,.promo-banner__content--bottom{align-items:center;grid-column:unset;grid-row:unset}.promo-banner__media{grid-column:unset;grid-row:unset}.promo-banner--mobile-img-bottom .promo-banner__content--top{order:1}.promo-banner--mobile-img-bottom .promo-banner__content--bottom{order:2}.promo-banner--mobile-img-bottom .promo-banner__media{order:3}.promo-banner--mobile-img-top .promo-banner__media{order:1}.promo-banner--mobile-img-top .promo-banner__content--top{order:2}.promo-banner--mobile-img-top .promo-banner__content--bottom{order:3}.promo-banner--mobile-img-middle .promo-banner__content--top{order:1}.promo-banner--mobile-img-middle .promo-banner__media{order:2}.promo-banner--mobile-img-middle .promo-banner__content--bottom{order:3}.promo-banner--mobile-hide-img .promo-banner__media{display:none!important}.promo-banner__heading{font-size:clamp(32px,9vw,44px);max-width:100%}.promo-banner__subtitle{font-size:16px;max-width:100%}.promo-banner__subtitle-wrap{max-width:100%}.promo-banner__subtitle-wrap--collapsible .promo-banner__subtitle{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .3s ease,margin .3s ease;margin:0}.promo-banner__subtitle-wrap--collapsible.is-open .promo-banner__subtitle{max-height:500px;opacity:1;margin-bottom:8px}.promo-banner__subtitle-toggle{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:8px 0;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;color:var(--pb-toggle-color, var(--pb-btn-bg, #1a1a2e));letter-spacing:.3px;transition:opacity .2s ease}.promo-banner__subtitle-toggle:hover{opacity:.8}.promo-banner__subtitle-toggle-icon{width:16px;height:16px;transition:transform .3s ease}.promo-banner__subtitle-wrap--collapsible.is-open .promo-banner__subtitle-toggle-icon{transform:rotate(180deg)}.promo-banner__buttons{flex-direction:column;width:100%}.promo-banner--mobile-btn-full .promo-banner__buttons{align-items:stretch}.promo-banner--mobile-btn-full .promo-banner__btn{width:100%;padding:16px 32px}.promo-banner--mobile-btn-center .promo-banner__buttons{align-items:center}.promo-banner--mobile-btn-center .promo-banner__btn{width:auto;padding:16px 40px}.promo-banner--mobile-btn-left .promo-banner__buttons{align-items:flex-start}.promo-banner--mobile-btn-left .promo-banner__btn{width:auto;padding:16px 40px}.promo-banner__btn:hover{transform:none;box-shadow:none}.promo-banner__media{justify-content:center}.promo-banner--image-overflow .promo-banner__media{position:relative;width:100%}.promo-banner--image-overflow .promo-banner__image{height:auto;max-height:320px;object-fit:contain}.promo-banner__image{max-height:280px}.promo-banner__guarantee{max-width:var(--pb-guarantee-mobile-max-width, 100%);width:100%;margin:0 auto}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/troov-promo-banner.css.map */
