.qp{background:var(--qp-bg);padding:64px 20px}.qp__wrap{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:32px;align-items:center}.qp__media{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:1 / 1;background:#fff;box-shadow:0 12px 40px #0000000f}.qp__img{width:100%;height:100%;object-fit:cover;display:block}.qp__img--placeholder{display:flex;align-items:center;justify-content:center;color:rgba(var(--qp-accent-rgb),.5)}.qp__img--placeholder svg{width:35%;height:35%}.qp__badge{position:absolute;top:16px;left:16px;background:#fff;color:rgb(var(--qp-accent-rgb));font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;border-radius:999px;box-shadow:0 4px 14px #00000014}.qp__body{padding:4px 0}.qp__eyebrow{display:inline-block;color:rgb(var(--qp-accent-rgb));font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}.qp__title{font-size:clamp(28px,5vw,44px);line-height:1.1;font-weight:700;margin:0 0 16px;color:#18211a;letter-spacing:-.01em}.qp__lead{font-size:17px;line-height:1.55;color:#4a544c;margin:0 0 24px;max-width:56ch}.qp__list{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:12px}.qp__list li{display:flex;align-items:flex-start;gap:12px;font-size:15.5px;line-height:1.5;color:#2e3a30}.qp__dot{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:rgb(var(--qp-accent-rgb));position:relative;margin-top:1px}.qp__dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center/14px no-repeat}.qp__cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.qp__cta{display:inline-flex;align-items:center;gap:10px;background:rgb(var(--qp-accent-rgb));color:#fff;padding:16px 28px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;box-shadow:0 10px 26px rgba(var(--qp-accent-rgb),.32)}.qp__cta svg{width:20px;height:20px;transition:transform .18s ease}.qp__cta:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(var(--qp-accent-rgb),.4)}.qp__cta:hover svg{transform:translate(3px)}.qp__cta:active{transform:translateY(0)}.qp__hint{font-size:13.5px;color:#6a7269}@media(min-width:750px){.qp{padding:88px 32px}.qp__wrap{grid-template-columns:1fr 1.05fr;gap:64px}.qp__media{aspect-ratio:1 / 1}}@media(min-width:990px){.qp{padding:104px 40px}.qp__wrap{gap:80px}}.qs{padding:18px 16px}.qs__wrap{max-width:1100px;margin:0 auto;background:var(--qs-bg);border:1px solid rgba(var(--qs-accent-rgb),.18);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:14px;align-items:stretch}.qs__icon{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:rgb(var(--qs-accent-rgb));box-shadow:0 4px 14px rgba(var(--qs-accent-rgb),.18)}.qs__icon svg{width:26px;height:26px}.qs__thumb{flex:0 0 auto;width:56px;height:56px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 4px 14px rgba(var(--qs-accent-rgb),.22);border:2px solid #fff}.qs__thumb img{width:100%;height:100%;object-fit:cover;display:block}@media(min-width:750px){.qs__thumb{width:64px;height:64px}}.qs__text{flex:1;min-width:0}.qs__title{font-size:16px;line-height:1.3;font-weight:700;color:#18211a;margin:0 0 4px;letter-spacing:-.01em}.qs__lead{font-size:14px;line-height:1.45;color:#4a544c;margin:0}.qs__cta{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:rgb(var(--qs-accent-rgb));color:#fff;padding:13px 22px;border-radius:999px;font-weight:700;font-size:14.5px;text-decoration:none;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 8px 20px rgba(var(--qs-accent-rgb),.28)}.qs__cta svg{width:16px;height:16px;transition:transform .18s ease}.qs__cta:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(var(--qs-accent-rgb),.36)}.qs__cta:hover svg{transform:translate(3px)}@media(min-width:750px){.qs{padding:28px 24px}.qs__wrap{flex-direction:row;align-items:center;gap:22px;padding:20px 26px}.qs__title{font-size:17px}.qs__lead{font-size:14.5px}}
/*# sourceMappingURL=/cdn/shop/t/2/compiled_assets/styles.css.map */