.gr-fs{max-width:1400px;margin:0 auto;padding:40px 60px 80px}.gr-fs__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.gr-fs__gallery{position:sticky;top:120px}.gr-fs__main-img{border-radius:var(--gr-radius-lg, 12px);overflow:hidden;border:1px solid var(--gr-border);background:var(--gr-bg-2)}.gr-fs__img{width:100%;height:auto;display:block;object-fit:cover;transition:opacity .3s ease}.gr-fs__title{font-family:var(--gr-font-display);font-size:clamp(32px,5vw,52px);color:var(--gr-bone);text-transform:uppercase;letter-spacing:-.01em;line-height:1;margin:12px 0 16px}.gr-fs__desc-wrap{position:relative;margin-bottom:8px}.gr-fs__desc{font-family:var(--gr-font-body);font-size:14px;line-height:1.7;color:var(--gr-fg-muted);max-height:80px;overflow:hidden;transition:max-height .3s ease}.gr-fs__desc-wrap.is-expanded .gr-fs__desc{max-height:600px}.gr-fs__option{margin-bottom:20px}.gr-fs__coffee-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gr-fs__coffee-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;background:transparent;border:1px solid var(--gr-border-strong);border-radius:var(--gr-radius-md);cursor:pointer;transition:all .15s ease}.gr-fs__coffee-card:hover{border-color:#ff55004d}.gr-fs__coffee-card.is-active{border:2px solid var(--gr-orange);background:#ff550014;padding:11px 7px}.gr-fs__coffee-img{width:64px;height:80px;display:flex;align-items:center;justify-content:center}.gr-fs__coffee-img img{max-width:100%;max-height:100%;object-fit:contain}.gr-fs__coffee-name{font-family:var(--gr-font-heading);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gr-bone);text-align:center;line-height:1.2}.gr-fs .gr-sub{margin:16px 0 8px;border:1px solid var(--gr-border-strong);border-radius:var(--gr-radius-md);transition:border-color .2s}.gr-fs .gr-sub.is-active{border:2px solid var(--gr-orange);background:#ff55000f}.gr-fs .gr-sub__header{display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer}.gr-fs .gr-sub.is-active .gr-sub__header{padding:15px 17px}.gr-fs .gr-sub__check{display:flex;align-items:center;flex-shrink:0}.gr-fs .gr-sub__input{position:absolute;opacity:0;width:0;height:0}.gr-fs .gr-sub__checkbox{width:28px;height:28px;border:2px solid var(--gr-border-strong);border-radius:var(--gr-radius-sm);display:flex;align-items:center;justify-content:center;color:transparent;transition:all .15s;cursor:pointer}.gr-fs .gr-sub__input:checked+.gr-sub__checkbox{background:var(--gr-orange);border-color:var(--gr-orange);color:var(--gr-black)}.gr-fs .gr-sub__text{flex:1}.gr-fs .gr-sub__title{font-family:var(--gr-font-heading);font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--gr-bone)}.gr-fs .gr-sub__note{font-family:var(--gr-font-heading);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gr-fg-dim);margin-top:4px}.gr-fs .gr-sub__savings{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;gap:2px}.gr-fs .gr-sub__savings-new{font-family:var(--gr-font-display);font-size:22px;color:var(--gr-orange)}.gr-fs .gr-sub__savings-old{font-family:var(--gr-font-heading);font-size:12px;color:var(--gr-fg-dim);text-decoration:line-through;letter-spacing:.1em}.gr-fs .gr-sub__freq{padding:0 18px 18px;border-top:1px solid var(--gr-border)}.gr-fs .gr-sub.is-active .gr-sub__freq{padding:0 17px 17px}.gr-fs .gr-sub__freq-label{font-family:var(--gr-font-heading);font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--gr-fg-dim);padding:14px 0 10px}.gr-fs .gr-sub__freq-chips{display:flex;gap:8px;flex-wrap:wrap}.gr-fs .gr-sub__freq-radio{position:absolute;opacity:0;width:0;height:0}.gr-fs .gr-sub__freq-chip{padding:10px 18px;border:1px solid var(--gr-border-strong);border-radius:var(--gr-radius-md);font-family:var(--gr-font-heading);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gr-fg-muted);cursor:pointer;transition:all .15s}.gr-fs .gr-sub__freq-chip:hover{border-color:var(--gr-bone);color:var(--gr-bone)}.gr-fs .gr-sub__freq-chip.is-active{background:var(--gr-bone);color:var(--gr-black);border-color:var(--gr-bone)}@media(max-width:1023px){.gr-fs{padding:24px 28px 64px}.gr-fs__grid{grid-template-columns:1fr;gap:32px}.gr-fs__gallery{position:static}.gr-fs__coffee-grid{grid-template-columns:repeat(4,1fr)}}.gr-fs .gr-pdp__option-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.gr-fs [data-fs-size-chips]{grid-template-columns:repeat(3,1fr)}@media(max-width:640px){.gr-fs{padding:16px 16px 48px}.gr-fs__title{font-size:clamp(28px,8vw,40px)}.gr-fs__coffee-grid{grid-template-columns:repeat(2,1fr)}.gr-fs__coffee-img{width:48px;height:60px}.gr-fs__coffee-name{font-size:10px}.gr-fs .gr-pdp__perks{grid-template-columns:1fr;gap:8px;padding:20px 0}.gr-fs .gr-pdp__perk{background:var(--gr-bg-2);border:1px solid var(--gr-border);border-radius:var(--gr-radius-md);padding:14px 18px;font-size:12px;gap:12px;justify-content:center}.gr-fs .gr-pdp__perk-icon{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/gr-fuel-station.css.map */