.atc__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}@media(max-width:1100px){.atc__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.atc__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.atc-card{border-radius:16px;overflow:hidden;background:transparent;display:flex;flex-direction:column;position:relative;font-family:Inter,sans-serif;height:100%}.atc-card__img-wrap{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:#fff;display:block}.atc-card__img-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.atc-card__img-track{display:flex;flex-wrap:nowrap;width:100%;height:100%;transform:translate(0);transition:transform .85s cubic-bezier(.22,1,.36,1);will-change:transform}.atc-card__img-track .atc-card__img-slide{position:relative;flex:0 0 100%;width:100%;height:100%;opacity:1}.atc-card__img-wrap>.atc-card__img-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .2s}.atc-card__img-wrap>.atc-card__img-slide.is-active{opacity:1}.atc-card__img-slide img{width:100%;height:100%;object-fit:cover;display:block}.atc-card__img-dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:5px;opacity:0;transition:opacity .2s;pointer-events:none}.atc-card:hover .atc-card__img-dots{opacity:1}.atc-card__img-dot{width:6px;height:6px;border-radius:50%;background:#0003;transition:background .15s,transform .15s;display:block}.atc-card__img-dot.is-active{background:#111;transform:scale(1.35)}.atc-card__cta{position:absolute;bottom:14px;left:50%;z-index:3;transform:translate(-50%) translateY(6px);background:#111;color:#fff;font-size:13px;font-weight:600;font-family:inherit;padding:9px 20px;border:0;border-radius:100px;white-space:nowrap;cursor:pointer;opacity:0;transition:opacity .22s,transform .22s;pointer-events:none}.atc-card:hover .atc-card__cta,.atc-card__cta:focus-visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}@media(hover:none){.atc-card__cta{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}}.atc-card__body{background:#f9f9f9;padding:18px 18px 20px;display:flex;flex-direction:column;flex:1;border-radius:0 0 16px 16px}.atc-card__name{font-size:clamp(16px,1.2vw,20px);font-weight:500;color:#111;text-decoration:none;display:block;line-height:1.3;margin:0 0 6px}.atc-card__sub{font-size:clamp(14px,1vw,16px);color:#15803d;margin:0 0 6px;font-weight:400}.atc-card__price{min-height:calc(16.4px + 1.6em);font-size:clamp(14px,1vw,16px);font-weight:400;color:#111;margin:0 0 14px;line-height:1.4}.atc-card__price-from{display:block;font-size:12px;line-height:1.2;color:#1111118c;margin-bottom:2px}.atc-card__swatches{display:flex;gap:8px;flex-wrap:wrap;min-height:clamp(36px,3vw,48px);margin-bottom:14px}.atc-card__swatch{width:clamp(36px,3vw,48px);height:clamp(36px,3vw,48px);border-radius:5px;overflow:hidden;border:1px solid #ececec;padding:2px;cursor:pointer;background:#fff;flex-shrink:0;transition:border-color .15s,transform .15s;box-sizing:border-box}.atc-card__swatch.is-active{border-color:#111;border-width:1.5px}.atc-card__swatch:hover{transform:scale(1.05)}.atc-card__swatch img{width:100%;height:100%;object-fit:cover;display:block;border-radius:3px}.atc-card__swatch-more{display:flex;align-items:center;justify-content:center;width:clamp(36px,3vw,48px);height:clamp(36px,3vw,48px);font-size:12px;color:#1111118c}.atc-card__features{position:relative;overflow:hidden;margin-top:auto;padding-top:14px;border-top:1px solid #e8e8e8;width:min(296px,100%);flex-shrink:0;align-self:flex-start;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 8px),transparent 100%);mask-image:linear-gradient(to right,#000 calc(100% - 8px),transparent 100%)}.atc-card__features:hover{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 8px,#000 100%);mask-image:linear-gradient(to right,transparent 0,#000 8px,#000 100%)}.atc-card__features-track{display:flex;gap:18px;transition:transform .9s cubic-bezier(.22,1,.36,1)}.atc-card__features:hover .atc-card__features-track{transform:translate(-174px)}.atc-card__feat{display:flex;align-items:center;gap:8px;flex:0 0 auto;width:104px}.atc-card__feat-icon{width:22px;height:22px;flex-shrink:0;color:#444;display:flex;align-items:center;justify-content:center}.atc-card__feat-icon img,.atc-card__feat-icon svg{width:100%;height:100%;object-fit:contain;display:block}.atc-card__feat-icon-dot{display:block;width:8px;height:8px;border-radius:50%;background:#444;margin:7px auto}.atc-card__feat-texts{display:flex;flex-direction:column;min-width:0}.atc-card__feat-label{font-size:12px;font-weight:600;color:#111;margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atc-card__feat-sub{font-size:10px;font-weight:400;color:#17171799;margin:0;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:749px){.atc-card__img-dots{display:none}.atc-card__cta{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto;font-size:12px;padding:9px 16px}.atc-card__body{padding:14px 12px}.atc-card__name{font-size:15px}.atc-card__sub{font-size:13px}.atc-card__price{font-size:14px;min-height:auto;margin-bottom:10px}.atc-card__swatch,.atc-card__swatch-more{width:36px;height:36px}.atc-card__swatches{min-height:36px;gap:6px;margin-bottom:10px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.atc-card__swatches::-webkit-scrollbar{display:none}.atc-card__features{width:calc(100% + 12px);max-width:calc(100% + 12px);margin-left:-12px;padding-left:12px;padding-right:4px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 20px),transparent 100%);mask-image:linear-gradient(to right,#000 calc(100% - 20px),transparent 100%);padding-top:12px}.atc-card__features::-webkit-scrollbar{display:none}.atc-card__features:hover{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 20px),transparent 100%);mask-image:linear-gradient(to right,#000 calc(100% - 20px),transparent 100%)}.atc-card__features-track{display:flex;flex-wrap:nowrap;gap:10px;width:max-content;transform:none!important}.atc-card__features:hover .atc-card__features-track{transform:none!important}.atc-card__feat{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;flex:0 0 auto;width:82px;min-width:82px;max-width:82px}.atc-card__feat-icon{width:24px;height:24px;margin:0}.atc-card__feat-texts{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;width:100%}.atc-card__feat-label{font-size:11px;font-weight:600;line-height:1.2;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.atc-card__feat-sub{font-size:10px;line-height:1.25;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}@media screen and (max-width:560px){.atc__grid:not(.at-sam-col__grid):not(.at-store__grid){grid-template-columns:1fr;gap:14px}.atc-card{border-radius:16px}.atc-card__body{padding:16px 14px}.atc-card__name{font-size:18px;font-weight:600;margin-bottom:6px}.atc-card__sub{font-size:14px;margin-bottom:6px}.atc-card__price{font-size:15px;font-weight:500;margin-bottom:12px}.atc-card__price-from{font-size:12px}.atc-card__swatch,.atc-card__swatch-more{width:40px;height:40px}.atc-card__swatches{min-height:40px;gap:8px;margin-bottom:12px}.atc-card__cta{font-size:13px;font-weight:600;padding:10px 20px;bottom:12px}.atc-card__feat{width:82px;min-width:82px;max-width:82px;gap:6px}.atc-card__feat-icon{width:26px;height:26px}.atc-card__feat-label{font-size:12px}.atc-card__feat-sub{font-size:10px}}@media screen and (max-width:749px){.at-related .atc__grid{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:20px;gap:12px;grid-template-columns:unset;margin-inline:-20px;padding:0 20px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.at-related .atc__grid::-webkit-scrollbar{display:none}.at-related .atc__grid>.atc-card{flex:0 0 clamp(220px,68vw,280px);width:clamp(220px,68vw,280px);scroll-snap-align:start}}.atc-qv{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s;font-family:Inter,sans-serif;color:#171717;-webkit-font-smoothing:antialiased}.atc-qv.is-open{opacity:1;visibility:visible;pointer-events:auto}.atc-qv__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#17171773}.atc-qv__panel{position:relative;z-index:1;width:min(1120px,100%);max-height:min(90vh,820px);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 24px 64px #0000002e;transform:translateY(12px);transition:transform .28s cubic-bezier(.22,1,.36,1);font-family:Inter,sans-serif}.atc-qv.is-open .atc-qv__panel{transform:translateY(0)}.atc-qv__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);width:100%;max-height:min(90vh,820px)}.atc-qv__close{position:absolute;top:14px;right:14px;z-index:3;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#171717;font-size:0;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000014}.atc-qv__close:before{content:"\d7";font-size:22px;font-weight:400;line-height:1}.atc-qv__media{position:relative;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;padding:28px 24px 36px;overflow:hidden}.atc-qv__media-frame{position:relative;width:100%;flex:1;display:block;min-height:280px;max-height:min(56vh,520px);overflow:hidden;cursor:ew-resize}.atc-qv__media-track{display:flex;flex-wrap:nowrap;width:100%;height:100%;transform:translate(0);transition:transform .85s cubic-bezier(.22,1,.36,1);will-change:transform}.atc-qv__media-slide{flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.atc-qv__media-slide img{width:100%;height:100%;max-height:min(56vh,520px);object-fit:contain;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.atc-qv__dots{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px}.atc-qv__dot{width:7px;height:7px;border-radius:50%;background:#17171733;border:0;padding:0;cursor:pointer}.atc-qv__dot.is-active{background:transparent;box-shadow:inset 0 0 0 1.5px #171717}.atc-qv__info{display:flex;flex-direction:column;gap:0;padding:28px 28px 0;overflow-y:auto;font-family:Inter,sans-serif;color:#171717}.atc-qv__vendor{margin:0 0 6px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.6;color:#171717}.atc-qv__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 8px}.atc-qv__title{margin:0;font-family:Inter,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.03em;line-height:1.25;color:#171717}.atc-qv__price{margin:4px 0 0;flex:0 0 auto;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:1;color:#171717;white-space:nowrap}.atc-qv__subtitle{margin:0 0 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:1.4;color:#171717b8}.atc-qv__option{display:flex;flex-direction:column;gap:12px;margin:0 0 18px}.atc-qv__option-label{margin:0;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.2;color:#171717}.atc-qv__option-label span,.atc-qv__option-value{font-weight:500}.atc-qv__pills{display:flex;flex-wrap:wrap;gap:10px}.atc-qv__pill{-webkit-appearance:none;appearance:none;border:1px solid rgba(23,23,23,.15);background:#fff;color:#171717;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:1;padding:16px 20px;border-radius:5px;cursor:pointer;transition:border-color .15s}.atc-qv__pill:hover:not(:disabled){border-color:#171717}.atc-qv__pill.is-active{border-color:#171717}.atc-qv__pill:disabled,.atc-qv__pill.is-unavailable{opacity:.35;cursor:not-allowed}.atc-qv__swatches{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.atc-qv__swatch{width:34px;height:34px;border-radius:50%;border:1.5px solid transparent;padding:2px;background:transparent;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center}.atc-qv__swatch-inner{width:100%;height:100%;border-radius:50%;overflow:hidden;display:block;background:#ddd;box-shadow:inset 0 0 0 1px #17171714}.atc-qv__swatch img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.atc-qv__swatch.is-active{border-color:#171717}.atc-qv__swatch:disabled{opacity:.35;cursor:not-allowed}.atc-qv__stock{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;margin:4px 0 18px;padding:14px 20px 14px 18px;border-radius:9999px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:1.2;background:#f7fee7;color:#4d7c0f}.atc-qv__stock:before{content:"";width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px #4d7c0f33;flex:0 0 auto}.atc-qv__stock.is-out{background:#f5f5f5;color:#737373}.atc-qv__stock.is-out:before{box-shadow:0 0 0 3px #73737326}.atc-qv__actions{display:flex;gap:10px;align-items:stretch;margin:0 0 8px}.atc-qv__qty{display:inline-flex;align-items:center;border:1px solid rgba(23,23,23,.1);border-radius:60px;overflow:hidden;flex:0 0 130px;height:52px;background:#fff}.atc-qv__qty button{width:42px;height:50px;border:0;background:transparent;font-family:Inter,sans-serif;font-size:16px;cursor:pointer;color:#171717;padding:0 12px}.atc-qv__qty input{width:46px;height:50px;border:0;text-align:center;font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#171717;-webkit-appearance:textfield;appearance:textfield;background:transparent}.atc-qv__qty input::-webkit-outer-spin-button,.atc-qv__qty input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.atc-qv__add{flex:1;min-height:52px;border:0;border-radius:60px;background:#171717;color:#fff;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:1;padding:18px 26px;cursor:pointer}.atc-qv__add:disabled{opacity:.45;cursor:not-allowed}.atc-qv__add.is-loading{opacity:.7;pointer-events:none}.atc-qv__error{margin:0 0 8px;font-family:Inter,sans-serif;font-size:13px;color:#b42318}.atc-qv__details{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;border-top:1px solid rgba(23,23,23,.08);font-family:Inter,sans-serif;font-size:16px;font-weight:400;color:#171717;text-decoration:none}.atc-qv__details:hover{text-decoration:underline}.atc-qv__details-arrow{font-size:18px;line-height:1}.atc-qv__loading{grid-column:1 / -1;padding:64px 24px;text-align:center;color:#888;font-family:Inter,sans-serif}@media screen and (max-width:749px){.atc-qv{padding:0;align-items:flex-end}.atc-qv__panel{width:100%;max-height:94vh;border-radius:20px 20px 0 0}.atc-qv__body{grid-template-columns:1fr;max-height:94vh;overflow-y:auto}.atc-qv__media{min-height:240px;padding:20px 16px 16px}.atc-qv__media-frame{min-height:220px;max-height:38vh;cursor:default}.atc-qv__media-slide img{max-height:38vh}.atc-qv__info{padding:8px 18px 0}.atc-qv__title{font-size:22px}.atc-qv__actions{flex-wrap:wrap}.atc-qv__qty{flex:0 0 120px}.atc-qv__add{flex:1 1 calc(100% - 130px)}}.at-related{padding:clamp(28px,3vw,48px) 0}.at-related__title{margin:0 0 clamp(20px,2vw,32px);font-family:Inter,sans-serif;font-size:clamp(22px,2vw,32px);font-weight:700;letter-spacing:-.03em;color:#171717}
/*# sourceMappingURL=/cdn/shop/t/13/assets/at-product-card.css.map */