@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:root{--color-navy: #1E2A36;--color-teal: #00A8B5;--color-slate: #6B7280;--color-offwhite: #F2F4F7;--color-white: #FFFFFF}body{font-family:Poppins,sans-serif;color:var(--color-navy);background-color:var(--color-white);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em}.text-teal{color:var(--color-teal)}.bg-navy{background-color:var(--color-navy)}.bg-teal{background-color:var(--color-teal)}.bg-offwhite{background-color:var(--color-offwhite)}.btn-primary{background-color:var(--color-teal);color:var(--color-white);padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;transition:all .35s cubic-bezier(.25,.46,.45,.94);display:inline-block;text-align:center}.btn-primary:hover{background-color:#008f9b;transform:translateY(-2px);box-shadow:0 8px 24px -4px #00a8b540}.btn-outline{border:2px solid var(--color-teal);color:var(--color-teal);padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;transition:all .35s cubic-bezier(.25,.46,.45,.94);display:inline-block;text-align:center}.btn-outline:hover{background-color:var(--color-teal);color:var(--color-white);transform:translateY(-2px);box-shadow:0 8px 24px -4px #00a8b533}.btn-outline-white{border:2px solid var(--color-white);color:var(--color-white);padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;transition:all .35s cubic-bezier(.25,.46,.45,.94);display:inline-block;text-align:center}.btn-outline-white:hover{background-color:var(--color-white);color:var(--color-navy);transform:translateY(-2px);box-shadow:0 8px 24px -4px #ffffff26}.peel-corner{position:relative;overflow:hidden}.peel-corner:after{content:"";position:absolute;bottom:0;right:0;width:30px;height:30px;background:linear-gradient(to bottom right,transparent 50%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.2) 100%);border-bottom-right-radius:12px;pointer-events:none;background:linear-gradient(to top left,var(--color-white) 50%,transparent 50%),linear-gradient(to bottom right,rgba(0,0,0,.2) 0%,transparent 50%);box-shadow:-1px -1px 3px #0000000d}.peel-corner-white:after{background:linear-gradient(to top left,var(--color-offwhite) 50%,transparent 50%),linear-gradient(to bottom right,rgba(0,0,0,.1) 0%,transparent 50%)}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.marquee-container{overflow:hidden;white-space:nowrap;background-color:var(--color-navy);color:var(--color-white);display:flex}.marquee-content{display:flex;flex-shrink:0;align-items:center;gap:2rem;padding:.75rem 2rem;animation:marquee 15s linear infinite;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.site-header{transition:background-color .3s ease,backdrop-filter .3s ease}.site-header.scrolled{background-color:#1e2a36e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.focus-ring:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.card-hover{transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94)}.card-hover:hover{transform:translateY(-6px);box-shadow:0 20px 40px -12px #00000014,0 8px 20px -8px #00a8b50f}.peel-corner{transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94)}.peel-corner:hover{transform:translateY(-4px);box-shadow:0 16px 48px -8px #0000000f,0 4px 16px -4px #00a8b50a}.add-to-cart-success{background-color:var(--color-teal)!important;color:var(--color-white)!important}.btn-text-unavailable{display:none}button[disabled] .btn-text-unavailable{display:inline-block}button[disabled] .btn-text-available{display:none}button[disabled]{opacity:.5;cursor:not-allowed;border-color:var(--color-slate);color:var(--color-slate)}button[disabled]:hover{background:transparent;color:var(--color-slate)}@keyframes float{0%{transform:translateY(0) rotate(var(--rot, 0deg))}50%{transform:translateY(-15px) rotate(var(--rot, 0deg))}to{transform:translateY(0) rotate(var(--rot, 0deg))}}.float-1{animation:float 6s ease-in-out infinite;--rot: -6deg}.float-2{animation:float 5s ease-in-out infinite 1.5s;--rot: 6deg}.shadow-apple{box-shadow:0 4px 24px #0000000a}.shadow-apple-lg{box-shadow:0 8px 32px #00000014}
/*# sourceMappingURL=/cdn/shop/t/22/assets/styles.css.map */