/* Orbizzy V223 — Central da Conta móvel reorganizada e padronizada */
@media (max-width: 760px){
  :root{
    --ocm-yellow:#fec635;
    --ocm-yellow-soft:#fff6d2;
    --ocm-ink:#17191c;
    --ocm-muted:#686c72;
    --ocm-line:#e6e7e9;
    --ocm-bg:#f4f5f6;
    --ocm-white:#fff;
    --ocm-radius:14px;
    --ocm-shadow:0 3px 14px rgba(24,26,29,.055);
  }

  html,body{max-width:100%;overflow-x:hidden!important}
  body.orbizzy-account-page{background:var(--ocm-bg)!important;color:var(--ocm-ink)!important}
  body.orbizzy-account-page *{min-width:0}

  /* Cabeçalho móvel no padrão Orbizzy */
  .orbi-header-mobile,
  .orbi-header-mobile__bar{background:var(--ocm-yellow)!important;color:#111!important}
  .orbi-header-mobile{box-shadow:0 1px 0 rgba(0,0,0,.1)!important}
  .orbi-header-mobile__bar{padding-left:10px!important;padding-right:10px!important}
  .orbi-header-mobile__icons{gap:2px!important}
  .orbi-header-mobile__icons .orbi-icon-btn,
  #orbiHamburgerBtn,.orbi-menu-btn,[data-orbi-menu-btn]{color:#111!important;background:transparent!important;border:0!important}
  .orbi-header-mobile__icons svg,#orbiHamburgerBtn svg{stroke:#111!important}

  /* Base da página */
  .oc-page{
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    padding:0 0 calc(28px + env(safe-area-inset-bottom))!important;
    background:var(--ocm-bg)!important;
    overflow:hidden!important;
  }
  .oc-shell,.oc-main{display:block!important;width:100%!important;max-width:100%!important}
  .oc-sidebar,.oc-breadcrumb{display:none!important}
  .oc-main{padding:0!important}

  /* Faixa de usuário e seletor de seção */
  .oc-mobile-account{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:11px!important;
    margin:0!important;
    padding:13px 12px 14px!important;
    background:var(--ocm-yellow)!important;
    border:0!important;
    border-bottom:1px solid #d8aa19!important;
    box-shadow:none!important;
  }
  .oc-mobile-user{
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
  }
  .oc-mobile-user::after{
    content:"Conta verificada";
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:0 8px;
    border-radius:999px;
    background:rgba(255,255,255,.74);
    border:1px solid rgba(0,0,0,.14);
    color:#2c2d2f;
    font-size:9px;
    line-height:1;
    font-weight:800;
    white-space:nowrap;
  }
  .oc-mini-avatar{
    width:46px!important;height:46px!important;min-width:46px!important;
    border:2px solid #fff!important;
    box-shadow:0 0 0 1px rgba(0,0,0,.16)!important;
    background:#fff!important;
    color:#17191c!important;
  }
  .oc-mobile-user strong{font-size:14px!important;line-height:1.25!important;color:#17191c!important}
  .oc-mobile-user span{margin-top:2px!important;font-size:10.5px!important;color:#4f4b3f!important}
  .oc-mobile-account label{
    position:relative!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:9px!important;
    width:100%!important;
    padding:0 11px!important;
    min-height:45px!important;
    border:1px solid rgba(0,0,0,.18)!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#555!important;
    font-size:10px!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    letter-spacing:.035em!important;
  }
  .oc-mobile-account label::before{content:"Seção";font-size:9px;color:#777b80}
  .oc-mobile-account select{
    appearance:none!important;
    width:100%!important;
    max-width:none!important;
    height:43px!important;
    padding:0 32px 0 0!important;
    border:0!important;
    outline:0!important;
    background:linear-gradient(45deg,transparent 50%,#323438 50%) right 12px center/6px 6px no-repeat,linear-gradient(135deg,#323438 50%,transparent 50%) right 7px center/6px 6px no-repeat!important;
    color:#17191c!important;
    font:inherit!important;
    font-size:13px!important;
    font-weight:750!important;
    text-transform:none!important;
    letter-spacing:0!important;
  }

  /* Título da seção */
  .oc-page-head{
    display:block!important;
    margin:12px 10px 0!important;
    padding:16px 15px!important;
    background:#fff!important;
    border:1px solid var(--ocm-line)!important;
    border-left:4px solid var(--ocm-yellow)!important;
    border-radius:var(--ocm-radius)!important;
    box-shadow:var(--ocm-shadow)!important;
  }
  .oc-page-head h1{margin:0 0 5px!important;font-size:20px!important;line-height:1.22!important;letter-spacing:-.012em!important}
  .oc-page-head p{max-width:none!important;margin:0!important;font-size:12px!important;line-height:1.48!important;color:var(--ocm-muted)!important}
  .oc-page-head>.oc-btn{display:none!important}

  /* Cartão principal do perfil */
  .oc-account-summary{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    margin:10px!important;
    padding:16px!important;
    background:#fff!important;
    border:1px solid var(--ocm-line)!important;
    border-radius:var(--ocm-radius)!important;
    box-shadow:var(--ocm-shadow)!important;
  }
  .oc-account-summary__profile{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;align-items:center!important;gap:13px!important}
  .oc-summary-avatar{
    width:72px!important;height:72px!important;min-width:72px!important;
    border:0!important;
    box-shadow:0 0 0 4px var(--ocm-yellow)!important;
    background:#fff!important;
  }
  .oc-account-summary__profile>div>span{
    display:inline-flex!important;
    width:max-content!important;
    padding:4px 7px!important;
    border-radius:999px!important;
    background:var(--ocm-yellow-soft)!important;
    color:#65500b!important;
    font-size:9px!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    letter-spacing:.035em!important;
  }
  .oc-account-summary__profile h2{margin:5px 0 3px!important;font-size:19px!important;line-height:1.2!important}
  .oc-account-summary__profile p{font-size:10.5px!important;line-height:1.4!important;color:var(--ocm-muted)!important}
  .oc-account-summary__progress{
    display:block!important;
    width:100%!important;
    padding-top:12px!important;
    border-top:1px solid var(--ocm-line)!important;
  }
  .oc-account-summary__progress>div{font-size:10.5px!important}
  .oc-account-summary__progress i{height:7px!important;margin:8px 0 7px!important}
  .oc-account-summary__progress a{font-size:11px!important}

  /* Cartões, blocos e métricas */
  .oc-panel,.oc-wallet-hero,.oc-play-hero,.oc-points-hero,.oc-media-summary,.oc-followed-summary,
  .oc-notification-overview,.oc-orbiplay-hero,.oc-return-hero,.oc-notice,.oc-toolbar,.oc-tabs{
    width:auto!important;
    max-width:calc(100% - 20px)!important;
    margin:10px!important;
    border-radius:var(--ocm-radius)!important;
    box-shadow:var(--ocm-shadow)!important;
  }
  .oc-panel{padding:15px!important;border:1px solid var(--ocm-line)!important}
  .oc-panel-head{align-items:flex-start!important;margin-bottom:13px!important}
  .oc-panel-head h2{font-size:15px!important;line-height:1.3!important}
  .oc-panel-head p{font-size:11px!important;line-height:1.45!important}
  .oc-panel-head a,.oc-panel-head button{font-size:11px!important;white-space:nowrap!important}

  .oc-stats,.oc-stats-six,.oc-grid-three,.oc-store-overview-grid,.oc-return-metrics{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:auto!important;
    margin:10px!important;
  }
  .oc-stat,.oc-metric,.oc-store-overview-grid article{
    min-height:96px!important;
    padding:12px!important;
    border:1px solid var(--ocm-line)!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:var(--ocm-shadow)!important;
  }
  .oc-stat{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-content:center!important;gap:7px 9px!important}
  .oc-stat>.oc-stat-icon{grid-row:1/3!important;width:34px!important;height:34px!important;border-radius:10px!important;background:var(--ocm-yellow-soft)!important}
  .oc-stat>.oc-stat-icon svg{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important}
  .oc-stat>span:nth-child(2){align-self:center!important}
  .oc-stat>svg:last-child{display:none!important}
  .oc-stat strong{font-size:17px!important;line-height:1.1!important}
  .oc-stat small{font-size:10px!important;line-height:1.25!important}
  .oc-metric{margin:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
  .oc-metric strong{font-size:19px!important}
  .oc-metric span,.oc-metric small{font-size:10px!important;line-height:1.35!important}

  .oc-grid-two,.oc-dashboard-grid,.oc-notification-layout,.oc-return-main-grid,.oc-store-lower-grid{
    display:block!important;
    width:100%!important;
    margin:0!important;
  }
  .oc-grid-two>.oc-panel,.oc-dashboard-grid>.oc-panel,.oc-notification-layout>.oc-panel,.oc-return-main-grid>.oc-panel,.oc-store-lower-grid>.oc-panel{margin:10px!important}

  /* Pedidos */
  .oc-order-list{gap:10px!important}
  .oc-order-card{border-radius:12px!important;border:1px solid var(--ocm-line)!important;box-shadow:none!important}
  .oc-order-card>header{padding:12px!important;align-items:flex-start!important}
  .oc-order-card>header strong{font-size:12px!important}
  .oc-status{min-height:24px!important;padding:0 8px!important;font-size:9px!important;white-space:nowrap!important}
  .oc-order-product{display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;gap:10px!important;padding:12px!important}
  .oc-order-product img{width:62px!important;height:62px!important;border-radius:8px!important}
  .oc-order-product strong{font-size:12px!important;line-height:1.35!important}
  .oc-order-product span,.oc-order-product small{font-size:10px!important;line-height:1.35!important}
  .oc-order-product>b{grid-column:2!important;margin-top:3px!important;font-size:13px!important}
  .oc-order-card>footer{display:grid!important;grid-template-columns:1fr 1fr!important;padding:10px 12px!important;gap:8px!important}
  .oc-btn{min-height:40px!important;padding:0 12px!important;border-radius:9px!important;font-size:11px!important}

  /* Ferramentas e filtros */
  .oc-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:12px!important;background:#fff!important;border:1px solid var(--ocm-line)!important}
  .oc-search-box{width:100%!important;min-width:0!important;max-width:none!important;height:44px!important;border-radius:10px!important}
  .oc-filter-row,.oc-tabs{display:flex!important;gap:7px!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;scrollbar-width:none!important;padding-bottom:1px!important}
  .oc-filter-row::-webkit-scrollbar,.oc-tabs::-webkit-scrollbar{display:none!important}
  .oc-filter-row button,.oc-tabs button{min-height:36px!important;padding:0 12px!important;border-radius:999px!important;font-size:10.5px!important}
  .oc-toolbar-actions,.oc-toolbar-actions select{width:100%!important}
  .oc-toolbar-actions select,.oc-panel-head select{height:42px!important;border-radius:9px!important}

  /* Produtos e favoritos */
  .oc-product-row,.oc-favorites-grid,.oc-coupon-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .oc-product-row article,.oc-favorites-grid article,.oc-coupon-grid article{border-radius:12px!important;min-width:0!important}
  .oc-product-row img{height:110px!important}
  .oc-favorites-grid img{height:135px!important;padding:9px!important}
  .oc-product-row strong,.oc-favorites-grid strong{font-size:11px!important;line-height:1.35!important}
  .oc-product-row span,.oc-favorites-grid span{font-size:13px!important}

  /* Vídeos, lives e streaming */
  .oc-commerce-media-grid,.oc-streaming-row{
    display:flex!important;
    gap:10px!important;
    margin:0!important;
    padding:0 0 4px!important;
    overflow-x:auto!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
  }
  .oc-commerce-media-grid::-webkit-scrollbar,.oc-streaming-row::-webkit-scrollbar{display:none!important}
  .oc-commerce-media-card{flex:0 0 min(82vw,300px)!important;scroll-snap-align:start!important;border-radius:12px!important}
  .oc-commerce-media-cover{height:168px!important}
  .oc-streaming-row article{flex:0 0 min(72vw,250px)!important;scroll-snap-align:start!important;border-radius:12px!important}
  .oc-orbiplay-hero{grid-template-columns:1fr!important;padding:18px!important}
  .oc-orbiplay-hero h2{font-size:23px!important}
  .oc-orbiplay-hero aside{padding:14px!important;border-radius:11px!important}

  /* Lojas seguidas */
  .oc-followed-summary{display:block!important;padding:16px!important}
  .oc-followed-summary input{width:100%!important;height:43px!important;margin-top:12px!important;border-radius:9px!important}
  .oc-followed-store-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .oc-followed-store-grid article{border-radius:12px!important;overflow:hidden!important}
  .oc-followed-store-grid .oc-store-logo--image{width:54px!important;height:54px!important;min-width:54px!important;border-radius:11px!important}
  .oc-store-card-tags,.oc-store-benefits{gap:5px!important}
  .oc-store-card-tags span,.oc-store-benefits span{font-size:8.5px!important}
  .oc-store-overview-grid article{min-height:90px!important}

  /* Pontos e carteira */
  .oc-wallet-hero,.oc-points-hero,.oc-play-hero{padding:17px!important}
  .oc-wallet-hero h2,.oc-points-hero h2,.oc-play-hero h2{font-size:24px!important}
  .oc-transaction-list article,.oc-points-list article,.oc-download-list article,.oc-refund-list article{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:10px!important;
    padding:12px 0!important;
  }
  .oc-transaction-list article>b,.oc-points-list article>b,.oc-download-list article>b,.oc-refund-list article>b{grid-column:2!important;text-align:left!important;margin-top:2px!important}

  /* Devoluções */
  .oc-return-hero{display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;gap:12px!important;padding:16px!important}
  .oc-return-hero-icon{width:46px!important;height:46px!important;min-width:46px!important;border-radius:12px!important;overflow:hidden!important}
  .oc-return-hero-icon svg{width:23px!important;height:23px!important;max-width:23px!important;max-height:23px!important}
  .oc-return-hero h2{font-size:18px!important}
  .oc-return-hero p{font-size:10.5px!important;line-height:1.45!important}
  .oc-return-hero>.oc-btn{grid-column:1/-1!important;width:100%!important}
  .oc-return-case-info{grid-template-columns:1fr 1fr!important;gap:7px!important;padding:11px!important}
  .oc-return-progress{grid-template-columns:1fr!important;gap:9px!important;padding:13px!important}
  .oc-return-progress:before{left:29px!important;right:auto!important;top:28px!important;bottom:28px!important;width:2px!important;height:auto!important}
  .oc-return-progress>div{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;text-align:left!important;column-gap:9px!important}
  .oc-return-progress i{grid-row:1/3!important;margin:0!important}
  .oc-return-case>footer{grid-template-columns:1fr!important}
  .oc-return-case>footer .oc-btn:last-child{grid-column:auto!important}

  /* Notificações */
  .oc-notification-overview{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:11px!important;padding:15px!important}
  .oc-notification-overview__icon{width:48px!important;height:48px!important;border-radius:12px!important}
  .oc-notification-overview h2{font-size:18px!important}
  .oc-notification-feed>a{grid-template-columns:38px minmax(0,1fr) 8px!important;padding:12px 3px!important}

  /* Mensagens */
  .oc-message-layout{display:block!important}
  .oc-message-list{max-height:none!important;border-right:0!important;border-bottom:1px solid var(--ocm-line)!important}
  .oc-message-chat{min-height:430px!important}

  /* Formulários e configurações */
  .oc-form-grid,.account-form-grid{grid-template-columns:1fr!important;gap:11px!important}
  .oc-field,.account-field{width:100%!important}
  .oc-field input,.oc-field select,.oc-field textarea,.account-field input,.account-field select{width:100%!important;border-radius:9px!important;font-size:16px!important}
  .oc-address-card,.oc-device-card,.oc-security-card{border-radius:12px!important}
  .oc-toggle-row{gap:12px!important;padding:13px 0!important}

  /* Ícones sempre contidos */
  .oc-page svg{display:block!important;flex:0 0 auto!important;overflow:visible!important}
  .oc-stat-icon,.oc-detail-icon,.oc-return-hero-icon,.oc-return-history-icon,.oc-notification-overview__icon,
  .oc-transaction-icon,.oc-store-logo,.oc-points-tasks article>svg,.oc-download-list article>svg,.oc-refund-list article>span{
    display:grid!important;place-items:center!important;overflow:hidden!important
  }
  .oc-stat-icon svg,.oc-detail-icon svg,.oc-return-history-icon svg,.oc-notification-overview__icon svg,
  .oc-transaction-icon svg,.oc-store-logo svg,.oc-points-tasks article>svg,.oc-download-list article>svg,.oc-refund-list article>span svg{
    width:19px!important;height:19px!important;max-width:19px!important;max-height:19px!important;margin:0!important
  }

  /* Foto de perfil preenchendo todo o espaço */
  .oc-avatar,.oc-mini-avatar,.oc-large-avatar,.oc-summary-avatar,[data-orbi-customer-avatar],
  .orbi-account-mini-avatar,.orbi-account-large-avatar,.orbi-drawer__avatar>span[data-orbi-customer-avatar]{
    position:relative!important;overflow:hidden!important;padding:0!important;border-radius:50%!important;background:#fff!important
  }
  .oc-avatar img,.oc-mini-avatar img,.oc-large-avatar img,.oc-summary-avatar img,[data-oc-avatar] img,
  [data-orbi-customer-avatar] img,.orbi-account-mini-avatar img,.orbi-account-large-avatar img,.orbi-drawer__avatar img{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;
    max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;object-fit:cover!important;
    object-position:center!important;border:0!important;border-radius:50%!important;transform:none!important
  }

  /* Drawer do perfil logado */
  .orbi-profile-accordion-v221{border-bottom:8px solid #f3f3f3!important}
  .orbi-profile-trigger-v221{min-height:62px!important;padding:11px 16px!important}
  .orbi-profile-trigger-v221 .orbi-profile-trigger-icon-v221{width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:10px!important}
  .orbi-profile-menu-v221{padding:8px 8px 14px!important;background:#f7f7f7!important}
  .orbi-profile-section-v221{padding:5px 0!important}
  .orbi-profile-link-v221{min-height:48px!important;border-radius:10px!important;padding:7px 9px!important}
  .orbi-profile-link-icon-v221{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:9px!important}
  .orbi-profile-link-v221.is-current{background:var(--ocm-yellow)!important}

  /* Rodapé e barra inferior sem criar espaço extra */
  footer,.orbi-footer{max-width:100%!important;overflow:hidden!important}
  .orbz-mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom)!important}
}

@media (max-width: 420px){
  .oc-mobile-user{grid-template-columns:44px minmax(0,1fr)!important}
  .oc-mobile-user::after{grid-column:2!important;width:max-content!important;margin-top:-2px!important}
  .oc-mini-avatar{grid-row:1/3!important;width:44px!important;height:44px!important;min-width:44px!important}
  .oc-stats,.oc-stats-six,.oc-grid-three,.oc-store-overview-grid,.oc-return-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .oc-stat{min-height:92px!important;padding:11px!important;grid-template-columns:31px minmax(0,1fr)!important}
  .oc-stat>.oc-stat-icon{width:31px!important;height:31px!important}
  .oc-stat strong{font-size:16px!important}
  .oc-stat small{font-size:9.5px!important}
  .oc-account-summary__profile{grid-template-columns:64px minmax(0,1fr)!important}
  .oc-summary-avatar{width:64px!important;height:64px!important;min-width:64px!important}
  .oc-product-row,.oc-favorites-grid,.oc-coupon-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width: 350px){
  .oc-stats,.oc-stats-six,.oc-grid-three,.oc-store-overview-grid,.oc-return-metrics{grid-template-columns:1fr!important}
  .oc-product-row,.oc-favorites-grid,.oc-coupon-grid{grid-template-columns:1fr!important}
}