.keter-pent-rich {
--kp-text: #27231f;
--kp-muted: #69615b;
--kp-accent: #8b4026;
--kp-accent-dark: #68301e;
--kp-bg: #f6f3ef;
--kp-bg-warm: #fff8ed;
--kp-border: #e5ddd4;
--kp-dark: #302a26;
width: 100%;
max-width: 1180px;
margin: 0 auto;
color: var(--kp-text);
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.65;
}
.keter-pent-rich,
.keter-pent-rich * {
box-sizing: border-box;
}
.keter-pent-rich img {
display: block;
max-width: 100%;
height: auto;
}
.keter-pent-rich h2,
.keter-pent-rich h3,
.keter-pent-rich p {
margin-top: 0;
}
.keter-pent-rich h2,
.keter-pent-rich h3 {
color: var(--kp-text);
line-height: 1.2;
}
.kp-intro {
margin-bottom: 34px;
padding: 36px 40px;
background: var(--kp-bg);
border: 1px solid var(--kp-border);
border-radius: 24px;
}
.kp-intro h2 {
margin-bottom: 16px;
font-size: 34px;
font-weight: 700;
}
.kp-intro__lead {
max-width: 980px;
margin-bottom: 25px;
color: #403a35;
font-size: 18px;
line-height: 1.65;
}
.kp-badges {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.kp-badge {
display: inline-flex;
align-items: center;
min-height: 42px;
padding: 9px 15px;
background: #ffffff;
border: 1px solid var(--kp-border);
border-radius: 30px;
color: #403a35;
font-size: 14px;
font-weight: 700;
line-height: 1.35;
}
.kp-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
margin-bottom: 40px;
}
.kp-card {
overflow: hidden;
background: #ffffff;
border: 1px solid var(--kp-border);
border-radius: 24px;
box-shadow: 0 12px 32px rgba(59, 43, 34, 0.07);
}
.kp-card__image {
width: 100%;
height: 350px;
object-fit: cover;
background: #eeeae5;
}
.kp-card__image--contain {
object-fit: contain;
padding: 18px;
background: #ffffff;
}
.kp-card__content {
padding: 26px 27px 29px;
}
.kp-card h3 {
margin-bottom: 11px;
color: var(--kp-accent);
font-size: 23px;
font-weight: 700;
}
.kp-card p {
margin-bottom: 0;
color: #3e3935;
}
.kp-section {
margin-bottom: 40px;
}
.kp-section__heading {
margin-bottom: 21px;
font-size: 30px;
font-weight: 700;
}
.kp-specs {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
gap: 14px;
}
.kp-spec {
min-height: 125px;
padding: 23px 17px;
text-align: center;
background: var(--kp-dark);
border-radius: 18px;
color: #ffffff;
}
.kp-spec__value {
display: block;
margin-bottom: 8px;
font-size: 22px;
font-weight: 700;
line-height: 1.25;
}
.kp-spec__label {
display: block;
color: #ddd5cf;
font-size: 14px;
line-height: 1.4;
}
.kp-features {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 15px 30px;
margin: 0;
padding: 29px 31px;
list-style: none;
background: var(--kp-bg);
border: 1px solid var(--kp-border);
border-radius: 22px;
}
.kp-features li {
position: relative;
padding-left: 29px;
color: #3d3834;
}
.kp-features li::before {
position: absolute;
top: 0;
left: 0;
content: "✓";
color: var(--kp-accent);
font-size: 19px;
font-weight: 700;
}
.kp-use {
margin-bottom: 40px;
padding: 34px;
background: linear-gradient(135deg, #382f29 0%, #564136 100%);
border-radius: 24px;
color: #ffffff;
}
.kp-use h2 {
margin-bottom: 13px;
color: #ffffff;
font-size: 29px;
}
.kp-use__lead {
max-width: 920px;
margin-bottom: 25px;
color: #eee7e1;
}
.kp-use__items {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
}
.kp-use__item {
padding: 20px;
background: rgba(255, 255, 255, 0.09);
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 16px;
}
.kp-use__item strong {
display: block;
margin-bottom: 6px;
color: #ffffff;
font-size: 17px;
line-height: 1.35;
}
.kp-use__item span {
display: block;
color: #e1d8d1;
font-size: 14px;
line-height: 1.55;
}
.kp-note {
margin-bottom: 40px;
padding: 28px 30px;
background: var(--kp-bg-warm);
border: 1px solid #ead4b5;
border-left: 5px solid var(--kp-accent);
border-radius: 16px;
}
.kp-note h3 {
margin-bottom: 10px;
color: var(--kp-accent-dark);
font-size: 22px;
}
.kp-note p {
margin-bottom: 9px;
}
.kp-note p:last-child {
margin-bottom: 0;
}
.kp-final {
padding: 31px 35px;
text-align: center;
background: var(--kp-bg);
border: 1px solid var(--kp-border);
border-radius: 22px;
}
.kp-final h2 {
margin-bottom: 12px;
font-size: 28px;
}
.kp-final p {
max-width: 860px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
color: var(--kp-muted);
font-size: 17px;
}
@media (max-width: 900px) {
.kp-use__items {
grid-template-columns: 1fr;
}
}
@media (max-width: 700px) {
.keter-pent-rich {
font-size: 15px;
}
.kp-intro {
padding: 26px 22px;
border-radius: 18px;
}
.kp-intro h2 {
font-size: 27px;
}
.kp-intro__lead {
font-size: 16px;
}
.kp-grid {
grid-template-columns: 1fr;
}
.kp-card {
border-radius: 18px;
}
.kp-card__image {
height:...
- Материал
- Композитные панели Decocoat толщиной 20 мм; конструкция шпунтовой сборки; металлические элементы
- Модель
- Сарай "Пент 9х7" (темно-коричневый) (размеры 279 х 216 см)
Особые артикулы
- ean13
- 7290106933996