*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,picture,video,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font:inherit}input,textarea,select{font:inherit}.skip-to-content{position:absolute;top:-100%;left:50%;transform:translate(-50%);z-index:9999;padding:12px 24px;background-color:var(--color-primary);color:var(--color-background);font-size:.875rem;border-radius:0 0 4px 4px;transition:top .2s ease}.skip-to-content:focus{top:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.section-padding{padding:60px 0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-block;padding:12px 30px;font-size:1rem;font-weight:600;text-align:center;border-radius:4px;transition:all .3s ease;cursor:pointer}.btn--primary{background-color:var(--color-primary);color:#fff;border:2px solid var(--color-primary)}.btn--primary:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn--secondary{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn--secondary:hover{background-color:var(--color-primary);color:#fff}.btn--loading{position:relative;pointer-events:none;opacity:.7}.btn__spinner{display:inline-block;width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite;vertical-align:middle}@keyframes btn-spin{to{transform:rotate(360deg)}}.grid{display:grid;gap:20px}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.section-padding{padding:40px 0}}.section-padding{padding-top:var(--section-spacing, 60px);padding-bottom:var(--section-spacing, 60px)}@media(max-width:768px){.section-padding{padding-top:var(--section-spacing-mobile, 40px);padding-bottom:var(--section-spacing-mobile, 40px)}}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%) translateY(20px);z-index:5000;padding:14px 28px;border-radius:8px;font-size:.875rem;font-weight:600;box-shadow:0 4px 20px #00000026;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none}.toast--visible{opacity:1;transform:translate(-50%) translateY(0)}.toast--success{background:var(--color-primary);color:#fff}.toast--error{background:#c62828;color:#fff}.toast--info{background:var(--color-text);color:#fff}@media(max-width:768px){.toast{bottom:100px;left:16px;right:16px;transform:translate(0) translateY(20px);text-align:center}.toast--visible{transform:translate(0) translateY(0)}}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.skeleton{background:linear-gradient(90deg,var(--color-border) 25%,var(--color-background-alt) 50%,var(--color-border) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;border-radius:4px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{height:14px;width:80%;margin-bottom:8px}.skeleton--text-sm{height:12px;width:50%}.skeleton--image{aspect-ratio:3/4;width:100%}.skeleton--circle{width:44px;height:44px;border-radius:50%}
/*# sourceMappingURL=/cdn/shop/t/28/assets/base.css.map */