:root{--ink:#20221f;--muted:#686c65;--line:#dedfd9;--soft:#f4f4f1;--paper:#fff;--accent:#294c3b;--accent-2:#e4ece7;--danger:#a62f2f;--radius:14px;--shadow:0 14px 40px rgba(24,31,27,.07)}
.theme-preview-banner{position:relative;z-index:60;padding:9px 20px;background:#fff4c2;color:#463b00;text-align:center;font-size:13px;border-bottom:1px solid #e0cf7a}.theme-preview-banner a{font-weight:750;margin-left:8px}
.auth-help{justify-self:end;margin-top:-8px;color:var(--muted);font-size:13px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:3px}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.narrow{max-width:760px}.narrow-wide{max-width:980px}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-row{min-height:72px;display:grid;grid-template-columns:auto minmax(240px,1fr) auto;align-items:center;gap:28px}.brand{font-size:20px;font-weight:800;letter-spacing:-.04em;text-decoration:none}.header-search{display:flex;max-width:520px;justify-self:center;width:100%}.header-search input{min-width:0;flex:1;border:1px solid var(--line);border-radius:9px 0 0 9px;padding:10px 12px;background:var(--soft)}.header-search button{border:0;background:var(--ink);color:#fff;padding:0 16px;border-radius:0 9px 9px 0}.header-row nav,.footer-row nav{display:flex;gap:18px;align-items:center}.header-row nav a,.footer-row a{text-decoration:none}.count{display:inline-grid;place-items:center;background:var(--accent);color:#fff;border-radius:99px;min-width:20px;height:20px;font-size:11px}.hero{background:var(--soft);padding:clamp(70px,10vw,130px) 0}.hero .shell{max-width:850px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:12px;color:var(--accent);margin:0 0 10px}.hero h1,.section h1,.product-info h1,.auth-card h1,.error-page h1{font-size:clamp(34px,7vw,72px);line-height:1.02;letter-spacing:-.055em;margin:0 0 25px}.hero-search{display:flex;max-width:720px;gap:10px}.hero-search input{flex:1;min-width:0;padding:16px;border:1px solid #bfc2bb;border-radius:10px;background:#fff}.button,.small-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:var(--accent);color:#fff;font-weight:750;text-decoration:none;padding:12px 18px}.small-button{padding:8px 12px}.button.secondary{background:var(--accent-2);color:var(--accent)}.button:disabled{opacity:.45;cursor:not-allowed}.button.full{width:100%}.danger-button{background:var(--danger)!important;color:#fff!important}.section{padding:64px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.section-head h1,.section-head h2{margin:0}.section-head h2{font-size:28px;letter-spacing:-.035em}.category-row{display:flex;flex-wrap:wrap;gap:10px}.category-pill{padding:10px 15px;border:1px solid var(--line);border-radius:99px;text-decoration:none;background:#fff}.category-pill:hover{border-color:var(--accent)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px}.product-card{min-width:0}.product-image{aspect-ratio:1/1;background:var(--soft);display:grid;place-items:center;border-radius:var(--radius);overflow:hidden;text-decoration:none}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.product-image:hover img{transform:scale(1.025)}.product-card small{color:var(--muted);display:block;margin-top:12px}.product-card h3{font-size:16px;margin:4px 0 8px}.product-card h3 a{text-decoration:none}.price{font-weight:800}.price.large{font-size:30px}.price del{color:var(--muted);font-weight:400;margin-left:9px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-card{border:1px solid var(--line);border-radius:var(--radius);padding:24px;text-decoration:none}.category-card h2{margin:0}.category-card p{color:var(--muted);min-height:45px}.filter-bar,.toolbar,.toolbar form{display:flex;gap:10px;align-items:center}.filter-bar{padding:14px;background:var(--soft);border-radius:var(--radius);margin-bottom:28px}.filter-bar input,.filter-bar select,.toolbar input,.toolbar select{border:1px solid var(--line);background:#fff;padding:10px;border-radius:8px}.filter-bar input{flex:1}.pagination{display:flex;gap:6px;justify-content:center;margin-top:35px}.pagination a{min-width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;text-decoration:none}.pagination a.active{background:var(--ink);color:#fff}.empty{text-align:center;background:var(--soft);border-radius:var(--radius);padding:55px 24px;color:var(--muted)}.product-page{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(35px,7vw,90px);padding:55px 0}.main-image{aspect-ratio:1;background:var(--soft);border-radius:var(--radius);overflow:hidden;display:grid;place-items:center}.main-image img{width:100%;height:100%;object-fit:contain}.thumbs{display:flex;gap:10px;margin-top:10px}.thumbs img{width:72px;height:72px;object-fit:cover;background:var(--soft);border-radius:8px}.product-info h1{font-size:clamp(36px,5vw,60px)}.lead{font-size:18px;color:var(--muted)}.stock{color:#2c6b3e;font-weight:700}.stock.out{color:var(--danger)}.buy-box{display:grid;gap:16px;border-block:1px solid var(--line);padding:24px 0;margin:25px 0}.buy-box label,.stacked label,.form-grid label,.admin-form label,#manual-payment label{display:grid;gap:6px;font-weight:650}.buy-box input,.buy-box select,.stacked input,.stacked select,.stacked textarea,.form-grid input,.form-grid select,.form-grid textarea,.admin-form input,.admin-form select,.admin-form textarea,#manual-payment input{border:1px solid #bfc2bb;border-radius:8px;padding:11px;background:#fff}.buy-box input{width:100px}.button-row{display:flex;gap:10px;flex-wrap:wrap}.details h2{font-size:20px}.prose{white-space:normal;color:#464a44}.prose p{margin-block:0 1em}.cart-layout,.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:35px;align-items:start}.cart-line{display:grid;grid-template-columns:80px minmax(150px,1fr) auto auto;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:18px 0}.cart-line img{width:80px;height:80px;object-fit:cover;border-radius:8px;background:var(--soft)}.cart-line div>*{display:block}.cart-line div a{text-decoration:none}.cart-line form{display:flex;align-items:center;gap:7px}.cart-line input{width:60px;padding:7px;border:1px solid var(--line);border-radius:7px}.link-button{border:0;background:none;padding:5px;color:inherit;text-decoration:underline}.danger{color:var(--danger)}.summary{border:1px solid var(--line);border-radius:var(--radius);padding:22px;position:sticky;top:96px}.summary>div,.order-line{display:flex;justify-content:space-between;gap:20px;margin:11px 0}.summary p,.summary small{color:var(--muted)}.panel{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:#fff;margin-bottom:20px}.panel h2:first-child{margin-top:0}.checkout-forms{min-width:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .wide{grid-column:1/-1}.choice{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:12px!important;border:1px solid var(--line);padding:15px;border-radius:10px;margin:10px 0}.choice input{margin-top:5px}.choice span{display:grid;flex:1}.choice small{color:var(--muted)}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:9px!important;margin-top:15px}.check input{width:auto}.top{align-self:end;padding-bottom:12px}.grand{font-size:18px}.order-review hr,.panel hr{border:0;border-top:1px solid var(--line)}.success-page{text-align:center}.success-mark{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--accent-2);color:var(--accent);font-size:34px;margin:0 auto 20px}.auth-wrap{min-height:calc(100vh - 145px);background:var(--soft);display:grid;place-items:center;padding:45px 20px}.auth-card{width:min(460px,100%);background:#fff;border-radius:var(--radius);padding:clamp(25px,5vw,45px);box-shadow:var(--shadow)}.auth-card h1{font-size:40px}.stacked{display:grid;gap:16px}.auth-switch{text-align:center}.alert{padding:12px 16px;border-radius:8px;margin-top:18px}.alert.success{background:#e3f1e7;color:#205d32}.alert.error{background:#fde8e5;color:#892626}.account-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:35px}.account-nav{display:grid;align-content:start;position:sticky;top:95px}.account-nav a{padding:9px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px 10px;vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}td small{display:block;color:var(--muted)}.badge{display:inline-flex;text-transform:capitalize;padding:4px 8px;border-radius:99px;background:var(--soft);font-size:12px}.large-badge{font-size:14px;padding:8px 12px}.order-columns,.two-columns{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.timeline{border-left:2px solid var(--line);padding-left:22px;list-style:none}.timeline li{position:relative;margin:18px 0}.timeline li:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent);position:absolute;left:-27px;top:7px}.timeline small{display:block;color:var(--muted)}footer{border-top:1px solid var(--line);padding:30px 0;margin-top:40px}.footer-row{display:flex;justify-content:space-between;color:var(--muted)}.error-page{text-align:center;padding-block:100px}
.brand{display:inline-flex;align-items:center;gap:9px}.brand-logo{width:34px;height:34px;object-fit:contain;border-radius:7px}.settings-logo{width:auto;max-width:180px;max-height:80px;object-fit:contain;margin-top:8px;border:1px solid var(--line);border-radius:8px;padding:6px}
/* Admin */
.admin{background:var(--soft)}.admin-top{height:64px;background:var(--ink);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 25px;position:sticky;top:0;z-index:40}.admin-layout{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:calc(100vh - 64px)}.admin-layout>aside{background:#fff;border-right:1px solid var(--line);padding:20px;position:sticky;top:64px;height:calc(100vh - 64px)}.admin-layout>aside nav{display:grid}.admin-layout>aside a,.admin-layout>aside .link-button{text-align:left;padding:10px;text-decoration:none;border-radius:7px}.admin-layout>aside a:hover{background:var(--soft)}.admin-main{padding:30px;min-width:0;max-width:1500px}.page-heading h1{font-size:34px;letter-spacing:-.04em}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px}.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}.stat span{display:block;color:var(--muted)}.stat strong{font-size:27px}.admin-split{display:flex;gap:20px;align-items:flex-start}.admin-split>.panel:first-child{width:320px;flex:0 0 auto}.grow{flex:1;min-width:0}.toolbar{justify-content:space-between;margin-bottom:16px}.inline-edit{display:grid;gap:8px;margin-top:10px;min-width:250px}.inline-edit input,.inline-edit select,.inline-edit textarea,.wide-input{border:1px solid var(--line);border-radius:7px;padding:8px}.admin-form{max-width:1000px}.admin-form textarea{resize:vertical}.image-admin-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}.image-admin-grid img{aspect-ratio:1;object-fit:cover;border-radius:8px;background:var(--soft)}.sticky-actions{position:sticky;bottom:0;background:rgba(244,244,241,.94);padding:14px 0;display:flex;justify-content:flex-end;gap:10px;backdrop-filter:blur(9px)}code{background:var(--soft);padding:2px 5px;border-radius:4px}.edit-card{border-bottom:1px solid var(--line);padding:12px 0}.edit-card summary{display:flex;justify-content:space-between}.admin .pagination{justify-content:flex-start}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(3,1fr)}.stat-grid{grid-template-columns:repeat(3,1fr)}.header-row{gap:16px}.header-row nav{gap:10px}.header-row nav a:first-child{display:none}.admin-split{display:block}.admin-split>.panel:first-child{width:auto}.image-admin-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.admin-layout{display:block}.admin-layout>aside{position:static;height:auto;padding:8px;overflow:auto;border:0;border-bottom:1px solid var(--line)}.admin-layout>aside nav{display:flex;min-width:max-content}.admin-layout>aside a,.admin-layout>aside .link-button{padding:9px}.admin-main{padding:24px 18px}.toolbar,.toolbar form{flex-wrap:wrap}}
@media(max-width:760px){.shell{width:min(100% - 28px,1180px)}.header-row{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:8px 12px;min-height:62px;padding-top:10px}.header-row .brand{grid-column:1;grid-row:1;white-space:nowrap;font-size:18px;min-width:0;overflow:hidden}.header-row .brand span{overflow:hidden;text-overflow:ellipsis}.header-row nav{grid-column:2;grid-row:1;font-size:13px}.header-search{grid-column:1/-1;grid-row:2;width:100%;max-width:none;justify-self:stretch;padding-bottom:10px}.header-row nav a:first-child{display:none}.hero{padding:65px 0}.hero-search{display:grid}.section{padding:42px 0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.category-grid{grid-template-columns:1fr}.product-page{grid-template-columns:1fr;padding-top:25px}.cart-layout,.checkout-layout,.order-columns,.two-columns,.account-layout{grid-template-columns:minmax(0,1fr)}.account-layout>*{min-width:0}.summary{position:static}.cart-line{grid-template-columns:60px 1fr auto}.cart-line img{width:60px;height:60px}.cart-line form{grid-column:2/-1}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.footer-row{display:grid;gap:15px}.footer-row nav{flex-wrap:wrap}.admin-top{padding:0 14px}.admin-top span{font-size:12px}.admin-layout{display:block}.admin-layout>aside{position:static;height:auto;padding:8px;overflow:auto;border:0;border-bottom:1px solid var(--line)}.admin-layout>aside nav{display:flex;min-width:max-content}.admin-layout>aside a,.admin-layout>aside .link-button{padding:8px}.admin-main{padding:18px 12px}.stat-grid{grid-template-columns:repeat(2,1fr)}.toolbar,.toolbar form,.filter-bar{align-items:stretch;flex-direction:column}.image-admin-grid{grid-template-columns:repeat(3,1fr)}.account-nav{position:static;display:flex;gap:14px;overflow:auto}}
@media(max-width:430px){.product-grid{grid-template-columns:1fr 1fr}.product-card h3{font-size:14px}.price{font-size:14px}.header-row nav{gap:7px}.stat-grid{grid-template-columns:1fr}.cart-line{grid-template-columns:1fr}.cart-line img{width:100%;height:auto;aspect-ratio:2/1}.cart-line form{grid-column:auto}.hero h1{font-size:48px}.image-admin-grid{grid-template-columns:repeat(2,1fr)}}
.theme-upload-form{display:flex;gap:12px;align-items:center;margin:16px 0 8px}.theme-upload-form input{padding:10px;border:1px solid var(--line);border-radius:9px;max-width:100%}.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.theme-card{padding:0;overflow:hidden}.theme-preview-image,.theme-default-preview{width:100%;aspect-ratio:16/8;object-fit:cover;background:var(--soft);border-bottom:1px solid var(--line)}.theme-default-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:32px;background:#f4f4f1;align-items:end}.theme-default-preview span{grid-column:1/-1;align-self:start;font-weight:900;font-size:24px;letter-spacing:-.05em}.theme-default-preview i{display:block;height:66px;border-radius:12px;background:#fff;border:1px solid #dedfd9}.theme-default-preview i:first-of-type{height:90px;background:#294c3b}.theme-card-body{padding:22px}.theme-card .section-head{align-items:flex-start;margin-bottom:12px}.theme-card .section-head h2{font-size:23px}.theme-card p{color:var(--muted)}.theme-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.theme-meta div{min-width:0}.theme-meta dt{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.theme-meta dd{margin:2px 0 0}.theme-card .button-row{align-items:center;gap:8px}.theme-card .button-row form{margin:0}.theme-preview-status{display:flex;justify-content:space-between;align-items:center;gap:20px;border-color:#d3bd49;background:#fffbed}.theme-preview-status small{display:block;color:var(--muted)}
@media(max-width:760px){.theme-grid{grid-template-columns:1fr}.theme-upload-form,.theme-preview-status{align-items:stretch;flex-direction:column}.theme-meta{grid-template-columns:1fr}}
.supplier-portal{background:var(--soft)}.supplier-top{min-height:64px;padding:10px max(18px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--ink);color:#fff;position:sticky;top:0;z-index:30}.supplier-top nav{display:flex;align-items:center;gap:16px}.supplier-top form{margin:0}.supplier-main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:30px 0 60px}.supplier-hero{padding:20px 0}.supplier-hero h1{font-size:clamp(36px,7vw,64px);line-height:1;margin:0 0 14px;letter-spacing:-.05em}.supplier-job-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.supplier-job-grid>.empty{grid-column:1/-1}.supplier-job-card{display:grid;align-content:start}.supplier-job-card h2{margin-bottom:4px}.supplier-note{padding:10px;border-radius:8px;background:#fff7d6;color:#594900;font-size:13px}.supplier-section{margin-top:34px}.job-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.job-facts div{min-width:0;padding:10px;background:var(--soft);border-radius:8px}.job-facts dt{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.job-facts dd{margin:3px 0 0;font-weight:750}.check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.badge.danger{background:#fde8e5;color:#892626}
@media(max-width:900px){.supplier-job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.supplier-top{align-items:flex-start}.supplier-top nav{align-items:flex-end;display:grid;text-align:right;gap:3px}.supplier-top nav>a{display:none}.supplier-main{width:min(100% - 22px,1180px);padding-top:16px}.supplier-job-grid{grid-template-columns:1fr}.job-facts{grid-template-columns:1fr 1fr}.check-grid{grid-template-columns:1fr}}
.warranty-box{margin:.5rem 0 1.25rem;padding:.9rem 1rem;border:1px solid var(--border,#dfe3e8);border-radius:.65rem;background:var(--surface,#fff)}
.warranty-box p{margin:.25rem 0 .75rem}.warranty-box details{margin-top:.5rem}.warranty-box summary{cursor:pointer;font-weight:700}
/* Supplier Portal V1.3.4 operational workspace */
.supplier-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.supplier-stat{text-decoration:none}.supplier-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.supplier-product-grid>div{display:grid;min-width:0;padding:12px;background:var(--soft);border-radius:9px}.supplier-product-grid span{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.supplier-product-grid small{color:var(--muted)}.supplier-product-actions{margin-top:20px}.supplier-product-actions form{padding:18px;background:var(--soft);border-radius:10px}.supplier-notification{display:flex;align-items:center;justify-content:space-between;gap:20px}.supplier-notification.unread{border-left:5px solid var(--accent)}.supplier-notification h2{margin-bottom:4px}.supplier-notification p{margin:0 0 6px}.supplier-identity{font-weight:800;text-transform:uppercase;white-space:nowrap}.supplier-nav{min-width:0;overflow-x:auto;white-space:nowrap}.supplier-nav a{text-decoration:none}
@media(max-width:1000px){.supplier-stat-grid,.supplier-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.supplier-top{align-items:flex-start;flex-direction:column}.supplier-top nav{width:100%;padding-bottom:4px}}
@media(max-width:620px){.supplier-top nav.supplier-nav{display:flex;align-items:center;text-align:left;gap:14px;overflow-x:auto}.supplier-top nav.supplier-nav>a{display:inline-flex}.supplier-identity{order:-1}.supplier-notification{align-items:flex-start;flex-direction:column}}
@media(max-width:430px){.supplier-stat-grid,.supplier-product-grid{grid-template-columns:1fr}.supplier-product-actions{grid-template-columns:1fr}}