/* PeAZZY Public Experience v18 — progressive design layer. No supplier dashboard assets. */
:root{--pz18-ink:#171614;--pz18-ink-2:#322920;--pz18-gold:#b38b4e;--pz18-gold-dark:#8a6332;--pz18-warm:#f8f6f1;--pz18-cream:#f0e7d7;--pz18-surface:#fff;--pz18-border:#e5dfd4;--pz18-muted:#645e55;--pz18-radius:16px;--pz18-shadow:0 18px 50px rgba(38,29,17,.07)}
html{scroll-behavior:smooth}body.studio-page{background:var(--pz18-warm);color:var(--pz18-ink);font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.008em}body.studio-page *{box-sizing:border-box}body.studio-page img{max-width:100%}body.studio-page a{transition:color .17s ease,background .17s ease,box-shadow .17s ease}body.studio-page button,body.studio-page input,body.studio-page select,body.studio-page textarea{font:inherit}body.studio-page :focus-visible{outline:3px solid #c89550;outline-offset:3px}body.studio-page [hidden]{display:none!important}body.studio-page h1,body.studio-page h2,body.studio-page h3{letter-spacing:-.035em;line-height:1.17}body.studio-page h1{font-weight:850}body.studio-page p{line-height:1.65}
/* Shared shop-first header */
.studio-site-header{position:sticky;top:0;z-index:2000;background:#181714!important;border-bottom:1px solid #b58a4852;box-shadow:0 8px 25px rgba(0,0,0,.07)}.studio-header-inner{width:min(1520px,100%);margin:auto;padding:10px clamp(16px,3vw,42px)!important;min-height:78px;gap:24px}.studio-brand{gap:12px;display:inline-flex;align-items:center;min-width:0;text-decoration:none!important}.studio-brand img{width:46px;height:46px;object-fit:contain}.studio-brand-text{font-size:1rem;font-weight:850;letter-spacing:.02em;line-height:1.17;color:#fdfbf6}.studio-brand-text strong{color:#e2ba7c}.studio-brand-text small{color:#e2d7c5;display:block;letter-spacing:.17em;font-size:.57rem;font-weight:720;margin-top:4px}.studio-site-nav{display:flex;align-items:center;gap:clamp(4px,1vw,16px)}.studio-site-nav>a,.studio-nav-submenu summary{color:#f2e8d7!important;text-decoration:none;font-weight:720;font-size:.78rem;border-radius:10px;padding:10px 12px!important;min-height:42px;display:inline-flex;align-items:center;white-space:nowrap}.studio-site-nav>a:hover,.studio-nav-submenu summary:hover,.studio-site-nav>a[aria-current=page]{background:rgba(210,169,107,.15)!important;color:#fff!important}.studio-site-nav .studio-nav-primary{background:#d3ad72!important;color:#20170d!important;padding:11px 16px!important}.studio-site-nav .studio-nav-primary:hover{background:#f0d4a9!important}.studio-nav-submenu .studio-nav-popover{box-shadow:0 22px 46px rgba(0,0,0,.2);border-radius:12px;z-index:30}.studio-menu-toggle{border:1px solid #ffffff45;border-radius:10px;min-width:44px;min-height:44px;align-items:center;justify-content:center}.studio-content{min-height:calc(100vh - 280px);overflow:clip}
/* Consistent sections, buttons and cards */
.studio-page-hero{border-radius:24px!important;background:radial-gradient(ellipse at 95% 5%,#9c743746,transparent 54%),linear-gradient(130deg,#24201b,#141311)!important;box-shadow:0 24px 54px rgba(30,21,11,.16);padding:clamp(28px,5vw,64px)!important;overflow:hidden}.studio-page-hero h1{font-size:clamp(2.15rem,4vw,4.1rem);max-width:920px;font-weight:850}.studio-page-hero>p:not(.studio-kicker){max-width:760px;color:#e3d9cc!important;font-size:clamp(.97rem,1.6vw,1.09rem)}.studio-page .studio-kicker,.pz18-eyebrow{color:#9b733d;font-size:.69rem;text-transform:uppercase;letter-spacing:.15em;font-weight:850}.studio-page-hero .studio-kicker{color:#eac894!important}.studio-page .btn{border-radius:11px;font-weight:760;padding:.7rem 1.08rem;min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.studio-page .btn-dark{background:#211d18;border-color:#211d18}.studio-page .btn-dark:hover{background:#58432c;border-color:#58432c}.studio-page .btn-warning{background:#d0a468;border-color:#d0a468;color:#19140f}.studio-page .btn-warning:hover{background:#e1ba85}.studio-page .studio-panel,.studio-page .card{border:1px solid var(--pz18-border)!important;border-radius:18px!important;background:#fff;box-shadow:var(--pz18-shadow)}.studio-page .studio-page-hero .btn-outline-light{border-color:#d5bd99;color:#fff}.studio-page .studio-page-hero .btn-outline-light:hover{background:#f8eedf;color:#231b12}.studio-page .form-control,.studio-page .form-select,.studio-page .studio-field,.studio-page textarea,.studio-page input[type=search]{border-radius:11px;min-height:44px;border:1px solid #d7cfc3;background:#fff;color:#241f19}.studio-page input:focus,.studio-page select:focus,.studio-page textarea:focus{border-color:#b48e55;box-shadow:0 0 0 3px #d6b07c36}.studio-page .alert{border-radius:13px}.studio-page .text-muted{color:var(--pz18-muted)!important}
/* Public landing: original local PeAZZY product assets */
.pz18-home .pz10-home-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr);align-items:center;gap:25px;min-height:430px}.pz18-home-copy{position:relative;z-index:1}.pz18-home-visual{height:330px;position:relative;display:flex;align-items:center;justify-content:center}.pz18-home-product{position:absolute;left:12%;top:2%;width:66%;height:95%;border-radius:25px;background:linear-gradient(160deg,#fff,#eee1ce);box-shadow:0 18px 40px #0005;transform:rotate(-7deg);display:flex;align-items:center;justify-content:center;padding:15px}.pz18-home-product img{width:100%;height:100%;object-fit:contain}.pz18-home-product--small{left:60%;width:40%;height:64%;top:21%;transform:rotate(8deg);background:#f5e9d7}.pz18-home-visual>span{position:absolute;right:0;bottom:2%;color:#f2d3a4;letter-spacing:.17em;font-size:.7rem;font-weight:850;transform:rotate(-4deg)}.pz10-step-grid article{padding:27px;border:1px solid var(--pz18-border);border-radius:17px;background:white;box-shadow:var(--pz18-shadow);transition:transform .17s ease}.pz10-step-grid article:hover{transform:translateY(-3px)}.pz10-step-grid article span{color:#a77c45;font-weight:850;letter-spacing:.13em}.pz10-step-grid article h3{font-size:1.16rem;font-weight:850;margin:12px 0}
/* Real product catalogue, consistent photography and merchandising */
.pz18-catalogue-page .pz9-catalogue-tools{background:#fff;border:1px solid var(--pz18-border);border-radius:16px;padding:18px;box-shadow:var(--pz18-shadow);gap:12px}.pz18-catalogue-page .pz9-catalogue-tools label{font-size:.77rem;font-weight:770;color:#534a40}.pz18-catalogue-page .pz9-catalogue-tools input,.pz18-catalogue-page .pz9-catalogue-tools select{background:#fff;border:1px solid #d7cfc3;min-height:46px;border-radius:11px;padding:10px 12px}.pz18-catalogue-page .pz9-card{height:100%;overflow:hidden;border:1px solid var(--pz18-border);border-radius:19px;background:#fff;box-shadow:0 10px 32px #3123160c;transition:transform .18s ease,box-shadow .18s ease}.pz18-catalogue-page .pz9-card:hover{transform:translateY(-4px);box-shadow:0 22px 45px #25170720}.pz18-catalogue-page .pz9-card-image{background:radial-gradient(ellipse at 50% 20%,#fff,#f3eee5);aspect-ratio:1.15;display:flex;align-items:center;justify-content:center;padding:18px}.pz18-catalogue-page .pz9-card-image img{width:100%;height:100%;max-height:350px;object-fit:contain;transition:transform .24s ease}.pz18-catalogue-page .pz9-card:hover img{transform:scale(1.035)}.pz18-catalogue-page .pz9-card-body{padding:21px;display:flex;flex-direction:column;gap:9px}.pz18-catalogue-page .pz9-card-body h2{font-size:1.14rem;font-weight:830;line-height:1.37}.pz18-catalogue-page .pz9-card-body p{font-size:.84rem;color:var(--pz18-muted)}.pz18-catalogue-page .pz9-card-footer{margin-top:auto;padding-top:9px}.pz18-catalogue-page .pz9-card .badge{border-radius:999px;font-size:.69rem;font-weight:700;padding:7px 10px}.pz18-catalogue-page [data-pz9-catalogue-card][hidden]{display:none!important}.pz18-catalogue-page #pz9-empty{background:#fff;border-radius:13px;padding:24px}
/* Shop presentation and bottom panel */
.pz18-shop .pz16-hero{border-radius:24px}.pz18-shop .pz16-panel{border-radius:20px}.pz18-shop .pz16-card{border-radius:17px}.pz18-shop .pz16-cardbody .pz16-button{border-radius:10px}.pz18-shop .pz16-card .pz16-imagewrap{background:radial-gradient(ellipse at top,#fff,#eee8dd)}.pz18-shop .pz16-bottomnote{border-radius:19px}.pz18-shop .pz16-panel-head h2{font-size:clamp(1.4rem,2.5vw,2.1rem)}
/* Account dashboard and saved creations */
.pz18-dashboard .pz10-stat{border:1px solid var(--pz18-border);border-radius:16px;padding:22px;background:#fff;box-shadow:var(--pz18-shadow)}.pz18-dashboard .pz10-stat span{font-size:.82rem;color:var(--pz18-muted)}.pz18-dashboard .pz10-stat strong{font-size:clamp(1.6rem,3vw,2.5rem);color:#231d16}.pz18-dashboard .pz10-quick-grid a{border:1px solid #e8e0d4;border-radius:13px;padding:20px;background:linear-gradient(150deg,#fff,#faf7f0);text-decoration:none;transition:transform .16s ease}.pz18-dashboard .pz10-quick-grid a:hover{transform:translateY(-2px);border-color:#cda76e}.pz18-dashboard .pz10-quick-grid strong{font-size:.98rem}.pz18-dashboard .pz10-quick-grid span{font-size:.8rem}.pz18-page-subtitle{color:var(--pz18-muted);max-width:560px}.pz18-saved-designs>div:first-child{margin-bottom:24px}.pz18-saved-designs h1{font-weight:850;font-size:clamp(2.2rem,4vw,3.2rem)}.pz18-project-card{min-height:230px;transition:transform .18s ease,box-shadow .18s ease}.pz18-project-card:hover{transform:translateY(-3px);box-shadow:0 24px 45px #31231614}.pz18-project-card h2{font-size:1.15rem;font-weight:820}.pz18-project-card .card-body{padding:24px;display:flex;flex-direction:column}.pz18-project-card .card-body>.d-flex{margin-top:auto!important}
/* Designer — functional IDs and internal canvas dimensions remain untouched */
.pz18-editor-intro{max-width:1900px;margin:12px auto 18px;border:1px solid #e1d8c9;background:#fff;box-shadow:var(--pz18-shadow);border-radius:15px;padding:18px 22px;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.pz18-editor-intro>div{min-width:0}.pz18-editor-intro strong{font-size:.96rem}.pz18-editor-intro nav{display:flex;flex-wrap:wrap;gap:8px}.pz18-editor-intro nav>a,.pz18-editor-intro nav>span{font-weight:730;font-size:.72rem;text-decoration:none;padding:9px 11px;border-radius:8px;background:#f8f5ee;color:#52412f}.pz18-editor-intro nav [aria-current]{background:#221d17!important;color:#fff!important}.studio-page .pz15-editor-shell{box-shadow:0 18px 55px #231a0e17!important;border-radius:20px!important;background:white}.studio-page .pz15-rail{background:#25211c!important}.studio-page .pz15-rail a,.studio-page .pz15-rail button{color:#f6ead9!important}.studio-page .studio-v2 .studio-toolbox{background:#fff!important}.studio-page .studio-v2 .studio-stage{background:#f5f2ec!important}.studio-page .studio-v2 .studio-properties{background:#fff!important}.studio-page .pz15-product-options{background:linear-gradient(150deg,#fffdf8,#f5eee2)!important;border-radius:16px!important}.studio-page .pz15-product-options h2{font-size:1.04rem}.studio-page .pz15-colour{width:28px;height:28px;border-radius:8px}.studio-page .pz15-size{min-width:44px;height:40px;border-radius:10px}.studio-page .pz12-side-switch{border-radius:11px!important}.studio-page .pz12-side-switch .studio-btn{border-radius:9px!important;min-height:42px!important}.studio-page .studio-editor-top{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.studio-page .studio-stage .studio-canvas-shell{border-radius:14px;max-width:100%;margin-inline:auto;overflow:hidden}.studio-page #studio-canvas{display:block;width:100%;height:auto;touch-action:none}.studio-page .studio-actions{background:#fff;border:1px solid #ebe4db;border-radius:14px;padding:14px}.studio-page .studio-actions .btn{min-height:46px}.studio-page .studio-properties .studio-layers{max-height:370px;overflow-y:auto}.studio-page .pz9-supplier-panel{border-radius:14px;background:#fff}.studio-page .pz18-preview-workspace{border-radius:16px;background:#fff;border:1px solid #e8e0d4;padding:22px}.studio-page .pz18-preview-workspace>p{font-size:.85rem;color:var(--pz18-muted);max-width:900px}.studio-page .pz9-official-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.studio-page .pz9-official-results figure{background:#f8f5ef;border:1px solid #e9e0d4;border-radius:12px;overflow:hidden;margin:0}.studio-page .pz9-official-results figure img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.studio-page .pz9-official-results figcaption{padding:10px;font-size:.75rem;color:#524b43}.studio-page .studio-hint{color:var(--pz18-muted);font-size:.79rem;line-height:1.6}.studio-page #studio-status:not(:empty),.studio-page #pz9-official-status:not(:empty){display:block;padding:12px 14px;border-radius:10px;background:#f5eee0;border:1px solid #e6d4b8;color:#493827;font-size:.83rem}.studio-page .pz12-layout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.studio-page .pz12-layout-card{overflow:hidden;border:1px solid #e1dacf;border-radius:11px;padding:12px}
/* Size guides must be accessible tables, NEVER JSON dumps */
.pz18-chart-intro{font-weight:730;color:#494137;margin-bottom:12px}.pz18-size-section{margin:14px 0 19px;border:1px solid #e5dfd4;border-radius:13px;background:#fff;overflow:hidden}.pz18-size-section h4{font-size:.98rem;font-weight:820;margin:0;padding:16px 17px 4px}.pz18-chart-note{font-size:.77rem;color:var(--pz18-muted);margin:0;padding:5px 17px 12px}.pz18-table-scroll{overflow-x:auto;overscroll-behavior-x:contain;max-width:100%}.pz18-size-table{border-collapse:collapse;min-width:460px;width:100%;font-size:.79rem;color:#2e291f}.pz18-size-table caption{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pz18-size-table th,.pz18-size-table td{text-align:center;border-top:1px solid #e8e2d9;padding:12px 10px;white-space:nowrap}.pz18-size-table thead th{background:#f0e7d8;font-size:.75rem;font-weight:850}.pz18-size-table tr>th:first-child{text-align:left;min-width:145px;position:sticky;left:0;background:#faf8f4;font-weight:770;z-index:1}.pz18-size-table tbody tr:nth-child(even){background:#fefcf9}.pz18-size-table tbody tr:hover{background:#f8f1e5}.pz18-size-table td{font-variant-numeric:tabular-nums}
/* Mockup gallery */
.pz18-mockups .studio-panel{overflow:hidden}.pz18-mockups .badge{border-radius:999px;padding:8px 12px}.pz18-mockups .pz9-official-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.pz18-mockups .pz9-official-results figure{border-radius:12px;overflow:hidden;border:1px solid #ebe3d6;background:#faf7f1}.pz18-mockups .pz9-official-results img{width:100%;aspect-ratio:1;object-fit:contain}.pz18-mockups .pz9-official-results figcaption{padding:10px;font-size:.75rem}
/* Footer */
.pz18-footer{background:#171614;color:#e9e3d8;border-top:2px solid #987344}.pz18-footer .studio-site-footer-inner{width:min(1520px,100%);max-width:none;margin:0 auto;padding:40px clamp(16px,3vw,42px) 24px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.pz18-footer-brand{display:flex;align-items:center;gap:13px}.pz18-footer-brand>img{width:46px;height:46px;object-fit:contain}.pz18-footer-brand strong{display:block;color:#f9f1e6;font-size:.95rem;letter-spacing:.035em}.pz18-footer-brand span{color:#c3b7a6;font-size:.77rem}.pz18-footer-links{display:flex;justify-content:end;flex-wrap:wrap;gap:7px 18px}.pz18-footer a{color:#e4d6c1;text-decoration:none;font-size:.78rem}.pz18-footer a:hover{color:#f6c784;text-decoration:underline}.pz18-footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:20px;border-top:1px solid #5c5449;font-size:.71rem;color:#b4a898}.pz18-footer-bottom span:last-child{display:flex;gap:15px}
/* Screen reader copy, safe confirmations, subtle interaction helpers */
.pz18-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.pz18-visually-current{border-color:var(--pz18-gold)!important;box-shadow:0 0 0 2px #c69f5b35!important}
@media(max-width:1200px){.studio-site-nav{gap:2px}.studio-site-nav>a,.studio-nav-submenu summary{font-size:.74rem;padding:9px 8px!important}.pz18-home .pz10-home-hero{grid-template-columns:1fr .75fr}.pz18-home-visual{height:265px}}
@media(max-width:900px){.pz18-home .pz10-home-hero{grid-template-columns:1fr}.pz18-home-visual{height:260px;max-width:480px;margin:auto;width:100%}.pz18-home-copy{max-width:760px}.studio-site-header .studio-site-nav{background:#24211c!important;padding:14px!important;border-radius:0 0 17px 17px}.studio-site-nav>a,.studio-nav-submenu summary{padding:13px!important;min-height:44px;font-size:.84rem}.pz18-footer .studio-site-footer-inner{grid-template-columns:1fr}.pz18-footer-links{justify-content:start}.pz18-editor-intro{margin-inline:12px}.studio-page .studio-v2 .studio-canvas-shell{width:100%}}
@media(max-width:640px){.studio-header-inner{min-height:65px;padding:8px 15px!important}.studio-brand-text{font-size:.85rem}.studio-brand img{width:36px;height:36px}.studio-page-hero{padding:28px 24px!important;border-radius:16px!important}.studio-page-hero h1{font-size:clamp(2rem,8vw,2.65rem)}.pz18-home-visual{height:230px}.pz18-catalogue-page .pz9-card-body{padding:17px}.pz18-shop .pz16-panel{padding:19px 14px}.pz18-saved-designs .card-body{padding:19px}.studio-page .studio-actions{padding:10px}.studio-page .studio-actions .btn{flex:1 1 160px}.studio-page .pz18-preview-workspace{padding:16px}.pz18-footer .studio-site-footer-inner{padding:32px 18px 22px}.pz18-editor-intro nav{overflow-x:auto;flex-wrap:nowrap;width:100%;padding-bottom:4px}.pz18-editor-intro nav>a,.pz18-editor-intro nav>span{white-space:nowrap}.pz18-mockups .pz9-official-results{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Public buyer guidance and FAQs */
.pz18-faq{margin:45px 0 24px}.pz18-faq-heading{max-width:720px;margin-bottom:20px}.pz18-faq-heading h2{font-size:clamp(1.6rem,3vw,2.5rem);font-weight:850}.pz18-faq-heading p{color:var(--pz18-muted)}.pz18-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.pz18-faq-grid details{padding:20px;border-radius:15px;border:1px solid var(--pz18-border);background:#fff;box-shadow:0 7px 25px #251c0d09}.pz18-faq-grid summary{font-weight:820;cursor:pointer;list-style-position:inside;padding:2px 0;color:#2a231c}.pz18-faq-grid details[open] summary{color:#876339}.pz18-faq-grid details p{font-size:.85rem;color:var(--pz18-muted);padding-top:13px;margin-bottom:0}.pz18-shop-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:20px 0 12px}.pz18-shop-guide>div{padding:22px 20px;background:#fff;border:1px solid var(--pz18-border);border-radius:14px}.pz18-shop-guide strong{color:#8a6638;letter-spacing:.04em;font-size:.79rem}.pz18-shop-guide p{margin:10px 0 0;color:#62564a;font-size:.8rem}@media(max-width:700px){.pz18-faq-grid,.pz18-shop-guide{grid-template-columns:1fr}}