/* Pet1 Blog — v3.0 — Complete Rewrite */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --font-ui:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-body:'Merriweather',Georgia,'Times New Roman',serif;
  --color-bg:#fafaf8;
  --color-surface:#ffffff;
  --color-text:#1a1a1a;
  --color-text-secondary:#555;
  --color-text-muted:#888;
  --color-accent:#e8672c;
  --color-accent-hover:#d15a22;
  --color-cats:#7c6bbd;
  --color-dogs:#2d8f5c;
  --color-health:#c94040;
  --color-food:#d4943a;
  --color-care:#3a8fc9;
  --color-border:#e8e6e1;
  --color-border-light:#f0eeea;
  --shadow-sm:0 1px 3px rgba(0,0,0,.06);
  --shadow-md:0 4px 12px rgba(0,0,0,.08);
  --shadow-lg:0 8px 30px rgba(0,0,0,.1);
  --radius-sm:6px;
  --radius-md:10px;
  --radius-lg:16px;
  --max-width:1140px;
  --header-height:64px;
}

html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font-ui);color:var(--color-text);background:var(--color-bg);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
img{max-width:100%;height:auto;display:block}
a{color:var(--color-accent);text-decoration:none;transition:color .2s}
a:hover{color:var(--color-accent-hover)}
ul,ol{list-style:none}
button,input{font-family:inherit;font-size:inherit}

/* Header */
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid transparent;
  transition:border-color .3s,box-shadow .3s;
  height:var(--header-height);
}
.site-header.scrolled{border-bottom-color:var(--color-border);box-shadow:var(--shadow-sm)}
.header-inner{
  max-width:var(--max-width);margin:0 auto;padding:0 1.25rem;
  display:flex;align-items:center;justify-content:space-between;height:100%;
}
.site-logo{font-weight:700;font-size:1.15rem;color:var(--color-text);display:flex;align-items:center;gap:.35rem}
.site-logo span{color:var(--color-accent);font-size:1.3rem}
.site-logo:hover{color:var(--color-text)}
.site-nav{display:flex;gap:1.5rem;align-items:center}
.site-nav a{font-size:.9rem;font-weight:500;color:var(--color-text-secondary);padding:.25rem 0;position:relative}
.site-nav a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-accent);transition:width .25s}
.site-nav a:hover,.site-nav a.active{color:var(--color-text)}
.site-nav a:hover::after,.site-nav a.active::after{width:100%}

/* Hamburger */
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:110}
.hamburger span{display:block;width:24px;height:2px;background:var(--color-text);transition:transform .3s,opacity .3s;border-radius:2px}
.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .3s;z-index:100;display:none}

@media(max-width:768px){
  .hamburger{display:flex}
  .nav-overlay{display:block}
  .nav-overlay.active{opacity:1;pointer-events:auto}
  .site-nav{
    position:fixed;top:0;right:-100%;width:280px;height:100vh;
    background:var(--color-surface);flex-direction:column;
    padding:5rem 2rem 2rem;gap:1rem;
    box-shadow:var(--shadow-lg);transition:right .3s;z-index:105;
  }
  .site-nav.open{right:0}
  .site-nav a{font-size:1.1rem}
}

/* Main */
.main{max-width:var(--max-width);margin:0 auto;padding:2rem 1.25rem;width:100%;flex:1}

/* Hero */
.hero{position:relative;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:2.5rem;min-height:400px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}
.hero__bg{position:absolute;inset:0;z-index:0}
.hero__bg img{width:100%;height:100%;object-fit:cover}
.hero__bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.25) 55%,rgba(0,0,0,.1) 100%)}
.hero__content{position:relative;z-index:1;padding:3rem 2.5rem}
.hero h1{font-family:var(--font-body);font-size:2.2rem;line-height:1.25;margin-bottom:.75rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.hero p{font-size:1.05rem;line-height:1.6;opacity:.92;margin-bottom:1.5rem;max-width:560px}
.hero-author{display:flex;align-items:center;gap:.75rem}
.hero-author img{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.5);object-fit:cover}
.hero-author__info{font-size:.85rem;opacity:.85}
.hero-author__name{font-weight:600;opacity:1}

@media(max-width:640px){
  .hero{min-height:320px}
  .hero__content{padding:2rem 1.5rem}
  .hero h1{font-size:1.6rem}
}

/* Content + Sidebar */
.content-with-sidebar{display:grid;grid-template-columns:1fr 300px;gap:2.5rem;align-items:start}
@media(max-width:960px){.content-with-sidebar{grid-template-columns:1fr;gap:2rem}}

/* Post Cards */
.posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
@media(max-width:640px){.posts-grid{grid-template-columns:1fr}}

.post-card{background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);transition:box-shadow .25s,transform .25s}
.post-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.post-card__image{width:100%;height:200px;object-fit:cover;background:var(--color-border-light)}
.post-card__body{padding:1.25rem}
.post-card__meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.78rem;color:var(--color-text-muted);margin-bottom:.6rem}
.post-card__title{font-size:1.05rem;font-weight:600;line-height:1.35;margin-bottom:.5rem}
.post-card__title a{color:var(--color-text)}
.post-card__title a:hover{color:var(--color-accent)}
.post-card__excerpt{font-size:.88rem;color:var(--color-text-secondary);line-height:1.55;margin-bottom:1rem}
.post-card__footer{display:flex;justify-content:space-between;align-items:center}
.post-card__tags{display:flex;gap:.4rem;flex-wrap:wrap}
.post-card__read-more{font-size:.82rem;font-weight:600;color:var(--color-accent)}

/* Featured Post */
.featured-post{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:2rem;border:1px solid var(--color-border)}
.featured-post__image{width:100%;height:320px;object-fit:cover;background:var(--color-border-light)}
@media(max-width:640px){.featured-post__image{height:220px}}
.featured-post__content{padding:1.75rem}
.featured-post__badge{display:inline-block;background:var(--color-accent);color:#fff;font-size:.72rem;font-weight:700;text-transform:uppercase;padding:.25rem .65rem;border-radius:3px;margin-bottom:.75rem;letter-spacing:.03em}
.featured-post__meta{display:flex;flex-wrap:wrap;gap:.6rem;font-size:.8rem;color:var(--color-text-muted);margin-bottom:.6rem}
.featured-post__title{font-size:1.4rem;font-weight:700;line-height:1.3;margin-bottom:.75rem}
.featured-post__title a{color:var(--color-text)}
.featured-post__title a:hover{color:var(--color-accent)}
.featured-post__excerpt{font-size:.92rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:1.25rem}

/* Tags */
.tag{display:inline-block;font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:3px;text-transform:uppercase;letter-spacing:.02em}
.tag--cats{background:#f0ecfa;color:var(--color-cats)}
.tag--dogs{background:#e6f5ed;color:var(--color-dogs)}
.tag--health{background:#fce8e8;color:var(--color-health)}
.tag--food{background:#fdf2e4;color:var(--color-food)}
.tag--care{background:#e4f0fa;color:var(--color-care)}

/* Sidebar */
.sidebar{position:sticky;top:calc(var(--header-height) + 1.5rem)}
.sidebar-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.25rem}
.sidebar-block__title{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:1rem}

.author-mini{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}
.author-mini img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.author-mini__text{font-size:.85rem;line-height:1.4}
.author-mini__text strong{display:block;font-size:.9rem}
.author-mini__text span{color:var(--color-text-muted);font-size:.8rem}
.sidebar-author-bio{font-size:.83rem;color:var(--color-text-secondary);line-height:1.55}

.popular-posts{list-style:none}
.popular-posts li{padding:.6rem 0;border-bottom:1px solid var(--color-border-light)}
.popular-posts li:last-child{border-bottom:none;padding-bottom:0}
.popular-posts a{font-size:.87rem;font-weight:500;color:var(--color-text);display:block;line-height:1.4}
.popular-posts a:hover{color:var(--color-accent)}
.popular-posts__meta{font-size:.75rem;color:var(--color-text-muted);margin-top:.2rem}

.tags-cloud{display:flex;flex-wrap:wrap;gap:.4rem}
.tags-cloud a{transition:transform .15s}
.tags-cloud a:hover{transform:scale(1.05)}

.subscribe-mini input{width:100%;padding:.55rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.88rem;margin-bottom:.5rem;background:var(--color-bg)}
.subscribe-mini input:focus{outline:none;border-color:var(--color-accent)}
.subscribe-mini button{width:100%;padding:.55rem;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;font-size:.88rem;transition:background .2s}
.subscribe-mini button:hover{background:var(--color-accent-hover)}
.subscribe-mini__note{font-size:.73rem;color:var(--color-text-muted);margin-top:.4rem;line-height:1.4}

/* Article Page */
.breadcrumbs{font-size:.82rem;color:var(--color-text-muted);margin-bottom:1.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:.3rem}
.breadcrumbs a{color:var(--color-text-secondary)}
.breadcrumbs a:hover{color:var(--color-accent)}
.breadcrumbs__sep{color:var(--color-border)}

.article-hero{width:100%;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:1.75rem}
.article-hero img{width:100%;max-height:480px;object-fit:cover}

.article-header{margin-bottom:2rem;max-width:720px}
.article-header__meta{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;font-size:.82rem;color:var(--color-text-muted);margin-bottom:.75rem}
.article-header h1{font-family:var(--font-body);font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:.75rem}
@media(max-width:640px){.article-header h1{font-size:1.5rem}}
.article-header__tags{display:flex;gap:.4rem;margin-bottom:1.25rem}
.article-header__author{display:flex;align-items:center;gap:.65rem}
.article-header__author img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.article-header__author-name{font-weight:600;font-size:.9rem}
.article-header__author-role{font-size:.78rem;color:var(--color-text-muted)}

/* Article Body */
.article-layout{display:grid;grid-template-columns:1fr 280px;gap:3rem;align-items:start}
@media(max-width:960px){.article-layout{grid-template-columns:1fr}}

.article-body{font-family:var(--font-body);font-size:1.02rem;line-height:1.8;color:var(--color-text);max-width:720px}
.article-body h2{font-family:var(--font-ui);font-size:1.4rem;font-weight:700;margin:2.25rem 0 1rem;line-height:1.3}
.article-body h3{font-family:var(--font-ui);font-size:1.15rem;font-weight:600;margin:1.75rem 0 .75rem}
.article-body p{margin-bottom:1.25rem}
.article-body ul,.article-body ol{margin:0 0 1.25rem 1.5rem;list-style-type:disc}
.article-body ol{list-style-type:decimal}
.article-body li{margin-bottom:.5rem;line-height:1.7}
.article-body strong{font-weight:700}
.article-body a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.article-body blockquote{border-left:3px solid var(--color-accent);margin:1.5rem 0;padding:1rem 1.25rem;font-style:italic;background:rgba(232,103,44,.04);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-text-secondary)}
.article-body img{width:100%;border-radius:var(--radius-md);margin:1.5rem 0}
.article-body .img-caption{font-family:var(--font-ui);font-size:.8rem;color:var(--color-text-muted);text-align:center;margin-top:-.75rem;margin-bottom:1.5rem;font-style:italic}
.article-body s{color:var(--color-text-muted)}

/* Callout boxes */
.callout{display:flex;gap:1rem;padding:1.25rem;margin:1.5rem 0;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:.9rem}
.callout__icon{font-size:1.3rem;flex-shrink:0;line-height:1.4}
.callout__title{font-weight:700;margin-bottom:.3rem;font-size:.88rem}
.callout__text{line-height:1.6;color:var(--color-text-secondary)}
.callout--important{background:#fef3f3;border:1px solid #f5d0d0}
.callout--important .callout__icon{color:var(--color-health)}
.callout--important .callout__title{color:var(--color-health)}
.callout--tip{background:#f0f9f0;border:1px solid #c8e6c8}
.callout--tip .callout__icon{color:var(--color-dogs)}
.callout--tip .callout__title{color:var(--color-dogs)}
.callout--info{background:#f0f4ff;border:1px solid #c8d6f0}
.callout--info .callout__icon{color:var(--color-care)}
.callout--info .callout__title{color:var(--color-care)}
.callout--personal{background:#fdf8f0;border:1px solid #f0e0c0}
.callout--personal .callout__icon{color:var(--color-food)}

/* Share Buttons */
.share-buttons{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:1.5rem 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin:2rem 0}
.share-buttons__label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary)}
.share-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .85rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;color:#fff;border:none;cursor:pointer;transition:opacity .2s}
.share-btn:hover{opacity:.85;color:#fff}
.share-btn--vk{background:#4a76a8}
.share-btn--tg{background:#27a7e7}
.share-btn--ok{background:#ee8208}
.share-btn--copy{background:var(--color-text-secondary);color:#fff}

/* Author Bio */
.author-bio{display:flex;gap:1.25rem;padding:1.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin:2rem 0}
@media(max-width:480px){.author-bio{flex-direction:column;align-items:center;text-align:center}}
.author-bio img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0}
.author-bio__info{flex:1}
.author-bio__name{font-weight:700;font-size:1.05rem;margin-bottom:.15rem}
.author-bio__role{font-size:.82rem;color:var(--color-text-muted);margin-bottom:.5rem}
.author-bio__text{font-size:.88rem;line-height:1.6;color:var(--color-text-secondary)}

/* Comments */
.comments-section{margin:2.5rem 0}
.comments-section__title{font-size:1.2rem;font-weight:700;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}
.comments-section__count{font-size:.85rem;color:var(--color-text-muted);font-weight:400}

.comment{display:flex;gap:1rem;padding:1.25rem 0;border-bottom:1px solid var(--color-border-light)}
.comment:last-child{border-bottom:none}
.comment__avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;background:var(--color-border-light);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:var(--color-text-muted)}
.comment__body{flex:1}
.comment__header{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem;flex-wrap:wrap}
.comment__name{font-weight:600;font-size:.9rem}
.comment__date{font-size:.78rem;color:var(--color-text-muted)}
.comment__text{font-size:.9rem;line-height:1.6;color:var(--color-text-secondary)}
.comment__reply{font-size:.78rem;color:var(--color-accent);font-weight:600;margin-top:.4rem;cursor:pointer;background:none;border:none;padding:0}

.comment-form{margin-top:1.5rem;padding:1.25rem;background:var(--color-bg);border-radius:var(--radius-md)}
.comment-form__title{font-weight:600;font-size:.95rem;margin-bottom:1rem}
.comment-form__row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}
@media(max-width:480px){.comment-form__row{grid-template-columns:1fr}}
.comment-form input,.comment-form textarea{width:100%;padding:.6rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.88rem;background:#fff}
.comment-form textarea{min-height:100px;resize:vertical;margin-bottom:.75rem;font-family:inherit}
.comment-form input:focus,.comment-form textarea:focus{outline:none;border-color:var(--color-accent)}
.comment-form button{padding:.6rem 1.5rem;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:background .2s}
.comment-form button:hover{background:var(--color-accent-hover)}

/* Related Posts */
.related-posts{margin:2.5rem 0}
.related-posts__title{font-size:1.2rem;font-weight:700;margin-bottom:1.25rem}
.related-posts__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
@media(max-width:640px){.related-posts__grid{grid-template-columns:1fr}}
.related-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow .25s}
.related-card:hover{box-shadow:var(--shadow-md)}
.related-card__image{width:100%;height:150px;object-fit:cover;background:var(--color-border-light)}
.related-card__body{padding:1rem}
.related-card__date{font-size:.75rem;color:var(--color-text-muted);margin-bottom:.3rem}
.related-card__title{font-size:.9rem;font-weight:600;line-height:1.35}
.related-card__title a{color:var(--color-text)}
.related-card__title a:hover{color:var(--color-accent)}

.article-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}
.back-link{font-weight:600;font-size:.9rem;color:var(--color-accent)}

/* Footer */
.site-footer{background:#1e1e1e;color:#ccc;margin-top:auto;font-size:.88rem}
.footer-inner{max-width:var(--max-width);margin:0 auto;padding:3rem 1.25rem 1.5rem}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2.5rem}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:1.5rem}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}

.footer-brand{font-weight:700;font-size:1.1rem;color:#fff;margin-bottom:.75rem}
.footer-brand span{color:var(--color-accent)}
.footer-desc{font-size:.85rem;line-height:1.6;color:#999;margin-bottom:1rem}
.footer-heading{font-weight:700;font-size:.85rem;color:#fff;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.04em}
.footer-links li{margin-bottom:.45rem}
.footer-links a{color:#aaa;transition:color .2s}
.footer-links a:hover{color:var(--color-accent)}
.footer-telegram{display:inline-flex;align-items:center;gap:.4rem;color:#27a7e7;font-weight:600;margin-top:.5rem}
.footer-telegram:hover{color:#1e8fc5}

.footer-newsletter__form{display:flex;gap:.4rem;margin-top:.5rem}
.footer-newsletter__form input{flex:1;padding:.45rem .65rem;border:1px solid #444;border-radius:var(--radius-sm);background:#2a2a2a;color:#fff;font-size:.85rem}
.footer-newsletter__form input::placeholder{color:#777}
.footer-newsletter__form button{padding:.45rem .85rem;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;font-size:.85rem}

.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;padding-top:1.5rem;border-top:1px solid #333;font-size:.8rem;color:#777}
.footer-bottom a{color:#999}
.footer-bottom a:hover{color:var(--color-accent)}
.footer-bottom-links{display:flex;gap:1rem}

/* Pages */
.page-title{font-family:var(--font-body);font-size:1.8rem;font-weight:700;margin-bottom:.5rem}
.page-subtitle{font-size:1rem;color:var(--color-text-secondary);margin-bottom:2rem;line-height:1.6}

.about-hero{display:flex;gap:2rem;align-items:center;margin-bottom:2.5rem}
@media(max-width:640px){.about-hero{flex-direction:column;text-align:center}}
.about-hero img{width:160px;height:160px;border-radius:50%;object-fit:cover;flex-shrink:0}
.about-hero__text h1{font-family:var(--font-body);font-size:1.6rem;margin-bottom:.5rem}
.about-content{font-family:var(--font-body);line-height:1.8;max-width:720px}
.about-content h2{font-family:var(--font-ui);font-size:1.3rem;margin:2rem 0 1rem}
.about-content p{margin-bottom:1.25rem}

.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}
@media(max-width:640px){.contact-info{grid-template-columns:1fr}}
.contact-card{padding:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}
.contact-card__icon{font-size:1.5rem;margin-bottom:.5rem}
.contact-card__title{font-weight:700;margin-bottom:.3rem}
.contact-card__text{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6}

.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2.5rem}
@media(max-width:640px){.categories-grid{grid-template-columns:1fr}}
.category-card{padding:1.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:box-shadow .2s}
.category-card:hover{box-shadow:var(--shadow-md)}
.category-card__title{font-size:1.15rem;font-weight:700;margin-bottom:.5rem}
.category-card__count{font-size:.8rem;color:var(--color-text-muted);margin-bottom:.75rem}
.category-card__posts{list-style:none}
.category-card__posts li{padding:.35rem 0}
.category-card__posts a{font-size:.9rem;color:var(--color-text)}
.category-card__posts a:hover{color:var(--color-accent)}

.legal-content{font-family:var(--font-body);line-height:1.8;max-width:720px}
.legal-content h1{font-family:var(--font-body);font-size:1.8rem;margin-bottom:.5rem}
.legal-content h2{font-family:var(--font-ui);font-size:1.25rem;margin:2rem 0 .75rem}
.legal-content p{margin-bottom:1rem}
.legal-content ul{margin:0 0 1rem 1.5rem;list-style:disc}
.legal-content li{margin-bottom:.4rem}

.error-page{text-align:center;padding:5rem 1rem}
.error-page__code{font-size:6rem;font-weight:800;color:var(--color-border);line-height:1}
.error-page__title{font-size:1.5rem;font-weight:700;margin:.75rem 0}
.error-page__text{color:var(--color-text-secondary);margin-bottom:1.5rem}
.error-page__btn{display:inline-block;padding:.65rem 1.5rem;background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);font-weight:600}
.error-page__btn:hover{background:var(--color-accent-hover);color:#fff}

/* Cookie */
.cookie-consent{position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -4px 20px rgba(0,0,0,.1);padding:1rem 1.25rem;transition:transform .3s}
.cookie-consent.hidden{transform:translateY(110%);pointer-events:none}
.cookie-consent__inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.cookie-consent__text{font-size:.85rem;color:var(--color-text-secondary);flex:1;min-width:280px;line-height:1.5}
.cookie-consent__text a{color:var(--color-accent)}
.cookie-consent__actions{display:flex;gap:.5rem}
.cookie-consent__btn{padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;cursor:pointer;border:none;transition:background .2s}
.cookie-consent__btn--accept{background:var(--color-accent);color:#fff}
.cookie-consent__btn--accept:hover{background:var(--color-accent-hover)}
.cookie-consent__btn--decline{background:var(--color-border);color:var(--color-text-secondary)}
.cookie-consent__btn--decline:hover{background:#ddd}