/* Full-width mobile header; desktop artwork and layout keep their original rules. */
@media(max-width:1023px){
 body.tvm-mobile #header,body.tvm-mobile #header.fixed,body.tvm-mobile #header.top{
  box-sizing:border-box!important;position:sticky!important;top:0!important;left:0!important;right:0!important;
  width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;
  margin:0!important;padding:10px 16px 12px!important;background:#fffdf9f7!important;
  border:0!important;border-bottom:1px solid #eee8e1!important;border-radius:0!important;box-shadow:none!important;
 }
 body.tvm-mobile #header>.container{
  box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto 40px!important;
  grid-template-rows:42px 44px!important;grid-auto-rows:0!important;gap:10px!important;
  align-items:center!important;align-content:start!important;width:100%!important;min-width:0!important;max-width:none!important;
  height:auto!important;min-height:0!important;margin:0!important;padding:0!important;float:none!important;
 }
 body.tvm-mobile #header>.container noindex{display:contents!important}
 body.tvm-mobile #header>.container::before,body.tvm-mobile #header>.container::after{display:none!important;content:none!important}
 body.tvm-mobile #header .logo_tvorim{
  box-sizing:border-box!important;position:relative!important;inset:auto!important;grid-column:1!important;grid-row:1!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;
  width:100%!important;min-width:0!important;max-width:none!important;height:42px!important;margin:0!important;padding:0 0 0 42px!important;
  background:transparent url('/public/templates/favicon.png') no-repeat left center!important;background-size:34px 34px!important;
  text-indent:0!important;overflow:visible!important;text-decoration:none!important;color:#d96c29!important;line-height:1!important;
 }
 body.tvm-mobile #header .logo_tvorim h1{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
 body.tvm-mobile #header .logo_tvorim::before{display:block;content:'Творим.kz';font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:25px;font-weight:750;line-height:27px;letter-spacing:-1px;color:#d96c29;white-space:nowrap}
 body.tvm-mobile #header .logo_tvorim::after{display:block;content:'материалы для творчества';font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:9px;font-weight:450;line-height:12px;letter-spacing:.05px;color:#8c8279;white-space:nowrap}
 body.tvm-mobile #header .tvm-location{box-sizing:border-box!important;grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;max-width:100%!important;height:40px!important;padding:0!important;margin:0!important;font-size:11px!important;line-height:16px!important;color:#8b8178!important;white-space:nowrap}
 body.tvm-mobile #header .tvm-phone{box-sizing:border-box!important;grid-column:3!important;grid-row:1!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:10px!important;border:1px solid #ece5dd!important;border-radius:13px!important;background:#faf6f0!important;color:#785b44!important}
 body.tvm-mobile #header .tvm-phone svg{width:19px!important;height:19px!important;flex:none!important}
 body.tvm-mobile #header #left_search{box-sizing:border-box!important;grid-column:1/-1!important;grid-row:2!important;display:block!important;position:relative!important;width:100%!important;min-width:0!important;max-width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:1px solid #ede8e0!important;border-radius:13px!important;background:#f5f2ed!important;overflow:hidden!important}
 body.tvm-mobile #header #left_search .what{box-sizing:border-box!important;display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:42px!important;margin:0!important;padding:0 45px 0 38px!important;border:0!important;border-radius:0!important;background:none!important;font-family:inherit!important;font-size:16px!important;line-height:42px!important;color:#50453b!important;text-overflow:ellipsis}
 body.tvm-mobile #header #left_search .what::placeholder{font-size:14px!important;color:#9c9186!important}
 body.tvm-mobile #header #left_search .tvm-search-icon{left:12px!important;top:12px!important;color:#ab957d!important}
 body.tvm-mobile #header #left_search .submit_btn{box-sizing:border-box!important;top:2px!important;right:3px!important;width:38px!important;height:38px!important;border:0!important;border-radius:10px!important;background-color:#e9dfd2!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%237e664e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-5-5 5 5-5 5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:18px!important;opacity:1!important;cursor:pointer}
 body.tvm-mobile #header #left_search:focus-within{outline:2px solid #dba576!important;outline-offset:2px!important}
 html{scroll-padding-top:120px}
}
@media(max-width:359px){
 body.tvm-mobile #header,body.tvm-mobile #header.fixed,body.tvm-mobile #header.top{padding-left:12px!important;padding-right:12px!important}
 body.tvm-mobile #header>.container{column-gap:8px!important}
 body.tvm-mobile #header .logo_tvorim{padding-left:36px!important;background-size:29px 29px!important}
 body.tvm-mobile #header .logo_tvorim::before{font-size:22px;line-height:25px;letter-spacing:-.8px}
 body.tvm-mobile #header .logo_tvorim::after{font-size:8px;line-height:11px;letter-spacing:0}
 body.tvm-mobile #header .tvm-location{font-size:10px!important}
}