:root{font-family:Tahoma,Verdana,Arial,sans-serif;color:#21164a;background:#dcd6fa;font-size:15px;--purple:#6300eb;--panel:#eeebfa;--line:#a49ac3;--dark:#251451}*{box-sizing:border-box}body{margin:0;padding:0;background:radial-gradient(ellipse at 0 0,#cfc4ff,transparent 55%),#e4def9;min-height:100vh}button,input,select,textarea{font:inherit}a{color:#5700d5}button,.button{min-height:40px;cursor:pointer;color:#211344;background:linear-gradient(#f9f8ff,#d8d3e9);border:1px solid #8678ae;box-shadow:inset 2px 2px #fff,inset -2px -2px #a79bc6;display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;text-decoration:none;gap:8px;border-radius:2px}button:hover,.button:hover{filter:brightness(1.04)}button:active,.button:active{box-shadow:inset 2px 2px #8b7cb4;transform:translateY(1px)}button:disabled{opacity:.6;cursor:wait}button.primary,.button.primary{color:white;border-color:#4a00b2;background:linear-gradient(#8551ff,#6100df);box-shadow:inset 2px 2px #be9cff,inset -2px -2px #3d079d}input,select,textarea{border:1px solid #8f7fbc;background:#fbfaff;box-shadow:inset 1px 1px #beb2d8;min-height:42px;padding:10px;color:#2b2050;border-radius:2px;max-width:100%}textarea{min-height:100px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #894aff;outline-offset:2px}button:focus-visible,a:focus-visible{outline:3px solid #9a6fff;outline-offset:3px}.window{width:100%;min-height:100vh;min-height:100dvh;margin:0;padding:0;background:#dfdaf0;display:flex;flex-direction:column;min-width:0}.titlebar{min-height:34px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#3300a7,#6300e7);color:white;padding:5px 8px;font-family:Consolas,monospace;font-weight:bold}.window-controls{color:#201343;background:#e6e1f8;padding:0 5px;box-shadow:inset 1px 1px white,inset -1px -1px #8e7eb5;letter-spacing:4px}.toolbar{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:2px groove white}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#5500d9;font-size:30px;font-weight:900;letter-spacing:-1px}.brand-icon{display:grid;place-items:center;width:58px;height:56px;background:linear-gradient(135deg,#8b38ff,#5200d6);color:white;font-family:monospace;font-size:28px;box-shadow:inset 2px 2px #d9c4ff,inset -3px -3px #340089,3px 3px #251047;border:2px solid #5600da}.tagline{font-size:13px;color:#6d5d93}.content{padding:22px 24px;min-height:400px;flex:1;min-width:0}.search-tools{display:flex;gap:18px;margin-bottom:22px}.search-box{position:relative;flex:1}.search-box span{position:absolute;left:14px;top:12px;color:#5c00d3}.search-box input{width:100%;padding-left:40px}.search-tools select{width:210px}.catalog-meta{font-size:12px;display:flex;justify-content:space-between;color:#76678f;margin-bottom:14px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{padding:13px;background:linear-gradient(135deg,#f6f3ff,#eae6f7);border:1px solid #a299be;box-shadow:inset 1px 1px white,1px 1px white;border-radius:3px;display:flex;flex-direction:column;min-width:0}.thumbnail{width:100%;aspect-ratio:2.8/1;object-fit:cover;background:#d9ceff;border:1px solid #d8cef2;border-radius:2px}.thumbnail.empty{display:grid;place-items:center;background:linear-gradient(120deg,#cec0ff,#9a7cf2);color:#f9f6ff;font:bold 32px Consolas,monospace}.card h2{font-size:18px;line-height:1.3;margin:13px 4px 6px;font-weight:800;color:#1d104a}.card p{color:#675788;line-height:1.45;margin:0 4px 9px;font-size:14px}.card-info{display:flex;flex-direction:column;flex:1;min-width:0}.price{font-size:20px;font-weight:800;color:#6700ed;margin:2px 4px 10px;letter-spacing:.2px}.actions{display:flex;gap:10px;margin-top:auto}.actions>*{flex:1}.empty-state{padding:55px 20px;text-align:center;background:#eeeaf9;border:1px solid #b6a9d2;box-shadow:inset 1px 1px white}.empty-state .empty-icon{font:40px Consolas;color:#6b29db;display:block;margin-bottom:16px}.empty-state h2{font-size:22px}.empty-state p{color:#75648e;line-height:1.5}.verification{max-width:550px;margin:25px auto 45px}.inner-title{background:linear-gradient(90deg,#4200b3,#7135e7);color:white;font-weight:bold;padding:8px 12px;margin:-13px -13px 20px}.verification h1{font-size:25px;margin:12px 0}.verification p{line-height:1.6;color:#665581}.verification #challenge{min-height:70px;margin:20px 0}.notice{border:1px solid #b3a3d1;background:#e4ddfa;padding:12px;font-size:13px;line-height:1.6}.error{color:#8e143b;background:#fff0f5;border:1px solid #d6a2b4;padding:12px;white-space:pre-wrap}.hidden{display:none!important}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.page-heading h1{font-size:25px;margin:0}.detail-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:26px}.detail-image{width:100%;aspect-ratio:16/10;object-fit:contain;background:#d7cdf0;border:1px solid #b9acd3}.gallery{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.gallery img{width:100px;height:70px;object-fit:cover;border:1px solid #9e8bbb}.detail-layout h1{font-size:28px}.detail-layout .price{font-size:27px;margin:12px 0}.prose{white-space:pre-wrap;line-height:1.65;color:#625078;overflow-wrap:anywhere}.info-block{border-top:1px solid #b8aad1;padding-top:15px;margin-top:18px}.info-block h2{font-size:17px}.demo-links{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.form-panel{max-width:580px;margin:0 auto;padding:24px}.form-panel label,.editor label{display:flex;flex-direction:column;gap:7px;margin:14px 0;font-size:13px;font-weight:bold}.invoice-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #cfc4e2;gap:16px}.invoice-row strong{color:#6700de}.qr{width:240px;height:240px;object-fit:contain;display:block;margin:20px auto;background:white;border:6px solid white}.invoice-id{font:12px Consolas;overflow-wrap:anywhere}.payment-state{text-align:center;font-weight:bold;color:#6800dd;padding:12px}.pager{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:25px}footer{margin:5px 24px 15px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px;color:#756386}.statusbar{padding:7px 10px;border:1px inset #c1b6d9;display:flex;justify-content:space-between;font-size:11px;color:#6d5b8c;gap:12px}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.admin-nav button[aria-current=page]{background:#6300db;color:white}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{padding:18px;border:1px solid #b2a4ce;background:#f3effc}.stat strong{display:block;color:#6200d8;font-size:24px;margin-top:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:12px;border:1px solid #c1b4d5;vertical-align:top}th{background:#d8ccee}td{background:#f3eff9;overflow-wrap:anywhere;max-width:260px}.editor{max-width:850px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.editor .checkbox{flex-direction:row;align-items:center}.checkbox input{min-height:20px;box-shadow:none}.upload-group{padding:15px;background:#e5ddf4;border:1px solid #b9a9d2;margin:18px 0}.chart-row{display:grid;grid-template-columns:100px 1fr 120px;gap:12px;align-items:center;margin:8px 0;font-size:12px}.chart-row meter{width:100%;height:24px}.status-pill{border:1px solid #b8a2d2;padding:4px 8px;display:inline-block;color:#5c20b0;background:#e9def8;font-size:12px}.login-panel{max-width:470px;margin:auto}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90%;background:#352052;color:white;padding:15px 20px;box-shadow:3px 3px #a591c6;z-index:5}
@media(max-width:900px){body{padding:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand{font-size:25px}.tagline{display:none}.detail-layout{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){body{padding:0}.titlebar{font-size:11px;min-height:29px}.window-controls{font-size:12px}.toolbar{padding:20px 13px}.brand{font-size:25px;gap:11px}.brand-icon{width:44px;height:44px;font-size:23px}.content{padding:15px 11px}.search-tools{flex-direction:column;gap:10px;margin-bottom:17px}.search-tools select{width:100%}.grid{grid-template-columns:1fr;gap:12px}.card{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;padding:10px}.card .thumbnail{aspect-ratio:1;align-self:start;min-width:0}.card h2{font-size:15px;margin:0 0 6px}.card p{font-size:12px;margin:0 0 7px;line-height:1.4}.card .price{font-size:16px;margin:0 0 8px}.card .actions{gap:7px}.card .actions>*{min-height:36px;padding:6px 8px;font-size:12px}.card.verification{display:block;padding:18px;margin:15px auto}.verification h1{font-size:22px}.verification #challenge{overflow:hidden}.form-panel{padding:15px}.page-heading h1{font-size:20px}.editor-grid{grid-template-columns:1fr}.stats{gap:8px}.stat{padding:12px}.stat strong{font-size:20px}footer{margin:10px;font-size:11px}.statusbar{font-size:10px}.chart-row{grid-template-columns:75px 1fr 90px;gap:6px}.qr{max-width:100%;height:auto}.table-wrap{max-width:100%}}@media(max-width:360px){.card{grid-template-columns:76px minmax(0,1fr)}.brand{font-size:22px}.window-controls{display:none}}
:root .footer-actions{display:flex;gap:10px;flex-wrap:wrap}footer{align-items:center;padding:18px 0;border-top:1px solid #c3b6da}.footer-actions .button{font-size:12px;min-height:40px;padding:9px 14px;font-weight:bold}.recovery-button{color:#5800cb;background:linear-gradient(#fdfaff,#e4d9ff);border-color:#a386d7;gap:8px}.recovery-button span{font-size:19px;line-height:1}.guide-button{color:#685183}.order-guide{max-width:1150px;margin:auto;padding:4px 0 30px}.guide-intro{margin:26px 0 30px;max-width:650px}.guide-label{font:12px Consolas,monospace;letter-spacing:2px;color:#7745bf}.guide-intro h1{font-size:38px;margin:12px 0;color:#3b126f}.guide-intro p{line-height:1.7;color:#78638f;font-size:16px}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}.order-steps{list-style:none;padding:0;margin:0;display:grid;gap:12px}.order-steps li{display:flex;gap:18px;padding:22px;background:linear-gradient(135deg,#f8f4ff,#eee8fa);border:1px solid #b9a6d4;box-shadow:inset 1px 1px white}.step-number{flex-shrink:0;width:42px;height:42px;display:grid;place-items:center;background:#e7dbff;border:1px solid #b396df;box-shadow:inset 1px 1px white;font:bold 16px Consolas;color:#6600dd}.order-steps h2{font-size:17px;margin:0 0 8px}.order-steps p{margin:0;font-size:14px;line-height:1.7;color:#705d86}.guide-support{padding:25px;background:#f5efff;border:1px solid #ad94d0;box-shadow:inset 1px 1px white}.support-icon{display:grid;place-items:center;width:46px;height:42px;background:#e1d4fa;color:#6316c8;font-size:26px;border:1px solid #c4abe8}.guide-support h2{font-size:22px;margin:18px 0 10px}.guide-support p{line-height:1.7;color:#75608a;font-size:14px}.whatsapp-button{width:100%;background:linear-gradient(#effff6,#d8efe3);border-color:#7ca88f;color:#176039;box-shadow:inset 2px 2px white,inset -2px -2px #a2c8b3;font-weight:bold}.support-number{display:block;text-align:center;font:12px Consolas;color:#598368;margin:10px 0 22px}.support-note{border-top:1px solid #d5c5e9;margin-top:24px;padding-top:8px}.support-note h3{font-size:15px}.support-note .button{width:100%;font-size:13px}.guide-support .support-reminder{font-size:11px;margin:24px 0 0;color:#8c789e}@media(max-width:900px){.guide-layout{grid-template-columns:1fr}.guide-support{max-width:none}.guide-intro h1{font-size:32px}}@media(max-width:580px){.footer-actions{width:100%;gap:8px}.footer-actions .button{flex:1;padding:9px 8px;font-size:11px}.order-steps li{padding:16px;gap:12px}.step-number{width:34px;height:34px;font-size:14px}.order-steps h2{font-size:15px}.order-steps p{font-size:13px}.guide-intro{margin:24px 0}.guide-intro p{font-size:14px}.guide-support{padding:20px}}
/* Visual refinement: fullscreen retro surfaces and consistent spacing. */
:root{--purple:#6519dc;--dark:#281547;--line:#c3b4db;--page-space:clamp(16px,3vw,48px);color:var(--dark);background:#f0ebf8}
body{background:#f0ebf8;line-height:1.5}
.window{background:linear-gradient(180deg,#f4effc 0,#ece5f6 100%)}
.titlebar{min-height:30px;padding:5px var(--page-space);font-size:11px;letter-spacing:.4px;background:linear-gradient(100deg,#380b91,#6926db);font-weight:500}
.toolbar{padding:25px var(--page-space);background:#faf7ff;border-bottom:1px solid #cdbde3;box-shadow:0 2px 0 #fff}
.brand{font-size:29px;letter-spacing:-1.2px;color:#5520bb;gap:15px}
.brand-icon{width:50px;height:50px;flex-shrink:0;font-size:25px;border-radius:3px;box-shadow:inset 2px 2px #dbc9ff,inset -2px -2px #440aa0,2px 2px 0 #b9a3d9}
.tagline{color:#746482;font-size:12px;letter-spacing:.2px}
.content{padding:28px var(--page-space) 40px}
.catalog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}
.catalog-heading h1{font-size:23px;letter-spacing:-.6px;margin:0;color:#37204e}
.catalog-heading p{font-size:13px;color:#786687;margin:4px 0 0}
.catalog-heading .catalog-symbol{font:16px Consolas,monospace;color:#8d70b5;border:1px solid #cdbde2;padding:6px 10px;box-shadow:inset 1px 1px #fff}
button,.button{min-height:44px;border-color:#b5a2cf;border-radius:3px;font-size:14px;font-weight:600;background:linear-gradient(#fff,#e9e0f4);box-shadow:inset 1px 1px #fff,inset -1px -1px #b8a4d0;transition:background-color .15s,border-color .15s,box-shadow .15s}
button:hover,.button:hover{border-color:#8d61c6;filter:none;background:#f7f1ff}
button.primary,.button.primary{background:linear-gradient(#8244ea,#6315d0);border-color:#5b1aba;box-shadow:inset 1px 1px #bb91ff,inset -1px -1px #4b0ba7}
button.primary:hover,.button.primary:hover{background:linear-gradient(#8b4ff0,#7021df)}
button:disabled{cursor:not-allowed}
input,select,textarea{min-height:46px;border-color:#bbaaD0;box-shadow:inset 1px 2px 2px #37234c08;background:#fefcff;border-radius:3px;font-size:14px}
input::placeholder,textarea::placeholder{color:#8a799b;opacity:1}
.search-tools{gap:12px;margin-bottom:18px;padding:14px;background:#e7dff0;border:1px solid #cbbbdc;box-shadow:inset 1px 1px #fff}
.search-box span{top:10px;left:14px;font-size:22px;line-height:24px}
.search-tools select{width:230px;cursor:pointer}
.catalog-meta{font-size:12px;margin:0 2px 16px;color:#7b698a}
.grid{gap:20px}
.grid .card{background:#faf7ff;border-color:#c6b5dd;box-shadow:inset 1px 1px #fff,0 2px 0 #dcd0e9;padding:14px;transition:border-color .15s,box-shadow .15s}
.grid .card:hover{border-color:#9d79cf;box-shadow:inset 1px 1px #fff,0 3px 0 #d4c2eb}
.thumbnail{aspect-ratio:2.4/1;border-color:#dfd4ed}
.thumbnail.empty{background:linear-gradient(135deg,#e7dafa,#cbb3ef);color:#7950b4;font-size:30px}
.card h2{font-size:18px;letter-spacing:-.3px;margin:15px 2px 8px}
.card p{font-size:14px;line-height:1.65;color:#756183;margin:0 2px 14px}
.price{font-size:22px;color:#6620c6;margin:0 2px 14px;letter-spacing:-.4px;font-variant-numeric:tabular-nums}
.grid .actions{padding-top:12px;border-top:1px solid #e5daef;gap:10px}
.empty-state{padding:56px 20px 50px;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f9f5ff;border:1px dashed #c0aad9;box-shadow:none}
.empty-state .empty-icon{font-size:28px;line-height:64px;width:68px;height:64px;color:#7844bb;background:#eaddfa;border:1px solid #c5ade3;box-shadow:inset 2px 2px #fff,2px 2px #dcc9ef;margin:0 0 22px}
.empty-state h2{font-size:23px;letter-spacing:-.6px;margin:0 0 8px}
.empty-state p{max-width:400px;font-size:14px;margin:0;line-height:1.7}
.empty-state .button{margin-top:24px}
footer{margin:0 var(--page-space);padding:22px 0;gap:18px;border-color:#d0c0e0;color:#7b668c}
#footer{font-size:12px}#contact:empty{display:none}
.footer-actions .button{min-height:44px;padding:9px 16px;font-size:12px}
.recovery-button{background:linear-gradient(#fdfaff,#e9dcfb);color:#6529b1;border-color:#bea3de}
.guide-button{background:#f6f0fc;color:#776187}
.statusbar{padding:9px var(--page-space);border:0;border-top:1px solid #cbb9df;background:#e1d5ee;color:#6c507f;font:11px Consolas,monospace}
.card.form-panel,.card.verification{display:block;width:100%;padding:28px;background:#fbf8ff;border:1px solid #c6b2dd;box-shadow:inset 1px 1px #fff,0 3px 0 #dfd2eb}
.form-panel .inner-title,.verification .inner-title{margin:-28px -28px 24px;padding:10px 16px;font:12px Consolas,monospace;letter-spacing:.3px}
.form-panel h1,.verification h1{font-size:25px;letter-spacing:-.6px;margin:0 0 18px}
.verification .brand-icon{margin-bottom:24px}.verification #challenge{min-width:0}
[data-error]:empty,#verify-status:empty,#recovery-status:empty{display:none}
.notice{border-color:#d4c3e8;background:#f1eafa;color:#766082;border-radius:3px}
.form-panel form>button{width:100%;margin-top:8px}
.form-panel label,.editor label{font-size:13px;color:#644b78;gap:8px}
.detail-layout{gap:36px}.detail-layout h1{letter-spacing:-.7px}.detail-image{border-color:#c8b5df;background:#e7dbf3}
.guide-intro h1{font-size:36px;letter-spacing:-1px}.guide-layout{gap:24px}
.order-steps li{background:#faf7ff;border-color:#c9b8df;box-shadow:inset 1px 1px #fff,0 2px 0 #e0d4ed}
.guide-support{background:#f8f2ff;border-color:#c1a7dc;border-top:3px solid #8956c7;box-shadow:inset 1px 1px #fff}
.whatsapp-button{background:linear-gradient(#f0fff7,#dbeee3);border-color:#a1bcae;color:#275c40;box-shadow:inset 1px 1px #fff,inset -1px -1px #a5bfae}
.whatsapp-button:hover{background:#e1f6e9;border-color:#7b9d87}
.admin-nav{gap:8px;padding-bottom:18px;border-bottom:1px solid #cebbdf}.stat{background:#faf7ff;border-color:#c8b4de;box-shadow:inset 1px 1px #fff}
@media(min-width:1600px){.content{padding-top:36px}.grid{gap:24px}}
@media(max-width:900px){.brand{font-size:26px}.grid{gap:16px}.detail-layout{gap:24px}}
@media(max-width:580px){
 :root{--page-space:16px}.titlebar{font-size:10px;min-height:28px}.toolbar{padding:21px var(--page-space)}
 .brand{font-size:25px;gap:12px}.brand-icon{width:44px;height:44px;font-size:23px}.content{padding:23px var(--page-space) 30px}
 .catalog-heading{margin-bottom:16px}.catalog-heading h1{font-size:21px}.catalog-heading p{font-size:12px;max-width:240px}.catalog-symbol{display:none}
 .search-tools{padding:10px;gap:9px}.search-tools select{width:100%}.search-box input{font-size:13px}.catalog-meta{font-size:11px}
 .grid .card{grid-template-columns:88px minmax(0,1fr);gap:12px;padding:12px}.grid .thumbnail{aspect-ratio:1}
 .card h2{font-size:15px;line-height:1.4;margin:0 0 6px}.card p{font-size:12px;line-height:1.55;margin:0 0 9px}.card .price{font-size:17px;margin:0 0 8px}
 .grid .actions{padding-top:8px;gap:8px}.grid .actions>*{min-height:40px;font-size:12px;padding:7px 8px}
 .empty-state{min-height:310px;padding:36px 18px}.empty-state h2{font-size:21px}.empty-state p{font-size:13px}
 footer{padding:20px 0;gap:14px}.footer-actions{width:100%}.footer-actions .button{font-size:11px;padding:9px 10px}.statusbar{font-size:10px;gap:8px}
 .card.form-panel,.card.verification{padding:20px}.form-panel .inner-title,.verification .inner-title{margin:-20px -20px 22px}
 .form-panel h1,.verification h1{font-size:23px}.guide-intro h1{font-size:30px}.guide-support{padding:22px}.page-heading{flex-wrap:wrap}
}
@media(max-width:360px){:root{--page-space:12px}.grid .card{grid-template-columns:72px minmax(0,1fr);gap:10px}.brand{font-size:23px}}
@media(prefers-reduced-motion:reduce){button,.button,.grid .card{transition:none}}

button.danger{color:#a71939;border-color:#bb6577;background:#fff0f3}button.danger:hover{background:#ffe0e8}

.editor .actions{flex-wrap:wrap;gap:8px}.editor .actions button{flex:1 1 130px}

.checkout-navigation{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin-top:22px;padding-top:20px;border-top:1px solid #d9cce9}.checkout-back{width:100%;min-height:48px;gap:12px}.checkout-back>span:first-child{font-size:21px;line-height:1}.checkout-help{align-self:center;font-size:13px;text-underline-offset:4px;padding:4px;text-align:center}

.sort-picker{position:relative;flex:0 0 252px;min-width:0;z-index:5}
.sort-picker summary{list-style:none;display:flex;align-items:center;gap:12px;cursor:pointer;min-height:58px;padding:10px 14px;border:1px solid #ac8bd5;border-radius:6px;background:linear-gradient(135deg,#fffaff,#eadeff);box-shadow:inset 1px 1px #fff,0 3px 0 #d4c3e9}
.sort-picker summary::-webkit-details-marker{display:none}
.sort-picker summary:focus-visible{outline:3px solid #9860ea;outline-offset:3px}
.sort-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:5px;background:#e4d3ff;color:#671cc5;font-size:23px}
.sort-picker summary small{display:block;font-size:9px;letter-spacing:1.3px;color:#8c69ad;margin-bottom:4px}
.sort-picker summary strong{font-size:14px;color:#482272}
.sort-chevron{margin-left:auto;color:#7434ba;transition:transform .15s}
.sort-picker[open] .sort-chevron{transform:rotate(180deg)}
.sort-picker[open] summary{border-color:#8951d8;background:#f1e7ff}
.sort-menu{position:absolute;top:calc(100% + 10px);right:0;width:290px;max-width:calc(100vw - 32px);margin:0;padding:8px;border:1px solid #b18cd9;border-radius:8px;background:#fcf9ff;box-shadow:0 12px 28px #38136826,inset 0 1px #fff}
.sort-menu legend{float:left;width:100%;padding:8px 10px 12px;font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:#9b80b4}
.sort-option{position:relative;display:flex;align-items:center;gap:10px;margin:3px 0;padding:12px 10px;border:1px solid transparent;border-radius:5px;cursor:pointer}
.sort-option input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;padding:0}
.sort-option strong{display:block;font-size:13px;color:#51316f}
.sort-option small{display:block;font-size:11px;color:#9a83af;margin-top:5px}
.sort-check{margin-left:auto;color:#762cce;visibility:hidden}
.sort-option:hover{background:#f2eafa}
.sort-option:has(input:checked){background:#ede0ff;border-color:#d8b9fa}
.sort-option:has(input:checked) .sort-check{visibility:visible}
.sort-option:has(input:focus-visible){outline:2px solid #9959e8;outline-offset:1px}
@media(max-width:580px){.sort-picker{flex:auto;width:100%}.sort-menu{width:100%;max-width:100%}}
/* Compact catalog cards; checkout and admin panels keep their existing sizing. */
#products .grid{gap:14px}
#products .card{padding:11px}
#products .thumbnail{aspect-ratio:2.7/1}
#products .card h2{font-size:16px;line-height:1.35;margin:11px 1px 6px}
#products .card p{font-size:13px;line-height:1.5;margin:0 1px 10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
#products .price{font-size:19px;margin:0 1px 10px}
#products .actions{padding-top:9px;gap:8px}
#products .actions>*{font-size:13px;padding:8px 10px}
@media(min-width:1280px){#products .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:580px){
 #products .grid{gap:10px}
 #products .card{grid-template-columns:76px minmax(0,1fr);padding:10px;gap:10px}
 #products .thumbnail{aspect-ratio:1}
 #products .card h2{font-size:14px;margin:0 0 5px}
 #products .card p{font-size:12px;line-height:1.45;margin:0 0 7px;-webkit-line-clamp:2}
 #products .price{font-size:16px;margin:0 0 7px}
 #products .actions{padding-top:7px;gap:6px}
 #products .actions>*{font-size:12px;min-height:40px;padding:7px 6px}
}
@media(max-width:360px){#products .card{grid-template-columns:64px minmax(0,1fr);gap:8px}}
.product-detail{max-width:1240px;margin:0 auto}.detail-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.detail-nav>span{font:10px Consolas,monospace;letter-spacing:1.5px;color:#9476ac}.product-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:start}.product-preview{min-width:0;border:1px solid #bba1d8;background:#f8f2ff;border-radius:6px;overflow:hidden;box-shadow:0 5px 0 #e0d2ec}.preview-bar{display:flex;justify-content:space-between;padding:12px 16px;background:#ece0fa;border-bottom:1px solid #d1bce5;font:10px Consolas,monospace;letter-spacing:1.3px;color:#8c67af}.preview-bar>span:first-child{color:#aa84d0;letter-spacing:4px}.product-preview .detail-image{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;border:0;margin:0;background:linear-gradient(135deg,#ede2fb,#d9c2f4)}.product-preview .detail-image.empty{display:grid;place-items:center;font:64px Consolas,monospace;color:#8b5dc3}.preview-caption{display:flex;justify-content:space-between;gap:10px;padding:14px 16px;color:#8a6a9e;font-size:11px;border-top:1px solid #dfceec}.product-gallery{display:flex;gap:8px;padding:12px;overflow-x:auto}.product-gallery a{flex:0 0 90px;border:1px solid #cbb0e6;border-radius:4px;overflow:hidden}.product-gallery img{display:block;width:90px;height:62px;object-fit:cover}.product-summary{min-width:0;padding:4px 0}.product-badges{display:flex;flex-wrap:wrap;gap:8px}.product-badges span{font:10px Consolas,monospace;letter-spacing:.6px;color:#8051a7;background:#efe2ff;padding:7px 10px;border:1px solid #dac3ef;border-radius:3px}.product-summary h1{font-size:clamp(26px,2.8vw,38px);line-height:1.17;letter-spacing:-1px;color:#34115a;margin:18px 0 14px;overflow-wrap:anywhere}.product-intro{font-size:14px;line-height:1.8;color:#80648f;margin:0 0 24px;white-space:pre-wrap;overflow-wrap:anywhere}.product-purchase{padding:22px;border:1px solid #c6a8e4;border-top:3px solid #8b49da;background:linear-gradient(135deg,#fcfaff,#f0e5fc);border-radius:5px}.purchase-label,.section-eyebrow{font:10px Consolas,monospace;letter-spacing:1.5px;color:#9a72b6}.product-purchase .price{font-size:32px;margin:10px 0;color:#6920bd;letter-spacing:-1px}.purchase-note{font-size:11px;color:#927c9e;line-height:1.6;margin:0 0 20px}.product-buy{width:100%;min-height:48px}.delivery-note{font-size:11px;line-height:1.6;color:#876499;margin:14px 0 0;text-align:center}.delivery-note span{color:#7a36bf}.product-demo{margin-top:22px}.product-demo .demo-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.product-demo .button{flex:1;font-size:12px}.product-information{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;margin-top:36px;padding-top:32px;border-top:1px solid #d7c4e7}.product-description,.product-spec{background:#faf7ff;border:1px solid #d2bde5;border-radius:5px;padding:24px;min-width:0}.product-description{align-self:start}.product-detail h2{font-size:19px;color:#482364;margin:10px 0 18px}.product-detail .prose{font-size:14px;line-height:1.85;color:#796185;overflow-wrap:anywhere}.product-specs{display:grid;gap:12px;min-width:0}.product-spec{padding:20px}.spec-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}.spec-heading>span{font:11px Consolas,monospace;color:#996dbb;background:#efe3fa;padding:7px;border-radius:3px}.spec-heading h2{font-size:15px;margin:0}.product-help{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;margin-top:28px;border:1px dashed #c3a4db;background:#f3eafa;border-radius:5px}.product-help strong{font-size:14px;color:#70438c}.product-help p{font-size:12px;color:#957aa3;margin:8px 0 0}.product-help .button{flex-shrink:0;font-size:12px}@media(max-width:760px){.product-hero,.product-information{grid-template-columns:1fr;gap:24px}.detail-nav{margin-bottom:20px}.detail-nav>span{display:none}.product-summary h1{font-size:28px;letter-spacing:-.6px}.product-purchase{padding:20px}.product-purchase .price{font-size:28px}.product-information{margin-top:26px;padding-top:24px}.product-description,.product-spec{padding:20px}.product-help{align-items:stretch;flex-direction:column;padding:20px}.product-intro{margin-bottom:20px}.product-gallery a,.product-gallery img{width:76px;flex-basis:76px}.product-preview .detail-image{aspect-ratio:16/9}}