.seo-article-comments{--seo-article-comments-text: #000004;--seo-article-comments-border: #d8d9df;max-width:var(--page-width, 1380px);margin-inline:auto;padding:0 2rem 72px;color:var(--seo-article-comments-text)}.seo-article-comments *,.seo-article-comments *:before,.seo-article-comments *:after{box-sizing:border-box}.seo-article-comments__layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,780px);justify-content:center;gap:80px;min-width:0}.seo-article-comments__column{grid-column:2;min-width:0}.seo-article-comments.seo-article-comments--embedded{max-width:100%;margin:40px 0 0;padding:0}.seo-article-comments--embedded .seo-article-comments__layout{display:block}.seo-article-comments--embedded .seo-article-comments__column{grid-column:auto;width:100%}.seo-article-comments__list{display:grid;gap:16px;margin-bottom:32px}.seo-article-comments__list-title{margin:0 0 4px;font-size:24px;font-weight:600;line-height:1.3}.seo-article-comments__comment{padding:20px;border:1px solid #ececef;border-radius:12px;background:#fff}.seo-article-comments__comment-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;margin-bottom:10px}.seo-article-comments__comment-author{margin:0;font-size:17px;font-weight:600;line-height:1.4}.seo-article-comments__comment-date{color:#00000494;font-size:14px}.seo-article-comments__comment-content>:first-child{margin-top:0}.seo-article-comments__comment-content>:last-child{margin-bottom:0}.seo-article-comments__panel{position:relative;overflow:hidden;padding:40px;border-radius:16px;background:radial-gradient(circle at 18% 0%,#faffaed1 0,#faffae00 48%),radial-gradient(circle at 100% 72%,#ffcda9d1 0,#ffcda900 52%),radial-gradient(circle at 5% 100%,#9ddcfae6 0,#9ddcfa00 54%),linear-gradient(135deg,#fbfff1,#fffef9 52%,#fff4ea)}.seo-article-comments__inner{position:relative;z-index:1;width:100%;max-width:440px;margin-inline:auto}.seo-article-comments__header{margin-bottom:24px;text-align:center}.seo-article-comments__title{margin:0 0 12px;color:var(--seo-article-comments-text);font-size:24px;font-weight:500;letter-spacing:.01em;line-height:1.3}.seo-article-comments__subtitle{margin:0;color:#000004cc;font-size:16px;font-weight:400;letter-spacing:.02em;line-height:1.4}.seo-article-comments__form{display:flex;flex-direction:column;gap:20px}.seo-article-comments__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.seo-article-comments__field{min-width:0}.seo-article-comments__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.seo-article-comments__input,.seo-article-comments__textarea{display:block;width:100%;margin:0;border:1px solid var(--seo-article-comments-border);border-radius:8px;background:#fff;box-shadow:none;color:var(--seo-article-comments-text);font:inherit;font-size:16px;letter-spacing:.02em;line-height:1.4;transition:border-color .2s ease,box-shadow .2s ease}.seo-article-comments__input{height:48px;padding:0 17px}.seo-article-comments__textarea{min-height:120px;padding:17px;resize:vertical}.seo-article-comments__input::placeholder,.seo-article-comments__textarea::placeholder{color:#0000046b;opacity:1}.seo-article-comments__input:focus,.seo-article-comments__textarea:focus{outline:none;border-color:var(--seo-article-comments-text);box-shadow:0 0 0 1px var(--seo-article-comments-text)}.seo-article-comments__submit{display:inline-flex;width:100%;min-height:48px;align-items:center;justify-content:center;margin:8px 0 0;padding:12px 24px;border:0;border-radius:999px;background:var(--seo-article-comments-text);color:#fff;cursor:pointer;font:inherit;font-size:16px;font-weight:600;line-height:1.4;transition:background-color .2s ease,transform .2s ease}.seo-article-comments__submit:hover{background:#2d2d31;transform:translateY(-1px)}.seo-article-comments__submit:focus-visible{outline:2px solid var(--seo-article-comments-text);outline-offset:3px}.seo-article-comments__error{display:block;margin-top:6px;color:#b42318;font-size:14px;line-height:1.4}.seo-article-comments__error svg{width:16px;height:16px;margin-right:5px;vertical-align:-3px}.seo-article-comments__message{padding:12px 14px;border-radius:8px;font-size:14px;line-height:1.5}.seo-article-comments__message h3{margin:0;font:inherit;font-weight:600}.seo-article-comments__message--error{background:#fff1f0;color:#9f1c15}.seo-article-comments__message--success{background:#ecfdf3;color:#027a48}.seo-article-comments__message-list{margin:8px 0 0;padding-left:20px}.seo-article-comments__message a{color:inherit;text-decoration:underline}@media screen and (min-width:750px){.seo-article-comments{padding-inline:5rem}}@media screen and (max-width:1100px){.seo-article-comments__layout{grid-template-columns:minmax(220px,280px) minmax(0,700px);gap:48px}}@media screen and (max-width:989px){.seo-article-comments__layout{display:block;max-width:780px;margin-inline:auto}.seo-article-comments__column{width:100%}}@media screen and (max-width:749px){.seo-article-comments{padding-bottom:48px}.seo-article-comments__panel{padding:32px 20px}.seo-article-comments__row{grid-template-columns:minmax(0,1fr);gap:16px}.seo-article-comments__title{font-size:22px}}@media(prefers-reduced-motion:reduce){.seo-article-comments__input,.seo-article-comments__textarea,.seo-article-comments__submit{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-seo-article-comments.css.map */