/* LuckyWeb design gallery v2: original CSS-only examples, no image downloads. */
/* Kept separate from the quote workflow, pricing, forms and preview UI logic. */
body.lw-premium-config .style-guide{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 17px;padding:14px 16px;border:1px solid rgba(120,255,171,.22);border-radius:14px;background:linear-gradient(110deg,rgba(51,126,74,.16),rgba(2,21,13,.42))}
body.lw-premium-config .style-guide strong{display:block;color:#b1ffce;font-size:13px;font-weight:850;letter-spacing:.055em}
body.lw-premium-config .style-guide span{color:#b4cec0;font-size:12px;line-height:1.5}
body.lw-premium-config .style-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0}
body.lw-premium-config .style-card{min-height:273px;border-radius:17px;border-color:rgba(122,246,165,.2);background:#0b1812;transition:transform .2s,border-color .2s,box-shadow .2s}
body.lw-premium-config .style-card:hover{transform:translateY(-3px)}
body.lw-premium-config .style-card:has(input:checked){border-color:#9affc1;box-shadow:0 0 0 2px rgba(105,255,163,.35),0 17px 40px rgba(0,0,0,.3),0 0 24px rgba(64,235,113,.1)}
body.lw-premium-config .style-card:focus-within{outline:3px solid #afffd4;outline-offset:3px}
body.lw-premium-config .style-shot{position:relative;isolation:isolate;height:176px;min-height:176px;padding:19px 20px;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.15)}
body.lw-premium-config .style-shot h3{position:relative;z-index:2;font-size:clamp(24px,2.55vw,33px);line-height:.96;max-width:71%;letter-spacing:-.065em;text-wrap:balance}
body.lw-premium-config .style-shot p{position:relative;z-index:2;font-size:9px;max-width:60%;line-height:1.35}
body.lw-premium-config .style-shot .sample-nav{position:relative;z-index:2;display:block;max-width:54px;margin-bottom:21px;opacity:.65}
body.lw-premium-config .style-shot .sample-button{position:relative;z-index:2;display:block;margin-top:12px}
body.lw-premium-config .style-shot::after{content:"";position:absolute;right:-3%;top:9%;width:42%;height:80%;pointer-events:none}
body.lw-premium-config .style-caption{padding:15px 16px 17px}
body.lw-premium-config .style-caption strong{font-size:16px;line-height:1.3}
body.lw-premium-config .style-caption span{margin-top:5px;font-size:12px;line-height:1.5;color:#bdd3c4}
body.lw-premium-config .style-tag{z-index:3;right:12px;top:12px;background:#9affc5;box-shadow:0 8px 22px rgba(0,0,0,.22)}
/* Magazine / publication: giant serif editorial typography, paper and a photographic color field. */
.style-shot.editorial{color:#211c18;background:linear-gradient(90deg,#ede9df 0 65%,#c2744a 65% 100%)}
.style-shot.editorial h3{font-family:Georgia,serif;font-weight:500;font-size:36px;letter-spacing:-.075em;max-width:66%}
.style-shot.editorial .sample-nav,.style-shot.editorial .sample-button{border-radius:0}
.style-shot.editorial::after{right:0;top:7%;width:34%;height:87%;background:linear-gradient(150deg,transparent 0 23%,#ebc09c 23% 30%,transparent 30%),radial-gradient(ellipse at 60% 42%,#503127 0 20%,transparent 21%),linear-gradient(136deg,#7d392d,#e5a177);clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}
/* Neo-brutalism: hard black lines, acid yellow, offset elements. */
.style-shot.brutalist{color:#0b0b09;background:#ffdc25}
.style-shot.brutalist h3{font:950 clamp(23px,2.4vw,31px)/.87 Arial Black,Impact,system-ui,sans-serif;text-transform:uppercase;max-width:66%;letter-spacing:-.055em}
.style-shot.brutalist .sample-button{background:#10110b;border-radius:0;box-shadow:4px 4px #f06081}
.style-shot.brutalist::after{background:linear-gradient(150deg,#fe4f7a 0 50%,#96c4fb 50%);border:4px solid #111;box-shadow:9px 9px #111;transform:rotate(7deg);right:7%;top:19%;height:61%;width:31%}
/* Organic studio: sage, terracotta, giant botanical circles. */
.style-shot.organic{color:#2e372c;background:linear-gradient(135deg,#e5e9d8,#cad8be)}
.style-shot.organic h3{font-family:Georgia,serif;font-weight:500;font-size:32px;max-width:64%;line-height:1.03}
.style-shot.organic::after{right:-8%;top:-16%;width:53%;height:135%;background:radial-gradient(ellipse at 46% 55%,#dc987c 0 28%,transparent 29%),radial-gradient(ellipse at 62% 40%,#739578 0 38%,transparent 39%),#a9c3a2;border-radius:50% 43% 62% 37%;transform:rotate(-16deg)}
.style-shot.organic .sample-button{background:#537758;border-radius:99px}
/* Glass / gradient: translucent screen over midnight-indigo aurora. */
.style-shot.glass{color:#f8f5ff;background:radial-gradient(circle at 85% 17%,#cd7bff,transparent 44%),radial-gradient(circle at 33% 85%,#30c6db,transparent 46%),#201538}
.style-shot.glass::after{width:39%;height:66%;top:18%;right:7%;border:1px solid rgba(255,255,255,.7);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.38),rgba(255,255,255,.06));box-shadow:0 12px 38px rgba(8,8,27,.23),inset 0 1px 0 #ffffffaf;backdrop-filter:blur(7px);transform:rotate(-9deg)}
.style-shot.glass .sample-button{background:#d2fff8;border-radius:50px}
/* Cinematic: broad light beam and dark photolike poster frame. */
.style-shot.cinematic{color:#fff7ed;background:radial-gradient(ellipse at 78% 70%,#b26b45,transparent 44%),linear-gradient(110deg,#080d14,#23313d)}
.style-shot.cinematic h3{font-family:Georgia,serif;font-weight:500;font-size:36px;letter-spacing:-.05em;max-width:70%}
.style-shot.cinematic::after{right:-2%;top:-5%;height:112%;width:45%;background:linear-gradient(145deg,transparent 15%,rgba(250,200,146,.25) 46%,transparent 68%),radial-gradient(ellipse at 73% 45%,#a85f47,#1a262c 57%,#0a141e);clip-path:polygon(22% 0,100% 0,100% 100%,0 100%)}
.style-shot.cinematic .sample-button{background:#dcb88b;border-radius:2px}
/* Deco: midnight black and geometric gold arch. */
.style-shot.artdeco{color:#f4d9a1;background:linear-gradient(150deg,#14171a,#080c0f)}
.style-shot.artdeco h3{font-family:Georgia,serif;font-size:29px;font-weight:500;letter-spacing:.012em;text-transform:uppercase;max-width:62%}
.style-shot.artdeco::after{top:14%;right:4%;width:37%;height:83%;border:2px solid #c1a26c;border-radius:50% 50% 0 0;background:repeating-conic-gradient(from 180deg at 50% 89%,#d5b57b33 0 4deg,transparent 5deg 13deg),linear-gradient(#122526,#0a1113);box-shadow:0 0 0 8px #11171a,0 0 0 9px #a99062}
.style-shot.artdeco .sample-button{background:#c5a977;border-radius:0}
/* Retro future: orange, cobalt and oversize halftone disc. */
.style-shot.retro{color:#fbefd9;background:linear-gradient(135deg,#303a9c 0 68%,#f88e54 68%)}
.style-shot.retro h3{font-family:Impact,Arial Black,system-ui,sans-serif;letter-spacing:-.025em;font-size:34px;text-transform:uppercase;line-height:.94}
.style-shot.retro::after{right:-6%;top:8%;width:46%;height:84%;background:repeating-radial-gradient(circle at 50% 50%,#f8ba66 0 8px,#db5b76 9px 16px,#5940a4 17px 23px);border-radius:50%;transform:rotate(18deg)}
.style-shot.retro .sample-button{background:#ffb46f;border-radius:0}
/* Japandi: soft stone-white space and architectural muted circles. */
.style-shot.japandi{color:#3d3732;background:linear-gradient(160deg,#efece4,#dcd8cc)}
.style-shot.japandi h3{font-family:Georgia,serif;font-size:33px;font-weight:400;letter-spacing:-.085em;line-height:1.05;max-width:70%}
.style-shot.japandi::after{right:-4%;top:11%;width:39%;height:76%;border-radius:50% 50% 8px 8px;background:radial-gradient(circle at 50% 33%,#d3a778 0 21%,transparent 22%),linear-gradient(120deg,#afbaa7,#788b76);box-shadow:-17px 16px 0 -9px #c2b5a2}
.style-shot.japandi .sample-button{background:#595f50;border-radius:0}
/* Dynamic real preview: layouts deliberately change type, composition, navigation and cards. */
.live-preview.layout-editorial{background:#eeeae0;color:#27221f}
.live-preview.layout-editorial .live-topbar{border-bottom:2px solid #25201c;text-transform:uppercase;letter-spacing:.09em}
.live-preview.layout-editorial .live-logo b{color:#ad633c}
.live-preview.layout-editorial .live-hero{grid-template-columns:1.12fr .88fr;gap:22px;min-height:255px}
.live-preview.layout-editorial .live-hero h3{font:500 clamp(30px,4.6vw,56px)/1.01 Georgia,serif;letter-spacing:-.065em}
.live-preview.layout-editorial .live-eyebrow{color:#915331}
.live-preview.layout-editorial .live-cta{background:#24201b;color:#f8edda;border-radius:0}
.live-preview.layout-editorial .live-art{height:210px;border-radius:0;background:linear-gradient(145deg,transparent 15%,#e3ac80 16% 20%,transparent 21%),radial-gradient(ellipse at 60% 45%,#412b24 0 22%,transparent 23%),linear-gradient(120deg,#bc7050,#d4a48b)}
.live-preview.layout-editorial .live-sections{background:#e4ddd0;border-top:2px solid #302820}
.live-preview.layout-editorial .live-grid{grid-template-columns:repeat(3,1fr)}
.live-preview.layout-editorial .live-card{border:0;border-top:1px solid #544c3c;border-radius:0;background:transparent}
.live-preview.layout-editorial .live-feature{border-radius:0;background:transparent;border-color:#6b5b44}
.live-preview.layout-brutalist{background:#ffdc25;color:#0e0e0a;font-family:Impact,Arial Black,system-ui,sans-serif}
.live-preview.layout-brutalist .live-topbar{background:#0e0e0a;color:#ffda23;border-bottom:0;letter-spacing:.1em}
.live-preview.layout-brutalist .live-logo b{color:#ff78a1}
.live-preview.layout-brutalist .live-hero{min-height:265px;grid-template-columns:1.25fr .7fr}
.live-preview.layout-brutalist .live-hero h3{font:950 clamp(29px,4.7vw,57px)/.89 Impact,Arial Black,system-ui,sans-serif;text-transform:uppercase;letter-spacing:-.065em}
.live-preview.layout-brutalist .live-eyebrow{color:#262525}
.live-preview.layout-brutalist .live-cta{background:#111;color:#ffdc25;border:2px solid #111;box-shadow:5px 5px #ee5983;border-radius:0}
.live-preview.layout-brutalist .live-art{height:165px;border:5px solid #111;border-radius:0;background:linear-gradient(135deg,#f35d7b 0 55%,#65baf9 55%);box-shadow:10px 10px #111;transform:rotate(5deg)}
.live-preview.layout-brutalist .live-sections{background:#f6f0c2;border-block:4px solid #111}
.live-preview.layout-brutalist .live-card{background:#fff3df;color:#111;border:3px solid #111;border-radius:0;box-shadow:4px 4px #111}
.live-preview.layout-brutalist .live-feature-bar{background:#111;color:#ffdc25}
.live-preview.layout-brutalist .live-feature{border-color:#ffdc25;border-radius:0;background:transparent}
.live-preview.layout-organic{background:#e7eadb;color:#324136}
.live-preview.layout-organic .live-topbar{border-color:#55755755}
.live-preview.layout-organic .live-logo b{color:#648069}
.live-preview.layout-organic .live-hero{grid-template-columns:1fr 1fr;min-height:260px;align-items:center}
.live-preview.layout-organic .live-hero h3{font:400 clamp(29px,4.4vw,52px)/1.04 Georgia,serif;letter-spacing:-.07em}
.live-preview.layout-organic .live-eyebrow{color:#6c8d67}
.live-preview.layout-organic .live-cta{background:#4e7856;color:#fff;border-radius:99px}
.live-preview.layout-organic .live-art{height:210px;border-radius:46% 53% 39% 56%;background:radial-gradient(ellipse at 54% 40%,#c88667 0 30%,transparent 31%),radial-gradient(ellipse at 75% 75%,#9ea98a 0 32%,transparent 33%),#b6c5a5;transform:rotate(-13deg)}
.live-preview.layout-organic .live-sections{background:#d8dfcb}
.live-preview.layout-organic .live-card{background:#faf9ee;border:1px solid #7f9d8270;border-radius:28px 8px 26px 8px}
.live-preview.layout-organic .live-feature{background:#a8c3a2;border-color:#7d9876;border-radius:50px}
.live-preview.layout-glass{color:#fff;background:radial-gradient(ellipse at 72% 35%,#aa5be4,transparent 48%),radial-gradient(ellipse at 17% 78%,#1987b4,transparent 51%),#160f2b}
.live-preview.layout-glass .live-topbar{background:#ffffff16;border-color:#ffffff40;backdrop-filter:blur(16px)}
.live-preview.layout-glass .live-logo b{color:#a3fcf1}
.live-preview.layout-glass .live-hero{grid-template-columns:1.1fr .9fr;min-height:280px;align-items:center}
.live-preview.layout-glass .live-hero h3{font-size:clamp(30px,4.7vw,56px);font-weight:760;letter-spacing:-.065em}
.live-preview.layout-glass .live-eyebrow{color:#9ffff2}
.live-preview.layout-glass .live-cta{background:#f3f1ff;color:#241139;border-radius:99px}
.live-preview.layout-glass .live-art{height:195px;border-radius:27px;border:1px solid #ffffffa6;background:linear-gradient(145deg,#ffffff68,#ffffff0d);backdrop-filter:blur(14px);transform:rotate(-7deg);box-shadow:inset 0 1px #fff,0 18px 55px #18082566}
.live-preview.layout-glass .live-sections{background:#ffffff14;backdrop-filter:blur(16px)}
.live-preview.layout-glass .live-card{border:1px solid #ffffff78;border-radius:18px;background:#ffffff25;backdrop-filter:blur(12px)}
.live-preview.layout-glass .live-feature{border-color:#d3b0ff80;background:#ffffff20}
.live-preview.layout-cinematic{background:#0a1018;color:#fff4e5}
.live-preview.layout-cinematic .live-topbar{position:relative;z-index:2;border-color:#f6cb9450;background:#0b0e14a8}
.live-preview.layout-cinematic .live-logo b{color:#e0bd8f}
.live-preview.layout-cinematic .live-hero{min-height:315px;display:flex;align-items:end;padding-bottom:37px;background:linear-gradient(90deg,#05090f 0 20%,#080c12dd 50%,transparent),radial-gradient(ellipse at 83% 41%,#b6784d,#22313a 47%,#0c1421 76%)}
.live-preview.layout-cinematic .live-hero>div:first-child{position:relative;z-index:1;max-width:80%}
.live-preview.layout-cinematic .live-hero h3{font:500 clamp(34px,5vw,64px)/1.02 Georgia,serif;letter-spacing:-.055em}
.live-preview.layout-cinematic .live-art{position:absolute;inset:0 0 0 auto;height:100%;width:46%;border:0;box-shadow:none;border-radius:0;background:linear-gradient(124deg,transparent,#e9aa7855 50%,transparent 62%)}
.live-preview.layout-cinematic .live-eyebrow{color:#e7b47b}
.live-preview.layout-cinematic .live-cta{background:#d1ac7e;color:#10141a;border-radius:2px}
.live-preview.layout-cinematic .live-sections{background:#111b25}
.live-preview.layout-cinematic .live-card{border-color:#cfa27655;border-radius:1px;background:#ffffff07}
.live-preview.layout-cinematic .live-feature{background:#bf9b6920;border-color:#d1a97966}
.live-preview.layout-artdeco{background:#101719;color:#f1dda7}
.live-preview.layout-artdeco .live-topbar{border-bottom:1px solid #c6a770;color:#f6e3b5;letter-spacing:.14em;text-transform:uppercase}
.live-preview.layout-artdeco .live-logo b{color:#cbb273}
.live-preview.layout-artdeco .live-hero{min-height:275px;grid-template-columns:1fr .72fr;align-items:center;border-bottom:1px solid #bba06b80}
.live-preview.layout-artdeco .live-hero h3{font:500 clamp(30px,4.4vw,53px)/1.02 Georgia,serif;letter-spacing:.025em;text-transform:uppercase}
.live-preview.layout-artdeco .live-eyebrow{color:#e3c485}
.live-preview.layout-artdeco .live-cta{background:transparent;color:#f5d794;border:1px solid #c9ae70;border-radius:0}
.live-preview.layout-artdeco .live-art{width:84%;height:210px;border:2px solid #bd9e61;border-radius:50% 50% 0 0;background:repeating-conic-gradient(from 180deg at 50% 87%,#c29e6644 0 4deg,transparent 5deg 14deg),linear-gradient(165deg,#264246,#091417);box-shadow:0 0 0 8px #101719,0 0 0 9px #bd9e61}
.live-preview.layout-artdeco .live-sections{background:#0b1516}
.live-preview.layout-artdeco .live-card{border:1px solid #a88a51;border-radius:0;background:linear-gradient(140deg,#223434,#11191a)}
.live-preview.layout-artdeco .live-feature{border:1px solid #a88a51;background:transparent;border-radius:0}
.live-preview.layout-retro{background:#34368c;color:#fff6e2}
.live-preview.layout-retro .live-topbar{background:#24256d;border-color:#ffbd7d;font-family:monospace;text-transform:uppercase}
.live-preview.layout-retro .live-logo b{color:#ffac83}
.live-preview.layout-retro .live-hero{min-height:265px;grid-template-columns:1fr .8fr;align-items:center}
.live-preview.layout-retro .live-hero h3{font:900 clamp(30px,4.5vw,57px)/.92 Impact,Arial Black,system-ui,sans-serif;text-transform:uppercase;letter-spacing:-.03em}
.live-preview.layout-retro .live-eyebrow{color:#ffc08a}
.live-preview.layout-retro .live-cta{background:#ffa579;color:#272363;border-radius:0}
.live-preview.layout-retro .live-art{height:205px;border-radius:50%;background:repeating-radial-gradient(circle at center,#ffa773 0 12px,#f36a92 13px 24px,#5b47b5 25px 34px)}
.live-preview.layout-retro .live-sections{background:#f5e1bd;color:#303273}
.live-preview.layout-retro .live-card{border:2px solid #303273;border-radius:0;background:#ffb686;box-shadow:5px 5px #303273}
.live-preview.layout-retro .live-feature-bar{background:#29256b}
.live-preview.layout-retro .live-feature{border-color:#ffab7e;background:#eb8b5f25;border-radius:0}
.live-preview.layout-japandi{background:#eeece4;color:#38352e}
.live-preview.layout-japandi .live-topbar{border-color:#b1a89d}
.live-preview.layout-japandi .live-logo b{color:#7a8971}
.live-preview.layout-japandi .live-hero{min-height:265px;grid-template-columns:1.05fr .85fr;align-items:center}
.live-preview.layout-japandi .live-hero h3{font:400 clamp(31px,4.4vw,53px)/1.1 Georgia,serif;letter-spacing:-.073em}
.live-preview.layout-japandi .live-eyebrow{color:#71806a}
.live-preview.layout-japandi .live-cta{background:#4b5848;color:#f4f0e4;border-radius:0}
.live-preview.layout-japandi .live-art{height:200px;width:89%;border-radius:45% 45% 3px 3px;background:radial-gradient(circle at 50% 33%,#cba27b 0 21%,transparent 22%),linear-gradient(145deg,#b0bdaa,#738a78);box-shadow:-13px 13px 0 -6px #bdb09a}
.live-preview.layout-japandi .live-sections{background:#e4e0d5}
.live-preview.layout-japandi .live-grid{grid-template-columns:1fr 1fr}
.live-preview.layout-japandi .live-card{background:transparent;border:0;border-top:1px solid #9a9c8e;border-radius:0}
.live-preview.layout-japandi .live-feature{background:transparent;border-color:#7e9380;border-radius:0}
@media(max-width:850px){
 body.lw-premium-config .style-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 body.lw-premium-config .style-gallery{grid-template-columns:1fr}
 body.lw-premium-config .style-shot{height:184px}
 body.lw-premium-config .style-guide{display:block}
 body.lw-premium-config .style-guide span{display:block;margin-top:6px}
}
@media(max-width:430px){
 body.lw-premium-config .style-shot h3{font-size:30px}
 body.lw-premium-config .style-card{min-height:267px}
}
/* Preview toggle already adds .mobile: honor its layout at any physical viewport. */
.live-preview.mobile:is(.layout-editorial,.layout-brutalist,.layout-organic,.layout-glass,.layout-cinematic,.layout-artdeco,.layout-retro,.layout-japandi) .live-hero{
 display:grid;grid-template-columns:1fr;min-height:250px;padding:27px 8%;
}
.live-preview.mobile:is(.layout-editorial,.layout-brutalist,.layout-organic,.layout-glass,.layout-cinematic,.layout-artdeco,.layout-retro,.layout-japandi) .live-art{
 position:relative;inset:auto;justify-self:start;width:76%;height:88px;margin-top:8px;transform:none
}
.live-preview.mobile.layout-cinematic .live-hero>div:first-child{max-width:100%}
.live-preview.mobile:is(.layout-editorial,.layout-brutalist,.layout-organic,.layout-glass,.layout-cinematic,.layout-artdeco,.layout-retro,.layout-japandi) .live-grid{grid-template-columns:1fr}
.live-preview.mobile.layout-brutalist .live-art{box-shadow:5px 5px #111}
@media(prefers-reduced-motion:reduce){
 body.lw-premium-config .style-card{transition:none}
 body.lw-premium-config .style-card:hover{transform:none}
}


/* Everyday designs: understandable options first, no external images or scripts. */
body.lw-premium-config .style-gallery-popular .style-caption span{font-size:13px}
body.lw-premium-config .style-more{margin-top:16px;border:1px solid rgba(122,246,165,.22);border-radius:14px;padding:0 15px 16px;background:#091510}
body.lw-premium-config .style-more summary{cursor:pointer;list-style:revert;padding:18px 6px;font-size:15px;font-weight:750;color:#c9f8d7}
body.lw-premium-config .style-more summary:focus-visible{outline:2px solid #9affc5;outline-offset:4px}
body.lw-premium-config .style-more .style-gallery{margin-top:7px}
body.lw-premium-config .style-preview-btn{display:block;width:100%;margin-top:16px;min-height:50px;font-size:15px}
.style-shot.services{background:#e7f2e9;color:#244c43}
.style-shot.services::after{right:5%;top:13%;width:35%;height:74%;border-radius:25px;background:linear-gradient(145deg,#b7e3d0,#69a89b);box-shadow:-11px 11px 0 -4px #fff9}
.style-shot.services .sample-button{background:#347665}
.style-shot.bistro{background:linear-gradient(130deg,#f7e8d0,#dfc2a3);color:#603f30}
.style-shot.bistro::after{right:6%;top:13%;width:38%;height:72%;border:9px solid #8c533d;border-radius:50%;background:#f4e4cd;box-shadow:0 12px 0 -5px #b98e68}
.style-shot.bistro .sample-button{background:#8c533d}
.style-shot.bistro h3{font-family:Georgia,serif;font-weight:500}
.style-shot.artisan{background:linear-gradient(145deg,#132b3a,#1d4e59);color:#f4f4e8}
.style-shot.artisan::after{right:-4%;top:4%;width:39%;height:92%;transform:skew(-12deg);background:repeating-linear-gradient(145deg,#f5a54a 0 13px,#eb9030 13px 16px,#1f4852 16px 36px);opacity:.86}
.style-shot.artisan .sample-button{background:#f5a54a}
.style-shot.beauty{background:linear-gradient(130deg,#f9e7e2,#f0ced5);color:#804e65}
.style-shot.beauty::after{right:-5%;top:-4%;width:46%;height:122%;border-radius:51% 49% 40% 61%;background:radial-gradient(circle at 39% 31%,#fbe9ec 0 15%,transparent 16%),linear-gradient(143deg,#c58599,#dba7b7)}
.style-shot.beauty h3{font-family:Georgia,serif;font-weight:500}
.style-shot.beauty .sample-button{background:#985f77}
.style-shot.boutique{background:#f4f0e1;color:#4e5e43}
.style-shot.boutique::after{right:4%;top:15%;width:37%;height:76%;border-radius:48% 51% 46% 35%;background:radial-gradient(circle at 50% 45%,#f6dabb 0 14%,transparent 15%),radial-gradient(ellipse at 54% 52%,#d8a0a3 0 34%,#93a98b 35% 62%,transparent 63%)}
.style-shot.boutique h3{font-family:Georgia,serif;font-weight:500}
.style-shot.boutique .sample-button{background:#71846b}
.style-shot.personal{background:linear-gradient(140deg,#e5f3fa,#d4e8f5);color:#294969}
.style-shot.personal::after{right:6%;top:13%;width:34%;height:75%;border-radius:50% 50% 13px 13px;background:radial-gradient(circle at 50% 33%,#f4c5a9 0 21%,transparent 22%),linear-gradient(150deg,#84b2cf,#507d9f)}
.style-shot.personal .sample-button{background:#44779b}
/* Full previews: each style changes not just colors, but also composition and imagery. */
.live-preview.layout-services{background:#f2f7ef;color:#264b43}
.live-preview.layout-services .live-hero{grid-template-columns:1.2fr .8fr;align-items:center}
.live-preview.layout-services .live-hero h3{font-size:clamp(30px,4vw,49px)}
.live-preview.layout-services .live-cta{background:#397565;color:white;border-radius:12px}
.live-preview.layout-services .live-art{background:linear-gradient(125deg,#a8d6c0,#65a095);border-radius:24px;box-shadow:12px 13px 0 #d4e8dc}
.live-preview.layout-services .live-sections{background:#e5f0e6}
.live-preview.layout-services .live-card{background:white;border:1px solid #c3ddcf;border-radius:16px}
.live-preview.layout-bistro{background:#f5e9d8;color:#5c3b2c}
.live-preview.layout-bistro .live-hero{grid-template-columns:1fr .82fr;align-items:center}
.live-preview.layout-bistro .live-hero h3{font:500 clamp(32px,4.4vw,54px)/1 Georgia,serif}
.live-preview.layout-bistro .live-cta{background:#8d543e;color:#fff3df;border-radius:50px}
.live-preview.layout-bistro .live-art{background:radial-gradient(circle at 50% 47%,#e9d2b3 0 35%,#8d553e 36% 46%,transparent 47%),linear-gradient(120deg,#c69e72,#e6c9a4);border-radius:60% 40% 48% 52%}
.live-preview.layout-bistro .live-sections{background:#ead8c1}
.live-preview.layout-bistro .live-card{border-color:#d6b28d;background:#f8eee1;border-radius:14px}
.live-preview.layout-artisan{background:#152e3b;color:#f5f2e8}
.live-preview.layout-artisan .live-topbar{border-color:#5f7b81}
.live-preview.layout-artisan .live-hero{grid-template-columns:1.2fr .8fr;align-items:center}
.live-preview.layout-artisan .live-hero h3{font:850 clamp(32px,4.2vw,53px)/.99 system-ui,sans-serif;letter-spacing:-.06em}
.live-preview.layout-artisan .live-cta{background:#f5a24c;color:#172b35;border-radius:5px}
.live-preview.layout-artisan .live-art{background:repeating-linear-gradient(145deg,#ef9d44 0 24px,#23434d 25px 47px);border-radius:10px;transform:skew(-6deg)}
.live-preview.layout-artisan .live-sections{background:#1f404b}
.live-preview.layout-artisan .live-card{border-color:#56767d;background:#254a55;border-radius:8px}
.live-preview.layout-beauty{background:#fbf0ee;color:#75465e}
.live-preview.layout-beauty .live-hero{grid-template-columns:1.1fr .9fr;align-items:center}
.live-preview.layout-beauty .live-hero h3{font:500 clamp(32px,4.5vw,56px)/1.06 Georgia,serif;letter-spacing:-.06em}
.live-preview.layout-beauty .live-cta{background:#a46d88;color:white;border-radius:40px}
.live-preview.layout-beauty .live-art{background:linear-gradient(150deg,#e5aeba,#c98aa7);border-radius:54% 45% 50% 49%}
.live-preview.layout-beauty .live-sections{background:#f6e1e2}
.live-preview.layout-beauty .live-card{border-color:#e6bfc9;background:#fff7f4;border-radius:22px}
.live-preview.layout-boutique{background:#f6f2e7;color:#4b5a40}
.live-preview.layout-boutique .live-hero{grid-template-columns:1fr 1fr;align-items:center}
.live-preview.layout-boutique .live-hero h3{font:500 clamp(32px,4.4vw,56px)/1.05 Georgia,serif}
.live-preview.layout-boutique .live-cta{background:#697b61;color:white;border-radius:5px}
.live-preview.layout-boutique .live-art{background:radial-gradient(circle at 48% 46%,#ecc3b2 0 23%,#bba5a8 24% 37%,transparent 38%),linear-gradient(120deg,#a3b596,#738966);border-radius:46% 46% 20px 20px}
.live-preview.layout-boutique .live-sections{background:#ede9d9}
.live-preview.layout-boutique .live-card{border:0;border-top:1px solid #a2aa95;border-radius:0;background:transparent}
.live-preview.layout-personal{background:#eaf5fb;color:#294766}
.live-preview.layout-personal .live-hero{grid-template-columns:1.18fr .82fr;align-items:center}
.live-preview.layout-personal .live-hero h3{font:800 clamp(31px,4.2vw,53px)/1.04 system-ui,sans-serif;letter-spacing:-.06em}
.live-preview.layout-personal .live-cta{background:#477d9e;color:white;border-radius:35px}
.live-preview.layout-personal .live-art{background:radial-gradient(circle at 50% 29%,#f1bb9a 0 20%,transparent 21%),linear-gradient(140deg,#87b9d3,#5181a9);border-radius:50% 50% 18px 18px}
.live-preview.layout-personal .live-sections{background:#deedf6}
.live-preview.layout-personal .live-card{border-color:#aacdde;background:#f5fafd;border-radius:18px}
.live-preview.mobile:is(.layout-services,.layout-bistro,.layout-artisan,.layout-beauty,.layout-boutique,.layout-personal) .live-hero{display:grid;grid-template-columns:1fr;min-height:240px;padding:27px 8%}
.live-preview.mobile:is(.layout-services,.layout-bistro,.layout-artisan,.layout-beauty,.layout-boutique,.layout-personal) .live-art{position:relative;inset:auto;width:75%;height:88px;margin-top:14px;transform:none}
.live-preview.mobile:is(.layout-services,.layout-bistro,.layout-artisan,.layout-beauty,.layout-boutique,.layout-personal) .live-grid{grid-template-columns:1fr}
@media(max-width:620px){
 body.lw-premium-config .style-gallery-popular .style-card{min-height:214px}
 body.lw-premium-config .style-gallery-popular .style-shot{height:137px;min-height:137px}
 body.lw-premium-config .style-gallery-popular .style-shot h3{font-size:26px}
 body.lw-premium-config .style-gallery-popular .style-caption{padding:11px 15px 13px}
}


/* Emerald collection: three original CSS-only responsive design families. */
.style-shot.emerald{color:#f3fff8;background:radial-gradient(ellipse at 50% 120%,#0b835d,transparent 70%),repeating-linear-gradient(0deg,transparent 0 25px,#91ffc80d 26px),repeating-linear-gradient(90deg,#061810 0 25px,#c6ffe70d 26px)}
.style-shot.emerald h3,.style-shot.matrix h3,.style-shot.aurora h3{font-family:system-ui,sans-serif;font-weight:900;letter-spacing:-.07em}
.style-shot.emerald h3:first-line{color:#48f4b6}.style-shot.emerald .sample-button{background:#21dba0;border-radius:5px;box-shadow:0 0 20px #00d49050}
.style-shot.emerald::after{right:3%;top:15%;width:38%;height:74%;border-radius:10px;border:1px solid #64ffb88c;transform:rotate(5deg);background:repeating-linear-gradient(0deg,transparent 0 20px,#b2ffd81e 21px),linear-gradient(135deg,#154938,#071b13);box-shadow:-12px 13px 0 -4px #062016,0 0 30px #01ce8744}
.style-shot.matrix{color:#edfff5;background:radial-gradient(circle at 90% 15%,#1a7764,transparent 45%),linear-gradient(120deg,#081617,#122e29)}.style-shot.matrix .sample-button{background:#a8ffcf;border-radius:2px}
.style-shot.matrix::after{right:2%;top:17%;width:42%;height:70%;border:1px solid #70f8cd99;border-radius:3px;background:repeating-linear-gradient(90deg,transparent 0 17px,#99f8d81c 18px),repeating-linear-gradient(0deg,#102e28 0 17px,#a1ffe51a 18px);box-shadow:10px 10px 0 -4px #3ae6a74f}
.style-shot.aurora{color:#103e35;background:radial-gradient(circle at 89% 10%,#eeffc7,transparent 45%),linear-gradient(125deg,#cfffe2,#62d8c3)}.style-shot.aurora .sample-button{background:#07503b;border-radius:40px}
.style-shot.aurora::after{right:2%;top:11%;width:39%;height:80%;border-radius:50%;background:radial-gradient(circle at 32% 27%,#f0fff8 0 8%,transparent 9%),conic-gradient(from 140deg,#117763,#a1ffdc,#159b83,#54dfbf,#117763);box-shadow:inset -18px -12px 35px #05452c50,0 17px 25px #007c5350}
.live-preview.layout-emerald,.live-preview.layout-matrix{color:#eafff3;font-family:system-ui,sans-serif}
.live-preview.layout-emerald{background:#04160f}.live-preview.layout-emerald .live-topbar,.live-preview.layout-matrix .live-topbar{background:#0a2118;color:#edfff5;border-bottom:1px solid #25593d}
.live-preview.layout-emerald .live-logo b,.live-preview.layout-matrix .live-logo b{color:#60fabb}
.live-preview.layout-emerald .live-hero{grid-template-columns:1fr;justify-items:center;text-align:center;min-height:370px;gap:20px;background:radial-gradient(ellipse at 50% 80%,#105a40,transparent 70%),repeating-linear-gradient(90deg,transparent 0 34px,#d4ffe807 35px)}
.live-preview.layout-emerald .live-hero>div:first-child{max-width:620px;z-index:2}
.live-preview.layout-emerald .live-hero h3{font:900 clamp(33px,5vw,60px)/1 system-ui,sans-serif;letter-spacing:-.08em}
.live-preview.layout-emerald .live-eyebrow,.live-preview.layout-matrix .live-eyebrow{color:#61ffc0}
.live-preview.layout-emerald .live-hero p{margin-inline:auto;color:#bcdfc9}
.live-preview.layout-emerald .live-cta,.live-preview.layout-matrix .live-cta{background:linear-gradient(100deg,#20e1a6,#10bc84);color:#03180e;border-radius:6px}
.live-preview.layout-emerald .live-art{position:relative;inset:auto;width:min(85%,420px);height:135px;border-radius:12px;border:1px solid #6cf5b4aa;background:linear-gradient(130deg,#165c42,#061912);box-shadow:0 20px 45px #00d28a3b}
.live-preview.layout-emerald .live-art:after{content:"";position:absolute;inset:16px;border:1px solid #a3fcd050;border-radius:7px;background:repeating-linear-gradient(90deg,transparent 0 22px,#9cffe213 23px),linear-gradient(130deg,#11523b,#0a241b)}
.live-preview.layout-emerald .live-sections,.live-preview.layout-matrix .live-sections{background:#092018;color:#f1fff7}
.live-preview.layout-emerald .live-card,.live-preview.layout-matrix .live-card{background:#123125;color:#eafff3;border:1px solid #2b6f4d;border-radius:10px}
.live-preview.layout-emerald .live-feature-bar,.live-preview.layout-matrix .live-feature-bar{background:#061b13}
.live-preview.layout-matrix{background:#071c17}.live-preview.layout-matrix .live-hero{grid-template-columns:1.1fr .9fr;align-items:center;background:linear-gradient(120deg,#071915,#165448)}
.live-preview.layout-matrix .live-hero h3{font:900 clamp(33px,4.7vw,58px)/1 system-ui,sans-serif;letter-spacing:-.08em}.live-preview.layout-matrix .live-hero p{color:#b7d9c8}
.live-preview.layout-matrix .live-art{border:1px solid #84ffcf90;border-radius:4px;background:repeating-linear-gradient(0deg,transparent 0 24px,#d0ffe313 25px),repeating-linear-gradient(90deg,#0b3228 0 24px,#d0ffe313 25px);box-shadow:13px 13px 0 -5px #2deb9f55}
.live-preview.layout-matrix .live-card{border-radius:4px}
.live-preview.layout-aurora{background:#d9ffe9;color:#124435;font-family:system-ui,sans-serif}.live-preview.layout-aurora .live-topbar{background:#0d4131;color:#f4fff8}.live-preview.layout-aurora .live-logo b{color:#7cffc6}
.live-preview.layout-aurora .live-hero{grid-template-columns:1.1fr .9fr;align-items:center;background:radial-gradient(circle at 87% 12%,#f4ffce,transparent 47%),linear-gradient(125deg,#d0ffe7,#68dec4)}
.live-preview.layout-aurora .live-hero h3{font:900 clamp(34px,5vw,62px)/1 system-ui,sans-serif;letter-spacing:-.08em}.live-preview.layout-aurora .live-eyebrow{color:#06674b}.live-preview.layout-aurora .live-cta{background:#0a4735;color:#fff;border-radius:30px}
.live-preview.layout-aurora .live-art{border-radius:50%;background:conic-gradient(#146c59,#aaffdf,#1b9f85,#4ee3be,#146c59);box-shadow:inset -22px -18px 36px #00583b55,0 20px 40px #1f9f7455}.live-preview.layout-aurora .live-sections{background:#ecfff2}.live-preview.layout-aurora .live-card{background:#fff;border-radius:22px;border:1px solid #aae0cb}
.live-preview.mobile:is(.layout-emerald,.layout-matrix,.layout-aurora) .live-hero{grid-template-columns:1fr;padding:28px 8%;min-height:240px;gap:13px}
.live-preview.mobile:is(.layout-emerald,.layout-matrix,.layout-aurora) .live-art{position:relative;inset:auto;width:min(78%,250px);height:90px;margin:10px auto 0;transform:none}
.live-preview.mobile:is(.layout-emerald,.layout-matrix,.layout-aurora) .live-grid{grid-template-columns:1fr}.live-preview.mobile.layout-aurora .live-art{width:100px;height:100px}
@media(max-width:620px){body.lw-premium-config .style-gallery-popular .style-shot:is(.emerald,.matrix,.aurora) h3{font-size:24px}}