/* X3 Rackline purchase interface 1.2.0. Standalone CSS; preserves existing theme assets. */
.x3-buy,.x3-checkout,.x3-cart{max-width:1240px!important;margin-top:2.25rem!important;padding-bottom:1.5rem}
.x3-buy *,.x3-checkout *,.x3-cart *{box-sizing:border-box}
.x3-buy-crumbs{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:2rem;font-size:.72rem;color:hsl(var(--color-muted));background:none!important;backdrop-filter:none!important}
.x3-buy-crumbs a:hover{color:hsl(var(--color-base))}.x3-buy-crumbs>span:last-child{color:hsl(var(--color-base))}
.x3-buy-layout,.x3-purchase-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:2.25rem;align-items:start}
.x3-buy-content{min-width:0}.x3-buy-kicker{font-size:.65rem;font-weight:600;letter-spacing:.13em;color:hsl(var(--color-muted));margin:0 0 .75rem;line-height:1.6}
[dir=rtl] .x3-buy-kicker{letter-spacing:0}
.x3-buy-hero{display:grid;grid-template-columns:150px minmax(0,1fr);gap:1.7rem;align-items:center;padding:1.5rem 0 2rem;border-bottom:1px solid hsl(var(--color-neutral))}
.x3-buy-cover{width:150px;height:150px;border:1px solid hsl(var(--color-neutral));border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,hsl(var(--color-background-secondary)),hsl(var(--color-background)))}
.x3-buy-cover img{display:block;width:100%;height:100%;object-fit:contain}.x3-buy-cover .x3-hardware{width:180px;max-width:none;flex-shrink:0;height:100px;margin:0}
.x3-buy h1{font-size:clamp(2rem,3.3vw,3rem);font-weight:650;line-height:1.15;letter-spacing:-.045em;margin:0 0 .9rem;overflow-wrap:anywhere}
[dir=rtl] .x3-buy h1{letter-spacing:0;line-height:1.45}
.x3-buy-intro{font-size:.86rem;line-height:1.85;color:hsl(var(--color-muted));margin:0;max-width:34rem}
.x3-buy-badges{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.x3-buy-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .55rem;border:1px solid hsl(var(--color-neutral));border-radius:4px;font-size:.63rem;line-height:1.7}
.x3-status-dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.8}.x3-buy-recommended{background:hsl(var(--color-base));color:hsl(var(--color-background));border-color:hsl(var(--color-base))}
.x3-resource-section{margin-block:1.7rem 2rem}.x3-buy-section-title{font-size:.76rem!important;font-weight:600;letter-spacing:0!important;margin:0 0 .8rem}
.x3-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:0}
.x3-resource-grid>div{border:1px solid hsl(var(--color-neutral));padding:1rem;border-radius:7px;background:hsl(var(--color-background-secondary))}
.x3-resource-grid dt{display:flex;gap:.5rem;align-items:center;font-size:.65rem;color:hsl(var(--color-muted));margin-bottom:.55rem;line-height:1.6}.x3-resource-glyph{font:16px/1.2 Arial,sans-serif}
.x3-resource-grid dd{font-size:1.05rem;font-weight:600;line-height:1.5;margin:0;overflow-wrap:anywhere}.x3-resource-grid bdi{unicode-bidi:isolate;font-variant-numeric:tabular-nums}
.x3-buy-description{margin-top:2rem;padding:1.6rem;border:1px solid hsl(var(--color-neutral));border-radius:9px;background:hsl(var(--color-background-secondary))}
.x3-buy-section-head{display:flex;gap:.75rem;align-items:center;margin-bottom:1.25rem}.x3-buy-section-head h2{font-size:1rem!important;line-height:1.5!important;font-weight:600;margin:0;letter-spacing:0!important}.x3-buy-index{font:11px/1 Consolas,monospace;color:hsl(var(--color-muted));border:1px solid hsl(var(--color-neutral));padding:.45rem;border-radius:4px;flex-shrink:0}
.x3-purchase-rich{font-size:.83rem;line-height:1.85;overflow-wrap:anywhere}.x3-purchase-rich>:first-child{margin-top:0}.x3-purchase-rich>:last-child{margin-bottom:0}
.x3-purchase-rich h1,.x3-purchase-rich h2,.x3-purchase-rich h3,.x3-purchase-rich h4{font-size:1rem!important;font-weight:600;line-height:1.6!important;margin-block:1.25rem .65rem!important;letter-spacing:0!important}
.x3-purchase-rich p{margin-block:.75rem!important}.x3-purchase-rich ul,.x3-purchase-rich ol{padding-inline-start:1.3rem;margin-block:.8rem}.x3-purchase-rich li{margin-block:.3rem;padding-inline-start:.2rem}.x3-purchase-rich li>p{margin-block:.3rem!important}
.x3-purchase-rich pre,.x3-purchase-rich table{overflow:auto;max-width:100%}.x3-purchase-rich img{max-height:300px;object-fit:contain}.x3-purchase-rich blockquote{border-inline-start:2px solid hsl(var(--color-base));padding-inline-start:1rem}
.x3-buy-billing{padding:1.75rem .15rem 0}.x3-buy-billing>p{font-size:.8rem;line-height:1.9;color:hsl(var(--color-muted));margin:0 0 .6rem}
.x3-buy-sidebar{position:sticky;top:6.5rem;display:flex;flex-direction:column;gap:1rem;min-width:0}
.x3-order-card{border:1px solid hsl(var(--color-neutral));border-top:2px solid hsl(var(--color-base));padding:1.5rem;border-radius:9px;background:hsl(var(--color-background-secondary));overflow-wrap:anywhere}
.x3-order-card h2{font-size:1.05rem!important;font-weight:600;line-height:1.5!important;letter-spacing:0!important;margin:0 0 1.25rem}
.x3-buy-price{font-size:2.65rem;font-weight:650;letter-spacing:-.055em;line-height:1.2;margin:0!important}.x3-buy-price bdi{display:inline-block;font-variant-numeric:tabular-nums}
.x3-buy-cycle{font-size:.73rem;color:hsl(var(--color-muted));margin:.3rem 0 1.5rem!important}
.x3-cycle-field{padding:0;margin:1.35rem 0;border:0;min-width:0}.x3-cycle-field legend{font-size:.75rem;font-weight:600;line-height:1.7;margin-bottom:.7rem;padding:0}
.x3-cycle-option{display:flex;align-items:center;gap:.7rem;cursor:pointer;padding:.85rem .75rem;margin-block:.5rem;border:1px solid hsl(var(--color-neutral));border-radius:6px;transition:border-color 160ms,background-color 160ms;min-height:64px}
.x3-cycle-option input{width:15px;height:15px;flex-shrink:0;margin:0;accent-color:hsl(var(--color-base));cursor:pointer}.x3-cycle-option>span{flex:1;min-width:0}.x3-cycle-option strong{font-size:.75rem;font-weight:600;display:block;line-height:1.7}.x3-cycle-option small{display:block;font-size:.65rem;line-height:1.6;color:hsl(var(--color-muted));margin-top:.15rem}.x3-cycle-option>bdi{font-size:.82rem;font-weight:600;flex-shrink:0;font-variant-numeric:tabular-nums}
.x3-cycle-option.is-selected,.x3-cycle-option:has(input:checked){border-color:hsl(var(--color-base));background:hsl(var(--color-base)/.035)}.x3-cycle-option:hover{border-color:hsl(var(--color-base)/.7)}
.x3-buy-lines{margin:1.2rem 0;padding:1rem 0;border-block:1px solid hsl(var(--color-neutral));font-size:.74rem}.x3-buy-lines>div{display:flex;justify-content:space-between;gap:1rem;padding-block:.4rem;line-height:1.8}.x3-buy-lines dt{color:hsl(var(--color-muted))}.x3-buy-lines dd{margin:0;text-align:end;font-weight:500}.x3-buy-lines bdi{font-variant-numeric:tabular-nums;display:inline-block}.x3-buy-line-total{padding-top:.9rem!important}.x3-buy-line-total dd{font-weight:650}
.x3-buy-submit{display:flex!important;align-items:center;justify-content:center;gap:1rem;width:100%;min-height:49px;padding:.75rem 1rem;background:hsl(var(--color-primary))!important;color:hsl(var(--color-inverted))!important;border:1px solid transparent;border-radius:5px;font-size:.8rem;font-weight:600;line-height:1.6;cursor:pointer;transition:opacity 160ms}.x3-buy-submit:hover{opacity:.85}.x3-buy-submit:disabled{opacity:.5;cursor:wait}
.x3-buy-micro{font-size:.68rem!important;line-height:1.85!important;color:hsl(var(--color-muted));margin:.9rem 0 0!important}.x3-buy-unavailable{font-size:.8rem;padding:1rem;border:1px solid hsl(var(--color-neutral));border-radius:4px;line-height:1.8;margin-top:1rem}
.x3-buy-help{display:flex;gap:.85rem;padding:1.25rem;border:1px solid hsl(var(--color-neutral));border-radius:8px}.x3-buy-help>span{font-size:1.3rem;line-height:1.4}.x3-buy-help h3{font-size:.78rem!important;font-weight:600;line-height:1.7!important;letter-spacing:0!important;margin:0 0 .35rem}.x3-buy-help p{font-size:.7rem;line-height:1.8;color:hsl(var(--color-muted));margin:0 0 .6rem}.x3-buy-help a{font-size:.72rem;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.x3-buy-mobile{display:none}.x3-buy-back{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;color:hsl(var(--color-muted));margin-bottom:1.5rem}
.x3-purchase-heading{margin-bottom:1.5rem}.x3-purchase-heading h1,.x3-cart .x3-page-heading h1{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:600;line-height:1.4;margin:0 0 .5rem}.x3-purchase-heading>p:last-child{font-size:.85rem;color:hsl(var(--color-muted));line-height:1.9;max-width:44rem}
.x3-purchase-fields,.x3-cart-items{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.x3-config-card{padding:1.5rem;border:1px solid hsl(var(--color-neutral));border-radius:8px;background:hsl(var(--color-background-secondary))}
.x3-config-product{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid hsl(var(--color-neutral))}.x3-config-product img{width:66px;height:66px;object-fit:contain;border-radius:6px}.x3-config-product h2{font-size:1.4rem;font-weight:600;margin:0;line-height:1.5;letter-spacing:0}.x3-config-product .x3-buy-kicker{margin-bottom:.3rem}
.x3-native-options .x3-buy-section-head{margin-bottom:.5rem}.x3-native-options input:not([type=checkbox]):not([type=radio]),.x3-native-options select,.x3-native-options textarea{min-height:46px;font-size:16px;border-radius:5px}.x3-native-options label{line-height:1.8}.x3-no-options{font-size:.83rem;padding:1.25rem 0 .3rem;color:hsl(var(--color-muted))}
.x3-order-product{font-size:.85rem;font-weight:600;margin-bottom:1rem}.x3-order-total{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin:1.3rem 0 .6rem}.x3-order-total>span{font-size:.8rem}.x3-order-total strong{font-size:2rem;font-weight:650;letter-spacing:-.03em;line-height:1.3;font-variant-numeric:tabular-nums}.x3-order-renewal{font-size:.68rem;color:hsl(var(--color-muted));line-height:1.9;margin:0 0 1.2rem;overflow-wrap:anywhere}.x3-buy-error{font-size:.75rem;color:hsl(var(--color-error));margin-top:.5rem}
.x3-cart .x3-page-heading{margin-bottom:1.5rem}.x3-cart-item{display:flex;justify-content:space-between;gap:1.25rem;padding:1.5rem;border:1px solid hsl(var(--color-neutral));border-radius:8px;background:hsl(var(--color-background-secondary))}.x3-cart-item h2{font-size:1.25rem;font-weight:600;line-height:1.5;letter-spacing:0;margin:0}.x3-cart-item-actions{display:flex;flex-direction:column;justify-content:space-between;align-items:end;gap:1rem}.x3-cart-item-actions h3{font-size:1.4rem;font-variant-numeric:tabular-nums;text-align:end}.x3-cart-controls{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:end}.x3-cart-total{display:flex;justify-content:space-between;gap:1rem;font-size:1.65rem;font-weight:650;padding-block:1.25rem;border-block:1px solid hsl(var(--color-neutral));font-variant-numeric:tabular-nums;margin-block:1rem}.x3-cart-total h4{font-size:.85rem;font-weight:500;align-self:center}
@media(min-width:881px){.x3-checkout .x3-cycle-field{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.x3-checkout .x3-cycle-field legend{grid-column:1/-1}.x3-checkout .x3-cycle-option{margin:0}}
@media(max-width:1050px){.x3-buy-layout,.x3-purchase-grid{grid-template-columns:minmax(0,1fr) 320px;gap:1.5rem}.x3-buy-hero{grid-template-columns:110px minmax(0,1fr);gap:1.2rem}.x3-buy-cover{width:110px;height:120px}.x3-order-card{padding:1.25rem}.x3-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:880px){.x3-buy-layout{display:flex;flex-direction:column;gap:1.5rem}.x3-buy-content{display:contents}.x3-buy-hero{order:1;width:100%;padding-top:0}.x3-buy-sidebar{order:2;position:static;width:100%}.x3-resource-section{order:3;width:100%;margin:0}.x3-buy-description{order:4;width:100%;margin:0}.x3-buy-billing{order:5;width:100%;padding-top:0}.x3-purchase-grid{grid-template-columns:1fr}.x3-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.x3-buy-help{padding:1rem 1.25rem}.x3-buy-price{font-size:2.5rem}.x3-buy-mobile{display:flex;position:fixed;inset-inline:0;bottom:0;align-items:center;justify-content:space-between;gap:1rem;z-index:35;padding:.8rem 1rem calc(.8rem + env(safe-area-inset-bottom));border-top:1px solid hsl(var(--color-neutral));background:hsl(var(--color-background));box-shadow:0 -8px 25px #0000000a}.x3-buy-mobile>div{display:flex;flex-direction:column;gap:.15rem;flex-shrink:0}.x3-buy-mobile bdi{font-size:1.25rem;font-weight:650;font-variant-numeric:tabular-nums}.x3-buy-mobile small{font-size:.64rem;color:hsl(var(--color-muted))}.x3-buy-mobile .x3-buy-submit{width:auto;max-width:65%;font-size:.75rem;min-height:44px;gap:.6rem}.x3-body:has(.x3-buy-mobile) .x3-footer{padding-bottom:88px}.x3-cart-item{gap:1rem}.x3-buy-crumbs{margin-bottom:1.5rem}}
@media(max-width:480px){.x3-buy,.x3-checkout,.x3-cart{margin-top:1.5rem!important}.x3-buy-hero{grid-template-columns:80px minmax(0,1fr);gap:1rem;align-items:start}.x3-buy-cover{width:80px;height:90px;border-radius:7px;margin-top:.3rem}.x3-buy-cover .x3-hardware{width:130px;height:90px}.x3-buy h1{font-size:1.8rem;margin-bottom:.5rem}.x3-buy-kicker{font-size:.58rem}.x3-buy-intro{font-size:.76rem;line-height:1.8}.x3-buy-badges{gap:.35rem;margin-top:.7rem}.x3-buy-badge{font-size:.58rem;padding:.2rem .4rem}.x3-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.x3-resource-grid>div{padding:.85rem}.x3-resource-grid dd{font-size:.95rem}.x3-buy-description,.x3-config-card{padding:1.1rem}.x3-buy-crumbs{font-size:.64rem;gap:.5rem}.x3-cart-item{flex-direction:column;padding:1.1rem}.x3-cart-item-actions{align-items:stretch}.x3-cart-item-actions h3{text-align:start}.x3-cart-controls{justify-content:start}.x3-cycle-option{gap:.5rem}.x3-cycle-option strong{font-size:.73rem}.x3-cycle-option>bdi{font-size:.78rem}.x3-order-total strong{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){.x3-cycle-option,.x3-buy-submit{transition:none}}
@media print{.x3-buy-mobile{display:none!important}.x3-buy-sidebar{position:static}.x3-buy-layout,.x3-purchase-grid{display:block}}
.x3-cycle-option>bdi{max-width:42%;flex-shrink:1;overflow-wrap:anywhere;text-align:end}
@media(max-height:760px) and (min-width:881px){.x3-buy-sidebar{position:static}}
@media(max-width:880px){.x3-buy-mobile>div{flex:1;max-width:38%;overflow-wrap:anywhere}.x3-buy-mobile bdi{font-size:clamp(.95rem,4.7vw,1.25rem)}}
