/*
Theme Name: Киремида Шамот
Theme URI: https://example.com/
Author: OpenAI
Description: Едностранична продуктова тема за Киремида Шамот.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: kiremida-shamot
*/
:root{--bg:#11100f;--panel:#201c19;--orange:#f36b21;--orange2:#b94716;--cream:#f1dfd5;--white:#f7f5f3;--muted:#d1c9c3;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.site-header{height:76px;background:rgba(10,10,10,.97);border-bottom:0;display:flex;align-items:center;position:relative;z-index:5}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;font-weight:850;font-size:22px;line-height:1.05}.brand-mark{width:43px;height:43px;display:grid;place-items:center;color:var(--orange);font-size:37px;line-height:1}.main-nav{display:flex;gap:clamp(18px,4vw,58px);font-weight:650;font-size:15px}.main-nav a:hover{color:var(--orange)}.button{display:inline-flex;align-items:center;gap:14px;background:linear-gradient(100deg,var(--orange),#d94d13);padding:13px 24px;border-radius:11px;font-weight:750;color:white;transition:.2s}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}
.hero{min-height:370px;background:url('assets/images/shamot-live-banner.gif') center/cover no-repeat;display:flex;align-items:center;border-bottom:0}.hero-content{padding:54px 0 46px;max-width:610px}.eyebrow{color:#ff8a3d;text-transform:uppercase;font-size:14px;font-weight:800;letter-spacing:.06em}.hero h1{font-size:clamp(42px,5vw,66px);line-height:1.04;margin:12px 0 14px;letter-spacing:-.035em}.hero p{font-size:20px;color:#e0d9d4;max-width:520px;margin:0 0 22px}.proofs{display:flex;gap:26px;flex-wrap:wrap;margin:22px 0 28px;color:#f2eae4;font-size:14px}.proofs span:before{content:"✦";color:var(--orange);font-size:19px;margin-right:9px}
.section{padding:42px 0 48px;background:radial-gradient(ellipse at 50% 100%,#34251e 0%,#171514 65%)}.section-heading{text-align:center;margin-bottom:22px}.section-heading h2{font-size:clamp(30px,3vw,40px);margin:0 0 4px}.section-heading p{color:#d4cbc5;margin:0}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.product-card{min-width:0}.product-image{height:170px;background-position:center;background-size:cover;border-radius:12px 12px 0 0;filter:saturate(1.08)}.product-info{display:flex;align-items:center;gap:18px;background:rgba(31,27,24,.96);border:1px solid #594338;border-radius:14px;padding:16px 20px;min-height:100px;position:relative;margin-top:-2px}.product-icon{font-size:30px;color:#ff873b;min-width:42px;text-align:center}.product-info h3{font-size:19px;margin:0 0 3px}.product-info p{font-size:14px;color:#ddd3cc;margin:0;line-height:1.4}
.features{background:var(--cream);color:#171311;padding:28px 0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.feature{display:flex;align-items:center;gap:17px}.feature-icon{font-size:35px;color:#b94716}.feature h3{font-size:17px;margin:0 0 2px}.feature p{font-size:14px;margin:0;line-height:1.4;color:#332923}
.application{padding:56px 0;text-align:center;background:#171514}.application h2{font-size:30px;margin:0 0 10px}.application p{color:#d8cec7;max-width:760px;margin:0 auto 24px}.site-footer{padding:22px 0;background:#0b0b0b;color:#aaa;font-size:13px;border-top:1px solid #33251f}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:850px){.main-nav{gap:14px;font-size:13px}.header-cta{display:none}.products{gap:14px}.product-info{padding:13px;gap:9px}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.site-header{height:auto;padding:14px 0}.header-inner{flex-wrap:wrap}.main-nav{order:3;width:100%;overflow:auto;padding:8px 0 2px;justify-content:space-between}.main-nav a{white-space:nowrap}.hero{min-height:470px;background-position:58% center}.hero-content{padding:55px 0}.hero p{font-size:17px}.proofs{gap:12px}.products{grid-template-columns:1fr;gap:24px}.product-image{height:190px}.feature-grid{grid-template-columns:1fr 1fr;gap:20px}.feature{align-items:flex-start}.feature-icon{font-size:27px}.container{width:min(100% - 32px,var(--max))}}

/* Contact footer */
.contact-footer{padding:42px 0 18px;background:#090909;color:#f7f2ee;border-top:1px solid rgba(243,107,33,.42)}
.contact-footer-inner{display:grid;grid-template-columns:1fr 1.25fr;gap:54px;padding-bottom:30px}
.contact-footer-brand h2{font-size:30px;margin:7px 0 8px}
.contact-footer-brand p{color:#c9beb7;max-width:420px;margin:0}
.contact-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.contact-item{padding:14px 16px;border:1px solid #403027;border-radius:10px;background:#171311}
.contact-item span{display:block;color:#f0803a;font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.contact-item strong{font-size:15px;font-weight:650}
.contact-footer-bottom{border-top:1px solid #30231d;padding-top:14px;display:flex;justify-content:space-between;gap:15px;color:#9f958f;font-size:12px}
@media(max-width:700px){.contact-footer-inner{grid-template-columns:1fr;gap:24px}.contact-details{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.contact-details{grid-template-columns:1fr}.contact-footer-bottom{flex-direction:column}}

/* Contact form */
.contact-footer-inner{grid-template-columns:.85fr 1.15fr;align-items:start}
.contact-direct{margin-top:24px}.contact-direct span{display:block;color:#f0803a;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.contact-direct a{font-weight:700;font-size:17px}
.contact-form-wrap{padding:22px;background:#171311;border:1px solid #49362b;border-radius:14px}
.contact-form-wrap h3{font-size:21px;margin:0 0 14px}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px}
.contact-form label{font-size:13px;color:#e8d9cf;font-weight:650;align-self:end}
.contact-form input,.contact-form textarea{width:100%;min-width:0;background:#0e0d0c;border:1px solid #574337;border-radius:8px;padding:12px 13px;color:#fff;font:inherit;outline:none}
.contact-form input:focus,.contact-form textarea:focus{border-color:#f36b21;box-shadow:0 0 0 2px rgba(243,107,33,.15)}
.contact-form label[for="ks-name"]{grid-column:1}.contact-form #ks-name{grid-column:1}
.contact-form label[for="ks-email"]{grid-column:2;grid-row:1}.contact-form #ks-email{grid-column:2;grid-row:2}
.contact-form label[for="ks-message"],.contact-form #ks-message,.contact-submit{grid-column:1/-1}
.contact-form textarea{resize:vertical}
.contact-submit{border:0;cursor:pointer;justify-content:center;margin-top:5px}
.contact-notice{padding:10px 12px;border-radius:8px;font-size:14px}.contact-notice.success{background:#173322;color:#c8f4d5}.contact-notice.error{background:#3b201a;color:#ffd6c8}
.contact-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:700px){.contact-footer-inner{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr}.contact-form label[for="ks-name"],.contact-form #ks-name,.contact-form label[for="ks-email"],.contact-form #ks-email,.contact-form label[for="ks-message"],.contact-form #ks-message,.contact-submit{grid-column:1;grid-row:auto}}

/* Product specifications and applications */
.specifications{padding:42px 0;background:#171514;color:#f7f3ef}
.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.spec-card{display:flex;gap:15px;align-items:flex-start;padding:18px;background:#211c19;border:1px solid #4d382d;border-radius:12px}
.spec-icon{font-size:27px;color:#f4772d}
.spec-card h3{font-size:17px;margin:0 0 4px}.spec-card p{margin:0;color:#d8cec7;font-size:14px}
.spec-note,.application-note{font-size:12px;color:#bdb1a9;margin:14px 0 0}
.applications{padding:42px 0;background:#f1dfd5;color:#191411}
.applications .section-heading p{color:#51423a}
.application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.application-grid article{padding:18px;background:#211c19;color:#f7f3ef;border-radius:12px;min-height:150px}
.application-grid article>span{font-size:26px;color:#f4772d}
.application-grid h3{font-size:17px;margin:6px 0}.application-grid p{font-size:13px;color:#ddd2cb;margin:0}
.applications .application-note{color:#65564e}
.policy-link{color:#f2a06b;text-decoration:underline;text-underline-offset:3px}
.policy-page{padding:56px 0 70px;background:#171514;min-height:60vh}
.policy-page h1{font-size:clamp(34px,5vw,48px);margin:8px 0 10px}
.policy-intro{color:#d2c7bf;max-width:780px;margin:0 0 30px}
.policy-page section{max-width:850px;padding:18px 0;border-top:1px solid #443229}
.policy-page h2{font-size:19px;margin:0 0 8px;color:#ff9a56}
.policy-page section p{color:#ddd3cc;margin:7px 0}
.policy-page a{color:#ff9a56;text-decoration:underline}
.policy-update{font-size:12px;color:#9f938b;margin-top:26px}
@media(max-width:800px){.spec-grid{grid-template-columns:1fr}.application-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.application-grid{grid-template-columns:1fr}}

/* Compact combined applications + specifications */
.combined-section{padding:34px 0;background:#151312;color:#f7f3ef;border-top:1px solid #50372a}
.combined-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.9fr);gap:28px;align-items:stretch}
.compact-heading{text-align:left;margin-bottom:16px}.compact-heading h2{font-size:30px}.compact-heading p{font-size:14px}
.use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.use-grid article{overflow:hidden;background:#211c19;border:1px solid #45332a;border-radius:12px;min-width:0}
.use-grid img{display:block;width:100%;height:88px;object-fit:cover}
.use-grid article div{padding:10px 11px 12px}
.use-grid h3{font-size:14px;line-height:1.25;margin:0 0 4px}
.use-grid p{font-size:12px;line-height:1.4;color:#cfc4bc;margin:0}
.spec-column{border-left:1px solid #a94e20;padding-left:26px}
.spec-column h2{font-size:23px;margin:0 0 14px}
.spec-list{border:1px solid #49362c;border-radius:13px;overflow:hidden;background:#211c19}
.spec-row{display:grid;grid-template-columns:30px 105px 1fr;align-items:center;gap:9px;padding:15px 13px;border-bottom:1px solid #40312a}
.spec-row:last-child{border-bottom:0}
.spec-row>span{font-size:23px;color:#f4772d}
.spec-row strong{font-size:13px}.spec-row p{font-size:13px;line-height:1.4;color:#e1d7d0;margin:0}
.spec-footnote{font-size:11px;line-height:1.45;color:#a99d95;margin:10px 0 0}
@media(max-width:900px){.combined-layout{grid-template-columns:1fr}.spec-column{border-left:0;border-top:1px solid #a94e20;padding:22px 0 0}.use-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.use-grid img{height:105px}.spec-row{grid-template-columns:26px 88px 1fr;padding:12px 9px}.spec-row p{font-size:12px}.compact-heading h2{font-size:26px}}

/* Compact packaging and bulk supply strip */
.packaging-section{padding:25px 0 28px;background:#151312;color:#f7f3ef;border-top:1px solid #49342a}
.packaging-inner{display:grid;grid-template-columns:.9fr 1.5fr;gap:12px 26px;align-items:center}
.packaging-kicker{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#f4772d;font-weight:800}
.packaging-heading h2{font-size:clamp(20px,2.2vw,27px);line-height:1.15;margin:5px 0}
.packaging-heading p{font-size:13px;color:#cfc4bc;margin:0}
.packaging-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pack-option{display:flex;align-items:center;gap:13px;min-width:0;padding:9px 12px;background:#211c19;border:1px solid #49362c;border-radius:12px}
.pack-option img{width:94px;height:72px;object-fit:cover;border-radius:7px}
.pack-option div{display:flex;flex-direction:column;gap:2px}
.pack-option span{font-size:11px;letter-spacing:.08em;color:#e8d9cf;font-weight:800}
.pack-option strong{font-size:21px;color:#ff873b;line-height:1.2}
.pack-option small{font-size:11px;color:#c6bbb3;line-height:1.3}
.bulk-note{grid-column:2;text-align:center;color:#ff873b;font-weight:750;font-size:13px;margin-top:-3px}
.bulk-note span{font-size:17px;margin-right:6px}
@media(max-width:850px){.packaging-inner{grid-template-columns:1fr}.packaging-options{grid-template-columns:1fr 1fr}.bulk-note{grid-column:1}}
@media(max-width:560px){.packaging-options{grid-template-columns:1fr}.pack-option img{width:105px}.bulk-note{text-align:left}}

/* Seamless header-to-hero transition */
.site-header{border:0!important;box-shadow:none!important;margin-bottom:0}
.hero{border:0!important;margin-top:0}
