/*
Theme Name: Custom Auto Theme
Author: System
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,700&display=swap');
:root{--primary:#c05621;--accent:#e07b39;--bg:#fffbf5;--bg2:#fdf0e0;--text:#1a1a1a;--muted:#6b6b6b;--fh:'DM Serif Display',serif;--fb:'DM Sans',sans-serif;--mw:1200px;--ma:720px;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:16px;scroll-behavior:smooth;}
a{display:inline-block;text-align:center;}
body{font-family:var(--fb);background:var(--bg);color:var(--text);line-height:1.7;}
img{max-width:100%;height:auto;display:block;}
h1,h2,h3,h4{font-family:var(--fh);line-height:1.3;}
h1{font-size:clamp(1.8rem,5vw,3.2rem);}
h2{font-size:clamp(1.4rem,3vw,2.1rem);}
h3{font-size:clamp(1.05rem,2.5vw,1.55rem);}
p{margin-bottom:1.2rem;}
header{background:var(--bg);border-bottom:2px solid var(--primary);}
.hdr{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;max-width:var(--mw);margin:0 auto;}
.logo{font-family:var(--fh);font-size:1.5rem;color:var(--primary);text-decoration:none;font-weight:700;letter-spacing:-.02em;}
.logo:hover{color:var(--accent);}
.nav-list{display:flex;gap:1.5rem;list-style:none;}
.nav-list a{color:var(--text);text-decoration:none;font-size:.78rem;font-weight:500;text-transform:uppercase;letter-spacing:.07em;transition:color .2s;position:relative;padding-bottom:2px;}
.nav-list a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary);transition:width .2s;}
.nav-list a:hover{color:var(--primary);}
.nav-list a:hover::after{width:100%;}
.burger{display:none;background:none;border:none;cursor:pointer;padding:.4rem;flex-direction:column;gap:5px;}
.burger span{display:block;width:22px;height:2px;background:var(--text);transition:all .2s;}
.hero{background:var(--bg2);padding:3.5rem 0 2rem;border-bottom:1px solid #e0c9a6;}
.hero-in{max-width:var(--mw);margin:0 auto;padding:0 1.5rem;}
.cat-lbl{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--primary);border-bottom:2px solid var(--primary);padding-bottom:.2rem;margin-bottom:1rem;}
.hero h1{max-width:800px;margin-bottom:1rem;}
.hero-meta{display:flex;gap:1.5rem;font-size:.8rem;color:var(--muted);margin-bottom:1.25rem;flex-wrap:wrap;}
.hero-lead{font-size:1.05rem;font-style:italic;color:var(--muted);max-width:680px;margin-bottom:1.5rem;line-height:1.65;}
.hero-img{width:100%;max-height:460px;object-fit:cover;margin:1.5rem 0;}
.acnt{max-width:var(--ma);margin:0 auto;padding:2rem 1.5rem;}
.acnt h2{font-size:1.5rem;margin:2.5rem 0 .75rem;}
.acnt h3{font-size:1.2rem;margin:2rem 0 .5rem;color:var(--primary);}
.acnt blockquote{border-left:4px solid var(--primary);padding:1rem 1.5rem;margin:2rem 0;background:var(--bg2);font-style:italic;font-size:1.1rem;font-family:var(--fh);color:var(--primary);line-height:1.5;}
.acnt ul{padding-left:1.5rem;margin-bottom:1.2rem;}
.acnt ul li{margin-bottom:.4rem;}
.tags{display:flex;gap:.4rem;flex-wrap:wrap;margin:1.75rem 0;}
.tag{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--primary);border:1px solid var(--primary);padding:.18rem .55rem;text-decoration:none;transition:all .2s;}
.tag:hover{background:var(--primary);color:#fff;}
.recipe{background:var(--primary);color:#fff;padding:1.75rem 2rem;margin:2.5rem auto;max-width:var(--ma);}
.recipe h3{color:#fff;font-size:1.2rem;margin-bottom:.55rem;}
.recipe p{color:rgba(255,255,255,.88);margin-bottom:0;}
.disc-box{background:var(--bg2);border-left:4px solid var(--accent);padding:.875rem 1.25rem;font-size:.8rem;color:var(--muted);margin:2rem 0;line-height:1.55;}
.sec-latest{padding:3.5rem 1.5rem;max-width:var(--mw);margin:0 auto;}
.sec-latest>h2{font-size:1.75rem;margin-bottom:1.75rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary);}
.grid{display:grid;grid-template-columns:1fr;gap:2rem;}
.pcard{transition:transform .22s;}
.pcard:hover{transform:translateY(-3px);}
.pcard-thumb{width:100%;aspect-ratio:16/9;background:var(--bg2);border-bottom:3px solid var(--accent);}
.pcard-body{padding:.875rem 0;}
.pcard-cat{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-bottom:.35rem;}
.pcard h3{font-size:1.05rem;margin-bottom:.4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.pcard h3 a{color:var(--text);text-decoration:none;transition:color .2s;display:block;text-align:left;}
.pcard h3 a:hover{color:var(--primary);}
.pcard-body>p{font-size:.85rem;color:var(--muted);margin-bottom:0;}
.sub-sec{background:var(--bg2);padding:3.5rem 1.5rem;border-top:2px solid var(--primary);border-bottom:2px solid var(--primary);}
.sub-in{max-width:560px;margin:0 auto;text-align:center;}
.sub-in h2{font-size:1.75rem;margin-bottom:.6rem;}
.sub-in>p{color:var(--muted);margin-bottom:1.75rem;}
.sub-form{display:flex;max-width:460px;margin:0 auto;}
.sub-form input[type=email]{flex:1;padding:.8rem 1rem;border:2px solid var(--primary);border-right:none;background:var(--bg);font-family:var(--fb);font-size:.9rem;color:var(--text);outline:none;}
.sub-form input[type=email]:focus{background:#fff;}
.sub-form button{padding:.8rem 1.2rem;background:var(--primary);color:#fff;border:2px solid var(--primary);font-family:var(--fb);font-size:.85rem;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;transition:background .2s;white-space:nowrap;}
.sub-form button:hover{background:var(--accent);border-color:var(--accent);}
footer{background:var(--text);color:rgba(255,255,255,.8);padding:3rem 1.5rem 2rem;}
.ftr-in{max-width:var(--mw);margin:0 auto;}
.ftr-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1.5rem;padding-bottom:1.75rem;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:1.75rem;}
.ftr-logo{font-family:var(--fh);font-size:1.35rem;color:#fff;text-decoration:none;}
.ftr-logo:hover{color:var(--accent);}
.ftr-links{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center;}
.ftr-links a{color:rgba(255,255,255,.52);text-decoration:none;font-size:.8rem;transition:color .2s;}
.ftr-links a:hover{color:var(--accent);}
.ftr-bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;}
.ftr-copy{font-size:.75rem;color:rgba(255,255,255,.42);}
.ftr-disc{font-size:.7rem;color:rgba(255,255,255,.3);max-width:500px;line-height:1.5;}
.crumbs{padding:.75rem 1.5rem;max-width:var(--mw);margin:0 auto;font-size:.75rem;color:var(--muted);display:flex;gap:.35rem;align-items:center;flex-wrap:wrap;}
.crumbs a{color:var(--primary);text-decoration:none;display:inline;text-align:left;}
.crumbs a:hover{text-decoration:underline;}
.art-hdr{text-align:center;padding:3.5rem 1.5rem 2rem;background:var(--bg2);border-bottom:1px solid #e0c9a6;}
.art-hdr h1{max-width:660px;margin:.75rem auto 1.25rem;}
.art-meta{display:flex;gap:1.25rem;justify-content:center;font-size:.8rem;color:var(--muted);flex-wrap:wrap;}
.art-hero-img{width:100%;max-height:400px;object-fit:cover;display:block;}
.related{padding:3rem 1.5rem;max-width:var(--mw);margin:0 auto;}
.related h2{font-size:1.6rem;margin-bottom:1.75rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary);}
.pol-wrap{max-width:var(--ma);margin:0 auto;padding:3rem 1.5rem 4rem;}
.pol-wrap h1{font-size:2rem;margin-bottom:.35rem;}
.pol-wrap .upd{font-size:.78rem;color:var(--muted);margin-bottom:2rem;}
.pol-wrap h2{font-size:1.28rem;margin:2rem 0 .6rem;padding-bottom:.35rem;border-bottom:1px solid var(--bg2);}
.pol-wrap p,.pol-wrap li{font-size:.93rem;color:#2a2a2a;}
.pol-wrap ul{padding-left:1.5rem;margin-bottom:1.2rem;}
.pol-wrap a{color:var(--primary);text-decoration:none;display:inline;text-align:left;}
.pol-wrap a:hover{text-decoration:underline;}
.succ-wrap{min-height:65vh;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;}
.succ-in h1{color:var(--primary);margin-bottom:.75rem;}
.succ-in p{color:var(--muted);margin-bottom:2rem;}
.btn-back{background:var(--primary);color:#fff;padding:.8rem 2rem;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.06em;transition:background .2s;}
.btn-back:hover{background:var(--accent);}
.err-wrap{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;}
.err-num{font-family:var(--fh);font-size:clamp(5rem,18vw,9rem);color:var(--bg2);line-height:1;display:block;}
.err-txt{font-size:clamp(1.75rem,5vw,3rem);color:var(--primary);font-family:var(--fh);margin-top:-.5rem;}
.err-desc{color:var(--muted);margin:1.5rem 0 2rem;max-width:380px;font-size:.93rem;}
.btn-home{background:var(--primary);color:#fff;padding:.75rem 1.75rem;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.06em;transition:background .2s;}
.btn-home:hover{background:var(--accent);}
.ck-toggle{display:none;}
.ck-banner{position:fixed;bottom:1.25rem;right:1.25rem;width:min(340px,calc(100vw - 2.5rem));background:var(--text);color:#fff;padding:1.25rem;z-index:9999;border-top:3px solid var(--primary);}
.ck-banner h4{font-family:var(--fh);font-size:.92rem;color:#fff;margin-bottom:.55rem;}
.ck-banner>p{font-size:.75rem;color:rgba(255,255,255,.7);margin-bottom:.875rem;line-height:1.5;}
.ck-banner>p a{color:var(--accent);text-decoration:none;display:inline;text-align:left;}
.ck-actions{display:flex;gap:.5rem;flex-wrap:wrap;}
.ck-acc,.ck-dec{cursor:pointer;font-family:var(--fb);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.4rem .875rem;transition:all .2s;}
.ck-acc{background:var(--primary);color:#fff;}
.ck-acc:hover{background:var(--accent);}
.ck-dec{background:transparent;color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.2);}
.ck-dec:hover{color:#fff;border-color:rgba(255,255,255,.5);}
.ck-toggle:checked~.ck-banner{display:none;}
@media(max-width:768px){
  .burger{display:flex;}
  .nav-list{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);border-bottom:2px solid var(--primary);flex-direction:column;gap:0;padding:.75rem 0;}
  .nav-list.open{display:flex;}
  .nav-list li{padding:.5rem 1.5rem;}
  .sub-form{flex-direction:column;}
  .sub-form input[type=email]{border-right:2px solid var(--primary);border-bottom:none;}
  .ftr-top{flex-direction:column;}
  .ftr-bot{flex-direction:column;}
  .acnt{padding:1.5rem 1rem;}
  .recipe{margin:2rem 1rem;}
}
@media(min-width:600px){.grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:992px){.grid{grid-template-columns:repeat(3,1fr);}}