/* Public product details: the photo sits directly on the page background. */
.foly-product-cutout{display:block;width:100%;height:100%}
.ff-product-photo .foly-product-cutout img{height:100%;object-fit:contain}
body.foly-public-site .ff-product-real-photo,
body.foly-public-site .foly-public-product__image {
    background:transparent!important;border:0!important;box-shadow:none!important;
    border-radius:0!important;overflow:visible;isolation:auto;
}
body.foly-public-site .ff-product-real-photo img,
body.foly-public-site .foly-public-product__image img {
    background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;
}
body.foly-public-site .ff-product-real-photo img.foly-product-transparent,
body.foly-public-site .foly-public-product__image img.foly-product-transparent {
    filter:drop-shadow(0 16px 14px #61340c20);
}
/* Blend the whole photo box into the page, outside its own isolated group. */
body.foly-public-site .ff-product-real-photo:has(img.foly-product-white-backdrop),
body.foly-public-site .foly-public-product__image:has(img.foly-product-white-backdrop) {
    mix-blend-mode:darken;
}
body.foly-public-site .ff-product-real-photo img.foly-product-white-backdrop,
body.foly-public-site .foly-public-product__image img.foly-product-white-backdrop {
    mix-blend-mode:normal;
}

/* Consistent photo integration on public catalogues, homepage and discovery cards. */
body.foly-public-site :is(.wc-block-components-product-image,.fg-card-photo,.fss-product__photo,.fss-hero__photo,.fx-product-image) {
    background:transparent!important;border-color:transparent!important;box-shadow:none!important;
}
body.foly-public-site :is(.wc-block-components-product-image,.fg-card-photo,.fss-product__photo,.fss-hero__photo,.fx-product-image):has(img.foly-product-white-backdrop) {
    mix-blend-mode:darken;isolation:auto!important;
}
body.foly-public-site :is(.wc-block-components-product-image,.fg-card-photo,.fss-product__photo,.fss-hero__photo,.fx-product-image) img.foly-product-white-backdrop,
body.foly-public-site :is(.wc-block-components-product-image,.fg-card-photo,.fss-product__photo,.fss-hero__photo,.fx-product-image) img.foly-product-transparent {
    mix-blend-mode:normal!important;background:transparent!important;
}
body.foly-public-site .foly-product-cutout { display:block;min-width:0;max-width:100%; }
body.foly-public-site .fss-product__photo .foly-product-cutout {
    position:absolute;inset:0;width:100%;height:100%;
}
body.foly-public-site .fss-hero__photo .foly-product-cutout img {
    object-fit:cover;filter:drop-shadow(0 14px 10px #5e351426);
}

/* Keep favorite controls inside each snack card's measured grid height. */
body.foly-public-site .fss .fss-product {
    display:flex;flex-direction:column;min-width:0;height:auto;
}
body.foly-public-site .fss .fss-product__link {
    flex:1 1 auto;height:auto;min-height:0;
}
body.foly-public-site .fss .fss-product > .fg-product-tools {
    position:relative;inset:auto;flex:0 0 auto;display:flex;flex-wrap:wrap;
    align-items:center;gap:8px;margin:12px 0 0!important;padding:0!important;
    min-width:0;max-width:100%;z-index:1;
}
body.foly-public-site .fss .fg-product-tools > * { max-width:100%; }
body.foly-public-site .fx-product > .fg-product-tools { grid-column:1/-1; }
/* Separate controls, with a clear selected state and no white enclosing panel. */
body.foly-public-site .foly-product-tabs__nav {
    display:flex;gap:10px;padding:0!important;margin:0 0 24px;
    width:100%;max-width:100%;background:transparent!important;background-image:none!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;
}
body.foly-public-site .foly-product-tabs__nav button {
    flex:1;min-width:0;min-height:48px;padding:13px 16px!important;margin:0!important;
    border:1px solid #8c38255c!important;border-radius:999px!important;
    background:transparent!important;background-image:none!important;box-shadow:none!important;
    color:#702b1d!important;font:inherit;font-size:15px;font-weight:800;line-height:1.25;
}
body.foly-public-site .foly-product-tabs__nav button[aria-selected="true"] {
    background:linear-gradient(110deg,#d51522,#f45c15)!important;
    border-color:transparent!important;color:#fff!important;
    box-shadow:0 6px 14px #b43d181a!important;
}
body.foly-public-site .foly-product-tabs__nav button:hover:not([aria-selected="true"]) {
    background:#b43d1810!important;border-color:#8c3825!important;
}
body.foly-public-site .foly-product-tabs__nav button:focus-visible {
    outline:3px solid #702b1d!important;outline-offset:4px;
}
@media(max-width:360px){
    body.foly-public-site .foly-product-tabs__nav{gap:8px}
    body.foly-public-site .foly-product-tabs__nav button{font-size:14px;padding-inline:10px!important}
}