.colbanner{padding-top:var(--colbanner-pt, 24px)}.colbanner__panel{display:grid;grid-template-columns:30% 1fr;border-radius:var(--radius, 16px);overflow:hidden;background:linear-gradient(135deg,var(--colbanner-p1),var(--colbanner-p2));color:var(--colbanner-text, #fff)}.colbanner__media{background:var(--color-surface, #eef6fb);display:flex;align-items:center;justify-content:center}.colbanner__image{display:block;width:100%;height:100%;max-height:320px;object-fit:cover}.colbanner__content{padding:clamp(20px,3vw,40px);display:flex;flex-direction:column;justify-content:center;gap:12px}.colbanner__title{margin:0;color:inherit;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.1}.colbanner__desc{color:inherit;font-size:.95rem;line-height:1.55;opacity:.95}.colbanner__desc :is(p,ul,ol){margin:0 0 .6em}.colbanner__desc :is(p,ul,ol):last-child{margin-bottom:0}.colbanner__strip{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:12px clamp(20px,3vw,36px);border-radius:var(--radius, 16px);background:var(--colbanner-strip, #00aeef);color:var(--colbanner-strip-text, #fff);text-decoration:none}.colbanner__strip-text{font-family:var(--font-heading, inherit);font-weight:700;font-size:clamp(1.1rem,2.4vw,1.9rem);letter-spacing:.5px;text-transform:uppercase}.colbanner__strip-text em{font-style:normal;color:var(--color-secondary, #ffa41c)}.colbanner__badge{flex:none;display:grid;place-items:center;width:76px;height:76px;background:var(--color-secondary, #ffa41c);color:var(--color-dark, #17263a);clip-path:polygon(50% 0%,61% 12%,76% 6%,78% 23%,94% 24%,88% 40%,100% 50%,88% 60%,94% 76%,78% 77%,76% 94%,61% 88%,50% 100%,39% 88%,24% 94%,22% 77%,6% 76%,12% 60%,0% 50%,12% 40%,6% 24%,22% 23%,24% 6%,39% 12%);transform:rotate(-8deg)}.colbanner__badge span{max-width:54px;text-align:center;font-weight:700;font-size:.62rem;line-height:1.1;text-transform:uppercase}@media(max-width:749px){.colbanner{--radius: 15px}.colbanner__panel{grid-template-columns:1fr}.colbanner__image{max-height:220px}.colbanner__strip{flex-wrap:wrap;justify-content:center;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/180/assets/section-collection-banner.css.map */
