*{box-sizing:border-box}body{margin:0;background:#080909;color:#f4f0ec;font:16px/1.65 -apple-system,BlinkMacSystemFont,Inter,Arial,sans-serif}a{color:inherit}a:focus-visible{outline:2px solid #ff742e;outline-offset:3px}.wrap{width:min(1100px,calc(100% - 40px));margin:auto}.header{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid #292929}.header img{height:34px;width:auto;max-width:155px}.nav{display:flex;gap:13px;flex-wrap:wrap}.nav a,.foot a{font-size:13px;text-decoration:none;color:#b7b2ae}.nav a:hover,.foot a:hover{color:#fff}.eyebrow{font-size:12px;letter-spacing:.2em;color:#f18754;text-transform:uppercase;margin:25px 0}.hero{padding:36px 0 42px;border-bottom:1px solid #292929}.hero h1{font-size:clamp(34px,6vw,70px);font-weight:900;line-height:1.12;letter-spacing:-.04em;margin:0 0 20px}.hero p{max-width:780px;color:#c6c1bb;font-size:18px;margin:0 0 22px}.button{display:inline-block;background:#f4682b;color:#080909!important;border:1px solid #f4682b;padding:10px 16px;border-radius:4px;text-decoration:none;font-weight:800;margin:5px 10px 5px 0}.button.secondary{background:transparent;border-color:#777;color:#fff!important}.content{padding:30px 0 75px}.content h2{font-size:clamp(22px,3vw,30px)}.intro{color:#bbb;max-width:850px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:22px 0 32px}.card{display:block;text-decoration:none;background:#151516;border:1px solid #343333;border-radius:7px;padding:20px}.card:hover{border-color:#f4682b}.card strong{display:block;font-size:19px;line-height:1.3}.card p{font-size:14px;color:#bdb8b5;line-height:1.5}.card small{font-size:12px;color:#ec8857}.article{max-width:820px;font-size:17px;line-height:1.9;color:#ddd7d2}.article h2{color:#fff}.article p{margin:0 0 22px}.article a{color:#ff985d;overflow-wrap:anywhere}.foot{border-top:1px solid #333;padding:30px 0;color:#aaa}.foot nav a{display:inline-block;margin:5px 14px 5px 0}.back{color:#f49769;text-decoration:none}@media(max-width:690px){.wrap{width:calc(100% - 30px)}.header{flex-direction:column;align-items:flex-start}.nav{gap:9px}.cards{grid-template-columns:1fr}.hero{padding:24px 0 32px}.hero p{font-size:16px}.article{font-size:16px}}

/* v61: align indexable SEO pages with the actual Salamatina PRO storefront.
   Keep their URLs, article content and semantic HTML unchanged. */
@font-face{
 font-family:"Salamatina Narrow";
 src:url("../assets/fonts/nimbus-sans-narrow-bold.woff") format("woff");
 font-weight:700;
 font-style:normal;
 font-display:swap;
}
:root{--seo-accent:#ff641f;--seo-panel:#1b130f;--seo-line:#4c3830;--seo-text:#f6f1ed;--seo-muted:#b5a69c;}
body{background:#080808;color:var(--seo-text);font:16px/1.65 Arial,Helvetica,sans-serif;}
a:focus-visible,button:focus-visible{
 outline:2px solid #ff8c56;
 outline-offset:3px;
 border-radius:4px;
}
.header{min-height:90px;gap:22px;border-color:#352720;}
.header img{height:auto;max-height:46px;max-width:190px;}
.nav{display:flex;align-items:center;justify-content:flex-end;gap:12px 18px;}
.nav a,.foot a{font:500 13px/1.5 Arial,Helvetica,sans-serif;color:var(--seo-muted);}
.nav a{padding:8px 0;}
.nav a:hover,.foot a:hover{color:#fff;}
.eyebrow{font:500 12px/1.4 Arial,Helvetica,sans-serif;color:#ff985d;letter-spacing:.13em;}
.hero h1{
 font-family:"Salamatina Narrow",Arial,sans-serif;
 font-size:clamp(40px,7.5vw,88px);
 font-weight:700;
 line-height:.99;
 letter-spacing:-.022em;
}
.hero p{font:400 17px/1.65 Arial,Helvetica,sans-serif;color:#c5b9b0;}
.hero,.header,.foot{border-color:#352720;}
.button,.button.secondary{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-height:52px;
 box-sizing:border-box;
 border-radius:999px;
 padding:12px 22px;
 font:500 14px/1.3 Arial,Helvetica,sans-serif;
 white-space:normal;
 text-align:center;
}
.button{background:var(--seo-accent);border-color:var(--seo-accent);color:#21120b!important;}
.button.secondary{border-color:#625048;color:#f6f1ed!important;background:transparent;}
.button:hover{filter:brightness(1.07);}
.content h2{font:700 clamp(26px,3.5vw,40px)/1.1 "Salamatina Narrow",Arial,sans-serif;letter-spacing:-.015em;}
.intro,.article{color:#d2c4ba;}
.cards{gap:16px;align-items:stretch;}
.card{
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 justify-content:flex-start;
 box-sizing:border-box;
 min-height:188px;
 padding:22px;
 background:#171313;
 border:1px solid var(--seo-line);
 border-radius:20px;
 transition:border-color .15s ease,background .15s ease;
}
.card:hover{border-color:var(--seo-accent);background:#211611;}
.card strong{font:700 20px/1.25 Arial,Helvetica,sans-serif;color:var(--seo-text);}
.card p{font:400 14px/1.55 Arial,Helvetica,sans-serif;color:var(--seo-muted);}
.card small{color:#ff985d;font:500 12px/1.4 Arial,Helvetica,sans-serif;}
.article{font:400 17px/1.8 Arial,Helvetica,sans-serif;max-width:820px;}
.article h2{margin-top:34px;}
.article a,.back{color:#ff985d;text-underline-offset:3px;}
@media(max-width:850px){
 .nav{flex-wrap:wrap;justify-content:flex-start;}
 .cards{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:690px){
 .header{min-height:0;gap:10px;padding:19px 0;}
 .header img{max-height:40px;max-width:160px;}
 .nav{gap:6px 15px;}
 .nav a{min-height:30px;font-size:12px;padding:5px 0;}
 .hero h1{font-size:clamp(36px,10vw,58px);}
 .hero p{font-size:16px;}
 .cards{grid-template-columns:1fr;}
 .card{min-height:0;padding:20px;border-radius:18px;}
 .card strong{font-size:19px;}
 .button,.button.secondary{min-height:52px;padding:12px 19px;font-size:14px;}
 .article{font-size:16px;line-height:1.75;}
}
