:root{--ocmosis-primary: #0077B6;--ocmosis-primary-dark: #023E8A;--ocmosis-primary-light: #00B4D8;--ocmosis-secondary: #48CAE4;--ocmosis-accent: #90E0EF;--ocmosis-fresh: #CAF0F8;--ocmosis-white: #FFFFFF;--ocmosis-off-white: #F8FAFB;--ocmosis-light-gray: #E8EEF1;--ocmosis-gray: #6B7280;--ocmosis-dark-gray: #374151;--ocmosis-black: #1F2937;--ocmosis-success: #10B981;--ocmosis-warning: #F59E0B;--ocmosis-cta: #FF6B35;--ocmosis-cta-hover: #E85A24;--ocmosis-sale: #DC2626;--ocmosis-deal: #059669;--font-heading: "Montserrat", "Helvetica Neue", sans-serif;--font-body: "Open Sans", "Helvetica", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-water: 0 4px 20px rgba(0, 119, 182, .15);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px}.ocmosis-heading-1{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:var(--font-extrabold);line-height:1.1;color:var(--ocmosis-primary-dark);letter-spacing:-.025em}.ocmosis-heading-2{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:1.2;color:var(--ocmosis-primary-dark)}.ocmosis-heading-3{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:1.3;color:var(--ocmosis-black)}.ocmosis-body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);line-height:1.6;color:var(--ocmosis-dark-gray)}.ocmosis-body-lg{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-normal);line-height:1.7;color:var(--ocmosis-dark-gray)}.ocmosis-btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-8);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--ocmosis-white);background:linear-gradient(135deg,var(--ocmosis-cta) 0%,var(--ocmosis-cta-hover) 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);text-transform:uppercase;letter-spacing:.05em}.ocmosis-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);background:linear-gradient(135deg,var(--ocmosis-cta-hover) 0%,#D14915 100%)}.ocmosis-btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-8);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--ocmosis-primary);background:transparent;border:2px solid var(--ocmosis-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.ocmosis-btn-secondary:hover{color:var(--ocmosis-white);background:var(--ocmosis-primary);transform:translateY(-2px);box-shadow:var(--shadow-water)}.ocmosis-card{background:var(--ocmosis-white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.ocmosis-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.ocmosis-card-featured{background:linear-gradient(135deg,var(--ocmosis-primary-dark) 0%,var(--ocmosis-primary) 100%);color:var(--ocmosis-white);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-water)}.ocmosis-price-original{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-medium);color:var(--ocmosis-sale);text-decoration:line-through;opacity:.8}.ocmosis-price-sale{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--ocmosis-deal)}.ocmosis-badge-free{display:inline-block;padding:var(--space-1) var(--space-3);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--ocmosis-white);background:var(--ocmosis-success);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.ocmosis-water-gradient{background:linear-gradient(180deg,var(--ocmosis-fresh) 0%,var(--ocmosis-white) 100%)}.ocmosis-wave-border{position:relative}.ocmosis-wave-border:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100'%3E%3Cpath fill='%23FFFFFF' d='M0,50 C150,100 350,0 500,50 C650,100 850,0 1000,50 C1150,100 1350,0 1440,50 L1440,100 L0,100 Z'/%3E%3C/svg%3E");background-size:cover}.ocmosis-header{background:linear-gradient(135deg,var(--ocmosis-primary-dark) 0%,var(--ocmosis-primary) 50%,var(--ocmosis-primary-light) 100%);padding:var(--space-4) 0;position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-lg)}.ocmosis-header-glass{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--ocmosis-light-gray)}.ocmosis-nav-link{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--ocmosis-white);text-decoration:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-fast)}.ocmosis-nav-link:hover{background:#ffffff26;color:var(--ocmosis-white)}.ocmosis-hero{background:linear-gradient(135deg,var(--ocmosis-primary-dark) 0%,var(--ocmosis-primary) 100%);padding:var(--space-24) 0;position:relative;overflow:hidden}.ocmosis-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cpattern id='water' patternUnits='userSpaceOnUse' width='20' height='20'%3E%3Ccircle cx='10' cy='10' r='2' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23water)' width='100' height='100'/%3E%3C/svg%3E");pointer-events:none}.ocmosis-hero-content{position:relative;z-index:1}.ocmosis-hero-title{font-family:var(--font-heading);font-size:var(--text-6xl);font-weight:var(--font-extrabold);color:var(--ocmosis-white);line-height:1.1;margin-bottom:var(--space-6);text-shadow:0 2px 10px rgba(0,0,0,.2)}.ocmosis-hero-subtitle{font-family:var(--font-body);font-size:var(--text-xl);color:var(--ocmosis-accent);line-height:1.6;margin-bottom:var(--space-8);max-width:600px}@media (max-width: 1024px){.ocmosis-heading-1,.ocmosis-hero-title{font-size:var(--text-4xl)}}@media (max-width: 768px){.ocmosis-heading-1,.ocmosis-hero-title{font-size:var(--text-3xl)}.ocmosis-hero{padding:var(--space-16) 0}}.ocmosis-text-center{text-align:center}.ocmosis-text-left{text-align:left}.ocmosis-text-right{text-align:right}.ocmosis-flex{display:flex}.ocmosis-flex-col{flex-direction:column}.ocmosis-items-center{align-items:center}.ocmosis-justify-center{justify-content:center}.ocmosis-justify-between{justify-content:space-between}.ocmosis-container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4)}.ocmosis-section{padding:var(--space-20) 0}.ocmosis-bg-primary{background-color:var(--ocmosis-primary)}.ocmosis-bg-white{background-color:var(--ocmosis-white)}.ocmosis-bg-light{background-color:var(--ocmosis-off-white)}.ocmosis-text-primary{color:var(--ocmosis-primary)}.ocmosis-text-white{color:var(--ocmosis-white)}.ocmosis-text-dark{color:var(--ocmosis-black)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ocmosis-styles.css.map */