/* BJC Smart Studio Background Pack 4 — Art Deco Florals. Transparent CSS-only decorative layers. */
/* Palette groups: 1–4 Eucalyptus, 5–8 Seafoam, 9–12 Mint, 13–16 Powder Blue, 17–20 Pistachio. */

/* 01. Emerald Fans */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg4-emerald-fans {
  --r: color-mix(in srgb, #E7B7BD calc(var(--bjc-studio-bg-strength,14%) * 1.35), transparent);
  --g: color-mix(in srgb, #D7B66A calc(var(--bjc-studio-bg-strength,14%) * 1.65), transparent);
  background: radial-gradient(ellipse 32px 58px at 50% 100%,transparent 65%,var(--g) 66% 69%,transparent 71%) 0 0/68px 62px,radial-gradient(ellipse 30px 55px at 50% 100%,var(--r) 0 35%,transparent 72%) 0 0/68px 62px !important;
}

/* 02. Golden Sunburst */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg4-golden-sunburst {
  --r: color-mix(in srgb, #E7B7BD calc(var(--bjc-studio-bg-strength,14%) * 1.35), transparent);
  --g: color-mix(in srgb, #D7B66A calc(var(--bjc-studio-bg-strength,14%) * 1.65), transparent);
  background: repeating-conic-gradient(from 270deg at 50% 100%,var(--g) 0deg 1.5deg,transparent 1.5deg 18deg) 0 0/110px 100px,radial-gradient(ellipse 52px 85px at 50% 100%,var(--r) 0 50%,transparent 80%) 0 0/110px 100px !important;
}

/* 03. Rose Petals */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg4-rose-petals {
  --r: color-mix(in srgb, #E7B7BD calc(var(--bjc-studio-bg-strength,14%) * 1.35), transparent);
  --g: color-mix(in srgb, #D7B66A calc(var(--bjc-studio-bg-strength,14%) * 1.65), transparent);
  background: radial-gradient(ellipse 12px 32px at 50% 15%,var(--r) 0 60%,transparent 65%) 0 0/80px 90px,radial-gradient(ellipse 12px 32px at 25% 52%,var(--g) 0 60%,transparent 65%) 0 0/80px 90px,radial-gradient(ellipse 12px 32px at 75% 52%,var(--g) 0 60%,transparent 65%) 0 0/80px 90px !important;
}

/* 04. Deco Columns */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg4-deco-columns {
  --r: color-mix(in srgb, #E7B7BD calc(var(--bjc-studio-bg-strength,14%) * 1.35), transparent);
  --g: color-mix(in srgb, #D7B66A calc(var(--bjc-studio-bg-strength,14%) * 1.65), transparent);
  background: linear-gradient(90deg,transparent 0 25%,var(--g) 25% calc(25% + 1px),transparent calc(25% + 1px) 75%,var(--g) 75% calc(75% + 1px),transparent calc(75% + 1px)) 0 0/96px 100%,radial-gradient(ellipse 20px 42px at 50% 50%,var(--r) 0 45%,transparent 70%) 0 0/96px 96px !important;
}

/* 05. Floral Medallions */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg4-floral-medallions {
  --r: color-mix(in srgb, #CFA0A8 calc(var(--bjc-studio-bg-strength,14%) * 1.35), transparent);
  --g: color-mix(in srgb, #B99853 calc(var(--bjc-studio-bg-strength,14%) * 1.65), transparent);
  background: radial-gradient(circle at 50% 50%,var(--g) 0 4px,transparent 5px) 0 0/90px 90px,repeating-conic-gradient(from 0deg at 50% 50%,var(--r) 0 13deg,transparent 13deg 30deg) 0 0/90px 90px !important;
}

/* 06. Gilded Scallops */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg4-gilded-scallops {
  --r: color-mix(in srgb, #CFA0A8 calc(var(--bjc-studio-bg-strength,14%) * 1.35), transparent);
  --g: color-mix(in srgb, #B99853 calc(var(--bjc-studio-bg-strength,14%) * 1.65), transparent);
  background: repeating-radial-gradient(ellipse at 50% 110%,transparent 0 12px,var(--g) 13px 14px,transparent 15px 28px) 0 0/110px 75px !important;
}

/* 07. Botanical Trellis */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg4-botanical-trellis {
  --r: color-mix(in srgb, #CFA0A8 calc(var(--bjc-studio-bg-strength,14%) * 1.35), transparent);
  --g: color-mix(in srgb, #B99853 calc(var(--bjc-studio-bg-strength,14%) * 1.65), transparent);
  background: linear-gradient(60deg,transparent 47%,var(--g) 48% 49%,transparent 50%) 0 0/78px 96px,linear-gradient(120deg,transparent 47%,var(--g) 48% 49%,transparent 50%) 0 0/78px 96px,radial-gradient(ellipse 14px 32px at 50% 50%,var(--r) 0 60%,transparent 75%) 0 0/78px 96px !important;
}

/* 08. Grand Fan */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg4-grand-fan {
  --r: color-mix(in srgb, #CFA0A8 calc(var(--bjc-studio-bg-strength,14%) * 1.35), transparent);
  --g: color-mix(in srgb, #B99853 calc(var(--bjc-studio-bg-strength,14%) * 1.65), transparent);
  background: repeating-conic-gradient(from 270deg at 50% 100%,var(--g) 0deg 1deg,transparent 1deg 10deg) 0 0/155px 130px,radial-gradient(ellipse 72px 120px at 50% 100%,var(--r) 0 55%,transparent 70%) 0 0/155px 130px !important;
}

/* 09. Rose Leaf Bands */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg4-rose-leaf-bands {
  --r: color-mix(in srgb, #DEAEB4 calc(var(--bjc-studio-bg-strength,14%) * 1.35), transparent);
  --g: color-mix(in srgb, #C69A80 calc(var(--bjc-studio-bg-strength,14%) * 1.65), transparent);
  background: radial-gradient(ellipse 35px 12px at 50% 50%,var(--r) 0 50%,var(--g) 52% 56%,transparent 58%) 0 0/100px 52px,linear-gradient(90deg,transparent 49%,var(--g) 49% 50%,transparent 51%) 0 0/100px 52px !important;
}

/* 10. Diamond Florals */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg4-diamond-florals {
  --r: color-mix(in srgb, #DEAEB4 calc(var(--bjc-studio-bg-strength,14%) * 1.35), transparent);
  --g: color-mix(in srgb, #C69A80 calc(var(--bjc-studio-bg-strength,14%) * 1.65), transparent);
  background: repeating-linear-gradient(135deg,transparent 0 27px,var(--g) 28px 29px,transparent 30px 56px),radial-gradient(ellipse 20px 38px at 50% 50%,var(--r) 0 50%,transparent 75%) 0 0/110px 110px !important;
}

/* 11. Vintage Arches */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg4-vintage-arches {
  --r: color-mix(in srgb, #DEAEB4 calc(var(--bjc-studio-bg-strength,14%) * 1.35), transparent);
  --g: color-mix(in srgb, #C69A80 calc(var(--bjc-studio-bg-strength,14%) * 1.65), transparent);
  background: radial-gradient(ellipse 50px 78px at 50% 100%,transparent 67%,var(--g) 68% 70%,transparent 71%) 0 0/100px 100px,radial-gradient(ellipse 26px 48px at 50% 100%,var(--r) 0 55%,transparent 72%) 0 0/100px 100px !important;
}

/* 12. Floral Pillars */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg4-floral-pillars {
  --r: color-mix(in srgb, #DEAEB4 calc(var(--bjc-studio-bg-strength,14%) * 1.35), transparent);
  --g: color-mix(in srgb, #C69A80 calc(var(--bjc-studio-bg-strength,14%) * 1.65), transparent);
  background: repeating-linear-gradient(90deg,transparent 0 44px,var(--g) 45px 46px,transparent 47px 92px),radial-gradient(ellipse 28px 48px at 50% 100%,var(--r) 0 45%,var(--g) 46% 48%,transparent 50%) 0 0/92px 90px !important;
}

/* 13. Golden Blossoms */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg4-golden-blossoms {
  --r: color-mix(in srgb, #D8A7B0 calc(var(--bjc-studio-bg-strength,14%) * 1.35), transparent);
  --g: color-mix(in srgb, #D3B36A calc(var(--bjc-studio-bg-strength,14%) * 1.65), transparent);
  background: radial-gradient(circle at 50% 50%,var(--g) 0 5px,transparent 6px) 0 0/75px 75px,repeating-conic-gradient(from 10deg at 50% 50%,var(--r) 0deg 11deg,transparent 12deg 45deg) 0 0/75px 75px !important;
}

/* 14. Petal Canopy */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg4-petal-canopy {
  --r: color-mix(in srgb, #D8A7B0 calc(var(--bjc-studio-bg-strength,14%) * 1.35), transparent);
  --g: color-mix(in srgb, #D3B36A calc(var(--bjc-studio-bg-strength,14%) * 1.65), transparent);
  background: radial-gradient(ellipse 52px 80px at 50% 100%,var(--r) 0 25%,var(--g) 26% 28%,transparent 30%) 0 0/104px 100px,radial-gradient(ellipse 52px 80px at 50% 0%,var(--r) 0 25%,var(--g) 26% 28%,transparent 30%) 52px 0/104px 100px !important;
}

/* 15. Deco Vines */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg4-deco-vines {
  --r: color-mix(in srgb, #D8A7B0 calc(var(--bjc-studio-bg-strength,14%) * 1.35), transparent);
  --g: color-mix(in srgb, #D3B36A calc(var(--bjc-studio-bg-strength,14%) * 1.65), transparent);
  background: repeating-linear-gradient(0deg,transparent 0 39px,var(--g) 40px 41px,transparent 42px 80px),radial-gradient(ellipse 30px 12px at 50% 50%,var(--r) 0 50%,transparent 55%) 0 0/100px 80px !important;
}

/* 16. Emerald Rosettes */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg4-emerald-rosettes {
  --r: color-mix(in srgb, #D8A7B0 calc(var(--bjc-studio-bg-strength,14%) * 1.35), transparent);
  --g: color-mix(in srgb, #D3B36A calc(var(--bjc-studio-bg-strength,14%) * 1.65), transparent);
  background: repeating-conic-gradient(from 0deg at 50% 50%,var(--g) 0deg 2deg,var(--r) 3deg 17deg,transparent 18deg 36deg) 0 0/112px 112px !important;
}

/* 17. Gilded Leaves */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg4-gilded-leaves {
  --r: color-mix(in srgb, #E4B6BA calc(var(--bjc-studio-bg-strength,14%) * 1.35), transparent);
  --g: color-mix(in srgb, #C9A45D calc(var(--bjc-studio-bg-strength,14%) * 1.65), transparent);
  background: linear-gradient(60deg,transparent 48%,var(--g) 49% 50%,transparent 51%) 0 0/90px 90px,linear-gradient(120deg,transparent 48%,var(--g) 49% 50%,transparent 51%) 0 0/90px 90px,radial-gradient(ellipse 13px 31px at 50% 50%,var(--r) 0 50%,transparent 70%) 0 0/90px 90px !important;
}

/* 18. Rose Fan Cascade */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg4-rose-fan-cascade {
  --r: color-mix(in srgb, #E4B6BA calc(var(--bjc-studio-bg-strength,14%) * 1.35), transparent);
  --g: color-mix(in srgb, #C9A45D calc(var(--bjc-studio-bg-strength,14%) * 1.65), transparent);
  background: radial-gradient(ellipse 48px 72px at 50% 100%,transparent 65%,var(--g) 66% 68%,transparent 69%) 0 0/96px 78px,radial-gradient(ellipse 30px 51px at 50% 100%,var(--r) 0 50%,transparent 72%) 0 0/96px 78px !important;
}

/* 19. Deco Garden Tiles */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg4-deco-garden-tiles {
  --r: color-mix(in srgb, #E4B6BA calc(var(--bjc-studio-bg-strength,14%) * 1.35), transparent);
  --g: color-mix(in srgb, #C9A45D calc(var(--bjc-studio-bg-strength,14%) * 1.65), transparent);
  background: linear-gradient(90deg,transparent 0 48%,var(--g) 48% 49%,transparent 49%) 0 0/96px 96px,linear-gradient(0deg,transparent 0 48%,var(--g) 48% 49%,transparent 49%) 0 0/96px 96px,radial-gradient(circle at 50% 50%,var(--r) 0 13px,var(--g) 14px 15px,transparent 16px) 0 0/96px 96px !important;
}

/* 20. Imperial Fans */
.bjc-studio-background-layer.bjc-studio-background-bjc-bg4-imperial-fans {
  --r: color-mix(in srgb, #E4B6BA calc(var(--bjc-studio-bg-strength,14%) * 1.35), transparent);
  --g: color-mix(in srgb, #C9A45D calc(var(--bjc-studio-bg-strength,14%) * 1.65), transparent);
  background: repeating-conic-gradient(from 270deg at 50% 100%,var(--g) 0deg 1deg,var(--r) 2deg 11deg,transparent 12deg 22deg) 0 0/160px 120px !important;
}