.vsklo-faq-page,.vsklo-faq-page *{box-sizing:border-box}.vsklo-faq-page{position:relative;isolation:isolate;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:44px 24px 76px;color:#111;background:radial-gradient(circle at 14% 8%,rgba(17,17,17,.045),transparent 28%),radial-gradient(circle at 88% 12%,rgba(209,0,40,.045),transparent 30%),linear-gradient(135deg,#fff,#f8f8f8 48%,#fff);overflow:hidden;transform:none}.vsklo-faq-page__pattern{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(17,17,17,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.04) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at center,#000 0%,transparent 74%);mask-image:radial-gradient(circle at center,#000 0%,transparent 74%)}.vsklo-faq-page__inner{width:100%;max-width:1240px;min-width:0;margin:0 auto}.vsklo-faq-page__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,390px);gap:22px;margin-bottom:22px}.vsklo-faq-page__heading-card,.vsklo-faq-page__contact-card,.vsklo-faq-page__category{border:1px solid rgba(17,17,17,.08);background:#ffffffc7;box-shadow:0 22px 70px #1111;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.vsklo-faq-page__heading-card{position:relative;overflow:hidden;min-height:270px;border-radius:30px;padding:clamp(32px,5vw,58px);display:flex;flex-direction:column;justify-content:center}.vsklo-faq-page__heading-card:after{content:"";position:absolute;right:-70px;top:-80px;width:220px;height:220px;border-radius:50%;border:34px solid rgba(209,0,40,.055);pointer-events:none}.vsklo-faq-page__eyebrow,.vsklo-faq-page__contact-label{position:relative;z-index:1;margin:0 0 12px;font-size:11px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--vsklo-action-red)}.vsklo-faq-page__title{position:relative;z-index:1;max-width:820px;margin:0;font-size:clamp(38px,6vw,76px);line-height:.96;letter-spacing:-.025em;font-weight:700;color:#101010}.vsklo-faq-page__subtitle{position:relative;z-index:1;max-width:720px;margin-top:18px;font-size:15px;line-height:1.65;color:#111111a3}.vsklo-faq-page__contact-card{min-height:270px;border-radius:30px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end}.vsklo-faq-page__contact-card h2{margin:0;font-size:24px;line-height:1.12;letter-spacing:-.015em;font-weight:700;color:#111}.vsklo-faq-page__contact-card>p:not(.vsklo-faq-page__contact-label){margin:14px 0 22px;font-size:14px;line-height:1.6;color:#111111a3}.vsklo-faq-page__button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:48px;padding:0 22px;border-radius:999px;background-color:var(--vsklo-action-red);background-image:linear-gradient(to right,#111,#111);background-position:left center;background-repeat:no-repeat;background-size:0 100%;color:#fff;text-decoration:none;font-weight:700;box-shadow:0 12px 28px #d100282e;transition:transform .16s ease,background-size .26s cubic-bezier(.22,.61,.36,1),border-color .26s ease,box-shadow .26s ease}.vsklo-faq-page__button:hover{transform:translateY(-1px);background-color:var(--vsklo-action-red);background-size:100% 100%;color:#fff;box-shadow:0 16px 36px #0000002e}.vsklo-faq-page__button:active{transform:scale(.985)}.vsklo-faq-page__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.vsklo-faq-page__category{min-width:0;border-radius:28px;padding:26px}.vsklo-faq-page__category-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.vsklo-faq-page__category-head>span{flex:0 0 auto;width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#f4f4f4;border:1px solid rgba(17,17,17,.08);color:#111;font-size:13px;font-weight:700}.vsklo-faq-page__category-head h2{min-width:0;margin:0;font-size:24px;line-height:1.12;letter-spacing:-.015em;font-weight:700;color:#111;overflow-wrap:anywhere}.vsklo-faq-page__items{display:grid;gap:10px}.vsklo-faq-page__item{min-width:0;border:1px solid rgba(17,17,17,.075);border-radius:18px;background:#ffffffd6;overflow:hidden}.vsklo-faq-page__item[open]{border-color:#d1002838;box-shadow:0 16px 40px #1111110e}.vsklo-faq-page__item summary{min-width:0;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 18px;cursor:pointer;list-style:none;font-size:15px;line-height:1.35;font-weight:700;color:#111}.vsklo-faq-page__item summary::-webkit-details-marker{display:none}.vsklo-faq-page__item summary>span{min-width:0;overflow-wrap:anywhere}.vsklo-faq-page__item summary i{position:relative;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#f2f2f2;border:1px solid rgba(17,17,17,.08)}.vsklo-faq-page__item summary i:before,.vsklo-faq-page__item summary i:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;border-radius:2px;background:#111;transform:translate(-50%,-50%);transition:transform .2s ease,background .2s ease}.vsklo-faq-page__item summary i:after{transform:translate(-50%,-50%) rotate(90deg)}.vsklo-faq-page__item[open] summary i{background:var(--vsklo-action-red);border-color:var(--vsklo-action-red)}.vsklo-faq-page__item[open] summary i:before,.vsklo-faq-page__item[open] summary i:after{background:#fff}.vsklo-faq-page__item[open] summary i:after{transform:translate(-50%,-50%) rotate(0)}.vsklo-faq-page__answer{padding:0 18px 18px;font-size:14px;line-height:1.65;color:#111111ad;overflow-wrap:anywhere}@media screen and (max-width:989px){.vsklo-faq-page__top,.vsklo-faq-page__grid{grid-template-columns:1fr}.vsklo-faq-page__heading-card,.vsklo-faq-page__contact-card{min-height:auto}}@media screen and (max-width:749px){.vsklo-faq-page{padding:28px 14px 46px}.vsklo-faq-page__top,.vsklo-faq-page__grid{gap:14px}.vsklo-faq-page__heading-card,.vsklo-faq-page__contact-card,.vsklo-faq-page__category{border-radius:22px}.vsklo-faq-page__heading-card{padding:30px 22px}.vsklo-faq-page__title{font-size:clamp(38px,13vw,58px)}.vsklo-faq-page__contact-card,.vsklo-faq-page__category{padding:22px}.vsklo-faq-page__category-head h2{font-size:21px}}
/*# sourceMappingURL=/cdn/shop/t/566/assets/vsklo-faq-page.css.map */
