/* KlappShop — стили главной страницы магазина.
   Правки оформления делаем ЗДЕСЬ, в шаблоне главной остаётся только разметка.
   Версия 1 (10.11.2026). После правок этого файла поднимай ?ver= в <link> шаблона главной. */

/* скругление и тень всей карусели */
.carousel{margin-bottom:30px; border-radius:12px; overflow:hidden; box-shadow:0 6px 24px rgba(77,58,46,.10)}
.carousel-inner{border-radius:12px}

/* точки-индикаторы */
.carousel-indicators{bottom:12px; margin-left:0; margin-right:0; left:0; right:0; width:auto}
.carousel-indicators li{width:8px; height:8px; margin:0 4px; background:rgba(255,255,255,.55); border:0; border-radius:999px; transition:width .2s, background .2s}
.carousel-indicators .active{width:22px; height:8px; margin:0 4px; background:#fff; border:0; border-radius:999px}

/* CSS-слайд (без картинки — сам адаптивный, для обеих каруселей один и тот же) */
.kp-slide{display:flex; align-items:center; min-height:263px; padding:0 8%;
 color:#fff; text-decoration:none; position:relative; overflow:hidden;
 background:linear-gradient(120deg,#4d3a2e,#8a6d5a)}
.kp-slide::after{content:''; position:absolute; right:-60px; top:-60px; width:230px; height:230px; border-radius:50%; background:rgba(255,255,255,.10)}
.kp-slide::before{content:''; position:absolute; right:80px; bottom:-90px; width:170px; height:170px; border-radius:50%; background:rgba(255,255,255,.07)}
.kp-slide-txt{position:relative; z-index:1; max-width:560px; display:flex; flex-direction:column; gap:9px; align-items:flex-start}
.kp-slide-chip{background:rgba(255,255,255,.16); font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; padding:4px 12px; border-radius:999px}
.kp-slide-txt b{font-size:24px; line-height:1.25; letter-spacing:-.3px}
.kp-slide-txt p{margin:0; font-size:14.5px; line-height:1.55; opacity:.92}
.kp-slide-btn{background:#fff; color:#2b2b2b; font-size:13px; font-weight:700; padding:9px 18px; border-radius:999px; margin-top:4px; transition:transform .15s, box-shadow .15s}
.kp-slide:hover .kp-slide-btn{transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,.18)}
@media (max-width:767px){
 .kp-slide{min-height:230px; padding:24px 22px}
 .kp-slide-txt b{font-size:20px}
}
/* Полоса доверия */
.kmp-trust{max-width:1100px;margin:22px auto 0;padding:0 15px}
.kmp-trust-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.kmp-trust-item{background:#fff;border:1px solid #e9dfd2;border-radius:10px;padding:14px 12px;text-align:center}
.kmp-trust-ico{font-size:24px;line-height:1;margin-bottom:6px}
.kmp-trust-t{font-weight:bold;font-size:13.5px;color:#4d3a2e;margin:0 0 3px}
.kmp-trust-d{font-size:12px;color:#6b5b50;margin:0;line-height:1.45}

/* Квиз-блок */
.kmp-quiz{max-width:1100px;margin:26px auto 0;padding:0 15px}
.kmp-quiz-box{position:relative;overflow:hidden;border-radius:12px;padding:26px 22px;text-align:center;
 background:linear-gradient(135deg,#4d3a2e 0%,#6b4a35 60%,#8a6244 100%);color:#fff}
.kmp-quiz-badge{display:inline-block;background:rgba(255,255,255,.14);color:#e8cf9e;border:1px solid rgba(232,207,158,.5);
 border-radius:999px;padding:4px 14px;font-size:12px;letter-spacing:.4px;margin-bottom:10px}
.kmp-quiz-h{margin:0 0 8px;font-size:22px;line-height:1.25;color:#fff}
.kmp-quiz-p{margin:0 auto 16px;max-width:560px;font-size:14px;line-height:1.55;color:rgba(255,255,255,.85)}
.kmp-quiz-btn{display:inline-block;background:#c9a86a;color:#3b2a1c;font-weight:bold;font-size:15px;
 padding:13px 34px;border-radius:999px;text-decoration:none;transition:transform .15s ease}
.kmp-quiz-btn:hover{transform:translateY(-1px);color:#fff}
.kmp-quiz-note{margin:10px 0 0;font-size:12px;color:rgba(255,255,255,.65)}

/* Категории */
.kmp-cats{max-width:1100px;margin:30px auto 0;padding:0 15px}
.kmp-h2{margin:0 0 4px;font-size:21px;color:#4d3a2e}
.kmp-sub{margin:0 0 14px;font-size:13.5px;color:#6b5b50}
.kmp-cats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:767px){.kmp-cats-grid{grid-template-columns:repeat(2,1fr)}}
.kmp-cat{position:relative;display:block;background:#fff;border:1px solid #e9dfd2;border-radius:10px;
 padding:16px 12px;text-decoration:none;transition:border-color .15s ease,transform .15s ease}
.kmp-cat:hover{border-color:#c9a86a;transform:translateY(-2px)}
.kmp-cat-ico{font-size:22px;margin-bottom:6px}
.kmp-cat-t{font-weight:bold;font-size:14px;color:#4d3a2e;margin:0 0 3px}
.kmp-cat-d{font-size:12px;color:#6b5b50;margin:0;line-height:1.4}

/* Бренды */
.kmp-brands{max-width:1100px;margin:30px auto 34px;padding:0 15px}
.kmp-brands-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:767px){.kmp-brands-grid{grid-template-columns:repeat(2,1fr)}}
.kmp-brand{position:relative;display:block;background:#faf6f0;border:1px solid #e9dfd2;border-radius:10px;
 padding:18px 12px;text-align:center;text-decoration:none;transition:border-color .15s ease,transform .15s ease}
.kmp-brand:hover{border-color:#c9a86a;transform:translateY(-2px)}
.kmp-brand-n{font-weight:bold;font-size:15px;letter-spacing:.5px;color:#4d3a2e;margin:0 0 4px}
.kmp-brand-d{font-size:12px;color:#6b5b50;margin:0;line-height:1.4}

/* Отзывы */
.kmp-rev{max-width:1100px;margin:30px auto 0;padding:0 15px}
.kmp-rev-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.kmp-rev-card{background:#fff;border:1px solid #e9dfd2;border-radius:10px;padding:16px 16px 14px;display:flex;flex-direction:column}
.kmp-rev-stars{color:#c9a86a;font-size:15px;letter-spacing:2px;margin-bottom:8px}
.kmp-rev-q{font-size:13.5px;line-height:1.6;color:#3b2f2a;margin:0 0 12px;flex:1}
.kmp-rev-a{font-size:12.5px;color:#6b5b50;margin:0}
.kmp-rev-a b{color:#4d3a2e}
.kmp-rev-link{margin-top:14px;text-align:center}
.kmp-rev-link a{display:inline-block;border:1.5px solid #c9a86a;color:#4d3a2e;font-weight:bold;font-size:13.5px;padding:10px 26px;border-radius:999px;text-decoration:none;transition:background .15s,color .15s}
.kmp-rev-link a:hover{background:#c9a86a;color:#fff}

/* Блог */
.kmp-blog{max-width:1100px;margin:30px auto 34px;padding:0 15px}
.kmp-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:767px){.kmp-blog-grid{grid-template-columns:1fr}}
.kmp-blog-card{background:#faf6f0;border:1px dashed #d8c6b0;border-radius:10px;padding:18px 16px;text-align:center}
.kmp-blog-ico{font-size:24px;margin-bottom:8px}
.kmp-blog-t{font-weight:bold;font-size:14px;color:#4d3a2e;margin:0 0 4px}
.kmp-blog-d{font-size:12px;color:#8a7a6e;margin:0}
.kmp-blog-soon{display:inline-block;margin-top:8px;font-size:11px;font-weight:bold;letter-spacing:.5px;color:#b3a390;text-transform:uppercase;border:1px solid #d8c6b0;border-radius:999px;padding:3px 10px}

/* Hero */
.kmp-hero{max-width:1100px;margin:26px auto 0;padding:0 15px}
.kmp-hero-box{position:relative;overflow:hidden;border-radius:12px;padding:30px 26px;text-align:center;color:#fff;background:linear-gradient(120deg,#4d3a2e,#6b4a35 60%,#8a6244)}
.kmp-hero-box::after{content:'';position:absolute;right:-70px;top:-70px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.08)}
.kmp-hero-eyebrow{display:inline-block;background:rgba(255,255,255,.16);color:#e8cf9e;border:1px solid rgba(232,207,158,.5);border-radius:999px;padding:4px 14px;font-size:12px;letter-spacing:.6px;text-transform:uppercase;font-weight:bold}
.kmp-hero-h{margin:12px 0 8px;font-size:30px;line-height:1.2;color:#fff;letter-spacing:-.4px}
.kmp-hero-p{margin:0 auto;max-width:640px;font-size:15px;line-height:1.6;color:rgba(255,255,255,.9)}
.kmp-hero-note{margin:10px 0 0;font-size:13px;color:#e8cf9e;font-weight:bold}
.kmp-hero-btns{margin-top:16px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.kmp-hero-btn{background:#c9a86a;color:#3b2a1c;font-weight:bold;font-size:15px;padding:13px 30px;border-radius:999px;text-decoration:none;transition:transform .15s}
.kmp-hero-btn:hover{transform:translateY(-1px)}
.kmp-hero-btn2{border:1.5px solid rgba(255,255,255,.55);color:#fff;font-weight:bold;font-size:15px;padding:13px 30px;border-radius:999px;text-decoration:none;transition:background .15s}
.kmp-hero-btn2:hover{background:rgba(255,255,255,.12)}
@media(max-width:767px){.kmp-hero-h{font-size:24px}.kmp-hero-btns .kmp-hero-btn,.kmp-hero-btns .kmp-hero-btn2{width:100%}}

/* Полоса акций */
.kmp-strip{max-width:1100px;margin:26px auto;padding:0 15px}
.kmp-strip-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;background:#faf6f0;border:1px solid #e9dfd2;border-radius:10px;padding:13px 16px}
.kmp-strip-item{font-size:13.5px;font-weight:bold;color:#4d3a2e}
.kmp-strip-sep{color:#b3a390}
.kmp-strip-btn{background:#c9a86a;color:#3b2a1c;font-weight:bold;font-size:13px;padding:8px 18px;border-radius:999px;text-decoration:none}
.kmp-strip-btn:hover{filter:brightness(1.05)}

/* DALTON для салонов */
.kmp-salon{max-width:1100px;margin:26px auto 0;padding:0 15px}
.kmp-salon-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid #e9dfd2;border-left:4px solid #c9a86a;border-radius:10px;padding:18px 20px}
.kmp-salon-h{margin:0 0 6px;font-size:19px;color:#4d3a2e}
.kmp-salon-p{margin:0;font-size:13.5px;line-height:1.6;color:#6b5b50}
.kmp-salon-btn{flex-shrink:0;background:#4d3a2e;color:#fff;font-weight:bold;font-size:13.5px;padding:11px 24px;border-radius:999px;text-decoration:none}
.kmp-salon-btn:hover{filter:brightness(1.15)}
@media(max-width:767px){.kmp-salon-row{flex-direction:column;align-items:flex-start}}

/* флаг бренда */
.kmp-brand-flag{margin-right:4px}
/* ссылка на товар в отзыве */
.kmp-rev-a a{color:#8a6d5a;text-decoration:underline}
.kmp-rev-a a:hover{color:#a0522d}

/* Товарные карусели (табы): товары в один ряд с прокруткой */
.main-items{display:flex!important;gap:14px;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.main-items .list-item{flex:0 0 auto!important;width:225px!important;float:none!important;margin:0!important;scroll-snap-align:start}
.main-items::-webkit-scrollbar{height:6px}
.main-items::-webkit-scrollbar-track{background:transparent}
.main-items::-webkit-scrollbar-thumb{background:#e9dfd2;border-radius:999px}

/* Осенний уход */
.kmp-autumn{max-width:1100px;margin:30px auto 0;padding:0 15px}
.kmp-autumn-row{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.kmp-autumn-row::-webkit-scrollbar{height:6px}
.kmp-autumn-row::-webkit-scrollbar-track{background:transparent}
.kmp-autumn-row::-webkit-scrollbar-thumb{background:#e9dfd2;border-radius:999px}
.kmp-atm{flex:0 0 auto;width:220px;scroll-snap-align:start;background:#fff;border:1px solid #e9dfd2;border-radius:10px;padding:14px 12px;text-align:center;text-decoration:none;transition:border-color .15s,transform .15s}
.kmp-atm:hover{border-color:#c9a86a;transform:translateY(-2px)}
.kmp-atm img{width:100%;height:auto;border-radius:8px;margin-bottom:8px}
.kmp-atm-n{font-size:13px;font-weight:bold;color:#4d3a2e;margin:0 0 4px;min-height:36px;line-height:1.35}
.kmp-atm-d{font-size:11.5px;color:#8a7a6e;margin:0 0 6px}
.kmp-atm-p{font-size:15px;font-weight:bold;color:#3b2f2a;margin:0 0 10px}
.kmp-atm-p s{font-size:12.5px}
.kmp-atm-btn{display:inline-block;border:1.5px solid #c9a86a;color:#4d3a2e;font-weight:bold;font-size:12.5px;padding:7px 16px;border-radius:999px;transition:background .15s,color .15s}
.kmp-atm:hover .kmp-atm-btn{background:#c9a86a;color:#fff}
.kmp-autumn-lead{margin:4px 0 0;font-size:13.5px;color:#6b5b50}
.kmp-autumn-lead a{color:#a0522d;font-weight:bold;text-decoration:none}
.kmp-autumn-lead a:hover{text-decoration:underline}

/* Карусели товаров (общие) */
.kmp-atm-row{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.kmp-atm-row::-webkit-scrollbar{height:6px}
.kmp-atm-row::-webkit-scrollbar-track{background:transparent}
.kmp-atm-row::-webkit-scrollbar-thumb{background:#e9dfd2;border-radius:999px}
.kmp-atm{display:flex;flex-direction:column}
.kmp-atm-rate{display:flex;align-items:center;gap:6px;justify-content:center;margin-bottom:6px}
.kmp-atm-stars{color:#c9a86a;font-size:13px;letter-spacing:1px}
.kmp-atm-cnt{font-size:11.5px;color:#8a7a6e}
.kmp-atm-btn{margin-top:auto}
.kmp-atm, .kmp-atm *{text-decoration:none !important}
.kmp-hero-offer{margin:8px 0 0;font-size:13px;color:#e8cf9e}
.kmp-shop{max-width:1100px;margin:26px auto 0;padding:0 15px}

/* === Блок «Статьи и советы» === */
/* Статьи на главной: карточки информера */
.kmp-blog-live{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;}
.kmp-blog-live .kp-art{display:flex;flex-direction:column;gap:6px;min-width:0;background:#fffdf9;border:1px solid #e9dfd2;border-radius:12px;padding:16px;transition:border-color .15s,transform .15s,box-shadow .15s;}
.kmp-blog-live .kp-art:hover{border-color:#c9a86a;transform:translateY(-2px);box-shadow:0 6px 16px rgba(77,58,46,.08);}
.kmp-blog-live .kp-art-date{display:none;}
.kmp-blog-live .kp-art-name{font-weight:700;color:#4d3a2e;font-size:14.5px;line-height:1.35;}
.kmp-blog-live .kp-art-text{font-size:13px;color:#7a6a58;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.kmp-blog-live .kp-art-cat{font-size:11px;color:#b98a3f;text-transform:uppercase;letter-spacing:.5px;}
.kmp-blog-live .kp-art-btn{margin-top:auto;padding-top:10px;color:#b98a3f;font-weight:600;font-size:12.5px;}
.kmp-blog-live .kp-art,.kmp-blog-live .kp-art *{text-decoration:none!important;}
.kmp-blog-all{margin-top:14px;text-align:center;}
.kmp-blog-all a{display:inline-block;border:1.5px solid #c9a86a;color:#4d3a2e;font-weight:bold;font-size:13.5px;padding:10px 26px;border-radius:999px;text-decoration:none;transition:background .15s,color .15s;}
.kmp-blog-all a:hover{background:#c9a86a;color:#fff;}
@media(max-width:767px){.kmp-blog-live{grid-template-columns:1fr;}}

/* === Блок «О нас» === */
.kmp-about{max-width:1100px;margin:26px auto 34px;padding:0 15px}
 .kmp-about-box{background:#faf6f0;border:1px dashed #d8c6b0;border-radius:14px;padding:26px 20px;text-align:center}
 .kmp-about-eyebrow{margin:0 0 8px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#8f6b30}
 .kmp-about h2{margin:0 0 10px;font-size:21px;color:#4d3a2e}
 .kmp-about p.kmp-about-txt{margin:0 auto 10px;max-width:760px;font-size:14.5px;line-height:1.65;color:#6b5b50}
 .kmp-about-facts{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:16px 0 20px;padding:0}
 .kmp-about-facts span{background:#fff;border:1px solid #e9dfd2;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;color:#4d3a2e}
 .kmp-about-btn{display:inline-block;background:#c9a86a;color:#3b2a1c;font-weight:bold;font-size:15px;padding:13px 30px;border-radius:999px;text-decoration:none;transition:transform .15s}
 .kmp-about-btn:hover{transform:translateY(-1px)}
 @media (min-width:768px){.kmp-about-box{padding:34px 40px}.kmp-about h2{font-size:23px}}
 @media (min-width:1200px){.kmp-about{max-width:min(1400px, calc(100vw - 80px))}}