.custom-media-html{width:100%}.media-html-container{display:grid;grid-template-columns:1fr 1fr;gap:0;width:100%;min-height:500px}.media-html-container.media-left{grid-template-areas:"media html"}.media-html-container.media-left .media-column{grid-area:media}.media-html-container.media-left .html-column{grid-area:html}.media-html-container.media-right{grid-template-areas:"html media"}.media-html-container.media-right .media-column{grid-area:media}.media-html-container.media-right .html-column{grid-area:html}.media-column{position:relative;width:100%;min-height:500px;overflow:hidden;background:#f5f5f5}.media-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.media-background img{width:100%;height:100%;object-fit:cover;display:block}.media-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;align-items:center;justify-content:center;padding:40px;box-sizing:border-box}.media-content{text-align:center;color:#fff;max-width:600px;z-index:3}.media-title{font-size:2rem;font-weight:600;margin-bottom:1rem;line-height:1.2;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.media-description{font-size:1rem;line-height:1.6;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.media-description p{margin:0}.html-column{padding:40px;box-sizing:border-box;overflow-y:auto;display:flex;align-items:center;justify-content:center}.html-content{width:100%;max-width:100%}.html-content img{max-width:100%;height:auto;display:block}.html-content h1,.html-content h2,.html-content h3,.html-content h4,.html-content h5,.html-content h6{margin:0 0 1em;padding:0;line-height:1.2}.html-content p{margin:0 0 1em}.html-content p:last-child{margin-bottom:0}@media (max-width: 768px){.media-html-container{grid-template-columns:1fr;grid-template-areas:"media" "html";min-height:auto}.media-html-container.media-left,.media-html-container.media-right{grid-template-areas:"media" "html"}.media-column{min-height:400px}.media-overlay{padding:30px 20px}.media-title{font-size:1.5rem}.media-description{font-size:.9rem}.html-column{padding:30px 20px;min-height:auto}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/custom-media-html.css.map */