@layer base,components,utilities;@layer base{*,*:before,*:after{box-sizing:border-box;margin:0}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scrollbar-gutter:stable;overflow-x:clip}body{font-family:var(--font-body, system-ui, -apple-system, sans-serif);font-weight:var(--font-body-weight, 400);font-style:var(--font-body-style, normal);color:var(--color-text, #1a1a2e);background-color:var(--color-bg, #ffffff);line-height:var(--leading-normal, 1.5);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;min-height:100vh}body.template-product{padding-block-end:60px}main{flex:1 0 auto}img,picture,video,svg{display:block;max-width:100%}img{height:auto}a{color:var(--color-links, inherit);text-decoration-skip-ink:auto}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none;padding:0}ul,ol{padding-inline-start:1.5em}h1,.h1{font-family:var(--font-heading, var(--font-body));font-weight:var(--font-heading-weight, 700);font-size:var(--text-5xl);line-height:var(--leading-tight, 1.15);letter-spacing:var(--tracking-tight, -.02em);text-wrap:balance}h2,.h2{font-family:var(--font-heading, var(--font-body));font-weight:var(--font-heading-weight, 700);font-size:var(--text-4xl);line-height:var(--leading-tight, 1.15);letter-spacing:var(--tracking-tight, -.02em);text-wrap:balance}h3,.h3{font-family:var(--font-heading, var(--font-body));font-weight:var(--font-heading-weight, 700);font-size:var(--text-3xl);line-height:var(--leading-snug, 1.3);text-wrap:balance}h4,.h4{font-family:var(--font-heading, var(--font-body));font-weight:var(--font-heading-weight, 700);font-size:var(--text-2xl);line-height:var(--leading-snug, 1.3);text-wrap:balance}h5,.h5{font-family:var(--font-heading, var(--font-body));font-weight:var(--font-heading-weight, 700);font-size:var(--text-xl);line-height:var(--leading-snug, 1.3)}h6,.h6{font-family:var(--font-heading, var(--font-body));font-weight:var(--font-heading-weight, 700);font-size:var(--text-lg);line-height:var(--leading-snug, 1.3)}p{text-wrap:pretty}}@layer components{.page-width{max-width:var(--page-width, 1200px);margin-inline:auto;padding-inline:var(--page-padding, 1.25rem)}.page-width--narrow{max-width:var(--page-width-narrow, 800px);margin-inline:auto;padding-inline:var(--page-padding, 1.25rem)}.page-width--full{max-width:none;padding-inline:var(--page-padding, 1.25rem)}.section-padding{padding-block-start:var(--PT, 40px);padding-block-end:var(--PB, 40px)}@media(max-width:989px){.section-padding{padding-block-start:calc(var(--PT, 40px) * .8);padding-block-end:calc(var(--PB, 40px) * .8)}}@media(max-width:749px){.section-padding{padding-block-start:calc(var(--PT, 40px) * .6);padding-block-end:calc(var(--PB, 40px) * .6)}}.grid{display:grid;grid-template-columns:repeat(var(--columns, 4),minmax(0,1fr));gap:var(--gap, var(--space-6))}@media(max-width:989px){.grid{grid-template-columns:repeat(var(--columns-medium, 2),minmax(0,1fr))}}@media(max-width:749px){.grid{grid-template-columns:repeat(var(--columns-small, 1),minmax(0,1fr))}}.cro-product-grid{display:grid;grid-template-columns:repeat(var(--columns, 4),minmax(0,1fr));gap:var(--gap, var(--space-6))}.cro-product-grid .cro-product-card{display:grid;grid-template-rows:subgrid;grid-row:span 4}@media(max-width:989px){.cro-product-grid{grid-template-columns:repeat(var(--columns-medium, 2),minmax(0,1fr))}}@media(max-width:749px){.cro-product-grid{grid-template-columns:repeat(var(--columns-small, 2),minmax(0,1fr))}}.cro-card{display:flex;flex-direction:column;position:relative}.cro-card__media{position:relative;overflow:hidden;border-radius:var(--radius-md, 8px);background:color-mix(in oklch,var(--color-text, #1a1a2e) 5%,transparent);aspect-ratio:1 / 1}.cro-card__media a{display:block;width:100%;height:100%}.cro-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity var(--duration-normal, .3s) var(--ease-out, ease)}.cro-card__media img:first-of-type{position:relative;z-index:1}.cro-card__media img:nth-of-type(2){position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0}.cro-card__media:has(img:nth-of-type(2)):hover img:first-of-type{opacity:0}.cro-card:hover .cro-card__media img:nth-of-type(2){opacity:1}.cro-card__labels{position:absolute;top:var(--space-2, 8px);left:var(--space-2, 8px);display:flex;flex-wrap:wrap;gap:4px;z-index:2}.cro-card__label{display:inline-block;padding:2px 8px;font-size:var(--text-xs, .75rem);font-weight:var(--weight-semibold, 600);border-radius:var(--radius-sm, 4px);line-height:1.4}.cro-card__label--sale{background:var(--color-accent-sale, #c22843);color:#fff}.cro-card__label--new{background:var(--color-accent-new, #1d7a37);color:#fff}.cro-card__label--soldout{background:color-mix(in oklch,var(--color-text, #1a1a2e) 70%,transparent);color:var(--color-bg, #fff)}.cro-card__info{display:flex;flex-direction:column;gap:var(--space-1, 4px);padding-block-start:var(--space-3, 12px);flex:1}.cro-card__vendor{font-size:var(--text-xs, .75rem);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.cro-card__rating{display:flex;align-items:center;gap:var(--space-1, 4px)}.cro-card__rating-count{font-size:var(--text-xs, .75rem);color:var(--color-text-muted)}.cro-card__title{font-size:var(--text-sm, .875rem);font-weight:var(--weight-medium, 500);line-height:1.4;min-height:2.8em}.cro-card__title a{color:var(--color-text);text-decoration:none}.cro-card__title a:hover{text-decoration:underline}.cro-card__pricing{display:flex;align-items:center;gap:var(--space-2, 8px);flex-wrap:wrap}.cro-card__price{font-size:var(--text-sm, .875rem);font-weight:var(--weight-semibold, 600);color:var(--color-text)}.cro-card__compare{font-size:var(--text-sm, .875rem);color:var(--color-text-muted);text-decoration:line-through}.cro-card__savings{font-size:var(--text-xs, .75rem);font-weight:var(--weight-semibold, 600);color:var(--color-accent-sale, #c22843)}.cro-card__quick-add{margin-block-start:auto;padding-block-start:var(--space-2, 8px)}.cro-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:var(--gap, var(--space-6))}.cro-carousel::-webkit-scrollbar{display:none}.cro-carousel>*{scroll-snap-align:start;flex:0 0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding-block:var(--space-3);padding-inline:var(--space-6);font-family:var(--font-body);font-weight:var(--weight-semibold, 600);font-size:var(--text-base);line-height:1;text-decoration:none;border:2px solid transparent;border-radius:var(--radius-md, 8px);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);min-height:var(--touch-min, 44px)}.btn--primary{background-color:var(--color-btn-primary-bg, #1a1a2e);color:var(--color-btn-primary-text, #ffffff);border-color:var(--color-btn-primary-border, var(--color-btn-primary-bg, #1a1a2e))}.btn--primary:hover{background-color:var(--color-btn-primary-hover, color-mix(in oklch, var(--color-btn-primary-bg) 85%, black))}.btn--secondary{background-color:var(--color-btn-secondary-bg, transparent);color:var(--color-btn-secondary-text, #1a1a2e);border-color:var(--color-btn-secondary-text, #1a1a2e)}.btn--secondary:hover{background-color:var(--color-btn-secondary-text, #1a1a2e);color:var(--color-bg, #ffffff)}.btn--outline{background-color:transparent;color:var(--color-text, #1a1a2e);border-color:var(--color-border, color-mix(in oklch, var(--color-text) 20%, transparent))}.btn--outline:hover{border-color:var(--color-text, #1a1a2e);background-color:color-mix(in oklch,var(--color-text) 5%,transparent)}.btn--text{background:none;color:var(--color-links, var(--color-text));border:none;padding-inline:0;text-decoration:underline;text-underline-offset:3px}.btn--text:hover{text-decoration-thickness:2px}.btn--small{padding-block:var(--space-2);padding-inline:var(--space-4);font-size:var(--text-sm);min-height:36px}.btn--large{padding-block:var(--space-4);padding-inline:var(--space-8);font-size:var(--text-lg);min-height:52px}.btn--full{width:100%}.btn__icon{display:inline-flex;flex-shrink:0}.btn__icon svg{width:1em;height:1em}.cro-reveal{opacity:0;transition:opacity var(--duration-reveal, .6s) var(--ease-out),transform var(--duration-reveal, .6s) var(--ease-out),filter var(--duration-reveal, .6s) var(--ease-out)}.cro-reveal--fade-up{transform:translateY(20px)}.cro-reveal--fade-down{transform:translateY(-20px)}.cro-reveal--slide-left{transform:translate(-40px)}.cro-reveal--slide-right{transform:translate(40px)}.cro-reveal--scale-up{transform:scale(.92)}.cro-reveal--blur-in{filter:blur(8px)}.cro-reveal--flip-up{transform:perspective(600px) rotateX(10deg);transform-origin:bottom}.cro-reveal.is-visible{opacity:1;transform:none;filter:none}.cro-reveal[style*="--stagger: 1"]{transition-delay:.1s}.cro-reveal[style*="--stagger: 2"]{transition-delay:.2s}.cro-reveal[style*="--stagger: 3"]{transition-delay:.3s}.cro-reveal[style*="--stagger: 4"]{transition-delay:.4s}.cro-reveal[style*="--stagger: 5"]{transition-delay:.5s}dialog.cro-drawer{position:fixed;inset-block:0;inset-inline-end:0;width:min(400px,90vw);max-width:100%;max-height:100vh;height:100%;margin:0;margin-inline-start:auto;padding:0;border:none;background:var(--color-bg, #ffffff);color:var(--color-text, #1a1a2e);box-shadow:var(--shadow-2xl);overflow-y:auto}dialog.cro-drawer::backdrop{background:color-mix(in oklch,black 50%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog.cro-drawer[open]{animation:cro-slide-in-right var(--duration-normal) var(--ease-out)}.cro-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-5);border-block-end:1px solid var(--color-border, #e5e7eb)}.cro-drawer__title{font-weight:var(--weight-semibold, 600)}.cro-drawer__close{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text);transition:background var(--duration-fast) var(--ease-out)}.cro-drawer__close:hover{background:color-mix(in srgb,var(--color-text) 8%,transparent)}dialog.cro-modal{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;max-width:min(900px,90vw);max-height:85vh;padding:0;border:none;border-radius:var(--radius-lg, 12px);background:var(--color-bg, #ffffff);color:var(--color-text, #1a1a2e);box-shadow:var(--shadow-2xl);overflow:hidden}dialog.cro-modal::backdrop{background:color-mix(in oklch,black 50%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog.cro-modal[open]{animation:cro-fade-scale-in var(--duration-normal) var(--ease-out)}@keyframes cro-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes cro-fade-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cro-stars{display:inline-flex;gap:1px;align-items:center}.cro-section__heading{text-wrap:balance;margin-block-end:var(--space-6)}.rte{line-height:var(--leading-relaxed, 1.65);word-break:break-word}.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6{margin-block:var(--space-6) var(--space-3)}:is(.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6):first-child{margin-block-start:0}.rte p{margin-block-end:var(--space-4)}.rte p:last-child{margin-block-end:0}.rte ul,.rte ol{margin-block-end:var(--space-4);padding-inline-start:1.5em}.rte li{margin-block-end:var(--space-1)}.rte blockquote{border-inline-start:3px solid var(--color-border, #e5e7eb);padding-inline-start:var(--space-4);margin-inline:0;margin-block:var(--space-4);font-style:italic;color:var(--color-text-muted, #6b7280)}.rte a{color:var(--color-links, #2563eb);text-decoration:underline;text-underline-offset:2px}.rte a:hover{text-decoration-thickness:2px}.rte img{border-radius:var(--radius-md, 8px);margin-block:var(--space-4)}.rte table{width:100%;border-collapse:collapse;margin-block:var(--space-4);font-size:var(--text-sm)}.rte th,.rte td{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border, #e5e7eb);text-align:start}.rte th{font-weight:var(--weight-semibold, 600);background:color-mix(in oklch,var(--color-text) 3%,var(--color-bg))}.rte hr{border:none;border-block-start:1px solid var(--color-border, #e5e7eb);margin-block:var(--space-8)}.rte code{font-family:ui-monospace,monospace;font-size:.875em;background:color-mix(in oklch,var(--color-text) 5%,var(--color-bg));padding:.125em .375em;border-radius:var(--radius-sm, 4px)}.rte pre{overflow-x:auto;padding:var(--space-4);border-radius:var(--radius-md, 8px);background:color-mix(in oklch,var(--color-text) 5%,var(--color-bg));margin-block:var(--space-4)}.rte pre code{background:none;padding:0}.cro-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-block:var(--space-4)}.cro-form{display:grid;gap:var(--space-4)}.cro-form__field{display:flex;flex-direction:column;gap:var(--space-1)}.cro-form__field label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-heading, var(--color-text))}.cro-form__field input,.cro-form__field textarea,.cro-form__field select{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border, #d1d5db);border-radius:var(--radius-md);font:inherit;font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);transition:border-color .15s ease}:is(.cro-form__field input,.cro-form__field textarea,.cro-form__field select):focus-visible{outline:2px solid var(--color-focus, currentColor);outline-offset:2px;border-color:transparent}:is(.cro-form__field input,.cro-form__field textarea,.cro-form__field select)::placeholder{color:color-mix(in srgb,var(--color-text) 50%,transparent)}.cro-form__field textarea{min-height:8lh;resize:vertical}.cro-form__field select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-inline-end:var(--space-10)}.cro-form__field:has(:user-invalid) input,.cro-form__field:has(:user-invalid) textarea,.cro-form__field:has(:user-invalid) select{border-color:#dc2626}.cro-form__field:has(:user-invalid) .cro-form__error{display:block}.cro-form__error{display:none;font-size:var(--text-sm);color:#dc2626}.cro-form__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.cro-payment-icons{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.cro-payment-icons--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(45px,1fr));justify-items:center}.cro-payment-icons--sm .cro-payment-icons__icon{width:36px;height:24px}.cro-payment-icons--lg .cro-payment-icons__icon{width:56px;height:38px}.cro-payment-icons__icon{width:45px;height:30px;object-fit:contain;border-radius:var(--radius-sm);flex-shrink:0;max-width:none}.cro-secure-checkout{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) 0}.cro-secure-checkout__label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.cro-secure-checkout__label svg{width:14px;height:14px;color:var(--color-icons, var(--color-links));flex-shrink:0}.cro-secure-checkout__divider{width:1px;height:16px;background:var(--color-border, #e5e7eb)}}@layer utilities{.visually-hidden{position:absolute!important;inset-inline-start:0!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(min-width:750px){.cro-hide-desktop{display:none!important}}@media(max-width:749px){.cro-hide-mobile{display:none!important}}.cro-skeleton{background:linear-gradient(90deg,color-mix(in oklch,var(--color-text) 5%,var(--color-bg)) 25%,color-mix(in oklch,var(--color-text) 10%,var(--color-bg)),color-mix(in oklch,var(--color-text) 5%,var(--color-bg)) 75%);background-size:200% 100%;animation:cro-skeleton 1.5s ease infinite;border-radius:var(--radius-md)}@keyframes cro-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.skip-link:focus{clip:auto!important;height:auto!important;width:auto!important;position:fixed!important;inset-block-start:0;inset-inline-start:0;z-index:var(--z-skip-link, 10000);padding:var(--space-4);background:var(--color-bg, #ffffff);color:var(--color-text, #1a1a2e);font-weight:var(--weight-semibold, 600);box-shadow:var(--shadow-lg)}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:2px solid var(--color-focus, currentColor);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.cro-reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}html{scroll-behavior:auto}}@media(prefers-contrast:more){.btn{border-width:2px;border-color:currentColor;font-weight:var(--weight-bold, 700)}.btn--primary{border-color:currentColor}input,select,textarea{border:2px solid currentColor}}.cro-below-fold{content-visibility:auto;contain-intrinsic-size:auto 500px}.content-max{max-width:65ch}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/base.css.map */