.plugin-showcase{position:relative;overflow:hidden;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.plugin-showcase__shape{position:absolute;pointer-events:none;z-index:0;color:var(--plugin-shape-color, #5b3df5);opacity:var(--plugin-shape-opacity, .1);transition:opacity .3s ease,color .3s ease;line-height:0}.plugin-showcase__shape svg{width:100%;height:100%;display:block}.plugin-showcase__shape--top-right{top:0;right:0;width:clamp(380px,46vw,600px);height:clamp(200px,26vw,275px)}.plugin-showcase__shape--bottom-left{bottom:0;left:0;width:clamp(360px,42vw,700px);height:clamp(260px,32vw,520px)}@media screen and (max-width:749px){.plugin-showcase__shape--top-right{top:0;right:0;width:clamp(220px,62vw,400px);height:clamp(160px,46vw,300px)}.plugin-showcase__shape--bottom-left{bottom:0;left:0;width:clamp(200px,58vw,360px);height:clamp(150px,42vw,270px)}}.plugin-showcase__container{position:relative;z-index:1}.plugin-showcase__main{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}@media screen and (min-width:990px){.plugin-showcase__main{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:60px}.plugin-showcase__main--reverse{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.plugin-showcase__main--reverse .plugin-showcase__content{order:2}.plugin-showcase__main--reverse .plugin-showcase__mockup-col{order:1}}.plugin-showcase__content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.plugin-showcase__content--center{align-items:center;text-align:center}.plugin-showcase__badge{display:inline-flex;align-items:center;gap:8px;background-color:var(--plugin-badge-bg, #ebe8fd);color:var(--plugin-badge-color, #5b3df5);border:1px solid var(--plugin-badge-border, transparent);padding:7px 18px;border-radius:26px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:15px;line-height:1;box-shadow:0 2px 6px #00000005}.plugin-showcase__badge-img{width:16px;height:16px;object-fit:contain;flex-shrink:0;border-radius:4px}.plugin-showcase__badge-svg{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.plugin-showcase__badge-svg svg{width:14px;height:14px;fill:currentColor}.plugin-showcase__heading{color:var(--plugin-heading-color, rgb(var(--color-foreground)));margin:0 0 20px;font-weight:800;line-height:1.15;letter-spacing:-.02em;word-break:break-word}.plugin-showcase__heading-size--small{font-size:clamp(28px,4vw,38px)}.plugin-showcase__heading-size--medium{font-size:clamp(32px,4.5vw,48px)}.plugin-showcase__heading-size--large{font-size:clamp(36px,5.2vw,56px)}.plugin-showcase__heading strong,.plugin-showcase__heading em,.plugin-showcase__heading .highlight{color:var(--plugin-highlight-color, #5b3df5);font-style:normal;font-weight:inherit;background:linear-gradient(135deg,var(--plugin-highlight-color, #5b3df5) 20%,#7b61ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline}.plugin-showcase__desc{color:var(--plugin-desc-color, rgba(var(--color-foreground), .75));font-size:clamp(15px,1.8vw,17px);line-height:1.65;margin:0 0 32px;max-width:560px}.plugin-showcase__desc p{margin:0 0 10px}.plugin-showcase__desc p:last-child{margin-bottom:0}.plugin-showcase__buttons{display:flex;flex-wrap:wrap;align-items:center;gap:16px;width:100%}@media screen and (max-width:480px){.plugin-showcase__buttons{flex-direction:column;align-items:stretch}}.plugin-showcase__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:22px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);cursor:pointer;line-height:1.2;min-height:48px}.plugin-showcase__btn svg{flex-shrink:0;transition:transform .2s ease;width:24px;height:24px}.plugin-showcase__btn:hover svg.arrow-icon{transform:translate(4px)}.plugin-showcase__btn--primary{background-color:var(--plugin-btn-pri-bg, #5b3df5);color:var(--plugin-btn-pri-text, #ffffff);border:1.5px solid var(--plugin-btn-pri-bg, #5b3df5);box-shadow:0 8px 24px -6px #5b3df573}.plugin-showcase__btn--primary:hover{background-color:var(--plugin-btn-pri-hover-bg, #4827eb);border-color:var(--plugin-btn-pri-hover-bg, #4827eb);color:var(--plugin-btn-pri-text, #ffffff);transform:translateY(-2px);box-shadow:0 12px 28px -6px #5b3df58c}.plugin-showcase__btn--secondary{background-color:transparent;color:var(--plugin-btn-sec-text, #5b3df5);border:1.5px solid var(--plugin-btn-sec-border, #5b3df5)}.plugin-showcase__btn--secondary:hover{background-color:var(--plugin-btn-sec-hover-bg, #f3f0ff);color:var(--plugin-btn-sec-hover-text, #4827eb);transform:translateY(-2px)}.plugin-showcase__mockup-col{position:relative;width:100%}.plugin-showcase__mockup-wrapper{position:relative;border-radius:20px;background:#fff;border:1px solid rgba(225,230,243,.9);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1);transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.plugin-showcase__mockup-wrapper--shadow-none{box-shadow:none}.plugin-showcase__mockup-wrapper--shadow-soft{box-shadow:0 15px 35px -10px #161c2d14,0 0 1px 1px #0000000a}.plugin-showcase__mockup-wrapper--shadow-medium{box-shadow:0 24px 54px -14px #19164626,0 8px 20px -6px #5b3df51f}.plugin-showcase__mockup-wrapper--shadow-large{box-shadow:0 32px 70px -15px #19164633,0 12px 28px -6px #5b3df529}.plugin-showcase__mockup-wrapper--tilt{transform:translateY(0)}.plugin-showcase__mockup-wrapper--tilt:hover{transform:translateY(-5px);box-shadow:0 32px 65px -14px #19164638,0 14px 28px -6px #5b3df529}.plugin-showcase__mockup-inner{border-radius:19px;overflow:hidden;position:relative;background:#fff;display:flex;align-items:center;justify-content:center;transform:translateZ(0);padding:10px;box-shadow:0 0 15px 4px #ebe8fd}.plugin-showcase__image{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:auto;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.plugin-showcase__placeholder{width:100%;min-height:380px;display:flex;align-items:center;justify-content:center;background:#f4f6fa}.plugin-showcase__placeholder svg{width:100%;height:100%;max-height:380px;opacity:.6}.plugin-showcase__features-wrap{margin-top:64px;padding-top:40px;border-top:1px solid rgba(var(--color-foreground),.08)}.plugin-showcase__features{display:grid;grid-template-columns:repeat(1,1fr);gap:32px}@media screen and (min-width:750px){.plugin-showcase__features{grid-template-columns:repeat(var(--plugin-features-cols-desktop, 3),1fr);gap:36px 40px}}.plugin-showcase__feature-item{display:flex;align-items:flex-start;gap:18px}.plugin-showcase__feature-icon-box{width:60px;height:60px;border-radius:40px;background-color:var(--plugin-feat-icon-bg, #ebe8fd);color:var(--plugin-feat-icon-color, #5b3df5);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s ease,box-shadow .25s ease}.plugin-showcase__feature-item:hover .plugin-showcase__feature-icon-box{transform:scale(1.06);box-shadow:0 8px 18px -4px #5b3df540}.plugin-showcase__feature-icon-box svg{width:30px;height:30px}.plugin-showcase__feature-icon-box img{width:28px;height:28px;object-fit:contain}.plugin-showcase__feature-text{flex:1}.plugin-showcase__feature-title{margin:0 0 6px;font-size:18px;font-weight:700;color:var(--plugin-feat-title-color, rgb(var(--color-foreground)));line-height:1.3}.plugin-showcase__feature-desc{margin:0;font-size:14px;line-height:1.55;color:var(--plugin-feat-desc-color, rgba(var(--color-foreground), .7))}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-plugin-showcase.css.map */