.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;line-height:1.2;text-decoration:none;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;min-height:44px;min-width:44px;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);text-decoration:none}.btn-primary:active{background:var(--color-primary-active)}.btn-secondary{background:transparent;color:var(--color-secondary-text);border-color:var(--color-secondary-border)}.btn-secondary:hover{background:var(--color-secondary-hover);text-decoration:none}.btn-tertiary{background:transparent;color:var(--color-primary);padding:var(--space-2) var(--space-3);border:none;font-weight:500}.btn-tertiary:hover{text-decoration:underline}.btn-gold{background:var(--color-gold);color:var(--color-on-gold);border-color:var(--color-gold);font-weight:700}.btn-gold:hover{background:var(--color-gold-dark);border-color:var(--color-gold-dark);text-decoration:none}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);min-height:36px}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);min-height:52px}.btn-full{width:100%}.btn-icon{padding:var(--space-2);min-width:44px;min-height:44px}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:600;line-height:1.2;border-radius:var(--radius-xs);white-space:nowrap}.badge-tap{background:var(--color-primary-light);color:var(--color-primary)}.badge-khaos{background:oklch(from var(--color-brand-khaos) l c h / .12);color:var(--color-brand-khaos)}.badge-speedchain{background:oklch(from var(--color-brand-speedchain) l c h / .12);color:var(--color-brand-speedchain)}.badge-pitchingpad{background:oklch(from var(--color-brand-pitchingpad) l c h / .12);color:var(--color-brand-pitchingpad)}.badge-success{background:oklch(from var(--color-success) l c h / .12);color:var(--color-success)}.badge-warning{background:oklch(from var(--color-warning) l c h / .12);color:var(--color-warning)}.badge-error{background:oklch(from var(--color-error) l c h / .12);color:var(--color-error)}.badge-premium{background:var(--color-gold);color:var(--color-on-gold);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.product-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-card__image{position:relative;aspect-ratio:1;overflow:hidden;background:var(--color-surface-alt)}.product-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-medium)}.product-card:hover .product-card__image img{transform:scale(1.04)}.product-card__badges{position:absolute;top:var(--space-2);left:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.product-card__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);flex:1}.product-card__brand{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.product-card__title{font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--color-heading);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__title a{color:inherit;text-decoration:none}.product-card__title a:hover{color:var(--color-primary)}.product-card__price{font-size:var(--text-base);font-weight:700;color:var(--color-heading);font-variant-numeric:tabular-nums}.product-card__price-compare{text-decoration:line-through;color:var(--color-text-muted);font-weight:400;font-size:var(--text-sm);margin-left:var(--space-2)}.product-card__rating{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted)}.product-card__actions{margin-top:auto;padding-top:var(--space-3)}.stars{display:inline-flex;align-items:center;gap:1px}.stars svg{width:16px;height:16px}.stars .star-filled{color:var(--color-stars)}.stars .star-empty{color:var(--color-stars-empty)}.how-it-works{position:relative;padding:var(--space-6);padding-left:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md)}.how-it-works__icon{position:absolute;top:var(--space-6);left:calc(var(--space-8) * -.5 - 12px);width:24px;height:24px;background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.how-it-works__label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:var(--space-2)}.how-it-works__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-heading);margin-bottom:var(--space-3)}.how-it-works__content{font-size:var(--text-base);color:var(--color-text);line-height:1.7}.how-it-works__content strong{color:var(--color-heading);font-weight:600}.disclaimer{padding:var(--space-4);background:var(--color-surface-alt);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.6}.disclaimer:before{content:"";display:inline-block;width:16px;height:16px;margin-right:var(--space-2);vertical-align:middle;background:var(--color-text-muted);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E");mask-size:contain;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E");-webkit-mask-size:contain}.trust-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-4) var(--space-8);padding:var(--space-3) var(--gutter);background:var(--color-surface-warm);font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted)}.trust-bar__item{display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap}.trust-bar__icon{width:16px;height:16px;flex-shrink:0}.coach-cta{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--color-primary-light);border:1px solid oklch(from var(--color-primary) l c h / .2);border-radius:var(--radius-md)}.coach-cta__icon{width:40px;height:40px;flex-shrink:0;color:var(--color-primary)}.coach-cta__content{flex:1}.coach-cta__title{font-size:var(--text-sm);font-weight:700;color:var(--color-heading);margin-bottom:var(--space-1)}.coach-cta__text{font-size:var(--text-xs);color:var(--color-text-muted)}.coach-cta__action{flex-shrink:0}@media(max-width:500px){.coach-cta{flex-wrap:wrap}.coach-cta__content{flex:1 1 calc(100% - 56px)}.coach-cta__action{width:100%;text-align:center}.coach-cta__action .btn{width:100%}}.faq-accordion{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.faq-item{border-bottom:1px solid var(--color-divider)}.faq-item:last-child{border-bottom:none}.faq-item__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) var(--space-6);font-size:var(--text-base);font-weight:600;text-align:left;color:var(--color-heading);background:var(--color-surface);cursor:pointer;min-height:44px}.faq-item__trigger:hover{background:var(--color-surface-alt)}.faq-item__icon{width:20px;height:20px;flex-shrink:0;transition:transform var(--transition-fast);color:var(--color-text-muted)}.faq-item[open] .faq-item__icon{transform:rotate(45deg)}.faq-item__content{padding:0 var(--space-6) var(--space-4);font-size:var(--text-base);color:var(--color-text);line-height:1.7}.cross-sell{padding:var(--space-6);background:var(--color-surface-alt);border-radius:var(--radius-md)}.cross-sell__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-heading);margin-bottom:var(--space-4)}.cross-sell__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-4)}.cross-sell__item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2)}.cross-sell__item-image{width:100%;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface)}.cross-sell__item-name{font-size:var(--text-xs);font-weight:500;color:var(--color-heading);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cross-sell__item-price{font-size:var(--text-sm);font-weight:700;color:var(--color-heading);font-variant-numeric:tabular-nums}.section{padding-block:var(--section-spacing);padding-inline:var(--gutter)}.section--alt{background:var(--color-surface-alt)}.section--warm{background:var(--color-surface-warm)}.section--maroon{background:var(--color-primary);color:var(--color-on-primary)}.section--maroon .section__title,.section--maroon .section__subtitle{color:var(--color-on-primary)}.section__container{max-width:var(--content-wide);margin-inline:auto}.section__header{margin-bottom:var(--space-8)}.section__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-heading);margin-bottom:var(--space-2)}.section__subtitle{font-size:var(--text-base);color:var(--color-text-muted);max-width:60ch}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media(min-width:769px)and (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}.trust-strip{background:var(--color-primary);color:#fff;padding:1.5rem;border-top:3px solid var(--color-gold, #E8C77A);border-bottom:3px solid var(--color-gold, #E8C77A)}.trust-strip__inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:center}.trust-strip--3up .trust-strip__inner{grid-template-columns:repeat(3,1fr)}.trust-strip__item{display:flex;align-items:center;gap:.75rem;font-size:.875rem;font-weight:500;color:#fff;letter-spacing:.01em}.trust-strip__icon{width:28px;height:28px;flex-shrink:0;color:var(--color-gold, #E8C77A)}.trust-strip__item strong{display:block;font-family:var(--font-display, inherit);font-weight:800;font-size:.875rem;color:#fff;line-height:1.2;letter-spacing:.02em;text-transform:uppercase}.trust-strip__item span{display:block;font-size:.78rem;color:#ffffffd9;margin-top:2px}@media(max-width:900px){.trust-strip__inner{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(max-width:480px){.trust-strip__inner{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/150/assets/oates-components.css.map */