.focal-fp{display:grid;grid-template-columns:90px 1fr 1fr;gap:30px;max-width:1400px;margin:0 auto;padding:var(--ffp-pad-top) 40px var(--ffp-pad-bottom)}[data-focal-fp] [data-fx-left]{opacity:0;transform:translate(-48px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}[data-focal-fp].is-visible [data-fx-left]{opacity:1;transform:translate(0)}[data-focal-fp] [data-fx-right]{opacity:0;transform:translate(48px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transition-delay:.15s}[data-focal-fp].is-visible [data-fx-right]{opacity:1;transform:translate(0)}.focal-fp__gallery{grid-column:1 / 3;display:grid;grid-template-columns:90px 1fr;gap:30px}.focal-fp__thumbs{display:flex;flex-direction:column;gap:12px}.focal-fp__thumb{border:1px solid #e2e2e2;border-radius:4px;padding:0;overflow:hidden;background:none;cursor:pointer;width:100%;aspect-ratio:1/1;transition:border-color .25s ease,transform .2s ease}.focal-fp__thumb img{width:100%;height:100%;display:block;object-fit:cover}.focal-fp__thumb:hover{transform:translateY(-2px)}.focal-fp__thumb.is-active{border-color:var(--ffp-swatch-active);border-width:2px}.focal-fp__main{position:relative;background:#eee;border-radius:4px;overflow:hidden;aspect-ratio:1/1;max-width:600px;cursor:crosshair}.focal-fp__main-image{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .4s ease;overflow:hidden}.focal-fp__main-image.is-active{opacity:1;pointer-events:auto}.focal-fp__main-img{width:100%;height:100%;object-fit:cover;display:block}.focal-fp__zoom-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-size:cover;background-position:center;opacity:0;transform:scale(1);transform-origin:center center;transition:opacity .25s ease;pointer-events:none;will-change:transform}.focal-fp__main-image.is-zooming .focal-fp__zoom-layer{opacity:1;transform:scale(var(--ffp-zoom-scale, 2.2))}.focal-fp__zoom-hint{position:absolute;bottom:12px;right:12px;z-index:3;background:#ffffffe6;color:#333;font-size:11.5px;padding:6px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:5px;pointer-events:none;opacity:.9}.focal-fp__info{padding:10px 0}.focal-fp__badge{display:inline-block;font-family:var(--ffp-badge-font);background:var(--ffp-badge-bg);color:var(--ffp-badge-text);font-size:12px;font-weight:700;padding:5px 12px;border-radius:3px;margin-bottom:16px}.focal-fp__title{font-family:var(--ffp-title-font);font-size:var(--ffp-title-size);margin:0 0 14px;line-height:1.2}.focal-fp__desc{font-family:var(--ffp-text-font);font-size:14.5px;line-height:1.6;color:#555;margin:0 0 20px}.focal-fp__price{font-family:var(--ffp-price-font);font-size:22px;font-weight:600;color:var(--ffp-price-color);margin:0 0 6px}.focal-fp__price-compare{text-decoration:line-through;color:#999;font-size:16px;margin-left:8px;font-weight:400}.focal-fp__sizechart{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:#333;text-decoration:none;margin-bottom:18px;transition:opacity .2s ease}.focal-fp__sizechart:hover{opacity:.7}.focal-fp__option{margin-bottom:20px}.focal-fp__option-label{font-family:var(--ffp-option-font);font-size:13.5px;margin:0 0 10px;color:#333}.focal-fp__option-values{display:flex;flex-wrap:wrap;gap:8px}.focal-fp__option-btn{font-family:var(--ffp-option-font);border:1.5px solid #ddd;background:#fff;padding:9px 16px;border-radius:4px;font-size:13.5px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease,transform .15s ease}.focal-fp__option-btn:hover{border-color:var(--ffp-swatch-active);transform:translateY(-1px)}.focal-fp__option-btn.is-active{background:var(--ffp-swatch-active);border-color:var(--ffp-swatch-active);color:#fff}.focal-fp__quantity{margin-bottom:24px}.focal-fp__quantity .focal-fp__option-label{font-family:var(--ffp-qty-font)}.focal-fp__qty-stepper{display:inline-flex;align-items:center;border:1px solid #ddd;border-radius:4px}.focal-fp__qty-stepper button{background:none;border:none;width:38px;height:38px;cursor:pointer;font-size:16px;transition:background-color .2s ease}.focal-fp__qty-stepper button:hover{background:#f5f5f5}.focal-fp__qty-stepper input{font-family:var(--ffp-qty-font);width:44px;text-align:center;border:none;border-left:1px solid #ddd;border-right:1px solid #ddd;height:38px;font-size:14px;-moz-appearance:textfield}.focal-fp__qty-stepper input::-webkit-outer-spin-button,.focal-fp__qty-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.focal-fp__actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.focal-fp__btn{flex:1;min-width:160px;border:none;padding:16px 20px;border-radius:var(--ffp-btn-radius);font-family:var(--ffp-btn-font);font-size:14px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background-color .4s cubic-bezier(.65,0,.35,1),color .4s cubic-bezier(.65,0,.35,1),transform .25s ease,box-shadow .25s ease}.focal-fp__btn:disabled{opacity:.5;cursor:not-allowed}.focal-fp__btn--cart{background:var(--ffp-btn-bg);color:var(--ffp-btn-text)}.focal-fp__btn--cart:not(:disabled):hover{background:var(--ffp-btn-hover-bg);color:var(--ffp-btn-hover-text)}.focal-fp__btn--buy{background:var(--ffp-buy-bg);color:var(--ffp-buy-text)}.focal-fp__btn--buy:not(:disabled):hover{background:var(--ffp-buy-hover-bg);color:var(--ffp-buy-hover-text)}.focal-fp__btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 22px #0000002e}.focal-fp__viewfull{position:relative;display:inline-block;font-size:13.5px;text-decoration:none;color:#333;padding-bottom:3px}.focal-fp__viewfull:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#333;transform:scaleX(1);transform-origin:left;transition:transform .35s cubic-bezier(.65,0,.35,1),background-color .3s ease}.focal-fp__viewfull:hover{color:var(--ffp-swatch-active)}.focal-fp__viewfull:hover:after{background:var(--ffp-swatch-active);transform:scaleX(1.02)}.focal-fp__empty{text-align:center;padding:60px 20px;color:#999}@media(max-width:900px){.focal-fp{grid-template-columns:1fr;padding-left:20px;padding-right:20px;gap:24px}.focal-fp__gallery,.focal-fp__info{grid-column:1 / -1}.focal-fp__zoom-hint{display:none}}@media(max-width:640px){.focal-fp{padding-left:16px;padding-right:16px}.focal-fp__gallery{grid-template-columns:1fr}.focal-fp__thumbs{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px;order:2}.focal-fp__main{order:1;max-width:100%}.focal-fp__thumb{flex:0 0 56px;width:56px}.focal-fp__title{font-size:calc(var(--ffp-title-size) * .72)}.focal-fp__actions{flex-direction:column}.focal-fp__btn{min-width:100%}.focal-fp__main{cursor:default}.focal-fp__zoom-layer{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/focal-featured-product.css.map */