/*
 * Tamiyouz Blog V37 – phone layout rebuilt to show a complete hero journey
 * near the top of the screen: brand → concise headline → explanation → CTAs
 * → visual → benefits. Desktop markup and visuals remain unchanged.
 */
.tyz-v37-mobile-description{display:none!important}
@media(max-width:700px){
  body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v30-hero {
    overflow:hidden!important;max-width:100%!important;
    background:linear-gradient(165deg,#fffbf6 0%,#f8eddf 68%,#f7efe6 100%)!important;
  }
  body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v30-hero .tyz-v30-layout {
    display:grid!important;direction:rtl!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:repeat(8,auto)!important;
    min-width:0!important;max-width:100%!important;width:100%!important;
    min-height:0!important;box-sizing:border-box!important;
    align-content:start!important;align-items:start!important;
    padding:clamp(14px,4.5vw,22px) clamp(13px,4.5vw,22px) 15px!important;
    gap:0!important;
  }
  /* Contents become actual grid items for phone-only editorial ordering.
     Native DOM order is preserved for the desktop, search and SEO. */
  body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v30-hero .tyz-v30-copy{
    display:contents!important;
    padding:0!important;margin:0!important;border:0!important;
    max-width:none!important;width:auto!important;min-width:0!important;
  }
  body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v30-hero .tyz-v30-copy > *,
  body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v30-hero .tyz-v30-visual{
    grid-column:1!important;min-width:0!important;
    max-width:100%!important;width:100%!important;box-sizing:border-box!important;
  }
  body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v30-hero .tyz-v30-identity{
    grid-row:1!important;display:flex!important;
    justify-content:center!important;flex-wrap:nowrap!important;
    gap:8px!important;min-width:0!important;max-width:100%!important;
    padding:0!important;margin:0 0 10px!important;
    font-size:clamp(.68rem,2.65vw,.83rem)!important;
    line-height:1.35!important;
  }
  body.tyz-home-v13 .tyz-v30-hero .tyz-v30-brand{flex:0 0 auto!important}
  body.tyz-home-v13 .tyz-v30-hero .tyz-v30-english{
    font-size:clamp(.53rem,2.1vw,.68rem)!important;
    letter-spacing:.09em!important;min-width:0!important;flex:0 1 auto!important;
  }
  body.tyz-home-v13 .tyz-v30-hero .tyz-v30-identity-line{
    width:clamp(12px,4vw,22px)!important;
  }
  body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v30-hero .tyz-v30-kicker{
    grid-row:2!important;justify-self:center!important;
    align-self:center!important;max-width:100%!important;
    margin:0 auto 7px!important;
    padding:0 10px!important;text-align:center!important;
    font-size:clamp(.72rem,2.95vw,.94rem)!important;
    font-weight:800!important;line-height:1.5!important;
    color:#a8782a!important;
  }
  body.tyz-home-v13 .tyz-v30-hero .tyz-v30-kicker::before,
  body.tyz-home-v13 .tyz-v30-hero .tyz-v30-kicker::after{width:9px!important}
  body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v30-hero h1.tyz-v30-title{
    grid-row:3!important;
    display:block!important;width:100%!important;
    max-width:520px!important;
    margin:0 auto 9px!important;padding:0!important;
    text-align:center!important;text-wrap:balance!important;
    font-size:clamp(1.53rem,6vw,2.05rem)!important;
    font-weight:900!important;letter-spacing:0!important;
    line-height:1.36!important;color:#0c2743!important;
    overflow-wrap:normal!important;word-break:normal!important;
  }
  body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v30-hero .tyz-v30-title-gold{
    display:block!important;width:100%!important;
    max-width:100%!important;margin:3px 0 0!important;
    padding:0 0 7px!important;
    font-size:clamp(1.43rem,5.66vw,1.96rem)!important;
    line-height:1.43!important;
    color:#ac7a29!important;text-align:center!important;text-wrap:balance!important;
  }
  body.tyz-home-v13 .tyz-v30-hero .tyz-v30-title-gold::after{
    height:2px!important;bottom:0!important;right:11%!important;width:78%!important;
  }
  body.tyz-home-v13 .tyz-v30-hero .tyz-v30-pen{display:none!important}
  /* The full desktop paragraph remains in source. A tailored shorter
     phone sentence avoids a six-line text wall above the image. */
  body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v30-hero .tyz-v30-description{
    display:none!important;
  }
  body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v30-hero .tyz-v37-mobile-description{
    display:block!important;grid-row:4!important;
    max-width:520px!important;width:100%!important;
    padding:0!important;margin:3px auto 13px!important;
    border:0!important;background:transparent!important;
    color:#48586a!important;text-align:center!important;
    font-size:clamp(.82rem,3.05vw,.98rem)!important;
    font-weight:580!important;line-height:1.72!important;
    text-wrap:balance!important;
  }
  body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v30-hero .tyz-v30-actions{
    grid-row:5!important;
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;align-items:stretch!important;
    width:100%!important;max-width:520px!important;
    margin:0 auto 15px!important;padding:0!important;
  }
  body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v30-hero .tyz-v30-actions a.tyz-v30-action{
    min-height:46px!important;min-width:0!important;
    border-radius:12px!important;
    padding:8px 7px!important;
    gap:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    white-space:normal!important;text-align:center!important;
    font-size:clamp(.72rem,2.72vw,.88rem)!important;
    line-height:1.38!important;
    box-shadow:0 4px 10px rgba(31,32,25,.1)!important;
  }
  body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v30-hero .tyz-v30-actions a.tyz-v30-action > span[aria-hidden]{
    display:none!important;
  }
  body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v30-hero .tyz-v30-visual{
    grid-row:6!important;
    height:clamp(188px,54vw,280px)!important;
    min-height:0!important;max-height:280px!important;
    margin:0 auto 14px!important;padding:0!important;
    overflow:hidden!important;
    border-radius:17px!important;
    box-shadow:0 7px 17px rgba(9,27,45,.12)!important;
  }
  body.tyz-home-v13 .tyz-v30-hero .tyz-v30-photo-frame{
    inset:0!important;padding:2px!important;border-radius:17px!important;
  }
  body.tyz-home-v13 .tyz-v30-hero .tyz-v30-photo-clip{
    inset:2px!important;border-radius:15px!important;
  }
  body.tyz-home-v13 .tyz-v30-hero .tyz-v30-photo{
    object-fit:cover!important;object-position:center 49%!important;
  }
  body.tyz-home-v13 .tyz-v30-hero .tyz-v30-latest{
    left:9px!important;right:auto!important;top:10px!important;
    padding:6px 9px!important;font-size:.59rem!important;
    border-radius:10px!important;line-height:1.1!important;
  }
  /* No clutter from desktop decorative floating cards on tiny screens. */
  body.tyz-home-v13 .tyz-v30-hero .tyz-v30-floating,
  body.tyz-home-v13 .tyz-v30-hero .tyz-v30-orbit,
  body.tyz-home-v13 .tyz-v30-hero .tyz-v30-book,
  body.tyz-home-v13 .tyz-v30-hero .tyz-v30-visual-glow{
    display:none!important;
  }
  body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v30-hero .tyz-v30-benefits{
    grid-row:7!important;
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;max-width:520px!important;
    margin:0 auto!important;padding:0!important;
    overflow:visible!important;scroll-snap-type:none!important;
    -webkit-mask-image:none!important;mask-image:none!important;
  }
  body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v30-hero .tyz-v30-benefit{
    min-width:0!important;max-width:none!important;width:100%!important;
    min-height:43px!important;
    padding:9px 10px!important;
    border-radius:12px!important;
    justify-content:space-between!important;
    background:#fffaf3!important;
    border:1px solid rgba(211,163,88,.55)!important;
    box-shadow:0 3px 9px rgba(17,35,53,.045)!important;
    font-size:clamp(.68rem,2.65vw,.83rem)!important;
    font-weight:750!important;line-height:1.4!important;
    text-align:right!important;
  }
  body.tyz-home-v13 .tyz-v30-hero .tyz-v30-benefit:is(:hover,:focus-visible,.is-active){
    transform:none!important;background:#fff4da!important;
    border-color:#c9984a!important;
    box-shadow:0 3px 10px rgba(181,135,59,.12)!important;
  }
  body.tyz-home-v13 .tyz-v30-hero .tyz-v30-benefit__icon{
    font-size:17px!important;flex:none!important;
  }
  body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v30-hero .tyz-v30-benefit-detail{
    grid-row:8!important;max-width:520px!important;width:100%!important;
    margin:8px auto 0!important;min-height:0!important;
    text-align:center!important;color:#897452!important;
    font-size:clamp(.71rem,2.63vw,.85rem)!important;line-height:1.5!important;
  }
  /* Earlier V31 entrance effects are overridden on the phone only;
     the title ink + photographic Ken Burns and light animation remain. */
  body.tyz-home-v13 .tyz-v30-hero.tyz-v31-motion .tyz-v30-copy > *{
    opacity:1!important;transform:none!important;
  }
  body.tyz-home-v13 .tyz-v30-hero .tyz-v30-bottom-wave{
    display:none!important;
  }
}
@media(max-width:355px){
  body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v30-hero .tyz-v30-layout{
    padding-inline:11px!important;
  }
  body.tyz-home-v13 .tyz-v30-hero .tyz-v30-identity-line,
  body.tyz-home-v13 .tyz-v30-hero .tyz-v30-identity-dot{
    display:none!important;
  }
  body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v30-hero h1.tyz-v30-title{
    font-size:clamp(1.41rem,6.25vw,1.65rem)!important;
  }
  body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v30-hero .tyz-v30-title-gold{
    font-size:clamp(1.34rem,5.9vw,1.53rem)!important;
  }
  body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v30-hero .tyz-v30-actions a.tyz-v30-action{
    font-size:.73rem!important;padding:8px 5px!important;
  }
  body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v30-hero .tyz-v30-visual{
    height:clamp(179px,56vw,209px)!important;
  }
}
@media(max-width:700px) and (prefers-reduced-motion:reduce){
  body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v30-hero .tyz-v30-benefit{
    transition:none!important;
  }
}
