/* MBI Page Layouts v3 — struktur visual unik untuk setiap template */
.page-preview .p-head,.page-preview .p-banner,.page-preview .p-card,.page-preview .p-action,.page-preview .p-links a{transition:.35s ease}
.page-preview.template-modern{padding-bottom:24px}.template-modern .p-banner{height:270px;border-radius:0 0 36px 36px}.template-modern .p-card{margin:-72px 18px 0;border-radius:26px;border-top:5px solid var(--accent)}.template-modern .p-head{position:relative;z-index:2}
.page-preview.template-bold{display:flex;flex-direction:column}.template-bold .p-head{order:2;background:transparent;margin:-66px 20px 0;padding:16px;position:relative;z-index:2}.template-bold .p-banner{order:1;height:310px;clip-path:polygon(0 0,100% 0,100% 82%,0 100%)}.template-bold .p-card{order:3;margin:0;padding:28px 22px;border-radius:0;background:transparent;box-shadow:none}.template-bold .p-card h2{font-size:36px;text-transform:uppercase}.template-bold .p-action{border-radius:0;text-transform:uppercase}
.template-elegant .p-head{justify-content:center;text-align:center;background:transparent}.template-elegant .p-banner{width:84%;height:300px;margin:auto;border-radius:180px 180px 18px 18px;border:5px double #b99545}.template-elegant .p-card{margin:-30px 28px 20px;text-align:center;border:3px double #c7a252;box-shadow:none}.template-elegant .p-links{grid-template-columns:repeat(2,1fr)}
.page-preview.template-minimal{display:grid;grid-template-columns:96px 1fr;grid-template-rows:auto 1fr;min-height:720px}.template-minimal .p-head{grid-column:1/-1;border-bottom:1px solid #ddd}.template-minimal .p-banner{grid-column:1;height:auto;min-height:590px;writing-mode:vertical-rl;background-position:center}.template-minimal .p-card{grid-column:2;margin:0;border-radius:0;box-shadow:none;padding:42px 20px}.template-minimal .p-card h2{font-size:34px}.template-minimal .p-links{grid-template-columns:1fr}
.page-preview.template-glass{position:relative;padding:24px 0}.template-glass .p-head{margin:0 20px;border-radius:18px;background:rgba(255,255,255,.18);backdrop-filter:blur(15px);color:#fff}.template-glass .p-banner{height:520px;margin:18px;border-radius:30px}.template-glass .p-card{position:absolute;left:30px;right:30px;top:250px;margin:0;border:1px solid rgba(255,255,255,.7);box-shadow:0 22px 50px rgba(0,0,0,.25)}
.page-preview.template-luxury{padding:18px}.template-luxury .p-head{justify-content:center;text-align:center;border:0;background:transparent}.template-luxury .p-banner{height:260px;border-radius:160px 160px 0 0;border:2px solid #a98c32;box-shadow:inset 0 0 0 7px #080808,inset 0 0 0 8px #594817}.template-luxury .p-card{margin:0;border-radius:0 0 120px 120px;text-align:center;border:2px solid #a98c32;border-top:0;box-shadow:none;padding-bottom:45px}.template-luxury .p-action{background:transparent;border:1px solid #d7b94f;color:#e7c966}
.page-preview.template-fresh{padding-bottom:35px}.template-fresh .p-head{background:transparent}.template-fresh .p-banner{height:290px;border-radius:42% 58% 38% 62%/55% 35% 65% 45%;margin:5px 20px}.template-fresh .p-card{margin:-35px 25px 0;border-radius:35% 12% 25% 10%/12% 28% 14% 30%;padding:35px 27px}.template-fresh .p-action{border-radius:50px}
.page-preview.template-neon{padding:14px}.template-neon .p-head{border:1px solid #00eaff;border-radius:8px}.template-neon .p-banner{height:220px;margin-top:12px;border:1px solid #00eaff;clip-path:polygon(7% 0,100% 0,100% 88%,93% 100%,0 100%,0 12%)}.template-neon .p-card{margin:14px 0 0;border-radius:8px;clip-path:polygon(5% 0,100% 0,100% 94%,95% 100%,0 100%,0 6%);border:1px solid #c82cff;box-shadow:0 0 20px rgba(0,234,255,.3)}.template-neon .p-links a{border-color:#00eaff;color:#fff}
.page-preview.template-corporate{padding-bottom:25px}.template-corporate .p-head{width:72%;border:0;border-left:8px solid var(--accent);margin:18px;background:#fff}.template-corporate .p-banner{height:300px;clip-path:polygon(0 0,100% 0,82% 100%,0 86%)}.template-corporate .p-card{margin:-28px 35px 0 58px;border-radius:4px;border-left:6px solid var(--accent)}.template-corporate .p-links{grid-template-columns:repeat(2,1fr)}
.page-preview.template-batik{padding:18px}.template-batik .p-head{border:3px double #bd8739;border-bottom:0;justify-content:center}.template-batik .p-banner{height:250px;border:8px double #bd8739}.template-batik .p-card{margin:0;border-top:0;text-align:center;border-radius:0;padding:30px 24px}.template-batik .p-card:before{content:"◆  ❖  ◆";display:block;color:#bd8739;letter-spacing:10px;margin-bottom:16px}.template-batik .p-action{border-radius:0}
.page-preview.template-culinary{padding-top:18px}.template-culinary .p-head{justify-content:center;background:transparent}.template-culinary .p-banner{width:270px;height:270px;border-radius:50%;margin:12px auto;border:12px solid #fff;box-shadow:0 12px 35px rgba(84,35,10,.25)}.template-culinary .p-card{margin:-32px 22px 0;padding-top:55px;text-align:center;border-radius:28px}.template-culinary .p-price{display:inline-block;padding:8px 14px;border:1px dashed var(--accent);border-radius:50px}
.page-preview.template-beauty{padding:20px}.template-beauty .p-head{background:transparent;justify-content:center}.template-beauty .p-logo{width:62px;height:62px}.template-beauty .p-banner{height:350px;border-radius:190px 190px 20px 20px}.template-beauty .p-card{margin:-95px 20px 0;text-align:center;border-radius:90px 90px 24px 24px;padding-top:44px}.template-beauty .p-links a{border-radius:50%}
.page-preview.template-automotive{padding-bottom:24px}.template-automotive .p-head{background:#111;transform:skewX(-7deg);margin:12px 22px}.template-automotive .p-head>*{transform:skewX(7deg)}.template-automotive .p-banner{height:280px;clip-path:polygon(0 12%,100% 0,100% 82%,0 100%)}.template-automotive .p-card{margin:-30px 28px 0;transform:skewY(-2deg);border-left:0;border-top:7px solid var(--accent)}.template-automotive .p-card>*{transform:skewY(2deg)}
.page-preview.template-portfolio{display:grid;grid-template-columns:44% 56%;grid-template-rows:auto 1fr;min-height:720px}.template-portfolio .p-head{grid-column:1/-1}.template-portfolio .p-banner{grid-column:1;height:auto;min-height:610px}.template-portfolio .p-card{grid-column:2;margin:0;padding:55px 18px;border:0;box-shadow:none}.template-portfolio .p-card h2{font-size:30px;writing-mode:vertical-rl;transform:rotate(180deg);height:240px;margin:0 auto 22px}.template-portfolio .p-links{grid-template-columns:1fr}
.page-preview.template-romantic{padding:18px}.template-romantic .p-head{background:transparent;justify-content:center}.template-romantic .p-banner{height:290px;border-radius:50% 50% 12px 12px;clip-path:polygon(50% 0,95% 18%,100% 76%,50% 100%,0 76%,5% 18%)}.template-romantic .p-card{margin:-18px 12px 0;text-align:center;transform:rotate(-1deg);box-shadow:5px 8px 0 #e8b6c6}.template-romantic .p-card:after{content:"♡";display:block;color:var(--accent);font-size:30px}
.page-preview.template-nature{padding:16px}.template-nature .p-head{background:transparent}.template-nature .p-banner{height:310px;border-radius:8% 55% 8% 48%;box-shadow:12px 14px 0 #b8d9bf}.template-nature .p-card{margin:-55px 18px 0 38px;border-radius:48% 10% 35% 12%/12% 35% 10% 42%;padding:48px 30px 38px}.template-nature .p-links{grid-template-columns:repeat(2,1fr)}
.page-preview.template-news{padding-bottom:20px}.template-news .p-head{justify-content:center;text-align:center;border-top:8px solid var(--accent);border-bottom:2px solid #fff}.template-news .p-brand b{font-family:Georgia,serif;font-size:21px}.template-news .p-banner{height:240px;margin:14px}.template-news .p-card{margin:0 14px;border-top:5px solid #111;box-shadow:none}.template-news .p-card h2{font-size:32px;line-height:1.05}.template-news .p-links{border-top:1px solid #bbb;padding-top:12px}
.page-preview.template-creative{padding:18px;overflow:hidden}.template-creative .p-head{width:76%;transform:rotate(-3deg);box-shadow:7px 7px 0 #19142d}.template-creative .p-banner{height:260px;width:88%;margin:28px 0 0 auto;transform:rotate(4deg);border:7px solid #fff}.template-creative .p-card{margin:-24px 25px 0 0;transform:rotate(-2deg);position:relative}.template-creative .p-action{transform:rotate(2deg);box-shadow:5px 5px 0 #19142d}
.page-preview.template-midnight{padding:22px}.template-midnight .p-head{border:0;background:transparent;justify-content:center}.template-midnight .p-banner{height:350px;border:1px solid #c8a541;clip-path:polygon(12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%,0 12%)}.template-midnight .p-card{margin:-80px 24px 0;text-align:center;border:1px solid #c8a541;position:relative}.template-midnight .p-links{grid-template-columns:repeat(2,1fr)}
.page-preview.template-sunset{position:relative;padding-bottom:28px}.template-sunset .p-head{background:transparent}.template-sunset .p-banner{height:440px;border-radius:0 0 45% 0}.template-sunset .p-card{margin:-250px 16px 0 92px;min-height:310px;box-shadow:-15px 18px 35px rgba(83,35,80,.28)}.template-sunset .p-card h2{font-size:27px}.template-sunset .p-links{grid-template-columns:repeat(2,1fr)}
@media(max-width:420px){.template-glass .p-card{left:22px;right:22px}.template-sunset .p-card{margin-left:68px}.template-corporate .p-card{margin-left:38px}.template-minimal .p-card{padding-left:14px;padding-right:14px}}