.hero-kb{background:var(--hero-bg);padding:var(--section-padding-top) 24px var(--section-padding-bottom)}.hero-kb__container{max-width:var(--container-max-width);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--content-gap);align-items:center}.hero-kb--image-start .hero-kb__media{order:2}.hero-kb--image-start .hero-kb__content,.hero-kb--image-end .hero-kb__media{order:1}.hero-kb--image-end .hero-kb__content{order:2}.hero-kb--valign-start .hero-kb__container{align-items:start}.hero-kb--valign-center .hero-kb__container{align-items:center}.hero-kb--valign-end .hero-kb__container{align-items:end}.hero-kb--align-right .hero-kb__content{text-align:right}.hero-kb--align-center .hero-kb__content{text-align:center}.hero-kb--align-left .hero-kb__content{text-align:left}.hero-kb--align-right .hero-kb__description{margin-inline-start:auto;margin-inline-end:0}.hero-kb--align-center .hero-kb__description{margin-inline:auto}.hero-kb--align-left .hero-kb__description{margin-inline-end:auto;margin-inline-start:0}.hero-kb--btn-align-right .hero-kb__actions{justify-content:flex-end}.hero-kb--btn-align-center .hero-kb__actions{justify-content:center}.hero-kb--btn-align-left .hero-kb__actions{justify-content:flex-start}.hero-kb__media{display:flex}.hero-kb__img,.hero-kb__placeholder{width:100%;max-width:var(--media-max-width);aspect-ratio:var(--media-ratio);border-radius:var(--media-radius);margin-inline-start:auto;margin-inline-end:auto}.hero-kb__img{display:block;height:auto;object-fit:var(--media-object-fit)}.hero-kb--image-start .hero-kb__img,.hero-kb--image-start .hero-kb__placeholder{margin-inline-end:0}.hero-kb--image-end .hero-kb__img,.hero-kb--image-end .hero-kb__placeholder{margin-inline-start:0}.hero-kb__placeholder{background-color:var(--hero-placeholder-bg);background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.35) 0px,rgba(255,255,255,.35) 10px,transparent 10px,transparent 22px);display:flex;align-items:center;justify-content:center;text-align:center;padding:24px}.hero-kb__placeholder span{color:var(--hero-placeholder-text);font-size:15px}.hero-kb__badge{display:inline-block;background:var(--hero-badge-bg);color:var(--hero-badge-color);font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);padding:var(--badge-padding-v) var(--badge-padding-h);border-radius:var(--badge-radius);margin-bottom:var(--badge-margin-bottom)}.hero-kb__heading{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);letter-spacing:var(--heading-letter-spacing);color:var(--hero-heading-color);margin:0 0 var(--heading-margin-bottom)}.hero-kb__subheading{display:block;color:var(--hero-accent-color);font-size:var(--subheading-font-size);font-weight:var(--subheading-font-weight);margin-top:var(--subheading-margin-top)}.hero-kb__description{font-size:var(--desc-font-size);font-weight:var(--desc-font-weight);line-height:var(--desc-line-height);color:var(--hero-desc-color);max-width:var(--desc-max-width);margin-bottom:var(--desc-margin-bottom)}.hero-kb__description p{margin:0}.hero-kb__actions{display:flex;gap:var(--btn-gap);flex-wrap:wrap}.hero-kb__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--btn-padding-v) var(--btn-padding-h);border-radius:var(--btn-radius);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);text-decoration:none;transition:opacity .2s ease,transform .2s ease,background-color .2s ease;white-space:nowrap}.hero-kb__btn:hover{transform:translateY(-1px)}.hero-kb__btn:focus-visible{outline:2px solid var(--hero-heading-color);outline-offset:2px}.hero-kb__btn--solid{background:var(--btn-primary-bg);color:var(--btn-primary-color)}.hero-kb__btn--solid:hover{background:var(--btn-primary-bg-hover)}.hero-kb__btn--outline{background:var(--btn-secondary-bg);color:var(--btn-secondary-color);border:var(--btn-border-width) solid var(--btn-secondary-border)}.hero-kb__btn--outline:hover{opacity:.85}@media(max-width:989px){.hero-kb{padding:var(--section-padding-top-mobile) 16px var(--section-padding-bottom-mobile)}.hero-kb__container{grid-template-columns:1fr}.hero-kb--image-start .hero-kb__media,.hero-kb--image-end .hero-kb__media{order:1}.hero-kb--image-start .hero-kb__content,.hero-kb--image-end .hero-kb__content{order:2}.hero-kb__heading{font-size:var(--heading-font-size-mobile)}.hero-kb__subheading{font-size:var(--subheading-font-size-mobile)}}@media(max-width:480px){.hero-kb__actions{flex-direction:column;width:100%}.hero-kb__btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hero-kids-books.css.map */
