:root{--bg:#11181c;--surface:#1d272c;--surface-2:#253238;--border:#45555c;--text:#f4f7f8;--muted:#adc0c8;--primary:#39c7ad;--primary-dark:#078b77;--soft:rgba(57,199,173,.12);--danger:#ff8091;--warning:#f1c86b;--shadow:0 16px 36px rgba(0,0,0,.18);font:14px/1.5 Inter,Segoe UI,Arial,sans-serif;color-scheme:dark}
[hidden]{display:none!important}
*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg)}a{color:var(--primary)}button,input,select,textarea{font:inherit}.skip{position:fixed;z-index:99;top:-50px;left:20px;padding:8px;color:#071512;background:var(--primary)}.skip:focus{top:10px}.portal-shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.portal-sidebar{position:sticky;top:0;height:100vh;padding:16px 12px;background:#1a292f;border-right:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;margin-bottom:28px;color:#fff;text-decoration:none}.brand>span{display:grid;width:42px;height:42px;place-items:center;color:#fff;background:linear-gradient(145deg,var(--primary-dark),var(--primary));border:1px solid #55e5ca;font-size:20px;font-weight:800}.brand strong{font-size:16px}.brand small{display:block;color:#b9d3da;font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}#nav{display:grid;gap:3px}#nav a{display:flex;gap:10px;align-items:center;padding:10px 12px;color:#c9d9de;border-left:3px solid transparent;text-decoration:none}#nav a:hover,#nav a.active{color:#fff;background:var(--soft);border-left-color:var(--primary)}#nav i{width:19px;color:var(--primary);font-style:normal;text-align:center}.privacy-note{position:absolute;right:12px;bottom:18px;left:12px;padding:12px;background:rgba(0,0,0,.12);border:1px solid var(--border)}.privacy-note strong,.privacy-note small{display:block}.privacy-note small{margin-top:4px;color:var(--muted);font-size:10px}.portal-workspace{display:grid;grid-template-rows:64px minmax(0,1fr) 28px;min-width:0;min-height:100vh}.portal-topbar{position:sticky;z-index:10;top:0;display:flex;align-items:center;gap:12px;padding:0 18px;background:rgba(29,39,44,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(10px)}.portal-search{position:relative;display:flex;align-items:center;gap:8px;width:min(680px,60vw);padding:0 11px;border:1px solid var(--border);background:var(--bg)}.portal-search input{width:100%;height:36px;color:var(--text);background:transparent;border:0;outline:0}.portal-search #search-results{position:absolute;z-index:20;top:42px;right:0;left:0;max-height:400px;overflow:auto;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.search-result{display:block;padding:10px 12px;color:var(--text);border-bottom:1px solid var(--border);text-decoration:none}.search-result small{display:block;color:var(--muted)}.top-actions{display:flex;gap:8px;align-items:center;margin-left:auto}.icon-button,.account,.button{min-height:36px;padding:7px 12px;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;text-decoration:none}.icon-button:hover,.account:hover,.button:hover{border-color:var(--primary)}.icon-button{position:relative;min-width:38px}.icon-button b{position:absolute;top:-7px;right:-6px;min-width:18px;padding:1px 5px;color:#fff;background:var(--danger);border-radius:10px;font-size:10px}.account{display:flex;align-items:center;gap:8px}.account span{display:grid;width:28px;height:28px;place-items:center;background:var(--soft);border:1px solid var(--primary);font-size:10px}.floating-panel{position:absolute;z-index:30;top:57px;right:18px;width:min(390px,calc(100vw - 30px));max-height:520px;overflow:auto;padding:10px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}#content{min-width:0;padding:22px}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px;padding-bottom:15px;border-bottom:1px solid var(--border)}.page-header small{color:var(--primary);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.page-header h1{margin:3px 0;font-size:28px;line-height:1.2}.page-header p{margin:0;color:var(--muted)}.actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.button.primary{color:#06211c;background:var(--primary);border-color:var(--primary);font-weight:700}.button.danger{color:var(--danger)}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:15px}.summary{display:block;padding:15px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--primary);text-decoration:none}.summary small,.summary span{display:block;color:var(--muted);font-size:10px}.summary strong{display:block;margin:5px 0;font-size:22px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.panel{margin-bottom:13px;padding:16px;background:var(--surface);border:1px solid var(--border);box-shadow:0 5px 18px rgba(0,0,0,.08)}.panel h2,.panel h3{margin-top:0}.panel-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.list{margin:0;padding:0;list-style:none}.list li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--border)}.list li:first-child{border-top:0}.list small{display:block;color:var(--muted)}.status{display:inline-block;padding:2px 7px;color:var(--muted);background:var(--surface-2);border-radius:10px;font-size:10px}.status.good{color:var(--primary)}.status.warn{color:var(--warning)}.status.bad{color:var(--danger)}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:10px;border:1px solid var(--border);text-align:left;white-space:nowrap}.data-table th{color:#cfe0e5;background:var(--surface-2);font-size:10px;text-transform:uppercase}.data-table a{color:var(--text)}.empty{padding:45px 20px;color:var(--muted);text-align:center;background:var(--surface);border:1px dashed var(--border)}.empty strong{display:block;color:var(--text);font-size:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:700}.input,.select,.field input,.field select,.field textarea{width:100%;min-height:38px;padding:8px 10px;color:var(--text);background:var(--bg);border:1px solid var(--border)}.field textarea{min-height:180px}.field-help{color:var(--muted);font-size:10px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.article{line-height:1.7}.article img{max-width:100%}.project-lock{padding:11px 13px;color:var(--warning);background:rgba(241,200,107,.08);border:1px solid rgba(241,200,107,.4)}.timeline{display:grid;gap:10px}.timeline article{padding-left:18px;border-left:3px solid var(--primary)}.photo-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:13px}.gallery-card{display:block;overflow:hidden;color:var(--text);background:var(--surface);border:1px solid var(--border);text-decoration:none}.gallery-cover{display:grid;height:150px;place-items:center;color:var(--primary);background:linear-gradient(145deg,var(--surface-2),var(--soft));font-size:40px}.gallery-card>div:last-child{padding:13px}.gallery-card h2{margin:5px 0}.gallery-card p{color:var(--muted)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.photo{overflow:hidden;background:var(--surface);border:1px solid var(--border)}.photo img{display:block;width:100%;height:190px;object-fit:cover}.photo div{padding:9px}.photo small{display:block;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.wiki-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:13px}.wiki-tree{position:sticky;top:84px;align-self:start;max-height:calc(100vh - 110px);overflow:auto}.wiki-tree ul{margin:0;padding-left:13px;list-style:none}.wiki-tree a{display:block;padding:6px 8px;color:var(--text);border-left:2px solid transparent;text-decoration:none}.wiki-tree a:hover,.wiki-tree a.active{color:var(--primary);background:var(--soft);border-left-color:var(--primary)}.ticket-message{margin:10px 0;padding:13px;background:var(--surface-2);border-left:3px solid var(--border)}.ticket-message.customer{border-left-color:var(--primary)}.attachment-box{margin-top:8px;padding:10px;background:var(--surface-2);border:1px dashed var(--border)}.attachment-box input{max-width:100%}.attachment-list a{display:block;padding:5px 0}.notification{display:block;padding:10px;color:var(--text);border-bottom:1px solid var(--border);text-decoration:none}.notification.unread{background:var(--soft)}.notification small{display:block;color:var(--muted)}.login-view{display:grid;min-height:100vh;place-items:center;padding:20px}.login-card{width:min(430px,100%);padding:28px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.login-card .brand{margin-bottom:18px}.login-card button{width:100%;margin-top:14px}footer{display:flex;gap:14px;align-items:center;padding:0 14px;color:var(--muted);background:#152126;border-top:1px solid var(--border);font-size:10px}footer time{margin-left:auto}footer i{display:inline-block;width:7px;height:7px;margin-right:5px;background:var(--primary);border-radius:50%}#toasts{position:fixed;z-index:90;right:18px;bottom:40px;display:grid;gap:7px}.toast{max-width:420px;padding:12px 15px;background:var(--surface-2);border:1px solid var(--border);border-left:4px solid var(--primary);box-shadow:var(--shadow)}.toast.error{border-left-color:var(--danger)}#menu,#overlay{display:none}.note-editor.note-frame{border-color:var(--border)!important}.note-toolbar{background:var(--surface-2)!important}.note-editor .note-editing-area .note-editable{color:var(--text)!important;background:var(--bg)!important}
.muted{color:var(--muted)}.danger-text{color:var(--danger)}.button.small{min-height:30px;padding:4px 8px;font-size:11px}.filter-bar,.view-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:13px;padding:10px;background:var(--surface);border:1px solid var(--border)}.filter-bar .input,.filter-bar .select{min-width:150px}.filter-bar .input{flex:1}.view-toolbar{justify-content:space-between}.view-toolbar small{display:block;color:var(--muted)}.segmented{display:flex}.segmented a{padding:7px 11px;color:var(--text);border:1px solid var(--border);text-decoration:none}.segmented a+a{border-left:0}.segmented a.active{color:#06211c;background:var(--primary);border-color:var(--primary)}.tabs{display:flex;gap:2px;margin-bottom:14px;overflow-x:auto;border-bottom:1px solid var(--border)}.tab{flex:0 0 auto;padding:9px 13px;color:var(--muted);border:1px solid transparent;border-bottom:0;text-decoration:none}.tab:hover,.tab.active{color:var(--text);background:var(--surface);border-color:var(--border);border-top-color:var(--primary)}.sub-tabs{margin-top:-5px}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.portfolio-card{display:block;padding:16px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--primary);text-decoration:none}.portfolio-card:hover{border-color:var(--primary);box-shadow:var(--shadow)}.portfolio-card h2{margin:4px 0}.portfolio-card small{color:var(--muted)}.progress{height:7px;margin:12px 0;overflow:hidden;background:var(--bg);border:1px solid var(--border)}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--primary-dark),var(--primary))}.project-card-counts,.card-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px}.project-card-counts{margin:10px 0;padding:8px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.content-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:13px}.detail-list{display:grid}.detail-row{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-top:1px solid var(--border)}.detail-row:first-child{border-top:0}.detail-row span{color:var(--muted)}.detail-row strong{text-align:right}.task-board{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:10px;overflow-x:auto}.task-column{min-height:360px;padding:12px;background:var(--surface-2);border:1px solid var(--border)}.task-column h3{margin:0}.task-card{display:grid;gap:7px;margin-bottom:8px;padding:11px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--primary);text-decoration:none}.task-card.editable{cursor:grab}.task-card:hover{border-color:var(--primary)}.task-card small{color:var(--muted)}.document-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.checklist{display:grid;gap:7px;margin:12px 0 0;padding:0;list-style:none}.checklist li{display:flex;gap:9px;align-items:center;padding:8px;background:var(--surface-2);border:1px solid var(--border)}.checkbox-field{align-content:end;min-height:62px}.article details,.data-table details{white-space:normal}.data-table .article{max-width:420px;white-space:normal}.field input[type=file]{padding:7px}.actions .button{white-space:nowrap}
.table-sort-button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:0;color:inherit;background:none;border:0;font:inherit;text-align:left;cursor:pointer}.table-sort-button i{color:var(--primary);font-style:normal}
@media(max-width:1100px){.task-board{grid-template-columns:repeat(5,240px)}.content-grid{grid-template-columns:1fr}}
@media(max-width:900px){.portal-shell{grid-template-columns:1fr}.portal-sidebar{position:fixed;z-index:50;left:-255px;width:245px;transition:left .18s}.portal-sidebar.open{left:0}#menu,#overlay{display:block}#overlay{position:fixed;z-index:40;inset:0;background:rgba(0,0,0,.55);border:0}.portal-search{width:100%}.account strong{display:none}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid,.wiki-layout,.content-grid{grid-template-columns:1fr}.wiki-tree{position:static;max-height:none}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.filter-bar{align-items:stretch;flex-direction:column}.filter-bar .input,.filter-bar .select{width:100%}.project-tabs{margin-right:-22px}}
@media(max-width:560px){#content{padding:14px}.summary-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column}.photo-grid,.photo-gallery-grid,.portfolio-grid{grid-template-columns:1fr}.portal-topbar{padding:0 9px}.portal-search{min-width:0}.portal-search span{display:none}.view-toolbar{align-items:stretch;flex-direction:column}.segmented a{flex:1;text-align:center}.project-tabs{margin-right:-14px}.detail-row{align-items:flex-start;flex-direction:column}.detail-row strong{text-align:left}}
.account-form{display:grid;gap:14px}.account-form>.panel{margin:0}.account-security-note{padding:12px 14px;color:var(--muted);background:var(--soft);border:1px solid rgba(57,199,173,.38)}.account-security-note strong{display:block;margin-bottom:3px;color:var(--text)}
.customer-checklist-editor{display:flex;align-items:center;gap:8px;width:100%}.customer-checklist-editor>.input{flex:1;min-width:160px;min-height:34px}.customer-checklist-editor>input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.customer-checklist-add{display:flex;align-items:end;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.customer-checklist-add>.field{flex:1}.customer-checklist-add>.button{flex:0 0 auto}
@media(max-width:560px){.customer-checklist-editor{align-items:stretch;flex-wrap:wrap}.customer-checklist-editor>.input{flex:1 1 calc(100% - 34px)}.customer-checklist-editor>.button{flex:1}.customer-checklist-add{align-items:stretch;flex-direction:column}}
.customer-ticket-board{display:grid;grid-template-columns:repeat(5,minmax(240px,1fr));gap:10px;overflow-x:auto}.customer-ticket-column{min-height:360px;padding:12px;background:var(--surface-2);border:1px solid var(--border)}.customer-ticket-card{display:grid;gap:8px;margin-bottom:9px;padding:12px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--primary);text-decoration:none}.customer-ticket-card:hover{border-color:var(--primary)}.customer-ticket-card small{color:var(--muted)}.customer-ticket-thread{display:grid;gap:12px}.customer-ticket-message{width:min(88%,860px);padding:14px;background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--primary)}.customer-ticket-message.mine{justify-self:end;background:var(--soft);border-right:3px solid var(--primary);border-left:1px solid var(--border)}.customer-ticket-message.team{justify-self:start}.customer-ticket-message .panel-header{align-items:flex-start}.customer-ticket-message .panel-header small,.customer-ticket-message time{color:var(--muted);font-size:10px}.customer-ticket-message .article{overflow-wrap:anywhere}.customer-ticket-channel>strong{display:block;margin:8px 0;color:var(--primary);font-size:18px}.customer-ticket-tips{margin:0;padding-left:20px;color:var(--muted)}.customer-ticket-tips li{margin:7px 0}.customer-ticket-detail aside,.customer-ticket-create aside{align-self:start}.customer-ticket-help .button{display:inline-block;margin-top:5px}
@media(max-width:1100px){.customer-ticket-board{grid-template-columns:repeat(5,240px)}}
@media(max-width:560px){.customer-ticket-message{width:100%}.customer-ticket-message.mine{border-left:1px solid var(--border)}.customer-ticket-create .form-actions{align-items:stretch;flex-direction:column}.customer-ticket-create .form-actions .button{text-align:center}}
.login-shell{width:min(1040px,100%)}.login-shell>header{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:20px}.login-shell>header .brand{flex:0 0 auto;margin:0}.login-shell>header h1{margin:0;font-size:clamp(28px,5vw,48px)}.login-shell>header p{max-width:620px;margin:6px 0 0;color:var(--muted)}.login-grid{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(420px,1.22fr);gap:14px;align-items:start}.login-grid .login-card{width:100%;height:100%}.login-card>small,.commerce-intro small,.product-action>small{color:var(--primary);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.login-card h2{margin:5px 0}.login-card p{color:var(--muted)}.login-error{padding:10px 13px;color:var(--danger);background:rgba(255,128,145,.08);border:1px solid rgba(255,128,145,.4)}.login-home{text-align:center}.consent{display:flex;align-items:flex-start;gap:9px;margin-top:15px;color:var(--muted);font-size:12px}.consent input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--primary)}
.commerce-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(360px,1fr);gap:24px;align-items:center;margin-bottom:14px;padding:22px;background:linear-gradient(135deg,rgba(57,199,173,.16),rgba(29,39,44,.45));border:1px solid rgba(57,199,173,.35);border-top:3px solid var(--primary)}.commerce-intro h2{margin:5px 0;font-size:clamp(22px,3vw,34px)}.commerce-intro p{max-width:760px;margin-bottom:0;color:var(--muted)}.commerce-intro ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}.commerce-intro li{display:flex;align-items:center;gap:10px;padding:10px;background:rgba(17,24,28,.52);border:1px solid var(--border)}.commerce-intro li strong{display:grid;width:28px;height:28px;place-items:center;color:#06211c;background:var(--primary)}.commerce-filter{display:grid;grid-template-columns:minmax(260px,1fr) 220px auto auto;gap:8px;align-items:end;margin-bottom:10px;padding:12px;background:var(--surface);border:1px solid var(--border)}.commerce-filter label{display:grid;gap:4px}.commerce-filter label>span{font-size:10px;font-weight:800;text-transform:uppercase}.commerce-results{display:flex;justify-content:space-between;gap:12px;margin:12px 0;color:var(--muted)}.commerce-results strong{color:var(--text)}.commerce-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:13px}.commerce-card{overflow:hidden;background:var(--surface);border:1px solid var(--border);transition:transform .16s,border-color .16s,box-shadow .16s}.commerce-card:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:var(--shadow)}.commerce-card.featured{border-top:3px solid var(--primary)}.commerce-media{position:relative;display:block;height:180px;overflow:hidden;background:var(--surface-2)}.commerce-media img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.commerce-card:hover .commerce-media img{transform:scale(1.035)}.commerce-media>span{position:absolute;bottom:10px;left:10px;padding:4px 8px;color:#06211c;background:var(--primary);font-size:10px;font-weight:800;text-transform:uppercase}.commerce-card-body{display:grid;gap:10px;padding:15px}.commerce-card-body h2{margin:0;line-height:1.25}.commerce-card-body h2 a{color:var(--text);text-decoration:none}.commerce-card-body p{min-height:42px;margin:0;color:var(--muted)}.commerce-meta,.commerce-card-footer{display:flex;justify-content:space-between;gap:10px;align-items:center}.commerce-meta{color:var(--muted);font-size:10px;text-transform:uppercase}.commerce-meta strong{color:var(--primary)}.commerce-card-footer{padding-top:11px;border-top:1px solid var(--border)}.commerce-card-footer>strong{font-size:18px}.checkout-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px;padding:0;list-style:none}.checkout-steps li{display:flex;gap:10px;align-items:center;padding:11px;color:var(--muted);background:var(--surface);border:1px solid var(--border)}.checkout-steps li span{display:grid;width:26px;height:26px;place-items:center;background:var(--surface-2);border:1px solid var(--border)}.checkout-steps li.active{color:var(--text);border-color:var(--primary)}.checkout-steps li.active span,.checkout-steps li.done span{color:#06211c;background:var(--primary);border-color:var(--primary)}.product-layout,.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,390px);gap:14px;align-items:start}.commerce-detail{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:20px}.commerce-detail>img{width:100%;height:100%;max-height:440px;object-fit:cover;background:var(--surface-2)}.commerce-detail h2{margin:7px 0;font-size:clamp(24px,3vw,38px)}.commerce-detail .lead{color:var(--muted);font-size:16px}.product-action,.checkout-side{position:sticky;top:78px;display:grid;gap:10px}.product-action>strong,.checkout-total strong{font-size:28px}.product-action>span,.product-action>p,.tax-note{color:var(--muted)}.product-action .button{text-align:center}.checkout-side>img{width:100%;height:190px;object-fit:cover;background:var(--surface-2)}.checkout-side h2,.checkout-side p{margin:0}.checkout-total,.checkout-address{display:grid;gap:4px;padding-top:12px;border-top:1px solid var(--border)}.checkout-total span,.checkout-address span{color:var(--muted);font-size:10px;text-transform:uppercase}.checkout-address small{color:var(--muted)}.checkout-review{margin-bottom:15px;padding:8px 12px;background:var(--surface-2);border:1px solid var(--border)}.commerce-facts .detail-row{align-items:flex-start}.commerce-facts .detail-row span{min-width:130px}.commerce-facts .detail-row strong{max-width:75%;font-weight:500}.tax-note{font-size:11px}
@media(max-width:980px){.login-grid,.commerce-intro,.product-layout,.checkout-layout,.commerce-detail{grid-template-columns:1fr}.product-action,.checkout-side{position:static}.commerce-filter{grid-template-columns:1fr 1fr auto auto}}
@media(max-width:620px){.login-shell>header{align-items:flex-start;flex-direction:column;gap:14px}.login-grid,.commerce-filter{grid-template-columns:1fr}.login-card{padding:20px}.checkout-steps li{justify-content:center}.checkout-steps li strong{display:none}.commerce-results{align-items:flex-start;flex-direction:column}.commerce-detail{padding:12px}.commerce-detail>img{max-height:270px}.commerce-facts .detail-row strong{max-width:none}.form-actions{align-items:stretch;flex-direction:column}.form-actions .button{text-align:center}}