/* Moducase accessory product page (uses the Mono page styles for gallery, options and price) */
.dbxa-p .ap-pg{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:start;margin-top:8px}
.dbxa-p .ap-gal{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:start}
.dbxa-p .ap-thumbs{flex-direction:column}
.dbxa-p .ap-right{display:flex;flex-direction:column;gap:16px;min-width:0}
.dbxa-p .ap-fits{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;background:linear-gradient(180deg,#1E2036,#17182A);border:1px solid rgba(35,218,247,.25)}
.dbxa-p .ap-fits .lbl{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#23DAF7}
.dbxa-p .ap-fchips{display:flex;flex-wrap:wrap;gap:8px}
.dbxa-p .ap-fchip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:700;color:#fff}
.dbxa-p .ap-fchip img{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#1C2340}
.dbxa-p .ap-all{font-size:14px;font-weight:700;color:#5EE6B0}
.dbxa-p .ap-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dbxa-p .ap-opts .opt{padding:10px 12px}
.dbxa-p .ap-opts .opt b{font-size:13.5px}
.dbxa-p .ap-qty{display:flex;align-items:center;border:1px solid #33375A;border-radius:999px;overflow:hidden}
.dbxa-p .ap-qty button{width:44px;height:48px;border:0;background:transparent;color:#fff;font-size:20px;cursor:pointer}
.dbxa-p .ap-qty span{min-width:34px;text-align:center;font-weight:800}
.dbxa-p .ap-two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.dbxa-p .ap-spec{width:100%;border-collapse:collapse;font-size:14px}
.dbxa-p .ap-spec th{text-align:left;font-weight:600;color:#9EA1BC;padding:11px 12px 11px 0;border-bottom:1px solid #262A42;width:38%;vertical-align:top}
.dbxa-p .ap-spec td{padding:11px 0;border-bottom:1px solid #262A42;color:#fff}
.dbxa-p .ap-h{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:20px}
.dbxa-p .ap-cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.dbxa-p .ap-cc{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;text-align:left;font:inherit;color:inherit;padding:0;cursor:pointer;background:linear-gradient(180deg,#1E2036,#17182A);border:2px solid transparent}
.dbxa-p .ap-cc.yes{border-color:rgba(94,230,176,.55);box-shadow:0 0 0 1px rgba(94,230,176,.15),0 8px 22px rgba(0,0,0,.35)}
.dbxa-p .ap-cc.no{opacity:.62;border-color:#262A42}.dbxa-p .ap-cc.no:hover{opacity:1;border-color:#33375A}
.dbxa-p .ap-cc .im{position:relative;aspect-ratio:6/5;overflow:hidden;background:#161A30}.dbxa-p .ap-cc .im img{width:100%;height:100%;object-fit:cover;display:block}
.dbxa-p .ap-cc .im em{position:absolute;left:10px;top:10px;font-style:normal;font-size:11px;font-weight:800;padding:4px 9px;border-radius:999px;background:rgba(16,17,25,.8);color:#D9DAE8}
.dbxa-p .ap-cc.yes .im em{background:#5EE6B0;color:#0E2A1F}
.dbxa-p .ap-cc .tx{display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px}
.dbxa-p .ap-cc b{font-size:14px;color:#fff}.dbxa-p .ap-cc .tx span{font-size:12px;color:#9EA1BC;line-height:1.4}
.dbxa-p .ap-cc.yes .tx span{color:#5EE6B0;font-weight:700}
.dbxa-p .agrid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.dbxa-p .ap-pg,.dbxa-p .ap-two{grid-template-columns:1fr;gap:28px}.dbxa-p .ap-gal{grid-template-columns:1fr}.dbxa-p .ap-thumbs{flex-direction:row;order:2}.dbxa-p .agrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Same price, stock, detail cards, button and payment rows as the case product pages */
.dbxa-p .ap-price{display:flex;align-items:baseline;gap:8px}
.dbxa-p .ap-price b{font-size:30px;font-weight:800;color:#02F6ED}
.dbxa-p .ap-price span{font-size:13px;color:#b3b3b3}
.dbxa-p .ap-stock{display:flex;align-items:center;gap:8px;margin:8px 0 0;font-size:14px;color:#d6d6d6}
.dbxa-p .ap-stock i{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:#2ecc71}
.dbxa-p .ap-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dbxa-p .ap-cards>div{background:#24263A;border:1px solid #2A2D45;border-radius:14px;padding:10px 14px}
.dbxa-p .ap-cards>div>span{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#b3b3b3;margin-bottom:4px}
.dbxa-p .ap-cards b{font-family:Michroma,Arial,sans-serif;font-weight:400;font-size:15px;color:#fff}
.dbxa-p .ap-buy{flex:1;height:50px;border-radius:40px;background:#fff;color:#000;font:800 15px/1 Montserrat,Arial,sans-serif;letter-spacing:.05em;border:0;cursor:pointer}
.dbxa-p .ap-buy:disabled{opacity:.5;cursor:not-allowed}
.dbxa-p .ap-qty{height:50px;border-radius:40px}
.dbxa-p .ap-pay{display:flex;flex-direction:column;gap:6px}
.dbxa-p .ap-pay>div{display:flex;align-items:center;gap:12px;padding:7px 12px;border-radius:12px;background:#1E1F2C;border:1px solid #2A2D45}
.dbxa-p .ap-pay .lg{flex:0 0 86px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#23daf7;font-weight:800;line-height:1.3}
.dbxa-p .ap-pay .lg img{display:block;height:26px;width:auto;border-radius:5px}
.dbxa-p .ap-pay .tx{flex:1 1 auto;min-width:0;line-height:1.35}
.dbxa-p .ap-pay .tx b{display:block;font-size:13px;font-weight:700;color:#fff}
.dbxa-p .ap-pay .tx small{display:block;font-size:11px;color:#b3b3b3}

/* Header block matched to the case pages */
.dbxa-p .ap-right{gap:14px}
.dbxa-p .ap-eye{font-size:13px;font-weight:800;letter-spacing:.25em;text-transform:uppercase;color:#23daf7}
.dbxa-p .ap-title{font-family:Michroma,Arial,sans-serif!important;font-weight:400!important;font-size:clamp(28px,3.2vw,44px)!important;line-height:1.12!important;color:#fff;margin:0;letter-spacing:.01em}
.dbxa-p .ap-cards .ap-fitcard{grid-column:1 / -1}
.dbxa-p .ap-cards b small{font-family:Montserrat,Arial,sans-serif;font-size:12px;color:#b3b3b3}
.dbxa-p .ap-fitcard .ap-fchips{margin-top:6px}
.dbxa-p .ap-fitcard .ap-fchip{background:rgba(255,255,255,.05)}
.dbxa-p .ap-lead{margin:4px 0 0;font-size:14.5px;line-height:1.65;color:#C9CBDC}

/* Lower sections, matched to the case pages */
.dbxa-p .ap-k{font-size:12px;letter-spacing:.25em;text-transform:uppercase;font-weight:700;color:#23daf7}
.dbxa-p .ap-h2{font-family:Michroma,Arial,sans-serif!important;font-weight:400!important;font-size:28px!important;line-height:1.2!important;color:#fff;margin:8px 0 22px}
.dbxa-p .ap-wd{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-radius:16px;border:1px solid #2A2D45;background:linear-gradient(90deg,#1b1f33,#171827);color:#fff;text-decoration:none}
.dbxa-p .ap-wd:hover{border-color:#33375A}
.dbxa-p .ap-wd-tx{display:flex;flex-direction:column;gap:4px;min-width:0}
.dbxa-p .ap-wd-t{font-family:Michroma,Arial,sans-serif;font-size:24px;color:#fff}
.dbxa-p .ap-wd-s{font-size:13px;color:#b3b3b3;margin-top:2px}
.dbxa-p .ap-wd-go{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border-radius:40px;background:#02F6ED;color:#12131F;font-weight:800;font-size:13px;letter-spacing:.06em;white-space:nowrap}
.dbxa-p .ap-det{display:flex;flex-wrap:wrap;gap:36px;align-items:flex-start}
.dbxa-p .ap-det-l{flex:0 1 420px;min-width:0}
.dbxa-p .ap-det-r{flex:1 1 460px;min-width:0}
.dbxa-p .ap-sub{font-size:14px;font-weight:700;color:#fff;margin-bottom:12px}
.dbxa-p .ap-sub .soft{font-weight:500;font-size:12.5px}
.dbxa-p .ap-clist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dbxa-p .ap-ci{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 8px;border-radius:12px;background:#1E1F2C;border:1px solid #2A2D45;text-decoration:none;color:#fff;font:inherit;text-align:left;cursor:pointer;min-width:0}
.dbxa-p .ap-ci img,.dbxa-p .ap-ci i{flex:0 0 auto;width:52px;height:44px;border-radius:8px;object-fit:cover;background:#161A30}
.dbxa-p .ap-ci span{display:flex;flex-direction:column;gap:2px;min-width:0}
.dbxa-p .ap-ci b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dbxa-p .ap-ci small{font-size:11.5px;color:#9EA1BC;line-height:1.35}
.dbxa-p .ap-ci.yes{border-color:rgba(94,230,176,.5)}
.dbxa-p .ap-ci.yes small{color:#5EE6B0;font-weight:700}
.dbxa-p .ap-ci.no{opacity:.6}.dbxa-p .ap-ci.no:hover{opacity:1}
.dbxa-p .ap-dt{width:100%;border-collapse:collapse;font-size:14px}
.dbxa-p .ap-dt th{text-align:left;font-weight:600;color:#b3b3b3;padding:10px 12px 10px 0;border-bottom:1px solid #333;width:42%;vertical-align:top}
.dbxa-p .ap-dt td{padding:10px 0;border-bottom:1px solid #333;color:#fff}
.dbxa-p .ap-tips{margin-top:18px;display:flex;flex-direction:column;gap:10px}
.dbxa-p .ap-tips>div{display:flex;gap:10px;font-size:13.5px;line-height:1.55;color:#C9CBDC}
.dbxa-p .ap-tips>div>span:first-child{color:#23DAF7;font-weight:800}
.dbxa-p .ap-tips b{display:block;color:#fff;font-size:14px}
@media (max-width:700px){.dbxa-p .ap-wd{flex-direction:column;align-items:flex-start}.dbxa-p .ap-wd-t{font-size:20px}.dbxa-p .ap-clist{grid-template-columns:1fr}}