.product-info{--pi-bg: #0a1230;--pi-blue: #36f;--pi-purple: #7e5aff;--pi-green: #10f0a0;--pi-text: #ffffff;--pi-text-muted: rgba(255, 255, 255, .8);--pi-tag-border: rgba(255, 255, 255, .6);--pi-tab-active-bg: #36f;--pi-tab-active-border: #0040ff;--pi-chat-bg: #ffffff;--pi-chat-bubble-user: #efefef;--pi-chat-bubble-assistant: #36f;--pi-chat-meta: #9da7b8;--pi-chat-online: #22c55e;--pi-chat-header-bg: #f5f8ff;width:100%;background:var(--pi-bg);position:relative;padding:0 0 clamp(40px,5vw,80px) 0}.product-info__sticky-wrapper{position:sticky;top:128px;height:calc(100vh - 128px);width:100%;display:flex;flex-direction:column;justify-content:center;padding:0 var(--section-padding-x);background:var(--pi-bg);overflow:hidden}.product-info__sticky-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--product-info-bg-url);background-size:cover;background-position:center;opacity:.4;pointer-events:none}.product-info__container{max-width:var(--section-max-width, 1245px);margin:0 auto;position:relative;z-index:1}.product-info__header{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:clamp(40px,5vw,80px);margin-bottom:clamp(20px,2vw,32px)}.product-info__tag{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;font-size:14px;font-weight:500;color:#fffc;border:1px solid var(--pi-tag-border);border-radius:20px;margin-bottom:20px}.product-info__headline{display:flex;flex-wrap:wrap;justify-content:center;gap:0 .3em;margin:0;font-size:clamp(34px,3.4vw,48px);font-weight:700;line-height:1.1;color:var(--pi-text)}.product-info__headline-normal{color:var(--pi-text)}.product-info__headline-gradient{background:linear-gradient(90deg,var(--pi-blue) 0%,var(--pi-purple) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.product-info__tabs-wrapper{z-index:10;background:var(--pi-bg);padding:16px var(--section-padding-x)}.product-info__tabs{display:flex;align-items:center;justify-content:center;gap:12px;margin:0}.product-info__tab{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;font-size:14px;font-weight:500;color:var(--pi-text-muted);background:transparent;border:none;border-radius:100px;cursor:pointer;transition:all .2s ease}.product-info__tab:hover{color:var(--pi-text)}.product-info__tab--active{background:var(--pi-tab-active-bg);color:var(--pi-text);font-weight:700}.product-info__tab-indicator{position:absolute;top:0;left:0;height:100%;background:var(--pi-tab-active-bg);border:1px solid var(--pi-tab-active-border);border-radius:100px;pointer-events:none;z-index:0}.product-info__tab{position:relative;z-index:1}.product-info__tab--active{background:transparent;border-color:transparent;color:var(--pi-text);font-weight:700}.product-info__panels{position:relative;width:100%;display:grid;grid-template-areas:"panel"}.product-info__panel{grid-area:panel;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.product-info__left{display:flex;flex-direction:column}.product-info__panel-title{margin:0 0 16px;font-size:clamp(32px,3.2vw,44px);font-weight:700;line-height:1.15;color:var(--pi-text)}.product-info__panel-description{margin:0 0 32px;font-size:16px;font-weight:400;line-height:1.5;color:#ffffffe6;max-width:499px}.product-info__stats{display:flex;gap:40px}.product-info__stat-item{display:flex;flex-direction:column;gap:8px}.product-info__stat-value{font-size:clamp(34px,3.4vw,48px);font-weight:700;line-height:1;color:var(--pi-green)}.product-info__stat-label{font-size:14px;font-weight:400;line-height:1;color:var(--pi-text)}.product-info__right{display:flex;justify-content:flex-end}.product-info__image-wrapper{position:relative;width:620px;height:480px;border-radius:16px;overflow:visible}.product-info__image{width:100%;height:100%;object-fit:cover;border-radius:20px}.product-info__chat{position:absolute;bottom:0;right:24px;overflow:visible;display:flex;flex-direction:column}.product-info__chat-messages{display:flex;flex-direction:column;padding-top:12px;padding-bottom:36px;gap:12px;min-height:370px}.product-info__chat-message{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;max-width:270px;background:#ffffff4d;border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.product-info__chat-message--user{align-self:flex-end;border-radius:16px 0 16px 16px}.product-info__chat-message--assistant{align-self:flex-start;border-radius:0 16px 16px;margin-right:24px}.product-info__chat-avatar{position:relative;z-index:2;width:32px;height:32px;border-radius:20px;overflow:hidden;flex-shrink:0}.product-info__chat-message--assistant .product-info__chat-avatar{background-color:#312d2d;border-radius:100%;display:flex;align-items:center;color:#fff;justify-content:center}.product-info__chat-avatar-img{width:100%;height:100%;object-fit:cover}.product-info__chat-bubble-wrapper{display:flex;flex-direction:column;gap:4px;max-width:214px}.product-info__chat-bubble{color:#111827;font-size:14px;font-weight:400;line-height:1.4;border-radius:16px;word-wrap:break-word;margin-top:6px}.product-info__chat-meta{font-size:12px;font-weight:400;color:var(--pi-chat-meta);white-space:nowrap}.product-info__chat-message--user .product-info__chat-meta{text-align:right}.product-info__chat-message--assistant .product-info__chat-meta{text-align:left}@media(max-width:1100px){.product-info__panel,.product-info__panel--active{grid-template-columns:1fr;gap:48px}.product-info__headline{font-size:40px}.product-info__panel-title{font-size:36px}.product-info__right{justify-content:center}.product-info__image-wrapper{width:100%;max-width:587px;height:auto;aspect-ratio:587 / 547}.product-info__chat{right:10px;bottom:10px;width:240px}}@media(max-width:680px){.product-info{padding:0 0 32px}.product-info__header{padding-top:32px}.product-info__tabs-wrapper{padding:12px 16px}.product-info__sticky-wrapper{top:108px;height:calc(100vh - 108px);padding:0 var(--section-padding-x)}.product-info__headline{font-size:32px}.product-info__tabs{flex-wrap:wrap;gap:8px}.product-info__tab{padding:6px 14px;font-size:13px}.product-info__panel-title{font-size:28px}.product-info__panel-description{font-size:14px}.product-info__stats{gap:24px}.product-info__stat-value{font-size:36px}.product-info__chat{width:200px;right:5px;bottom:5px}.product-info__chat-message--assistant .product-info__chat-avatar{transform:translate(-36px)}.product-info__chat-message--user .product-info__chat-avatar{transform:translate(36px)}.product-info__chat-bubble{font-size:12px;padding:8px 12px}.product-info__chat-messages{padding:10px;gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/product-info.css.map */