/* Shared dedicated storage cards. Inherit the surrounding page's accent palette. */
.mega-storage-section { padding:80px 0; background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.045),rgba(var(--color-secondary-rgb),.025)); scroll-margin-top:95px; }
.mega-storage-heading { max-width:820px; margin:0 auto 40px; text-align:center; }
.mega-storage-kicker { display:inline-flex; align-items:center; gap:8px; margin-bottom:17px; padding:7px 12px; border-radius:6px; background:rgba(var(--color-primary-rgb),.08); color:var(--color-primary-dark); font-size:10px; font-weight:800; letter-spacing:.9px; line-height:1.5; }
.mega-storage-heading h2 { margin:0 0 17px; color:var(--text-primary,#182235); font-size:clamp(27px,3vw,36px); font-weight:800; line-height:1.25; letter-spacing:-.5px; }
.mega-storage-heading h2 span { color:var(--color-primary); }
.mega-storage-heading > p { margin:0; color:var(--text-secondary,#627086); font-size:16px; line-height:1.8; }
.mega-storage-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; align-items:stretch; }
.mega-storage-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid #e1e6ed; border-radius:17px; background:#fff; box-shadow:0 8px 24px rgba(19,31,51,.055); transition:transform .2s ease,border-color .2s ease; }
.mega-storage-card:hover { border-color:rgba(var(--color-primary-rgb),.45); transform:translateY(-3px); }
.mega-storage-photo { position:relative; isolation:isolate; height:194px; flex:0 0 194px; overflow:hidden; background:#102337; }
.mega-storage-city { display:block; position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 55%; }
.mega-storage-photo::after { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(180deg,rgba(3,13,27,.35),rgba(3,13,27,.24) 35%,rgba(3,13,27,.94)); }
.mega-storage-country { display:inline-flex; position:absolute; top:17px; left:18px; align-items:center; gap:8px; padding:7px 10px; border:1px solid rgba(255,255,255,.2); border-radius:7px; background:rgba(5,18,33,.8); color:#fff; font-size:11px; font-weight:700; }
.mega-storage-country img { display:block; width:28px; height:20px; object-fit:contain; border-radius:2px; }
.mega-storage-stock { display:inline-flex; align-items:center; gap:6px; position:absolute; top:20px; right:18px; padding:6px 8px; border:1px solid rgba(143,224,184,.23); border-radius:6px; background:rgba(6,34,31,.86); color:#b1efd0; font-size:10px; font-weight:600; line-height:1.4; }
.mega-storage-stock > span { width:5px; height:5px; flex:0 0 5px; background:#65d89a; border-radius:50%; }
.mega-storage-capacity { position:absolute; left:24px; right:24px; bottom:19px; }
.mega-storage-capacity > span { display:block; margin-bottom:6px; color:#cedaea; font-size:10px; font-weight:600; letter-spacing:1.2px; text-transform:uppercase; }
.mega-storage-capacity h3 { color:#fff; font-size:43px; font-weight:800; line-height:1; letter-spacing:-1px; margin:0; }
.mega-storage-capacity h3 > span { font-size:29px; font-weight:600; letter-spacing:0; }
.mega-storage-body { display:flex; flex:1; flex-direction:column; padding:25px 24px 24px; }
.mega-storage-model { min-height:2.7em; margin:0 0 9px; font-size:21px; font-weight:800; line-height:1.35; color:#1c293d; }
.mega-storage-summary { min-height:2.9em; margin:0 0 17px; color:#657187; font-size:12px; font-weight:500; line-height:1.65; }
.mega-storage-specs { padding:0; margin:0 0 25px; }
.mega-storage-specs > div { display:grid; grid-template-columns:82px minmax(0,1fr); align-items:start; gap:10px; padding:9px 0; border-top:1px solid #edf0f4; }
.mega-storage-specs dt { display:flex; align-items:center; gap:8px; margin:1px 0 0; color:#6b778a; font-size:10px; font-weight:500; line-height:1.5; }
.mega-storage-specs dt i { width:14px; text-align:center; color:var(--color-primary); font-size:12px; }
.mega-storage-specs dd { margin:0; color:#263449; font-size:12px; font-weight:600; line-height:1.6; overflow-wrap:anywhere; }
.mega-storage-purchase { margin-top:auto; border-top:1px solid #e5eaf0; padding-top:20px; }
.mega-storage-from { display:block; color:#6b778a; font-size:11px; line-height:1.5; margin-bottom:5px; }
.mega-storage-price { display:flex; align-items:baseline; flex-wrap:wrap; gap:5px; color:#1c293d; font-size:34px; font-weight:800; line-height:1.25; letter-spacing:-.8px; }
.mega-storage-price > span { color:#6b778a; font-size:12px; font-weight:400; letter-spacing:0; }
.mega-storage-ip { display:flex; align-items:center; gap:8px; margin:12px 0 18px; color:#657187; font-size:11px; line-height:1.5; }
.mega-storage-ip i { color:var(--color-primary); font-size:12px; }
.mega-storage-deploy { display:flex; align-items:center; justify-content:center; gap:12px; width:100%; min-height:51px; padding:13px 16px; border:1px solid var(--color-primary-dark); border-radius:9px; background:var(--color-primary-dark); color:#fff; font-size:14px; font-weight:700; line-height:1.5; text-decoration:none !important; box-shadow:0 4px 10px rgba(15,23,42,.06); transition:background .2s ease,border-color .2s ease; }
.mega-storage-deploy > span { flex:1; text-align:left; }
.mega-storage-deploy > i:last-child { font-size:12px; }
.mega-storage-deploy:hover { color:#fff; background:var(--color-primary); border-color:var(--color-primary); }
.mega-storage-deploy:focus-visible { outline:3px solid var(--color-primary); outline-offset:4px; }
@media (min-width:768px) and (max-width:991px) { .mega-storage-grid { gap:16px; } .mega-storage-body { padding:22px 17px; } .mega-storage-model { font-size:18px; min-height:4.05em; } .mega-storage-stock { top:53px; left:18px; right:auto; } .mega-storage-price { font-size:28px; } .mega-storage-deploy { gap:9px; font-size:12px; padding:12px; } }
@media (max-width:767px) { .mega-storage-section { padding:56px 0; } .mega-storage-grid { grid-template-columns:1fr; gap:24px; } .mega-storage-heading { margin-bottom:30px; } .mega-storage-heading > p { font-size:14px; } .mega-storage-model,.mega-storage-summary { min-height:0; } .mega-storage-photo { height:190px; flex-basis:190px; } .mega-storage-specs dd { font-size:13px; } .mega-storage-deploy { min-height:52px; } }
@media (prefers-reduced-motion:reduce) { .mega-storage-card,.mega-storage-deploy { transition:none; } }