.company-logo{max-width:200px;height:auto;margin:.8em 0}.gtin14-enabled-notice{display:none}input#company_has_gtin14:checked~.gtin14-enabled-notice{display:inline;color:darkred;font-weight:bold;background:yellow;padding:.5em;border-radius:.5em}.qr-promo-layout{display:grid;grid-template-columns:1fr;gap:1rem}.qr-promo-card{border:1px solid #d8d8d8;border-radius:.5rem;padding:.75rem 1rem 1rem;margin:0 0 1rem}.qr-promo-card legend{font-weight:bold;padding:0 .35rem}.qr-promo-card-icon{margin-right:.2rem}.qr-promo-card-hint{margin-bottom:.6rem}.qr-promo-text-variants-grid{display:grid;grid-template-columns:1fr;gap:.6rem;margin-top:.6rem}.qr-promo-wechat-current{margin:.5rem 0 .75rem}.qr-promo-wechat-current .company-logo{display:block;max-width:140px}.qr-promo-remove-wechat{display:inline-block;margin-top:.4rem}.qr-promo-phone{max-width:320px;margin:0 auto;border:1px solid #c9c9c9;border-radius:1.25rem;background:#f7f7f9;overflow:hidden}.qr-promo-phone-top{padding:.6rem .75rem 0}.qr-promo-locale-tabs{display:flex;gap:.35rem;justify-content:center}.qr-promo-locale-tab{border:1px solid #c9c9c9;background:#fff;border-radius:999px;padding:.15rem .8rem;font-size:.85rem;cursor:pointer}.qr-promo-locale-tab.active{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.qr-promo-hub{display:flex;flex-direction:column;gap:.55rem;padding:.75rem .85rem 1rem}.qr-promo-hub-company{text-align:center;font-weight:bold;padding:.25rem 0 .35rem;overflow-wrap:anywhere}.qr-promo-hub-btn{display:flex;align-items:center;gap:.55rem;background:#fff;border:1px solid #e3e3e3;border-radius:.7rem;padding:.65rem .85rem;text-decoration:none;color:#1a1a1a;box-shadow:0 1px 2px rgba(0,0,0,0.04);width:100%;box-sizing:border-box;text-align:left;font:inherit;cursor:pointer}.qr-promo-hub-btn:hover{background:#f0f0f0}.qr-promo-hub-icon{flex:0 0 auto}.qr-promo-hub-label{overflow-wrap:anywhere}.qr-promo-hub-btn.is-hidden,.qr-promo-wechat-qr.is-hidden,.qr-promo-empty.is-hidden{display:none}.qr-promo-wechat-qr{text-align:center}.qr-promo-wechat-qr img{max-width:140px;height:auto}.qr-promo-empty{text-align:center;color:#777;padding:1rem .5rem;font-size:.9rem}.qr-promo-real-preview{margin-top:1rem}.qr-promo-real-preview select{display:block;width:100%;margin-bottom:.5rem}.qr-promo-real-preview .button{display:inline-block;margin-top:.25rem}@media screen and (min-width: 640px){.qr-promo-text-variants-grid{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 960px){.qr-promo-layout{grid-template-columns:3fr 2fr;align-items:start}.qr-promo-preview-wrap{position:sticky;top:1rem}}.qr-promo-theme-options{display:grid;grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));gap:.6rem}.qr-promo-theme-option{display:block;cursor:pointer;text-align:center}.qr-promo-theme-option input{position:absolute;opacity:0;pointer-events:none}.qr-promo-theme-swatch{--sw-bg: #f7f7f9;--sw-accent: #0e2b67;--sw-primary: #dc5634;--sw-secondary: #dcdcdc;--sw-radius: 999px;display:block;height:52px;padding:6px;border:2px solid #d8d8d8;border-top-width:5px;border-top-color:var(--sw-accent);border-radius:8px;background:var(--sw-bg)}.qr-promo-theme-option input:checked+.qr-promo-theme-swatch{border-color:var(--sw-accent);outline:2px solid #1a1a1a;outline-offset:1px}.qr-promo-theme-swatch .swatch-btn{display:block;height:9px;margin:3px 4px;border-radius:var(--sw-radius);background:var(--sw-primary)}.qr-promo-theme-swatch .swatch-btn-secondary{background:var(--sw-secondary)}.qr-promo-theme-swatch .swatch-btn-small{height:6px;width:55%}.qr-promo-theme-name{display:block;margin-top:.35rem;font-size:.85rem}[data-qr-theme-swatch="showcase"]{--sw-bg: #ffffff;--sw-accent: #1d1d1f;--sw-primary: #0071e3;--sw-secondary: #e8e8ed;--sw-radius: 999px}[data-qr-theme-swatch="commerce"]{--sw-bg: #f5f5f7;--sw-accent: #0a2540;--sw-primary: #2563eb;--sw-secondary: #ffffff;--sw-radius: 999px}[data-qr-theme-swatch="corporate"]{--sw-bg: #ffffff;--sw-accent: #005691;--sw-primary: #005691;--sw-secondary: #ffffff;--sw-radius: 2px}[data-qr-theme-swatch="artisan"]{--sw-bg: #faf6f0;--sw-accent: #9c6b2f;--sw-primary: #9c6b2f;--sw-secondary: #f3ead9;--sw-radius: 8px}[data-qr-theme-swatch="bold"]{--sw-bg: #101114;--sw-accent: #f5c518;--sw-primary: #f5c518;--sw-secondary: #2e3138;--sw-radius: 6px}.qr-promo-phone{--pp-bg: #f7f7f9;--pp-frame: #c9c9c9;--pp-accent: #1a1a1a;--pp-btn-bg: #ffffff;--pp-btn-border: #e3e3e3;--pp-btn-text: #1a1a1a}.qr-promo-phone[data-theme="showcase"]{--pp-bg: #ffffff;--pp-frame: #d8d8dc;--pp-accent: #1d1d1f;--pp-btn-bg: #ffffff;--pp-btn-border: #d2d2d7;--pp-btn-text: #0071e3}.qr-promo-phone[data-theme="commerce"]{--pp-bg: #f5f5f7;--pp-frame: #d8dce3;--pp-accent: #0a2540;--pp-btn-bg: #ffffff;--pp-btn-border: #e3e8ef;--pp-btn-text: #0a2540}.qr-promo-phone[data-theme="corporate"]{--pp-bg: #ffffff;--pp-frame: #005691;--pp-accent: #12324f;--pp-btn-bg: #ffffff;--pp-btn-border: #c9d3dd;--pp-btn-text: #12324f}.qr-promo-phone[data-theme="artisan"]{--pp-bg: #faf6f0;--pp-frame: #cdbba0;--pp-accent: #4e342e;--pp-btn-bg: #ffffff;--pp-btn-border: #e4d9c8;--pp-btn-text: #4e342e}.qr-promo-phone[data-theme="bold"]{--pp-bg: #101114;--pp-frame: #2e3138;--pp-accent: #f4f4f5;--pp-btn-bg: #1c1e22;--pp-btn-border: #2e3138;--pp-btn-text: #f4f4f5}.qr-promo-phone{background:var(--pp-bg);border-color:var(--pp-frame)}.qr-promo-hub-company{color:var(--pp-accent)}.qr-promo-hub-btn{background:var(--pp-btn-bg);border-color:var(--pp-btn-border);color:var(--pp-btn-text)}details details{margin-left:2rem}.gpc_codes_tree summary,.gpc_codes_tree_leaf{line-height:2}.gpc_codes_tree_leaf{margin-left:2rem}.language-icon{display:inline-block;width:1em;height:1em;background-size:contain;background-repeat:no-repeat;background-position:center;width:1.8em}.language-icon:before{display:inline-block;padding:2px 4px;border-radius:5px;background-color:#f0f0f0}.language-icon.zh:before{content:"zh"}.language-icon.cn:before{content:"cn"}.language-icon.en:before{content:"en"}.row{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:.5em}@media screen and (min-width: 760px){.row{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1em}.one-two{grid-template-columns:1fr 2fr}}.status{display:inline-block;padding:0.25rem 0.5rem;border-radius:4px;font-weight:bold;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.05em}.status.active{background-color:#d4edda;color:#155724}.status.expired{background-color:#f8d7da;color:#721c24}.status.inactive{background-color:#e2e3e5;color:#383d41}.table-responsive{overflow-x:auto;margin:1.5rem 0}.table-responsive .data-table{width:100%;border-collapse:collapse}.table-responsive .data-table th,.table-responsive .data-table td{padding:0.75rem;text-align:left;border-bottom:1px solid #dee2e6}.table-responsive .data-table th{background-color:#f8f9fa;font-weight:600;text-transform:uppercase;font-size:0.75rem;letter-spacing:0.05em;color:#6c757d}.table-responsive .data-table tr:hover{background-color:#f8f9fa}.table-responsive .data-table .actions{white-space:nowrap}.table-responsive .data-table .actions .button{margin-right:0.25rem;margin-bottom:0.25rem}.table-responsive .data-table .actions .button:last-child{margin-right:0}.table-responsive .no-records{padding:2rem;text-align:center;color:#6c757d;font-style:italic}.form-container{max-width:800px;margin:0 auto;padding:1.5rem;background:white;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.form-container .form-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.form-container .form-header h2{margin:0;font-size:1.5rem;font-weight:500}.form-container .form-header h2 a{color:#007bff;text-decoration:none}.form-container .form-header h2 a:hover{text-decoration:underline}.form-container .form-group{margin-bottom:1.5rem}.form-container .form-group .form-label{display:block;margin-bottom:0.5rem;font-weight:500;color:#495057}.form-container .form-group .form-control,.form-container .form-group .form-select{width:100%;padding:0.5rem 0.75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:0.25rem;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}.form-container .form-group .form-control:focus,.form-container .form-group .form-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}.form-container .form-group textarea.form-control{min-height:100px}.form-container .form-group .input-group{display:flex}.form-container .form-group .input-group .input-group-text{display:flex;align-items:center;padding:0.5rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:0.25rem 0 0 0.25rem}.form-container .form-group .input-group .form-control{position:relative;flex:1 1 auto;width:1%;margin-bottom:0;border-top-left-radius:0;border-bottom-left-radius:0}.form-container .form-actions{display:flex;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e9ecef;margin-top:2rem}.form-container .form-actions .button{margin-left:0.5rem}.form-container .form-actions .button:first-child{margin-left:0}.card{background:white;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1);margin-bottom:2rem;overflow:hidden}.card .card-header{padding:1.25rem 1.5rem;background-color:#f8f9fa;border-bottom:1px solid rgba(0,0,0,0.125)}.card .card-header h2{margin:0;font-size:1.5rem;font-weight:500}.card .card-body{padding:1.5rem}.card .card-body .attribute-row{display:flex;padding:0.75rem 0;border-bottom:1px solid #f1f1f1}.card .card-body .attribute-row:last-child{border-bottom:none}.card .card-body .attribute-row .attribute-label{width:200px;font-weight:600;color:#495057}.card .card-body .attribute-row .attribute-value{flex:1;color:#212529}.card .card-footer{padding:1.5rem;background-color:#f8f9fa;border-top:1px solid rgba(0,0,0,0.125)}.card .card-footer .alert{padding:1rem;margin-bottom:1.5rem;border:1px solid transparent;border-radius:0.25rem}.card .card-footer .alert.alert-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}.card .card-footer .actions{display:flex;justify-content:flex-end}.card .card-footer .actions .button{margin-left:0.5rem}.card .card-footer .actions .button:first-child{margin-left:0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.page-header h1{margin:0;font-size:1.75rem;font-weight:500;color:#343a40}.page-header h1 a{color:#007bff;text-decoration:none}.page-header h1 a:hover{text-decoration:underline}.page-header .actions{display:flex;gap:0.5rem}@media (max-width: 768px){.card-body .attribute-row{flex-direction:column}.card-body .attribute-row .attribute-label{width:100%;margin-bottom:0.25rem}.form-actions,.card-footer .actions{flex-direction:column}.form-actions .button,.card-footer .actions .button{width:100%;margin:0.25rem 0 !important}}.pagination a,.pagination button{display:inline !important}figure.product-cover{text-align:center}figure.barcode{text-align:center}figure.qr-code{text-align:center;margin-bottom:2em}figure.qr-code figcaption a{color:black}.products-grid a{text-align:center}.products-grid img{max-width:100%;max-height:200px;object-fit:contain}.gtin-digits-input{zoom:2;display:flex;flex-direction:row;align-items:center;margin-bottom:1em}.gtin-digits-input input{padding:0;border:0px;background:#ffd;width:5.5em;margin:0;height:auto}.gtin-digits-input input.length-1{width:1.5em;padding-left:.3em}.gtin-digits-input input.length-2{width:2.5em}.gtin-digits-input input.length-3{width:3.5em}.gtin-digits-input input.length-4{width:4.5em}.gtin-digits-input input.length-5{width:5.5em}.gtin-digits-input input.length-6{width:6.5em}.gtin-digits-input input.length-7{width:7.5em}.gtin-digits-input input.length-8{width:8.5em}.gtin-digits-input input.length-9{width:9.5em}.gtin-digits-input input.length-10{width:10.5em}.gtin-digits-input .prefix,.gtin-digits-input input,.gtin-digits-input .check-digit{letter-spacing:.5em}.gtin-13-14-radio-group input{display:inline;width:auto}.gtin-assignment-field{display:flex;flex-wrap:wrap;align-items:center;column-gap:.4em;row-gap:.35em;margin-bottom:3em}.gtin-assignment-field .gtin-label{margin-right:.45em;font-weight:700;font-size:1em;color:#0E2B68}.gtin-assignment-field .gtin-assignment-mode{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.gtin-assignment-field .gtin-assignment-mode-label{display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-height:2.05em;padding:.4em .95em;border-radius:999px;border:1px solid #BFCAE0;background:#fff;color:#2C3E5D;font-size:.95em;font-weight:700;line-height:1;cursor:pointer;user-select:none;transition:border-color .2s ease, background-color .2s ease, box-shadow .2s ease, color .2s ease}.gtin-assignment-field .gtin-assignment-mode-label::before{content:"";width:.95em;height:.95em;border-radius:50%;border:2px solid #7E96B8;background:#fff;box-sizing:border-box;transition:border-color .2s ease, background .2s ease}.gtin-assignment-field .gtin-assignment-mode-label:hover{border-color:#6F8CB8;box-shadow:0 3px 10px rgba(15,23,42,0.08)}.gtin-assignment-field .gtin-assignment-mode:focus+.gtin-assignment-mode-label{outline:2px solid #3B82F6;outline-offset:2px}.gtin-assignment-field .gtin-assignment-mode:checked+.gtin-assignment-mode-label{border-color:#2563EB;background:#EFF6FF;color:#1D4ED8;box-shadow:0 4px 12px rgba(37,99,235,0.2)}.gtin-assignment-field .gtin-assignment-mode:checked+.gtin-assignment-mode-label::before{border-color:#2563EB;background:radial-gradient(circle at center, #2563EB 0 45%, #fff 49%)}.gtin-assignment-field .gtin-digits-input{width:100%;margin-top:1em}.gtin-assignment-field .gtin-last-code,.gtin-assignment-field .gtin-validation-feedback,.gtin-assignment-field .gtin-assignment-note{width:100%;margin:0 0 .2em}.gtin-assignment-field .gtin-assignment-note-auto,.gtin-assignment-field .gtin-last-code,.gtin-assignment-field .gtin-validation-feedback,.gtin-assignment-field .gtin-assignment-note-manual{display:none}.gtin-assignment-field .gtin-assignment-mode-auto:checked~.gtin-digits-input{display:none}.gtin-assignment-field .gtin-assignment-mode-auto:checked~.gtin-last-code,.gtin-assignment-field .gtin-assignment-mode-auto:checked~.gtin-validation-feedback,.gtin-assignment-field .gtin-assignment-mode-auto:checked~.gtin-assignment-note-auto,.gtin-assignment-field .gtin-assignment-mode-auto:checked~.gtin-assignment-note-manual{display:none}.gtin-assignment-field .gtin-assignment-mode-manual:checked~.gtin-digits-input{display:flex}.gtin-assignment-field .gtin-assignment-mode-manual:checked~.gtin-last-code,.gtin-assignment-field .gtin-assignment-mode-manual:checked~.gtin-validation-feedback,.gtin-assignment-field .gtin-assignment-mode-manual:checked~.gtin-assignment-note-manual{display:block}.gtin-assignment-field .gtin-validation-feedback{font-size:.9em;font-weight:600}.gtin-assignment-field .gtin-validation-feedback.is-valid{color:#0A7A1E}.gtin-assignment-field .gtin-validation-feedback.is-invalid{color:#B42318}@media (max-width: 640px){.gtin-assignment-field .gtin-assignment-mode-label{flex:1 1 calc(50% - .5em);justify-content:center;min-width:7.8em}}.remarks-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1rem}.remark-card{border:1px solid #ccc;border-radius:0.5rem;padding:1rem;margin-bottom:1rem;background-color:#f9f9f9}.remark-card.yellow{background-color:#ffe77d}.remark-card.red{background-color:#ffd4da}.radio-group{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem}.radio-group input{display:inline;width:auto}.radio-group span{padding:.5em;border-radius:.5em}.radio-group span.white{background:#f9f9f9}.radio-group span.yellow{background:#ffe77d}.radio-group span.red{background:#ffd4da}#user-terms-page{margin:2rem}#user-terms-page textarea{width:100%;height:500px}#user-terms-page input[type="checkbox"]{display:inline;width:auto}#user-terms-page h1{font-size:1.5rem}*{box-sizing:border-box}img{max-width:100%}body.env-development{border:15px solid darkred}.status-active,.status-inactive{display:inline-block;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.875rem;font-weight:500;text-align:center;text-transform:capitalize;letter-spacing:0.025em}.status-active{background-color:#d1fae5;color:#065f46;border:1px solid #34d399}.status-inactive{background-color:#fee2e2;color:#991b1b;border:1px solid #f87171}.days-remaining{color:#065f46}.days-expired{color:#991b1b}.filters-container{margin:1.5rem 0;padding:1rem;background-color:#f8f9fa;border-radius:0.5rem;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.filters{margin-top:1rem}.filter-form{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.filter-group{display:flex;flex-direction:column;min-width:150px;align-self:flex-start}.filter-group label{margin-bottom:0.25rem;font-size:0.875rem;font-weight:500;color:#4b5563}.filter-group input[type="text"],.filter-group select{padding:0.5rem;border:1px solid #d1d5db;border-radius:0.375rem;font-size:0.875rem;line-height:1.25rem}.button{display:inline-block;padding:0.5rem 1rem;background-color:#3b82f6;color:white;border:none;border-radius:0.375rem;font-size:0.875rem;font-weight:500;cursor:pointer;text-decoration:none;text-align:center;transition:background-color 0.2s}.button:hover{background-color:#2563eb}.button-secondary{background-color:#6b7280}.button-secondary:hover{background-color:#4b5563}@media (max-width: 768px){.filter-form{flex-direction:column;align-items:stretch}.filter-group{width:100%}}body{font-family:Arial, sans-serif;display:flex;flex-direction:column;min-height:100vh;margin:0;padding:0}header{background:#f4f4f4;padding:1em;display:flex;justify-content:space-between;align-items:baseline;row-gap:1.5em}header .right>*{margin:0 .5em}.server-badge{display:inline-block;background:#c0392b;color:#fff;font-size:0.8rem;font-weight:700;padding:0.3em 0.6em;border-radius:4px;white-space:nowrap}header img{width:150px}a.logo-link{text-decoration:none}nav.main{border-bottom:1px solid #B1B3B3}nav.main ul{list-style-type:none;padding:0;margin:0;display:flex;justify-content:center}nav.main a{text-decoration:none;color:#333;padding:1em;display:block;border-top:2px solid #fff}nav.main a:hover{border-top-color:#E16C43}main{width:85%;margin:3em auto;flex-grow:1}h1{font-size:1.2em}@media screen and (max-width: 760px){main{width:100%}header{flex-direction:column}}label{display:block;font-weight:bold;margin-top:1em}.required label:before{content:"*";color:red;padding-right:.2em}input,textarea{width:100%;display:block;border:1px solid #ccc;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);padding:1em}textarea{min-height:6em !important}.mandatory-field,input[required],input[required]:focus,textarea[required],textarea[required]:focus{background:#FFFFE0}.mandatory-label::before{content:"*"}.lang-tag{font-size:.75em;color:#fff;background:#B1B3B3;padding:4px}.button,input[type="submit"]{background:#E16C43 !important;color:#fff;border:0;padding:0.8em 1.5em;margin-top:1em;cursor:pointer;font-weight:bold;font-size:1em;text-decoration:none;border-radius:5px !important}.button.rounded,input.rounded[type="submit"]{border-radius:999px}.form-action .secondary,.form-action .button.secondary,input.secondary[type="submit"],.button.secondary,.secondary{background:#898B8D !important}input.inline-element{display:inline;width:auto}.form-header,.form-subheader,.form-action{color:#fff;padding:.5em;margin-top:1em;font-weight:bold}.form-header{background:#0E2B68}.form-subheader{background:#898B8D}.callout.info-box{background:#eef4fb;border:1px solid #c5d8ef;border-left:4px solid #2b6cb0;margin:1em 0}.callout.info-box h4{margin-bottom:.5em}.callout.info-box ul{margin:0}.renew-membership-box{border:1px solid #c5d8ef;border-left:4px solid #2b6cb0;background:#f7fafd;padding:.75em 1em}.renew-membership-box input[type="date"]{margin:0 .5em}.renew-membership-box .help-text{margin-top:.5em;margin-bottom:0;font-size:.85em;color:#555}.form-action{background:#F4F4F4;overflow:auto}.form-action .button,.form-action input[type="submit"]{width:auto;float:right;padding:1em 3em;margin:0 .5em}table{border-collapse:collapse;width:100%}th,td{border:1px solid #999;padding:.5em}.search-big-box{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:.5em}.search-big-box img{max-height:200px}.search-big-box form{background:rgba(255,255,255,0.5);-webkit-backdrop-filter:blur(1px) saturate(1.5);backdrop-filter:blur(1px) saturate(1.5);width:100%;padding:1em;border-radius:.5em}.home-promo-banner{width:90%}@media screen and (min-width: 760px){.search-big-box{padding:0em 3em 3em 3em}.search-big-box form{width:80%}.home-promo-banner{width:60%}}footer{background:#F5F5F5;color:#666;text-align:center;padding:1em}footer a{color:#3F8BB9;text-decoration:none}.membership-status-and-remarks{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem}.membership-popup-overlay{position:fixed;inset:0;z-index:1005;background:rgba(0,0,0,0.45)}.membership-popup{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1006;width:520px;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);overflow-y:auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 12px 36px rgba(0,0,0,0.25)}