.brand{display:inline-flex;align-items:center;gap:11px}.brand .raute{flex:0 0 auto;opacity:.9;transition:opacity .3s}.brand:hover .raute{opacity:1}.brand-name{line-height:1}@media(max-width:520px){.brand{gap:8px}.brand .raute{width:21px;height:21px}}.ftr-mark{display:inline-block;vertical-align:-5px;margin-right:8px;color:var(--ink-3)}.f-grid b{display:flex;align-items:center}.credo-rule{width:26px;height:26px;background:none;margin:64px auto 0;color:var(--ink-3);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 1.5 L38.5 20 L20 38.5 L1.5 20 Z' fill='none' stroke='%238B8E7F' stroke-width='1.6'/%3E%3Cpath d='M20 7 L33 20 L20 33 L7 20 Z' fill='none' stroke='%238B8E7F' stroke-width='.7' opacity='.55'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}.grid{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.card{background:var(--paper);border:none;transition:background .5s}.card:nth-child(3n),.card:nth-child(2n){border-right:none}.card:hover{background:var(--paper-2)}.grid[style*="--cols:2"] .bottle-slot{height:380px}.grid[style*="--cols:2"] .card{padding:64px 30px 52px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottle-slot{height:230px}.grid[style*="--cols:2"] .bottle-slot{height:250px}.grid[style*="--cols:2"] .card{padding:44px 20px 36px}}@media(max-width:520px){.grid{grid-template-columns:1fr}}.bottle{height:100%;width:auto;object-fit:contain}.p-wrap{padding:104px 0 0}.p-grid{grid-template-columns:1fr 1.08fr;gap:56px}.p-name{font-size:clamp(29px,3.5vw,42px);margin-bottom:8px}.p-ried{margin-bottom:18px}.p-claim{font-size:18.5px;margin-bottom:22px}.p-price{margin-bottom:20px}.p-price b{font-size:25px}.p-buy{margin-bottom:12px}.ship{margin-bottom:26px;font-size:12.5px}.p-note{padding-top:20px;margin-bottom:20px}.p-note p{font-size:15px}.specs div{padding:9px 0;font-size:14px}.gal{display:flex;flex-direction:column;gap:12px}.gal-stage{position:relative;height:clamp(320px,48vh,520px);background:var(--paper-2);overflow:hidden}.gal-img{position:absolute;opacity:0;visibility:hidden;transition:opacity .35s ease;transform-origin:center center}.gal-img.is-on{opacity:1;visibility:visible}.gal-img[data-fit=contain]{top:0;right:0;bottom:0;left:0;margin:auto;height:84%;width:auto;max-width:82%;object-fit:contain;mix-blend-mode:multiply}.gal-img[data-fit=cover]{top:0;right:0;bottom:0;left:0;margin:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}@media(hover:hover)and (pointer:fine){.gal-stage{cursor:zoom-in}.gal-stage.zoom .gal-img.is-on{transform:scale(1.8);transition:transform .2s ease-out,opacity .35s ease}.gal-stage.zoom .gal-hint{opacity:0}}.gal-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--ink-2);background:#fbfaf7d9;border-radius:50%;opacity:0;transition:opacity .28s,color .2s;z-index:3}.gal-stage:hover .gal-nav{opacity:1}.gal-nav:hover{color:var(--ink)}.gal-nav:focus-visible{opacity:1;outline:1px solid var(--ink)}.gal-prev{left:12px}.gal-next{right:12px}.gal-hint{position:absolute;left:0;right:0;bottom:14px;text-align:center;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);opacity:0;transition:opacity .3s;pointer-events:none;z-index:3}.gal-stage:hover .gal-hint{opacity:1}.gal-thumbs{display:flex;gap:8px}.gal-thumb{width:58px;height:74px;background:var(--paper-2);border:1px solid transparent;padding:5px;transition:border-color .25s}.gal-thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.gal-thumb.is-on{border-color:var(--ink)}.gal-thumb:hover{border-color:#b9beaf}@media(max-width:900px){.p-wrap{padding:92px 0 0}.p-grid{grid-template-columns:1fr;gap:32px}.gal-stage{height:clamp(300px,44vh,420px)}.gal-nav{opacity:1;background:#fbfaf7b8}}.band{margin:64px 0 0;padding:30px 0 70px;border-top:1px solid var(--line)}.band-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:22px}.band-head h3{font-family:var(--serif);font-weight:400;font-size:24px;margin:0;letter-spacing:-.005em}.band-nav{display:flex;gap:6px}.band-nav button{width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--ink-3);border:1px solid var(--line);border-radius:50%;transition:color .2s,border-color .2s}.band-nav button:hover{color:var(--ink);border-color:var(--ink)}.band-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:4px}.band-track::-webkit-scrollbar{display:none}.band-item{flex:0 0 auto;width:168px;scroll-snap-align:start;display:flex;flex-direction:column;gap:12px}.band-img{height:150px;background:var(--paper-2);display:flex;align-items:center;justify-content:center;padding:16px 10px;transition:background .35s}.band-item:hover .band-img{background:#eae8df}.band-bottle{height:100%;width:auto;object-fit:contain;mix-blend-mode:multiply;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.band-item:hover .band-bottle{transform:scale(1.06) rotate(-3deg)}.band-text{display:flex;flex-direction:column;gap:3px}.band-year{font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}.band-name{font-family:var(--serif);font-size:17px;line-height:1.25}.band-price{font-size:13.5px;color:var(--ink-2);font-variant-numeric:tabular-nums}@media(max-width:640px){.band{margin-top:44px;padding-bottom:54px}.band-item{width:138px}.band-img{height:124px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/loibl-grid.css.map */