:root{--b:#203b67;--g:#c9a160;--s:#f5efe4;--ink:#27313e;--line:#e8dfd2}*{box-sizing:border-box}body{margin:0;background:#fffdf9;color:var(--ink);font:15px/1.6 "Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1150px,calc(100% - 40px));margin:auto}.top{background:var(--b);color:white;font-size:11px;padding:7px}.top span{float:right}.header{height:90px;display:flex;align-items:center;gap:18px;color:var(--b);font:16px Georgia}.logo{width:90px;height:68px;overflow:hidden}.logo img{width:100%;height:100%;object-fit:cover;object-position:center 42%}.cartlink{margin-left:auto;background:var(--b);color:white;padding:9px 16px;border-radius:24px;font:700 12px Arial}nav{position:sticky;top:0;background:white;border-block:1px solid var(--line);z-index:2}.nav{display:flex;overflow:auto}.nav a{white-space:nowrap;padding:13px 12px;font-size:12px;color:#55606d}main{min-height:60vh}.banner{margin:16px 0;background:#edf1f5;color:var(--b);padding:11px}.hero{margin:26px 0 60px;background:var(--s);min-height:350px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center}.hero>div:first-child{padding:45px 8%}.hero small,main>section>small,.pagehead small{letter-spacing:.16em;color:#a77b39;font-size:10px;font-weight:bold}.hero h1,.detail h1,.pagehead h1,.auth h1{font:500 clamp(38px,5vw,62px)/1.05 Georgia;color:var(--b)}.hero i{color:var(--g)}.hero p{max-width:400px;color:#687381}.heroimg{height:100%;display:grid;place-items:center;background:linear-gradient(120deg,#e8dcc9,#f5efe4)}.heroimg img{width:65%;mix-blend-mode:multiply}.btn{display:inline-block;border:0;background:var(--b);color:white;padding:12px 17px;font-weight:bold;font-size:12px;cursor:pointer}.btn:hover{background:#345686}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:20px 0 60px}.grid article{background:white;border:1px solid var(--line);padding-bottom:13px}.photo{display:block;position:relative;aspect-ratio:1.2;background:#eee8df}.photo img{width:100%;height:100%;object-fit:cover}.photo span{position:absolute;bottom:10px;left:10px;background:var(--b);color:white;font-size:10px;padding:4px 8px}.grid h3,.grid p,.grid article>b{margin:10px 14px}.grid h3{font:20px Georgia;color:var(--b)}.grid p{color:#78808a;font-size:12px;min-height:40px}.grid del{font-size:11px;color:#999;margin-right:6px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:35px 0 70px}.detail>img{width:100%;background:var(--s)}.detail h1{font-size:43px}.detail p{color:#687381}.detail form,.form{display:flex;flex-direction:column;gap:12px}.detail label,.form label{display:flex;flex-direction:column;gap:5px;font-size:13px}.detail input,.form input,.form textarea,.form select{padding:10px;border:1px solid var(--line);font:inherit}.detail label input[type=number]{width:80px}.mug{position:relative;width:200px;height:150px;background:#eee;border-radius:0 0 35px 35px;overflow:hidden}.mug img{width:100%;height:100%;object-fit:contain}.mug img+img{position:absolute;inset:20% 25%;width:50%;height:55%}.checkout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form{max-width:700px;background:white;padding:22px;border:1px solid var(--line);margin:25px 0 60px}.auth{max-width:450px}.form textarea{min-height:75px}.cartline{display:grid;grid-template-columns:65px 1fr 70px auto;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--line)}.cartline img{width:65px;height:55px;object-fit:cover}.cartline input{width:60px;padding:7px}.success{padding:60px;text-align:center}.order{border:1px solid var(--line);padding:17px;margin:13px 0}.order select{padding:8px}.tabs{display:flex;gap:20px;margin:20px 0}.adminhead,.sectionhead{display:flex;justify-content:space-between;align-items:center}.adminlist article{padding:10px}.adminlist img{width:100%;aspect-ratio:1.2;object-fit:cover}.flash{background:#fff1e5;padding:10px;margin:12px 0}.foot{display:flex;justify-content:space-between;padding:28px 0;background:var(--b);color:white}footer{background:var(--b);margin-top:50px}.secondary{background:#eee;color:var(--b)}@media(max-width:750px){.grid{grid-template-columns:repeat(2,1fr)}.detail{gap:18px}.checkout{grid-template-columns:1fr}}@media(max-width:540px){.wrap{width:calc(100% - 26px)}.header{height:74px}.logo{width:70px;height:56px}.nav{width:100%;padding:0 8px}.nav a{padding:11px 9px;font-size:11px}.hero{grid-template-columns:1fr;margin-top:16px}.hero>div:first-child{padding:32px 22px}.hero h1{font-size:45px}.heroimg{height:170px}.grid{gap:10px}.grid h3{font-size:16px;margin-inline:9px}.grid p{font-size:10px;margin-inline:9px}.grid article>b{margin-inline:9px;font-size:12px}.photo{aspect-ratio:.95}.detail{grid-template-columns:1fr}.detail h1{font-size:36px}.cartline{grid-template-columns:48px 1fr 55px}.cartline img{width:48px;height:48px}.cartline>b{grid-column:2}.foot{font-size:11px}.form{padding:16px}}
.customizer{max-width:760px;margin:42px auto}.customizer h1{font:500 clamp(34px,5vw,52px)/1.1 Georgia;color:var(--b)}.customizer>p{color:#687381}.mug-editor{position:relative;width:min(420px,100%);height:300px;margin:20px auto 30px;display:grid;place-items:center;touch-action:none}.mug-cup{position:absolute;left:10%;top:9%;width:68%;height:82%;border:2px solid #d5d9dd;border-radius:8% 8% 18% 18%/6% 6% 12% 12%;background:linear-gradient(100deg,#e8e9e9,#fff 20%,#f8f8f8 76%,#dfe2e3);box-shadow:0 16px 22px #203b6726;overflow:hidden}.mug-cup:after{content:'';position:absolute;left:0;right:0;bottom:8%;height:3px;background:#e1e2e3;z-index:2}.mug-handle{position:absolute;right:8%;top:25%;width:25%;height:50%;border:16px solid #e4e6e7;border-left:0;border-radius:0 50% 50% 0;box-shadow:5px 3px 7px #203b6718}.mug-print{position:absolute;inset:16% 12% 18%;overflow:hidden;background:linear-gradient(90deg,#00000005,transparent 15%,transparent 85%,#00000008);cursor:grab;touch-action:none}.mug-print:active{cursor:grabbing}.mug-print img{display:none;position:absolute;left:50%;top:50%;height:auto;cursor:grab;user-select:none;pointer-events:none}.mug-print img[src]{display:block}.muted{font-size:12px;color:#78808a;text-align:center}.customizer .form{max-width:none}.adminlist article{min-width:0}.adminlist .btn{margin:0 12px 12px}@media(max-width:540px){.mug-editor{height:240px}.mug-handle{border-width:11px}.customizer{margin:25px auto}}