.mini-banner{--mini-banner-gap: 16px;--mini-banner-height-desktop: 320px;--mini-banner-height-mobile: 200px;--mini-banner-section-bg: transparent;--mini-banner-overlay: rgba(0, 0, 0, .3);--mini-banner-overlay-hover: rgba(0, 0, 0, .45);--mini-banner-text-color: #ffffff;--mini-banner-text-hover-color: #ffffff;--mini-banner-badge-bg: #ff4e4e;--mini-banner-badge-color: #ffffff;--mini-banner-btn-bg: transparent;--mini-banner-btn-color: inherit;--mini-banner-btn-border-radius: 4px;--mini-banner-btn-border: #ffffff;--mini-banner-btn-hover-bg: #ffffff;--mini-banner-btn-hover-color: #1c1d1d;--mini-banner-btn-hover-border: #ffffff;--mini-banner-transition: .4s cubic-bezier(.4, 0, .2, 1);background-color:var(--mini-banner-section-bg)}.mini-banner--space-top{padding-top:40px}.mini-banner--space-bottom{padding-bottom:40px}@media screen and (max-width:768px){.mini-banner--space-top{padding-top:24px}.mini-banner--space-bottom{padding-bottom:24px}}.mini-banner__wrapper{width:100%;margin-left:auto;margin-right:auto}@media screen and (min-width:769px){.mini-banner__wrapper--desktop-full{width:100%;max-width:none}.mini-banner__wrapper--desktop-page-width{max-width:var(--page-width, 1500px);padding:0 var(--pageWidthPadding)}}@media screen and (max-width:768px){.mini-banner__wrapper--mobile-full{width:100%;max-width:none;padding-left:0;padding-right:0}.mini-banner__wrapper--mobile-page-width{max-width:100%;padding-left:var(--page-width-margin, 15px);padding-right:var(--page-width-margin, 15px)}}.mini-banner__grid{display:grid;gap:var(--mini-banner-gap)}.mini-banner__grid--trio{grid-template-columns:repeat(3,1fr)}.mini-banner__grid--duo{grid-template-columns:repeat(2,1fr)}.mini-banner__grid--strip{grid-template-columns:1fr}.mini-banner__grid--duo .mini-banner__item--ratio-60,.mini-banner__grid--duo .mini-banner__item--ratio-40{grid-column:span 1}@media screen and (min-width:769px){.mini-banner__grid--duo{grid-template-columns:3fr 2fr}.mini-banner__grid--duo:has(.mini-banner__item--ratio-40:first-child){grid-template-columns:2fr 3fr}}@media screen and (max-width:768px){.mini-banner__grid--trio,.mini-banner__grid--duo{grid-template-columns:1fr}}.mini-banner__item{--mini-banner-border-radius: 8px;position:relative;height:var(--mini-banner-height-desktop);border-radius:var(--mini-banner-border-radius);overflow:hidden;color:var(--mini-banner-text-color)}@media screen and (max-width:768px){.mini-banner__item{height:var(--mini-banner-height-mobile)}}.mini-banner__link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.mini-banner__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.mini-banner__image{width:100%;height:100%;object-fit:cover;transition:transform var(--mini-banner-transition)}.mini-banner__image--mobile{display:none}@media screen and (max-width:768px){.mini-banner__image--desktop{display:none}.mini-banner__item:has(.mini-banner__image--mobile) .mini-banner__image--desktop{display:none}.mini-banner__image--mobile{display:block}}.mini-banner__item:hover .mini-banner__image{transform:scale(1.05)}.mini-banner__placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.mini-banner__placeholder .placeholder-svg{width:60%;max-width:150px;opacity:.4}.mini-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--mini-banner-overlay);transition:background var(--mini-banner-transition);z-index:2}.mini-banner__item:hover .mini-banner__overlay{background:var(--mini-banner-overlay-hover)}.mini-banner__item:hover .mini-banner__content{color:var(--mini-banner-text-hover-color)}.mini-banner__content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;padding:24px;z-index:3;gap:8px;pointer-events:none}@media screen and (max-width:768px){.mini-banner__content{padding:16px}}.mini-banner__content--top{justify-content:flex-start}.mini-banner__content--center{justify-content:center}.mini-banner__content--bottom{justify-content:flex-end}.mini-banner__content--align-left{align-items:flex-start;text-align:left}.mini-banner__content--align-center{align-items:center;text-align:center}.mini-banner__content--align-right{align-items:flex-end;text-align:right}.mini-banner__badge{display:inline-block;padding:6px 14px;background:var(--mini-banner-badge-bg);color:var(--mini-banner-badge-color);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:4px;line-height:1;animation:mini-banner-badge-pulse 2s ease-in-out infinite}@keyframes mini-banner-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.mini-banner__subtitle{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;opacity:.9;line-height:1.3}@media screen and (max-width:768px){.mini-banner__subtitle{font-size:11px}}.mini-banner__title{font-size:28px;font-weight:700;line-height:1.2;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2);transform:translateY(0);transition:transform var(--mini-banner-transition)}.mini-banner__item:hover .mini-banner__title{transform:translateY(-2px)}@media screen and (max-width:768px){.mini-banner__title{font-size:20px}}.mini-banner--layout-strip .mini-banner__title{font-size:32px}@media screen and (max-width:768px){.mini-banner--layout-strip .mini-banner__title{font-size:22px}}.mini-banner__cta{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--mini-banner-btn-bg);color:var(--mini-banner-btn-color);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:2px solid currentColor;border-radius:var(--mini-banner-btn-border-radius);margin-top:8px;transition:all var(--mini-banner-transition);pointer-events:auto}.mini-banner__item:hover .mini-banner__cta{background:var(--mini-banner-btn-hover-bg);color:var(--mini-banner-btn-hover-color);border-color:var(--mini-banner-btn-hover-border)}@media screen and (max-width:768px){.mini-banner__cta{padding:8px 16px;font-size:12px}}.mini-banner__cta-icon{width:16px;height:16px;transition:transform var(--mini-banner-transition)}.mini-banner__item:hover .mini-banner__cta-icon{transform:translate(4px)}.mini-banner--layout-strip .mini-banner__content{flex-direction:row;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.mini-banner--layout-strip .mini-banner__content--align-left{justify-content:flex-start}.mini-banner--layout-strip .mini-banner__content--align-right{justify-content:flex-end}@media screen and (max-width:768px){.mini-banner--layout-strip .mini-banner__content{flex-direction:column;gap:8px}}.mini-banner__link:focus-visible{outline:3px solid #4a90d9;outline-offset:2px}@media(prefers-reduced-motion:no-preference){.mini-banner__item{animation:mini-banner-fade-in .6s ease-out both}.mini-banner__grid--trio .mini-banner__item:nth-child(2){animation-delay:.1s}.mini-banner__grid--trio .mini-banner__item:nth-child(3){animation-delay:.2s}.mini-banner__grid--duo .mini-banner__item:nth-child(2){animation-delay:.1s}}@keyframes mini-banner-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-color-scheme:dark){.mini-banner__item:hover .mini-banner__cta{color:var(--mini-banner-btn-hover-color, #000)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/mini-banner.css.map */