.main-banner{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;width:100%;min-width:0;-webkit-text-size-adjust:100%;text-size-adjust:100%}.main-banner,.main-banner *,.main-banner *:before,.main-banner *:after{box-sizing:border-box}.main-banner__main{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"media" "content";align-items:center;width:100%;min-width:0;overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:5px;background:linear-gradient(90deg,var(--color-background) 0%,var(--color-surface) 50%,var(--color-background-subtle) 100%);color:var(--color-text);isolation:isolate;transform:translateZ(0)}.main-banner__content{display:flex;grid-area:content;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.main-banner__media{position:relative;grid-area:media;width:100%;min-width:0;aspect-ratio:1 / 1;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.main-banner__image,.main-banner__media picture{display:block;width:100%;height:100%}.main-banner__media picture{overflow:hidden}.main-banner__image{max-width:100%;object-fit:contain;object-position:center;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0)}.main-banner__image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--color-surface-raised);color:var(--color-text-muted)}.main-banner__image-placeholder svg{width:100%;height:100%;max-width:180px;opacity:.45}.main-banner__eyebrow{margin:0 0 10px;color:var(--color-primary);font-weight:700;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.main-banner__heading{max-width:650px;margin:0;color:var(--color-text);line-height:.95;letter-spacing:-.05em;overflow-wrap:break-word;word-break:normal}.main-banner__text{max-width:540px;margin-top:16px;color:var(--color-text-muted);overflow-wrap:break-word}.main-banner__text p{margin:0}.main-banner__text p+p{margin-top:10px}.main-banner__buttons{display:flex;flex-wrap:wrap;gap:10px;width:100%;margin-top:22px}.main-banner__button{display:inline-flex;align-items:center;justify-content:center;min-height:30px;max-width:100%;padding:11px;border:1px solid transparent;border-radius:5px;color:inherit;font:inherit;font-weight:700;line-height:1;text-align:center;text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.main-banner__button:hover{transform:translateY(-1px)}.main-banner__button:active{transform:translateY(0)}.main-banner__button:focus{outline:none}.main-banner__button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.main-banner__button--primary{border-color:var(--color-accent);background-color:var(--color-accent);background-image:none;box-shadow:0 4px 10px var(--color-accent-shadow);color:var(--color-accent-text)}.main-banner__button--primary:hover{border-color:var(--color-accent-hover);background-color:var(--color-accent-hover);background-image:none;box-shadow:0 6px 14px var(--color-accent-shadow-hover);color:var(--color-accent-text)}.main-banner__button--primary:active{border-color:var(--color-primary);background-color:var(--color-accent);background-image:none;box-shadow:0 2px 6px var(--color-accent-shadow);color:var(--color-accent-text)}.main-banner__button--secondary{border-color:var(--color-primary);background-color:transparent;color:var(--color-primary-hover)}.main-banner__button--secondary:hover{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-accent-text)}.main-banner__button--secondary:active{background-color:var(--color-primary-hover);color:var(--color-accent-text)}.main-banner__blocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;width:100%;min-width:0}.main-banner__block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-width:0;padding:1rem;border:1px solid var(--color-border-subtle);border-radius:5px;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-raised) 52%,var(--color-background-subtle) 100%);box-shadow:var(--shadow-small);text-align:center}.main-banner__block-icon{display:flex;flex:0 0 44px;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;overflow:hidden;border:1px solid var(--color-primary-border);border-radius:50%;background-color:var(--color-primary-soft)}.main-banner__block-icon-image{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}.main-banner__block-title{margin:0;color:var(--color-text);font-weight:700;line-height:1.25;overflow-wrap:break-word}.main-banner__block-text{margin-top:5px;color:var(--color-text-muted);font-size:clamp(12px,1vw,13px);line-height:1.45;overflow-wrap:break-word}@media screen and (max-width:374px){.main-banner__blocks{grid-template-columns:minmax(0,1fr)}.main-banner__buttons{flex-direction:column;align-items:stretch}.main-banner__button{width:100%}}@media screen and (min-width:480px){.main-banner__content{padding:1.5rem;padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right))}.main-banner__blocks{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:750px){.main-banner__main{grid-template-columns:minmax(0,1fr) minmax(260px,.9fr);grid-template-areas:"content media"}.main-banner__content{padding:clamp(20px,3vw,44px);padding-left:max(clamp(20px,3vw,44px),env(safe-area-inset-left));padding-right:max(clamp(20px,3vw,44px),env(safe-area-inset-right))}.main-banner__media{aspect-ratio:3 / 2}.main-banner__image{object-fit:contain}.main-banner__blocks{grid-template-columns:repeat(3,minmax(0,1fr))}.main-banner__block{flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:12px;padding:14px 16px;text-align:left}.main-banner__block-icon{flex:0 0 38px;width:38px;height:38px;padding:9px}}@media screen and (min-width:1200px){.main-banner__main{grid-template-columns:minmax(0,1fr) minmax(420px,.95fr)}.main-banner__content{padding:clamp(28px,3.5vw,56px);padding-left:max(clamp(28px,3.5vw,56px),env(safe-area-inset-left));padding-right:max(clamp(28px,3.5vw,56px),env(safe-area-inset-right))}.main-banner__media{aspect-ratio:5 / 2}.main-banner__block{padding:16px 20px}}@media(hover:none){.main-banner__button:hover{transform:none}.main-banner__button--primary:hover{border-color:var(--color-accent);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-gradient-mid) 55%,var(--color-accent-hover) 100%);box-shadow:0 4px 10px var(--color-accent-shadow)}.main-banner__button--secondary:hover{border-color:var(--color-primary);background-color:transparent;color:var(--color-primary-hover)}}@media(prefers-reduced-motion:reduce){.main-banner__button{transition:none}.main-banner__button:hover,.main-banner__button:active{transform:none}}@media(prefers-contrast:more){.main-banner__main,.main-banner__block{border-color:var(--color-border)}.main-banner__text,.main-banner__block-text{color:var(--color-text)}.main-banner__button{border-width:2px}}@supports not (aspect-ratio: 1 / 1){.main-banner__media{height:0;padding-top:60%}.main-banner__media picture,.main-banner__image,.main-banner__image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0}@media screen and (min-width:750px){.main-banner__media{padding-top:66.6667%}}@media screen and (min-width:1200px){.main-banner__media{padding-top:40%}}}
/*# sourceMappingURL=/cdn/shop/t/116/assets/main-banner.css.map */