/* roulang page: index */
:root{
      --obsidian:#171317;--panel:#211a22;--panel-2:#2c2130;--panel-3:#35263a;
      --ink:#f5edf1;--muted:#b9aab9;--line:#59475c;--moss:#a5c879;
      --coral:#ef806d;--coral-dark:#b95c53;--silver:#ddd2da;--shadow:0 18px 50px rgba(7,3,9,.34);
      --r-sm:12px;--r-lg:18px;--container:1240px;
    }
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--obsidian);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:16px;line-height:1.8}
    body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(#bca8bc 1px,transparent 1px),linear-gradient(115deg,transparent 48%,#6b526d 49%,transparent 50%);background-size:38px 38px,180px 180px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
    a{color:inherit;text-decoration:none;transition:.25s ease}
    a:hover{color:var(--moss)}
    img{display:block;max-width:100%}
    button,input,select,textarea{font:inherit}
    button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--moss);outline-offset:3px}
    .container{max-width:var(--container);padding-left:22px;padding-right:22px}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(23,19,23,.96);border-bottom:1px solid #3b2d3d;backdrop-filter:blur(10px)}
    .navbar{min-height:72px}
    .brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.02em;line-height:1.2}
    .brand-mark{width:30px;height:30px;border:1px solid var(--moss);display:grid;place-items:center;color:var(--moss);transform:rotate(45deg);font-size:14px}
    .brand-mark span{transform:rotate(-45deg)}
    .brand-text{max-width:245px;font-size:15px}
    .nav-link{color:var(--muted)!important;padding:10px 14px!important;position:relative}
    .nav-link:hover,.nav-link.active{color:var(--ink)!important}
    .nav-link.active:after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;background:var(--moss)}
    .search-trigger{border:1px solid var(--line);background:var(--panel);color:var(--silver);border-radius:var(--r-sm);padding:8px 14px}
    .search-trigger:hover{border-color:var(--moss);color:var(--moss)}
    .btn-main,.btn-outline-theme,.btn-text{min-height:46px;border-radius:var(--r-sm);padding:10px 20px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}
    .btn-main{background:var(--coral);color:#24141b;border:1px solid var(--coral)}
    .btn-main:hover{background:#ff9a83;color:#24141b;box-shadow:0 8px 24px rgba(239,128,109,.22);transform:translateY(-2px)}
    .btn-outline-theme{background:transparent;border:1px solid var(--line);color:var(--ink)}
    .btn-outline-theme:hover{border-color:var(--moss);color:var(--moss);transform:translateY(-2px)}
    .btn-text{color:var(--moss);padding-left:0;padding-right:0}
    .hero{padding:82px 0 58px;position:relative}
    .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center}
    .eyebrow,.section-kicker{color:var(--moss);font-size:13px;letter-spacing:.12em;font-weight:700}
    h1,h2,h3{line-height:1.25;margin:0 0 18px;font-weight:800}
    h1{font-size:clamp(36px,5vw,58px);letter-spacing:-.04em;text-shadow:2px 2px 0 #543d55}
    h2{font-size:clamp(28px,3.2vw,38px)}
    h3{font-size:20px}
    .hero-copy{max-width:700px}
    .hero-copy p{color:var(--muted);font-size:17px;max-width:650px;margin-bottom:28px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
    .quiet-note{color:#988b99;font-size:13px;margin-top:18px}
    .matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:490px;margin:auto;transform:rotate(-2deg)}
    .matrix-tile{aspect-ratio:1.2;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:18px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow)}
    .matrix-tile:nth-child(2),.matrix-tile:nth-child(5){transform:translateY(20px);background:#38263b}
    .matrix-tile:nth-child(4){grid-column:span 2}
    .tile-icon{font-size:27px;color:var(--moss)}
    .tile-label{font-size:13px;color:var(--silver)}
    .status-line{margin:26px auto 0;max-width:490px;border:1px solid var(--line);background:var(--panel);padding:11px 15px;border-radius:var(--r-sm);display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}
    .dot{width:8px;height:8px;background:var(--moss);border-radius:50%;box-shadow:0 0 12px var(--moss)}
    .section{padding:92px 0}
    .section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}
    .section-head p{max-width:560px;color:var(--muted);margin:0}
    .dashboard{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:12px;border:1px solid var(--line);background:#1d171e;padding:14px;border-radius:var(--r-lg);box-shadow:var(--shadow)}
    .metric{background:var(--panel);border:1px solid #49394c;border-radius:var(--r-sm);padding:22px;min-height:142px}
    .metric.primary{background:var(--panel-3);border-color:#725578}
    .metric small{color:var(--muted);display:block}
    .metric strong{font-size:34px;color:var(--ink);font-variant-numeric:tabular-nums;display:block;margin:6px 0}
    .metric em{font-style:normal;color:var(--moss);font-size:13px}
    .benefit-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:36px;align-items:start}
    .rail{border-left:2px solid var(--moss);padding-left:22px}
    .rail p{color:var(--muted)}
    .benefit-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}
    .feature{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;min-height:190px;position:relative;overflow:hidden}
    .feature:first-child{grid-row:span 2;background:var(--panel-2)}
    .feature:hover,.price-card:hover,.info-card:hover{border-color:var(--moss);transform:translateY(-3px)}
    .feature,.price-card,.info-card{transition:.25s ease}
    .feature p,.price-card p,.info-card p{color:var(--muted);font-size:14px}
    .feature-no{color:var(--coral);font-size:12px;letter-spacing:.1em}
    .tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}
    .tag{font-size:12px;color:var(--moss);border:1px solid #5e7448;padding:3px 9px;border-radius:20px}
    .pricing{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}
    .price-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;position:relative}
    .price-card.recommended{border-color:var(--coral);background:#2a202b}
    .price-card.recommended:before{content:"较适合连续浏览";position:absolute;top:18px;right:18px;color:var(--coral);font-size:12px}
    .price{font-size:38px;font-weight:800;margin:14px 0;color:var(--ink)}
    .price small{font-size:14px;color:var(--muted);font-weight:400}
    .check-list{list-style:none;padding:0;margin:20px 0}
    .check-list li{padding:8px 0;border-bottom:1px solid #3d303e;color:var(--silver)}
    .check-list li:before{content:"✓";color:var(--moss);margin-right:10px}
    .info-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
    .info-list,.info-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg)}
    .info-list{padding:8px 24px}
    .info-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #3d303e}
    .info-row:last-child{border-bottom:0}
    .info-row small{color:var(--muted);display:block}
    .info-card{padding:26px;background:var(--panel-2)}
    .info-card .mini-screen{height:120px;background:linear-gradient(135deg,#3b273e,#171317);border:1px solid #674d6b;border-radius:12px;margin-bottom:20px;position:relative}
    .mini-screen:after{content:"▶";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--coral);font-size:25px}
    .opening{background:#2a202b;border:1px solid #654752;border-radius:var(--r-lg);padding:36px;display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}
    .opening p{color:var(--muted)}
    .step-line{display:flex;gap:12px;margin:18px 0;color:var(--silver)}
    .step-line b{color:var(--coral);font-size:20px}
    .faq-wrap{max-width:900px}
    .accordion-item{background:var(--panel);border:1px solid var(--line)!important;margin-bottom:10px;border-radius:var(--r-sm)!important;overflow:hidden}
    .accordion-button{background:var(--panel);color:var(--ink);font-weight:700;padding:19px 22px;box-shadow:none!important}
    .accordion-button:not(.collapsed){background:var(--panel-2);color:var(--moss)}
    .accordion-button:after{filter:invert(1);opacity:.7}
    .accordion-body{background:var(--panel-2);color:var(--muted);padding:0 22px 22px}
    .site-footer{background:#110e12;border-top:1px solid #3e303f;padding:52px 0 22px;color:var(--muted)}
    .footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:35px;margin-bottom:40px}
    .footer-title{color:var(--ink);font-weight:700;margin-bottom:12px}
    .footer-links{display:grid;gap:8px;font-size:14px}
    .copyright{border-top:1px solid #302531;padding-top:18px;font-size:13px;display:flex;justify-content:space-between;gap:20px}
    .offcanvas{background:#1a151b;color:var(--ink)}
    .offcanvas .nav-link{padding:13px 0!important}
    @media(max-width:991px){
      .hero-grid,.benefit-layout,.info-layout,.opening{grid-template-columns:1fr}
      .hero{padding-top:62px}.matrix{max-width:600px}
      .dashboard{grid-template-columns:repeat(2,1fr)}.metric.primary{grid-column:span 2}
      .footer-grid{grid-template-columns:1fr 1fr}
    }
    @media(max-width:767px){
      .container{padding-left:18px;padding-right:18px}.section{padding:62px 0}
      h1{font-size:36px}.hero-copy p{font-size:16px}.hero-actions>*{width:100%}
      .matrix{transform:none;gap:8px}.matrix-tile{padding:13px}.tile-icon{font-size:22px}
      .dashboard,.benefit-grid,.pricing{grid-template-columns:1fr}.metric.primary{grid-column:auto}
      .section-head{display:block}.section-head p{margin-top:12px}
      .opening{padding:25px}.footer-grid{grid-template-columns:1fr}.copyright{display:block}
      .copyright span{display:block;margin-top:8px}
    }

/* roulang page: category1 */
:root{
--obsidian:#171317;--panel:#211a22;--panel-2:#2c2130;--panel-3:#35263a;
--ink:#f5edf1;--muted:#b9aab9;--line:#59475c;--moss:#a5c879;
--coral:#ef806d;--coral-dark:#b95c53;--silver:#ddd2da;--shadow:0 18px 50px rgba(7,3,9,.34);
--r-sm:12px;--r-lg:18px;--container:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--obsidian);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:16px;line-height:1.8}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:radial-gradient(#bca8bc 1px,transparent 1px),linear-gradient(115deg,transparent 48%,#6b526d 49%,transparent 50%);background-size:38px 38px,180px 180px;mask-image:linear-gradient(to bottom,black,transparent 75%);z-index:-1}
a{color:inherit;text-decoration:none;transition:.25s ease}
a:hover{color:var(--moss)}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--moss);outline-offset:3px}
.container{max-width:var(--container);padding-left:22px;padding-right:22px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(23,19,23,.96);border-bottom:1px solid #3b2d3d;backdrop-filter:blur(10px)}
.navbar{min-height:72px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.02em;line-height:1.2}
.brand-mark{width:30px;height:30px;border:1px solid var(--moss);display:grid;place-items:center;color:var(--moss);transform:rotate(45deg);font-size:14px;flex:0 0 auto}
.brand-mark span{transform:rotate(-45deg)}
.brand-text{max-width:245px;font-size:15px}
.nav-link{color:var(--muted)!important;padding:10px 14px!important;position:relative}
.nav-link:hover,.nav-link.active{color:var(--ink)!important}
.nav-link.active:after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;background:var(--moss)}
.search-trigger{border:1px solid var(--line);background:var(--panel);color:var(--silver);border-radius:var(--r-sm);padding:8px 14px;min-height:40px}
.search-trigger:hover{border-color:var(--moss);color:var(--moss)}
.btn-main,.btn-outline-theme,.btn-text{min-height:46px;border-radius:var(--r-sm);padding:10px 20px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.25s ease}
.btn-main{background:var(--coral);color:#24141b;border:1px solid var(--coral)}
.btn-main:hover{background:#ff9a83;color:#24141b;box-shadow:0 8px 24px rgba(239,128,109,.22);transform:translateY(-2px)}
.btn-outline-theme{background:transparent;border:1px solid var(--line);color:var(--ink)}
.btn-outline-theme:hover{border-color:var(--moss);color:var(--moss);transform:translateY(-2px)}
.btn-text{color:var(--moss);padding-left:0;padding-right:0}
.page-banner{padding:52px 0 38px;border-bottom:1px solid #403143;position:relative;overflow:hidden;background:linear-gradient(100deg,#211a22 0%,#211a22 62%,#2d2030 100%)}
.page-banner:after{content:"";position:absolute;width:430px;height:430px;right:5%;top:-220px;border:1px solid #765a79;border-radius:50%;box-shadow:0 0 0 32px rgba(165,200,121,.035),0 0 0 64px rgba(239,128,109,.025)}
.breadcrumb{margin:0 0 15px;font-size:14px;position:relative;z-index:1}
.breadcrumb-item,.breadcrumb-item a{color:var(--muted)}
.breadcrumb-item.active{color:var(--moss)}
.breadcrumb-item+.breadcrumb-item:before{color:#847286}
.banner-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:38px;align-items:end;position:relative;z-index:1}
.page-banner h1{font-size:clamp(32px,4vw,48px);line-height:1.23;letter-spacing:.01em;margin:0 0 14px;text-shadow:2px 2px 0 #39283b}
.banner-copy{color:var(--muted);max-width:720px;margin:0}
.archive-seal{background:#191419;border:1px solid #655168;border-radius:var(--r-lg);padding:20px;position:relative;box-shadow:var(--shadow)}
.archive-seal:before{content:"频道档案";position:absolute;top:12px;right:16px;color:var(--moss);font-size:11px;letter-spacing:.12em}
.archive-seal strong{display:block;font-size:28px;color:var(--silver);font-variant-numeric:tabular-nums;padding-top:18px}
.archive-seal span{display:block;color:var(--muted);font-size:13px;margin-top:3px}
.archive-seal .seal-line{height:4px;background:linear-gradient(90deg,var(--moss) 0 63%,#574259 63%);margin-top:17px}
.main-area{padding:52px 0 88px}
.catalog-layout{display:grid;grid-template-columns:296px minmax(0,1fr);gap:28px;align-items:start}
.filter-rail{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;position:sticky;top:96px;box-shadow:var(--shadow)}
.rail-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #413342;padding-bottom:14px;margin-bottom:8px}
.rail-top h2{font-size:18px;margin:0}
.reset-link{color:var(--moss);font-size:13px;background:none;border:0;padding:6px}
.filter-rail .accordion-item{background:transparent;border:0!important;border-bottom:1px solid #413342!important;border-radius:0!important;margin:0;overflow:visible}
.filter-rail .accordion-item:last-child{border-bottom:0!important}
.filter-rail .accordion-button{background:transparent;color:var(--silver);padding:15px 0 11px;font-size:14px;box-shadow:none!important}
.filter-rail .accordion-button:not(.collapsed){color:var(--moss)}
.filter-rail .accordion-button:after{filter:invert(1);opacity:.65;background-size:14px}
.filter-rail .accordion-body{background:transparent;color:var(--muted);padding:0 0 15px}
.filter-check{display:flex;align-items:center;gap:9px;padding:6px 0;font-size:14px;color:var(--muted);cursor:pointer}
.filter-check input{width:16px;height:16px;accent-color:var(--moss)}
.filter-check:hover{color:var(--ink)}
.filter-note{font-size:12px;color:#968697;margin:14px 0 0;padding-top:14px;border-top:1px dashed #4d3b4f}
.catalog-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}
.section-kicker{color:var(--moss);font-size:13px;letter-spacing:.12em;font-weight:700}
.catalog-head h2{font-size:26px;margin:4px 0 0}
.sort-select{min-width:160px;background:var(--panel);border:1px solid var(--line);color:var(--silver);border-radius:var(--r-sm);padding:10px 36px 10px 13px}
.sort-select:focus{border-color:var(--moss);box-shadow:0 0 0 3px rgba(165,200,121,.15)}
.catalog-list{display:grid;gap:14px}
.catalog-card{display:grid;grid-template-columns:218px minmax(0,1fr) 128px;gap:22px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);position:relative;overflow:hidden;transition:.25s ease}
.catalog-card:hover{border-color:var(--moss);transform:translateY(-3px);box-shadow:var(--shadow)}
.catalog-index{position:absolute;left:0;top:0;color:#171317;background:var(--moss);font-size:11px;font-weight:800;padding:3px 10px;border-radius:0 0 8px 0;letter-spacing:.08em}
.thumb{height:150px;border-radius:12px;overflow:hidden;position:relative;border:1px solid #69506d;background:#34253a}
.thumb img{width:100%;height:100%;object-fit:cover;opacity:.76;transition:.35s ease}
.thumb:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(34,20,37,.15),rgba(14,11,15,.72));z-index:1}
.play-symbol{position:absolute;z-index:2;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%) scale(.88);border:1px solid var(--moss);border-radius:50%;display:grid;place-items:center;color:var(--moss);opacity:.85;transition:.25s ease}
.play-symbol:after{content:"▶";font-size:15px;margin-left:3px}
.catalog-card:hover .thumb img{transform:scale(1.04)}
.catalog-card:hover .play-symbol{transform:translate(-50%,-50%) scale(1);background:rgba(23,19,23,.7)}
.card-content{min-width:0}
.card-title{font-size:19px;line-height:1.45;margin:2px 0 9px;color:var(--ink)}
.card-title a:hover{color:var(--moss)}
.card-summary{color:var(--muted);font-size:14px;line-height:1.72;margin:0}
.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}
.tag{font-size:12px;color:var(--moss);border:1px solid #5e7448;padding:3px 9px;border-radius:20px}
.card-side{border-left:1px solid #413342;padding-left:18px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
.meta-list{font-size:12px;color:var(--muted);display:grid;gap:5px}
.meta-list b{color:var(--silver);font-weight:600}
.view-link{font-size:14px;color:var(--coral);font-weight:700;border-bottom:1px solid transparent}
.view-link:hover{color:#ff9a83;border-color:#ff9a83}
.guide-strip{margin:6px 0;background:#29202b;border:1px dashed #6c586e;border-radius:var(--r-sm);padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:14px}
.guide-strip strong{color:var(--silver)}
.guide-strip a{color:var(--moss);font-weight:700}
.pagination-wrap{margin-top:34px;display:flex;justify-content:center}
.pagination{gap:7px}
.page-link{background:var(--panel);border:1px solid var(--line);color:var(--silver);border-radius:9px!important;min-width:42px;height:42px;display:grid;place-items:center;padding:0}
.page-link:hover{background:var(--panel-2);border-color:var(--moss);color:var(--moss)}
.page-item.active .page-link{background:var(--coral);border-color:var(--coral);color:#24141b;font-weight:800}
.page-item.disabled .page-link{background:#1b161c;border-color:#382d3a;color:#6f6270}
.compact-faq{padding:64px 0;background:#1c171d;border-top:1px solid #403143;border-bottom:1px solid #403143}
.faq-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:54px;align-items:start}
.faq-grid h2{font-size:31px;line-height:1.35;margin:8px 0 14px}
.faq-grid p{color:var(--muted);margin:0}
.accordion-item{background:var(--panel);border:1px solid var(--line)!important;margin-bottom:10px;border-radius:var(--r-sm)!important;overflow:hidden}
.accordion-button{background:var(--panel);color:var(--ink);font-weight:700;padding:18px 20px;box-shadow:none!important}
.accordion-button:not(.collapsed){background:var(--panel-2);color:var(--moss)}
.accordion-button:after{filter:invert(1);opacity:.7}
.accordion-body{background:var(--panel-2);color:var(--muted);padding:0 20px 20px}
.feedback-bar{padding:30px 0;background:#282029}
.feedback-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.feedback-inner h2{font-size:22px;margin:0 0 4px}
.feedback-inner p{color:var(--muted);font-size:14px;margin:0}
.site-footer{background:#110e12;border-top:1px solid #3e303f;padding:52px 0 22px;color:var(--muted)}
.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:35px;margin-bottom:40px}
.footer-title{color:var(--ink);font-weight:700;margin-bottom:12px}
.footer-links{display:grid;gap:8px;font-size:14px}
.copyright{border-top:1px solid #302531;padding-top:18px;font-size:13px;display:flex;justify-content:space-between;gap:20px}
.modal-content{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);color:var(--ink)}
.modal-header,.modal-footer{border-color:#443546}
.form-control{background:#181319;border:1px solid var(--line);color:var(--ink);border-radius:var(--r-sm);min-height:48px}
.form-control::placeholder{color:#8f7e91}
.form-control:focus{background:#181319;color:var(--ink);border-color:var(--moss);box-shadow:0 0 0 3px rgba(165,200,121,.15)}
.offcanvas{background:#1a151b;color:var(--ink)}
.offcanvas .nav-link{padding:13px 0!important}
.mobile-filter{display:none}
@media (max-width:991px){
.navbar{min-height:64px}.catalog-layout{grid-template-columns:1fr}.filter-rail{display:none}.mobile-filter{display:inline-flex}.banner-grid{grid-template-columns:1fr}.archive-seal{max-width:310px}.main-area{padding-top:36px}.catalog-card{grid-template-columns:190px minmax(0,1fr)}.card-side{grid-column:2;display:flex;flex-direction:row;align-items:end;border-left:0;border-top:1px solid #413342;padding:12px 0 0}.faq-grid{grid-template-columns:1fr;gap:25px}
}
@media (max-width:767px){
.container{padding-left:18px;padding-right:18px}.brand-text{font-size:13px;max-width:210px}.page-banner{padding:36px 0 30px}.page-banner h1{font-size:31px}.archive-seal{max-width:none}.catalog-head{align-items:start;display:grid}.catalog-head h2{font-size:23px}.sort-select{width:100%}.catalog-card{grid-template-columns:1fr;padding:14px}.thumb{height:177px}.card-side{grid-column:auto;padding-top:12px}.guide-strip{display:block}.guide-strip a{display:inline-block;margin-top:7px}.feedback-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.copyright{display:grid}
}
@media (max-width:520px){
.btn-main,.btn-outline-theme{width:100%}.page-banner h1{font-size:29px}.compact-faq{padding:50px 0}.faq-grid h2{font-size:27px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.pagination{gap:4px}.page-link{min-width:37px;height:39px}.catalog-card{gap:15px}
}