/* Zistesteron public UX hotfix v0.9.4
   Scoped, reversible presentation rules. No parent-theme file edits. */

@media (max-width:700px){
  .site-header .zst-mobile-header-shell{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    column-gap:12px!important;
    row-gap:10px!important;
  }
  .site-header .zst-mobile-logo-slot{
    order:1!important;
    flex:0 0 auto!important;
    width:auto!important;
    margin:0!important;
  }
  .site-header .zst-mobile-controls-slot{
    order:2!important;
    flex:0 0 auto!important;
    width:auto!important;
    margin:0!important;
  }
  .site-header .zst-mobile-search-slot{
    order:3!important;
    flex:0 0 100%!important;
    width:100%!important;
    max-width:none!important;
    margin:2px 0 0!important;
    display:flex!important;
    justify-content:center!important;
  }
  .site-header .zst-mobile-search-slot form,
  .site-header .zst-mobile-search-slot .search-form,
  .site-header .zst-mobile-search-slot [role="search"]{
    width:min(100%,360px)!important;
    max-width:360px!important;
    margin:0 auto!important;
  }
  .site-header .zst-mobile-search-slot input[type="search"],
  .site-header .zst-mobile-search-slot input[name="s"]{
    width:100%!important;
    max-width:100%!important;
  }
}

/* /shop/: remove only elements positively identified by the companion JS as
   retained Studiare demo/support widgets. */
.zst-demo-widget-hidden{display:none!important}

.zst-shop-clean-intro{
  direction:rtl;
  text-align:right;
  padding:28px 30px;
  margin:0 0 24px;
  border:1px solid #e1e8f2;
  border-radius:22px;
  background:
    radial-gradient(circle at 8% 10%,rgba(15,165,140,.08),transparent 24%),
    radial-gradient(circle at 92% 80%,rgba(111,53,230,.07),transparent 28%),
    linear-gradient(180deg,#fff,#fbfcff);
  box-shadow:0 16px 38px rgba(31,48,92,.06);
}
.zst-shop-clean-intro>span{display:block;color:#087868;font-size:13px;font-weight:900;margin-bottom:5px}
.zst-shop-clean-intro h1{margin:0 0 8px;color:#091a48;font-size:clamp(26px,3vw,38px);line-height:1.5;font-weight:950}
.zst-shop-clean-intro p{margin:0;color:#64718a;font-size:14px;line-height:2}
@media(max-width:700px){.zst-shop-clean-intro{padding:22px 18px;border-radius:18px}.zst-shop-clean-intro p{font-size:13px}}