/* XYLO V2.19 — Product details rebuilt to match the CoreX mobile information hierarchy.
 * Scoped entirely to the product details view; shared header and purchase logic preserved. */
:root{--xv219-accent:#7040d8;--xv219-light:#a050ec;--xv219-rgb:112,64,216;}
body.xv21-product-page{background:#100a1b;color:#faf7ff;}
body.xv21-product-page .xv219-page{width:min(1020px,100%);padding:22px 18px 180px;position:relative;isolation:isolate;}
.xv219-page,.xv219-page *{box-sizing:border-box}
.xv219-page{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;}
.xv219-page a{color:inherit;text-decoration:none}
.xv219-page .xv219-icon{flex-shrink:0;display:inline-block;vertical-align:middle}
.xv219-topbar{margin:0 0 18px}
.xv219-back{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:13px;background:#1d112b;border:1px solid #513368;color:#ead9ff!important;font-size:12px;font-weight:800;transition:background .2s ease,border-color .2s ease}
.xv219-back:hover{background:#2e1a45;border-color:#9860e3}
.xv219-identity{display:flex;align-items:center;gap:15px;padding:13px 16px;border-radius:20px;background:linear-gradient(115deg,#241633,#130d1e 56%,#21152f);border:1px solid #684087;box-shadow:0 12px 34px #07030c6b,0 0 0 1px #a050ec12 inset;position:relative;overflow:hidden}
.xv219-identity:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(110deg,transparent 75%,#a050ec12 95%)}
.xv219-identity-art{width:62px;height:62px;object-fit:cover;border-radius:14px;border:1px solid #ab78dd66;flex:0 0 auto;background:#160d25}
.xv219-identity-content{min-width:0;position:relative;z-index:1}.xv219-identity h1{font-size:clamp(17px,2.7vw,26px);letter-spacing:-.035em;line-height:1.2;font-weight:900;margin:0 0 9px;color:#fff}
.xv219-identity-tags{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.xv219-identity-tags>span{display:inline-flex;align-items:center;gap:5px;background:#150e21;border:1px solid #5b416d;border-radius:999px;min-height:24px;padding:3px 8px;font-size:10px;color:#d9c9e7;font-weight:750}
.xv219-identity-tags img{height:16px;width:16px;border-radius:50%;object-fit:contain}
.xv219-identity-tags .xv219-state-available{color:#87e9b4;border-color:#285f4c;background:#0f2820}
.xv219-identity-tags .xv219-state-maint{color:#ffb78e;border-color:#6c3628;background:#29140f}
.xv219-section{position:relative;margin:18px 0 0;padding:19px;border-radius:21px;background:linear-gradient(145deg,#18101f,#100b17 68%,#1e132a);border:1px solid #5b3977;box-shadow:0 12px 28px #03010750,0 1px 0 #c48aff10 inset}
.xv219-heading{display:flex;align-items:center;gap:10px;margin:0 0 15px;color:#f8f4fb;font-size:19px;font-weight:900;letter-spacing:-.025em}
.xv219-hotdot{width:10px;height:10px;border-radius:50%;background:#c93bff;box-shadow:0 0 0 6px #a050ec1a,0 0 13px #a050ec}
.xv219-showcase{padding:0;border:0;background:transparent;box-shadow:none}
.xv219-showcase .xv219-heading{margin:20px 0 13px}
.xv219-gallery{border-radius:20px;border:1px solid #6a4387;background:#0b0812;padding:10px;box-shadow:0 16px 42px #03010688,0 0 0 1px #a050ec12 inset;overflow:hidden}
.xv219-gallery-stage{width:100%;aspect-ratio:16/9;position:relative;border:1px solid #543365;border-radius:13px;overflow:hidden;background:#090611}
.xv219-gallery-stage img{display:none;object-fit:contain;width:100%;height:100%;background:#08070e;position:absolute;inset:0}
.xv219-gallery-stage img.is-active{display:block;animation:xv219-in .18s ease-out both}
@keyframes xv219-in{from{opacity:.4}to{opacity:1}}
.xv219-thumbstrip{display:flex;gap:8px;padding:11px 0 2px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;touch-action:pan-x pan-y}
.xv219-thumbstrip::-webkit-scrollbar{display:none}
.xv219-thumb{border:1px solid #4b355c;border-radius:10px;position:relative;flex:0 0 92px;aspect-ratio:16/9;overflow:hidden;background:#110b1a;cursor:pointer;scroll-snap-align:start;padding:0;transition:border-color .18s ease,box-shadow .18s ease}
.xv219-thumb.is-active{border-color:#d4a3ff;box-shadow:0 0 0 2px #a050ec80,0 0 16px #a050ec33}
.xv219-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.xv219-gallery-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin:9px auto 1px}
.xv219-gallery-controls button{width:37px;height:37px;border:1px solid #714d8d;background:#261836;color:#dfb9ff;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:transform .15s,border-color .15s}
.xv219-gallery-controls button:hover{transform:scale(1.07);border-color:#d1a4ff}
.xv219-gallery-controls span{color:#c7a3e8;font-weight:800;letter-spacing:.15em;font-size:12px}.xv219-gallery-controls b{color:white}.xv219-gallery-controls em{margin:0 7px;opacity:.4;font-style:normal}
.xv219-section-title{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.xv219-squareicon{height:43px;width:43px;display:grid;place-items:center;flex:0 0 auto;color:#debaff;background:linear-gradient(145deg,#342144,#1b1226);border:1px solid #795398;border-radius:12px}
.xv219-section-title small,.xv219-private-heading small{color:#b589d5;font-weight:900;letter-spacing:.15em;font-size:9px}
.xv219-section-title h2,.xv219-private-heading h2{margin:3px 0 0;line-height:1.1;color:#f8f1ff;font-size:17px;font-weight:950}
.xv219-section-title p{margin:4px 0 0;font-size:11px;color:#a997b9}
.xv219-accordion{display:grid;gap:9px}
.xv219-featuregroup{background:linear-gradient(110deg,#24162d,#140f1c);border:1px solid #624276;border-radius:14px;overflow:hidden}
.xv219-featuregroup summary{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;list-style:none;min-height:58px}
.xv219-featuregroup summary::-webkit-details-marker{display:none}
.xv219-feature-symbol{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border:1px solid #6d4989;border-radius:10px;background:#382449;color:#d19df7}
.xv219-feature-label{flex:1;min-width:0}.xv219-feature-label strong{display:block;font-size:12px;color:#f2e8f8}.xv219-feature-label small{display:block;font-size:10px;color:#b3a1c0;margin-top:2px}
.xv219-accordion-chevron{height:28px;width:28px;display:grid;place-items:center;border-radius:8px;background:#31203d;color:#d29efd;transition:transform .18s ease}
.xv219-featuregroup[open] .xv219-accordion-chevron{transform:rotate(180deg)}
.xv219-feature-content{display:grid;gap:6px;margin:0 10px 11px;border-top:1px solid #50345d;padding-top:10px}
.xv219-feature-line{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.5;color:#d5c6dd;background:#130e1b;border-radius:9px;padding:9px 10px;border:1px solid #34243d}
.xv219-feature-line svg{color:#b477ed;margin-top:1px}
.xv219-subheading{font-size:17px;font-weight:900;margin:0 0 11px;color:#fff}
.xv219-guide-list{display:grid;gap:8px}.xv219-guide{display:flex;align-items:center;gap:12px;border:1px solid #704a84;background:#27192e;border-radius:13px;padding:10px;min-height:58px}
.xv219-guide>strong{min-width:0;flex:1;font-size:12px}.xv219-guide>svg{color:#c8a4df}
.xv219-guide-icon{flex:0 0 40px;height:40px;display:grid;place-items:center;background:#ae1d54;color:#fff;border-radius:10px}
.xv219-guide:hover{border-color:#ae81e8;background:#321b42}
.xv219-property .xv219-section-title{margin-bottom:11px}.xv219-property-content{background:#140e1d;border:1px solid #483055;border-radius:12px;padding:14px 15px;color:#e0d1e7;font-weight:700;font-size:12px;line-height:1.6;display:flex;align-items:center;gap:10px}
.xv219-property-content svg{color:#68d9a1}
.xv219-about p{margin:0;color:#bfaacb;font-size:12px;line-height:1.75}
.xv219-private{border-color:#a94152;background:linear-gradient(140deg,#311018,#190c13 75%,#2a101f);box-shadow:0 0 0 1px #eb3f5218 inset,0 12px 40px #12040b66}
.xv219-private:before{content:"";position:absolute;right:16px;top:12px;width:120px;height:120px;pointer-events:none;background:radial-gradient(circle,#ed3c4a20,transparent 70%)}
.xv219-private-heading{display:flex;align-items:center;gap:12px;position:relative}
.xv219-private-icon{height:47px;width:47px;display:grid;place-items:center;color:#ffd8d9;background:#511723;border:1px solid #d25364;border-radius:13px;box-shadow:0 0 18px #ed3c4a22}
.xv219-private-heading>div{flex:1;min-width:0}.xv219-private-heading small{color:#ff8d98}.xv219-private-heading h2{font-size:18px}
.xv219-private-status{color:#ffd8dc;font-size:9px;font-weight:900;letter-spacing:.1em;background:#661927;border:1px solid #d35265;border-radius:999px;padding:7px 10px}
.xv219-private-copy{color:#e0b5be;font-size:12px;line-height:1.7;margin:15px 0 13px;max-width:550px}
.xv219-unlock-cta{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,#9b2034,#df4055);border:1px solid #f56a7f;color:white;font-weight:900;padding:12px 16px;border-radius:12px;cursor:pointer;min-height:44px;box-shadow:0 9px 18px #d12b4733;font-size:12px}
.xv219-unlock-cta:hover{filter:brightness(1.1)}.xv219-unavailable{font-size:12px;color:#ffacb7}
.xv219-private.xv219-is-unlocked{border-color:#417a65;background:linear-gradient(130deg,#142920,#111b18)}.xv219-is-unlocked .xv219-private-icon{background:#1b4938;color:#86efbc;border-color:#388764}.xv219-is-unlocked .xv219-private-heading small{color:#9aebbd}.xv219-is-unlocked .xv219-private-status{background:#16402d;color:#a1ffc8;border-color:#3b875d}
.xv219-private-items{margin-top:13px;display:grid;gap:8px}
.xv219-private-item{display:flex;align-items:center;gap:10px;min-height:46px;border:1px solid #386d55;background:#102319;border-radius:11px;padding:10px;color:#e8fcec}
.xv219-private-item span{color:#8eeabd}.xv219-private-item strong{font-size:12px;flex:1}.xv219-private-item>svg{color:#8eeabd}.xv219-private-item:hover{background:#173222}
.xv219-resources h2{font-size:18px;margin:0 0 3px;font-weight:900}.xv219-resources>p{font-size:12px;color:#ab97b8;margin:0 0 14px}
.xv219-resource-links{display:grid;gap:8px}
.xv219-resource-links a{display:flex;align-items:center;gap:12px;background:#23152c;border:1px solid #4f335f;padding:12px;border-radius:12px;min-height:61px}
.xv219-resource-links a>svg:first-child{box-sizing:content-box;padding:9px;border:1px solid #6c4981;border-radius:9px;color:#cf9af2;background:#321d42}
.xv219-resource-links a span{flex:1}.xv219-resource-links strong{font-size:12px;display:block}.xv219-resource-links small{font-size:10px;color:#ab96b7;display:block;margin-top:2px}
.xv219-resource-links a>svg:last-child{color:#bd97da}.xv219-resource-links a:hover{border-color:#b57eec}
/* Keep existing purchase forms and their JavaScript. Visual changes only. */
.xv21-product-page .xv73d-buybar{z-index:2147483000;border-radius:17px;border-color:#70479a;background:#120c1ceF;box-shadow:0 16px 30px #0009,0 0 24px #7540c51a;padding:10px 12px}
.xv21-product-page .xv73d-buybar .xv73d-buy{background:linear-gradient(135deg,#7040d8,#a050ec);border-color:#c98bff;color:white;box-shadow:0 0 18px #a050ec33}
.xv21-product-page .xv73d-purchase-panel{background:#130b1b;border-color:#785298}
.xv21-product-page .xv73d-option{background:#1b1125;border-color:#58386f}
.xv21-product-page .xv73d-option.is-selected{border-color:#b17bec;background:#30203c}
.xv21-product-page .xv73d-purchase-foot{background:#160d20}
@media(max-width:600px){
 body.xv21-product-page .xv219-page{padding:15px 12px 170px}
 .xv219-topbar{margin-bottom:12px}
 .xv219-back{font-size:11px;padding:9px 11px}
 .xv219-identity{padding:11px;gap:11px;border-radius:15px}
 .xv219-identity-art{width:51px;height:51px;border-radius:12px}
 .xv219-identity h1{font-size:16px;margin-bottom:6px}
 .xv219-identity-tags{gap:5px}.xv219-identity-tags>span{padding:3px 6px;min-height:21px;font-size:9px}
 .xv219-section{padding:14px;margin-top:13px;border-radius:16px}
 .xv219-showcase{padding:0}.xv219-showcase .xv219-heading{margin:17px 0 11px;font-size:16px}
 .xv219-gallery{padding:7px;border-radius:14px}
 .xv219-gallery-stage{border-radius:9px}
 .xv219-thumb{flex-basis:75px;border-radius:8px}
 .xv219-gallery-controls button{width:34px;height:34px}
 .xv219-section-title h2{font-size:15px}.xv219-private-heading h2{font-size:17px}
 .xv219-squareicon{width:38px;height:38px}
 .xv219-feature-line{font-size:11px}
 .xv219-private-icon{width:42px;height:42px}
 .xv219-private-status{font-size:8px;padding:6px 7px}
 .xv21-product-page .xv73d-buybar{bottom:max(74px,env(safe-area-inset-bottom));width:calc(100% - 24px)}
}
@media(prefers-reduced-motion:reduce){.xv219-gallery-stage img.is-active{animation:none}.xv219-accordion-chevron,.xv219-thumb,.xv219-gallery-controls button{transition:none}}

/* Existing reseller-only green accent is retained, while the locked area stays red. */
.xv219-page.is-reseller .xv219-identity{border-color:#286a53;background:linear-gradient(125deg,#142d25,#110f1b 67%,#102b22)}
.xv219-page.is-reseller .xv219-identity-art{border-color:#43aa7a66}
.xv219-page.is-reseller .xv219-hotdot{background:#34d399;box-shadow:0 0 0 6px #34d39920,0 0 13px #34d399}
.xv219-page.is-reseller .xv219-gallery{border-color:#286a53}
.xv219-page.is-reseller .xv219-thumb.is-active{border-color:#75dbab;box-shadow:0 0 0 2px #34d39980,0 0 16px #34d39933}
.xv219-page.is-reseller .xv219-squareicon{color:#7bdfb5;border-color:#357c60;background:linear-gradient(145deg,#1b3b2d,#14271e)}
.xv219-page.is-reseller .xv219-featuregroup{border-color:#315e48;background:linear-gradient(110deg,#193125,#140f1c)}
.xv219-page.is-reseller .xv219-accordion-chevron{color:#8cdeaf;background:#1c4030}
.xv219-page.is-reseller .xv219-feature-symbol{color:#8cdeaf;background:#1c3c2f;border-color:#356d51}
.xv219-page.is-reseller .xv219-guide:hover,.xv219-page.is-reseller .xv219-resource-links a:hover{border-color:#52ad7e}