.product-card{position:relative;background:var(--canvas)}.product-card__figure{position:relative;overflow:hidden;background:var(--soft-cloud);aspect-ratio:1/1}.product-card__media{display:block;position:relative;width:100%;height:100%}.product-card__image{width:100%;height:100%;object-fit:cover}.product-card__image--hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s var(--ease)}.product-card__media:hover .product-card__image--hover{opacity:1}.product-card__info{padding-top:var(--s-sm);display:flex;flex-direction:column;gap:var(--s-xs)}.product-card__swatches{display:flex;gap:6px;align-items:center;min-height:12px}.product-card__title{font-size:16px;font-weight:500;color:var(--ink);line-height:1.35}.product-card__subtitle{font-size:14px;font-weight:500;color:var(--mute)}.product-card__price{display:flex;gap:8px;align-items:baseline;font-size:16px}.price{font-weight:500;color:var(--ink)}.price--sale{font-weight:700;color:var(--ink)}.price--compare{font-weight:400;color:var(--stone);text-decoration:line-through}.swatch-dot{width:12px;height:12px;border-radius:var(--r-full);border:1px solid var(--hairline);display:inline-block;flex-shrink:0;background:var(--soft-cloud);cursor:pointer;padding:0}.swatch-dot.is-active{box-shadow:0 0 0 2px var(--canvas),0 0 0 4px var(--ink)}.swatch-more{font-size:12px;font-weight:500;color:var(--mute);margin-left:2px}.badge-list{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:6px;z-index:5}.badge{display:inline-block;padding:4px 12px;font-size:12px;font-weight:500;line-height:1.4;border-radius:var(--r-lg);background:var(--canvas);color:var(--ink);border:1px solid var(--hairline)}.badge--solid{background:var(--ink);color:var(--on-primary);border-color:var(--ink)}.product-card--soldout .product-card__image{opacity:.6}.product-card__media img{transition:transform .7s var(--ease)}.product-card__figure:hover .product-card__image:not(.product-card__image--hover){transform:scale(1.04)}.product-card__quick{position:absolute;left:10px;right:10px;bottom:10px;z-index:6;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateY(10px);transition:opacity .25s var(--ease),transform .25s var(--ease)}.product-card__figure:hover .product-card__quick{opacity:1;transform:translateY(0)}.quick-add,.quick-buy{width:100%;height:42px;border:0;border-radius:var(--r-lg);cursor:pointer;font-size:13px;font-weight:500;transition:opacity .2s var(--ease),background .2s var(--ease),color .2s var(--ease)}.quick-add{background:var(--ink);color:var(--on-primary)}.quick-add:hover{opacity:.9}.quick-buy{background:var(--canvas);color:var(--ink);border:1px solid var(--ink)}.quick-buy:hover{background:var(--ink);color:var(--on-primary)}.quick-buy.is-loading{opacity:.7;cursor:progress}.quick-add--options{display:flex;align-items:center;justify-content:center;text-decoration:none}.quick-add[disabled]{background:var(--stone);cursor:not-allowed}.quick-add.is-added{background:var(--charcoal)}@media(hover:none){.product-card__quick{opacity:1;transform:none}}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-md) var(--s-md);row-gap:var(--s-xl)}@media(min-width:1440px){.product-grid{gap:var(--s-lg);row-gap:var(--s-xxl)}}@media(max-width:1199px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.product-grid{grid-template-columns:repeat(2,1fr);gap:var(--s-sm);row-gap:var(--s-lg)}}@media(max-width:420px){.product-grid{grid-template-columns:1fr}}.carousel{position:relative}.carousel__track{display:flex;gap:var(--s-sm);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.carousel__track::-webkit-scrollbar{display:none}.carousel__track .product-card{flex:0 0 72vw;scroll-snap-align:start}@media(min-width:700px){.carousel__track .product-card{flex:0 0 38vw}}@media(min-width:1000px){.carousel__track .product-card{flex:0 0 calc(25% - 6px)}}.carousel__btn{position:absolute;top:calc(50% - 60px);z-index:10;width:44px;height:44px;border-radius:var(--r-full);background:var(--canvas);color:var(--ink);border:1px solid var(--hairline);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s var(--ease)}.carousel__btn:hover{background:var(--ink);color:var(--canvas)}.carousel__btn--prev{left:-8px}.carousel__btn--next{right:-8px}@media(max-width:999px){.carousel__btn{display:none}}.cover{position:relative;overflow:hidden;display:flex}.cover__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cover__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:1}.cover__content{position:relative;z-index:2}.zoom{transition:transform .8s var(--ease)}.cover:hover .zoom{transform:scale(1.05)}.accordion__item{border-bottom:1px solid var(--hairline)}.accordion__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;background:none;border:0;cursor:pointer;text-align:left;font-size:16px;font-weight:600;color:var(--ink)}.accordion__icon{flex-shrink:0;transition:transform .25s var(--ease)}.accordion__item[open] .accordion__icon,.accordion__trigger[aria-expanded=true] .accordion__icon{transform:rotate(45deg)}.accordion__panel{overflow:hidden;color:var(--charcoal);font-size:16px;line-height:1.6}.accordion__panel-inner{padding-bottom:22px;max-width:70ch}.field{width:100%;height:48px;padding:0 16px;background:var(--soft-cloud);border:1px solid transparent;border-radius:var(--r-md);font-size:16px;color:var(--ink);outline:none;transition:all .2s var(--ease)}.field:focus{background:var(--canvas);border-color:var(--ink);box-shadow:0 0 0 4px var(--soft-cloud)}.field::placeholder{color:var(--mute)}textarea.field{height:auto;padding:14px 16px;min-height:140px;resize:vertical;line-height:1.5}.trust-row{display:flex;flex-wrap:wrap;gap:var(--s-xl);justify-content:center}.trust-item{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--charcoal)}.trust-item svg{flex-shrink:0;color:var(--ink)}.stars{display:inline-flex;gap:2px;color:var(--ink)}.stars svg{width:14px;height:14px}.stars--muted{color:var(--hairline)}.rating-line{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--mute)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/tgs-components.css.map */