.home-main{background:var(--bg);padding:0}.container{width:100%;max-width:clamp(320px, 95vw, 1700px);margin-inline:auto}.layout{display:grid;gap:0}.layout__left{display:grid;gap:var(--gap)}.layout__right{display:grid;gap:48px;padding:0 10px}.sidebar{position:relative;background:#0f172a;color:#fff;padding:20px 18px;border-radius:0 0 0 var(--radius);box-shadow:var(--shadow);overflow:hidden}.sidebar>*{position:relative;z-index:1}.sidebar h2{font-size:var(--h3);font-weight:700;color:#f6f3ee;margin:0;padding:8px 6px 10px;border-bottom:var(--border);letter-spacing:.2px}.sidebar__nav{list-style:none;margin:0;padding:6px 0;display:grid;gap:8px;max-height:60vh;overflow:auto;scrollbar-width:thin}.sidebar__nav li{margin:0}.sidebar__nav a{display:flex;align-items:center;gap:10px;padding:12px;border-radius:var(--radius);font-size:15px;font-weight:600;color:#e9e9ea;background:rgba(255,255,255,.04);outline:0;transition:transform .15s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.sidebar__nav a:hover{background:rgba(255,255,255,.12);color:#fff;transform:translateY(-1px)}.sidebar__nav a:focus-visible{box-shadow:0 0 0 3px var(--bg-dark)}.sidebar__nav a:active{transform:translateY(0)}.sidebar__nav li.current-cat>a,.sidebar__nav a.is-active{background:linear-gradient(135deg,#334155,#0f172a);color:#fff}.sidebar-toggle{display:none}.banner{background-blend-mode:multiply;border-radius:0 0 var(--radius) 0;display:grid;gap:0}.banner__text{padding:24px 24px 0}.banner__text h1{font-size:var(--h1);line-height:1.05;margin:0 0 8px;color:var(--ink)}.banner__text p{color:var(--ink-weak);margin:0 0 16px}.banner-slider{position:relative;overflow:hidden;border-radius:var(--radius)}.banner-track{display:flex;transition:transform .5s ease;gap:var(--gap);padding:24px}.banner-slide{min-width:100%;flex-shrink:0}.banner-slide img{width:100%;height:clamp(220px, 40vw, 420px);object-fit:cover}.banner-prev,.banner-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;border:0;font-size:28px;width:40px;height:40px;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center}.banner-prev{left:10px}.banner-next{right:10px}.banner-prev:hover,.banner-next:hover{background:rgba(0,0,0,.7)}.quick-cats{display:flex;gap:40px;background-color:var(--bg-light);padding:24px}.qcat{display:flex;align-items:center;text-decoration:none;font-size:18px;color:var(--ink);flex:1;gap:20px}.qcat__icon img{width:100%;height:100%}.qcat__text{line-height:1.3;flex:3}.qcat__icon{flex:1}.grid{display:grid;gap:16px}.grid--products{grid-template-columns:1fr}.grid--posts{grid-template-columns:1fr}.usp{padding:8px 0 0}.usp__list{list-style:none;display:grid;grid-template-columns:1fr;gap:12px;margin:0;padding:0}.usp__item{display:flex;align-items:center;gap:10px;background:var(--bg-light);border:var(--border);border-radius:var(--radius);padding:12px;height:120px;justify-content:center}.about-teaser{display:grid;grid-template-columns:1fr;gap:16px;align-items:center;background:var(--bg-light);border:var(--border);border-radius:var(--radius);padding:16px}.about-teaser__media img{border-radius:var(--radius)}.brands{background:var(--bg-light);border:var(--border);border-radius:var(--radius);padding:16px}.brands h2{font-size:var(--h2);margin:0 0 12px}.brands__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0, 1fr));gap:10px}.brands__grid a{display:block;background:var(--bg-light);border:var(--border);border-radius:var(--radius);padding:10px;font-weight:600;color:var(--ink-strong);text-align:center}.post-teaser{background:var(--bg-light);border:var(--border);border-radius:var(--radius);padding:12px;display:grid;gap:8px}.post-teaser__media img{border-radius:var(--radius);height:180px;object-fit:cover}.testimonial__card{display:flex;gap:16px;background:var(--bg-light);border:var(--border);border-radius:var(--radius);padding:16px;align-items:center}.testimonial__avatar img{width:64px;height:64px;border-radius:999px;object-fit:cover}.stars{color:var(--brand)}.split-2col{display:grid;gap:24px}.split-2col__left{display:grid;gap:12px}.split-2col__right{display:grid;gap:12px}.faq{background:var(--bg-light);border:var(--border);border-radius:var(--radius);padding:16px}.faq h2{font-size:var(--h2);margin:0 0 12px}.faq__list{display:grid;gap:10px}.faq summary{cursor:pointer;font-weight:700;padding:10px;border-radius:var(--radius);background:var(--bg-medium)}.faq details>div{padding:10px 12px}.about-card{display:grid;grid-template-columns:1fr;gap:12px;background:var(--bg-light);border:var(--border);border-radius:var(--radius);padding:16px}.about-card__media img{border-radius:var(--radius)}.about-card__body p{color:var(--ink-weak)}.blog{display:grid;gap:12px}.blog__header{display:flex;align-items:baseline;gap:12px}.blog__header h2{flex:1}.blog__more{display:inline-flex;align-items:center;gap:8px;font-weight:700;line-height:1;padding:8px 10px;border-radius:var(--radius);transition:transform .15s ease,background .2s ease}.blog__more:hover{background:var(--bg-dark);transform:translateX(2px)}.blog__arrow{font-size:18px}.blog-card{background:var(--bg-light);border:var(--border);border-radius:var(--radius);padding:12px;display:grid;gap:8px;height:100%}.blog-card__media img{border-radius:var(--radius);height:200px;width:100%;object-fit:cover}.blog-card__title{font-size:var(--h3);line-height:1.3}.blog-card__title a{display:inline-block}.blog-card__excerpt{color:var(--ink-weak);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1em * 1.6 * 2)
}

.blog .grid--posts { grid-template-columns: 1fr }

@media (min-width:600px) {
  .brands__grid { grid-template-columns: repeat(3, minmax(0, 1fr)) }
}

@media (min-width:768px) {
  .grid--products { grid-template-columns: repeat(2, minmax(0, 1fr)) }
  .grid--posts { grid-template-columns: repeat(2, 1fr) }
  .usp__list { grid-template-columns: repeat(2, 1fr) }
  .blog .grid--posts { grid-template-columns: repeat(3, 1fr) }
}

@media (min-width:980px){.layout{grid-template-columns:360px 1fr;align-items:start}.grid--products{grid-template-columns:repeat(3,minmax(0, 1fr)) }
  .usp__list { grid-template-columns: repeat(3, 1fr) }
  .split-2col { grid-template-columns: 1fr 1fr }
}

@media (min-width:1200px) {
  .grid--products { grid-template-columns: repeat(4, minmax(0, 1fr)) }
  .brands__grid { grid-template-columns: repeat(4, minmax(0, 1fr))}}