:root{--fpg-bg: #FFFFFF;--fpg-heading-color: #000000;--fpg-text-color: #1A1A1A;--fpg-link-hover: #555555;--fpg-border-color: #E0E0E0;--fpg-btn-pri-bg: #000000;--fpg-btn-pri-text: #FFFFFF;--fpg-btn-pri-border: #000000;--fpg-btn-pri-hov-bg: #333333;--fpg-btn-pri-hov-text:#FFFFFF;--fpg-btn-pri-hov-bdr: #333333;--fpg-btn-sec-bg: transparent;--fpg-btn-sec-text: #000000;--fpg-btn-sec-border: #000000;--fpg-btn-sec-hov-bg: #000000;--fpg-btn-sec-hov-text:#FFFFFF;--fpg-btn-sec-hov-bdr: #000000;--fpg-input-bg: #F5F5F5;--fpg-input-text: #000000;--fpg-input-border: #D9D9D9;--fpg-input-hov-bg: #EBEBEB;--fpg-var-bg: #F5F5F5;--fpg-var-text: #555555;--fpg-var-border: #D9D9D9;--fpg-var-hov-bg: #E0E0E0;--fpg-var-hov-text: #000000;--fpg-var-hov-border: #BBBBBB;--fpg-var-sel-bg: #000000;--fpg-var-sel-text: #FFFFFF;--fpg-var-sel-border: #000000;--fpg-var-sel-hov-bg: #333333;--fpg-var-sel-hov-text:#FFFFFF;--fpg-var-sel-hov-bdr: #333333;--fpg-font-heading: "Anton", sans-serif;--fpg-font-body: "Montserrat", sans-serif}.fpg-card{position:relative;background:var(--fpg-bg);overflow:hidden}.fpg-card-img-wrap{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;background:var(--fpg-input-bg);cursor:pointer}.fpg-card-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .4s ease;pointer-events:none}.fpg-card-img.fpg-img-active{opacity:1;position:relative}.fpg-wishlist{position:absolute;top:10px;right:10px;z-index:5;width:30px;height:30px;border:none;background:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.fpg-wishlist svg{width:22px;height:22px;stroke:#ffffffe6;stroke-width:1.5;fill:#00000040;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4));transition:fill .2s,stroke .2s}.fpg-wishlist:hover{transform:scale(1.15)}.fpg-wishlist:hover svg{fill:#ffffffd9;stroke:#fff}.fpg-wishlist.active svg{fill:var(--fpg-heading-color);stroke:var(--fpg-heading-color)}.fpg-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:28px;height:28px;border:none;background:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s}.fpg-card:hover .fpg-arrow{opacity:1}.fpg-arrow svg{width:20px;height:20px;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 4px rgba(0,0,0,.5));transition:transform .15s}.fpg-arrow:hover svg{transform:scale(1.2)}.fpg-arrow-left{left:8px}.fpg-arrow-right{right:8px}.fpg-dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:4;display:flex;gap:5px}.fpg-dot{width:5px;height:5px;border-radius:50%;background:#fff6;transition:background .2s,transform .2s;cursor:pointer}.fpg-dot.fpg-dot-active{background:#fff;transform:scale(1.4)}.fpg-card-bottom{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 12px 14px;background:var(--fpg-bg)}.fpg-card-text{flex:1;min-width:0}.fpg-card-name{font-family:var(--fpg-font-body);font-size:12px;font-weight:500;color:var(--fpg-heading-color);line-height:1.3;text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}.fpg-card-name:hover{color:var(--fpg-link-hover)}.fpg-card-price{font-family:var(--fpg-font-body);font-size:11px;font-weight:400;color:var(--fpg-text-color);margin-top:3px}.fpg-plus-btn{width:26px;height:26px;border:none;background:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:transform .2s}.fpg-plus-btn svg{width:18px;height:18px;stroke:var(--fpg-text-color);stroke-width:1.8;stroke-linecap:round;transition:stroke .15s}.fpg-plus-btn:hover{transform:scale(1.2)}.fpg-plus-btn:hover svg{stroke:var(--fpg-heading-color)}.fpg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:9999;display:none;align-items:flex-end;justify-content:flex-end;animation:fpgFadeIn .25s ease}.fpg-overlay.active{display:flex}@keyframes fpgFadeIn{0%{opacity:0}to{opacity:1}}.fpg-quick-add{background:#fff;border:1px solid var(--fpg-border-color);border-radius:16px 16px 0 0;padding:28px 24px 32px;width:100%;max-width:420px;box-shadow:0 -8px 40px #0000001f,0 0 0 1px #e0e0e080;animation:fpgSlideUp .3s cubic-bezier(.4,0,.2,1);position:relative;isolation:isolate;-webkit-backdrop-filter:none;backdrop-filter:none}@media(min-width:769px){.fpg-quick-add{border-radius:16px;margin:24px;max-height:calc(100vh - 48px);overflow-y:auto}}@keyframes fpgSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.fpg-qa-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:1px solid #E0E0E0;background:#f5f5f5;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.fpg-qa-close:hover{background:#ebebeb;border-color:#bbb}.fpg-qa-close svg{width:13px;height:13px;stroke:#1a1a1a;stroke-width:2.5;stroke-linecap:round}.fpg-qa-name{font-family:var(--fpg-font-heading);font-size:20px;font-weight:400;color:var(--fpg-heading-color);margin-bottom:4px;padding-right:36px;text-transform:uppercase;letter-spacing:.5px}.fpg-qa-price{font-family:var(--fpg-font-body);font-size:14px;font-weight:500;color:var(--fpg-text-color);margin-bottom:20px}.fpg-option-group{margin-bottom:16px}.fpg-option-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.fpg-option-label span{font-family:var(--fpg-font-body);font-size:10px;font-weight:600;letter-spacing:1.5px;color:var(--fpg-text-color);text-transform:uppercase}.fpg-size-guide{font-family:var(--fpg-font-body);font-size:10px;font-weight:600;letter-spacing:.5px;color:var(--fpg-btn-sec-text);border:1.5px solid var(--fpg-btn-sec-border);border-radius:20px;padding:4px 12px;background:var(--fpg-btn-sec-bg);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.fpg-size-guide:hover{background:var(--fpg-btn-sec-hov-bg);color:var(--fpg-btn-sec-hov-text);border-color:var(--fpg-btn-sec-hov-bdr)}.fpg-pills-wrap{display:flex;flex-wrap:wrap;gap:8px}.fpg-pill{font-family:var(--fpg-font-body);padding:9px 18px;border-radius:30px;border:1.5px solid var(--fpg-var-border);background:var(--fpg-var-bg);font-size:11px;font-weight:500;color:var(--fpg-var-text);cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.fpg-pill:hover{background:var(--fpg-var-hov-bg);color:var(--fpg-var-hov-text);border-color:var(--fpg-var-hov-border)}.fpg-pill.active{background:var(--fpg-var-sel-bg);color:var(--fpg-var-sel-text);border-color:var(--fpg-var-sel-border);padding-left:14px;padding-right:14px;box-shadow:0 2px 8px #00000026}.fpg-pill.active:before{content:"\2713  ";font-size:11px;font-weight:700}.fpg-pill.active:hover{background:var(--fpg-var-sel-hov-bg);color:var(--fpg-var-sel-hov-text);border-color:var(--fpg-var-sel-hov-bdr)}.fpg-pill.unavailable{opacity:.3;cursor:not-allowed;text-decoration:line-through}.fpg-qa-actions{display:flex;gap:10px;margin-top:24px}.fpg-btn-secondary{flex:1;padding:14px 0;border-radius:40px;border:1.5px solid var(--fpg-btn-sec-border);background:var(--fpg-btn-sec-bg);font-family:var(--fpg-font-body);font-size:11px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--fpg-btn-sec-text);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.fpg-btn-secondary:hover{background:var(--fpg-btn-sec-hov-bg);color:var(--fpg-btn-sec-hov-text);border-color:var(--fpg-btn-sec-hov-bdr)}.fpg-btn-primary{flex:1.2;padding:14px 0;border-radius:40px;border:1.5px solid var(--fpg-btn-pri-border);background:var(--fpg-btn-pri-bg);font-family:var(--fpg-font-body);font-size:11px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--fpg-btn-pri-text);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.fpg-btn-primary:hover{background:var(--fpg-btn-pri-hov-bg);color:var(--fpg-btn-pri-hov-text);border-color:var(--fpg-btn-pri-hov-bdr)}.fpg-btn-primary:disabled{opacity:.3;cursor:not-allowed}.fpg-qa-msg{font-family:var(--fpg-font-body);font-size:11px;font-weight:500;color:#c0392b;text-align:center;margin-top:10px;min-height:16px}.fpg-toast{position:absolute;top:-50px;left:50%;transform:translate(-50%);background:var(--fpg-btn-pri-bg);color:var(--fpg-btn-pri-text);padding:8px 20px;border-radius:30px;font-family:var(--fpg-font-body);font-size:11px;font-weight:600;letter-spacing:.5px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s,top .3s}.fpg-toast.show{opacity:1;top:-44px}
/*# sourceMappingURL=/cdn/shop/t/8/assets/fpg-cards.css.map */