/* HLAVIČKA */
.chr-topbar{
  position:fixed;left:0;right:0;top:0;z-index:9999;
  background:#fff;border-bottom:1px solid rgba(0,0,0,.08);
  box-shadow:0 8px 20px rgba(0,0,0,.06);
  font-size:14px;color:#1f2a37;
  display:none;align-items:center;justify-content:space-between;
  padding:8px 16px;
  font-family:inherit;white-space:nowrap
}
.chr-topbar.chr-show{display:flex}
@media(max-width:1023.98px){
  .chr-topbar{display:none!important}
}
.chr-left{display:flex;align-items:center;gap:14px;font-weight:600;flex-wrap:nowrap}
.chr-home{display:flex;align-items:center;color:#1f2a37;text-decoration:none}
.chr-home svg{width:20px;height:20px;stroke:#1f2a37;stroke-width:2;fill:none}
.chr-cat{position:relative;display:flex;align-items:center;gap:4px}
.chr-cat>a{color:#1f2a37;text-decoration:none}
.chr-arr{font-size:13px;line-height:1;transition:transform .15s}
.chr-menu{
  position:absolute;top:140%;left:0;min-width:200px;
  background:#fff;border:1px solid rgba(0,0,0,.1);
  box-shadow:0 10px 30px rgba(0,0,0,.1);
  border-radius:6px;padding:8px 0;display:none;z-index:99999
}
.chr-menu a{
  display:block;padding:8px 14px;font-size:14px;
  color:#1f2a37;text-decoration:none;font-weight:400
}
.chr-menu a:hover{background:#f5f5f5}
.chr-cat:hover .chr-menu{display:block}
.chr-cat:hover .chr-arr{transform:rotate(180deg)}
.chr-right{display:flex;align-items:center;gap:16px;font-weight:500}
.chr-icon{display:flex;align-items:center;color:#1f2a37;text-decoration:none;transition:.2s}
.chr-icon:hover svg{stroke:#c6a75e}
.chr-icon svg{width:20px;height:20px;stroke:#1f2a37;stroke-width:2;fill:none}
.chr-cart{
  display:flex;align-items:center;gap:6px;
  color:#1f2a37;text-decoration:none;min-width:140px
}
.chr-cart svg{width:22px;height:22px;fill:#c6a75e}
.chr-cart-info{display:flex;flex-direction:column;line-height:1.1;font-size:13px;text-align:right}
.chr-cart-total{font-weight:600;font-size:14px}

/* Patička */
:root{--ph:200px;--s:44px;--pm:-15px;--pi:5px}
.footer-container a{color:#2b2b2b;text-decoration:none}
.footer-social-inline svg{transition:transform .2s;width:var(--s);height:var(--s)}
@media(hover:hover){.footer-social-inline a:hover svg{transform:scale(1.08)}}
.nd{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;max-width:800px;margin:0 auto 24px!important;padding:0 20px;text-align:center}
.nd-l,.nd-r{width:100%;text-align:center}
.nd h2{font-size:22px;margin:0 0 6px!important;font-weight:700}
.nd p{margin:0!important;color:#555}
.nd form{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:8px}
.nm{display:none}
@media(max-width:1023.98px){
  .nd{display:none}
  .nm{display:block;margin:0 auto 24px;padding:0 20px;text-align:center}
  .nm h2{font-size:20px;margin:0 0 6px;font-weight:700}
  .nm p{margin:0 0 10px;color:#555}
  .nm form{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
  .nm input{padding:10px 15px;border:1px solid #ccc;border-radius:4px;width:240px}
  .nm button{background:#1f2937;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer}
  .nm .note{font-size:13px;color:#666;margin:6px 0 0}
}
.footer-cols{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1100px;margin:0 auto;gap:26px;padding:24px 20px 0}
.footer-col{flex:1 1 22%;min-width:220px}
.footer-col h4{font-weight:700;margin:0 0 10px}
.footer-col p{margin:0 0 8px}
.photo-col{text-align:center;position:relative;top:var(--pm)}
.photo-col img{max-width:var(--ph);width:100%;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-top:20px}
.footer-social-inline{margin-top:8px;display:flex;gap:12px;justify-content:center;position:relative;top:var(--pi)}
.footer-social-inline a{width:44px;height:44px;border-radius:6px;background:#C6A75E;display:flex;align-items:center;justify-content:center}
.footer-social-inline a svg{width:22px;height:22px;fill:#fff}
@media(max-width:1023.98px){
  .footer-cols{flex-direction:column;gap:16px;padding:24px 20px 20px;text-align:center}
  .footer-col,.footer-col p{text-align:center}
  .photo-col{top:calc(var(--pm) - 8px)}
  .footer-social-inline{top:calc(var(--pi) - 5px)}
}