/* ==========================================================================
   Стройшов.ру — современная тема в стилистике Emaco: глубокий синий + жёлтый.
   ========================================================================== */
:root{
  --blue-900:#062a63; --blue-800:#083579; --blue:#0b4ea2; --blue-600:#0f5fbc;
  --blue-50:#eaf1fb; --blue-100:#dbe7f8;
  --yellow:#ffc72c; --yellow-600:#f2b000; --yellow-50:#fff8e1;
  --ink:#0d1b2e; --ink-2:#24344b; --muted:#5a6b83; --muted-2:#8194ad;
  --line:#e3e9f3; --bg:#f5f7fb; --white:#fff;
  --r-sm:8px; --r:14px; --r-lg:22px;
  --shadow:0 10px 30px rgba(9,28,58,.08);
  --shadow-lg:0 24px 60px rgba(9,28,58,.14);
  --wrap:1200px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--white); color:var(--ink);
  font:400 16px/1.65 "Open Sans", Arial, sans-serif;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%; display:block}
a{color:var(--blue); text-decoration:none; transition:color .18s ease}
a:hover{color:var(--blue-600)}
h1,h2,h3,h4{font-family:"Poppins", Arial, sans-serif; color:var(--ink); margin:0; line-height:1.2; letter-spacing:-.02em}
h1{font-size:clamp(28px,3.4vw,46px); font-weight:700}
h2{font-size:clamp(22px,2.4vw,32px); font-weight:600}
h3{font-size:19px; font-weight:600}
p{margin:0 0 14px}
.wrap{width:100%; max-width:var(--wrap); margin:0 auto; padding:0 24px}
.center{text-align:center}
.muted{color:var(--muted-2)}
.skip{position:absolute; left:-9999px}
.skip:focus{left:16px; top:16px; z-index:100; background:var(--yellow); color:var(--ink); padding:10px 16px; border-radius:var(--r-sm)}
.ic{width:18px; height:18px; fill:currentColor; flex:0 0 auto}

/* ---------- шапка ---------- */
.topbar{background:var(--blue-900); color:#cfe0f7; font-size:13px}
.topbar-in{display:flex; gap:22px; align-items:center; min-height:38px; flex-wrap:wrap}
.tb-item{display:inline-flex; gap:7px; align-items:center}
.tb-item .ic{width:14px; height:14px; opacity:.75}
.tb-right{margin-left:auto; display:inline-flex; gap:18px}
.tb-link{color:#fff; opacity:.92}
.tb-link:hover{color:var(--yellow); opacity:1}
.noticebar{background:#fff4d1; border-bottom:1px solid #edda96; color:#5a4708; font-size:13.5px}
.noticebar-in{display:flex; align-items:flex-start; gap:10px; padding:9px 0; line-height:1.45}
.noticebar .ic{width:17px; height:17px; flex:0 0 auto; margin-top:1px; fill:#a9820a}
.noticebar b{font-weight:700}
.noticebar a{color:#6b5200; text-decoration:underline}
.site-header{position:sticky; top:0; z-index:50; background:#fff; transition:box-shadow .2s ease}
.site-header.is-stuck{box-shadow:0 6px 24px rgba(9,28,58,.1)}
.header-in{display:flex; align-items:center; gap:18px; min-height:78px; flex-wrap:nowrap}
.logo{display:inline-flex; align-items:center; gap:10px; color:var(--ink); flex:0 0 auto}
.logo-mark{
  width:42px; height:42px; border-radius:11px; display:grid; place-items:center;
  background:linear-gradient(140deg,var(--blue) 0%,var(--blue-900) 100%);
  color:var(--yellow); font:700 22px/1 "Poppins", Arial, sans-serif;
}
.logo-text{font:700 17.5px/1.05 "Poppins", Arial, sans-serif; letter-spacing:-.03em; display:flex;
  flex-direction:column; gap:3px}
.logo-dot{color:var(--yellow-600)}
.logo-text small{font:400 10.5px/1.2 "Open Sans", Arial, sans-serif; letter-spacing:.02em;
  color:var(--muted-2); text-transform:none}
.nav{display:flex; gap:2px; margin-left:auto; flex-wrap:nowrap}
.nav-link{padding:9px 9px; border-radius:10px; color:var(--ink-2); font-weight:600; font-size:13.5px; white-space:nowrap}
.nav-link:hover{background:var(--blue-50); color:var(--blue-800)}
.header-phone{
  display:flex; flex-direction:column; line-height:1.15; text-align:right; font:600 16px/1.15 "Poppins", Arial;
  color:var(--ink); padding-left:20px; border-left:1px solid var(--line); white-space:nowrap;
}
.header-phone small{font:400 11px/1.3 "Open Sans", Arial; color:var(--muted-2)}
.header-phone:hover{color:var(--blue)}
.burger{display:none; width:44px; height:40px; border:1px solid var(--line); background:#fff;
  border-radius:10px; padding:10px; cursor:pointer}
.burger span{display:block; height:2px; background:var(--ink); border-radius:2px; margin:4px 0; transition:.2s}
.burger.is-active span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger.is-active span:nth-child(2){opacity:0}
.burger.is-active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* ---------- кнопки ---------- */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:14px 24px;
  border-radius:12px; font:600 15px/1 "Poppins", Arial, sans-serif; border:1px solid transparent;
  cursor:pointer; transition:transform .16s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
  text-align:center}
.btn:hover{transform:translateY(-1px)}
.btn-yellow{background:var(--yellow); color:#2a2000; box-shadow:0 10px 24px rgba(255,199,44,.35)}
.btn-yellow:hover{background:var(--yellow-600); color:#2a2000}
.btn-blue{background:var(--blue); color:#fff}
.btn-blue:hover{background:var(--blue-800); color:#fff}
.btn-ghost{background:transparent; color:#fff; border-color:rgba(255,255,255,.5)}
.btn-ghost:hover{background:rgba(255,255,255,.12); color:#fff}
.btn-ghost--dark{color:var(--blue-800); border-color:var(--blue-100); background:#fff}
.btn-ghost--dark:hover{background:var(--blue-50); color:var(--blue-900)}
.btn-block{display:flex; width:100%}

/* ---------- герой ---------- */
.hero{background:linear-gradient(135deg,var(--blue-900) 0%,var(--blue) 55%,#1566c8 100%); color:#fff;
  position:relative; overflow:hidden}
.hero::after{content:""; position:absolute; right:-140px; top:-120px; width:520px; height:520px;
  border-radius:50%; background:radial-gradient(circle,rgba(255,199,44,.18),transparent 65%)}
.hero-in{display:grid; grid-template-columns:1.1fr .9fr; gap:44px; align-items:center; padding:56px 24px 64px;
  position:relative; z-index:1}
.hero-kicker{text-transform:uppercase; letter-spacing:.16em; font-size:12px; color:var(--yellow);
  font-weight:600; margin:0 0 14px}
.hero h1{color:#fff; font-size:clamp(27px,3.1vw,42px); margin:0}
.hero-h1sub{font:600 clamp(17px,2vw,25px)/1.3 Poppins, Arial; color:var(--yellow); margin:12px 0 0}
.hero h1 span{color:var(--yellow)}
.hero-sub{color:#cfe0f7; font-size:17px; max-width:560px; margin:18px 0 26px}
.hero-actions{display:flex; gap:12px; flex-wrap:wrap; margin-bottom:26px}
.hero-facts{display:flex; gap:28px; margin:0; padding:0; list-style:none; color:#cfe0f7; font-size:14px}
.hero-facts b{display:block; font:700 22px/1.2 "Poppins", Arial; color:#fff}
.hero-media{position:relative; border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow-lg)}
.hero-media img{width:100%; height:100%; object-fit:cover; aspect-ratio:4/3}
.hero-badge{position:absolute; left:16px; bottom:16px; background:var(--yellow); color:#2a2000;
  padding:12px 16px; border-radius:12px; display:flex; flex-direction:column; line-height:1.2}
.hero-badge b{font:700 20px/1.1 "Poppins", Arial}
.hero-badge span{font-size:12px; opacity:.8}

/* ---------- секции ---------- */
.section{padding:64px 0}
.section--soft{background:var(--bg)}
.section--tight{padding-top:36px}
.sec-head{display:flex; align-items:baseline; justify-content:space-between; gap:20px; margin-bottom:26px}
.sec-link{display:inline-flex; align-items:center; gap:7px; font-weight:600; font-size:14px; color:var(--blue)}
.sec-link .ic{width:16px; height:16px}

/* ---------- сетки ---------- */
.cat-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:16px}
.cat-card{display:flex; align-items:center; gap:14px; padding:20px; background:#fff; border:1px solid var(--line);
  border-radius:var(--r); color:var(--ink); transition:.18s ease}
.cat-card:hover{border-color:var(--blue-100); box-shadow:var(--shadow); transform:translateY(-2px); color:var(--ink)}
.cat-ico{width:46px; height:46px; border-radius:12px; background:var(--blue-50); color:var(--blue);
  display:grid; place-items:center; flex:0 0 auto}
.cat-ico .ic{width:24px; height:24px}
.cat-body{display:flex; flex-direction:column; gap:3px; min-width:0}
.cat-name{font:600 16px/1.3 "Poppins", Arial; color:var(--ink)}
.cat-count{font-size:12.5px; color:var(--muted-2)}
.cat-arrow{margin-left:auto; color:var(--muted-2); width:16px; height:16px}
.cat-card:hover .cat-arrow{color:var(--yellow-600)}

.p-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:18px}
.p-card{background:#fff; border:1px solid var(--line); border-radius:var(--r); overflow:hidden;
  display:flex; flex-direction:column; transition:.18s ease}
.p-card:hover{box-shadow:var(--shadow); transform:translateY(-2px); border-color:var(--blue-100)}
.p-media{display:block; background:#f8fafd; padding:14px; aspect-ratio:4/3}
.p-media img{width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply}
.p-body{padding:16px 18px 18px; display:flex; flex-direction:column; gap:8px; flex:1}
.p-cat{font-size:11.5px; text-transform:uppercase; letter-spacing:.08em; color:var(--muted-2); font-weight:600}
.p-title{font-size:16px; line-height:1.35; margin:0}
.p-title a{color:var(--ink)}
.p-title a:hover{color:var(--blue)}
.p-foot{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; padding-top:10px}
.p-price{font:700 18px/1 "Poppins", Arial; color:var(--blue-900); display:block}
.p-price-note{font-size:11px; color:var(--muted-2)}
.p-onrequest{font:600 14px/1.2 "Poppins", Arial; color:var(--muted)}
.p-more{font-size:13px; font-weight:600; color:var(--blue); display:inline-flex; align-items:center; gap:5px}
.p-more .ic{width:14px; height:14px}

/* ---------- преимущества ---------- */
.adv-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:18px; margin-top:26px}
.adv{background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:22px}
.adv-ico{width:40px; height:40px; border-radius:10px; background:var(--yellow-50); color:var(--yellow-600);
  display:grid; place-items:center; margin-bottom:12px}
.adv h3{font-size:16px; margin-bottom:6px}
.adv p{font-size:14px; color:var(--muted); margin:0}

.partners{list-style:none; display:flex; flex-wrap:wrap; gap:34px; align-items:center; justify-content:center;
  margin:24px 0 0; padding:0; filter:grayscale(1); opacity:.75}
.partners img{height:34px; width:auto; object-fit:contain}
.partners li{opacity:.9}

/* ---------- заголовок страницы ---------- */
.page-head{background:linear-gradient(135deg,var(--blue-900),var(--blue) 70%); color:#fff; padding:28px 0 40px}
.page-head--slim{padding:18px 0 18px}
.page-head h1{color:#fff; margin:16px 0 12px}
.page-head .lead{color:#cfe0f7; font-size:16.5px; max-width:820px; margin:0}
.crumbs ol{list-style:none; display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:0; font-size:13px}
.crumbs li{color:#a9c3e6; display:inline-flex; gap:8px; align-items:center}
.crumbs li+li::before{content:"/"; color:rgba(255,255,255,.35)}
.crumbs a{color:#dbe7f8}
.crumbs a:hover{color:var(--yellow)}
.page-head--slim .crumbs li{color:#b5c7e2}
.chips{display:flex; flex-wrap:wrap; gap:8px; margin-top:22px}
.chip{border:1px solid rgba(255,255,255,.35); color:#fff; padding:8px 14px; border-radius:999px; font-size:13px}
.chip:hover{background:rgba(255,255,255,.14); color:#fff}

/* ---------- каталог ---------- */
.cat-section{padding:34px 0; border-top:1px solid var(--line)}
.cat-section:first-child{border-top:0; padding-top:0}
.cat-lead{color:var(--muted); max-width:820px; margin:-8px 0 22px}
.empty{color:var(--muted); background:var(--bg); border:1px dashed var(--line); border-radius:var(--r);
  padding:18px 20px}

/* ---------- две колонки ---------- */
.two-col{display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:40px; align-items:start}
.col-main > p{color:var(--ink-2)}
.col-main h2{margin:30px 0 12px; font-size:23px}
.col-main h2:first-child{margin-top:0}
.lead-p{font-size:17px; color:var(--ink) !important}
.ticks{list-style:none; padding:0; margin:0 0 8px}
.ticks li{position:relative; padding-left:28px; margin-bottom:9px; color:var(--ink-2)}
.ticks li::before{content:""; position:absolute; left:0; top:7px; width:14px; height:14px; border-radius:4px;
  background:var(--yellow); box-shadow:inset 0 0 0 3px #fff}
.steps{padding-left:20px; margin:0 0 8px; color:var(--ink-2)}
.steps li{margin-bottom:8px}
.note{background:var(--yellow-50); border-left:4px solid var(--yellow); border-radius:0 var(--r-sm) var(--r-sm) 0;
  padding:14px 18px; color:#4a3b0f; font-size:14.5px; margin-top:18px}
.note--wide{margin-top:28px}
.side-card{background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:22px; margin-bottom:16px}
.side-card--soft{background:var(--blue-50); border-color:transparent}
.side-card h3{font-size:16px; margin-bottom:10px}
.side-card p{font-size:14.5px; color:var(--muted); margin:0 0 14px}
.side-count{font:600 14px/1.4 "Poppins", Arial; color:var(--blue-800); margin:0 0 14px !important}
.link-arrow{font-weight:600; font-size:14px}

/* ---------- карточка товара ---------- */
.product{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:44px; align-items:start}
.gallery-main{background:#f8fafd; border:1px solid var(--line); border-radius:var(--r); padding:22px;
  aspect-ratio:1/1; display:grid; place-items:center}
.gallery-main img{max-height:100%; width:auto; object-fit:contain; mix-blend-mode:multiply}
.gallery-thumbs{display:flex; gap:10px; margin-top:12px}
.g-thumb{width:74px; height:74px; padding:6px; border:1px solid var(--line); background:#fff; border-radius:10px;
  cursor:pointer}
.g-thumb.is-active{border-color:var(--blue); box-shadow:0 0 0 2px var(--blue-50)}
.g-thumb img{width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply}
.product-info h1{margin:8px 0 12px; font-size:clamp(24px,2.6vw,34px)}
.p-cat-line{font-size:12px; text-transform:uppercase; letter-spacing:.09em; font-weight:600; margin:0}
.p-cat-line a{color:var(--blue)}
.product-lead{color:var(--ink-2); font-size:16.5px}
.buy{background:var(--bg); border:1px solid var(--line); border-radius:var(--r); padding:22px; margin-top:6px}
.buy-price{display:flex; flex-direction:column; gap:2px; margin-bottom:16px}
.buy-sum{font:700 32px/1.1 "Poppins", Arial; color:var(--blue-900)}
.buy-sum--onrequest{font-size:22px; color:var(--muted)}
.buy-note{font-size:12.5px; color:var(--muted-2)}
.buy .btn{width:100%; margin-bottom:10px}
.buy-hint{font-size:12.5px; color:var(--muted); margin:12px 0 0}
.product-cols{margin-top:48px}
.specs{width:100%; border-collapse:collapse; font-size:15px; background:#fff; border:1px solid var(--line);
  border-radius:var(--r); overflow:hidden}
.specs th,.specs td{padding:12px 16px; text-align:left; border-bottom:1px solid var(--line); vertical-align:top}
.specs tr:last-child th,.specs tr:last-child td{border-bottom:0}
.specs th{width:46%; font-weight:600; color:var(--muted); background:#fafcfe}

/* ---------- блок «оставить заявку» ---------- */
.order-block{background:linear-gradient(135deg,var(--blue-900),var(--blue) 65%); color:#fff; padding:52px 0}
.order-in{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:40px; align-items:start}
.order-text h2{color:#fff; margin-bottom:12px}
.order-text p{color:#cfe0f7; margin:0 0 10px}
.order-note{font-size:13.5px; color:#a9c3e6 !important}
.order-contacts{list-style:none; margin:0; padding:0; display:grid; gap:14px}
.order-contacts li{display:flex; gap:14px; align-items:flex-start; background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12); border-radius:var(--r); padding:14px 16px}
.oc-ico{width:38px; height:38px; border-radius:10px; background:rgba(255,199,44,.16); color:var(--yellow);
  display:grid; place-items:center; flex:0 0 auto}
.oc-body{display:flex; flex-direction:column; gap:2px; min-width:0}
.oc-body small{font-size:11px; text-transform:uppercase; letter-spacing:.1em; color:#a9c3e6}
.oc-body a,.oc-body span{color:#fff; font:600 16px/1.35 "Poppins", Arial}
.oc-body a:hover{color:var(--yellow)}
.oc-body a+a{font-size:14.5px; color:#dbe7f8; font-family:"Open Sans", Arial; font-weight:600}

/* ---------- контакты ---------- */
.contacts-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:18px}
.contact-card{background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:22px}
.contact-card h3{font-size:15px; text-transform:uppercase; letter-spacing:.07em; color:var(--muted-2);
  margin-bottom:12px; font-weight:600}
.cc-big{font:700 22px/1.25 "Poppins", Arial; margin:0 0 8px}
.cc-big a{color:var(--blue-900)}
.cc-big--small{font-size:17px}
.contact-card p{font-size:14px; color:var(--muted); margin:0 0 8px}
.about-grid{display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:40px; align-items:start}
.about-text p{color:var(--ink-2); font-size:16.5px}
.about-facts{display:grid; gap:12px}
.fact{background:var(--blue-50); border-radius:var(--r); padding:18px 20px}
.fact b{display:block; font:700 24px/1.1 "Poppins", Arial; color:var(--blue-900)}
.fact span{font-size:13px; color:var(--muted)}

/* ---------- карта сайта ---------- */
.map-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:26px}
.map-block h3{font-size:16px; margin-bottom:10px}
.map-list{list-style:none; margin:0; padding:0; font-size:14.5px}
.map-list li{padding:5px 0; border-bottom:1px solid var(--line)}
.map-list li:last-child{border-bottom:0}

/* ---------- 404 / поиск ---------- */
.e404{min-height:100vh; display:grid; place-items:center; background:var(--bg); padding:40px 20px}
.e404-in{max-width:640px; text-align:center}
.e404-code{font:700 90px/1 "Poppins", Arial; color:var(--blue-100); margin:26px 0 0 !important}
.e404 h1{margin:6px 0 12px}
.e404 p{color:var(--muted)}
.e404-contacts{font-size:14px}
.search-input{width:100%; padding:14px 16px; border:1px solid var(--line); border-radius:12px; font-size:17px;
  font-family:inherit}
.search-input:focus{outline:0; border-color:var(--blue); box-shadow:0 0 0 3px var(--blue-50)}

/* ---------- подвал ---------- */
.site-footer{background:var(--blue-900); color:#b9cdea; padding:52px 0 0; margin-top:0}
.foot-grid{display:grid; grid-template-columns:1.5fr 1fr 1fr 1.1fr; gap:34px; padding-bottom:34px}
.logo--foot .logo-text{color:#fff}
.logo--foot .logo-mark{background:rgba(255,255,255,.12)}
.foot-about p{font-size:13.5px; color:#9fb8d8; margin:14px 0 0; max-width:330px}
.foot-col h4{font-size:12px; text-transform:uppercase; letter-spacing:.12em; color:#fff; margin-bottom:14px}
.foot-col ul{list-style:none; margin:0; padding:0}
.foot-col li{padding:5px 0; font-size:14px}
.foot-col a{color:#b9cdea}
.foot-col a:hover{color:var(--yellow)}
.foot-contacts li{font-size:13.5px}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12); padding:18px 24px 22px; display:flex;
  justify-content:space-between; gap:18px; flex-wrap:wrap; font-size:12px; color:#8ba7cc}

/* ---------- адаптив ---------- */
@media (max-width:1080px){
  .hero-in{grid-template-columns:1fr; gap:32px}
  .hero-media{order:-1}
  .two-col,.order-in,.about-grid{grid-template-columns:1fr; gap:28px}
  .product{grid-template-columns:1fr; gap:26px}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .header-phone{display:none}
  .burger{display:block; margin-left:auto}
  .nav{position:fixed; inset:78px 0 auto 0; background:#fff; border-bottom:1px solid var(--line);
    flex-direction:column; gap:0; padding:10px 20px 18px; box-shadow:var(--shadow); display:none}
  .nav.is-open{display:flex}
  .nav-link{padding:13px 6px; border-bottom:1px solid var(--line); border-radius:0}
  .topbar-in{gap:12px; min-height:34px; font-size:12px}
  .tb-item:first-child{display:none}
  .tb-right{margin-left:0}
  .section{padding:44px 0}
  .p-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:14px}
  .hero-facts{flex-wrap:wrap; gap:18px}
}
@media (max-width:560px){
  .wrap{padding:0 18px}
  .p-grid{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .buy-sum{font-size:27px}
  .sec-head{flex-direction:column; align-items:flex-start; gap:8px}
}

/* --- каталог из sitemap: списки, пагинация --- */
.az{display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:6px 26px; margin:0}
.az a{display:flex; justify-content:space-between; gap:10px; padding:7px 0; border-bottom:1px solid var(--line);
  font-size:14.5px; color:var(--ink-2)}
.az a:hover{color:var(--blue)}
.az .n{color:var(--muted-2); font-size:12.5px; white-space:nowrap}
.az--dense{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.az--dense a{font-size:14px; padding:6px 0}
.gallery-main img{width:78%; height:auto; max-height:78%; object-fit:contain}
.gallery-main--icon{aspect-ratio:16/11}
.gallery-main--icon img{width:52%; max-height:76%}
.gallery-main{position:relative}
.ph-badge{position:absolute; left:16px; top:16px; z-index:2; padding:7px 12px; border-radius:10px;
  background:#fff; border:1px solid #e6cf8a; color:#6b5200; font-size:11.5px; font-weight:600;
  text-transform:uppercase; letter-spacing:.03em}
.ph-note{margin:14px 0 0; font-size:13px; color:var(--muted-2); text-align:center; line-height:1.5}
.ph-note a{color:var(--blue)}
.p-media{position:relative}
.ph-tag{position:absolute; left:10px; top:10px; z-index:2; padding:4px 9px; border-radius:8px;
  background:rgba(255,255,255,.94); border:1px solid #e6cf8a; color:#6b5200; font-size:10.5px;
  font-weight:600; text-transform:uppercase; letter-spacing:.02em; pointer-events:none}
.cat-letter{margin:26px 0 10px; font:600 13px/1 "Poppins", Arial; text-transform:uppercase;
  letter-spacing:.12em; color:var(--muted-2)}
.pager{display:flex; gap:6px; flex-wrap:wrap; margin:28px 0 0}
.pager a,.pager span{padding:9px 13px; border:1px solid var(--line); border-radius:10px; font-size:14px;
  color:var(--ink-2); background:#fff}
.pager a:hover{border-color:var(--blue); color:var(--blue)}
.pager .is-active{background:var(--blue); border-color:var(--blue); color:#fff}
.pager .dots{border:0; background:none; color:var(--muted-2)}
.p-note{font-size:13.5px; color:var(--muted-2); margin:14px 0 0}
.brand-strip{display:flex; flex-wrap:wrap; gap:8px; margin-top:16px}
.brand-chip{border:1px solid var(--line); border-radius:999px; padding:7px 14px; font-size:13px; color:var(--ink-2)}
.brand-chip:hover{border-color:var(--blue); color:var(--blue)}
.spec-inline{color:var(--muted); font-size:13.5px}
.sib-row{display:flex; align-items:baseline; flex-wrap:wrap; gap:10px 16px; margin:30px 0 2px;
  padding-top:20px; border-top:1px solid var(--line)}
.sib-label{font:600 14px/1.4 "Poppins", Arial; color:var(--muted)}
.chips{display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:0; padding:0}
.chips a{display:inline-flex; align-items:center; gap:7px; padding:8px 14px; border-radius:999px;
  background:#eef3fb; color:var(--blue); font-size:14px; font-weight:600; text-decoration:none;
  transition:.15s ease}
.chips a:hover{background:var(--yellow); color:#062a63}
.chip-n{font-weight:600; font-size:12px; color:#8194ad}
.chips a:hover .chip-n{color:#5a4708}