/* Mobile-only adaptations. Desktop styles remain unchanged. */
@media (max-width: 720px) {
  /* Header */
  .topbar, .sh-bar { padding: 8px 12px; height: auto; flex-wrap: wrap; gap: 8px; }
  .brand span, .sh-brand span { display: none; }
  .actions, .sh-actions { gap: 6px; }
  .btn, .sh-btn { padding: 8px 10px; font-size: 12px; min-height: 36px; }

  /* Home */
  .scene { min-height: 420px; }
  .scene-note { width: calc(100% - 24px); left: 12px; bottom: 12px; padding: 10px 12px; }
  .catalog, .product-wall { padding: 12px; }
  .product-grid { grid-template-columns: 1fr 1fr; gap: 8px; }

  /* Studio */
  .ws { grid-template-columns: 1fr; }
  .rail, .side { position: static; }
  .panel { padding: 14px 12px; }
  .toolbar, .editor, .grid2 { grid-template-columns: 1fr; }
  canvas { max-width: 100%; height: auto; }

  /* Checkout */
  .co-wrap { padding: 12px; }
  .co-grid { grid-template-columns: 1fr; }
  .co-btn { width: 100%; min-height: 44px; }
  .co-aside { position: sticky; top: 0; z-index: 20; }

  /* Cart */
  .cart-panel { width: 100%; max-width: 100%; }
  .cart-checkout { width: 100%; min-height: 44px; }

  /* Account */
  .acct-out { grid-template-columns: 1fr; padding: 12px; }
  .acct-nav { flex-direction: row; overflow-x: auto; }

  /* Modals */
  .modal .panel, .pa-card { width: calc(100% - 24px); max-width: none; margin: 12px; }

  /* Forms */
  input, select, textarea { font-size: 16px; min-height: 44px; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr; gap: 16px; }

  /* Touch */
  button, a.btn, .co-btn { min-height: 44px; }
}

@media (max-width: 480px) {
  .product-grid { grid-template-columns: 1fr; }
  .co-progress li { font-size: 10px; }
}

/* Enhanced Preview */
.preview-enhanced{display:flex;flex-direction:column;gap:12px}
.preview-main{position:relative;background:#f8f4ef;border-radius:12px;overflow:hidden}
.preview-main canvas{width:100%;height:auto;display:block}
.preview-overlay{position:absolute;inset:0;pointer-events:none}
.preview-overlay.show-area::after{content:"";position:absolute;border:2px dashed rgba(154,109,87,.6);border-radius:4px}
.preview-angles{display:flex;gap:8px;justify-content:center}
.angle-btn{padding:8px 14px;border:1px solid rgba(45,36,30,.15);border-radius:8px;background:#fff;cursor:pointer;font-size:13px}
.angle-btn.active{background:#28231f;color:#fff;border-color:#28231f}
.preview-tools{display:flex;gap:8px;justify-content:center}
.tool-btn{padding:8px 16px;border:1px solid rgba(45,36,30,.15);border-radius:8px;background:#fff;cursor:pointer;font-size:13px}
.tool-btn.active{background:#f6f1eb}
.ai-panel{background:#fff;border:1px solid rgba(45,36,30,.12);border-radius:12px;padding:16px;margin-top:8px}
.ai-panel h4{margin:0 0 12px;font-size:14px}
.ai-styles{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.style-btn{padding:6px 12px;border:1px solid rgba(45,36,30,.15);border-radius:6px;background:#fff;cursor:pointer;font-size:12px}
.style-btn:hover{background:#f6f1eb}
.ai-panel textarea{width:100%;min-height:60px;padding:10px;border:1px solid rgba(45,36,30,.15);border-radius:8px;font-size:14px;resize:vertical}
.ai-panel .btn{margin-top:10px;width:100%}

/* AI Pricing Plans */
.ai-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ai-plan{padding:12px;border:1px solid rgba(45,36,30,.15);border-radius:10px;text-align:center;cursor:pointer;transition:all .15s}
.ai-plan:hover{border-color:#9a6d57}
.ai-plan.selected{border-color:#28231f;background:#f8f4ef}
.ai-plan.featured{border-color:#9a6d57;position:relative}
.ai-plan.featured::before{content:"Popular";position:absolute;top:-8px;left:50%;transform:translateX(-50%);background:#9a6d57;color:#fff;font-size:10px;padding:2px 8px;border-radius:999px}
.ai-plan b{display:block;font-size:13px}
.ai-plan span{display:block;font-size:16px;font-weight:700;margin:4px 0}
.ai-plan small{font-size:11px;color:#7c746c}
@media(max-width:480px){.ai-plans{grid-template-columns:1fr}}