.bidet-flip-grid{display:block;width:100%;background:var(--bf-background);padding:var(--bf-pt-m) var(--bf-px) var(--bf-pb-m);font-family:inherit}.bidet-flip-grid,.bidet-flip-grid *{box-sizing:border-box;letter-spacing:0}.bidet-flip-grid__stage{max-width:var(--bf-max);margin-inline:auto;min-width:0;container-type:inline-size}.bidet-flip-grid__heading{text-align:var(--bf-align);margin-bottom:24px}.bidet-flip-grid__heading h2{font-size:28px;color:var(--bf-heading);margin:0 0 8px;overflow-wrap:anywhere}.bidet-flip-grid__heading p{font-size:16px;color:var(--bf-subtitle);margin:0;overflow-wrap:anywhere}.bidet-flip-grid__grid{display:grid;grid-template-columns:repeat(var(--bf-cols-m),minmax(0,1fr));gap:var(--bf-gap-m)}.bidet-flip-grid__card{position:relative;min-width:0;height:max(var(--bf-height-m),var(--bf-min-height));perspective:var(--bf-perspective);border-radius:var(--bf-radius);box-shadow:var(--bf-shadow)}.bidet-flip-grid__inner{display:grid;height:100%;transform-style:preserve-3d;transition:transform var(--bf-duration) cubic-bezier(.4,0,.2,1)}.bidet-flip-grid__card.is-flipped .bidet-flip-grid__inner{transform:rotateY(180deg)}.bidet-flip-grid__face{grid-area:1/1;min-width:0;min-height:0;height:100%;border-radius:var(--bf-radius);backface-visibility:hidden;-webkit-backface-visibility:hidden}.bidet-flip-grid__face{transition:visibility 0s calc(var(--bf-duration) / 2)}.bidet-flip-grid__front{transform:rotateY(0);visibility:visible}.bidet-flip-grid__back,.bidet-flip-grid__card.is-flipped .bidet-flip-grid__front{visibility:hidden}.bidet-flip-grid__card.is-flipped .bidet-flip-grid__back{visibility:visible}.bidet-flip-grid[data-three-d=false] .bidet-flip-grid__face{transition:none}@media(prefers-reduced-motion:reduce){.bidet-flip-grid .bidet-flip-grid__face{transition:none}}.bidet-flip-grid__front{position:relative;overflow:hidden;background:linear-gradient(150deg,var(--bf-gradient1),var(--bf-gradient2));color:var(--bf-title)}.bidet-flip-grid__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:var(--bf-image-fit);object-position:var(--bf-image-position);opacity:var(--bf-image-opacity);pointer-events:none}.bidet-flip-grid__front:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(17,17,20,var(--bf-overlay)),transparent 75%);pointer-events:none}.bidet-flip-grid__front-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px;padding:18px;height:100%;overflow:auto;overscroll-behavior-x:none}.bidet-flip-grid__badge{align-self:flex-start;max-width:calc(100% - var(--bf-button-size) - var(--bf-button-x));padding:4px 10px;border-radius:99px;background:var(--bf-badge-bg);color:var(--bf-badge-text);font-size:11px;font-weight:700;overflow-wrap:anywhere}.bidet-flip-grid__caption{margin-top:auto;padding-top:calc(var(--bf-button-size) + 8px)}.bidet-flip-grid__face h3{font-size:var(--bf-title-m);line-height:1.2;margin:0;overflow-wrap:anywhere;color:inherit}.bidet-flip-grid__caption p{font-size:var(--bf-description-size);line-height:1.5;color:var(--bf-description);margin:8px 0 0;overflow-wrap:anywhere}.bidet-flip-grid__back{transform:rotateY(180deg);background:var(--bf-back);border:1px solid var(--bf-border);color:var(--bf-back-text);display:flex;flex-direction:column;gap:12px;padding:18px;overflow:auto}.bidet-flip-grid__back h3{padding-right:calc(var(--bf-button-size) + var(--bf-button-x) - 6px);min-height:calc(var(--bf-button-size) + var(--bf-button-y) - 18px)}.bidet-flip-grid__body{font-size:14px;line-height:1.5;color:var(--bf-muted);overflow-wrap:anywhere}.bidet-flip-grid__body p{margin:0 0 8px}.bidet-flip-grid__tags{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0}.bidet-flip-grid__tags:empty{display:none}.bidet-flip-grid__tags li{padding:5px 10px;border-radius:99px;font-size:11px;font-weight:700;border:1px solid var(--bf-tag-border);background:var(--bf-tag-bg);color:var(--bf-tag-text);overflow-wrap:anywhere;max-width:100%}.bidet-flip-grid__links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:auto}.bidet-flip-grid__info-action{display:flex;margin-top:auto;flex-shrink:0}.bidet-flip-grid__back:has(.bidet-flip-grid__info-action){overflow:hidden}.bidet-flip-grid__back:has(.bidet-flip-grid__info-action) .bidet-flip-grid__body{min-height:0;overflow:auto;flex:1}.bidet-flip-grid__back:has(.bidet-flip-grid__info-action) .bidet-flip-grid__links{margin-top:0}.bidet-flip-grid__back:has(.bidet-flip-grid__info-action) .bidet-flip-grid__tags:not(:has(li)),.bidet-flip-grid__back:has(.bidet-flip-grid__info-action) .bidet-flip-grid__links:not(:has(a)){display:none}.bidet-flip-grid__info-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:var(--bf-cta-padding);font-size:var(--bf-cta-size);line-height:1.4;font-weight:650;border:1px solid var(--bf-cta-border);border-radius:var(--bf-cta-radius);background:var(--bf-cta-bg);color:var(--bf-cta-text);text-align:center;text-decoration:none;overflow-wrap:anywhere}.bidet-flip-grid__info-cta:focus-visible{outline:3px solid var(--bf-link);outline-offset:3px}.bidet-flip-grid__links a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:700;color:var(--bf-link);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.bidet-flip-grid__flip{position:absolute;z-index:2;top:var(--bf-button-y);right:var(--bf-button-x);width:var(--bf-button-size);height:var(--bf-button-size);min-width:44px;min-height:44px;padding:12px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--bf-button-bg);color:var(--bf-button-icon);cursor:pointer;transition:background .2s,transform var(--bf-duration)}.bidet-flip-grid__flip span{display:grid;place-items:center;width:100%;height:100%;font:24px/1 Arial,sans-serif}.bidet-flip-grid__card.is-flipped .bidet-flip-grid__flip{transform:rotate(180deg);background:var(--bf-button-active);color:var(--bf-button-active-icon)}.bidet-flip-grid__flip:focus-visible,.bidet-flip-grid__links a:focus-visible{outline:2px solid var(--bf-link);outline-offset:3px}.bidet-flip-grid__flip--quiet:not(:focus-visible){opacity:0}.bidet-flip-grid__card[data-whole=true]{cursor:pointer}.bidet-flip-grid[data-three-d=false] .bidet-flip-grid__inner{transform:none;transform-style:flat;transition:none}.bidet-flip-grid[data-three-d=false] .bidet-flip-grid__face{transform:none;transition:opacity .2s}.bidet-flip-grid[data-three-d=false] .bidet-flip-grid__back,.bidet-flip-grid[data-three-d=false] .is-flipped .bidet-flip-grid__front{opacity:0}.bidet-flip-grid[data-three-d=false] .is-flipped .bidet-flip-grid__back{opacity:1}@media(min-width:750px){.bidet-flip-grid{padding-block:var(--bf-pt-d) var(--bf-pb-d)}.bidet-flip-grid__grid{grid-template-columns:repeat(var(--bf-cols-t),minmax(0,1fr));gap:var(--bf-gap-d)}.bidet-flip-grid__card{height:var(--bf-height-d)}.bidet-flip-grid__face h3{font-size:var(--bf-title-d)}}@media(min-width:990px){.bidet-flip-grid__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(var(--bf-min-width),calc((100% - (var(--bf-cols-d) - 1)*var(--bf-gap-d))/var(--bf-cols-d)))),1fr))}}@media(hover:hover)and (pointer:fine){.bidet-flip-grid__flip:hover{filter:brightness(1.15)}}@media(prefers-reduced-motion:reduce){.bidet-flip-grid .bidet-flip-grid__inner{transform:none;transform-style:flat;transition:none}.bidet-flip-grid .bidet-flip-grid__face{transform:none;transition:opacity .15s}.bidet-flip-grid .bidet-flip-grid__back,.bidet-flip-grid .is-flipped .bidet-flip-grid__front{opacity:0}.bidet-flip-grid .is-flipped .bidet-flip-grid__back{opacity:1}.bidet-flip-grid .bidet-flip-grid__flip{transform:none;transition:none}}.bidet-flip-grid[data-shimmer=true] .bidet-flip-grid__front:before{content:"";position:absolute;z-index:1;inset:-50% auto -50% 0;width:60%;pointer-events:none;background:linear-gradient(90deg,transparent,var(--bf-shimmer-color),transparent);opacity:var(--bf-shimmer-opacity);transform:translate(-180%) skew(-20deg);animation:bidet-flip-shimmer var(--bf-shimmer-speed) ease-in-out infinite}.bidet-flip-grid[data-shimmer=true] .is-flipped .bidet-flip-grid__front:before{animation-play-state:paused}@keyframes bidet-flip-shimmer{0%,10%{transform:translate(-180%) skew(-20deg)}70%,to{transform:translate(320%) skew(-20deg)}}@media(prefers-reduced-motion:reduce){.bidet-flip-grid[data-shimmer=true] .bidet-flip-grid__front:before{animation:none;display:none}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/bidet-flip-card-grid.css.map */