/* R37 SUPPORT APPROVED MASTER — master image + real DOM only */
.r37a-support-stage{display:none}
@media(max-width:767px){.r37a-support-stage{display:none!important}}
@media(min-width:768px){
  .r37a-support-stage{
    position:relative;display:block;width:100%;max-width:1536px;margin:0 auto;
    line-height:1.35;background:#07100d;isolation:isolate;overflow:hidden;
  }
  .r37a-support-master{
    position:relative;z-index:1;display:block;width:100%;height:auto;margin:0;padding:0;
    user-select:none;pointer-events:none;
  }
  body.r3-port-page-support:has(.r37a-support-stage){
    background:#07100d!important;overflow-x:hidden;
  }
  body.r3-port-page-support:has(.r37a-support-stage) #main{
    padding:0!important;margin:0!important;width:100%!important;max-width:none!important;background:#07100d!important;
  }
  body.r3-port-page-support:has(.r37a-support-stage)>.r30-header,
  body.r3-port-page-support:has(.r37a-support-stage)>.r30-bottom,
  body.r3-port-page-support:has(.r37a-support-stage)>.r3-footer,
  body.r3-port-page-support:has(.r37a-support-stage)>.r31-global-leaf-overlay{
    display:none!important;
  }

  .r37a-leaves{
    position:absolute;inset:0 0 auto;height:58%;z-index:22;pointer-events:none;overflow:hidden;
  }
  .r37a-leaves img{
    position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:.22;
    animation:r37aLeaf 16s ease-in-out infinite alternate;
  }
  @keyframes r37aLeaf{
    from{transform:translate3d(-.6%,0,0) scale(1.01)}
    to{transform:translate3d(.7%,.45%,0) scale(1.022)}
  }

  .r37a-sr-only{
    position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
    overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
  }

  .r37a-search{
    position:absolute;z-index:45;left:30.53%;top:28.61%;width:38.87%;height:3.81%;
    display:flex;align-items:center;
  }
  .r37a-search input{
    width:100%;height:100%;box-sizing:border-box;padding:0 58px 0 14px;
    border:1px solid rgba(185,133,48,.62);outline:0;background:rgba(247,240,222,.985);
    color:#373027;font:14px/1 "Be Vietnam Pro","Segoe UI",Arial,sans-serif;
  }
  .r37a-search input:focus{box-shadow:0 0 0 2px rgba(196,143,48,.28)}
  .r37a-search span{
    position:absolute;right:0;top:0;width:54px;height:100%;display:grid;place-items:center;
    color:#efd18b;background:#101815;border-left:1px solid rgba(184,137,55,.62);
    font:700 25px/1 Georgia,serif;pointer-events:none;
  }

  .r37a-categories{
    position:absolute;z-index:43;left:12.37%;top:33.11%;width:15.95%;height:49.71%;
    box-sizing:border-box;padding:16px 12px;background:#0a1110;border:1px solid rgba(191,143,57,.68);
    box-shadow:0 16px 36px rgba(0,0,0,.32);overflow:hidden;color:#e9dcc2;
  }
  .r37a-categories h2{
    margin:0 8px 12px;color:#f0d79b;font:700 20px/1.15 "Noto Serif",Georgia,serif;
  }
  .r37a-categories button{
    width:100%;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:8px;
    box-sizing:border-box;padding:8px 11px;border:0;border-top:1px solid rgba(223,194,137,.12);
    background:transparent;color:#e3d7bf;text-align:left;cursor:pointer;
    font:600 12px/1.2 "Be Vietnam Pro","Segoe UI",Arial,sans-serif;
  }
  .r37a-categories button:first-of-type{border-top:0}
  .r37a-categories button:hover{background:rgba(255,255,255,.04)}
  .r37a-categories button.active{
    color:#fff2d5;background:linear-gradient(90deg,rgba(145,31,26,.96),rgba(100,20,18,.82));
    box-shadow:inset 3px 0 0 #d39a47;
  }
  .r37a-categories b{
    min-width:26px;height:20px;display:grid;place-items:center;padding:0 5px;border-radius:10px;
    background:rgba(224,173,77,.17);color:#f2cf89;font:700 10px/1 Arial,sans-serif;
  }
  .r37a-support-list{
    position:absolute;z-index:43;left:28.91%;top:33.11%;width:59.11%;height:50.78%;
    box-sizing:border-box;padding:15px 14px 12px;background:#0a1110;border:1px solid rgba(191,143,57,.68);
    box-shadow:0 16px 36px rgba(0,0,0,.32);overflow:hidden;color:#e9ddc6;
  }
  .r37a-list-head{
    min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:18px;
    padding:0 4px 11px;border-bottom:1px solid rgba(222,192,133,.18);
  }
  .r37a-list-head small{
    display:block;color:#c9943f;font:800 9px/1.1 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:.13em;
  }
  .r37a-list-head h2{
    margin:4px 0 0;color:#f0e1bf;font:700 20px/1.05 "Noto Serif",Georgia,serif;
  }
  .r37a-list-head>strong{
    color:#f0c96e;font:700 22px/1 Georgia,serif;white-space:nowrap;
  }
  .r37a-list-head>strong span{
    color:#bbae96;font:400 11px/1 "Be Vietnam Pro",Arial,sans-serif;
  }

  #r37a-support-items{
    height:calc(100% - 64px);overflow:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:#94672e #111713;
  }
  .r37a-support-row{
    min-height:92px;display:grid;grid-template-columns:154px minmax(0,1fr) auto;gap:16px;align-items:center;
    box-sizing:border-box;padding:9px 8px;color:inherit;text-decoration:none;
    border-bottom:1px solid rgba(223,194,137,.13);transition:background .15s ease;
  }
  .r37a-support-row:hover{background:rgba(255,255,255,.035)}
  .r37a-support-row[hidden]{display:none!important}
  .r37a-support-row>img{
    width:154px;height:72px;object-fit:cover;border:1px solid rgba(193,144,58,.65);background:#111814;
  }
  .r37a-support-row>span{min-width:0}
  .r37a-support-row small{
    display:inline-block;margin-bottom:4px;padding:2px 7px;color:#f3d28d;background:#7d201a;
    font:700 9px/1.2 "Be Vietnam Pro",Arial,sans-serif;
  }
  .r37a-support-row strong{
    display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    color:#f3e6cb;font:700 17px/1.12 "Noto Serif",Georgia,serif;
  }
  .r37a-support-row em{
    display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    color:#bcb09b;font:400 11px/1.35 "Be Vietnam Pro","Segoe UI",Arial,sans-serif;font-style:normal;
  }
  .r37a-support-row>b{color:#d7a754;font:700 26px/1 Georgia,serif}
  .r37a-empty{
    padding:36px 18px;text-align:center;color:#c8baa3;font:13px/1.5 "Be Vietnam Pro",Arial,sans-serif;
  }

  .r37a-hotspots{position:absolute;inset:0;z-index:55;pointer-events:none}
  .r37a-hit{
    position:absolute;display:block;pointer-events:auto;background:transparent;border:0;text-decoration:none;
    -webkit-tap-highlight-color:transparent;
  }
  .r37a-hit:hover{background:rgba(235,199,108,.025);box-shadow:inset 0 0 0 1px rgba(231,190,91,.14)}
  .r37a-hit:focus-visible{outline:2px solid rgba(230,184,72,.82);outline-offset:1px}

  /* Hotspots measured against approved 1536x1024 master */
  .r37a-top-home{left:32.15%;top:5.55%;width:7.45%;height:5.55%}
  .r37a-top-news{left:40.75%;top:5.55%;width:6.35%;height:5.55%}
  .r37a-top-community{left:48.35%;top:5.55%;width:8.10%;height:5.55%}
  .r37a-top-guide{left:57.65%;top:5.55%;width:8.35%;height:5.55%}
  .r37a-top-support{left:66.40%;top:5.55%;width:5.95%;height:5.55%}
  .r37a-top-account{left:91.55%;top:4.55%;width:4.15%;height:6.70%}

  .r37a-bottom-home{left:27.35%;top:84.55%;width:6.60%;height:9.70%}
  .r37a-bottom-news{left:35.45%;top:84.55%;width:6.60%;height:9.70%}
  .r37a-bottom-community{left:43.55%;top:84.55%;width:6.85%;height:9.70%}
  .r37a-bottom-guide{left:51.65%;top:84.55%;width:6.85%;height:9.70%}
  .r37a-bottom-support{left:59.75%;top:84.55%;width:6.85%;height:9.70%}
  .r37a-bottom-download{left:67.85%;top:84.55%;width:6.85%;height:9.70%}

  .r37a-footer-terms{left:37.70%;top:94.25%;width:5.20%;height:4.10%}
  .r37a-footer-policy{left:43.15%;top:94.25%;width:5.50%;height:4.10%}
  .r37a-footer-contact{left:48.75%;top:94.25%;width:4.70%;height:4.10%}
}
@media(prefers-reduced-motion:reduce){
  .r37a-leaves img{animation:none!important}
}