/* Semechka Industrial Amber — landing page */

.page-template-template-landing #content > .ast-container{max-width:none;padding-left:0;padding-right:0;}
.page-template-template-landing #content{padding:0;}
.page-template-template-landing .ast-container > .smk{margin:0;}

.smk{
  --bg:#FFFFFF;
  --surface:#F5F4F1;
  --ink:#1C1A18;
  --muted:#5A554F;
  --line:#E4E1DB;
  --accent:#E8A317;
  --accent-dark:#C4870F;
  --s-xs:8px; --s-sm:16px; --s-md:28px; --s-lg:56px; --s-xl:96px;
  --r-sm:4px; --r-md:10px; --r-pill:999px;
  --font:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --wrap:1200px;
  font-family:var(--font);
  color:var(--ink);
  background:var(--bg);
  overflow-x:hidden;
}

.smk :where(h1,h2,h3,p,ul,ol,li,figure,blockquote){margin:0;padding:0;border:0;}
.smk :where(ul,ol){list-style:none;}
.smk :where(img){max-width:100%;height:auto;display:block;}
.smk :where(a){color:inherit;}

.smk__wrap{width:min(100% - 40px,var(--wrap));margin-inline:auto;}

.smk h1,.smk h2,.smk h3{font-family:var(--font);font-weight:800;letter-spacing:-0.02em;line-height:1.06;color:var(--ink);}
.smk p{line-height:1.6;color:var(--muted);}

.smk-label{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}

.smk-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 26px;border-radius:var(--r-pill);font-weight:700;font-size:1rem;line-height:1.1;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease;}
.smk-btn--primary{background:var(--accent);color:var(--ink);}
.smk-btn--primary:hover,.smk-btn--primary:focus-visible{background:var(--accent-dark);color:var(--ink);}
.smk-btn--ghost{border-color:var(--ink);color:var(--ink);background:transparent;}
.smk-btn--ghost:hover,.smk-btn--ghost:focus-visible{background:var(--ink);color:#fff;}
.smk :focus-visible{outline:2px solid var(--accent-dark);outline-offset:3px;}

/* ---------- Hero ---------- */
.smk-hero{background:var(--surface);border-bottom:1px solid var(--line);padding:var(--s-lg) 0 var(--s-lg);}
.smk-hero__grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,0.94fr);gap:var(--s-lg);align-items:center;}
.smk-hero__brand{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:.95rem;font-weight:700;color:var(--muted);}
.smk-hero__brand::before{content:"";display:block;width:26px;height:2px;border-radius:2px;background:var(--accent);}
.smk-hero__title{font-size:clamp(1.95rem,1.15rem + 2.1vw,2.6rem);}
.smk-hero__title .smk-mark{background:linear-gradient(to top,rgba(232,163,23,.55) 0 .28em,transparent .28em);padding:0 .04em;}
.smk-hero__text{margin-top:var(--s-md);font-size:1.06rem;max-width:46ch;}
.smk-hero__cta{margin-top:var(--s-md);display:flex;flex-wrap:wrap;gap:var(--s-sm);}
.smk-hero__meta{margin-top:var(--s-md);display:flex;flex-wrap:wrap;gap:var(--s-sm) var(--s-md);font-size:.9rem;color:var(--muted);}
.smk-hero__meta strong{color:var(--ink);font-weight:700;}

/* ---------- Slider ---------- */
.smk-slider{position:relative;}
.smk-slider__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);scrollbar-width:none;-ms-overflow-style:none;}
.smk-slider__track::-webkit-scrollbar{display:none;}
.smk-slide{flex:0 0 100%;scroll-snap-align:center;display:block;text-decoration:none;padding:var(--s-md);}
.smk-slide__media{aspect-ratio:4/3;background:var(--surface);border-radius:var(--r-md);display:block;padding:20px;overflow:hidden;}
.smk-slide__media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s ease;}
.smk-slide:hover .smk-slide__media img{transform:scale(1.03);}
.smk-slide__cat{display:block;margin-top:var(--s-md);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-dark);}
.smk-slide__title{margin-top:10px;font-size:1.12rem;font-weight:700;line-height:1.3;letter-spacing:-0.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.smk-slide__more{margin-top:12px;display:inline-block;font-size:.9rem;font-weight:700;color:var(--accent-dark);}
.smk-slider__controls{margin-top:var(--s-sm);display:flex;align-items:center;gap:var(--s-sm);}
.smk-slider__arrow{width:44px;height:44px;flex:0 0 44px;border-radius:var(--r-pill);border:1px solid var(--line);background:#fff;color:var(--ink);font-size:1.25rem;line-height:1;display:grid;place-items:center;cursor:pointer;transition:border-color .18s ease,background-color .18s ease;}
.smk-slider__arrow:hover{border-color:var(--accent);background:var(--accent);}
.smk-slider__dots{display:flex;gap:6px;flex:1 1 auto;}
.smk-dot{width:26px;height:4px;border:0;padding:0;border-radius:var(--r-pill);background:var(--line);cursor:pointer;transition:background-color .18s ease;}
.smk-dot[aria-current="true"]{background:var(--accent-dark);}

/* ---------- Section shell ---------- */
.smk-sec{padding:var(--s-xl) 0;}
.smk-sec--soft{background:var(--surface);border-block:1px solid var(--line);}
.smk-sec__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s-sm);margin-bottom:var(--s-lg);}
.smk-sec__title{font-size:clamp(1.6rem,1.1rem + 1.5vw,2.35rem);}
.smk-sec__link{font-weight:700;color:var(--accent-dark);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;}
.smk-sec__link:hover{color:var(--ink);}

/* ---------- Categories bento ---------- */
.smk-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:184px;gap:var(--s-sm);}
.smk-cat{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1fr) 40%;grid-template-rows:minmax(0,1fr);align-items:center;gap:var(--s-sm);padding:var(--s-md);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);text-decoration:none;overflow:hidden;transition:border-color .18s ease;}
.smk-cat:hover{border-color:var(--accent);}
.smk-cat__img{grid-column:2;grid-row:1;min-height:0;height:100%;}
.smk-cat__text{grid-column:1;grid-row:1;align-self:center;}
.smk-cat--lead{grid-row:span 2;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:stretch;}
.smk-cat--lead .smk-cat__img{grid-column:1;grid-row:1;}
.smk-cat--lead .smk-cat__text{grid-column:1;grid-row:2;align-self:end;}
.smk-cat__img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s ease;}
.smk-cat:hover .smk-cat__img img{transform:scale(1.04);}
.smk-cat__name{display:block;font-size:1.12rem;font-weight:800;line-height:1.22;letter-spacing:-0.01em;color:var(--ink);}
.smk-cat--lead .smk-cat__name{font-size:1.7rem;}
.smk-cat__count{display:block;margin-top:6px;font-size:.85rem;font-weight:700;color:var(--accent-dark);}
/* ---------- Product grid ---------- */
.smk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-sm);}
.smk-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-sm);text-decoration:none;transition:border-color .18s ease;}
.smk-card:hover{border-color:var(--accent);}
.smk-card__media{aspect-ratio:1/1;background:var(--surface);border-radius:var(--r-sm);display:block;padding:14px;overflow:hidden;}
.smk-card__media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s ease;}
.smk-card:hover .smk-card__media img{transform:scale(1.03);}
.smk-card__title{margin-top:14px;font-size:.95rem;font-weight:600;line-height:1.35;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.smk-card__cat{margin-top:auto;padding-top:12px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);}

/* ---------- Capabilities ---------- */
.smk-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--s-lg);}
.smk-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s-md);padding:var(--s-md) 0;border-top:1px solid var(--line);}
.smk-step__n{font-size:1.5rem;font-weight:800;color:var(--accent-dark);line-height:1.1;font-variant-numeric:tabular-nums;}
.smk-step__t{font-size:1.08rem;font-weight:700;line-height:1.25;}
.smk-step__d{margin-top:8px;font-size:.95rem;}

/* ---------- Contacts ---------- */
.smk-contact{background:var(--ink);color:#fff;padding:var(--s-xl) 0;}
.smk-contact__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--s-lg);align-items:start;}
.smk h2.smk-contact__title{font-size:clamp(1.7rem,1.1rem + 1.8vw,2.6rem);color:#fff;}
.smk-contact__text{margin-top:var(--s-sm);color:rgba(245,244,241,.74);max-width:42ch;}
.smk-contact__cta{margin-top:var(--s-md);display:flex;flex-wrap:wrap;gap:var(--s-sm);}
.smk-contact .smk-btn--ghost{border-color:#5A554F;color:#fff;}
.smk-contact .smk-btn--ghost:hover{background:#fff;color:var(--ink);}
.smk-phones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-sm) var(--s-md);}
.smk-phones a{font-size:1.22rem;font-weight:700;color:var(--accent);text-decoration:none;font-variant-numeric:tabular-nums;}
.smk-phones a:hover{color:#fff;}
.smk-facts{margin-top:var(--s-md);padding-top:var(--s-md);border-top:1px solid rgba(245,244,241,.18);display:grid;gap:10px;font-size:.95rem;color:rgba(245,244,241,.74);}
.smk-facts b{color:#fff;font-weight:700;}
.smk-facts a{color:var(--accent);text-decoration:none;}
.smk-facts a:hover{color:#fff;}

/* ---------- Sticky mobile call bar ---------- */
.smk-callbar{display:none;}

/* ---------- Responsive ---------- */
@media (max-width:1080px){
  .smk-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .smk-grid > :nth-child(n+7){display:none;}
}
@media (max-width:900px){
  .smk-sec{padding:var(--s-lg) 0;}
  .smk-hero{padding:var(--s-md) 0 var(--s-lg);}
  .smk-hero__grid{grid-template-columns:minmax(0,1fr);gap:var(--s-md);}
  .smk-cats{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:168px;}
  .smk-cat,.smk-cat--lead{grid-column:span 2;grid-row:auto;grid-template-columns:minmax(0,1fr) 40%;grid-template-rows:minmax(0,1fr);align-items:center;}
  .smk-cat--lead .smk-cat__img{grid-column:2;grid-row:1;}
  .smk-cat--lead .smk-cat__text{grid-column:1;grid-row:1;align-self:center;}
  .smk-cat--lead .smk-cat__name{font-size:1.35rem;}
  .smk-steps{grid-template-columns:minmax(0,1fr);}
  .smk-contact__grid{grid-template-columns:minmax(0,1fr);gap:var(--s-md);}
  .smk-contact{padding:var(--s-lg) 0 88px;}
  .smk-callbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;gap:1px;background:var(--line);box-shadow:0 -6px 20px rgba(28,26,24,.14);}
  .smk-callbar a{flex:1 1 0;padding:14px 8px;text-align:center;font-size:.92rem;font-weight:700;text-decoration:none;background:#fff;color:var(--ink);}
  .smk-callbar a.is-primary{background:var(--accent);}
}
@media (max-width:640px){
  .smk-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .smk-grid > :nth-child(n+5){display:none;}
  .smk-cats{grid-template-columns:minmax(0,1fr);}
  .smk-cat,.smk-cat--lead{grid-column:span 1;}
  .smk-phones{grid-template-columns:minmax(0,1fr);}
  .smk-hero__cta .smk-btn{flex:1 1 100%;}
  .smk-sec__head{margin-bottom:var(--s-md);}
}

@media (prefers-reduced-motion:reduce){
  .smk *{transition-duration:.01ms !important;animation-duration:.01ms !important;}
  .smk-slider__track{scroll-behavior:auto;}
}
