:root{font-family:Arial,sans-serif;color:#183b3d;background:#f6f8f7}*{box-sizing:border-box}body{margin:0}header,main,footer{padding:28px max(24px,calc((100vw - 1240px)/2))}header{display:flex;align-items:center;gap:32px;background:white;border-bottom:1px solid #dce7e2}.brand{font-size:25px;font-weight:800;letter-spacing:2px;margin-right:auto;text-decoration:none}.brand span{display:block;font-size:11px;letter-spacing:0;font-weight:400;margin-top:6px}a{color:inherit}button,input,select{font:inherit;padding:12px 16px;border:1px solid #cadbd2;border-radius:9px;background:white;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button[aria-pressed=true],.buy{background:#185b4e;color:white}input:focus,button:focus-visible,select:focus{outline:3px solid #e4b85b}.intro{padding:46px 32px;background:#e6efea;border-radius:18px;margin:6px 0 30px;border-left:5px solid #d0ac64}small{letter-spacing:2px}h1{font-size:clamp(32px,5vw,56px);letter-spacing:-2px;margin:20px 0}p{line-height:1.6}nav{display:flex;gap:10px;flex-wrap:wrap}nav input{flex:1;min-width:200px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;border:1px solid #dce7e2;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px}.photo{height:210px;background:#f1f5f3;display:grid;place-items:center;border-radius:8px;color:#688078}.photo img{width:100%;height:100%;object-fit:contain}.card h2{font-size:19px;margin:0}.price{font-size:24px;font-weight:bold}.saving{color:#216c4a}.card .buy{margin-top:auto}footer{margin-top:60px;background:#193f38;color:white;font-size:14px}dialog{border:0;border-radius:16px;max-width:560px;width:95%;padding:28px}dialog::backdrop{background:#152e3c88}.close{float:right}label{display:block;margin:15px 0}label input{display:block;width:100%;margin-top:6px}.line{border-bottom:1px solid #ddd;padding:12px 0}.notice{color:#6c716f}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}header{flex-wrap:wrap;gap:15px}.brand{width:100%}}@media(max-width:480px){.grid{grid-template-columns:1fr}.intro{padding:25px 20px}}
:root{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#262626;background:#f7f7f7}header{background:rgb(0,0,0);color:rgb(245,245,245);border:0;gap:28px;min-height:110px}.brand{flex-shrink:0}.brand img{display:block;width:184px;height:auto;filter:brightness(0) invert(1)}.brand span{margin-top:10px;color:rgb(245,245,245);font-size:11px}.header-actions{display:flex;align-items:center;gap:12px}header>a[href^="tel:"]{font-size:15px;white-space:nowrap;text-decoration:none}button,input,select{border-color:#ddd;border-radius:10px;padding:13px 18px}button{transition:box-shadow .15s,transform .15s}button:hover:not(:disabled){box-shadow:0 3px 12px #0002}#sales,#all{border:0;color:#24202d;font-weight:600;min-height:48px;min-width:110px}#sales{background:linear-gradient(251deg,rgb(200,166,232) 4.73%,rgb(238,136,136) 74.139999%)}#all{background:linear-gradient(119deg,rgb(141,216,250) -14.79%,rgb(130,179,236) 48.32%,rgb(178,158,235) 106.150002%)}#all[aria-pressed=true],#sales[aria-pressed=true]{box-shadow:0 0 0 2px #000,0 0 0 3px #f5f5f5}#cartButton{background:transparent;border-color:#555;color:rgb(245,245,245);white-space:nowrap}.buy{background:#252525;color:white;border-color:#252525}input:focus,button:focus-visible,select:focus,a:focus-visible,summary:focus-visible{outline:3px solid #9e83d9;outline-offset:3px}.intro{background:linear-gradient(119deg,#e7f5fd,#efebf8);border:1px solid #e0dcec;border-radius:20px}h1{font-weight:500}.card{border-color:#e3e3e3}.photo{background:#f4f4f4;color:#727272}footer{background:rgb(0,0,0);color:rgb(245,245,245)}footer a{color:rgb(245,245,245)}dialog{color:#262626}dialog::backdrop{background:#0008}@media(max-width:1100px){header{flex-wrap:wrap;gap:20px}.header-actions{width:100%}}@media(max-width:800px){.brand{width:auto}}@media(max-width:520px){header,main,footer{padding-left:20px;padding-right:20px}header{gap:16px}.brand img{width:160px}.brand span{font-size:10px}header>a[href^="tel:"]{font-size:13px}.header-actions{gap:8px;flex-wrap:wrap}.header-actions button{flex:1;padding:12px 10px;min-width:0}#all,#sales{min-width:80px}#cartButton{font-size:14px}nav select{max-width:100%;width:100%}}
#sales,#all{color:rgb(245,245,245)}
