/* ORIONA Custom Studio — mobile customer-first wizard */
.oriona-mobile-stepnav,
.oriona-mobile-status,
.oriona-mobile-advanced-toggle,
.oriona-mobile-choices,
.oriona-mobile-review,
.oriona-mobile-step-actions{display:none}

@media(max-width:760px){
  .oriona-studio.oriona-mobile-friendly{background:#0b0b0b!important;padding:0!important}
  .oriona-studio.oriona-mobile-friendly .oriona-studio-shell{
    height:100dvh!important;
    grid-template-rows:54px minmax(0,1fr) 70px!important;
    background:#f3efe7!important;
    border:0!important
  }
  .oriona-studio.oriona-mobile-friendly .oriona-studio-header{
    height:54px!important;padding:0 12px!important;
    grid-template-columns:minmax(0,1fr) 40px!important;
    background:#0b0b0b!important;border-bottom:1px solid #222!important
  }
  .oriona-studio.oriona-mobile-friendly .oriona-studio-progress{display:none!important}
  .oriona-studio.oriona-mobile-friendly .oriona-studio-brand strong{font-size:15px!important}
  .oriona-studio.oriona-mobile-friendly .oriona-studio-close{width:38px!important;height:38px!important}

  .oriona-studio.oriona-mobile-friendly .oriona-studio-body{
    display:flex!important;flex-direction:column!important;
    min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
    background:#f3efe7!important;-webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important
  }

  .oriona-mobile-stepnav{
    position:sticky!important;top:0!important;z-index:80!important;
    display:grid!important;grid-template-columns:repeat(3,1fr)!important;
    background:#f3efe7!important;border-bottom:1px solid #cfc8bd!important
  }
  .oriona-mobile-stepnav button{
    min-width:0!important;height:52px!important;padding:0 6px!important;
    border:0!important;border-right:1px solid #d7d0c5!important;
    background:#f3efe7!important;color:#847d74!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    font:700 8px/1 Manrope,sans-serif!important;letter-spacing:.08em!important
  }
  .oriona-mobile-stepnav button:last-child{border-right:0!important}
  .oriona-mobile-stepnav button i{
    width:20px!important;height:20px!important;border:1px solid #aaa298!important;border-radius:50%!important;
    display:grid!important;place-items:center!important;font-style:normal!important;font-size:8px!important
  }
  .oriona-mobile-stepnav button.active{background:#111!important;color:#fff!important}
  .oriona-mobile-stepnav button.active i{border-color:#fff!important}

  .oriona-mobile-status{
    position:sticky!important;top:52px!important;z-index:79!important;
    display:none!important;margin:0!important;padding:10px 14px!important;
    background:#e7f0e8!important;color:#27603a!important;border-bottom:1px solid #bed1c2!important;
    font:700 9px/1.45 Manrope,sans-serif!important
  }
  .oriona-mobile-status.show{display:block!important}
  .oriona-mobile-status.error{background:#f7e7e5!important;color:#91342d!important;border-color:#e5bdb8!important}

  /* STEP 1 — design */
  .oriona-studio.oriona-mobile-friendly[data-mobile-step="design"] .oriona-studio-workspace{
    display:grid!important;order:1!important;flex:0 0 auto!important;height:auto!important;min-height:0!important;
    grid-template-rows:42px auto 28px!important;background:#e9e4da!important
  }
  .oriona-studio.oriona-mobile-friendly .oriona-workspace-head{
    padding:0 10px!important;background:#efebe3!important;border-bottom:1px solid #c9c1b6!important
  }
  .oriona-studio.oriona-mobile-friendly .oriona-workspace-head>div:first-child small{display:none!important}
  .oriona-studio.oriona-mobile-friendly .oriona-view-label{
    display:inline-flex!important;align-items:center!important;min-height:24px!important;padding:0 9px!important;
    background:#111!important;color:#fff!important;font-size:7px!important;letter-spacing:.09em!important
  }
  .oriona-studio.oriona-mobile-friendly .oriona-zoom{gap:3px!important}
  .oriona-studio.oriona-mobile-friendly .oriona-zoom button{
    width:36px!important;height:32px!important;background:#fff!important;color:#111!important;border:1px solid #bcb4aa!important
  }
  .oriona-studio.oriona-mobile-friendly .oriona-zoom b{min-width:44px!important;font-size:9px!important}

  .oriona-studio.oriona-mobile-friendly .oriona-canvas-stage{
    position:relative!important;width:100%!important;height:auto!important;min-height:0!important;
    aspect-ratio:1/1!important;padding:8px!important;overflow:hidden!important
  }
  .oriona-studio.oriona-mobile-friendly .oriona-canvas-stage .canvas-container{
    width:100%!important;height:auto!important;aspect-ratio:1/1!important;
    max-width:100%!important;max-height:none!important;margin:auto!important;
    background:#f5f2eb!important;box-shadow:0 12px 32px rgba(0,0,0,.14)!important
  }
  .oriona-studio.oriona-mobile-friendly .oriona-canvas-stage .lower-canvas,
  .oriona-studio.oriona-mobile-friendly .oriona-canvas-stage .upper-canvas{
    width:100%!important;height:100%!important;max-width:none!important;max-height:none!important
  }
  .oriona-studio.oriona-mobile-friendly .oriona-stage-note{
    min-height:28px!important;padding:0 10px!important;background:#e9e4da!important;
    color:#817b73!important;font-size:7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
  }

  .oriona-studio.oriona-mobile-friendly[data-mobile-step="design"] .oriona-studio-tools{
    display:block!important;order:2!important;flex:0 0 auto!important;
    width:100%!important;max-height:none!important;overflow:visible!important;background:#111!important;border:0!important
  }
  .oriona-studio.oriona-mobile-friendly .oriona-studio-section{
    display:none!important;width:100%!important;min-width:0!important;max-width:none!important;
    padding:18px 14px!important;border:0!important;border-bottom:1px solid #2a2a2a!important;
    background:#111!important;overflow:visible!important
  }
  .oriona-studio.oriona-mobile-friendly[data-mobile-step="design"] .oriona-studio-section[data-mobile-tool="basic"]{display:block!important}
  .oriona-studio.oriona-mobile-friendly[data-mobile-step="design"].mobile-advanced-open .oriona-studio-section[data-mobile-tool="advanced"]{display:block!important}
  .oriona-studio.oriona-mobile-friendly .oriona-studio-section>p{
    position:static!important;margin:0 0 12px!important;padding:0!important;background:transparent!important;
    color:#a59f97!important;font-size:8px!important;letter-spacing:.12em!important
  }
  .oriona-studio.oriona-mobile-friendly .oriona-view-tabs{gap:7px!important}
  .oriona-studio.oriona-mobile-friendly .oriona-view-tabs button{
    min-height:48px!important;font-size:9px!important;border-color:#3a3a3a!important
  }
  .oriona-studio.oriona-mobile-friendly .oriona-upload-button{
    min-height:54px!important;display:flex!important;align-items:center!important;justify-content:center!important;
    background:#fff!important;color:#111!important;font-size:9px!important;border:1px solid #fff!important
  }
  .oriona-studio.oriona-mobile-friendly .oriona-studio-section>button{
    min-height:48px!important;font-size:8px!important
  }
  .oriona-mobile-advanced-toggle{
    display:flex!important;width:calc(100% - 28px)!important;min-height:48px!important;margin:12px 14px!important;
    padding:0 14px!important;align-items:center!important;justify-content:space-between!important;
    border:1px solid #343434!important;background:#171717!important;color:#c7c2ba!important;
    font:700 8px/1 Manrope,sans-serif!important;letter-spacing:.08em!important;text-transform:uppercase!important
  }
  .oriona-mobile-advanced-toggle b{font-size:17px!important;color:#fff!important}

  /* STEP 2 — product choices */
  .oriona-studio.oriona-mobile-friendly[data-mobile-step="product"] .oriona-studio-tools{display:none!important}
  .oriona-studio.oriona-mobile-friendly[data-mobile-step="product"] .oriona-studio-workspace{
    display:grid!important;order:1!important;flex:0 0 auto!important;height:auto!important;min-height:0!important;
    grid-template-rows:38px auto 0!important;background:#e9e4da!important
  }
  .oriona-studio.oriona-mobile-friendly[data-mobile-step="product"] .oriona-canvas-stage{
    width:min(76vw,320px)!important;align-self:center!important;margin:10px auto 12px!important;padding:5px!important
  }
  .oriona-studio.oriona-mobile-friendly[data-mobile-step="product"] .oriona-stage-note{display:none!important}

  .oriona-studio.oriona-mobile-friendly[data-mobile-step="design"] .oriona-studio-summary{display:none!important}
  .oriona-studio.oriona-mobile-friendly[data-mobile-step="product"] .oriona-studio-summary,
  .oriona-studio.oriona-mobile-friendly[data-mobile-step="review"] .oriona-studio-summary{
    display:block!important;order:2!important;width:100%!important;margin:0!important;padding:18px 14px!important;
    background:#f3efe7!important;border:0!important;overflow:visible!important
  }
  .oriona-studio.oriona-mobile-friendly .oriona-summary-kicker,
  .oriona-studio.oriona-mobile-friendly .oriona-studio-summary>h3{display:none!important}
  .oriona-studio.oriona-mobile-friendly .oriona-studio-summary>.oriona-summary-row{display:none!important}

  .oriona-mobile-choices{display:block!important}
  .oriona-mobile-choice-block{
    margin:0 0 12px!important;padding:14px!important;background:#fff!important;border:1px solid #d4cdc2!important
  }
  .oriona-mobile-choice-head{
    display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important
  }
  .oriona-mobile-choice-head b{
    color:#111!important;font:700 10px/1 Manrope,sans-serif!important;letter-spacing:.08em!important;text-transform:uppercase!important
  }
  .oriona-mobile-choice-head small{
    color:#8a8379!important;font:600 8px/1.3 Manrope,sans-serif!important;text-align:right!important
  }
  .oriona-mobile-size-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important}
  .oriona-mobile-size-chip{
    min-height:46px!important;padding:0!important;border:1px solid #cbc4b9!important;background:#fff!important;color:#111!important;
    font:700 11px/1 Manrope,sans-serif!important
  }
  .oriona-mobile-size-chip.active{background:#111!important;color:#fff!important;border-color:#111!important}

  .oriona-mobile-color-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  .oriona-mobile-color-chip{
    min-width:0!important;min-height:48px!important;padding:6px 9px!important;
    border:1px solid #cbc4b9!important;background:#fff!important;color:#111!important;
    display:flex!important;align-items:center!important;gap:9px!important;text-align:left!important
  }
  .oriona-mobile-color-chip i{
    width:22px!important;height:22px!important;min-width:22px!important;border-radius:50%!important;
    border:1px solid rgba(0,0,0,.18)!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)!important
  }
  .oriona-mobile-color-chip span{
    min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
    font:700 8px/1 Manrope,sans-serif!important;letter-spacing:.03em!important
  }
  .oriona-mobile-color-chip.active{border-color:#111!important;box-shadow:inset 0 0 0 1px #111!important;background:#f4f0e8!important}

  .oriona-mobile-qty-block{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:16px!important}
  .oriona-mobile-qty-block .oriona-mobile-choice-head{margin:0!important;display:block!important}
  .oriona-mobile-qty-block .oriona-mobile-choice-head small{display:block!important;margin-top:5px!important;text-align:left!important}
  .oriona-mobile-qty-control{display:grid!important;grid-template-columns:44px 54px 44px!important;align-items:center!important}
  .oriona-mobile-qty-control button{
    height:44px!important;border:1px solid #c9c2b7!important;background:#f5f1ea!important;color:#111!important;font-size:20px!important
  }
  .oriona-mobile-qty-control strong{
    height:44px!important;display:grid!important;place-items:center!important;border-top:1px solid #c9c2b7!important;border-bottom:1px solid #c9c2b7!important;
    font:700 14px/1 Manrope,sans-serif!important
  }

  .oriona-studio.oriona-mobile-friendly[data-mobile-step="product"] .oriona-print-breakdown,
  .oriona-studio.oriona-mobile-friendly[data-mobile-step="product"] .oriona-summary-note{display:none!important}
  .oriona-studio.oriona-mobile-friendly .oriona-summary-price{
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
    margin:4px 0 0!important;padding:15px!important;background:#111!important;color:#fff!important
  }
  .oriona-studio.oriona-mobile-friendly .oriona-summary-price small{margin:0!important;color:#aaa49c!important;font-size:7px!important}
  .oriona-studio.oriona-mobile-friendly .oriona-summary-price strong{color:#fff!important;font-size:27px!important;white-space:nowrap!important}
  .oriona-studio.oriona-mobile-friendly .oriona-summary-price span{display:none!important}

  /* STEP 3 — review */
  .oriona-studio.oriona-mobile-friendly[data-mobile-step="review"] .oriona-studio-workspace,
  .oriona-studio.oriona-mobile-friendly[data-mobile-step="review"] .oriona-studio-tools{display:none!important}
  .oriona-studio.oriona-mobile-friendly[data-mobile-step="review"] .oriona-mobile-choices{display:none!important}
  .oriona-mobile-review{display:none!important}
  .oriona-studio.oriona-mobile-friendly[data-mobile-step="review"] .oriona-mobile-review{
    display:block!important;margin:0 0 12px!important;padding:16px!important;background:#111!important;color:#fff!important
  }
  .oriona-mobile-review>p{
    margin:0 0 14px!important;color:#a9a39b!important;font:700 8px/1 Manrope,sans-serif!important;letter-spacing:.11em!important
  }
  .oriona-mobile-review [data-mobile-review-grid]{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1px!important;background:#303030!important}
  .oriona-mobile-review [data-mobile-review-grid]>div{padding:13px!important;background:#171717!important;min-width:0!important}
  .oriona-mobile-review [data-mobile-review-grid] span{display:block!important;margin-bottom:5px!important;color:#8f8a83!important;font:700 7px/1 Manrope,sans-serif!important;text-transform:uppercase!important;letter-spacing:.08em!important}
  .oriona-mobile-review [data-mobile-review-grid] b{display:block!important;color:#fff!important;font:700 10px/1.35 Manrope,sans-serif!important;overflow-wrap:anywhere!important}
  .oriona-mobile-review [data-mobile-review-grid] .wide{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
  .oriona-mobile-review [data-mobile-review-grid] .wide span{margin:0!important}
  .oriona-mobile-review [data-mobile-review-grid] strong{font:600 26px/1 Commissioner,sans-serif!important;color:#fff!important;white-space:nowrap!important}

  .oriona-studio.oriona-mobile-friendly[data-mobile-step="review"] .oriona-print-breakdown{
    display:block!important;margin:0 0 12px!important;background:#fff!important;border:1px solid #d4cdc2!important
  }
  .oriona-studio.oriona-mobile-friendly[data-mobile-step="review"] .oriona-print-line{padding:12px 14px!important}
  .oriona-studio.oriona-mobile-friendly[data-mobile-step="review"] .oriona-summary-note{
    display:block!important;margin:10px 0 0!important;padding:12px 14px!important;background:#fff!important;border:1px solid #d4cdc2!important;color:#777168!important;font-size:8px!important;line-height:1.55!important
  }

  /* bottom navigation / checkout */
  .oriona-studio.oriona-mobile-friendly .oriona-studio-footer{
    position:relative!important;z-index:90!important;height:70px!important;padding:7px!important;background:#090909!important;border-top:1px solid #242424!important
  }
  .oriona-mobile-step-actions{display:none!important;width:100%!important;gap:7px!important}
  .oriona-mobile-step-actions button{
    height:56px!important;border:1px solid #333!important;background:#171717!important;color:#fff!important;
    font:700 8px/1.2 Manrope,sans-serif!important;letter-spacing:.08em!important;text-transform:uppercase!important
  }
  .oriona-mobile-step-actions [data-mobile-back]{flex:0 0 30%!important}
  .oriona-mobile-step-actions [data-mobile-next]{flex:1!important;background:#fff!important;color:#111!important;border-color:#fff!important}
  .oriona-mobile-step-actions [hidden]{display:none!important}

  .oriona-studio.oriona-mobile-friendly[data-mobile-step="design"] .oriona-studio-footer>.oriona-buy-blank,
  .oriona-studio.oriona-mobile-friendly[data-mobile-step="design"] .oriona-studio-footer>div:not(.oriona-mobile-step-actions),
  .oriona-studio.oriona-mobile-friendly[data-mobile-step="product"] .oriona-studio-footer>.oriona-buy-blank,
  .oriona-studio.oriona-mobile-friendly[data-mobile-step="product"] .oriona-studio-footer>div:not(.oriona-mobile-step-actions){display:none!important}
  .oriona-studio.oriona-mobile-friendly[data-mobile-step="design"] .oriona-mobile-step-actions,
  .oriona-studio.oriona-mobile-friendly[data-mobile-step="product"] .oriona-mobile-step-actions{display:flex!important}

  .oriona-studio.oriona-mobile-friendly[data-mobile-step="review"] .oriona-mobile-step-actions{display:none!important}
  .oriona-studio.oriona-mobile-friendly[data-mobile-step="review"] .oriona-studio-footer>.oriona-buy-blank{display:flex!important;flex:0 0 38%!important}
  .oriona-studio.oriona-mobile-friendly[data-mobile-step="review"] .oriona-studio-footer>div:not(.oriona-mobile-step-actions){
    display:flex!important;flex:1!important;min-width:0!important
  }
  .oriona-studio.oriona-mobile-friendly[data-mobile-step="review"] .oriona-studio-footer>div:not(.oriona-mobile-step-actions)>span{display:none!important}
  .oriona-studio.oriona-mobile-friendly[data-mobile-step="review"] .oriona-save-buy{
    width:100%!important;height:56px!important;background:#fff!important;color:#111!important;font-size:8px!important
  }
  .oriona-studio.oriona-mobile-friendly[data-mobile-step="review"] .oriona-buy-blank{
    height:56px!important;background:#111!important;color:#fff!important;border-color:#333!important;font-size:7px!important
  }

  .oriona-studio.oriona-mobile-friendly .oriona-text-controls input[type=text],
  .oriona-studio.oriona-mobile-friendly .oriona-text-controls select,
  .oriona-studio.oriona-mobile-friendly .oriona-dimension-grid input{font-size:16px!important}
}

@media(max-width:380px){
  .oriona-mobile-color-grid{grid-template-columns:1fr!important}
  .oriona-mobile-size-grid{grid-template-columns:repeat(3,1fr)!important}
  .oriona-studio.oriona-mobile-friendly[data-mobile-step="product"] .oriona-canvas-stage{width:min(82vw,300px)!important}
}
