/* ============================================================
   MOBILE PRODUCT SELECTOR — Full-screen browse with breadcrumb nav
   Used by: product-selector.blade.php via @mobile fork
   ============================================================ */@media (max-width:1024px){

  /* ---- Container ---- */.m-ps-list{background:var(--m-surface,#f2f2f7);display:flex;flex-direction:column;height:100%;overflow:hidden}

  /* ---- Search bar ---- */.m-ps-search{background:var(--m-card,#fff);border-bottom:.5px solid var(--m-border,rgba(0,0,0,.06));flex-shrink:0;padding:12px var(--m-gutter,16px) 8px;position:relative}.m-ps-search-icon{color:var(--m-text-muted,#8e8e93);height:16px;left:calc(var(--m-gutter, 16px) + 10px);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px}.m-ps-search input{-webkit-appearance:none;background:rgba(0,0,0,.04);border:none;border-radius:10px;color:var(--m-text-primary,#000);font-size:16px; /* prevent iOS zoom */height:36px;outline:none;padding:0 12px 0 36px;width:100%}.m-ps-search input::-moz-placeholder{color:var(--m-text-muted,#8e8e93)}.m-ps-search input::placeholder{color:var(--m-text-muted,#8e8e93)}

  /* ---- Breadcrumb / nav strip ---- */.m-ps-breadcrumb{-webkit-overflow-scrolling:touch;align-items:center;background:var(--m-card,#fff);border-bottom:.5px solid var(--m-border,rgba(0,0,0,.06));display:flex;flex-shrink:0;gap:6px;overflow-x:auto;padding:10px var(--m-gutter,16px);scrollbar-width:none}.m-ps-breadcrumb::-webkit-scrollbar{display:none}.m-ps-breadcrumb-back{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:8px;color:var(--texas-blue,#002868);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:4px;padding:4px 10px 4px 6px}.m-ps-breadcrumb-back svg{height:16px;width:16px}.m-ps-breadcrumb-sep{color:var(--m-text-muted,#8e8e93);flex-shrink:0;font-size:12px}.m-ps-breadcrumb-label{color:var(--m-text-primary,#000);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  /* ---- Notice banner ---- */.m-ps-notice{align-items:center;background:rgba(0,40,104,.06);border-bottom:.5px solid rgba(0,40,104,.12);color:var(--texas-blue,#002868);display:flex;flex-shrink:0;font-size:12px;gap:8px;padding:10px var(--m-gutter,16px)}.m-ps-notice svg{flex-shrink:0;height:14px;width:14px}

  /* ---- Scrollable content area ---- */.m-ps-scroll{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto;padding:var(--m-gutter,16px);padding-bottom:100px /* space for CTA */}

  /* ---- Category pills (root category list) ---- */.m-ps-cat-list{display:flex;flex-direction:column;gap:2px}.m-ps-cat-item{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--m-card,#fff);border-radius:var(--m-card-radius,12px);color:var(--m-text-primary,#000);cursor:pointer;display:flex;font-size:15px;font-weight:500;justify-content:space-between;margin-bottom:4px;padding:14px var(--m-gutter,16px)}.m-ps-cat-item.active{background:var(--texas-blue,#002868);color:#fff}.m-ps-cat-item.locked{opacity:.45;pointer-events:none}.m-ps-cat-item.has-match:after{background:var(--texas-red,#bf0a30);border-radius:50%;content:"";display:inline-block;height:6px;margin-left:6px;width:6px}.m-ps-cat-item-right{align-items:center;display:flex;gap:6px}.m-ps-cat-check{color:#22c55e;height:18px;width:18px}.m-ps-cat-arrow{color:var(--m-text-muted,#8e8e93);height:16px;width:16px}

  /* ---- Subcategory / bed type tiles ---- */.m-ps-subcat-grid{display:grid;gap:var(--m-card-gap,8px);grid-template-columns:repeat(2,1fr)}.m-ps-subcat-tile{-webkit-tap-highlight-color:transparent;background:var(--m-card,#fff);border-radius:var(--m-card-radius,12px);cursor:pointer;overflow:hidden;position:relative}.m-ps-subcat-img{align-items:center;aspect-ratio:4/3;background:var(--m-surface,#f2f2f7);display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.m-ps-subcat-img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.m-ps-subcat-img svg{color:var(--m-border,rgba(0,0,0,.15));height:36px;width:36px}.m-ps-subcat-dot{background:#22c55e;border:2px solid #fff;border-radius:50%;height:10px;position:absolute;right:8px;top:8px;width:10px}.m-ps-subcat-name{color:var(--m-text-primary,#000);font-size:13px;font-weight:600;padding:8px 10px 4px}.m-ps-subcat-desc{color:var(--m-text-muted,#8e8e93);font-size:11px;line-height:1.4;padding:0 10px 8px}.m-ps-match-badge{background:var(--texas-red,#bf0a30);border-radius:4px;color:#fff;font-size:10px;font-weight:700;left:8px;letter-spacing:.5px;padding:2px 6px;position:absolute;text-transform:uppercase;top:8px}

  /* ---- Product cards ---- */.m-ps-card{-webkit-tap-highlight-color:transparent;align-items:flex-start;background:var(--m-card,#fff);border:2px solid transparent;border-radius:var(--m-card-radius,12px);cursor:pointer;display:flex;gap:12px;margin-bottom:var(--m-card-gap,8px);padding:var(--m-card-padding,14px);transition:border-color .15s ease}.m-ps-card.selected{border-color:var(--texas-blue,#002868)}.m-ps-card.existing{opacity:.7}.m-ps-card-img{align-items:center;background:var(--m-surface,#f2f2f7);border-radius:8px;display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;width:56px}.m-ps-card-img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.m-ps-card-img svg{color:var(--m-border,rgba(0,0,0,.15));height:28px;width:28px}.m-ps-card-body{flex:1;min-width:0}.m-ps-card-name{color:var(--m-text-primary,#000);font-size:14px;font-weight:600;line-height:1.3;margin-bottom:2px}.m-ps-card-desc{color:var(--m-text-muted,#8e8e93);font-size:12px;line-height:1.4;margin-bottom:4px}.m-ps-card-price{color:var(--m-text-primary,#000);font-size:14px;font-weight:700}.m-ps-card-price-from{color:var(--m-text-muted,#8e8e93);font-size:11px;font-weight:400;margin-left:2px}.m-ps-card-badge{border-radius:4px;display:inline-block;font-size:10px;font-weight:600;margin-top:4px;padding:2px 6px}.m-ps-card-badge-warn{background:rgba(239,68,68,.1);color:#ef4444}.m-ps-card-badge-ok{background:rgba(34,197,94,.1);color:#16a34a}.m-ps-card-badge-opts{background:rgba(99,102,241,.1);color:#6366f1}.m-ps-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.m-ps-card-action-btn{-webkit-tap-highlight-color:transparent;background:rgba(0,40,104,.07);border:none;border-radius:6px;color:var(--texas-blue,#002868);cursor:pointer;font-size:12px;font-weight:600;padding:4px 10px}

  /* Checkmark overlay on right edge when selected */.m-ps-card-check{align-items:center;background:var(--texas-blue,#002868);border-radius:50%;display:flex;flex-shrink:0;height:22px;justify-content:center;opacity:0;transition:opacity .15s ease;width:22px}.m-ps-card.selected .m-ps-card-check{opacity:1}.m-ps-card-check svg{color:#fff;height:12px;width:12px}

  /* ---- Variant sub-section ---- */.m-ps-variants{background:var(--m-card,#fff);border:2px solid var(--texas-blue,#002868);border-radius:0 0 var(--m-card-radius,12px) var(--m-card-radius,12px);border-top:none;margin-bottom:4px;margin-top:-4px;padding:0 var(--m-gutter,16px) 12px}.m-ps-variants-label{color:var(--m-text-muted,#8e8e93);font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 0 6px;text-transform:uppercase}.m-ps-variant-row{-webkit-tap-highlight-color:transparent;align-items:center;border-top:.5px solid var(--m-border,rgba(0,0,0,.06));cursor:pointer;display:flex;justify-content:space-between;padding:8px 0}.m-ps-variant-row-name,.m-ps-variant-row-price{color:var(--m-text-primary,#000);font-size:13px}.m-ps-variant-row-price{font-weight:600}.m-ps-variant-radio{align-items:center;border:2px solid var(--m-border-strong,rgba(0,0,0,.3));border-radius:50%;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:border-color .15s ease;width:18px}.m-ps-variant-row.checked .m-ps-variant-radio{background:var(--texas-blue,#002868);border-color:var(--texas-blue,#002868)}.m-ps-variant-radio-dot{background:#fff;border-radius:50%;display:none;height:6px;width:6px}.m-ps-variant-row.checked .m-ps-variant-radio-dot{display:block}

  /* ---- Factory options view ---- */.m-ps-option-group{margin-bottom:16px}.m-ps-option-group-label{color:var(--m-text-muted,#8e8e93);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;padding:0 2px;text-transform:uppercase}.m-ps-variant-grid{display:flex;flex-wrap:wrap;gap:8px}.m-ps-variant-chip{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--m-card,#fff);border:1.5px solid var(--m-border,rgba(0,0,0,.12));border-radius:18px;color:var(--m-text-primary,#000);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;height:36px;padding:0 14px;transition:all .15s ease}.m-ps-variant-chip.selected{background:var(--texas-blue,#002868);border-color:var(--texas-blue,#002868);color:#fff}.m-ps-variant-chip.unavailable{opacity:.4;pointer-events:none}.m-ps-variant-chip svg{height:12px;width:12px}

  /* Option cards for factory options */.m-ps-option-card{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--m-card,#fff);border:2px solid transparent;border-radius:var(--m-card-radius,12px);cursor:pointer;display:flex;gap:10px;margin-bottom:6px;padding:10px var(--m-card-padding,14px);transition:border-color .15s ease}.m-ps-option-card.selected{border-color:var(--texas-blue,#002868)}.m-ps-option-checkbox{align-items:center;border:2px solid var(--m-border-strong,rgba(0,0,0,.3));border-radius:4px;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .15s ease;width:20px}.m-ps-option-card.selected .m-ps-option-checkbox{background:var(--texas-blue,#002868);border-color:var(--texas-blue,#002868)}.m-ps-option-checkbox svg{color:#fff;display:none;height:12px;width:12px}.m-ps-option-card.selected .m-ps-option-checkbox svg{display:block}.m-ps-option-card-img{border-radius:6px;flex-shrink:0;height:44px;-o-object-fit:cover;object-fit:cover;width:44px}.m-ps-option-card-name{color:var(--m-text-primary,#000);font-size:13px;font-weight:600}.m-ps-option-card-price{color:var(--m-text-secondary,#3c3c43);font-size:12px;margin-top:2px}

  /* Parent product bar */.m-ps-parent-bar{background:rgba(0,40,104,.06);border-radius:10px;margin-bottom:16px;padding:10px 14px}.m-ps-parent-label{color:var(--m-text-muted,#8e8e93);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.m-ps-parent-name{color:var(--texas-blue,#002868);font-size:14px;font-weight:600}

  /* ---- Empty state ---- */.m-ps-empty{color:var(--m-text-muted,#8e8e93);font-size:14px;padding:48px 16px;text-align:center}.m-ps-empty-title{color:var(--m-text-primary,#000);font-size:16px;font-weight:600;margin-bottom:6px}.m-ps-link-btn{background:none;border:none;color:var(--texas-blue,#002868);cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:underline}

  /* ---- Fixed CTA button ---- */.m-ps-cta{background:var(--m-card,#fff);border-top:.5px solid var(--m-border,rgba(0,0,0,.06));bottom:0;left:0;padding:12px var(--m-gutter,16px);padding-bottom:max(16px,env(safe-area-inset-bottom));position:fixed;right:0;z-index:100}.m-ps-cta-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--texas-blue,#002868);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;height:50px;justify-content:center;width:100%}.m-ps-cta-btn svg{height:16px;width:16px}.m-ps-cta-skip{-webkit-tap-highlight-color:transparent;align-items:center;background:transparent;border:1.5px solid var(--m-border,rgba(0,0,0,.12));border-radius:10px;color:var(--m-text-secondary,#3c3c43);cursor:pointer;display:flex;font-size:15px;font-weight:500;height:44px;justify-content:center;margin-top:8px;width:100%}.m-ps-cta-row{display:flex;gap:10px}.m-ps-cta-row .m-ps-cta-btn{flex:1}.m-ps-cta-row .m-ps-cta-skip{flex:none;margin-top:0;padding:0 16px;width:auto}}
