:root{--primary-teal:#0d6357;--primary-teal-dark:#0a504a;--highlight-burgundy:#983041;--card-header-bg:#c5c6c7;--general-bg:#e6e6e6;--text-primary:#1a1a1a;--text-secondary:#666;--text-light:#999;--border-light:#e9ecef;--white:#fff;--black:#000;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-pill:20px;--shadow-sm:0 2px 8px rgba(0,0,0,.1);--shadow-md:0 4px 16px rgba(0,0,0,.15);--shadow-lg:0 8px 24px rgba(0,0,0,.15);--transition-fast:all .2s ease;--transition-normal:all .3s ease;--transition-slow:all .4s cubic-bezier(.4,0,.2,1);--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[v-cloak]{display:none !important}.sitelink-vue-container,.storage-units-wrapper,.sitelink-storage-units-enhanced{min-height:200px;width:100%}.storage-units-wrapper,.sitelink-storage-units-enhanced{display:grid;grid-template-columns:1fr;gap:var(--space-lg);padding:var(--space-lg);max-width:1400px;margin:0 auto}@media (min-width:768px){.storage-units-wrapper,.sitelink-storage-units-enhanced{grid-template-columns:repeat(2,1fr);gap:var(--space-xl);padding:var(--space-xl)}}@media (min-width:992px){.storage-units-wrapper,.sitelink-storage-units-enhanced{grid-template-columns:repeat(3,1fr);gap:var(--space-2xl)}}@media (min-width:1200px){.storage-units-wrapper,.sitelink-storage-units-enhanced{grid-template-columns:repeat(4,1fr)}}.storage-unit-card,.unit-card-enhanced{background:var(--white);border:1px solid var(--border-light);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition-normal);cursor:pointer;position:relative;display:flex;flex-direction:column;min-height:450px;max-width:100%}.storage-unit-card:hover,.unit-card-enhanced:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--highlight-burgundy)}.storage-unit-card:focus,.unit-card-enhanced:focus,.storage-unit-card:focus-within,.unit-card-enhanced:focus-within{outline:2px solid var(--highlight-burgundy);outline-offset:2px}@media (min-width:768px){.storage-unit-card,.unit-card-enhanced{border-radius:var(--border-radius-lg);min-height:480px}.storage-unit-card:hover,.unit-card-enhanced:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}}.card-header,.unit-image-container{position:relative;height:160px;background:var(--card-header-bg);display:flex;align-items:center;justify-content:center;overflow:hidden}@media (min-width:768px){.card-header,.unit-image-container{height:180px}}@media (min-width:1024px){.card-header,.unit-image-container{height:200px}}.card-header img,.unit-image{max-width:80px;max-height:80px;object-fit:contain;transition:var(--transition-slow)}@media (min-width:768px){.card-header img,.unit-image{max-width:90px;max-height:90px}}@media (min-width:1024px){.card-header img,.unit-image{max-width:100px;max-height:100px}.storage-unit-card:hover .unit-image,.unit-card-enhanced:hover .unit-image{transform:scale(1.05)}}.unit-size-badge,.header-chip{position:absolute;top:var(--space-sm);left:var(--space-sm);background:rgba(152,48,65,.9);color:var(--white);padding:.3rem .6rem;border-radius:var(--border-radius-pill);font-size:.75rem;font-weight:600;z-index:2;text-transform:uppercase;letter-spacing:.5px}@media (min-width:768px){.unit-size-badge,.header-chip{font-size:.8rem;padding:.4rem .8rem}}.unit-counter{position:absolute;bottom:var(--space-sm);right:var(--space-sm);background:rgba(0,0,0,.7);color:var(--white);padding:.3rem .6rem;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600;z-index:2}.card-content{padding:var(--space-lg);flex:1;display:flex;flex-direction:column;gap:var(--space-md)}@media (min-width:768px){.card-content{padding:var(--space-xl)}}.content-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.unit-info{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.unit-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.2;margin:0}@media (min-width:768px){.unit-name{font-size:1.35rem}}.unit-dimensions{font-size:.9rem;color:var(--text-secondary);font-weight:500;margin:0}.price{font-size:1.5rem;font-weight:700;color:var(--primary-teal);line-height:1;white-space:nowrap;margin-left:var(--space-md)}@media (min-width:768px){.price{font-size:1.75rem}}.unit-details{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.unit-name-badge{background:#e8f4fd;color:var(--primary-teal);padding:.4rem .8rem;border-radius:var(--border-radius-sm);font-size:.85rem;font-weight:600;align-self:flex-start}.unit-features{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.feature-badge{background:#f8f9fa;color:var(--text-secondary);padding:.3rem .6rem;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:500;border:1px solid var(--border-light);display:inline-flex;align-items:center;gap:.3rem;margin:.2rem}.feature-badge i{color:var(--highlight-burgundy);font-size:.85rem}.card-footer{padding:var(--space-md) var(--space-lg);background:#fafafa;border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:auto}.card-footer.has-arrows{justify-content:space-between}.card-footer .nav-arrow{flex-shrink:0;z-index:1}.card-footer .check-availability-btn,.card-footer .availability-btn,.card-footer .availability-button{flex:0 1 auto;margin:0}@media (min-width:768px){.card-footer{padding:var(--space-lg) var(--space-xl)}}.nav-arrow{background:0 0 !important;color:var(--highlight-burgundy);border:none !important;border-radius:50%;width:20px;height:20px;min-width:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-normal);opacity:1;touch-action:manipulation;flex-shrink:0;padding:0;outline:none !important;box-shadow:none !important}@media (min-width:768px){.nav-arrow{width:24px;height:24px;min-width:24px}}.nav-arrow:hover:not(:disabled){background:0 0 !important;color:var(--primary-teal);transform:scale(1.15);outline:none !important;box-shadow:none !important;border:none !important}.nav-arrow:focus,.nav-arrow:active{outline:none !important;box-shadow:none !important;background:0 0 !important;border:none !important}.nav-arrow:disabled,.nav-arrow.disabled{opacity:.3;cursor:not-allowed;transform:none}.nav-arrow i{font-size:12px}@media (min-width:768px){.nav-arrow i{font-size:14px}}.nav-arrow.single-unit{visibility:hidden}.check-availability-btn,.availability-btn,.availability-button{background:var(--primary-teal);color:var(--white);border:none;border-radius:var(--border-radius-sm);padding:.5rem .7rem;font-size:.8rem !important;font-weight:600;cursor:pointer;transition:var(--transition-normal);position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(13,99,87,.2);touch-action:manipulation;flex:1;min-width:110px;max-width:140px;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;margin:0 auto}@media (min-width:768px){.check-availability-btn,.availability-btn,.availability-button{border-radius:var(--border-radius-md);padding:.6rem .8rem;font-size:.8rem !important;max-width:160px}}.check-availability-btn:hover:not(:disabled),.availability-btn:hover:not(:disabled),.availability-button:hover:not(:disabled){background:var(--primary-teal-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(13,99,87,.3)}.check-availability-btn:disabled,.availability-btn:disabled,.availability-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.loading-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;min-height:400px}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-spinner .spinner{width:48px;height:48px;border:4px solid rgba(76,175,80,.2);border-top:4px solid #4caf50;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loading-spinner p{color:var(--text-secondary);font-size:.9rem;margin:0}.error-container{display:flex;align-items:center;justify-content:center;min-height:200px;padding:var(--space-2xl)}.error-message{text-align:center;color:#dc3545}.error-message p{margin-bottom:1rem;font-size:1rem}.retry-button{background:var(--primary-teal);color:var(--white);border:none;border-radius:var(--border-radius-md);padding:.5rem 1rem;cursor:pointer;transition:var(--transition-normal)}.retry-button:hover{background:var(--primary-teal-dark)}.no-units-container{display:flex;align-items:center;justify-content:center;min-height:200px;padding:var(--space-2xl);text-align:center}.no-units-container p{color:var(--text-secondary);font-size:1.1rem;margin:0}@media (prefers-reduced-motion:reduce){.storage-unit-card,.unit-card-enhanced,.nav-arrow,.check-availability-btn,.availability-btn,.availability-button,.unit-image{transition:none}.spinner{animation:none;border-top-color:#4caf50}.storage-unit-card:hover .unit-image,.unit-card-enhanced:hover .unit-image{transform:none}}@media (max-width:480px){.storage-units-wrapper,.sitelink-storage-units-enhanced{padding:var(--space-md);gap:var(--space-md)}.card-content{padding:var(--space-md)}.card-footer{padding:var(--space-sm) var(--space-md)}.unit-name{font-size:1.1rem}.price{font-size:1.3rem}.check-availability-btn,.availability-btn,.availability-button{padding:.4rem .6rem;font-size:.8rem !important;min-width:100px}.card-footer{padding:var(--space-sm) var(--space-md);gap:var(--space-xs)}.nav-arrow{width:18px;height:18px;min-width:18px}.nav-arrow i{font-size:10px}.loading-spinner{padding:2rem}.loading-spinner .spinner{width:32px;height:32px;border-width:3px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.card-header img,.unit-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media print{.storage-unit-card,.unit-card-enhanced{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.nav-arrow,.check-availability-btn,.availability-btn,.availability-button{display:none}}.reserve-now-btn{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%) \!important;color:#fff \!important;font-weight:600 \!important;text-transform:uppercase \!important;letter-spacing:.5px \!important;transition:all .3s ease \!important}.reserve-now-btn:hover{background:linear-gradient(135deg,#c0392b 0%,#a93226 100%) \!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(231,76,60,.3) \!important}.reserve-now-btn:active{transform:translateY(0)}