@media (max-width:580px){ .bg-shell { font-size:1.4rem; } }
h1,h2,h3,h4{ font-family:'Forum',serif; font-weight:400; margin:0; }
h1{ font-size:10rem; line-height:0.78; letter-spacing:-0.015em; }
h2{ font-size:7.6rem; line-height:0.9; letter-spacing:-0.015em; }
h3{ font-size:3.2rem; line-height:1.11; }
h4{ font-size:2.4rem; line-height:1.17; }
@media (max-width:1120px){ h1{ font-size:7.3rem; } h2{ font-size:5.9rem; } h3{ font-size:2.6rem; } h4{ font-size:2.1rem; } }
@media (max-width:580px){ h1{ font-size:4.6rem; line-height:0.755; } h2{ font-size:4.2rem; line-height:0.763; } h3{ font-size:2rem; } h4{ font-size:1.8rem; } }
/* ── PAGE BG ── */
.bg-shell{
position:relative; overflow:clip; min-height:100vh;
background:
radial-gradient(ellipse at 30% 20%,rgba(79,114,93,0.18) 0%,transparent 45%),
radial-gradient(ellipse at 80% 80%,rgba(204,166,86,0.15) 0%,transparent 50%),
linear-gradient(180deg,#0d1029 0%,#15193a 50%,#1d2148 100%);
background-color:#0d1029;
}
.bg-shell::before{
content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
background:
radial-gradient(1px 1px at 8% 14%,#fff 50%,transparent),
radial-gradient(1px 1px at 22% 32%,#fff 50%,transparent),
radial-gradient(1.5px 1.5px at 38% 18%,transparent 0%,transparent),
radial-gradient(1px 1px at 55% 24%,#fff 50%,transparent),
radial-gradient(1px 1px at 72% 14%,#fff 50%,transparent),
radial-gradient(1.5px 1.5px at 88% 28%,var(--gold) 50%,transparent),
radial-gradient(1.5px 1.5px at 14% 52%,var(--gold) 50%,transparent),
radial-gradient(1px 1px at 32% 64%,#fff 50%,transparent),
radial-gradient(1px 1px at 48% 78%,#fff 50%,transparent),
radial-gradient(2px 2px at 64% 56%,var(--gold-light) 50%,transparent),
radial-gradient(1px 1px at 80% 72%,#fff 50%,transparent),
radial-gradient(1.5px 1.5px at 92% 90%,var(--gold) 50%,transparent),
radial-gradient(1px 1px at 6% 88%,#fff 50%,transparent),
radial-gradient(1.5px 1.5px at 28% 92%,var(--gold-light) 50%,transparent);
background-size:
1100px 750px, 950px 680px, 850px 720px, 1050px 800px,
920px 640px, 1180px 760px, 980px 700px, 1020px 740px,
880px 660px, 1100px 820px, 940px 680px, 1060px 770px,
870px 700px, 990px 730px;
opacity:0.8;
}
.bg-glyphs{
position:fixed; inset:0; pointer-events:none; z-index:0; opacity:0.9;
background-repeat:repeat-y;
background-image:
url("data:image/svg+xml;utf8,"),
url("data:image/svg+xml;utf8,"),
url("data:image/svg+xml;utf8,"),
url("data:image/svg+xml;utf8,"),
url("data:image/svg+xml;utf8,"),
url("data:image/svg+xml;utf8,");
background-size: 220px 850px, 220px 1100px, 220px 950px, 220px 1200px, 220px 1400px, 220px 1500px;
background-position: left 80px, left 480px, right 60px, right 540px, left 1100px, right 980px;
}
/* ── NAV / breadcrumbs ── */
/* Используются единые .crumbs (как на всех других taro-страницах), а не legacy .page-nav. */
.bg-shell .crumbs.wrap{
position:relative; z-index:5;
display:flex; align-items:center; gap:8px;
padding-top:40px; padding-bottom:40px;
font-size:1.55rem; letter-spacing:0.04em;
color:#9a96a6;
}
.crumbs a{
color:#c4c2cc; text-decoration:none;
transition:color .2s;
}
.crumbs a:hover{ color:var(--gold); }
.crumbs .sep{ color:rgba(204,166,86,0.45); }
.crumbs .here{ color:var(--gold); }
@media (max-width:580px){ .crumbs{ font-size:1.45rem; padding-top:16px; padding-bottom:16px; } }
/* Legacy .page-nav оставлен на случай если где-то ещё используется */
.page-nav{
position:relative; z-index:10;
padding:22px 0;
border-bottom:1px solid rgba(204,166,86,0.12);
}
.page-nav .wrap{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.back-link{
display:inline-flex; align-items:center; gap:8px;
font-size:1.4rem; color:#c4c2cc; letter-spacing:0.02em;
transition:color .15s;
}
.back-link svg{ width:16px; height:16px; flex-shrink:0; transition:transform .15s; }
.back-link:hover{ color:var(--gold); }
.back-link:hover svg{ transform:translateX(-3px); }
.crumb-link{
font-size:1.4rem; color:#c4c2cc; letter-spacing:0.02em;
transition:color .15s; text-decoration:none;
}
.crumb-link:hover{ color:var(--gold); }
.crumb-sep{ color:rgba(204,166,86,0.4); font-size:1.3rem; }
.crumb-cur{ font-size:1.4rem; color:var(--gold-light); font-weight:500; }
@media (max-width:580px){
.crumb-link, .back-link, .crumb-cur{ font-size:1.3rem; }
.page-nav .wrap{ gap:8px; }
}
/* ── SECTION base ── */
.section:first-of-type{ border-top:none; }
.section-eyebrow{
font-size:1.2rem; letter-spacing:0.4em; text-transform:uppercase;
color:var(--gold); margin-bottom:18px; display:block;
}
.section-sub{
font-size:1.8rem; line-height:1.6; color:#aeacb8; max-width:640px; margin:14px 0 52px;
}
@media (max-width:580px){
.section{ padding-top:60px; padding-bottom:60px; }
.section-sub{ font-size:1.6rem; margin-bottom:36px; }
}
/* ── HERO ── */
.wk-hero{
position:relative; z-index:1; padding:80px 0 96px;
}
.wk-hero-inner{
display:grid; grid-template-columns:1fr 460px; gap:80px; align-items:center;
}
.wk-hero-eyebrow{
font-size:1.2rem; text-transform:uppercase; letter-spacing:0.45em;
color:var(--gold); margin-bottom:24px; display:block;
}
.wk-hero-title{
font-family:'Forum',serif; font-size:12rem; line-height:0.8;
color:#fbf8ec; margin:0 0 28px;
text-shadow:0 0 80px rgba(204,166,86,0.1);
}
.wk-hero-lede{
font-size:2rem; line-height:1.62; color:#c4c2cc; max-width:520px; margin:0 0 44px;
}
.hero-cta-row{ display:flex; gap:16px; flex-wrap:wrap; align-items:center; }
.btn-gold{
display:inline-flex; align-items:center; gap:8px;
background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);
color:#1a1518; border:none;
padding:18px 40px; border-radius:999px; font-size:1.6rem; font-weight:600;
font-family:'Manrope',sans-serif; letter-spacing:-0.01em;
box-shadow:0 12px 32px rgba(204,166,86,0.35); transition:transform .15s; cursor:pointer;
text-decoration:none;
}
.btn-gold:hover{ transform:translateY(-1px); }
.btn-outline{
display:inline-flex; align-items:center; gap:8px;
background:transparent; color:var(--gold);
border:1px solid rgba(204,166,86,0.45);
padding:17px 30px; border-radius:999px; font-size:1.4rem; font-weight:500;
font-family:'Manrope',sans-serif; letter-spacing:0.04em; transition:all .15s; cursor:pointer;
text-decoration:none;
}
.btn-outline:hover{ background:rgba(204,166,86,0.1); border-color:var(--gold); }
/* Hero cards fan */
.wk-hero-fan{
position:relative; height:480px;
display:flex; align-items:center; justify-content:center;
}
.wk-hero-fan .hc{
position:absolute; width:176px; height:299px;
border-radius:14px; border:1px solid rgba(204,166,86,0.5);
box-shadow:0 28px 70px rgba(0,0,0,0.6);
overflow:hidden; background:#14071e;
transition:transform .4s cubic-bezier(.2,.7,.25,1), box-shadow .4s ease;
}
.wk-hero-fan .hc img{ width:100%; height:100%; object-fit:cover; display:block; }
.wk-hero-fan .hc:nth-child(1){ left:50%; margin-left:-88px; transform:translateX(-178px) rotate(-22deg); z-index:1; }
.wk-hero-fan .hc:nth-child(2){ left:50%; margin-left:-88px; transform:translateX(-70px) rotate(-8deg); z-index:2; }
.wk-hero-fan .hc:nth-child(3){ left:50%; margin-left:-88px; transform:translateX(0px) rotate(0deg); z-index:4; box-shadow:0 36px 90px rgba(204,166,86,0.22); }
.wk-hero-fan .hc:nth-child(4){ left:50%; margin-left:-88px; transform:translateX(70px) rotate(8deg); z-index:2; }
.wk-hero-fan .hc:nth-child(5){ left:50%; margin-left:-88px; transform:translateX(178px) rotate(22deg); z-index:1; }
.wk-hero-fan:hover .hc:nth-child(1){ transform:translateX(-196px) rotate(-26deg) translateY(-18px); }
.wk-hero-fan:hover .hc:nth-child(2){ transform:translateX(-76px) rotate(-10deg) translateY(-28px); }
.wk-hero-fan:hover .hc:nth-child(3){ transform:translateX(0) rotate(0) translateY(-36px); box-shadow:0 50px 110px rgba(204,166,86,0.32); }
.wk-hero-fan:hover .hc:nth-child(4){ transform:translateX(76px) rotate(10deg) translateY(-28px); }
.wk-hero-fan:hover .hc:nth-child(5){ transform:translateX(196px) rotate(26deg) translateY(-18px); }
/* ── STATS BAR ── */
.stats-bar{
position:relative; z-index:1;
border-top:1px solid rgba(204,166,86,0.1);
border-bottom:1px solid rgba(204,166,86,0.1);
padding:52px 0;
}
.stats-row{
display:flex; justify-content:center;
}
.stat-item{
flex:1; max-width:300px; text-align:center;
padding:0 44px;
border-right:1px solid rgba(204,166,86,0.12);
}
.stat-item:last-child{ border-right:none; }
.stat-item .snum{
font-family:'Forum',serif; font-size:7.6rem; line-height:0.82;
color:var(--gold); display:block; margin-bottom:10px;
}
.stat-item .slbl{ font-size:1.5rem; color:#9a96a6; line-height:1.4; }
/* ── HISTORY ── */
.history-grid{
display:grid; grid-template-columns:1fr 360px; gap:88px; align-items:start;
}
.history-text h2{ margin-bottom:18px; }
.history-text p{
font-size:1.75rem; line-height:1.72; color:#c4c2cc; margin:0 0 18px;
}
.history-text p:last-child{ margin-bottom:0; }
.history-text p b{ color:var(--gold-light); font-weight:500; }
.history-text p em{ color:#fbf8ec; font-style:normal; }
.history-img{ position:relative; padding-top:24px; }
.history-img .card-main{
position:relative; width:100%; aspect-ratio:0.62;
border-radius:16px;
border:1px solid rgba(204,166,86,0.45);
box-shadow:0 40px 100px rgba(0,0,0,0.65), 0 0 0 1px rgba(204,166,86,0.12) inset;
overflow:hidden;
}
.history-img .card-main img{ width:100%; height:100%; object-fit:cover; display:block; }
.history-img .card-shadow{
position:absolute; inset:20px 10px -20px 10px;
border-radius:16px;
border:1px solid rgba(204,166,86,0.1);
background:rgba(204,166,86,0.02);
z-index:-1; transform:scale(0.94);
}
.history-img .card-caption{
margin-top:16px; text-align:center;
font-size:1.3rem; color:#9a96a6; letter-spacing:0.04em;
}
/* ── FEATURES ── */
.features-grid{
display:grid; grid-template-columns:repeat(3,1fr); gap:22px;
}
.feat-card{
background:rgba(255,255,255,0.025);
border:1px solid rgba(204,166,86,0.14);
border-radius:20px; padding:36px 28px;
transition:border-color .22s, background .22s, transform .15s;
}
.feat-card:hover{
border-color:rgba(204,166,86,0.38);
background:rgba(204,166,86,0.04);
transform:translateY(-2px);
}
.feat-card .feat-icon{
width:52px; height:52px; border-radius:14px;
background:rgba(204,166,86,0.1); border:1px solid rgba(204,166,86,0.2);
display:flex; align-items:center; justify-content:center;
font-size:2.4rem; margin-bottom:22px;
}
.feat-card h3{ color:#fbf8ec; margin-bottom:12px; font-size:2.4rem; line-height:1.1; }
.feat-card p{ font-size:1.6rem; line-height:1.68; color:#aeacb8; margin:0; }
/* ── GALLERY ── */
.gallery-intro{
display:grid; grid-template-columns:1fr 480px; gap:64px; align-items:center; margin-bottom:60px;
}
.gallery-intro .text-col h2{ margin-bottom:16px; }
.gallery-intro .text-col p{
font-size:1.75rem; line-height:1.7; color:#c4c2cc; margin:0 0 16px;
}
.gallery-intro .text-col p:last-child{ margin:0; }
.gallery-intro .text-col p b{ color:var(--gold-light); font-weight:500; }
.gallery-struct{
display:grid; grid-template-columns:1fr 1fr; gap:16px;
}
.struct-card{
background:rgba(255,255,255,0.025);
border:1px solid rgba(204,166,86,0.14);
border-radius:14px; padding:22px 24px;
text-align:center;
}
.struct-card .sc-num{
font-family:'Forum',serif; font-size:4.8rem; line-height:0.88;
color:var(--gold); display:block; margin-bottom:6px;
}
.struct-card .sc-name{ font-size:1.5rem; color:#c4c2cc; line-height:1.35; }
.gallery-grid{
display:grid; grid-template-columns:repeat(5,1fr); gap:20px;
}
.gallery-card{
display:flex; flex-direction:column; align-items:center; gap:12px;
}
.gallery-card .gc-frame{
position:relative; width:100%; aspect-ratio:0.62;
border-radius:12px; border:1px solid rgba(204,166,86,0.45);
box-shadow:0 16px 44px rgba(0,0,0,0.55); overflow:hidden; background:#14071e;
transition:transform .25s ease, box-shadow .25s ease;
}
.gallery-card:hover .gc-frame{
transform:translateY(-7px);
box-shadow:0 28px 72px rgba(204,166,86,0.22);
}
.gallery-card .gc-frame img{ width:100%; height:100%; object-fit:cover; display:block; }
.gallery-card .gc-num{
font-size:1.2rem; color:var(--gold); letter-spacing:0.14em; text-align:center;
}
.gallery-card .gc-name{
font-size:1.5rem; color:#c4c2cc; text-align:center; line-height:1.3;
}
/* ── SUITS ── */
.suits-grid{
display:grid; grid-template-columns:repeat(4,1fr); gap:20px;
}
.suit-card{
background:rgba(255,255,255,0.022);
border:1px solid rgba(204,166,86,0.12);
border-radius:18px; padding:30px 24px 26px;
transition:border-color .2s, background .2s, transform .15s;
}
.suit-card:hover{
border-color:rgba(204,166,86,0.35);
background:rgba(204,166,86,0.03);
transform:translateY(-2px);
}
.suit-card .suit-icon{
width:56px; height:56px; margin-bottom:20px; display:block; overflow:visible;
}
.suit-card:hover .suit-icon{
filter:drop-shadow(0 0 14px rgba(204,166,86,0.35));
}
.suit-card .suit-name{
font-family:'Forum',serif; font-size:2.8rem; line-height:1;
color:#fbf8ec; margin-bottom:8px;
}
.suit-card .suit-element{
font-size:1.2rem; color:var(--gold); letter-spacing:0.12em;
text-transform:uppercase; margin-bottom:12px; display:block;
}
.suit-card .suit-desc{ font-size:1.5rem; line-height:1.6; color:#9a96a6; margin:0; }
.suit-wands .suit-name{ color:#e89060; }
.suit-cups .suit-name{ color:#c084d6; }
.suit-swords .suit-name{ color:#7aa3d6; }
.suit-pents .suit-name{ color:#8acb8e; }
/* ── WHO SECTION ── */
.who-grid{
display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px;
}
.who-card{
background:rgba(255,255,255,0.025);
border:1px solid rgba(204,166,86,0.14);
border-radius:18px; padding:28px 24px;
}
.who-card .who-mark{
width:40px; height:40px; border-radius:50%;
background:rgba(204,166,86,0.12); border:1px solid rgba(204,166,86,0.25);
display:flex; align-items:center; justify-content:center;
font-size:1.8rem; margin-bottom:18px;
}
.who-card h4{ color:#fbf8ec; margin-bottom:10px; font-size:2rem; }
.who-card p{ font-size:1.55rem; line-height:1.65; color:#aeacb8; margin:0; }
/* ── CTA ── */
.wk-cta{
position:relative; z-index:1; padding:96px 0;
border-top:1px solid rgba(204,166,86,0.1);
text-align:center;
}
.wk-cta-inner{
position:relative;
background:linear-gradient(135deg,rgba(204,166,86,0.06) 0%,rgba(26,31,60,0.7) 100%);
border:1px solid rgba(204,166,86,0.2); border-radius:28px;
padding:80px 60px;
overflow:hidden;
}
.wk-cta-inner::before{
content:""; position:absolute; inset:0; pointer-events:none;
background:radial-gradient(ellipse at 50% 0%,rgba(204,166,86,0.1) 0%,transparent 60%);
}
.wk-cta-inner > *{ position:relative; z-index:1; }
.wk-cta .cta-eyebrow{
font-size:1.2rem; letter-spacing:0.4em; text-transform:uppercase;
color:var(--gold); margin-bottom:20px; display:block;
}
.wk-cta h2{ color:#fbf8ec; margin-bottom:18px; }
.wk-cta p{
font-size:1.8rem; line-height:1.65; color:#aeacb8;
max-width:580px; margin:0 auto 40px;
}
.wk-cta .cta-row{ display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
/* ── RESPONSIVE ── */
@media (max-width:1120px){
.wk-hero-inner{ grid-template-columns:1fr 380px; gap:60px; }
.wk-hero-title{ font-size:9rem; }
.history-grid{ grid-template-columns:1fr 300px; gap:60px; }
.gallery-intro{ grid-template-columns:1fr 380px; gap:48px; }
}
@media (max-width:980px){
.wk-hero-inner{ grid-template-columns:1fr; gap:48px; }
.wk-hero-fan{ order:-1; height:320px; }
.wk-hero-fan .hc{ width:126px; height:214px; }
.wk-hero-fan .hc:nth-child(1){ margin-left:-63px; transform:translateX(-138px) rotate(-22deg); }
.wk-hero-fan .hc:nth-child(2){ margin-left:-63px; transform:translateX(-54px) rotate(-8deg); }
.wk-hero-fan .hc:nth-child(3){ margin-left:-63px; transform:translateX(0) rotate(0deg); }
.wk-hero-fan .hc:nth-child(4){ margin-left:-63px; transform:translateX(54px) rotate(8deg); }
.wk-hero-fan .hc:nth-child(5){ margin-left:-63px; transform:translateX(138px) rotate(22deg); }
.history-grid{ grid-template-columns:1fr; gap:40px; }
.history-img{ max-width:340px; }
.features-grid{ grid-template-columns:1fr 1fr; }
.gallery-intro{ grid-template-columns:1fr; gap:32px; }
.gallery-struct{ grid-template-columns:repeat(4,1fr); }
.gallery-grid{ grid-template-columns:repeat(3,1fr); gap:16px; }
.suits-grid{ grid-template-columns:1fr 1fr; gap:16px; }
.who-grid{ grid-template-columns:1fr 1fr; }
.stats-row{ flex-wrap:wrap; }
.stat-item{ max-width:50%; flex-basis:50%; border-right:none; border-bottom:1px solid rgba(204,166,86,0.12); padding:18px 0; }
.stat-item:nth-child(5){ border-bottom:none; }
}
@media (max-width:580px){
.wk-hero-title{ font-size:5.8rem; }
.wk-hero-lede{ font-size:1.6rem; }
.wk-hero-fan{ height:260px; }
.wk-hero-fan .hc{ width:98px; height:167px; border-radius:10px; }
.wk-hero-fan .hc:nth-child(1){ margin-left:-49px; transform:translateX(-108px) rotate(-22deg); }
.wk-hero-fan .hc:nth-child(2){ margin-left:-49px; transform:translateX(-42px) rotate(-8deg); }
.wk-hero-fan .hc:nth-child(3){ margin-left:-49px; transform:translateX(0) rotate(0deg); }
.wk-hero-fan .hc:nth-child(4){ margin-left:-49px; transform:translateX(42px) rotate(8deg); }
.wk-hero-fan .hc:nth-child(5){ margin-left:-49px; transform:translateX(108px) rotate(22deg); }
.features-grid{ grid-template-columns:1fr; }
.gallery-grid{ grid-template-columns:repeat(2,1fr); gap:14px; }
.gallery-struct{ grid-template-columns:1fr 1fr; }
.who-grid{ grid-template-columns:1fr; }
.stat-item .snum{ font-size:5.8rem; }
.wk-cta-inner{ padding:48px 28px; }
.wk-cta{ padding:60px 0; }
}
@media (max-width:440px){
.suits-grid{ grid-template-columns:1fr; }
}
/* ── Sub / lead text ── */
.sub{ font-size:1.8rem; color:#aeacb8; margin-bottom:48px; max-width:600px; line-height:1.55; }
.section h2{ color:#fbf8ec; margin-bottom:14px; }
@media (max-width:580px){ .sub{ font-size:1.6rem; margin-bottom:36px; } }
/* ── Time slider ── */
.time-section-head{
display:flex; align-items:flex-start; justify-content:space-between; gap:32px;
margin-bottom:24px;
}
.time-section-head .head-text{ flex:1; }
.time-section-head .sub{ margin-top:8px; }
.time-slider-nav{
display:flex; gap:12px; flex-shrink:0; padding-top:18px;
}
@media (max-width:760px){
.time-section-head{ flex-wrap:wrap; align-items:center; gap:16px; }
.time-section-head .head-text{ flex:1 0 100%; }
.time-slider-nav{ padding-top:0; align-self:center; }
}
.time-slider{ position:relative; }
.time-slider-viewport{ overflow:visible; }
.time-slider-track{
display:flex; gap:32px;
transition:transform .6s cubic-bezier(.4,0,.2,1);
will-change:transform;
}
.time-slider-track > .theme-card--time{
flex:0 0 calc((100% - 64px) / 3);
min-width:0;
}
@media (max-width:980px){
.time-slider-track > .theme-card--time{ flex-basis:calc((100% - 32px) / 2); }
.time-slider-track{ gap:32px; }
}
@media (max-width:760px){
.time-slider-track > .theme-card--time{ flex-basis:100%; }
}
.time-slider-btn{
width:48px; height:48px; border-radius:50%;
background:rgba(15,18,40,0.85); border:1px solid rgba(204,166,86,0.5);
color:var(--gold); font-family:'Forum',serif; font-size:30px; line-height:1;
cursor:pointer; padding:0 0 4px;
display:flex; align-items:center; justify-content:center;
transition:background .2s, border-color .2s, opacity .2s;
}
.time-slider-btn:hover:not(:disabled){ background:rgba(204,166,86,0.2); border-color:var(--gold); }
.time-slider-btn:disabled{ opacity:0.25; cursor:default; }
@media (max-width:760px){
.time-slider-btn{ width:40px; height:40px; font-size:24px; }
}
/* «Расклад на будущее» CTA — между head-text и time-slider-nav */
.time-cta{
display:inline-flex; align-items:center; gap:8px;
padding:14px 28px; border-radius:32px;
background:#fff; color:#0f1228;
font-family:'Manrope',sans-serif; font-size:1.6rem; letter-spacing:0.02em;
text-decoration:none; font-weight:500; white-space:nowrap;
flex-shrink:0; margin-top:18px; align-self:flex-start;
transition:background .2s, transform .2s, box-shadow .2s;
}
/* override .bg-shell a{color:inherit} — make CTA text dark */
.bg-shell .time-cta{ color:#0f1228; }
.time-cta:hover{ background:#f5f5f5; transform:translateY(-1px); box-shadow:0 6px 22px rgba(15,18,40,0.18); }
.bg-shell .time-cta:hover{ color:#0f1228; }
.time-cta::after{ content:'→'; font-size:1.4rem; line-height:1; }
@media(max-width:760px){
.time-cta{ padding:12px 22px; font-size:1.6rem; align-self:center; justify-content:flex-start; margin-top:0; }
}
.theme-card--time{
position:relative; padding:32px 28px 28px;
background:linear-gradient(160deg, rgba(36,28,72,0.55), rgba(15,18,40,0.6)) !important;
border:1px solid rgba(204,166,86,0.25) !important;
border-radius:18px;
-webkit-backdrop-filter:none; backdrop-filter:none;
display:flex; flex-direction:column;
min-height:380px;
transition:transform .35s cubic-bezier(.2,.7,.25,1), border-color .35s, box-shadow .35s, background .4s ease;
text-decoration:none; color:inherit;
}
.theme-card--time.s7:hover{
background:
radial-gradient(ellipse at 50% 0%, rgba(245,168,168,0.18) 0%, transparent 60%),
linear-gradient(160deg, #4a1820 0%, #2a0e16 50%, #150408 100%) !important;
border-color:rgba(218,82,138,0.6) !important;
}
.theme-card--time.s30:hover{
background:
radial-gradient(ellipse at 50% 0%, rgba(168,200,232,0.16) 0%, transparent 60%),
linear-gradient(160deg, #1a3458 0%, #0e1e36 50%, #040a18 100%) !important;
border-color:rgba(78,128,210,0.6) !important;
}
.theme-card--time.s365:hover{
background:
radial-gradient(ellipse at 50% 0%, rgba(200,168,232,0.18) 0%, transparent 60%),
linear-gradient(160deg, #2a1248 0%, #1a0a30 50%, #080418 100%) !important;
border-color:rgba(140,80,220,0.6) !important;
}
.theme-card--time.s1:hover{
background:
radial-gradient(ellipse at 50% 0%, rgba(122,220,220,0.18) 0%, transparent 60%),
linear-gradient(160deg, #0c4858 0%, #062028 50%, #020e14 100%) !important;
border-color:rgba(80,180,200,0.6) !important;
}
.theme-card--time.s4:hover{
background:
radial-gradient(ellipse at 50% 0%, rgba(168,232,200,0.18) 0%, transparent 60%),
linear-gradient(160deg, #14402c 0%, #08241a 50%, #021008 100%) !important;
border-color:rgba(86,200,140,0.6) !important;
}
.theme-card--time.s10:hover{
background:
radial-gradient(ellipse at 50% 0%, rgba(168,184,200,0.16) 0%, transparent 60%),
linear-gradient(160deg, #2e3848 0%, #181c28 50%, #08080c 100%) !important;
border-color:rgba(140,160,190,0.6) !important;
}
.theme-card--time.s12:hover{
background:
radial-gradient(ellipse at 50% 0%, rgba(168,168,232,0.18) 0%, transparent 60%),
linear-gradient(160deg, #1e2058 0%, #0e1030 50%, #04061a 100%) !important;
border-color:rgba(120,120,210,0.6) !important;
}
.theme-card--time:hover{
transform:translateY(-2px) !important;
box-shadow:0 30px 60px -28px rgba(0,0,0,0.7), 0 0 36px rgba(204,166,86,0.12);
}
.theme-card--time .deck{
position:relative; height:180px; margin:0 -28px 24px; pointer-events:none;
perspective:800px;
}
.theme-card--time .deck::after{
content:""; position:absolute; left:50%; bottom:-14px;
width:170px; height:26px; transform:translateX(-50%);
background:radial-gradient(ellipse at center, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.18) 40%, rgba(0,0,0,0) 75%);
filter:blur(10px);
pointer-events:none; z-index:11;
transition:opacity .35s ease;
}
.theme-card--time:hover .deck::after{ opacity:0; }
.theme-card--time .mini{
position:absolute; bottom:0; aspect-ratio:2/3; height:170px; left:50%;
border-radius:7px; overflow:hidden;
border:1px solid rgba(204,166,86,0.45);
box-shadow:none;
transform-origin:50% 100%;
transition:transform 1.15s cubic-bezier(.2,.85,.25,1.05), box-shadow .35s ease;
}
.theme-card--time:hover .mini{ box-shadow:0 14px 30px -10px rgba(0,0,0,0.6); }
.theme-card--time .mini svg{ width:100%; height:100%; display:block; }
.theme-card--time .meta{ font-size:1.4rem; letter-spacing:.3em; text-transform:uppercase; color:var(--gold); margin-bottom:10px; font-weight:500; }
.theme-card--time h3{ color:#fbf8ec; margin-bottom:12px; }
.theme-card--time p{ font-size:1.8rem; color:#dadbe0; line-height:1.55; margin:0; flex:1; }
.theme-card--time .card-cta{ margin-top:20px; font-size:1.7rem; color:var(--gold); display:inline-flex; gap:8px; align-items:center; transition:gap .25s; }
.theme-card--time:hover .card-cta{ gap:14px; }
@media (max-width:580px){
.theme-card--time p{ font-size:1.5rem; }
.theme-card--time .card-cta{ font-size:1.5rem; }
}
.theme-card--time.s7 .mini:nth-child(1){ transform:translateX(-50%) rotate(-2deg) translateY(0); z-index:3; }
.theme-card--time.s7 .mini:nth-child(2){ transform:translateX(-50%) rotate(0deg) translateY(-2px); z-index:2; }
.theme-card--time.s7 .mini:nth-child(3){ transform:translateX(-50%) rotate(2deg) translateY(-4px); z-index:1; }
.theme-card--time.s30 .mini:nth-child(1){ transform:translateX(-50%) rotate(-3deg) translateY(0); z-index:5; }
.theme-card--time.s30 .mini:nth-child(2){ transform:translateX(-50%) rotate(-1deg) translateY(-2px); z-index:4; }
.theme-card--time.s30 .mini:nth-child(3){ transform:translateX(-50%) rotate(1deg) translateY(-4px); z-index:3; }
.theme-card--time.s30 .mini:nth-child(4){ transform:translateX(-50%) rotate(3deg) translateY(-6px); z-index:2; }
.theme-card--time.s30 .mini:nth-child(5){ transform:translateX(-50%) rotate(5deg) translateY(-8px); z-index:1; }
.theme-card--time.s365 .mini:nth-child(1){ transform:translateX(-50%) rotate(-4deg) translateY(0); z-index:7; }
.theme-card--time.s365 .mini:nth-child(2){ transform:translateX(-50%) rotate(-2deg) translateY(-2px); z-index:6; }
.theme-card--time.s365 .mini:nth-child(3){ transform:translateX(-50%) rotate(0deg) translateY(-4px); z-index:5; }
.theme-card--time.s365 .mini:nth-child(4){ transform:translateX(-50%) rotate(2deg) translateY(-6px); z-index:4; }
.theme-card--time.s365 .mini:nth-child(5){ transform:translateX(-50%) rotate(4deg) translateY(-8px); z-index:3; }
.theme-card--time.s365 .mini:nth-child(6){ transform:translateX(-50%) rotate(6deg) translateY(-10px); z-index:2; }
.theme-card--time.s365 .mini:nth-child(7){ transform:translateX(-50%) rotate(8deg) translateY(-12px); z-index:1; }
.theme-card--time.s7:hover .mini:nth-child(1){ transform:translateX(calc(-50% - 60px)) rotate(-14deg) translateY(-10px); }
.theme-card--time.s7:hover .mini:nth-child(2){ transform:translateX(-50%) rotate(0deg) translateY(-22px); }
.theme-card--time.s7:hover .mini:nth-child(3){ transform:translateX(calc(-50% + 60px)) rotate(14deg) translateY(-10px); }
.theme-card--time.s30:hover .mini:nth-child(1){ transform:translateX(calc(-50% - 100px)) rotate(-22deg) translateY(-8px); }
.theme-card--time.s30:hover .mini:nth-child(2){ transform:translateX(calc(-50% - 50px)) rotate(-11deg) translateY(-18px); }
.theme-card--time.s30:hover .mini:nth-child(3){ transform:translateX(-50%) rotate(0deg) translateY(-22px); }
.theme-card--time.s30:hover .mini:nth-child(4){ transform:translateX(calc(-50% + 50px)) rotate(11deg) translateY(-18px); }
.theme-card--time.s30:hover .mini:nth-child(5){ transform:translateX(calc(-50% + 100px)) rotate(22deg) translateY(-8px); }
.theme-card--time.s365:hover .mini:nth-child(1){ transform:translateX(calc(-50% - 130px)) rotate(-30deg) translateY(0); }
.theme-card--time.s365:hover .mini:nth-child(2){ transform:translateX(calc(-50% - 90px)) rotate(-20deg) translateY(-10px); }
.theme-card--time.s365:hover .mini:nth-child(3){ transform:translateX(calc(-50% - 45px)) rotate(-10deg) translateY(-18px); }
.theme-card--time.s365:hover .mini:nth-child(4){ transform:translateX(-50%) rotate(0deg) translateY(-22px); }
.theme-card--time.s365:hover .mini:nth-child(5){ transform:translateX(calc(-50% + 45px)) rotate(10deg) translateY(-18px); }
.theme-card--time.s365:hover .mini:nth-child(6){ transform:translateX(calc(-50% + 90px)) rotate(20deg) translateY(-10px); }
.theme-card--time.s365:hover .mini:nth-child(7){ transform:translateX(calc(-50% + 130px)) rotate(30deg) translateY(0); }
.theme-card--time.s1 .mini:nth-child(1){ transform:translateX(-50%) rotate(0deg) translateY(-2px); z-index:1; }
.theme-card--time.s1:hover .mini:nth-child(1){ transform:translateX(-50%) rotate(0deg) translateY(-18px) scale(1.06); }
.theme-card--time.s4 .mini:nth-child(1){ transform:translateX(-50%) rotate(-3deg) translateY(0); z-index:4; }
.theme-card--time.s4 .mini:nth-child(2){ transform:translateX(-50%) rotate(-1deg) translateY(-2px); z-index:3; }
.theme-card--time.s4 .mini:nth-child(3){ transform:translateX(-50%) rotate(1deg) translateY(-4px); z-index:2; }
.theme-card--time.s4 .mini:nth-child(4){ transform:translateX(-50%) rotate(3deg) translateY(-6px); z-index:1; }
.theme-card--time.s4:hover .mini:nth-child(1){ transform:translateX(calc(-50% - 78px)) rotate(-18deg) translateY(-8px); }
.theme-card--time.s4:hover .mini:nth-child(2){ transform:translateX(calc(-50% - 26px)) rotate(-6deg) translateY(-22px); }
.theme-card--time.s4:hover .mini:nth-child(3){ transform:translateX(calc(-50% + 26px)) rotate(6deg) translateY(-22px); }
.theme-card--time.s4:hover .mini:nth-child(4){ transform:translateX(calc(-50% + 78px)) rotate(18deg) translateY(-8px); }
.theme-card--time.s10 .mini:nth-child(1){ transform:translateX(-50%) rotate(-5deg) translateY(0); z-index:10; }
.theme-card--time.s10 .mini:nth-child(2){ transform:translateX(-50%) rotate(-3deg) translateY(-2px); z-index:9; }
.theme-card--time.s10 .mini:nth-child(3){ transform:translateX(-50%) rotate(-1deg) translateY(-4px); z-index:8; }
.theme-card--time.s10 .mini:nth-child(4){ transform:translateX(-50%) rotate(1deg) translateY(-6px); z-index:7; }
.theme-card--time.s10 .mini:nth-child(5){ transform:translateX(-50%) rotate(3deg) translateY(-8px); z-index:6; }
.theme-card--time.s10 .mini:nth-child(6){ transform:translateX(-50%) rotate(5deg) translateY(-10px); z-index:5; }
.theme-card--time.s10 .mini:nth-child(7){ transform:translateX(-50%) rotate(7deg) translateY(-12px); z-index:4; }
.theme-card--time.s10 .mini:nth-child(8){ transform:translateX(-50%) rotate(9deg) translateY(-14px); z-index:3; }
.theme-card--time.s10 .mini:nth-child(9){ transform:translateX(-50%) rotate(11deg) translateY(-16px); z-index:2; }
.theme-card--time.s10 .mini:nth-child(10){ transform:translateX(-50%) rotate(13deg) translateY(-18px); z-index:1; }
.theme-card--time.s10:hover .mini:nth-child(1){ transform:translateX(calc(-50% - 130px)) rotate(-32deg) translateY(2px); }
.theme-card--time.s10:hover .mini:nth-child(2){ transform:translateX(calc(-50% - 100px)) rotate(-24deg) translateY(-6px); }
.theme-card--time.s10:hover .mini:nth-child(3){ transform:translateX(calc(-50% - 70px)) rotate(-16deg) translateY(-14px); }
.theme-card--time.s10:hover .mini:nth-child(4){ transform:translateX(calc(-50% - 40px)) rotate(-8deg) translateY(-20px); }
.theme-card--time.s10:hover .mini:nth-child(5){ transform:translateX(calc(-50% - 14px)) rotate(-2deg) translateY(-24px); }
.theme-card--time.s10:hover .mini:nth-child(6){ transform:translateX(calc(-50% + 14px)) rotate(2deg) translateY(-24px); }
.theme-card--time.s10:hover .mini:nth-child(7){ transform:translateX(calc(-50% + 40px)) rotate(8deg) translateY(-20px); }
.theme-card--time.s10:hover .mini:nth-child(8){ transform:translateX(calc(-50% + 70px)) rotate(16deg) translateY(-14px); }
.theme-card--time.s10:hover .mini:nth-child(9){ transform:translateX(calc(-50% + 100px)) rotate(24deg) translateY(-6px); }
.theme-card--time.s10:hover .mini:nth-child(10){ transform:translateX(calc(-50% + 130px)) rotate(32deg) translateY(2px); }
.theme-card--time.s12 .mini:nth-child(1){ transform:translateX(-50%) rotate(-6deg) translateY(0); z-index:12; }
.theme-card--time.s12 .mini:nth-child(2){ transform:translateX(-50%) rotate(-4deg) translateY(-2px); z-index:11; }
.theme-card--time.s12 .mini:nth-child(3){ transform:translateX(-50%) rotate(-2deg) translateY(-4px); z-index:10; }
.theme-card--time.s12 .mini:nth-child(4){ transform:translateX(-50%) rotate(0deg) translateY(-6px); z-index:9; }
.theme-card--time.s12 .mini:nth-child(5){ transform:translateX(-50%) rotate(2deg) translateY(-8px); z-index:8; }
.theme-card--time.s12 .mini:nth-child(6){ transform:translateX(-50%) rotate(4deg) translateY(-10px); z-index:7; }
.theme-card--time.s12 .mini:nth-child(7){ transform:translateX(-50%) rotate(6deg) translateY(-12px); z-index:6; }
.theme-card--time.s12 .mini:nth-child(8){ transform:translateX(-50%) rotate(8deg) translateY(-14px); z-index:5; }
.theme-card--time.s12 .mini:nth-child(9){ transform:translateX(-50%) rotate(10deg) translateY(-16px); z-index:4; }
.theme-card--time.s12 .mini:nth-child(10){ transform:translateX(-50%) rotate(12deg) translateY(-18px); z-index:3; }
.theme-card--time.s12 .mini:nth-child(11){ transform:translateX(-50%) rotate(14deg) translateY(-20px); z-index:2; }
.theme-card--time.s12 .mini:nth-child(12){ transform:translateX(-50%) rotate(16deg) translateY(-22px); z-index:1; }
.theme-card--time.s12:hover .mini:nth-child(1){ transform:translateX(calc(-50% - 145px)) rotate(-36deg) translateY(8px); }
.theme-card--time.s12:hover .mini:nth-child(2){ transform:translateX(calc(-50% - 118px)) rotate(-29deg) translateY(0); }
.theme-card--time.s12:hover .mini:nth-child(3){ transform:translateX(calc(-50% - 92px)) rotate(-22deg) translateY(-8px); }
.theme-card--time.s12:hover .mini:nth-child(4){ transform:translateX(calc(-50% - 66px)) rotate(-15deg) translateY(-15px); }
.theme-card--time.s12:hover .mini:nth-child(5){ transform:translateX(calc(-50% - 40px)) rotate(-9deg) translateY(-20px); }
.theme-card--time.s12:hover .mini:nth-child(6){ transform:translateX(calc(-50% - 13px)) rotate(-3deg) translateY(-24px); }
.theme-card--time.s12:hover .mini:nth-child(7){ transform:translateX(calc(-50% + 13px)) rotate(3deg) translateY(-24px); }
.theme-card--time.s12:hover .mini:nth-child(8){ transform:translateX(calc(-50% + 40px)) rotate(9deg) translateY(-20px); }
.theme-card--time.s12:hover .mini:nth-child(9){ transform:translateX(calc(-50% + 66px)) rotate(15deg) translateY(-15px); }
.theme-card--time.s12:hover .mini:nth-child(10){ transform:translateX(calc(-50% + 92px)) rotate(22deg) translateY(-8px); }
.theme-card--time.s12:hover .mini:nth-child(11){ transform:translateX(calc(-50% + 118px)) rotate(29deg) translateY(0); }
.theme-card--time.s12:hover .mini:nth-child(12){ transform:translateX(calc(-50% + 145px)) rotate(36deg) translateY(8px); }
/* ── SEO block ── */
.seo-block{ position:relative; padding-top:60px; padding-bottom:60px; border-top:1px solid rgba(204,166,86,0.1); }
.seo-row{
display:grid; grid-template-columns:1fr 360px; gap:80px; align-items:center;
padding:64px 0; border-top:1px solid rgba(204,166,86,0.1);
}
.seo-row:first-child{ border-top:none; padding-top:20px; }
@media (max-width:980px){
.seo-row{ grid-template-columns:1fr; gap:32px; padding:40px 0; }
.seo-illust{ max-width:360px; margin:0 auto; }
}
.seo-section h2, .seo-section .h2{ color:#fbf8ec; margin-bottom:18px; }
.seo-section p{ line-height:1.6; color:#dadbe0; margin-bottom:18px; max-width:646px; }
.seo-section p:last-child{ margin-bottom:0; }
.seo-illust{
position:relative; width:100%; max-width:340px; aspect-ratio:2/3;
border-radius:14px;
border:1px solid rgba(204,166,86,0.45);
box-shadow:0 30px 80px rgba(0,0,0,0.55), 0 0 0 1px rgba(204,166,86,0.12) inset;
overflow:hidden;
margin:0 auto;
}
.seo-illust img{ width:100%; height:100%; display:block; object-fit:cover; }
.seo-illust svg{ width:100%; height:100%; display:block; overflow:visible; }
.seo-illust .twinkle{ transform-origin:center; transform-box:fill-box; animation:seoTwinkle 3.2s ease-in-out infinite; }
.seo-illust .twinkle.t2{ animation-delay:-0.7s; }
.seo-illust .twinkle.t3{ animation-delay:-1.4s; }
.seo-illust .twinkle.t4{ animation-delay:-2.1s; }
@keyframes seoTwinkle{
0%, 100% { opacity:0.4; transform:scale(0.85); }
50% { opacity:1; transform:scale(1.1); }
}
.seo-illust .rotate-slow{ transform-origin:center; transform-box:fill-box; animation:seoRotateSlow 90s linear infinite; }
.seo-illust .rotate-rev{ transform-origin:center; transform-box:fill-box; animation:seoRotateRev 120s linear infinite reverse; }
@keyframes seoRotateSlow{ from{ transform:rotate(0); } to{ transform:rotate(360deg); } }
@keyframes seoRotateRev{ from{ transform:rotate(0); } to{ transform:rotate(360deg); } }
.seo-illust .pulse{ transform-origin:center; animation:seoPulse 5s ease-in-out infinite; }
@keyframes seoPulse{
0%, 100% { opacity:0.55; }
50% { opacity:1; }
}
/* ── FAQ ── */
/* ── Waite cards slider ── */
.waite-slider-head{
display:flex; align-items:center; justify-content:space-between;
gap:24px; flex-wrap:wrap; margin-bottom:32px;
}
.waite-slider-head h2{ margin:0; }
.waite-slider-nav{ display:flex; gap:12px; flex-shrink:0; }
.waite-slider{ position:relative; }
.waite-slider-viewport{
overflow:hidden;
overflow-x:clip; overflow-y:visible;
padding:24px 0;
}
.waite-slider-track{
display:flex; gap:24px;
transition:transform .6s cubic-bezier(.4,0,.2,1);
will-change:transform;
}
.waite-slide{
flex:0 0 calc((100% - 96px) / 5);
min-width:0;
display:flex; flex-direction:column;
}
@media (max-width:1280px){ .waite-slide{ flex-basis:calc((100% - 72px) / 4); } }
@media (max-width:980px){ .waite-slide{ flex-basis:calc((100% - 48px) / 3); } }
@media (max-width:680px){ .waite-slide{ flex-basis:calc((100% - 24px) / 2); } }
@media (max-width:480px){ .waite-slide{ flex-basis:78%; } }
.waite-slide-card{
position:relative; aspect-ratio:2/3; border-radius:12px;
background:linear-gradient(160deg, #2a1535 0%, #14071e 100%);
transition:transform .35s ease;
isolation:isolate;
}
.waite-slide-card::before{
content:""; position:absolute; inset:-50px;
border-radius:50%;
background:radial-gradient(ellipse at center, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.18) 38%, transparent 72%);
filter:blur(50px);
z-index:-1;
opacity:0;
pointer-events:none;
transition:opacity .5s ease, transform .5s ease;
}
.waite-slide:hover .waite-slide-card{ transform:translateY(-4px); }
.waite-slide:hover .waite-slide-card::before{ opacity:0.55; transform:scale(1.1); }
.waite-slide-card img{
width:100%; height:100%; display:block; object-fit:cover;
border-radius:12px;
box-shadow:
0 18px 32px -12px rgba(0,0,0,0.6),
inset 0 0 0 1.5px rgba(204,166,86,0.45);
}
.waite-slide-name{
font-family:'Forum',serif; font-size:2.2rem; line-height:1.15;
color:#fbf8ec; text-align:center; margin-top:16px;
}
@media (max-width:580px){
.waite-slide-name{ font-size:2rem; margin-top:12px; }
}
/* ── Ref links grid (Полезное из справочника) ── */
.ref-grid-section h2{ margin-bottom:12px; }
.grid-ref{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:0; }
@media (max-width:1024px){ .grid-ref{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .grid-ref{ grid-template-columns:1fr; } }
.ref-card{
display:flex; align-items:center; gap:14px;
background:#181c40; border:1px solid rgba(204,166,86,0.18);
border-radius:14px; padding:26px;
text-decoration:none; color:#fbf8ec; font-family:'Forum',serif; font-size:2.2rem; line-height:1.1;
transition:background .2s, border-color .2s, transform .25s cubic-bezier(.2,.7,.25,1);
}
.ref-card:hover{ background:#262248; border-color:var(--gold); transform:translateY(-2px); }
.ref-card::after{ content:"→"; margin-left:auto; color:#fbf8ec; transition:transform .2s; }
.ref-card:hover::after{ transform:translateX(3px); }
.ref-card[data-cta="1"]{}
/* ============ Контент из WP-страницы (MD → HTML) — единая типографика ============ */
.seo-block#seo-block-wp { padding-top:60px; padding-bottom:80px; }
.seo-block#seo-block-wp .wrap { max-width:780px; }
.seo-block#seo-block-wp h1 { display:none; }
.seo-block#seo-block-wp h2 { color:#fbf8ec; font-family:'Forum',Georgia,serif; font-weight:400; font-size:3rem; line-height:1.2; margin:56px 0 20px; }
.seo-block#seo-block-wp h2:first-child,
.seo-block#seo-block-wp > .wrap > h2:first-child { margin-top:0; }
.seo-block#seo-block-wp h3 { color:#fbf8ec; font-family:'Forum',Georgia,serif; font-weight:400; font-size:2.2rem; line-height:1.3; margin:36px 0 14px; }
.seo-block#seo-block-wp h4 { color:#fbf8ec; font-size:1.9rem; font-weight:600; margin:28px 0 12px; }
.seo-block#seo-block-wp p { color:#dadbe0; font-size:1.7rem; line-height:1.65; margin:0 0 20px; }
.seo-block#seo-block-wp ul,
.seo-block#seo-block-wp ol { color:#dadbe0; font-size:1.7rem; line-height:1.7; margin:0 0 24px; padding-left:24px; }
.seo-block#seo-block-wp li { margin-bottom:8px; }
.seo-block#seo-block-wp li::marker { color:#cca656; }
.seo-block#seo-block-wp strong { color:#fbf8ec; font-weight:600; }
.seo-block#seo-block-wp em { color:#fbf8ec; font-style:italic; }
.seo-block#seo-block-wp a { color:#cca656; border-bottom:1px solid rgba(204,166,86,0.3); transition:color .2s,border-color .2s; }
.seo-block#seo-block-wp a:hover { color:#fbf8ec; border-bottom-color:#fbf8ec; }
.seo-block#seo-block-wp blockquote { padding:18px 24px; border-left:3px solid rgba(204,166,86,0.7); background:rgba(204,166,86,0.04); color:#dadbe0; margin:0 0 24px; font-style:italic; font-size:1.7rem; line-height:1.6; }
.seo-block#seo-block-wp hr { border:none; border-top:1px solid rgba(204,166,86,0.15); margin:40px 0; }
.seo-block#seo-block-wp table { width:100%; border-collapse:collapse; margin:0 0 24px; }
.seo-block#seo-block-wp th,
.seo-block#seo-block-wp td { padding:12px 16px; text-align:left; border-bottom:1px solid rgba(204,166,86,0.12); color:#dadbe0; font-size:1.6rem; }
.seo-block#seo-block-wp th { color:#fbf8ec; font-weight:600; background:rgba(204,166,86,0.04); }
@media (max-width:820px) {
.seo-block#seo-block-wp h2 { font-size:2.4rem; margin-top:40px; }
.seo-block#seo-block-wp h3 { font-size:1.8rem; }
.seo-block#seo-block-wp p,
.seo-block#seo-block-wp ul,
.seo-block#seo-block-wp ol { font-size:1.5rem; }
}
/* Убираем декоративные
из MD-контента */
.seo-block hr,
.seo-row hr,
.combo-2cards-row hr,
.card-meaning-block hr,
.card-spheres hr { display:none; }
/* Убрать 8rem зазор между .bg-shell и глобальным .footer темы */
/* ============ MOBILE OVERRIDES — taro hero h1 + descriptions ============
Эталон H1 — главная irinagrit.ru (.h1 mobile = 4.6rem).
Описания (lede/sub/абзацы) сведены к 16px на ≤580px по требованию
заказчика (был разнобой 17-20px по разным селекторам).
FAQ-ответы оставлены 18px (см. правило про "+2px на мобиле для FAQ"). */
@media (max-width:1120px){
.hero h1{ font-size:7.3rem; }
}
@media (max-width:580px){
/* HERO H1 — единый размер для всех вариантов селекторов hero */
.hero h1,
.hero-text .h1,
.wk-hero-title{ font-size:4.6rem; line-height:0.85; }
/* HERO lede / описание под H1 */
.hero .lede,
.hero-text .lede,
.wk-hero-lede{ font-size:1.6rem; line-height:1.5; }
/* Подписи под секционным H2 (.sub) */
.bg-shell .section .sub,
.section .sub,
.arc-section .sub,
.arcana-section .ar-head .sub,
.qask-content .sub,
.card-section .sub,
[class*="-head"] .sub{ font-size:1.6rem; line-height:1.5; }
/* Описания на странице карты (page-taro-karta) и в любых .body-text/.lead */
.card-meaning-block p,
.card-symbol .d,
.card-attrs .row .v,
.card-attrs .row .k,
.body-text,
.cell .body-text,
.bk-panel .bk-lead,
.theme-card--time p,
.arc-slide-info .nm,
.arcana-card .ar-name,
.lb-info .pos{ font-size:1.6rem; line-height:1.5; }
}
/* ═══════════════════════════════════════════════════════════════════
PATCH 2026-05-19: новое количество карт в слайдере раскладов.
На неделю (s7) теперь 7 карт (было 3), На квартал (s30) теперь 3
(было 5), На полгода (s365) теперь 6 (было 7), На будущее (s3) — 3.
Переписываем nth-child transforms и hover-фоны.
═══════════════════════════════════════════════════════════════════ */
/* s3 — На будущее (3 карты, фон амбра) */
.theme-card--time.s3:hover{
background:
radial-gradient(ellipse at 50% 0%, rgba(251,216,144,0.22) 0%, transparent 60%),
linear-gradient(160deg, #6a5018 0%, #3a2c0a 50%, #1a1404 100%) !important;
border-color:rgba(251,216,144,0.65) !important;
}
.theme-card--time.s3 .mini:nth-child(1){ transform:translateX(-50%) rotate(-2deg) translateY(0); z-index:3; }
.theme-card--time.s3 .mini:nth-child(2){ transform:translateX(-50%) rotate(0deg) translateY(-2px); z-index:2; }
.theme-card--time.s3 .mini:nth-child(3){ transform:translateX(-50%) rotate(2deg) translateY(-4px); z-index:1; }
.theme-card--time.s3:hover .mini:nth-child(1){ transform:translateX(calc(-50% - 60px)) rotate(-14deg) translateY(-10px); }
.theme-card--time.s3:hover .mini:nth-child(2){ transform:translateX(-50%) rotate(0deg) translateY(-22px); }
.theme-card--time.s3:hover .mini:nth-child(3){ transform:translateX(calc(-50% + 60px)) rotate(14deg) translateY(-10px); }
/* s7 — На неделю теперь 7 карт (анимация прежней s365) */
.theme-card--time.s7 .mini:nth-child(1){ transform:translateX(-50%) rotate(-4deg) translateY(0); z-index:7; }
.theme-card--time.s7 .mini:nth-child(2){ transform:translateX(-50%) rotate(-2deg) translateY(-2px); z-index:6; }
.theme-card--time.s7 .mini:nth-child(3){ transform:translateX(-50%) rotate(0deg) translateY(-4px); z-index:5; }
.theme-card--time.s7 .mini:nth-child(4){ transform:translateX(-50%) rotate(2deg) translateY(-6px); z-index:4; }
.theme-card--time.s7 .mini:nth-child(5){ transform:translateX(-50%) rotate(4deg) translateY(-8px); z-index:3; }
.theme-card--time.s7 .mini:nth-child(6){ transform:translateX(-50%) rotate(6deg) translateY(-10px); z-index:2; }
.theme-card--time.s7 .mini:nth-child(7){ transform:translateX(-50%) rotate(8deg) translateY(-12px); z-index:1; }
.theme-card--time.s7:hover .mini:nth-child(1){ transform:translateX(calc(-50% - 130px)) rotate(-30deg) translateY(0); }
.theme-card--time.s7:hover .mini:nth-child(2){ transform:translateX(calc(-50% - 90px)) rotate(-20deg) translateY(-10px); }
.theme-card--time.s7:hover .mini:nth-child(3){ transform:translateX(calc(-50% - 45px)) rotate(-10deg) translateY(-18px); }
.theme-card--time.s7:hover .mini:nth-child(4){ transform:translateX(-50%) rotate(0deg) translateY(-22px); }
.theme-card--time.s7:hover .mini:nth-child(5){ transform:translateX(calc(-50% + 45px)) rotate(10deg) translateY(-18px); }
.theme-card--time.s7:hover .mini:nth-child(6){ transform:translateX(calc(-50% + 90px)) rotate(20deg) translateY(-10px); }
.theme-card--time.s7:hover .mini:nth-child(7){ transform:translateX(calc(-50% + 130px)) rotate(30deg) translateY(0); }
/* s30 — На квартал теперь 3 карты (анимация прежней s7) */
.theme-card--time.s30 .mini:nth-child(1){ transform:translateX(-50%) rotate(-2deg) translateY(0); z-index:3; }
.theme-card--time.s30 .mini:nth-child(2){ transform:translateX(-50%) rotate(0deg) translateY(-2px); z-index:2; }
.theme-card--time.s30 .mini:nth-child(3){ transform:translateX(-50%) rotate(2deg) translateY(-4px); z-index:1; }
.theme-card--time.s30 .mini:nth-child(4),
.theme-card--time.s30 .mini:nth-child(5){ display:none; }
.theme-card--time.s30:hover .mini:nth-child(1){ transform:translateX(calc(-50% - 60px)) rotate(-14deg) translateY(-10px); }
.theme-card--time.s30:hover .mini:nth-child(2){ transform:translateX(-50%) rotate(0deg) translateY(-22px); }
.theme-card--time.s30:hover .mini:nth-child(3){ transform:translateX(calc(-50% + 60px)) rotate(14deg) translateY(-10px); }
/* s365 — На полгода теперь 6 карт (6-card fan) */
.theme-card--time.s365 .mini:nth-child(1){ transform:translateX(-50%) rotate(-4deg) translateY(0); z-index:6; }
.theme-card--time.s365 .mini:nth-child(2){ transform:translateX(-50%) rotate(-2deg) translateY(-2px); z-index:5; }
.theme-card--time.s365 .mini:nth-child(3){ transform:translateX(-50%) rotate(-0.5deg) translateY(-4px); z-index:4; }
.theme-card--time.s365 .mini:nth-child(4){ transform:translateX(-50%) rotate(1deg) translateY(-6px); z-index:3; }
.theme-card--time.s365 .mini:nth-child(5){ transform:translateX(-50%) rotate(3deg) translateY(-8px); z-index:2; }
.theme-card--time.s365 .mini:nth-child(6){ transform:translateX(-50%) rotate(5deg) translateY(-10px); z-index:1; }
.theme-card--time.s365 .mini:nth-child(7){ display:none; }
.theme-card--time.s365:hover .mini:nth-child(1){ transform:translateX(calc(-50% - 110px)) rotate(-26deg) translateY(-4px); }
.theme-card--time.s365:hover .mini:nth-child(2){ transform:translateX(calc(-50% - 70px)) rotate(-15deg) translateY(-14px); }
.theme-card--time.s365:hover .mini:nth-child(3){ transform:translateX(calc(-50% - 25px)) rotate(-5deg) translateY(-22px); }
.theme-card--time.s365:hover .mini:nth-child(4){ transform:translateX(calc(-50% + 25px)) rotate(5deg) translateY(-22px); }
.theme-card--time.s365:hover .mini:nth-child(5){ transform:translateX(calc(-50% + 70px)) rotate(15deg) translateY(-14px); }
.theme-card--time.s365:hover .mini:nth-child(6){ transform:translateX(calc(-50% + 110px)) rotate(26deg) translateY(-4px); }
/* ============ Хлебные крошки + отступ до hero — ближе к эталону ============ */
.bg-shell .crumbs.wrap{
padding-top:12px !important;
padding-bottom:0 !important;
}
.bg-shell .hero{ padding-top:36px !important; }
@media (max-width:580px){
.bg-shell .crumbs.wrap{
padding-top:10px !important;
padding-bottom:0 !important;
font-size:1.4rem !important;
}
.bg-shell .hero{ padding-top:22px !important; }
}
/* ============ Меньше пустоты между hero ↔ section и между section'ами ============ */
.bg-shell .hero{ padding-bottom:24px !important; }
.bg-shell .seo-block{ padding-top:8px !important; padding-bottom:48px !important; }
@media (max-width:580px){
.bg-shell .hero{ padding-bottom:16px !important; }
.bg-shell .seo-block{ padding-top:0 !important; padding-bottom:32px !important; }
}