/* Shared visual system for the separate site pages. Existing app controls keep their own styles. */
body{background:#f6f1e6;color:#203a2e}
.container{width:min(1240px,calc(100% - 72px))}
.site-header{border-bottom:1px solid rgba(36,77,59,.17)}
.header-inner{min-height:82px;display:flex;align-items:center;gap:18px}
.brand{order:0;margin-right:auto;font-size:26px;gap:12px}
.brand img{width:42px;height:42px;border-radius:8px}
.site-nav{order:1;display:flex;align-items:center;gap:8px;font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif}
.site-nav a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border:1px solid #a7b9aa;border-radius:6px;background:#edf1e8;color:#193c2e;font-size:14px;font-weight:700;box-shadow:0 2px 0 rgba(25,60,46,.09);transition:background .2s,border-color .2s,transform .2s}
.site-nav a:hover,.site-nav a:focus-visible{background:#dce8d9;border-color:var(--forest);text-decoration:none;transform:translateY(-1px)}
body[data-page="breeds"] .site-nav a[href="breeds.html"],body[data-page="articles"] .site-nav a[href="articles.html"],body[data-page="about"] .site-nav a[href="about.html"]{background:var(--forest);border-color:var(--forest);color:var(--ivory)}
.header-cta{order:2;min-height:54px;display:inline-flex;align-items:center;justify-self:auto;gap:9px;padding:7px 11px;border:2px solid var(--ochre);border-radius:7px;background:#193c2e;color:var(--ivory);box-shadow:0 3px 0 rgba(25,60,46,.18);font:700 14px "Trebuchet MS","Segoe UI",Arial,sans-serif;white-space:nowrap}
.header-cta:hover,.header-cta:focus-visible{background:#32644a;text-decoration:none}.header-cta img{width:32px;height:32px;flex:none;border-radius:6px;box-shadow:0 0 0 1px #f2e5c9}.header-cta-label{display:flex;align-items:baseline;gap:4px}.header-cta-label strong{font-size:15px}.header-cta-label small{font-size:13px;color:#e4decf}.header-cta b{margin-left:2px;color:#e2c17f;font-size:19px}
.menu-button{order:3}
.hero,.hero-inner{min-height:602px}.hero-media{inset:0;-webkit-mask-image:none;mask-image:none}.hero-media::after{display:none}.hero-media img{object-position:right 34%}.hero-shade{background:linear-gradient(90deg,rgba(25,60,46,.99) 0%,rgba(25,60,46,.97) 31%,rgba(25,60,46,.84) 44%,rgba(25,60,46,.16) 71%,transparent 100%)}
.hero-copy{width:min(690px,59%);padding:40px 0}.hero .eyebrow{margin:0 0 26px;color:#d6e1d7;font-size:11px}.hero h1{font-size:clamp(54px,5.7vw,84px);line-height:1.04;letter-spacing:-.035em;margin:0 0 22px}.hero-lead{max-width:510px;margin:0;color:#e8eee6;font-size:19px;line-height:1.55}.hero .play-placeholder{min-height:66px;margin-top:30px;padding:10px 16px;border-color:#f7efdf;border-radius:5px}.hero .play-placeholder strong{font-size:20px;font-weight:700}.hero .play-placeholder>span:first-child{font-size:25px}
.home-intro{padding:73px 0 75px}.home-intro-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:80px;align-items:start}.home-intro-kicker{font-size:11px;font-weight:800;letter-spacing:.17em}.home-intro h2{font:normal 47px/1.12 Georgia,serif;margin:15px 0 0}.home-intro-grid>div:last-child{max-width:480px;padding-top:5px}.home-intro-grid>div:last-child>p{font-size:17px;line-height:1.65;color:#3c584a}.home-intro-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.home-intro-actions a{display:inline-flex;align-items:center;min-height:45px;padding:10px 13px;border:1px solid var(--forest);border-radius:5px;font:700 13px "Trebuchet MS","Segoe UI",Arial,sans-serif}.home-intro-actions a:first-child{background:var(--forest);color:var(--ivory)}.home-intro-actions a:hover,.home-intro-actions a:focus-visible{background:#dce8d9;color:var(--forest)}
.about{background:var(--ivory)}.about-grid{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:70px}.about-grid h3{margin:38px 0 14px;padding-top:16px;border-top:2px solid var(--ochre);font:normal 29px Georgia,serif}.about-grid>div>p:not(.section-lead){font-size:15px;line-height:1.65}.about-freya{margin:0}.about-freya img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:4px}.about-freya figcaption{margin-top:9px;font-size:12px;color:#587061}
.app-tour{background:#e6ebe2}.app-tour h2{max-width:800px}.app-tour-lead{max-width:760px;margin-bottom:55px}.tour-list{display:grid;gap:0}.tour-row{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding:55px 5%;border-top:1px solid #aebdaf}.tour-row:nth-child(even) .tour-copy{order:2}.tour-row:nth-child(even) .tour-image{order:1}.tour-number{font:800 11px "Trebuchet MS","Segoe UI",Arial,sans-serif;letter-spacing:.16em;color:#617e68}.tour-copy h3{font:normal clamp(31px,3.5vw,54px)/1.1 Georgia,serif;margin:17px 0}.tour-copy p{max-width:470px;font-size:17px;line-height:1.65;color:#385347}.tour-image{margin:0;justify-self:center;width:min(100%,300px);padding:10px;background:#f9f7f0;border:1px solid #aebdaf;border-radius:25px;box-shadow:0 18px 36px rgba(18,48,34,.14)}.tour-image img{display:block;width:100%;height:auto;max-height:600px;object-fit:cover;object-position:top;border-radius:17px}
.download-section .qr-wrap{display:none}.download-grid{grid-template-columns:1fr}.download-section{padding:70px 0}.download-section h2{font-size:48px}
.reviews-section{background:#e5ebe3}.contacts-section{background:var(--ivory)}.contacts-grid{gap:70px}.contacts-details{gap:28px}
.footer-bottom{align-items:center}.legal-links{display:flex;gap:20px;flex-wrap:wrap}.legal-links a{text-decoration:underline;text-underline-offset:3px}
.footer-top{display:grid;grid-template-columns:auto 1fr;gap:14px 30px}.footer-top p{margin:0;align-self:center}.footer-top nav{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 24px}.footer-top nav a{font-size:13px}
.account-legal{margin:12px 0 25px;color:#55695b;font-size:13px}.account-legal a{text-decoration:underline;text-underline-offset:3px}
body[data-page="home"] main>section:not(.hero):not(.home-intro):not(.reviews-section):not(.contacts-section),body[data-page="articles"] main>section:not(.articles-section),body[data-page="breeds"] main>section:not(.catalog-section),body[data-page="about"] main>section:not(.about):not(.app-tour):not(.download-section),body[data-page="profile"] main>section:not(.profile-section){display:none}
body[data-page="articles"] .articles-section,body[data-page="breeds"] .catalog-section,body[data-page="about"] .about,body[data-page="profile"] .profile-section{min-height:calc(100vh - 170px);padding-top:58px}
body[data-page="profile"].cabinet-open .site-footer{display:block}
body[data-page="profile"] .profile-section{background:var(--ivory)}
@media(max-width:1100px){.header-inner{min-height:76px}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:30;max-height:calc(100dvh - 76px);overflow:auto;padding:12px max(24px,calc((100vw - 950px)/2)) 20px;background:var(--ivory);border-bottom:1px solid #bcc9bd;box-shadow:0 12px 18px rgba(25,60,46,.12)}.site-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:5px}.site-nav a{display:flex;justify-content:flex-start;min-height:45px;border:1px solid #a7b9aa;padding:10px 14px}.menu-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:43px;height:43px;border:1px solid var(--forest);border-radius:5px;background:transparent;padding:0}.menu-button span{width:19px;height:2px;background:var(--forest)}.header-cta{margin-left:auto}.home-intro-grid{grid-template-columns:1fr;gap:20px}.home-intro-grid>div:last-child{max-width:720px}}
@media(max-width:900px){.tour-row{gap:5%;padding:42px 0}.tour-copy p{font-size:15px}.tour-image{width:min(100%,250px)}}
@media(max-width:760px){.container{width:calc(100% - 32px)}.header-inner{min-height:66px}.brand{font-size:23px}.brand img{width:38px;height:38px}.header-cta{display:inline-flex;min-height:48px;padding:5px 9px;white-space:normal}.header-cta img{width:28px;height:28px}.header-cta-label{flex-direction:column;align-items:flex-start;gap:1px}.header-cta-label strong{font-size:12px}.header-cta-label small{font-size:10px}.header-cta b{display:none}.hero{display:flex;flex-direction:column;min-height:0}.hero-media{position:relative;z-index:0;inset:auto;width:100%;height:270px;-webkit-mask-image:none;mask-image:none}.hero-media img{object-position:70% 36%}.hero-shade{display:none}.hero-inner{position:relative;z-index:1;min-height:0;display:block;padding:0}.hero-copy{width:100%;padding:35px 0 36px}.hero h1{font-size:clamp(44px,11vw,64px)}.hero-lead{font-size:16px}.hero .play-placeholder{margin-top:22px;min-height:56px}.home-intro{padding:41px 0 60px}.home-intro h2{font-size:38px}.home-intro-grid>div:last-child>p{font-size:15px}.about-grid{grid-template-columns:1fr;gap:25px}.about-freya img{height:auto;aspect-ratio:4/3}.footer-bottom{align-items:flex-start}}
@media(max-width:760px){.app-tour-lead{margin-bottom:25px}.tour-row,.tour-row:nth-child(even){grid-template-columns:1fr;gap:18px;padding:35px 0}.tour-row:nth-child(even) .tour-copy,.tour-row:nth-child(even) .tour-image{order:initial}.tour-copy h3{font-size:34px}.tour-image{width:min(74vw,260px);justify-self:center}}
@media(max-width:520px){.header-inner{min-height:62px;gap:7px}.brand{font-size:19px;gap:7px}.brand img{width:34px;height:34px}.header-cta{min-width:145px;max-width:150px;gap:6px;padding:5px 7px}.header-cta img{width:27px;height:27px}.header-cta-label strong{font-size:11px;white-space:nowrap}.header-cta-label small{font-size:10px}.menu-button{width:38px;height:38px;min-width:38px}.hero-media{height:248px}.hero-copy{padding:30px 0 28px}.hero h1{font-size:40px}.home-intro h2{font-size:34px}.home-intro-actions{display:grid;grid-template-columns:1fr 1fr}.home-intro-actions a{font-size:11px}.home-intro-actions a:last-child{grid-column:1/-1}.about-freya img{height:auto;aspect-ratio:4/3}.legal-links{gap:9px 15px}.footer-bottom{display:flex;flex-direction:column}.footer-top{grid-template-columns:1fr}}
@media(max-width:370px){.brand{font-size:18px}.header-inner{gap:5px}}