:root {--shop-blue: #0181FC;--card-width-desktop: 500px;--card-height-desktop: 600px;--card-border-radius: 16px;--primary-orange: #FF6B35;--text-color-primary: #fff;--card-bg-color: #ffffff;--card-shadow-color: rgba(0, 0, 0, 0.2);--out-of-stock-text: #fff;--out-of-stock-bg: red;--button-text-color: #fff;--button-bg-color: var(--shop-blue);--button-hover-shadow: rgba(0, 0, 0, 0.1);--button-hover-text: #fff;--button-hover-bg: var(--primary-orange);--text-button-color-primary: #fff;--section-title-color: #fff;--section-title-shadow: rgba(0, 0, 0, 0.2);--font-family-primary: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-title: 2.2rem;--font-weight-title: 600;--font-size-button: 1.2rem;--font-weight-button: 500;--font-size-label: 1rem;--font-weight-label: 500;--text-font-size: 1.3rem;--text-font-color: #f4f4f4;--section-title-font-size: 5rem;--section-title-font-weight: 600;--section-title-line-height: 1.5;--card-spacing: 1.5rem;--card-margin: 2rem;--button-padding: 0.75rem 1.5rem;--label-padding: 0.5rem 1rem;--section-title-margin-bottom: 3rem;--section-container-padding: 2rem;--section-title-margin-bottom: 3rem;--section-container-padding: 2rem;--transition-duration: 0.2s;--transition-easing: ease-in-out;}#simple-3-card-row {font-family: var(--font-family-primary);min-height: 100vh;display: flex;align-items: center;justify-content: center;padding: var(--section-container-padding);width: 100%;}.section-container {display: flex;flex-direction: column;align-items: center;width: 100%;}.section-title {font-size: var(--section-title-font-size);font-weight: var(--section-title-font-weight);color: var(--section-title-color);text-align: center;margin-bottom: var(--section-title-margin-bottom);line-height: var(--section-title-line-height);text-shadow: 0 2px 8px var(--section-title-shadow);letter-spacing: -0.02em;}.cards-container {display: flex;gap: var(--card-margin);flex-wrap: wrap;justify-content: center;}.card {width: var(--card-width-desktop);height: var(--card-height-desktop);border-radius: var(--card-border-radius);box-shadow: 0 8px 32px var(--card-shadow-color);overflow: hidden;position: relative;transition: transform var(--transition-duration) var(--transition-easing), box-shadow var(--transition-duration) var(--transition-easing);cursor: pointer;}.card:hover {transform: translateY(-4px);box-shadow: 0 12px 48px var(--card-shadow-hover);}.product__image-wrapper {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('/assets/images/product-cards/o2traienr-no-labels-shifted-nobg.webp');background-size: cover;background-position: center;background-repeat: no-repeat;}.product__image-wrapper::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient( to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.6) 100% );}.product__content {position: absolute;bottom: 0;left: 0;right: 0;padding: var(--card-spacing);z-index: 2;}.product__title {font-size: var(--font-size-title);font-weight: var(--font-weight-title);color: var(--text-color-primary);line-height: 1.3;}.product__actions {display: flex;align-items: center;justify-content: space-between;gap: 1rem;}.shop-now-button {background-color: var(--button-bg-color);color: var(--button-text-color);border: none;border-radius: 8px;padding: var(--button-padding);font-size: var(--font-size-button);font-weight: var(--font-weight-button);font-family: var(--font-family-primary);cursor: pointer;transition: all var(--transition-duration) var(--transition-easing);text-transform: uppercase;letter-spacing: 0.5px;flex-shrink: 0;position: relative;overflow: hidden;}.shop-now-button::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition: left 0.5s ease;}.shop-now-button:hover {background-color: #000;color: var(--button-hover-text);transform: translateY(-2px);box-shadow: 0 8px 25px var(--button-hover-shadow);}.shop-now-button:hover::before {left: 100%;}.shop-now-button:active {transform: translateY(0);transition-duration: 0.1s;}.out-of-stock-label {position: absolute;top: 1rem;right: 1rem;background-color: var(--out-of-stock-bg);color: var(--out-of-stock-text);padding: var(--label-padding);border-radius: 6px;font-size: var(--font-size-label);font-weight: var(--font-weight-label);text-transform: uppercase;letter-spacing: 0.5px;z-index: 3;}.card.out-of-stock .shop-now-button {opacity: 0.6;cursor: not-allowed;pointer-events: none;}.card.out-of-stock:hover {transform: none;}.card:nth-child(2) .product__image-wrapper {background-image: url('/assets/images/product-cards/breathe-easy-bar.png');}.card:nth-child(3) .product__image-wrapper {background-image: url('/assets/images/product-cards/mte.jpg');}@media (max-width: 768px) {:root {--card-width-desktop: 280px;--card-height-desktop: 360px;--card-spacing: 1.25rem;--font-size-title: 1.125rem;--section-title-font-size: 2.25rem;--section-title-margin-bottom: 2rem;--section-container-padding: 1.5rem;}}.product__text {font-size: var(--text-font-size);color: var(--text-color-primary);opacity: 0.85;margin-bottom: 1rem;line-height: 1.4;font-weight: 400;}.best-seller-label {position: absolute;top: 1rem;right: 1rem;background-color: var(--primary-orange);color: var(--text-color-primary);padding: var(--label-padding);border-radius: 6px;font-size: var(--font-size-label);font-weight: var(--font-weight-label);text-transform: uppercase;letter-spacing: 0.5px;z-index: 3;}