/* 60 VISIBLE site-background patterns on #ipaSiteBg (above Cosmic, under UI). */

@keyframes ipa-pan-xy{0%{background-position:0 0,0 0,0 0}100%{background-position:64px 48px,48px 64px,32px 32px}}
@keyframes ipa-drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(2%,-1.5%,0)}}
@keyframes ipa-float3d{0%,100%{transform:perspective(900px) rotateX(4deg) rotateY(-3deg)}50%{transform:perspective(900px) rotateX(8deg) rotateY(3deg)}}
@keyframes ipa-spin-slow{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@keyframes ipa-wave-shift{0%{background-position:0 0}100%{background-position:-200px 40px}}
@keyframes ipa-ripple{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.07);opacity:1}}
@keyframes ipa-glow{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes ipa-rise{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

html body.ipa-sitedesign #ipaCosmicCanvas,
html body.ipa-sitedesign canvas#ipaCosmicCanvas{display:none!important;opacity:0!important;visibility:hidden!important}

/* Kill Cosmic opaque nebula so our overlay can show. */
html body.ipa-sitedesign::before,
html body.ipa-sitedesign.ipa-cosmic::before,
html body.ipa-sitedesign::after,
html body.ipa-sitedesign.ipa-cosmic::after,
html body.ipa-sitedesign.ipa-cosmic::before,
html body.ipa-sitedesign.ipa-cosmic::after{
  content:none!important;display:none!important;background:none!important;animation:none!important
}

html body.ipa-sitedesign,
html body.ipa-sitedesign.ipa-cosmic,
html body[class*="ipa-sitedesign-site"],
html body.ipa-sitedesign.ipa-bg-soft_mesh,
html body.ipa-sitedesign.ipa-bg-solid_clean,
html body.ipa-sitedesign[class*="ipa-bg-"]{
  background-color:#ffffff!important;
  background-image:none!important
}

html body.ipa-sitedesign #page,
html body.ipa-sitedesign #main-content,
html body.ipa-sitedesign main,
html body.ipa-sitedesign .site-main,
html body.ipa-sitedesign .container,
html body.ipa-sitedesign .nova-home-wrap{background:transparent!important}

/* Real overlay — always on top of body white, under header/cards. */
html body.ipa-sitedesign #ipaSiteBg{
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  background-color:#ffffff!important;
  background-repeat:repeat!important;
  background-attachment:fixed!important
}
html body.ipa-sitedesign main,
html body.ipa-sitedesign .site-footer,
html body.ipa-sitedesign .premium-footer,
html body.ipa-sitedesign .small-footer{
  position:relative;
  z-index:2
}
html body.ipa-sitedesign .advanced-header,
html body.ipa-sitedesign .site-header,
html body.ipa-sitedesign .mobile-header,
html body.ipa-sitedesign .mobile-header-modern,
html body.ipa-sitedesign .mobile-bottom-nav{
  z-index:40!important
}

@media (prefers-reduced-motion:reduce){
  html body.ipa-sitedesign #ipaSiteBg{animation:none!important;transform:none!important}
}

/* 01 Simple Minimal */
html body.ipa-sitedesign-site01 #ipaSiteBg{
  background-image:
    radial-gradient(color-mix(in srgb,var(--sd-p,#8B7355) 42%,transparent) 1.4px,transparent 1.8px),
    linear-gradient(color-mix(in srgb,var(--sd-p,#8B7355) 16%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--sd-p,#8B7355) 16%,transparent) 1px,transparent 1px)!important;
  background-size:26px 26px,78px 78px,78px 78px!important;
  animation:ipa-pan-xy 28s linear infinite!important
}

/* 02 Soft Gradient Pattern */
html body.ipa-sitedesign-site02 #ipaSiteBg{
  background-image:
    radial-gradient(ellipse 70% 50% at 12% 8%,color-mix(in srgb,var(--sd-p,#C45C7A) 22%,transparent),transparent 60%),
    radial-gradient(ellipse 55% 40% at 92% 88%,color-mix(in srgb,var(--sd-s,#E8A0B0) 20%,transparent),transparent 58%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='90'%3E%3Cpath fill='none' stroke='%230f172a' stroke-opacity='.22' stroke-width='1.4' d='M0 45c45-28 90 28 180 0'/%3E%3Cpath fill='none' stroke='%230f172a' stroke-opacity='.14' stroke-width='1.1' d='M0 20c50-16 90 22 180-4M0 70c50 16 90-22 180 4'/%3E%3C/svg%3E")!important;
  background-size:auto,auto,180px 90px!important;
  animation:ipa-wave-shift 18s linear infinite!important
}

/* 03 Mesh Gradient */
html body.ipa-sitedesign-site03 #ipaSiteBg{
  background-image:
    radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--sd-p,#6D5ACD) 26%,transparent),transparent 36%),
    radial-gradient(circle at 80% 70%,color-mix(in srgb,var(--sd-s,#A78BFA) 22%,transparent),transparent 38%),
    linear-gradient(color-mix(in srgb,var(--sd-p,#6D5ACD) 22%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--sd-p,#6D5ACD) 22%,transparent) 1px,transparent 1px)!important;
  background-size:auto,auto,48px 48px,48px 48px!important;
  animation:ipa-drift 16s ease-in-out infinite!important
}

/* 04 Abstract Shapes */
html body.ipa-sitedesign-site04 #ipaSiteBg{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cg fill='none' stroke='%230f172a' stroke-opacity='.28' stroke-width='1.8'%3E%3Ccircle cx='52' cy='58' r='32'/%3E%3Ccircle cx='178' cy='164' r='40'/%3E%3Crect x='128' y='22' width='58' height='58' rx='10' transform='rotate(18 157 51)'/%3E%3Cpath d='M18 176l46-20 30 36z'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-size:240px 240px!important;
  animation:ipa-pan-xy 26s linear infinite!important
}

/* 05 Geometric isometric 3D */
html body.ipa-sitedesign-site05 #ipaSiteBg{
  background-image:
    linear-gradient(30deg,color-mix(in srgb,var(--sd-p,#475569) 28%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--sd-p,#475569) 28%,transparent) 87.5%),
    linear-gradient(150deg,color-mix(in srgb,var(--sd-p,#475569) 28%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--sd-p,#475569) 28%,transparent) 87.5%),
    linear-gradient(30deg,color-mix(in srgb,var(--sd-p,#475569) 14%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--sd-p,#475569) 14%,transparent) 87.5%),
    linear-gradient(150deg,color-mix(in srgb,var(--sd-p,#475569) 14%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--sd-p,#475569) 14%,transparent) 87.5%)!important;
  background-size:52px 90px!important;
  background-position:0 0,0 0,26px 45px,26px 45px!important;
  animation:ipa-pan-xy 22s linear infinite!important
}

/* 06 Paper Texture */
html body.ipa-sitedesign-site06 #ipaSiteBg{
  background-image:
    repeating-linear-gradient(0deg,color-mix(in srgb,var(--sd-p,#A16207) 14%,transparent) 0 1px,transparent 1px 7px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")!important
}

/* 07 Fabric Texture */
html body.ipa-sitedesign-site07 #ipaSiteBg{
  background-image:
    repeating-linear-gradient(90deg,color-mix(in srgb,var(--sd-p,#6B7C5A) 30%,transparent) 0 1.5px,transparent 1.5px 9px),
    repeating-linear-gradient(0deg,color-mix(in srgb,var(--sd-p,#6B7C5A) 26%,transparent) 0 1.5px,transparent 1.5px 9px)!important;
  animation:ipa-pan-xy 30s linear infinite!important
}

/* 08 Architectural Wall */
html body.ipa-sitedesign-site08 #ipaSiteBg{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='80' viewBox='0 0 160 80'%3E%3Cg fill='none' stroke='%230f172a' stroke-opacity='.28' stroke-width='1.4'%3E%3Crect x='1' y='1' width='78' height='38'/%3E%3Crect x='81' y='1' width='78' height='38'/%3E%3Crect x='41' y='41' width='78' height='38'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-size:160px 80px!important;
  animation:ipa-pan-xy 40s linear infinite!important
}

/* 09 Glass Refraction */
html body.ipa-sitedesign-site09 #ipaSiteBg{
  background-image:
    linear-gradient(115deg,transparent 18%,color-mix(in srgb,var(--sd-p,#5B8FA8) 28%,transparent) 32%,transparent 38%,transparent 58%,color-mix(in srgb,var(--sd-p,#5B8FA8) 20%,transparent) 70%,transparent 80%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%230f172a' stroke-opacity='.22' stroke-width='1.3'%3E%3Cpath d='M-10 50l90 24 44-56 100 34'/%3E%3Cpath d='M-10 120l70-12 80 46 100-22'/%3E%3Cpath d='M30 -10l12 90 56 22-12 100'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-size:auto,220px 220px!important;
  animation:ipa-drift 18s ease-in-out infinite!important
}

/* 10 Soft Glow */
html body.ipa-sitedesign-site10 #ipaSiteBg{
  background-image:
    radial-gradient(ellipse 60% 42% at 50% 12%,color-mix(in srgb,var(--sd-p,#D97706) 32%,transparent),transparent 62%),
    radial-gradient(color-mix(in srgb,var(--sd-p,#D97706) 38%,transparent) 1.3px,transparent 1.7px)!important;
  background-size:auto,30px 30px!important;
  animation:ipa-glow 8s ease-in-out infinite!important
}

/* 11 Nature Light */
html body.ipa-sitedesign-site11 #ipaSiteBg{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='520' viewBox='0 0 720 520'%3E%3Cg fill='none' stroke='%230f172a' stroke-opacity='.24' stroke-width='1.5'%3E%3Cellipse cx='140' cy='70' rx='110' ry='32'/%3E%3Cellipse cx='360' cy='54' rx='80' ry='24'/%3E%3Cellipse cx='560' cy='86' rx='100' ry='28'/%3E%3Cpath d='M60 420c30-140 80-210 60-340 50 70 34 170 10 260'/%3E%3Cpath d='M660 120c-16 120 8 220 34 320'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-size:cover!important;background-position:center!important;
  animation:ipa-drift 22s ease-in-out infinite!important
}

/* 12 Luxury Editorial */
html body.ipa-sitedesign-site12 #ipaSiteBg{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cg fill='none' stroke='%230f172a' stroke-opacity='.26' stroke-width='1.3'%3E%3Crect x='8' y='8' width='74' height='74'/%3E%3Cpath d='M8 45h74M45 8v74'/%3E%3Ccircle cx='45' cy='45' r='12'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-size:90px 90px!important;
  animation:ipa-pan-xy 36s linear infinite!important
}

/* 13 Indian Heritage jaali */
html body.ipa-sitedesign-site13 #ipaSiteBg{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='108' height='108' viewBox='0 0 108 108'%3E%3Cg fill='none' stroke='%230f172a' stroke-opacity='.28' stroke-width='1.35'%3E%3Ccircle cx='54' cy='54' r='18'/%3E%3Ccircle cx='54' cy='54' r='8'/%3E%3Cpath d='M54 12l28 42-28 42-28-42z'/%3E%3Cpath d='M12 54h84M54 12v84'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-size:108px 108px!important;
  animation:ipa-pan-xy 32s linear infinite!important
}

/* 14 3D Abstract */
html body.ipa-sitedesign-site14 #ipaSiteBg{
  background-image:
    linear-gradient(30deg,color-mix(in srgb,var(--sd-p,#6366F1) 26%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--sd-p,#6366F1) 26%,transparent) 87.5%),
    linear-gradient(150deg,color-mix(in srgb,var(--sd-p,#6366F1) 26%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--sd-p,#6366F1) 26%,transparent) 87.5%),
    radial-gradient(circle at 22% 28%,color-mix(in srgb,var(--sd-p,#6366F1) 30%,transparent) 0 8%,transparent 9%),
    radial-gradient(circle at 74% 68%,color-mix(in srgb,var(--sd-s,#A5B4FC) 26%,transparent) 0 10%,transparent 11%)!important;
  background-size:56px 96px,56px 96px,auto,auto!important;
  animation:ipa-float3d 14s ease-in-out infinite!important
}

/* 15 Gradient Shapes */
html body.ipa-sitedesign-site15 #ipaSiteBg{
  background-image:
    radial-gradient(circle at 18% 22%,color-mix(in srgb,var(--sd-p,#DB2777) 24%,transparent),transparent 28%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='none' stroke='%230f172a' stroke-opacity='.26' stroke-width='1.6'%3E%3Ccircle cx='64' cy='74' r='38'/%3E%3Cellipse cx='190' cy='170' rx='50' ry='30'/%3E%3Crect x='150' y='24' width='76' height='50' rx='18'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-size:auto,260px 260px!important;
  animation:ipa-pan-xy 28s linear infinite!important
}

/* 16 Futuristic circuit graph */
html body.ipa-sitedesign-site16 #ipaSiteBg{
  background-image:
    linear-gradient(color-mix(in srgb,var(--sd-p,#0284C7) 20%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--sd-p,#0284C7) 20%,transparent) 1px,transparent 1px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Cg fill='none' stroke='%230f172a' stroke-opacity='.3' stroke-width='1.4'%3E%3Cpath d='M10 42h44v22h44'/%3E%3Cpath d='M98 64v44h32'/%3E%3Cpath d='M10 108h54v-22'/%3E%3Ccircle cx='54' cy='42' r='4' fill='%230f172a' fill-opacity='.3'/%3E%3Ccircle cx='98' cy='64' r='4' fill='%230f172a' fill-opacity='.3'/%3E%3Ccircle cx='64' cy='108' r='4' fill='%230f172a' fill-opacity='.3'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-size:40px 40px,40px 40px,150px 150px!important;
  animation:ipa-pan-xy 16s linear infinite!important
}

/* 17 Flowing Waves */
html body.ipa-sitedesign-site17 #ipaSiteBg{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='180' viewBox='0 0 1200 180'%3E%3Cpath fill='none' stroke='%230f172a' stroke-opacity='.28' stroke-width='1.8' d='M-20 70c160 40 260-40 420-6s260 48 420 0 270-48 460 10'/%3E%3Cpath fill='none' stroke='%230f172a' stroke-opacity='.2' stroke-width='1.5' d='M-20 110c180 32 270-32 430 6s270 40 430-6 250-40 420 10'/%3E%3Cpath fill='none' stroke='%230f172a' stroke-opacity='.14' stroke-width='1.2' d='M-20 40c140 24 270-24 420 8s240 32 460-8 250-24 360 8'/%3E%3C/svg%3E")!important;
  background-size:1200px 180px!important;
  animation:ipa-wave-shift 12s linear infinite!important
}

/* 18 Dot Particles */
html body.ipa-sitedesign-site18 #ipaSiteBg{
  background-image:
    radial-gradient(color-mix(in srgb,var(--sd-p,#57534E) 55%,transparent) 1.6px,transparent 2px),
    radial-gradient(color-mix(in srgb,var(--sd-p,#57534E) 28%,transparent) .9px,transparent 1.2px)!important;
  background-size:24px 24px,12px 12px!important;
  animation:ipa-pan-xy 20s linear infinite!important
}

/* 19 Gallery Wall */
html body.ipa-sitedesign-site19 #ipaSiteBg{
  background-image:
    linear-gradient(color-mix(in srgb,var(--sd-p,#334155) 24%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--sd-p,#334155) 24%,transparent) 1px,transparent 1px)!important;
  background-size:110px 74px!important;
  animation:ipa-pan-xy 44s linear infinite!important
}

/* 20 Hybrid Premium */
html body.ipa-sitedesign-site20 #ipaSiteBg{
  background-image:
    linear-gradient(30deg,color-mix(in srgb,var(--sd-p,#C2410C) 22%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--sd-p,#C2410C) 22%,transparent) 87.5%),
    linear-gradient(150deg,color-mix(in srgb,var(--sd-p,#C2410C) 22%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--sd-p,#C2410C) 22%,transparent) 87.5%),
    radial-gradient(color-mix(in srgb,var(--sd-p,#C2410C) 40%,transparent) 1.2px,transparent 1.6px)!important;
  background-size:48px 84px,48px 84px,26px 26px!important;
  animation:ipa-pan-xy 24s linear infinite!important
}

/* 21 Frosted Marble */
html body.ipa-sitedesign-site21 #ipaSiteBg{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'%3E%3Cpath fill='none' stroke='%230f172a' stroke-opacity='.24' stroke-width='1.5' d='M-10 90c90 22 70 96 150 74s96-86 190-22 96 42 170-12'/%3E%3Cpath fill='none' stroke='%230f172a' stroke-opacity='.18' stroke-width='1.3' d='M-10 230c96-32 74 74 170 32s118-54 180 22 86 10 150-32'/%3E%3Cpath fill='none' stroke='%230f172a' stroke-opacity='.16' stroke-width='1.2' d='M50 -10c12 96-22 86 32 170s42 96-10 190'/%3E%3C/svg%3E")!important;
  background-size:420px 420px!important;
  animation:ipa-pan-xy 34s linear infinite!important
}

/* 22 Soft Plaster */
html body.ipa-sitedesign-site22 #ipaSiteBg{
  background-image:
    linear-gradient(180deg,color-mix(in srgb,var(--sd-p,#B08968) 12%,transparent),transparent 40%,color-mix(in srgb,var(--sd-p,#B08968) 10%,transparent)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")!important
}

/* 23 Fine Diagonal Lines */
html body.ipa-sitedesign-site23 #ipaSiteBg{
  background-image:repeating-linear-gradient(135deg,color-mix(in srgb,var(--sd-p,#2563EB) 34%,transparent) 0 1.5px,transparent 1.5px 14px)!important;
  animation:ipa-pan-xy 16s linear infinite!important
}

/* 24 Micro Grid */
html body.ipa-sitedesign-site24 #ipaSiteBg{
  background-image:
    linear-gradient(color-mix(in srgb,var(--sd-p,#CA8A04) 32%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--sd-p,#CA8A04) 32%,transparent) 1px,transparent 1px)!important;
  background-size:16px 16px!important;
  animation:ipa-pan-xy 22s linear infinite!important
}

/* 25 Organic Rings */
html body.ipa-sitedesign-site25 #ipaSiteBg{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280' viewBox='0 0 280 280'%3E%3Cg fill='none' stroke='%230f172a' stroke-opacity='.26' stroke-width='1.5'%3E%3Ccircle cx='86' cy='86' r='30'/%3E%3Ccircle cx='86' cy='86' r='52'/%3E%3Ccircle cx='86' cy='86' r='76'/%3E%3Ccircle cx='200' cy='190' r='24'/%3E%3Ccircle cx='200' cy='190' r='46'/%3E%3Ccircle cx='200' cy='190' r='70'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-size:280px 280px!important;
  animation:ipa-pan-xy 30s linear infinite!important
}

/* 26 Topographic */
html body.ipa-sitedesign-site26 #ipaSiteBg{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='440' height='340' viewBox='0 0 440 340'%3E%3Cg fill='none' stroke='%230f172a' stroke-opacity='.26' stroke-width='1.35'%3E%3Cellipse cx='210' cy='170' rx='42' ry='24'/%3E%3Cellipse cx='210' cy='170' rx='84' ry='48'/%3E%3Cellipse cx='210' cy='170' rx='126' ry='76'/%3E%3Cellipse cx='210' cy='170' rx='172' ry='108'/%3E%3Cellipse cx='340' cy='74' rx='38' ry='22'/%3E%3Cellipse cx='340' cy='74' rx='74' ry='42'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-size:440px 340px!important;
  animation:ipa-pan-xy 34s linear infinite!important
}

/* 27 Folded Paper */
html body.ipa-sitedesign-site27 #ipaSiteBg{
  background-image:
    linear-gradient(118deg,color-mix(in srgb,var(--sd-p,#7C3AED) 16%,transparent) 0 34%,transparent 35%),
    linear-gradient(28deg,transparent 46%,color-mix(in srgb,var(--sd-p,#7C3AED) 28%,transparent) 47.2%,transparent 49%),
    linear-gradient(color-mix(in srgb,var(--sd-p,#7C3AED) 12%,transparent) 1px,transparent 1px)!important;
  background-size:auto,auto,100% 52px!important
}

/* 28 Chalk Texture */
html body.ipa-sitedesign-site28 #ipaSiteBg{
  background-image:
    radial-gradient(color-mix(in srgb,var(--sd-p,#78716C) 40%,transparent) .8px,transparent 1.1px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")!important;
  background-size:10px 10px,160px 160px!important
}

/* 29 Soft Concrete */
html body.ipa-sitedesign-site29 #ipaSiteBg{
  background-image:
    linear-gradient(90deg,color-mix(in srgb,var(--sd-p,#6B7280) 10%,transparent),transparent 16%,transparent 84%,color-mix(in srgb,var(--sd-p,#6B7280) 10%,transparent)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")!important
}

/* 30 Water Ripple */
html body.ipa-sitedesign-site30 #ipaSiteBg{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='340' height='340' viewBox='0 0 340 340'%3E%3Cg fill='none' stroke='%230f172a' stroke-opacity='.26' stroke-width='1.5'%3E%3Ccircle cx='170' cy='160' r='26'/%3E%3Ccircle cx='170' cy='160' r='52'/%3E%3Ccircle cx='170' cy='160' r='82'/%3E%3Ccircle cx='170' cy='160' r='116'/%3E%3Ccircle cx='170' cy='160' r='152'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-size:340px 340px!important;background-position:center!important;
  animation:ipa-ripple 10s ease-in-out infinite!important
}

/* 31 Frost */
html body.ipa-sitedesign-site31 #ipaSiteBg{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130' viewBox='0 0 130 130'%3E%3Cg fill='none' stroke='%230f172a' stroke-opacity='.28' stroke-width='1.2'%3E%3Cpath d='M65 8v114M8 65h114M22 22l86 86M108 22L22 108'/%3E%3Cpath d='M65 32l12 7-12 7-12-7zM65 84l12 7-12 7-12-7z'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-size:130px 130px!important;
  animation:ipa-pan-xy 28s linear infinite!important
}

/* 32 Botanical */
html body.ipa-sitedesign-site32 #ipaSiteBg{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='440' height='380' viewBox='0 0 440 380'%3E%3Cg fill='none' stroke='%230f172a' stroke-opacity='.26' stroke-width='1.6'%3E%3Cpath d='M72 320c32-118 74-180 64-286 42 64 32 160 10 244'/%3E%3Cpath d='M64 190c42-16 74 8 56 58M52 148c50-8 68 32 34 66'/%3E%3Cpath d='M368 54c-24 96-16 180 32 276-56-32-72-128-56-224'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-size:440px 380px!important;
  animation:ipa-drift 20s ease-in-out infinite!important
}

/* 33 Fine Arch */
html body.ipa-sitedesign-site33 #ipaSiteBg{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='104' viewBox='0 0 88 104'%3E%3Cpath fill='none' stroke='%230f172a' stroke-opacity='.3' stroke-width='1.5' d='M8 104V42a36 36 0 0 1 72 0v62'/%3E%3C/svg%3E")!important;
  background-size:88px 104px!important;
  animation:ipa-pan-xy 30s linear infinite!important
}

/* 34 Soft Checker */
html body.ipa-sitedesign-site34 #ipaSiteBg{
  background-image:
    linear-gradient(45deg,color-mix(in srgb,var(--sd-p,#BE185D) 16%,transparent) 25%,transparent 25% 75%,color-mix(in srgb,var(--sd-p,#BE185D) 16%,transparent) 75%),
    linear-gradient(45deg,color-mix(in srgb,var(--sd-p,#BE185D) 16%,transparent) 25%,transparent 25% 75%,color-mix(in srgb,var(--sd-p,#BE185D) 16%,transparent) 75%)!important;
  background-size:52px 52px!important;
  background-position:0 0,26px 26px!important;
  animation:ipa-pan-xy 32s linear infinite!important
}

/* 35 Horizontal Paper Grain */
html body.ipa-sitedesign-site35 #ipaSiteBg{
  background-image:repeating-linear-gradient(0deg,color-mix(in srgb,var(--sd-p,#92400E) 26%,transparent) 0 1.4px,transparent 1.4px 6px)!important;
  animation:ipa-rise 18s ease-in-out infinite!important
}

/* 36 Minimal Sunburst */
html body.ipa-sitedesign-site36 #ipaSiteBg{
  background-image:
    repeating-conic-gradient(from 0deg at 14% 10%,color-mix(in srgb,var(--sd-p,#EA580C) 28%,transparent) 0 1.4deg,transparent 1.4deg 9deg),
    radial-gradient(circle at 14% 10%,color-mix(in srgb,var(--sd-p,#EA580C) 22%,transparent),transparent 28%)!important
}

/* 37 Ceramic */
html body.ipa-sitedesign-site37 #ipaSiteBg{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Ccircle cx='48' cy='48' r='20' fill='none' stroke='%230f172a' stroke-opacity='.26' stroke-width='1.4'/%3E%3Ccircle cx='48' cy='48' r='4' fill='%230f172a' fill-opacity='.22'/%3E%3C/svg%3E")!important;
  background-size:96px 96px!important;
  animation:ipa-pan-xy 26s linear infinite!important
}

/* 38 Fabric Weave */
html body.ipa-sitedesign-site38 #ipaSiteBg{
  background-image:
    repeating-linear-gradient(90deg,color-mix(in srgb,var(--sd-p,#92620A) 30%,transparent) 0 2px,transparent 2px 9px),
    repeating-linear-gradient(0deg,color-mix(in srgb,var(--sd-p,#92620A) 24%,transparent) 0 2px,transparent 2px 9px)!important;
  animation:ipa-pan-xy 24s linear infinite!important
}

/* 39 Blueprint */
html body.ipa-sitedesign-site39 #ipaSiteBg{
  background-image:
    linear-gradient(color-mix(in srgb,var(--sd-p,#1D4ED8) 26%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--sd-p,#1D4ED8) 26%,transparent) 1px,transparent 1px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='360' viewBox='0 0 480 360'%3E%3Cg fill='none' stroke='%230f172a' stroke-opacity='.28' stroke-width='1.4'%3E%3Crect x='36' y='36' width='150' height='96'/%3E%3Crect x='280' y='176' width='116' height='116'/%3E%3Ccircle cx='360' cy='80' r='34'/%3E%3Cpath d='M36 220h160v54H36z'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-size:48px 48px,48px 48px,480px 360px!important;
  animation:ipa-float3d 18s ease-in-out infinite!important
}

/* 40 Pearl Surface */
html body.ipa-sitedesign-site40 #ipaSiteBg{
  background-image:
    radial-gradient(ellipse 60% 40% at 28% 18%,color-mix(in srgb,var(--sd-p,#9D174D) 18%,transparent),transparent 70%),
    radial-gradient(ellipse 50% 36% at 80% 72%,color-mix(in srgb,var(--sd-s,#DB2777) 16%,transparent),transparent 68%),
    linear-gradient(115deg,transparent 40%,color-mix(in srgb,var(--sd-p,#9D174D) 20%,transparent) 50%,transparent 60%),
    radial-gradient(color-mix(in srgb,var(--sd-p,#9D174D) 28%,transparent) 1px,transparent 1.3px)!important;
  background-size:auto,auto,auto,18px 18px!important;
  animation:ipa-drift 16s ease-in-out infinite!important
}

/* 41 Travertine */
html body.ipa-sitedesign-site41 #ipaSiteBg{
  background-image:
    repeating-linear-gradient(180deg,color-mix(in srgb,var(--sd-p,#C26A1A) 22%,transparent) 0 2px,transparent 2px 15px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E")!important
}

/* 42 Rice Paper */
html body.ipa-sitedesign-site42 #ipaSiteBg{
  background-image:
    repeating-linear-gradient(90deg,transparent 0 22px,color-mix(in srgb,var(--sd-p,#4D7C0F) 16%,transparent) 22px 23px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")!important
}

/* 43 Frosted Acrylic */
html body.ipa-sitedesign-site43 #ipaSiteBg{
  background-image:
    linear-gradient(100deg,transparent 16%,color-mix(in srgb,var(--sd-p,#4F46E5) 26%,transparent) 28%,transparent 36%,transparent 60%,color-mix(in srgb,var(--sd-p,#4F46E5) 18%,transparent) 74%,transparent 84%),
    linear-gradient(color-mix(in srgb,var(--sd-p,#4F46E5) 16%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--sd-p,#4F46E5) 16%,transparent) 1px,transparent 1px)!important;
  background-size:auto,60px 60px,60px 60px!important;
  animation:ipa-drift 14s ease-in-out infinite!important
}

/* 44 Soft Suede */
html body.ipa-sitedesign-site44 #ipaSiteBg{
  background-image:
    radial-gradient(color-mix(in srgb,var(--sd-p,#9A3412) 32%,transparent) .7px,transparent 1px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")!important;
  background-size:8px 8px,140px 140px!important
}

/* 45 Cloud Paper */
html body.ipa-sitedesign-site45 #ipaSiteBg{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='300' viewBox='0 0 500 300'%3E%3Cg fill='none' stroke='%230f172a' stroke-opacity='.24' stroke-width='1.5'%3E%3Cellipse cx='96' cy='74' rx='76' ry='26'/%3E%3Cellipse cx='230' cy='54' rx='64' ry='22'/%3E%3Cellipse cx='380' cy='86' rx='78' ry='24'/%3E%3Cellipse cx='150' cy='190' rx='86' ry='28'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-size:500px 300px!important;
  animation:ipa-drift 24s ease-in-out infinite!important
}

/* 46 Vertical Stripes */
html body.ipa-sitedesign-site46 #ipaSiteBg{
  background-image:repeating-linear-gradient(90deg,color-mix(in srgb,var(--sd-p,#BE123C) 32%,transparent) 0 1.5px,transparent 1.5px 24px)!important;
  animation:ipa-pan-xy 18s linear infinite!important
}

/* 47 Wave Mesh */
html body.ipa-sitedesign-site47 #ipaSiteBg{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='220' viewBox='0 0 1200 220'%3E%3Cpath fill='none' stroke='%230f172a' stroke-opacity='.26' stroke-width='1.5' d='M-10 64c200 28 280-44 480-6s300 44 480-12 240-30 280 8'/%3E%3Cpath fill='none' stroke='%230f172a' stroke-opacity='.2' stroke-width='1.3' d='M-10 128c170 22 310-40 500 0s260 32 460-10 260-24 270 6'/%3E%3Cpath fill='none' stroke='%230f172a' stroke-opacity='.16' stroke-width='1.1' d='M-10 184c220 14 260-30 480 6s240 24 430-8 240-18 320 4'/%3E%3C/svg%3E")!important;
  background-size:1200px 220px!important;
  animation:ipa-wave-shift 14s linear infinite!important
}

/* 48 Limestone */
html body.ipa-sitedesign-site48 #ipaSiteBg{
  background-image:
    radial-gradient(color-mix(in srgb,var(--sd-p,#78716C) 42%,transparent) .9px,transparent 1.2px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E")!important;
  background-size:10px 10px,200px 200px!important
}

/* 49 Embossed */
html body.ipa-sitedesign-site49 #ipaSiteBg{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cpath fill='none' stroke='%230f172a' stroke-opacity='.26' stroke-width='1.3' d='M8 36h56M36 8v56M16 16l40 40M56 16L16 56'/%3E%3C/svg%3E")!important;
  background-size:72px 72px!important;
  animation:ipa-pan-xy 28s linear infinite!important
}

/* 50 Silk Fold */
html body.ipa-sitedesign-site50 #ipaSiteBg{
  background-image:repeating-linear-gradient(105deg,transparent 0 24px,color-mix(in srgb,var(--sd-p,#DB2777) 22%,transparent) 34px,transparent 46px,color-mix(in srgb,var(--sd-p,#DB2777) 12%,transparent) 60px,transparent 78px)!important;
  animation:ipa-drift 18s ease-in-out infinite!important
}

/* 51 Mosaic */
html body.ipa-sitedesign-site51 #ipaSiteBg{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Cpath fill='none' stroke='%230f172a' stroke-opacity='.28' stroke-width='1.4' d='M6 18h56v44H6zM74 10h64v58H74zM10 76h76v56H10zM96 82h46v50H96z'/%3E%3C/svg%3E")!important;
  background-size:150px 150px!important;
  animation:ipa-pan-xy 32s linear infinite!important
}

/* 52 Soft Horizon */
html body.ipa-sitedesign-site52 #ipaSiteBg{
  background-image:
    repeating-linear-gradient(180deg,transparent 0 44px,color-mix(in srgb,var(--sd-p,#1D4ED8) 22%,transparent) 44px 45.5px),
    linear-gradient(180deg,transparent,color-mix(in srgb,var(--sd-p,#1D4ED8) 14%,transparent))!important;
  animation:ipa-rise 20s ease-in-out infinite!important
}

/* 53 Fine Speckle */
html body.ipa-sitedesign-site53 #ipaSiteBg{
  background-image:
    radial-gradient(color-mix(in srgb,var(--sd-p,#A16207) 50%,transparent) .85px,transparent 1.15px),
    radial-gradient(color-mix(in srgb,var(--sd-p,#A16207) 28%,transparent) .5px,transparent .8px)!important;
  background-size:11px 11px,17px 17px!important;
  animation:ipa-pan-xy 22s linear infinite!important
}

/* 54 Layered Cut Paper */
html body.ipa-sitedesign-site54 #ipaSiteBg{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='700' viewBox='0 0 900 700'%3E%3Cg fill='none' stroke='%230f172a' stroke-opacity='.26' stroke-width='1.7'%3E%3Cpath d='M-20 500c180-40 300 40 520 10s300-50 500 20'/%3E%3Cpath d='M-20 560c200-20 280 30 500 8s320-40 520 16'/%3E%3Cpath d='M-20 620c160-16 340 20 540 4s300-30 460 12'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-size:cover!important;background-position:bottom!important
}

/* 55 Linen + Line Art */
html body.ipa-sitedesign-site55 #ipaSiteBg{
  background-image:
    repeating-linear-gradient(90deg,color-mix(in srgb,var(--sd-p,#3F6212) 18%,transparent) 0 1px,transparent 1px 8px),
    repeating-linear-gradient(0deg,color-mix(in srgb,var(--sd-p,#3F6212) 16%,transparent) 0 1px,transparent 1px 8px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='360' viewBox='0 0 480 360'%3E%3Cg fill='none' stroke='%230f172a' stroke-opacity='.26' stroke-width='1.4'%3E%3Cpath d='M40 40c80 24 24 110 96 140'/%3E%3Cpath d='M400 280c-56-28-28-96-110-116'/%3E%3Ccircle cx='110' cy='250' r='26'/%3E%3Ccircle cx='390' cy='70' r='20'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-size:auto,auto,480px 360px!important;
  animation:ipa-drift 20s ease-in-out infinite!important
}

/* 56 Plaster Arches */
html body.ipa-sitedesign-site56 #ipaSiteBg{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='210' height='250' viewBox='0 0 210 250'%3E%3Cg fill='none' stroke='%230f172a' stroke-opacity='.28' stroke-width='1.5'%3E%3Cpath d='M18 250V112a87 87 0 0 1 174 0v138'/%3E%3Cpath d='M50 250V134a55 55 0 0 1 110 0v116'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-size:210px 250px!important;
  animation:ipa-pan-xy 36s linear infinite!important
}

/* 57 Pearl Gradient */
html body.ipa-sitedesign-site57 #ipaSiteBg{
  background-image:
    radial-gradient(ellipse 70% 50% at 18% 0%,color-mix(in srgb,var(--sd-p,#7C3AED) 20%,transparent),transparent 60%),
    radial-gradient(ellipse 50% 40% at 90% 100%,color-mix(in srgb,var(--sd-s,#C4B5FD) 18%,transparent),transparent 62%),
    repeating-linear-gradient(135deg,transparent 0 16px,color-mix(in srgb,var(--sd-p,#7C3AED) 16%,transparent) 16px 17.5px)!important;
  animation:ipa-glow 12s ease-in-out infinite!important
}

/* 58 Frosted Mineral */
html body.ipa-sitedesign-site58 #ipaSiteBg{
  background-image:
    radial-gradient(color-mix(in srgb,var(--sd-p,#155E75) 40%,transparent) 1px,transparent 1.3px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170' viewBox='0 0 170 170'%3E%3Cpath fill='none' stroke='%230f172a' stroke-opacity='.24' stroke-width='1.2' d='M85 10l20 54 56 8-44 36 14 54-46-30-46 30 14-54-44-36 56-8z'/%3E%3C/svg%3E")!important;
  background-size:13px 13px,170px 170px!important;
  animation:ipa-pan-xy 28s linear infinite!important
}

/* 59 Blueprint Grid */
html body.ipa-sitedesign-site59 #ipaSiteBg{
  background-image:
    linear-gradient(color-mix(in srgb,var(--sd-p,#334155) 28%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--sd-p,#334155) 28%,transparent) 1px,transparent 1px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='360' viewBox='0 0 480 360'%3E%3Cg fill='none' stroke='%230f172a' stroke-opacity='.28' stroke-width='1.4'%3E%3Cpath d='M46 28h128v30H46z'/%3E%3Ccircle cx='400' cy='50' r='26'/%3E%3Cpath d='M36 278l54-26 54 26v54H36z'/%3E%3Cpath d='M300 196h84v84h-84z'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-size:32px 32px,32px 32px,480px 360px!important;
  animation:ipa-float3d 16s ease-in-out infinite!important
}

/* 60 Floating Paper Forms 3D */
html body.ipa-sitedesign-site60 #ipaSiteBg{
  background-image:
    linear-gradient(color-mix(in srgb,var(--sd-p,#C2410C) 16%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--sd-p,#C2410C) 16%,transparent) 1px,transparent 1px),
    linear-gradient(color-mix(in srgb,var(--sd-p,#C2410C) 18%,transparent),color-mix(in srgb,var(--sd-p,#C2410C) 18%,transparent)),
    linear-gradient(color-mix(in srgb,var(--sd-p,#C2410C) 14%,transparent),color-mix(in srgb,var(--sd-p,#C2410C) 14%,transparent)),
    linear-gradient(color-mix(in srgb,var(--sd-p,#C2410C) 12%,transparent),color-mix(in srgb,var(--sd-p,#C2410C) 12%,transparent)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg fill='none' stroke='%230f172a' stroke-opacity='.26' stroke-width='1.4'%3E%3Crect x='18' y='22' width='78' height='54'/%3E%3Crect x='116' y='96' width='66' height='76'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-repeat:repeat,repeat,no-repeat,no-repeat,no-repeat,repeat!important;
  background-size:80px 80px,80px 80px,26% 20%,20% 28%,24% 18%,220px 220px!important;
  background-position:0 0,0 0,8% 16%,70% 10%,14% 68%,0 0!important;
  animation:ipa-float3d 16s ease-in-out infinite!important
}