/* ALMA MEEO · V5.0 / FIX3C · PROFESSIONAL MOBILE VISUAL CONSOLIDATION
   Direction: image/hero first, no left mobile block, premium clean mobile layout.
   Technical base remains FIX3B. */

:root{
  --am3c-bg:#0b0705;
  --am3c-bg2:#17100a;
  --am3c-panel:rgba(25,17,10,.86);
  --am3c-panel2:rgba(255,252,244,.94);
  --am3c-gold:#f0bd55;
  --am3c-gold2:#f6db9d;
  --am3c-text:#fff7e8;
  --am3c-ink:#1d2a3f;
  --am3c-muted:#667086;
  --am3c-line:rgba(240,189,85,.28);
  --am3c-shadow:0 24px 70px rgba(0,0,0,.32);
}

/* Global professional polish */
a,button{transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
img{max-width:100%;height:auto}

/* Desktop: keep stable FIX3B structure, add slight professional polish only */
@media (min-width: 921px){
  .fix77-hero,
  .am-fix2-home-hero,
  .fix28-side,
  .fix93-front-love,
  .fix92-front-menu{
    box-shadow:0 26px 80px rgba(33,39,55,.13) !important;
  }
}

/* Mobile / tablet professional redesign */
@media (max-width: 920px){

  html,body{
    background:
      radial-gradient(circle at 78% 0%, rgba(240,189,85,.22), transparent 30%),
      radial-gradient(circle at 16% 20%, rgba(255,236,190,.08), transparent 31%),
      linear-gradient(180deg,#0a0705 0%,#160f09 52%,#0b0705 100%) !important;
    color:var(--am3c-text) !important;
    overflow-x:hidden !important;
  }

  body:before{
    opacity:.34 !important;
    background-image:
      radial-gradient(circle at 20% 18%, rgba(240,189,85,.18) 0 1px, transparent 2px),
      radial-gradient(circle at 80% 72%, rgba(255,255,255,.07) 0 1px, transparent 2px) !important;
    background-size:96px 96px,124px 124px !important;
  }

  /* Top: professional, centered, not a left block */
  .am-v5-love-topbar{
    position:sticky !important;
    top:0 !important;
    z-index:100 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding:14px 16px 12px !important;
    background:linear-gradient(180deg,rgba(15,10,6,.96),rgba(15,10,6,.88)) !important;
    border-bottom:1px solid rgba(240,189,85,.18) !important;
    box-shadow:0 14px 34px rgba(0,0,0,.36) !important;
    backdrop-filter:blur(16px) !important;
  }

  .am-v5-brand{
    width:100% !important;
    margin:0 !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:10px !important;
    text-align:center !important;
    color:var(--am3c-text) !important;
    -webkit-text-fill-color:var(--am3c-text) !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
  }

  .am-v5-brand span:not(.am-v5-heart){
    display:inline-block !important;
    font-size:clamp(1.2rem,5vw,1.8rem) !important;
    line-height:1.03 !important;
    font-weight:1000 !important;
  }

  .am-v5-brand small{
    display:block !important;
    margin-top:2px !important;
    color:var(--am3c-gold2) !important;
    -webkit-text-fill-color:var(--am3c-gold2) !important;
    font-size:.64rem !important;
    letter-spacing:.16em !important;
    line-height:1.25 !important;
    text-align:center !important;
  }

  .am-v5-heart{
    width:44px !important;
    height:44px !important;
    flex:0 0 44px !important;
    border-radius:50% !important;
    color:#b55e68 !important;
    -webkit-text-fill-color:#b55e68 !important;
    background:linear-gradient(135deg,#fffaf0,#fde7d5) !important;
    border:1px solid rgba(240,189,85,.38) !important;
    box-shadow:0 12px 34px rgba(240,189,85,.16) !important;
  }

  .am-v5-nav{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    width:100% !important;
    justify-content:stretch !important;
    margin:0 !important;
  }

  .am-v5-nav a{
    min-height:44px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:10px 10px !important;
    border-radius:999px !important;
    color:var(--am3c-text) !important;
    -webkit-text-fill-color:var(--am3c-text) !important;
    background:linear-gradient(180deg,rgba(47,31,17,.96),rgba(18,12,7,.96)) !important;
    border:1px solid rgba(240,189,85,.28) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 24px rgba(0,0,0,.20) !important;
    font-size:.82rem !important;
    font-weight:900 !important;
    letter-spacing:.01em !important;
    text-align:center !important;
    line-height:1.15 !important;
  }

  .am-v5-nav a:first-child{
    background:linear-gradient(180deg,#f8ca62,#db8f25) !important;
    color:#1a0f07 !important;
    -webkit-text-fill-color:#1a0f07 !important;
    border-color:#f2c873 !important;
    box-shadow:0 12px 28px rgba(240,151,37,.28) !important;
  }

  .am-v5-love-ribbon{
    display:none !important;
  }

  /* Hide the old left/mobile side block. The mobile page must not start with left-aligned system blocks. */
  .fix28-side{
    display:none !important;
  }

  .fix28-wrap,
  .am-fix2-wrap{
    width:min(100%,760px) !important;
    margin:0 auto 34px !important;
    padding:0 14px 24px !important;
    display:block !important;
    background:transparent !important;
  }

  .fix28-main{
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  /* Remove duplicated pale text hero from the top. The image hero becomes the first real visual. */
  .am-fix2-home-hero{
    display:none !important;
  }

  /* Remove duplicated inner topbar on mobile to avoid left/right clutter. */
  .fix28-topbar{
    display:none !important;
  }

  /* Hero image first */
  .fix77-hero{
    order:-30 !important;
    position:relative !important;
    width:100% !important;
    min-height:min(68vh,560px) !important;
    margin:18px auto 0 !important;
    border-radius:30px !important;
    overflow:hidden !important;
    background:#050302 !important;
    border:1px solid rgba(240,189,85,.24) !important;
    box-shadow:0 28px 80px rgba(0,0,0,.38) !important;
    isolation:isolate !important;
  }

  .fix77-hero-img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    transform:scale(1.02) !important;
    filter:saturate(1.06) contrast(1.04) brightness(.86) !important;
  }

  .fix77-hero-shade{
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    background:
      linear-gradient(180deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,.08) 36%,rgba(0,0,0,.74) 100%),
      radial-gradient(circle at 50% 26%,rgba(240,189,85,.16),transparent 34%) !important;
  }

  .fix77-hero-copy{
    position:absolute !important;
    inset:auto 0 0 0 !important;
    z-index:2 !important;
    padding:24px 20px 22px !important;
    text-align:left !important;
    color:#fff7e8 !important;
    -webkit-text-fill-color:initial !important;
    background:linear-gradient(180deg,transparent,rgba(8,5,3,.82)) !important;
  }

  .fix77-hero-copy .fix28-eyebrow,
  .fix81-eyebrow{
    color:var(--am3c-gold2) !important;
    -webkit-text-fill-color:var(--am3c-gold2) !important;
    font-size:.78rem !important;
    letter-spacing:.18em !important;
    text-transform:uppercase !important;
    font-weight:1000 !important;
    margin-bottom:10px !important;
  }

  .fix77-hero-copy .fix28-title,
  .fix28-title{
    color:#fff7e8 !important;
    -webkit-text-fill-color:#fff7e8 !important;
    font-size:clamp(2.35rem,12.5vw,4.55rem) !important;
    line-height:.94 !important;
    letter-spacing:-.055em !important;
    margin:0 0 10px !important;
    text-shadow:0 14px 38px rgba(0,0,0,.72) !important;
    max-width:95% !important;
  }

  .fix28-lead{
    color:#f2ddba !important;
    -webkit-text-fill-color:#f2ddba !important;
    font-size:clamp(1rem,4.5vw,1.3rem) !important;
    line-height:1.42 !important;
    margin:0 0 16px !important;
    max-width:35rem !important;
    text-shadow:0 8px 22px rgba(0,0,0,.78) !important;
  }

  .fix77-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    margin-top:16px !important;
  }

  .fix28-btn,
  .fix77-actions .fix28-btn,
  .fix28-band .fix28-btn{
    min-height:48px !important;
    border-radius:999px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:12px 14px !important;
    font-weight:1000 !important;
    font-size:.92rem !important;
    text-decoration:none !important;
  }

  .fix28-btn.gold,
  .fix77-actions .fix28-btn.gold,
  .fix28-band .fix28-btn.gold{
    background:linear-gradient(180deg,#ffd56e,#e99324) !important;
    color:#1b1008 !important;
    -webkit-text-fill-color:#1b1008 !important;
    border:1px solid rgba(255,219,127,.86) !important;
    box-shadow:0 14px 28px rgba(240,151,37,.32) !important;
  }

  .fix28-btn.dark,
  .fix77-actions .fix28-btn.dark{
    background:rgba(255,247,232,.10) !important;
    color:#fff7e8 !important;
    -webkit-text-fill-color:#fff7e8 !important;
    border:1px solid rgba(255,247,232,.30) !important;
    backdrop-filter:blur(8px) !important;
  }

  /* Quick menu after hero: professional card buttons */
  .fix92-front-menu{
    order:-20 !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    margin:16px 0 0 !important;
    padding:12px !important;
    border-radius:24px !important;
    background:linear-gradient(180deg,rgba(28,18,10,.92),rgba(13,8,5,.92)) !important;
    border:1px solid rgba(240,189,85,.24) !important;
    box-shadow:0 22px 58px rgba(0,0,0,.31) !important;
  }

  .fix92-front-menu a{
    min-height:48px !important;
    margin:0 !important;
    padding:11px 10px !important;
    border-radius:999px !important;
    color:#fff7e8 !important;
    -webkit-text-fill-color:#fff7e8 !important;
    background:rgba(255,247,232,.08) !important;
    border:1px solid rgba(240,189,85,.26) !important;
    font-size:.82rem !important;
    font-weight:1000 !important;
    line-height:1.12 !important;
    text-align:center !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
  }

  .fix92-front-menu a.fix92-primary,
  .fix92-front-menu a:first-child{
    background:linear-gradient(180deg,#ffd56e,#e99324) !important;
    color:#1b1008 !important;
    -webkit-text-fill-color:#1b1008 !important;
    border-color:rgba(255,219,127,.90) !important;
  }

  /* Keep the emotional text, but as a lower premium card, not as the first screen */
  .fix93-front-love{
    order:-10 !important;
    margin:16px 0 0 !important;
    padding:24px 20px !important;
    border-radius:28px !important;
    background:linear-gradient(180deg,rgba(255,252,244,.96),rgba(255,247,232,.90)) !important;
    color:var(--am3c-ink) !important;
    border:1px solid rgba(240,189,85,.28) !important;
    box-shadow:0 22px 60px rgba(0,0,0,.22) !important;
  }

  .fix93-front-love h2{
    color:var(--am3c-ink) !important;
    -webkit-text-fill-color:var(--am3c-ink) !important;
    font-size:clamp(1.65rem,8vw,2.55rem) !important;
    line-height:1.02 !important;
    letter-spacing:-.045em !important;
    margin:0 0 12px !important;
  }

  .fix93-front-love p{
    color:#4e5d72 !important;
    -webkit-text-fill-color:#4e5d72 !important;
    font-size:1rem !important;
    line-height:1.58 !important;
  }

  .fix93-front-love a{
    display:flex !important;
    width:100% !important;
    min-height:48px !important;
    align-items:center !important;
    justify-content:center !important;
    margin:10px 0 0 !important;
    border-radius:999px !important;
    background:linear-gradient(180deg,#ffffff,#fff5de) !important;
    color:#1d2a3f !important;
    -webkit-text-fill-color:#1d2a3f !important;
    border:1px solid rgba(184,139,69,.24) !important;
    font-weight:1000 !important;
    text-decoration:none !important;
  }

  .fix77-hero-below,
  .fix28-section,
  .fix28-bands,
  .am-global-love-call,
  .site-footer{
    color:var(--am3c-ink) !important;
  }

  .fix77-intro-box,
  .fix77-info-box,
  .fix77-valuebar,
  .fix28-band,
  .fix28-card,
  .fix28-book,
  .intro-card,
  .group-card,
  .card,
  .detail-card,
  .am-love-panel,
  .am-love-card,
  .am-love-section,
  .am-call-card,
  .am-awakening-section,
  .am-awakening-note,
  .am-prevod-card,
  .am-polni-card,
  .am-kazalo-card,
  .am-med-card{
    background:linear-gradient(180deg,rgba(255,252,244,.97),rgba(255,247,232,.91)) !important;
    color:var(--am3c-ink) !important;
    border:1px solid rgba(240,189,85,.24) !important;
    border-radius:26px !important;
    box-shadow:0 20px 54px rgba(0,0,0,.18) !important;
  }

  .fix77-intro-box p,
  .fix77-info-box li,
  .fix28-band p,
  .fix28-card p,
  .fix28-book p,
  .am-love-card p,
  .am-love-section p,
  .am-awakening-section p,
  .am-prevod-card p,
  .am-kazalo-card p,
  .am-med-card p{
    color:#536176 !important;
    -webkit-text-fill-color:#536176 !important;
  }

  .fix28-section-head h2,
  .fix28-band h3,
  .fix77-info-box h2,
  .fix28-card h3,
  .fix28-book h3{
    color:var(--am3c-ink) !important;
    -webkit-text-fill-color:var(--am3c-ink) !important;
    letter-spacing:-.035em !important;
  }

  .fix28-cards,
  .fix28-book-grid,
  .am-med-grid,
  .am-kazalo-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .site-footer{
    margin:28px 14px 24px !important;
    border-radius:28px !important;
    background:linear-gradient(180deg,rgba(23,16,10,.96),rgba(8,5,3,.96)) !important;
    color:#fff7e8 !important;
    border:1px solid rgba(240,189,85,.24) !important;
  }

  .site-footer *{
    color:#fff7e8 !important;
    -webkit-text-fill-color:#fff7e8 !important;
  }
}

@media (max-width: 520px){
  .am-v5-love-topbar{
    padding:12px 12px 10px !important;
  }

  .am-v5-brand{
    gap:8px !important;
  }

  .am-v5-heart{
    width:40px !important;
    height:40px !important;
    flex-basis:40px !important;
  }

  .am-v5-brand span:not(.am-v5-heart){
    font-size:1.32rem !important;
  }

  .am-v5-brand small{
    font-size:.58rem !important;
    letter-spacing:.13em !important;
  }

  .am-v5-nav{
    gap:8px !important;
  }

  .am-v5-nav a{
    min-height:42px !important;
    padding:9px 8px !important;
    font-size:.76rem !important;
  }

  .fix28-wrap,
  .am-fix2-wrap{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .fix77-hero{
    min-height:440px !important;
    border-radius:28px !important;
  }

  .fix77-hero-copy{
    padding:22px 18px 20px !important;
  }

  .fix77-actions{
    grid-template-columns:1fr !important;
  }

  .fix92-front-menu{
    grid-template-columns:1fr 1fr !important;
    padding:10px !important;
    gap:8px !important;
  }

  .fix92-front-menu a{
    min-height:44px !important;
    font-size:.76rem !important;
    padding:10px 8px !important;
  }
}

/* Very small screens: keep buttons usable */
@media (max-width: 370px){
  .am-v5-nav,
  .fix92-front-menu{
    grid-template-columns:1fr !important;
  }

  .fix77-hero{
    min-height:420px !important;
  }
}