/* 7k747k.buzz — wicker / лозоплетение. ns: wck- */

:root{
  --wck-vine:#c9a06a;
  --wck-shadow:#4a3524;
  --wck-raw:#f1e8da;
  --wck-raw2:#e7dbc7;
  --wck-ink:#2b2018;
  --wck-mute:#6d5947;
  --wck-deep:#3a2a1c;
  --wck-white:#faf5ec;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  color:var(--wck-ink);
  font-family:"Brygada 1918",Georgia,serif;
  font-size:17.5px;
  line-height:1.68;
  background-color:var(--wck-raw);
  background-image:
    repeating-linear-gradient(90deg,rgba(201,160,106,.22) 0 14px,transparent 14px 28px),
    repeating-linear-gradient(0deg,rgba(74,53,36,.09) 0 14px,transparent 14px 28px);
}

.wck-wrap{max-width:1020px;margin:0 auto;padding:0 20px 60px}

/* ——— шапка-конёк: перехлёст лент ——— */
.wck-top{
  margin:0 -20px 26px;
  padding:9px 20px;
  background:
    repeating-linear-gradient(115deg,var(--wck-vine) 0 22px,var(--wck-deep) 22px 44px);
  color:var(--wck-white);
  font-family:"Overpass Mono",ui-monospace,monospace;
  font-size:11.5px;
  letter-spacing:.22em;
  text-transform:uppercase;
  text-shadow:0 1px 0 rgba(0,0,0,.45);
}

/* ——— hero ——— */
.wck-hero{
  border:3px solid var(--wck-shadow);
  background:var(--wck-white);
  padding:30px 30px 26px;
  position:relative;
  box-shadow:9px 9px 0 rgba(74,53,36,.16);
}
.wck-hero::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:7px;
  background:repeating-linear-gradient(90deg,var(--wck-vine) 0 18px,var(--wck-deep) 18px 36px);
}
.wck-tag{
  font-family:"Overpass Mono",monospace;
  font-size:11.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--wck-mute);
  margin:8px 0 12px;
}
h1{
  font-family:"Overpass Mono",ui-monospace,monospace;
  font-weight:700;
  font-size:35px;
  line-height:1.24;
  letter-spacing:-.02em;
  margin:0 0 16px;
  color:var(--wck-shadow);
}
.wck-lead{font-size:18.5px;margin:0 0 24px;max-width:63ch}

.wck-kpi{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:0;
  border:2px solid var(--wck-shadow);
  margin:0 0 24px;
}
.wck-kpi>div{
  padding:13px 12px;
  border-right:2px solid var(--wck-shadow);
  background:var(--wck-raw2);
}
.wck-kpi>div:nth-child(2n){background:var(--wck-raw)}
.wck-kpi>div:last-child{border-right:none}
.wck-kpi .v{
  display:block;
  font-family:"Overpass Mono",monospace;
  font-size:20px;
  font-weight:700;
  color:var(--wck-shadow);
  line-height:1.2;
}
.wck-kpi .k{
  display:block;
  font-size:12.5px;
  color:var(--wck-mute);
  margin-top:5px;
  line-height:1.4;
}

/* ——— CTA ——— */
.wck-cta{
  display:inline-block;
  padding:13px 28px;
  background:var(--wck-shadow);
  color:var(--wck-raw);
  text-decoration:none;
  font-family:"Overpass Mono",monospace;
  font-size:14.5px;
  letter-spacing:.06em;
  text-transform:uppercase;
  border:2px solid var(--wck-shadow);
  box-shadow:5px 5px 0 var(--wck-vine);
}
.wck-cta:hover{background:var(--wck-deep);box-shadow:3px 3px 0 var(--wck-vine)}
.wck-note{
  display:block;
  font-size:13.5px;
  color:var(--wck-mute);
  margin-top:12px;
}

/* ——— секции-короба ——— */
.wck-box{
  border:2px solid var(--wck-shadow);
  background:var(--wck-white);
  padding:24px 26px 14px;
  margin:22px 0;
  position:relative;
}
.wck-box:nth-of-type(2n){background:var(--wck-raw2)}
.wck-box::after{
  content:"";
  position:absolute;
  left:-2px;bottom:-2px;
  width:64px;height:6px;
  background:var(--wck-vine);
}

h2{
  font-family:"Overpass Mono",ui-monospace,monospace;
  font-weight:700;
  font-size:25px;
  line-height:1.3;
  letter-spacing:-.015em;
  color:var(--wck-shadow);
  margin:0 0 4px;
  padding-left:34px;
  position:relative;
}
/* узел-маркер */
h2::before{
  content:"";
  position:absolute;
  left:0;top:.22em;
  width:20px;height:20px;
  border:3px solid var(--wck-vine);
  border-radius:50%;
}
h2::after{
  content:"";
  position:absolute;
  left:6px;top:calc(.22em + 7px);
  width:8px;height:8px;
  background:var(--wck-shadow);
  transform:rotate(45deg);
}
.wck-kicker{
  font-family:"Overpass Mono",monospace;
  font-size:11.5px;
  letter-spacing:.17em;
  text-transform:uppercase;
  color:var(--wck-vine);
  margin:0 0 15px;
  padding-left:34px;
}
h3{
  font-family:"Overpass Mono",monospace;
  font-weight:700;
  font-size:17px;
  color:var(--wck-deep);
  margin:22px 0 7px;
  padding-bottom:5px;
  border-bottom:2px dotted var(--wck-vine);
  display:inline-block;
}
p{margin:0 0 14px;max-width:72ch}

.wck-hi{background:linear-gradient(transparent 62%,rgba(201,160,106,.5) 62%)}
.wck-mono{font-family:"Overpass Mono",monospace;font-size:.93em;color:var(--wck-shadow)}

/* плетёная полка из двух колонок */
.wck-weave{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin:16px 0;
}
.wck-strip{
  border:2px solid var(--wck-shadow);
  background:var(--wck-raw);
  padding:14px 16px;
}
.wck-strip:nth-child(2n){background:var(--wck-raw2);box-shadow:inset 0 0 0 4px rgba(201,160,106,.28)}
.wck-strip .h{
  display:block;
  font-family:"Overpass Mono",monospace;
  font-size:14.5px;
  font-weight:700;
  color:var(--wck-shadow);
  margin-bottom:6px;
}
.wck-strip p{margin:0;font-size:15.2px;color:var(--wck-mute)}

/* врезка-бирка */
.wck-note-box{
  border-left:7px solid var(--wck-vine);
  background:var(--wck-raw);
  padding:13px 17px;
  margin:16px 0;
}
.wck-note-box p{margin:0 0 8px;font-size:15.6px}
.wck-note-box p:last-child{margin:0}
.wck-note-box .t{
  display:block;
  font-family:"Overpass Mono",monospace;
  font-size:11.5px;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--wck-mute);
  margin-bottom:8px;
}

/* перечни */
ol.wck-ol{margin:0 0 14px;padding:0;counter-reset:wck;list-style:none}
ol.wck-ol li{
  counter-increment:wck;
  position:relative;
  padding-left:38px;
  margin-bottom:11px;
  max-width:70ch;
}
ol.wck-ol li::before{
  content:counter(wck);
  position:absolute;
  left:0;top:2px;
  width:24px;height:24px;
  border:2px solid var(--wck-shadow);
  border-radius:50%;
  text-align:center;
  line-height:20px;
  font-family:"Overpass Mono",monospace;
  font-size:12.5px;
  background:var(--wck-vine);
  color:var(--wck-white);
}

/* таблицы */
.wck-tw{overflow-x:auto;margin:16px 0 18px}
table{
  border-collapse:collapse;
  width:100%;
  min-width:540px;
  font-size:15.4px;
  border:2px solid var(--wck-shadow);
  background:var(--wck-white);
}
caption{
  caption-side:bottom;
  text-align:left;
  font-size:12.8px;
  color:var(--wck-mute);
  padding:8px 2px;
}
th,td{padding:9px 12px;text-align:left;border-bottom:1px solid rgba(74,53,36,.28)}
th{
  background:var(--wck-shadow);
  color:var(--wck-raw);
  font-family:"Overpass Mono",monospace;
  font-weight:700;
  font-size:12.5px;
  letter-spacing:.05em;
  text-transform:uppercase;
}
tbody tr:nth-child(2n){background:var(--wck-raw2)}
td:first-child{font-family:"Overpass Mono",monospace;font-size:14.2px;color:var(--wck-shadow)}

/* клуб — стойки плетения разной высоты */
.wck-rods{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:9px;
  align-items:end;
  margin:18px 0;
}
.wck-rod{
  border:2px solid var(--wck-shadow);
  background:var(--wck-raw);
  padding:11px 9px 12px;
  text-align:center;
}
.wck-rod:nth-child(1){padding-top:46px}
.wck-rod:nth-child(2){padding-top:39px}
.wck-rod:nth-child(3){padding-top:32px}
.wck-rod:nth-child(4){padding-top:24px}
.wck-rod:nth-child(5){padding-top:16px}
.wck-rod:nth-child(6){padding-top:11px;background:var(--wck-vine)}
.wck-rod .s{
  display:block;
  font-family:"Overpass Mono",monospace;
  font-size:13.5px;
  font-weight:700;
  color:var(--wck-shadow);
}
.wck-rod .p{display:block;font-size:19px;margin-top:5px;color:var(--wck-deep)}

/* отзыв */
.wck-said{
  border:2px dashed var(--wck-vine);
  padding:15px 18px;
  margin:18px 0;
  background:var(--wck-raw);
}
.wck-said p{margin:0 0 8px;font-size:16.4px}
.wck-said .sign{font-family:"Overpass Mono",monospace;font-size:13px;color:var(--wck-mute);margin:0}

/* FAQ */
details{
  border:2px solid var(--wck-shadow);
  background:var(--wck-white);
  margin-bottom:9px;
}
summary{
  cursor:pointer;
  padding:12px 15px 12px 44px;
  font-family:"Overpass Mono",monospace;
  font-size:15px;
  font-weight:700;
  color:var(--wck-shadow);
  list-style:none;
  position:relative;
}
summary::-webkit-details-marker{display:none}
summary::before{
  content:"";
  position:absolute;
  left:15px;top:1.1em;
  width:14px;height:14px;
  border:3px solid var(--wck-vine);
  border-radius:50%;
}
details[open] summary::before{background:var(--wck-vine)}
details p{margin:0;padding:0 15px 13px 44px;font-size:15.6px;color:var(--wck-mute);max-width:none}

/* источники */
.wck-src{
  border:2px solid var(--wck-shadow);
  border-top:7px solid var(--wck-vine);
  padding:20px 24px 12px;
  margin:24px 0;
  background:var(--wck-raw2);
}
.wck-src h3{margin-top:0}
.wck-src ol{margin:0;padding-left:20px}
.wck-src li{font-size:14.8px;color:var(--wck-mute);margin-bottom:8px}

/* подвал */
.wck-foot{
  margin-top:26px;
  padding:20px 0 0;
  border-top:3px double var(--wck-shadow);
  font-size:14.4px;
  color:var(--wck-mute);
}
.wck-foot p{max-width:78ch}
.wck-age{
  display:inline-block;
  margin-top:4px;
  padding:8px 14px;
  background:var(--wck-shadow);
  color:var(--wck-raw);
  font-family:"Overpass Mono",monospace;
  font-size:12.6px;
  letter-spacing:.03em;
}

@media (max-width:640px){
  body{font-size:16.5px}
  .wck-wrap{padding:0 14px 40px}
  .wck-top{margin:0 -14px 18px;letter-spacing:.14em;font-size:10.5px}
  .wck-hero{padding:22px 16px 20px;box-shadow:5px 5px 0 rgba(74,53,36,.16)}
  h1{font-size:25px}
  h2{font-size:20px;padding-left:30px}
  .wck-kicker{padding-left:30px}
  .wck-lead{font-size:17px}
  .wck-box{padding:18px 15px 10px}
  .wck-kpi{grid-template-columns:repeat(2,1fr)}
  .wck-kpi>div{border-bottom:2px solid var(--wck-shadow)}
  .wck-kpi>div:nth-child(2n){border-right:none}
  .wck-kpi>div:last-child{grid-column:1 / -1;border-bottom:none}
  .wck-weave{grid-template-columns:1fr}
  .wck-rods{grid-template-columns:repeat(2,1fr)}
  .wck-rod{padding-top:12px !important}
  table{min-width:470px}
  .wck-cta{display:block;text-align:center}
  details p{padding-left:15px}
  summary{padding-left:38px}
}