:root{--panel:#fff;--admin-bg:#f3f6f5;--admin-ink:#173e37}.custom-logo{height:48px;max-width:220px;object-fit:contain}.logo{letter-spacing:-.7px}.logo .brand-light{font-weight:400}.product-media{min-width:0}.product-media .detail-image{min-height:380px}.gallery-thumbs{display:flex;gap:10px;padding:13px 0;overflow:auto}.gallery-thumbs button{width:64px;height:64px;border:1px solid var(--line);border-radius:7px;padding:6px;background:#fff}.gallery-thumbs img{width:100%;height:100%;object-fit:contain}.variant-picker{display:flex;flex-direction:column;gap:8px;font-size:14px;margin-top:20px}.variant-picker select{width:100%}.quick-dialog .product-media .detail-image{min-height:260px}.non-returnable{font-size:11px;background:#fff1df;padding:2px 5px;display:inline-block;color:#875c22}.saved-address-picker{display:flex;flex-direction:column;gap:7px;margin-bottom:20px;font-size:14px}.account-tools,.order-extra,.editor-buttons,.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.order-extra{margin-top:24px}.address-grid,.collection-directory,.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:30px 0}.address-grid .panel p{font-size:14px}.collection-directory .panel>img{width:100%;height:170px;object-fit:contain}.collection-directory h2{font-size:23px;margin-top:20px}.collection-directory p{font-size:14px;color:var(--muted)}.collection-directory span{font-size:13px}.blog-grid img{width:100%;height:190px;object-fit:contain;background:var(--cream);border-radius:6px}.blog-grid .eyebrow{margin-top:18px}.blog-grid h2{font-size:24px}.blog-grid p{font-size:14px;color:var(--muted)}.article-body{max-width:840px;margin:auto}.article-image{display:block;max-width:100%;max-height:450px;object-fit:contain;margin:25px auto;background:var(--cream);border-radius:10px}.article-body .prose{margin:28px 0}.article-body h2{margin-top:35px}.stock-alert-form{max-width:600px}.promo-dialog{max-width:480px;border-radius:16px}.promo-dialog>img{width:100%;height:220px;object-fit:contain;background:var(--cream)}.promo-dialog>div{padding:30px}.promo-dialog h2{font-size:28px}#extra-footer a{display:block;font-size:14px;margin:10px 0}#extra-footer small{display:block;font-size:12px;color:var(--muted);margin-top:16px}.footer-main{grid-template-columns:1.7fr repeat(4,1fr)}
body.is-admin{background:var(--admin-bg)}body.is-admin>.announcement,body.is-admin>header,body.is-admin>footer{display:none}body.is-admin #demo-note{font-size:12px}.admin-shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.admin-sidebar{background:#133b33;color:#f7fff9;padding:26px 16px;position:sticky;top:0;height:100vh;overflow:auto}.admin-brand{display:flex;gap:12px;align-items:center;font-size:23px;font-weight:800;padding:2px 8px 25px;letter-spacing:-.5px}.admin-brand .logo-mark{background:#f7ac37;color:#153e35;font-size:29px;width:38px;height:38px;line-height:38px}.admin-brand .logo-mark span{color:white}.admin-brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:3px;font-weight:400}.admin-user{font-size:14px;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;padding:17px 9px;margin-bottom:18px}.admin-user small{display:block;font-size:11px;color:#adc2b8;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.admin-sidebar nav{display:flex;flex-direction:column;gap:3px}.admin-sidebar nav button{display:flex;text-align:left;align-items:center;gap:12px;color:#d0ded6;padding:11px 13px;font-size:13px;border-radius:7px}.admin-sidebar nav button svg{width:17px;height:17px}.admin-sidebar nav button:hover{background:#ffffff12}.admin-sidebar nav button.active{background:#e9f1e7;color:#133b33;font-weight:bold}.admin-store-link{font-size:12px;display:block;padding:22px 12px}.admin-workspace{padding:30px 38px 70px;min-width:0}.admin-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.admin-topbar h1{font-size:31px;letter-spacing:-1px;margin:0}.admin-topbar .eyebrow{font-size:10px;color:#6c7b74;margin-bottom:10px}.admin-topbar .btn{padding:9px 13px;font-size:12px}.admin-workspace .panel{border-color:#e0e7e1;box-shadow:0 3px 9px #12332503}.admin-workspace .metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-workspace .metric{background:#fff;border:1px solid #e0e7e1;border-radius:10px;padding:22px}.admin-workspace .metric strong{font-size:28px;margin:13px 0}.admin-workspace .metric span{display:block;font-size:11px;color:var(--muted)}.overview-two,.integration-status{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin:25px 0}.overview-two h3{font-size:18px}.overview-two p{font-size:13px}.admin-workspace h2{font-size:23px}.admin-workspace table.data{background:white;border:1px solid var(--line);border-radius:8px;font-size:13px}.admin-workspace table.data th{background:#eaf0eb}.admin-workspace table.data small{font-size:11px;color:var(--muted)}.admin-workspace table.data td{vertical-align:middle}.admin-workspace table.data .wrap-cell{white-space:normal;min-width:200px;max-width:400px}.product-table-name{display:flex;align-items:center;gap:13px;min-width:230px;max-width:370px;white-space:normal!important}.product-table-name img{width:45px;height:45px;object-fit:contain}.table-search{width:100%;max-width:550px;margin-bottom:20px}.orders-search{display:grid;grid-template-columns:1fr 180px auto;gap:10px;margin-bottom:20px}.orders-search input{width:100%}.editor-form{max-width:1000px;margin:15px 0}.editor-form h2{margin-bottom:10px}.editor-form textarea{min-height:130px}.editor-form .note{margin:0}.editor-form .check-label{flex-direction:row;align-items:center;font-size:14px}.editor-form .check-label input{width:17px;height:17px;accent-color:var(--green)}.editor-buttons{margin:0}.editor-form input,.editor-form select,.editor-form textarea{font-size:14px}.upload-box{border:1px dashed #99afa3;border-radius:8px;min-height:95px;padding:15px;background:#f6faf5;position:relative;display:flex!important;justify-content:center;align-items:center;gap:7px;cursor:pointer;font-size:14px}.upload-box input{width:100%;border:0;background:none;padding:5px;font-size:12px}.upload-box small{font-size:11px;color:#697d70}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:25px}.media-grid .panel{padding:16px}.media-grid img{width:100%;height:130px;object-fit:contain}.media-grid code{font-size:11px;display:block;overflow-wrap:anywhere;margin-top:13px}.variant-row{display:grid;grid-template-columns:1.2fr 1fr .7fr .7fr .6fr auto;align-items:end;gap:10px;padding:15px 0;border-bottom:1px solid var(--line);margin-bottom:15px}.variant-row label{font-size:11px}.variant-row input{width:100%;padding:10px 7px;font-size:12px}.variant-row .mini-btn{padding:10px 7px}.spec-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;padding-bottom:14px}.spec-row .mini-btn{padding:10px}.admin-sidebar::-webkit-scrollbar{width:5px}.admin-sidebar::-webkit-scrollbar-thumb{background:#496d5e}.admin-workspace .button-row{margin:0}.admin-workspace .mini-btn{white-space:nowrap}.integration-status p{font-size:14px}.admin-actions .button-row{gap:8px}
html[data-theme=dark]{--ink:#e0e9e2;--muted:#a7b7ad;--line:#3a5147;--paper:#14271f;--cream:#20392d;--soft:#284634;--green:#245c48;--panel:#1b3327;--admin-bg:#12231b}html[data-theme=dark] .panel,html[data-theme=dark] .product-card,html[data-theme=dark] .admin-workspace .metric,html[data-theme=dark] dialog{background:var(--panel)}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#20382b;color:#edf5ef}html[data-theme=dark] .hero-main,html[data-theme=dark] .promo{color:#16392d}html[data-theme=dark] .product-image,html[data-theme=dark] .detail-image{background:#e5ecdf}html[data-theme=dark] .admin-workspace table.data{background:var(--panel)}html[data-theme=dark] .admin-workspace table.data th{background:#274232}html[data-theme=dark] .upload-box{background:#20382b}
@media(max-width:1150px){.admin-shell{grid-template-columns:205px minmax(0,1fr)}.admin-workspace{padding:25px 22px}.admin-workspace .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-brand{font-size:20px}.admin-sidebar nav button{font-size:12px;padding:10px}.variant-row{grid-template-columns:repeat(3,minmax(0,1fr))}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-main{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.admin-shell{display:block}.admin-sidebar{height:auto;position:static;padding:15px}.admin-brand{padding:0 0 14px}.admin-user{display:none}.admin-sidebar nav{flex-direction:row;overflow-x:auto;padding-bottom:7px}.admin-sidebar nav button{flex-shrink:0;padding:10px 12px}.admin-sidebar nav button svg{display:none}.admin-store-link{position:absolute;top:28px;right:20px;padding:0;font-size:11px}.admin-workspace{padding:22px 17px}.admin-topbar h1{font-size:28px}.overview-two,.integration-status{grid-template-columns:1fr}.admin-workspace .metric{padding:16px}.admin-workspace .metric strong{font-size:26px}.orders-search{grid-template-columns:1fr auto}.orders-search input{grid-column:1/-1}.admin-actions{align-items:start;flex-wrap:wrap}.variant-row{grid-template-columns:repeat(2,minmax(0,1fr))}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-workspace table.data th,.admin-workspace table.data td{padding:12px 9px}.editor-form{padding:20px 16px}.editor-form .form-grid{grid-template-columns:1fr}.address-grid,.collection-directory,.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-media .detail-image{min-height:280px}.quick-dialog .product-media .detail-image{min-height:200px}.footer-main{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.address-grid,.blog-grid,.collection-directory{grid-template-columns:1fr}.editor-form{grid-template-columns:1fr}.editor-form .full{grid-column:auto}.variant-row{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-row{grid-template-columns:1fr 1fr}.spec-row .mini-btn{grid-column:1/-1}.media-grid img{height:100px}.admin-topbar .btn svg{display:none}.admin-topbar .btn{font-size:11px;padding:7px 10px}.admin-workspace .metrics{gap:10px}.admin-workspace .metric small{font-size:11px}.admin-workspace .metric strong{font-size:24px}.admin-topbar{gap:10px}.admin-workspace .panel{padding:18px}.admin-sidebar .logo-mark{width:30px;height:30px;line-height:30px;font-size:25px}.admin-store-link{top:24px}.stock-alert-form{flex-direction:column}.stock-alert-form input{width:100%}.admin-workspace .button-row .btn{padding:8px 10px;font-size:12px}}