@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap');
:root{--blue:#0759db;--navy:#10274a;--orange:#ff8b24;--muted:#6c7c91}*{box-sizing:border-box}body{margin:0;background:#f5f8fc;color:var(--navy);font:15px 'Noto Sans Thai',sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:9px;padding:11px 18px;background:#eaf1fc;color:var(--navy);font-weight:600}button:hover{filter:brightness(.95)}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;padding:22px 6%;background:white;gap:20px;border-bottom:1px solid #e4eaf2}.brand{font-size:30px;font-weight:800;letter-spacing:-1px;line-height:1}.brand b{color:var(--orange)}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:7px}nav{display:flex;gap:8px}nav button{background:none;color:#65748b}nav button.active{color:var(--blue);background:#edf4ff}#count{background:var(--blue);color:white;padding:1px 7px;border-radius:20px}.notice{text-align:center;font-size:11px;padding:7px;color:#7b6d51;background:#fff8e9}main{max-width:1280px;margin:auto;padding:32px 36px 60px}.hero{background:linear-gradient(115deg,#0b2348,#0759db);border-radius:24px;color:white;display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden;min-height:360px}.heroText{padding:42px 45px;position:relative}.eyebrow{font-size:11px;letter-spacing:3px;color:#8dd7ff;font-weight:700}.hero h1{font-size:45px;line-height:1.35;margin:15px 0}.hero h1 em{font-style:normal;color:#ffc285}.hero p{color:#c3d4ef;max-width:420px}.primary{background:var(--blue);color:white}.hero .primary{background:white;color:var(--blue);margin-top:15px}.heroArt{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#388bff99,transparent 65%);min-height:300px}.house{font-size:180px;filter:drop-shadow(0 20px 20px #001e5f55)}.float{position:absolute;background:#ffffffeb;color:var(--navy);border-radius:12px;padding:12px 16px;box-shadow:0 10px 30px #001e5f22;font-size:12px}.float.one{left:15px;top:50px}.float.two{right:20px;bottom:45px}.dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#24c69a;margin-right:5px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0;gap:15px;border-bottom:1px solid #dfe6f1}.benefits strong{display:block;font-size:13px}.benefits span{font-size:11px;color:var(--muted)}.sectionHead{display:flex;align-items:end;justify-content:space-between;margin:32px 0 20px;gap:15px}h2{font-size:25px;margin:0}p.sub{color:var(--muted);margin:6px 0;font-size:13px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.filters button{background:white;border:1px solid #dfe7f3;font-size:13px}.filters button.selected{background:var(--navy);color:white;border-color:var(--navy)}input,select,textarea{padding:11px 13px;border:1px solid #dce4ee;border-radius:8px;background:white;color:var(--navy);max-width:100%}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:white;border:1px solid #e3eaf3;border-radius:15px;overflow:hidden}.productArt{background:linear-gradient(145deg,#f2f6fc,#e7effb);height:170px;display:flex;align-items:center;justify-content:center;position:relative;font-size:72px;cursor:pointer}.tag{position:absolute;left:14px;top:13px;font-size:10px;padding:4px 9px;background:white;color:var(--blue);border-radius:5px}.cardBody{padding:19px}.category{font-size:10px;letter-spacing:1px;color:var(--muted)}h3{font-size:15px;margin:6px 0}.rating{font-size:11px;color:#dc921a}.price{font-size:21px;font-weight:800;margin:12px 0}.old{font-size:12px;color:#9aa5b4;text-decoration:line-through;font-weight:400;margin-left:8px}.card .primary{width:100%;font-size:12px}.points{font-size:11px;color:#a77a13;margin-bottom:14px}.banner{margin-top:35px;padding:30px;border-radius:16px;background:#e7effd;display:flex;justify-content:space-between;align-items:center;gap:20px}.banner h3{font-size:23px}.panel{background:white;border:1px solid #e3eaf3;border-radius:15px;padding:25px;margin-bottom:20px}.grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:flex;flex-direction:column;gap:6px;font-size:12px}label.full{grid-column:1/-1}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:25px 0}.stat{padding:23px;background:white;border:1px solid #e2e9f4;border-radius:13px}.stat b{display:block;font-size:28px;margin:10px 0}.green{color:#15a172;font-size:12px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}td,th{padding:14px 10px;border-bottom:1px solid #edf0f5;white-space:nowrap}th{color:var(--muted);font-weight:500}.pill{background:#e7f7ef;color:#168957;border-radius:6px;padding:4px 8px;font-size:11px}.job{padding:18px 0;border-bottom:1px solid #e7edf5;display:flex;align-items:center;justify-content:space-between;gap:12px}.job p{margin:4px 0;color:var(--muted);font-size:12px}.chart{height:190px;display:flex;gap:20px;align-items:end;padding:15px 10px 30px;border-bottom:1px solid #dfe5ef;margin-top:20px}.bar{flex:1;background:linear-gradient(#4189ff,#0759db);border-radius:6px 6px 0 0;position:relative;min-width:15px}.bar span{position:absolute;bottom:-25px;left:0;width:100%;font-size:10px;text-align:center;color:var(--muted)}.cartrow{display:flex;gap:15px;align-items:center;border-bottom:1px solid #e4eaf2;padding:17px 0}.cartrow .emoji{font-size:35px}.cartrow .desc{flex:1}.qty{display:flex;align-items:center;gap:10px}.qty button{padding:4px 10px}.sum{display:flex;justify-content:space-between;padding:12px 0}.total{border-top:1px solid #dde5f0;font-size:22px;font-weight:800}.empty{padding:40px;text-align:center;color:var(--muted)}dialog{border:0;border-radius:18px;width:min(560px,94vw);padding:30px;color:var(--navy);box-shadow:0 25px 90px #10274a40}dialog::backdrop{background:#10274a88}.close{float:right;padding:5px 12px}dialog .productArt{margin-top:25px;border-radius:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:12px 25px;border-radius:12px;display:none;z-index:20}footer{background:#10274a;color:white;padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,footer span{font-size:11px;color:#9aabc4}.steps{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.steps span{font-size:11px;background:#edf3ff;padding:8px;border-radius:7px}.details{font-size:13px;color:var(--muted);line-height:1.9}.upload{font-size:12px;margin:10px 0}.photo{width:80px;height:65px;object-fit:cover;border-radius:7px;margin:5px}.mobileTitle{margin-bottom:25px}@media(max-width:900px){.products{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:32px}.heroText{padding:30px}.house{font-size:130px}.stats{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}header{padding:20px 4%;flex-wrap:wrap}nav{order:3;width:100%;justify-content:center}main{padding:22px 18px}.benefits{grid-template-columns:repeat(2,1fr)}footer{flex-wrap:wrap}}@media(max-width:520px){.hero{grid-template-columns:1fr}.heroArt{min-height:190px}.hero h1{font-size:34px}.house{font-size:115px}.float.one{top:15px}.float.two{bottom:20px}.productArt{height:140px}.cardBody{padding:13px}.sectionHead{align-items:start;flex-direction:column}.formgrid{grid-template-columns:1fr}.formgrid label{grid-column:1}.banner{align-items:start;flex-direction:column}.stats{gap:10px}.stat{padding:15px}.stat b{font-size:23px}.qty{gap:6px}.job{align-items:start;flex-wrap:wrap}}
/* Product image upload and display */
.productPhoto{width:100%;height:100%;object-fit:contain;display:block;padding:12px;background:#fff}.cartPhoto{width:48px;height:48px;object-fit:contain}.tablePhoto{width:46px;height:38px;object-fit:contain;vertical-align:middle}.adminThumb{display:inline-flex;width:48px;align-items:center;justify-content:center;vertical-align:middle}.imageEditor{grid-column:1/-1;background:#f6f9ff;padding:14px;border-radius:10px}.imageEditor .productArt{height:160px;background:white;margin:8px 0}.imageEditor button{font-size:12px}.imageEditor label{font-weight:600}dialog{max-height:90dvh;overflow-y:auto}.productArt .tag{z-index:1}.formgrid>.full{grid-column:1/-1}
/* AUTOSATCOM storefront and administration */
:root{--blue:#0058d7;--navy:#082b60;--orange:#ff8500;--muted:#73839b}body{background:#f5f8fd}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid #ff9d3c;outline-offset:3px}.topline{background:#082b60;color:#d6e4fa;padding:7px max(4%,calc((100% - 1280px)/2));display:flex;justify-content:space-between;font-size:10px}header{display:block;padding:0;background:#fff;box-shadow:0 2px 12px #173e6b08}.headerInner{max-width:1360px;margin:auto;display:flex;align-items:center;padding:19px 36px;gap:30px}.brand{display:flex;align-items:center;gap:6px;font-size:27px;font-style:italic;letter-spacing:-1px;white-space:nowrap}.brand svg{width:51px;height:51px}.brand b{color:var(--orange)}.brand small{font-size:10px;letter-spacing:0;font-style:normal;margin-top:6px;text-align:center}#topSearch{display:flex;flex:1;background:#f5f8fc;border:1px solid #e1e8f3;border-radius:8px;overflow:hidden}#topSearch input{width:100%;border:0;background:transparent;font-size:12px;min-width:0}#topSearch button{border-radius:0;background:var(--blue);color:white;font-size:24px;padding:2px 16px}.headerActions{display:flex;gap:8px}.headerActions button{padding:10px 13px;font-size:12px;white-space:nowrap}.mainNav{max-width:1280px;margin:auto;justify-content:flex-start;gap:10px;padding:0 12px 10px}.mainNav button{font-size:13px;padding:8px 19px}.notice{font-size:10px;background:#f0f5fe;color:#58769d;padding:8px}.mobileNav{display:none}main{max-width:1360px;padding:24px 36px 45px}.hero{display:block;min-height:390px;border-radius:16px;background:#073576 url('/hero.png') center center/cover no-repeat}.heroText{padding:43px 42px;width:54%;max-width:610px}.hero h1{font-size:43px;margin:15px 0;line-height:1.3;letter-spacing:-1px}.hero h1 em{color:#ffb044}.hero p{font-size:14px;line-height:1.8;max-width:430px;color:#e3edff}.hero .eyebrow{font-size:10px;letter-spacing:2px}.heroActions{display:flex;gap:10px;margin-top:21px;flex-wrap:wrap}.heroActions button{padding:12px 18px;font-size:13px;margin:0}.hero .primary{background:#0759db;color:white;border:1px solid #ffffffa0}.accent{background:linear-gradient(110deg,#ff9b12,#ff7200);color:white}.heroCaption{display:block;margin-top:22px;font-size:11px;color:#c4d7f1}.categoryStrip{background:white;display:grid;grid-template-columns:1.1fr repeat(6,1fr);padding:15px 5px;border:1px solid #dfe7f3;border-radius:13px;margin-top:17px;box-shadow:0 4px 12px #082b6005}.categoryIntro{padding:12px 20px;border-left:4px solid var(--orange);font-size:16px}.categoryStrip button{display:flex;flex-direction:column;align-items:center;justify-content:center;background:white;border-radius:0;border-left:1px solid #e7edf6;gap:8px;font-size:11px;padding:8px}.categoryStrip svg{width:34px;height:34px;color:#073c8e}.sectionHead{margin:26px 0 16px;align-items:center}.sectionHead h2{font-size:23px;border-left:4px solid var(--orange);padding-left:12px}.sectionHead .sub{font-size:12px}.sectionHead input{font-size:12px;width:250px}.filters{gap:7px;margin-bottom:18px}.filters button{padding:8px 14px;font-size:11px;border-radius:7px}.filters button.selected{background:var(--blue)}.products{gap:17px}.card{border-radius:12px;box-shadow:0 3px 8px #082b6005;display:flex;flex-direction:column}.productArt{height:205px;background:#fff;font-size:48px;padding:8px;position:relative}.cardBody{padding:17px;display:flex;flex:1;flex-direction:column}.category{font-size:10px;letter-spacing:.4px}.productTitle{padding:0;background:none;border-radius:0;text-align:left;font-size:14px;font-weight:700;line-height:1.6;color:var(--navy)}.card h3{min-height:45px;margin-bottom:0}.price{color:#df1c14;font-size:24px;margin:10px 0 6px}.old{font-size:11px;color:#9ba5b2;margin-left:6px}.points{font-size:10px;background:#fff6de;color:#ad6f08;padding:4px 8px;border-radius:6px;align-self:start;margin-bottom:12px}.card .primary{margin-top:auto;font-size:12px;padding:9px;background:linear-gradient(#0874ec,#024aba);border-radius:6px}.tag{left:11px;top:11px;background:#eff6ff;font-size:9px;z-index:1}.productPlaceholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c0cee3;gap:12px;height:100%}.productPlaceholder svg{width:75px;height:75px}.productPlaceholder small{font-size:11px;font-weight:400;color:#7b90ac}.productPhoto{padding:5px;width:100%;height:100%;object-fit:contain;background:white}.banner{background:linear-gradient(110deg,#092f65,#075bbd);color:white;padding:30px;margin-top:30px;overflow:hidden}.banner .sub{color:#ccddf4}.banner h3{margin:8px 0;font-size:26px}.banner .eyebrow{font-size:10px}.benefits{padding:25px 0;gap:20px}.benefits strong{font-size:12px}.benefits span{font-size:10px}.storeBanners{display:flex;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;margin-top:22px}.storeBanners figure{margin:0;position:relative;min-width:min(80%,500px);scroll-snap-align:start}.storeBanners img{display:block;width:100%;height:190px;object-fit:cover;border-radius:12px}.storeBanners figcaption{position:absolute;bottom:10px;left:15px;background:#082b60b0;color:#fff;padding:5px 12px;border-radius:5px}.promotionGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.promotionGrid article{padding:22px;background:#fff4e4;border-radius:12px;border:1px solid #ffe0b1}.promotionGrid .eyebrow{color:#b16d00;font-size:8px;letter-spacing:1px}.promotionGrid h3{font-size:20px}.promotionGrid p{font-size:12px}footer{align-items:start;padding:32px max(4%,calc((100% - 1280px)/2));background:#082b60}.footerBrand{font-size:27px;font-weight:800;font-style:italic}.footerBrand b{color:var(--orange)}footer p{margin:8px 0}.footerContact{display:flex;flex-direction:column;gap:12px;font-size:12px;color:#d5e2f5}.footerContact span{font-size:12px;color:inherit}.footerContact a{color:inherit}.panel{padding:24px;border-radius:12px;box-shadow:0 2px 8px #082b6003}.panel h3{font-size:16px}.panel .sectionHead{margin-top:0}.formgrid{margin-top:17px}.formgrid input,.formgrid select,.formgrid textarea{width:100%}dialog{padding:24px;max-height:90dvh;overflow-y:auto}.close{margin-bottom:10px}.detailModal{width:min(940px,95vw)}.productDetail{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;clear:both}.galleryStage{background:#fff;border:1px solid #e2e9f3;border-radius:12px;position:relative;height:340px;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y}.galleryStage>img{width:100%;height:100%;object-fit:contain;padding:15px}.galleryPrev,.galleryNext{position:absolute;top:45%;border:1px solid #dce6f5;background:#ffffffed;border-radius:100%;padding:2px 12px;font-size:28px}.galleryPrev{left:8px}.galleryNext{right:8px}.galleryCounter{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:10px;background:#0b2d5eb0;color:white;padding:4px 10px;border-radius:20px}.galleryThumbs{display:flex;overflow-x:auto;gap:8px;padding:12px 1px;scroll-snap-type:x mandatory}.galleryThumbs button{padding:3px;border:2px solid transparent;background:white;flex:0 0 67px;scroll-snap-align:center}.galleryThumbs button[aria-pressed=true]{border-color:var(--blue)}.galleryThumbs img{width:57px;height:57px;object-fit:contain}.galleryHint{font-size:10px}.detailInfo h2{font-size:23px;line-height:1.5}.detailInfo .price{font-size:30px}.detailInfo .primary{width:100%;margin-top:15px}.details{font-size:13px}.imageEditor{padding:15px;border:1px dashed #c6d8f1;background:#f6f9fe}.imageEditor h3{font-size:15px}.editorImages{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:15px 0}.editorImages figure{margin:0;background:white;border:1px solid #dce5f2;border-radius:9px;padding:8px}.editorImages img{width:100%;height:110px;object-fit:contain}.editorImages figcaption{text-align:center}.editorImages figcaption button{padding:4px 7px;font-size:10px;margin:3px}.editorImages figcaption div{display:flex;justify-content:center}.imageEmpty{grid-column:1/-1;padding:25px;font-size:13px}.uploadButton{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border-radius:8px;background:#0759db;color:white;font-size:13px;cursor:pointer;font-weight:700;overflow:hidden}.uploadButton input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;padding:0}.uploadButton:focus-within{outline:3px solid #ffad4a;outline-offset:3px}.cartPhoto{width:50px;height:50px;object-fit:contain}.tablePhoto{width:50px;height:45px;object-fit:contain}.adminThumb{width:54px;display:inline-flex;vertical-align:middle;align-items:center;justify-content:center}.adminThumb .productPlaceholder svg{width:32px;height:32px}.adminThumb small{display:none}.adminPage{max-width:1500px}.adminLayout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:start}.adminSidebar{background:linear-gradient(155deg,#082653,#0b3b7a);color:white;border-radius:13px;overflow:hidden;position:sticky;top:15px;padding-bottom:20px}.adminSidebarBrand{font-size:19px;font-weight:800;padding:25px 20px;color:#ffc26e;font-style:italic}.adminSidebarBrand small{display:block;font-style:normal;font-size:10px;color:#b6cbe6;margin-top:5px}.adminSidebar nav{display:flex;flex-direction:column;gap:3px;padding:0 10px}.adminSidebar button{color:#cbdcf3;text-align:left;font-size:12px;background:transparent;padding:11px 12px;font-weight:500}.adminSidebar button span{display:inline-block;width:25px}.adminSidebar button.selected{background:#0763e3;color:white}.adminMain{min-width:0}.adminTop{display:flex;justify-content:space-between;align-items:center;margin:8px 0 20px}.adminTop .eyebrow{color:#647c9b;font-size:9px;letter-spacing:2px;margin:0 0 8px}.adminTop h2{font-size:25px}.adminUser{font-size:11px;border:1px solid #dce5f3;background:white;border-radius:25px;padding:8px 15px}.stat{padding:20px}.stat>span{font-size:12px;color:#72849f}.stat b{font-size:26px;margin:12px 0 7px}.stat b small{font-size:11px;font-weight:400}.stat>small{font-size:10px;color:#7890aa}.stats{gap:13px;margin:0 0 22px}.adminMain .grid2{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px}.adminMain .panel{padding:20px}.adminMain .job{font-size:11px}.adminMain .job p{font-size:10px}.adminMain select{font-size:11px;max-width:100%;padding:8px}.reportTotals{font-size:10px;display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.reportTotals span{display:flex;flex-direction:column;background:#eef4ff;padding:8px;border-radius:5px}.lowStock{color:#d7630c;font-weight:700}fieldset{border:1px solid #dce6f2;padding:18px;border-radius:9px;display:grid;gap:10px}legend{font-size:13px;padding:0 7px}.checkLabel{display:flex;flex-direction:row;align-items:center}.checkLabel input{width:auto}.bannerPreview img{width:100%;max-height:150px;object-fit:contain}.bannerPreview:empty{display:none}.adminMain .uploadButton{justify-self:start}.adminMain td{font-size:11px}.adminMain table{font-size:11px}#modal .full{grid-column:1/-1}.productArt:has(.productPlaceholder){background:#f9fbfe}
@media(max-width:1100px){.headerInner{gap:15px;padding:17px 25px}.brand{font-size:23px}.brand svg{width:43px;height:43px}.headerActions button{padding:10px;font-size:11px}.heroText{width:58%}.hero h1{font-size:37px}.categoryIntro{font-size:13px;padding:12px}.adminLayout{grid-template-columns:180px minmax(0,1fr);gap:17px}.adminSidebar button{padding:10px 7px;font-size:11px}.adminMain .grid2{grid-template-columns:1fr}.adminMain .stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topline{display:none}.headerInner{padding:13px 16px;gap:10px;flex-wrap:wrap}.brand{font-size:23px;flex:1}.brand svg{width:41px;height:41px}.brand small{font-size:8px}.headerActions{gap:5px}.headerActions button{font-size:10px;padding:8px 9px;max-width:91px;text-overflow:ellipsis;overflow:hidden}#accountButton{max-width:70px}.headerActions #count{padding:1px 5px}#topSearch{order:3;flex-basis:100%;height:35px}#topSearch input{font-size:11px;padding:7px 10px}.mainNav{padding:0 10px 8px;justify-content:center;gap:3px}.mainNav button{font-size:10px;padding:6px 10px}.notice{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px 10px}main{padding:15px 14px 25px}.hero{min-height:310px;background-position:60% center;border-radius:12px}.heroText{width:78%;padding:26px 22px;background:linear-gradient(90deg,#062a60ce,transparent);min-height:310px}.hero h1{font-size:32px;line-height:1.28;margin:12px 0}.hero p{font-size:11px;line-height:1.8;max-width:240px;margin-bottom:15px}.hero .eyebrow{font-size:7px;letter-spacing:1.5px}.heroActions{gap:6px;margin-top:13px;flex-wrap:nowrap}.heroActions button{font-size:10px;padding:10px 12px;white-space:nowrap}.heroCaption{font-size:8px;margin-top:15px}.categoryStrip{grid-template-columns:repeat(3,1fr);gap:0;padding:5px;margin-top:13px}.categoryIntro{display:none}.categoryStrip button{border:0;border-radius:7px;font-size:10px;min-height:80px;padding:9px 4px}.categoryStrip svg{width:29px;height:29px}.sectionHead{flex-direction:row;align-items:center;gap:12px;margin-top:23px}.sectionHead h2{font-size:18px;line-height:1.5}.sectionHead .sub{font-size:10px}.sectionHead input{font-size:11px;width:130px;padding:8px}.filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;gap:5px;scrollbar-width:thin}.filters button{white-space:nowrap;flex:0 0 auto;font-size:10px;padding:7px 11px}.products{gap:11px}.productArt{height:155px;padding:7px}.productPlaceholder svg{width:57px;height:57px}.cardBody{padding:12px}.card h3{min-height:46px}.productTitle{font-size:12px;line-height:1.6}.category{font-size:9px}.price{font-size:22px;line-height:1.5}.old{font-size:9px;margin-left:5px}.points{font-size:8px;padding:3px 5px;line-height:1.6}.card .primary{font-size:10px;padding:9px 4px}.tag{font-size:8px;padding:3px 6px}.banner{padding:22px;gap:15px;flex-direction:row;align-items:center;margin-top:22px}.banner h3{font-size:20px}.banner .eyebrow{font-size:7px;letter-spacing:1px}.banner .sub{font-size:10px}.banner button{font-size:10px;padding:10px 12px;white-space:nowrap}.benefits{gap:16px;padding:20px 0}.benefits strong{font-size:10px}.benefits span{font-size:9px}.promotionGrid{grid-template-columns:1fr}.promotionGrid h3{font-size:18px}.storeBanners img{height:150px}.storeBanners figcaption{font-size:10px}footer{padding:25px 20px calc(88px + env(safe-area-inset-bottom));gap:20px;flex-direction:column}.footerBrand{font-size:24px}.footerContact{font-size:11px;gap:10px}.footerContact span{font-size:11px}.mobileNav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #dce5f2;box-shadow:0 -3px 15px #082b6008;padding:5px 8px calc(5px + env(safe-area-inset-bottom));z-index:20;gap:3px}.mobileNav button{font-size:9px;background:white;padding:4px;border-radius:7px;display:flex;flex-direction:column;gap:1px;color:#7d8fa9}.mobileNav button span{font-size:21px;line-height:1.3}.mobileNav button.active{color:var(--blue);background:#eff5ff}.panel{padding:18px}.panel h3{font-size:15px}.mobileTitle h2{font-size:22px}.adminPage{padding:12px 10px 30px}.adminLayout{display:block}.adminSidebar{position:static;border-radius:10px;padding:10px;margin-bottom:18px}.adminSidebarBrand{padding:5px 8px 12px;font-size:16px}.adminSidebar nav{display:flex;flex-direction:row;overflow-x:auto;padding:0;gap:5px}.adminSidebar button{white-space:nowrap;flex:0 0 auto;padding:9px 12px;font-size:11px;background:#ffffff0b}.adminSidebar button span{width:18px}.adminUser{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.adminTop h2{font-size:21px}.adminMain .panel{padding:15px}.stat{padding:14px}.stat b{font-size:24px}.stat>span{font-size:10px}.stat>small{font-size:9px}.adminMain .stats{gap:10px}.adminMain .sectionHead{align-items:flex-start}.adminMain .sectionHead button{font-size:10px;padding:8px 10px}.detailModal{width:95vw;padding:17px}.productDetail{grid-template-columns:1fr;gap:13px}.galleryStage{height:270px}.galleryThumbs button{flex-basis:57px}.galleryThumbs img{width:47px;height:47px}.detailInfo h2{font-size:22px}.detailInfo .price{font-size:27px}.editorImages{gap:8px}.editorImages figure{padding:5px}.editorImages img{height:100px}.editorImages button{font-size:9px!important}.imageEditor{padding:12px}.imageEditor .sub{font-size:10px}.uploadButton{width:100%;font-size:13px;min-height:44px}dialog h2{font-size:23px}.formgrid label{font-size:12px}.formgrid input,.formgrid select,.formgrid textarea{font-size:16px}#toast{bottom:90px;font-size:12px;width:max-content;max-width:90vw}.grid2{gap:15px}.job select{font-size:11px}.chart{gap:12px;height:170px}fieldset{padding:12px}.adminMain table th,.adminMain table td{padding:12px 8px}.cartrow{gap:9px}.cartrow h3{font-size:12px}.cartrow .desc{min-width:0}.sum.total{font-size:20px}.footerContact a{overflow-wrap:anywhere}}
@media(max-width:370px){.brand{font-size:20px}.brand svg{width:34px}.brand small{font-size:7px}.headerActions button{padding:8px 6px;font-size:9px}.heroText{padding:23px 18px;width:90%}.hero h1{font-size:29px}.heroActions button{padding:9px;font-size:9px}.productArt{height:135px}.price{font-size:19px}.old{display:block;margin:0}.productTitle{font-size:11px}.sectionHead input{width:110px}.banner{flex-direction:column;align-items:start}.cardBody{padding:10px}}

.hero .heroActions button{margin:0;align-self:stretch}
@media(max-width:760px){.headerInner{column-gap:7px}.headerInner .brand{font-size:20px;min-width:0}.headerInner .brand svg{width:34px;height:34px;flex-shrink:0}.headerInner .brand small{font-size:7px}.headerActions button{max-width:68px;padding:8px 7px}#accountButton{max-width:62px}.hero .heroActions button{margin:0}}