/* Moducase Mono product page */
.dbxm-mono .mg{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-top:8px}
.dbxm-mono .mg-l{display:flex;flex-direction:column;gap:14px;min-width:0}
.dbxm-mono .mg-r{display:flex;flex-direction:column;gap:16px;padding-top:6px;min-width:0}
.dbxm-mono .mmain{border-radius:22px;overflow:hidden;background:#161A30;aspect-ratio:6/7}
.dbxm-mono .mmain img{display:block;width:100%;height:100%;object-fit:cover}
.dbxm-mono .mthumbs{display:flex;gap:10px;flex-wrap:wrap}
.dbxm-mono .mthumbs button{width:76px;height:76px;padding:0;border-radius:12px;overflow:hidden;cursor:pointer;background:#161A30;border:2px solid rgba(255,255,255,.08)}
.dbxm-mono .mthumbs button[aria-pressed="true"]{border-color:#23DAF7}
.dbxm-mono .mthumbs img{display:block;width:100%;height:100%;object-fit:cover}
.dbxm-mono .mcard{display:flex;flex-direction:column;gap:12px;margin-top:18px;padding:22px;border-radius:18px;background:linear-gradient(180deg,#1E2036,#17182A)}
.dbxm-mono .mspec{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.dbxm-mono .mspec div{display:flex;justify-content:space-between;gap:12px;padding:11px 14px;font-size:13px;color:#9EA1BC}
.dbxm-mono .mspec div:nth-child(odd){background:rgba(255,255,255,.05)}
.dbxm-mono .mspec div+div{border-top:1px solid rgba(255,255,255,.06)}
.dbxm-mono .mspec b{color:#fff;font-size:14px;white-space:nowrap}
.dbxm-mono .mlead p{margin:0 0 10px;font-size:16px;line-height:1.65;color:#D9DAE8}
.dbxm-mono .mprice{display:flex;align-items:baseline;gap:12px}
.dbxm-mono .mprice b{font-size:30px;color:#fff}
.dbxm-mono .mprice span{font-size:13px;color:#9EA1BC}
.dbxm-mono .mprice .st{margin-left:6px}
.dbxm-mono .mstep{font-size:14px;color:#fff;margin-top:4px}
.dbxm-mono .opt{display:flex;align-items:center;gap:14px;width:100%;padding:12px;border-radius:14px;cursor:pointer;text-align:left;color:#fff;font:inherit;background:rgba(255,255,255,.04);border:2px solid rgba(255,255,255,.1)}
.dbxm-mono .opt[aria-pressed="true"]{background:rgba(35,218,247,.08);border-color:#23DAF7}
.dbxm-mono .opt img{width:64px;height:50px;object-fit:cover;border-radius:8px}
.dbxm-mono .opt>span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}
.dbxm-mono .opt b{font-size:15px;color:#fff}
.dbxm-mono .opt .soft{font-size:13px}
.dbxm-mono .opt .rd{width:20px;height:20px;border-radius:50%;flex:0 0 auto;border:2px solid #5A5E7A;box-shadow:inset 0 0 0 4px #12131F}
.dbxm-mono .opt[aria-pressed="true"] .rd{border-color:#23DAF7;background:#23DAF7}
.dbxm-mono .add{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.dbxm-mono .add img{width:56px;height:44px;object-fit:cover;border-radius:8px}
.dbxm-mono .add>span{display:flex;flex-direction:column;gap:3px;flex:1}
.dbxm-mono .add b{font-size:14px;color:#fff}
.dbxm-mono .add button{min-height:40px;padding:0 18px;border-radius:20px;font:700 13px Montserrat,Arial,sans-serif;cursor:pointer;background:transparent;border:2px solid #8b9099;color:#fff}
.dbxm-mono .add button[aria-pressed="true"]{background:#23DAF7;color:#12131F;border-color:#23DAF7}
.dbxm-mono .add button:disabled{opacity:.45;cursor:not-allowed}
.dbxm-mono .tot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:linear-gradient(180deg,#1E2036,#17182A)}
.dbxm-mono .tot>span{display:flex;flex-direction:column;gap:2px}
.dbxm-mono .mhome{position:relative;border-radius:24px;overflow:hidden;min-height:520px;background:#0E0F14}
.dbxm-mono .mhome>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.dbxm-mono .mhome-fade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,15,20,.94) 0%,rgba(14,15,20,.78) 34%,rgba(14,15,20,0) 62%)}
.dbxm-mono .mhome-tx{position:relative;max-width:420px;padding:48px 0 48px 52px;display:flex;flex-direction:column;gap:16px}
.dbxm-mono .mfq{display:grid;grid-template-columns:1fr 1.4fr;gap:56px;align-items:start}
.dbxm-mono .mnotify{padding:14px;border-radius:14px;background:#1E2036}
@media (max-width:900px){.dbxm-mono .mg,.dbxm-mono .mfq{grid-template-columns:1fr;gap:28px}.dbxm-mono .os{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dbxm-mono .mhome-fade{background:linear-gradient(180deg,rgba(14,15,20,.2),rgba(14,15,20,.95) 55%)}.dbxm-mono .mhome-tx{padding:240px 22px 28px}}
.dbxp-full { background: #12131F; padding: 24px 24px 96px; font-family: Montserrat, Arial, sans-serif; }
.dbxp-full-in { max-width: 980px; margin: 0 auto; border-top: 1px solid #23273F; padding-top: 56px; }
.dbxp-eye { margin: 0 0 8px; font-size: 12px; letter-spacing: .25em; text-transform: uppercase; font-weight: 700; color: #23daf7; }
.dbxp-full-h { font-size: 26px !important; margin: 0 0 20px !important; }
.dbxp-acc { display: flex; flex-direction: column; gap: 8px; }
.dbxp-acc details { border: 1px solid #2A2D45; border-radius: 14px; background: #171827; overflow: hidden; }
.dbxp-acc summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 20px; font-family: Montserrat, Arial, sans-serif; font-weight: 700; font-size: 15.5px; color: #fff; }
.dbxp-acc summary::-webkit-details-marker { display: none; }
.dbxp-acc summary::after { content: "+"; flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: #24263A; color: #23daf7; font-size: 18px; font-weight: 700; }
.dbxp-acc details[open] summary::after { content: "–"; }
.dbxp-acc details[open] summary { border-bottom: 1px solid #23263E; }
.dbxp-acc .dbxp-full-body { padding: 16px 20px 6px; }
.dbxp-acc summary:focus-visible { outline: 2px solid #23daf7; outline-offset: -2px; }
.dbxp-acc .dbxp-acc-h { margin: 0 !important; padding: 0; font-family: Montserrat, Arial, sans-serif !important; font-weight: 700 !important; font-size: 15.5px !important; line-height: 1.4 !important; color: #fff !important; text-transform: none !important; letter-spacing: normal !important; display: inline; }

.dbxp-eye { margin: 0 0 8px; font-size: 13px; font-weight: 700; letter-spacing: .04em; color: #23DAF7; }
.dbxp-full-h { margin: 0 0 28px; font-family: Michroma, Arial, sans-serif; font-weight: 400; font-size: 30px; line-height: 1.25; color: #fff; text-transform: none; letter-spacing: normal; }
.dbxp-full-body { color: #C9CBDC; font-size: 15.5px; line-height: 1.75; }
.dbxp-full-body h2 { margin: 44px 0 12px; font-family: Michroma, Arial, sans-serif; font-weight: 400; font-size: 21px; line-height: 1.35; color: #fff; text-transform: none; letter-spacing: normal; }
.dbxp-full-body h2:first-child { margin-top: 0; }
.dbxp-full-body h3 { margin: 26px 0 8px; font-family: Montserrat, Arial, sans-serif; font-weight: 700; font-size: 16.5px; color: #fff; text-transform: none; letter-spacing: normal; }
.dbxp-full-body p { margin: 0 0 14px; }
.dbxp-full-body strong, .dbxp-full-body b { color: #fff; }
.dbxp-full-body a { color: #23DAF7; text-decoration: underline; text-underline-offset: 3px; }
.dbxp-full-body ul, .dbxp-full-body ol { margin: 0 0 16px; padding-left: 22px; }
.dbxp-full-body li { margin: 4px 0; }
.dbxp-full-body li::marker { color: #23DAF7; }
.dbxp-full-body hr { border: 0; height: 1px; background: #23273F; margin: 40px 0; }
.dbxp-full-body table { width: 100%; max-width: 560px; border-collapse: separate; border-spacing: 0; margin: 4px 0 18px; border: 1px solid #2A2D45; border-radius: 14px; overflow: hidden; background: #171A2E; font-size: 14.5px; }
.dbxp-full-body th, .dbxp-full-body td { padding: 11px 16px; text-align: left; border-bottom: 1px solid #23263E; color: #D9DAE8; }
.dbxp-full-body tr:last-child td { border-bottom: 0; }
.dbxp-full-body th, .dbxp-full-body table > tbody:first-child > tr:first-child td { background: #1E2140; color: #9EA1BC; font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.dbxp-full-body td:nth-child(2) { color: #fff; font-weight: 700; }
@media (max-width: 760px) { .dbxp-full-h { font-size: 24px; } .dbxp-full-body h2 { font-size: 18px; } .dbxp-full { padding: 16px 18px 72px; } }