/* Public contextual overrides; no editor chrome or brand colors. */
.wapu-c-image-frame{position:relative;isolation:isolate;overflow:hidden;border-radius:8px;min-width:0;aspect-ratio:1/1.07}
.wapu-c-image-frame>img,.wapu-c-image-frame>picture{display:block;width:100%;height:100%;object-fit:cover}
.wapu-c-image-frame img{filter:grayscale(var(--wpg-image-grayscale,0))}
.wapu-c-image-frame::after,.wapu-c-image:not(img)::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--wpg-image-tint,transparent);opacity:var(--wpg-image-tint-opacity,0);pointer-events:none;z-index:1}
.wapu-c-image:not(img){position:relative}
img[data-wpg-element-key],.wapu-c-image:not(img){filter:grayscale(var(--wpg-image-grayscale,0))}
[data-wpg-image-shape="square"],picture[data-wpg-image-shape="square"]>img{border-radius:0!important}
[data-wpg-image-shape="rounded"],picture[data-wpg-image-shape="rounded"]>img{border-radius:8px!important}
[data-wpg-image-shape="circle"],picture[data-wpg-image-shape="circle"]>img{border-radius:50%!important}
[data-wpg-image-shape="heart"],[data-wpg-image-shape="hexagon"],[data-wpg-image-shape="flower"],picture[data-wpg-image-shape="heart"]>img,picture[data-wpg-image-shape="hexagon"]>img,picture[data-wpg-image-shape="flower"]>img{
  border-radius:0!important;
  -webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;
  mask-repeat:no-repeat;mask-position:center;mask-size:contain;
}
[data-wpg-image-shape="heart"],picture[data-wpg-image-shape="heart"]>img{-webkit-mask-image:url("../svg/image-shapes/heart.svg");mask-image:url("../svg/image-shapes/heart.svg")}
[data-wpg-image-shape="hexagon"],picture[data-wpg-image-shape="hexagon"]>img{-webkit-mask-image:url("../svg/image-shapes/hexagon.svg");mask-image:url("../svg/image-shapes/hexagon.svg")}
[data-wpg-image-shape="flower"],picture[data-wpg-image-shape="flower"]>img{-webkit-mask-image:url("../svg/image-shapes/flower.svg");mask-image:url("../svg/image-shapes/flower.svg")}
[data-wpg-element-key][style*="--wpg-element-opacity:"]{opacity:var(--wpg-element-opacity)!important}
[data-wpg-element-key="block"]{--wpg-element-opacity:1}
body:not(.wp-admin) [data-wpg-button-hidden="1"]{display:none!important}
body.wp-admin [data-wpg-button-hidden="1"]{opacity:.35!important;outline:1px dashed currentColor;outline-offset:3px}
/* Only the compatibility card uses Playground's fixed type. Theme cards keep the child theme's styling. */
.wapu-block-style-scope .wapu-product-card:not(.wapu-product-card--playground){font-family:var(--wtds-font-text,'Poppins',sans-serif);color:var(--wapu-block-text,var(--wtds-ink,#171717))}
.wapu-block-style-scope .wapu-product-card:not(.wapu-product-card--playground) .wapu-product-card__info{--wtds-ink:var(--wapu-block-text,#171717);--wtds-ink-2:color-mix(in srgb,var(--wapu-block-text,#171717) 84%,transparent);--wtds-ink-3:color-mix(in srgb,var(--wapu-block-text,#171717) 68%,transparent);color:var(--wapu-block-text,#171717)}
/* Playground previews show only the featured image; the theme archive keeps its gallery hover. */
body.wp-admin .wapu-block-style-scope .wapu-product-card__img--hover{display:none!important}
body.wp-admin .wapu-block-style-scope .wapu-product-card__media.has-gallery-hover .wapu-product-card__img--featured,
body.wp-admin .wapu-block-style-scope .wapu-product-card:hover .wapu-product-card__media.has-gallery-hover .wapu-product-card__img--featured,
body.wp-admin .wapu-block-style-scope .wapu-product-card:focus-within .wapu-product-card__media.has-gallery-hover .wapu-product-card__img--featured{opacity:1!important;visibility:visible!important}
.wapu-block-style-scope .wapu-product-card--playground{font-family:'Manrope',sans-serif!important;color:#000!important}
.wapu-block-style-scope .wapu-product-card--playground :is(.wapu-product-card__name-link,.wapu-product-card__name,.wapu-product-card__name *){font-family:'Poppins',sans-serif!important;color:#000!important;-webkit-text-fill-color:#000!important}
.wapu-block-style-scope .wapu-product-card--playground :is(.wapu-product-card__price-wrap,.wapu-product-card__price-wrap *){font-family:'Manrope',sans-serif!important;color:#000!important;-webkit-text-fill-color:#000!important}
[data-wpg-background-layer],[data-wpg-overlay-layer]{position:absolute!important;inset:0!important;display:block!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:inherit!important;pointer-events:none!important;user-select:none!important}
[data-wpg-background-layer]{z-index:-2!important}
[data-wpg-layered-background][data-wapu-background-image] > [data-wpg-background-layer]{z-index:-3!important}
[data-wpg-layered-background][data-wapu-background-image]::before{z-index:-2!important}
[data-wpg-overlay-layer]{z-index:-1!important}
[data-wpg-element-key].wapu-pg-magic[data-wapu-pg-enter]:not(.is-wapu-pg-visible){opacity:0!important}
[data-wpg-element-key].wapu-pg-magic[data-wapu-pg-enter].is-wapu-pg-visible{opacity:var(--wpg-element-opacity,1)!important}
@media(prefers-reduced-motion:reduce){[data-wpg-element-key].wapu-pg-magic[data-wapu-pg-enter]{opacity:var(--wpg-element-opacity,1)!important}}

/* 7.9.92 · Block silhouette effects.
   One authored choice shapes both the top and bottom edge.
   Inline masks keep geometry and tile dimensions together across cached updates.
   Matching Bézier tangents keep repeated waves continuous at tile boundaries. */
.wapu-block[data-wapu-edge-effect="wave"],
#wapu-playground-canva-root .wpg-live-section[data-wapu-edge-effect="wave"] > .wpg-block-content{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2216%22%20viewBox%3D%220%200%2096%2016%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%208C16%200%2032%200%2048%208S80%2016%2096%208V16H0Z%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(#fff,#fff),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2216%22%20viewBox%3D%220%200%2096%2016%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%208C16%200%2032%200%2048%208S80%2016%2096%208V0H0Z%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2216%22%20viewBox%3D%220%200%2096%2016%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%208C16%200%2032%200%2048%208S80%2016%2096%208V16H0Z%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(#fff,#fff),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2216%22%20viewBox%3D%220%200%2096%2016%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%208C16%200%2032%200%2048%208S80%2016%2096%208V0H0Z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size:96px 16px,100% calc(100% - 30px),96px 16px;
  mask-size:96px 16px,100% calc(100% - 30px),96px 16px;
  -webkit-mask-position:left top,left 15px,left bottom;
  mask-position:left top,left 15px,left bottom;
  -webkit-mask-repeat:repeat-x,no-repeat,repeat-x;
  mask-repeat:repeat-x,no-repeat,repeat-x;
}
.wapu-block[data-wapu-edge-effect="paper"],
#wapu-playground-canva-root .wpg-live-section[data-wapu-edge-effect="paper"] > .wpg-block-content{
  clip-path:polygon(
    0 10px,4% 5px,8% 13px,12% 7px,16% 14px,20% 4px,24% 11px,28% 6px,32% 15px,36% 8px,40% 12px,44% 5px,48% 13px,52% 7px,56% 14px,60% 4px,64% 11px,68% 6px,72% 15px,76% 8px,80% 12px,84% 5px,88% 13px,92% 7px,96% 14px,100% 9px,
    100% calc(100% - 10px),96% calc(100% - 5px),92% calc(100% - 13px),88% calc(100% - 7px),84% calc(100% - 14px),80% calc(100% - 4px),76% calc(100% - 11px),72% calc(100% - 6px),68% calc(100% - 15px),64% calc(100% - 8px),60% calc(100% - 12px),56% calc(100% - 5px),52% calc(100% - 13px),48% calc(100% - 7px),44% calc(100% - 14px),40% calc(100% - 4px),36% calc(100% - 11px),32% calc(100% - 6px),28% calc(100% - 15px),24% calc(100% - 8px),20% calc(100% - 12px),16% calc(100% - 5px),12% calc(100% - 13px),8% calc(100% - 7px),4% calc(100% - 14px),0 calc(100% - 9px)
  );
}