/* PrintNiq shop.php — app skin (loaded after shop-app.css). Soft modern app look:
   gradient header + shop card, services grid, rounded cards, gradient buttons, FAB bottom bar, side drawer.
   Visual only; no change to any ids/classes the page scripts use. */
:root{--pn-g:linear-gradient(120deg,#FF7A00 0%,#FF2E7A 55%,#8A00D4 100%);--pn-g2:linear-gradient(160deg,#FF7A00 0%,#FF2E7A 52%,#9A00D0 100%);--pn-ink:#191F2B;--pn-line:#eceef6;--pn-soft:#fff1f6}
body.shop-app{background:#F4F5FA;font-family:'Inter',-apple-system,'Segoe UI',sans-serif;color:var(--pn-ink)}
body.shop-app.pn-lock{overflow:hidden}
.shop-app .page-wrap{background:#F4F5FA;padding-bottom:calc(104px + env(safe-area-inset-bottom))}

/* ---------- header ---------- */
.shop-app-header{background:var(--pn-g2);border-radius:0;padding:calc(14px + env(safe-area-inset-top)) 16px 54px;position:relative;overflow:hidden}
.shop-app-header:before{content:"";position:absolute;right:-60px;top:-70px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.1)}
.shop-app-header .top-row{position:relative;margin-bottom:16px;gap:10px}
.shop-app-header .brand-mark-sm{width:40px;height:40px;border-radius:50%;padding:0;box-shadow:0 0 0 3px rgba(255,255,255,.3)}
.shop-app-header .brand-wrap-sm{flex:1;min-width:0}
.shop-app-header .brand-name-sm{font:800 1.4rem/1.1 'Inter',sans-serif;letter-spacing:-.01em;color:#fff}
.shop-app-header .brand-tag-sm{display:none}
.header-actions-row{display:flex;align-items:center;gap:10px;margin-left:auto}
.header-icon-btn{width:38px;height:38px;background:transparent!important;color:#fff!important;border:0!important;box-shadow:none}
.header-icon-btn svg{width:23px;height:23px}
.header-rewards-pill{display:none!important}
.pn-avatar{width:38px;height:38px;border-radius:50%;border:2px solid rgba(255,255,255,.85);background:linear-gradient(135deg,#6A5BFF,#9A3BE8);color:#fff;font:700 16px 'Inter',sans-serif;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;flex:0 0 auto}
.pn-avatar:active{transform:scale(.94)}
/* shop card */
.pn-shopcard{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.3);border-radius:22px;padding:16px 14px 16px 18px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pn-shopcard>h1{grid-column:1;grid-row:1;margin:0 0 10px;font:800 1.55rem/1.15 'Inter',sans-serif;letter-spacing:-.02em;color:#fff;text-shadow:none;overflow-wrap:anywhere}
.pn-shopcard-info,.pn-shopcard .home-info-row,.pn-shopcard .loc-status-row{display:contents}
.pn-shopcard .status-chip{grid-column:1;grid-row:2;justify-self:start;background:rgba(255,255,255,.96);border:0;color:var(--pn-ink);padding:7px 14px 7px 12px;border-radius:99px;font-size:.78rem;box-shadow:0 8px 16px -10px rgba(0,0,0,.4)}
.pn-shopcard .status-chip .sc-text{display:flex;flex-direction:row;gap:5px;align-items:baseline;flex-wrap:wrap}
.pn-shopcard .status-chip small{font-size:.74rem;font-weight:600;color:#6b7280}
.pn-shopcard .shop-location-box{grid-column:2;grid-row:1 / span 2;width:auto;flex:none;background:transparent;box-shadow:none;padding:0;gap:6px;flex-direction:column}
.pn-shopcard .shop-location-box svg{width:44px;height:44px;padding:11px;border-radius:50%;background:rgba(255,255,255,.96);box-sizing:border-box;box-shadow:0 8px 16px -10px rgba(0,0,0,.45)}
.pn-shopcard .shop-location-box .loc-label{color:#fff;font:700 .74rem/1.15 'Inter',sans-serif;white-space:normal;text-align:center}
.header-trust-badges{display:none}

/* ---------- white sheet + services grid ---------- */
.quick-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 10px;overflow:visible;margin:-26px 0 0;padding:20px 14px 18px;background:#fff;border-radius:26px 26px 0 0;position:relative;scroll-snap-type:none}
.quick-service-item{width:auto;min-height:0;padding:10px 2px 8px;gap:7px;background:#fff;border:1px solid var(--pn-line);border-radius:16px;box-shadow:0 10px 22px -18px rgba(25,31,43,.5)}
.quick-service-item:nth-child(n+8):not(.pn-more){display:none}
.quick-service-item .qs-icon-circle{width:42px;height:42px;border-radius:13px;background:var(--pn-soft)}
.quick-service-item .qs-icon{font-size:1.45rem;line-height:1}
.quick-service-item .qs-label{font:600 .68rem/1.2 'Inter',sans-serif;color:var(--pn-ink);text-align:center;overflow-wrap:anywhere;padding:0 2px}
.quick-service-item.pn-more .qs-icon-circle{background:#F1F2F8}
.quick-service-item.pn-more .qs-icon{font-weight:800;color:#4b5468}
#qs-dots,.qs-dots{display:none}
.qa-section{display:none}

/* ---------- banner ---------- */
.pn-banner-wrap{background:#fff;padding:0 14px 6px}
.pn-banner-wrap .home-banner{margin:0;border-radius:22px;background:var(--pn-g);min-height:112px;padding:18px 16px;box-shadow:0 20px 32px -22px rgba(255,46,122,.8);overflow:hidden}
.pn-banner-wrap .hb-title{font:800 1.3rem/1.15 'Inter',sans-serif;letter-spacing:-.01em}
.pn-banner-wrap .hb-sub{font:500 .8rem 'Inter',sans-serif;opacity:.95}
.pn-banner-wrap .hb-badge{display:none}
.pn-banner-wrap .hb-copy{max-width:58%}

/* ---------- order card ---------- */
.editor-card{background:#fff;border:0;border-radius:26px;margin:14px 14px 18px;box-shadow:0 18px 34px -26px rgba(25,31,43,.45)}
.editor-stepper{background:#fff;padding:18px 18px 14px}
.editor-step .es-circle{border:0;background:#F1F2F8}
.editor-step.active .es-circle{background:var(--pn-g);box-shadow:0 10px 18px -10px rgba(255,46,122,.9)}
.editor-step-title{font:700 1.15rem 'Inter',sans-serif;color:var(--pn-ink);letter-spacing:-.01em}
.editor-step-sub{color:#7b8396;font-weight:500}
.shop-app .upload-dropzone{border:2px dashed #FF4D9A;border-radius:22px;background:#FFF9FC}
.shop-app .upload-dropzone .primary-text{font:700 1rem 'Inter',sans-serif}
.shop-app .scan-doc-btn,.shop-app .idc-btn{border:1.5px solid var(--pn-ink);box-shadow:none;border-radius:16px;background:#fff;color:var(--pn-ink);font:700 .9rem 'Inter',sans-serif}
.shop-app .scan-doc-btn:active,.shop-app .idc-btn:active{transform:scale(.97)}
.opt-label{font:700 .95rem 'Inter',sans-serif;color:var(--pn-ink)}
.opt-card{border:1px solid var(--pn-line);background:#F8F9FC;border-radius:16px;box-shadow:none}
.opt-card.selected,.opt-card.active{border:1.5px solid #FF4D7E;background:#FFF1F5;box-shadow:none}
.opt-select{border:1px solid var(--pn-line);background:#fff}
.stepper{border:1px solid var(--pn-line);background:#fff}
.stepper-btn{background:#FFEDEE;color:#F2285F}
.po-sticky-summary{background:#fff;border:1px solid var(--pn-line);border-radius:18px;box-shadow:none}
.po-summary-total span:last-child{color:#F2285F}

/* buttons */
.shop-app .btn-primary{background:var(--pn-g);border:0;border-radius:16px;box-shadow:0 16px 26px -14px rgba(255,46,122,.85);font:700 1rem 'Inter',sans-serif;min-height:52px;color:#fff}
.shop-app .btn-primary:not(:disabled):active{transform:scale(.98);box-shadow:0 8px 14px -10px rgba(255,46,122,.85)}
.shop-app .btn-primary:disabled{background:#E8E9F0;color:#A1A6B5;box-shadow:none;border:0}
.shop-app .btn-ghost{border:1.5px solid var(--pn-line);background:#fff;border-radius:16px;box-shadow:none;min-height:52px}

/* payment */
.shop-app .panel-card{background:#fff;border:1px solid var(--pn-line);border-radius:20px;box-shadow:none}
.shop-app .panel-card h2{font:700 1rem 'Inter',sans-serif}
.shop-app .pay-choice label{border:1.5px solid var(--pn-line);border-radius:16px;box-shadow:none;background:#fff}
.shop-app .pay-choice label:has(input:checked){border-color:#FF4D7E;background:#FFF1F5}
.shop-app .pay-choice .pay-icon{border-radius:12px}

/* ---------- bottom bar ---------- */
.app-bottom-nav{max-width:480px;height:auto;min-height:66px;align-items:flex-end;padding:6px 6px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:0;border-radius:24px 24px 0 0;box-shadow:0 -12px 30px -18px rgba(25,31,43,.35);backdrop-filter:none}
.app-bottom-nav .abn-item{font:600 .66rem 'Inter',sans-serif;color:#7b8396;padding:2px 0 0}
.app-bottom-nav .abn-item .abn-icon-wrap{width:40px;height:30px;border-radius:99px;color:#7b8396}
.app-bottom-nav .abn-item.abn-active .abn-icon-wrap{color:#fff;background:var(--pn-g);box-shadow:0 10px 16px -8px rgba(255,46,122,.85)}
.app-bottom-nav .abn-item.abn-active .abn-label-text{background:none;color:#F2285F;-webkit-text-fill-color:#F2285F;font-weight:700}
.app-bottom-nav .abn-scan-btn{margin-top:-30px;flex:0 0 76px}
.app-bottom-nav .abn-scan-circle{width:62px;height:62px;border:4px solid #fff;background:var(--pn-g);box-shadow:0 16px 24px -10px rgba(255,46,122,.9)}
.app-bottom-nav .abn-scan-label{display:none}

/* ---------- drawer ---------- */
.pn-scrim{position:fixed;inset:0;background:rgba(15,8,30,.55);z-index:200;opacity:0;pointer-events:none;transition:opacity .22s}.pn-scrim.open{opacity:1;pointer-events:auto}
.pn-drawer{position:fixed;top:0;bottom:0;left:0;width:min(84vw,330px);z-index:201;display:flex;flex-direction:column;background:linear-gradient(170deg,#241047 0%,#3a0f6e 55%,#5a1488 100%);color:#fff;transform:translateX(-104%);transition:transform .28s cubic-bezier(.2,.8,.2,1);padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));overflow-y:auto;box-sizing:border-box;border-radius:0 26px 26px 0}
.pn-drawer.open{transform:none}
.pnd-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.pnd-brand{display:flex;align-items:center;gap:10px}.pnd-brand img{border-radius:50%;background:#fff}.pnd-brand b{font:800 1.3rem 'Inter',sans-serif}
.pnd-x{width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:24px;line-height:1;padding:0}
.pnd-me{display:flex;gap:12px;align-items:center;margin-bottom:16px}.pnd-av{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#FF7A00,#FF2E7A);display:flex;align-items:center;justify-content:center;font:700 1.2rem 'Inter',sans-serif;flex:0 0 auto}
.pnd-me b{display:block;font:700 1rem 'Inter',sans-serif}.pnd-me span:not(.pnd-av){display:block;font-size:.76rem;opacity:.78;overflow-wrap:anywhere;margin:1px 0 6px}.pnd-me i{display:inline-block;font:600 .7rem 'Inter',sans-serif;background:rgba(255,255,255,.14);border-radius:99px;padding:3px 10px;font-style:normal}
.pnd-nav a{display:flex;align-items:center;gap:14px;padding:13px 12px;border-radius:14px;color:rgba(255,255,255,.92);font:500 .95rem 'Inter',sans-serif;text-decoration:none;margin-bottom:2px}
.pnd-nav a.on{background:rgba(255,255,255,.16);font-weight:700}
.pnd-nav a.out{color:#ffb4c8;margin-top:6px;border-top:1px solid rgba(255,255,255,.12);border-radius:0 0 14px 14px;padding-top:16px}
@media(min-width:481px){.pn-drawer{left:calc(50% - 240px)}}
@media(prefers-reduced-motion:reduce){.pn-drawer,.pn-scrim{transition:none}}

/* payment rows (self-contained so the layout never depends on other stylesheets) */
.shop-app .pay-choice{display:flex;flex-direction:column;gap:10px}
.shop-app .pay-choice label{display:flex;flex-direction:row;align-items:center;gap:12px;padding:14px;position:relative;cursor:pointer}
.shop-app .pay-choice input[type=radio]{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.shop-app .pay-choice .pay-icon{width:40px;height:40px;border:0;background:#FFF1F5;color:#F2285F;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.shop-app .pay-choice .pay-radio{width:22px;height:22px;border:2px solid #C9CEDB;margin-left:auto;border-radius:50%;flex:0 0 auto;position:relative}
.shop-app .pay-choice label:has(input:checked) .pay-radio{border-color:#F2285F}
.shop-app .pay-choice .pay-title{font:700 .95rem 'Inter',sans-serif;color:var(--pn-ink)}
.shop-app .pay-choice .pay-sub{font:500 .76rem 'Inter',sans-serif;color:#7b8396}
.shop-app #price-box{background:#fff!important;border:1px solid var(--pn-line)!important;border-radius:18px!important;box-shadow:none}
.shop-app .editor-bottom-nav .btn-ghost{display:flex;align-items:center;justify-content:center;padding:0 18px;font:700 .95rem 'Inter',sans-serif;color:#4b5468}

/* =================== SCREENS (app flow) =================== */
.pn-appbar{display:none}
.pn-cta{margin-top:10px;align-self:flex-start;border:0;border-radius:99px;background:#fff;color:#F2285F;font:700 .85rem 'Inter',sans-serif;padding:9px 16px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 10px 18px -10px rgba(0,0,0,.45);cursor:pointer}
.pn-cta:active{transform:scale(.96)}

/* Home: no order card (banners under it stay) */
body.pn-home .editor-card{display:none}
body.pn-home .pn-appbar{display:none}

/* Flow: full-screen app screens with gradient bar + fixed bottom action */
body:not(.pn-home) .page-wrap>*:not(#order-form):not(.pn-appbar):not(.pn-scrim):not(.pn-drawer):not(.app-bottom-nav):not(.fs-editor):not(.upload-progress-modal):not(.preview-lightbox):not(.crop-modal):not(.idc-modal){display:none!important}
body:not(.pn-home) #order-form>*:not(.editor-card){display:none!important}
body:not(.pn-home) .app-bottom-nav{display:none}
body:not(.pn-home) .pn-appbar{display:flex;position:fixed;top:0;left:0;right:0;max-width:480px;margin:0 auto;z-index:120;align-items:center;justify-content:space-between;background:var(--pn-g2);color:#fff;padding:calc(8px + env(safe-area-inset-top)) 10px 10px;height:calc(56px + env(safe-area-inset-top));box-sizing:border-box}
body:not(.pn-home) .page-wrap{padding:calc(56px + env(safe-area-inset-top)) 0 calc(92px + env(safe-area-inset-bottom));background:#fff;min-height:100vh}
body:not(.pn-home) .editor-card{margin:0;border-radius:0;box-shadow:none;background:#fff;overflow:visible}
body:not(.pn-home) .editor-stepper,body:not(.pn-home) .editor-step-title,body:not(.pn-home) #editor-prev-btn{display:none!important}
body:not(.pn-home) .editor-step-panel{padding:16px 16px 8px}
body:not(.pn-home) .editor-step-sub{margin-top:0}
.pn-ab-back{cursor:pointer}
.pn-ab-title{font:700 1.1rem 'Inter',sans-serif}.pn-ab-sp{width:40px}
body:not(.pn-home) .editor-bottom-nav{position:fixed;left:0;right:0;bottom:0;max-width:480px;margin:0 auto;z-index:110;background:#fff;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--pn-line);box-shadow:0 -12px 24px -20px rgba(25,31,43,.4);display:flex;gap:10px}
body:not(.pn-home) .editor-bottom-nav .btn-primary{width:100%;flex:1}

/* which part of the order shows on which screen */
body.pn-s-upload [data-step-panel="3"],body.pn-s-upload [data-step-panel="4"],body.pn-s-upload #pv-card{display:none!important}
body.pn-s-options [data-step-panel="1"],body.pn-s-options [data-step-panel="4"]{display:none!important}
body.pn-s-preview [data-step-panel="3"],body.pn-s-preview [data-step-panel="4"]{display:none!important}
body.pn-s-preview [data-step-panel="1"]>:not(#file-carousel-wrap):not(#file-error-banner):not(#pv-card):not(.pn-addmore){display:none!important}
body.pn-s-summary [data-step-panel="1"],body.pn-s-summary [data-step-panel="3"]{display:none!important}
body.pn-s-pay [data-step-panel="1"],body.pn-s-pay [data-step-panel="3"],body.pn-s-pay [data-step-panel="4"]{display:none!important}
body.pn-s-options .po-sticky-summary{position:static}

/* Preview & Edit screen = the uploaded files, large, with the existing Edit (crop/rotate/adjust) buttons */
body.pn-s-preview #file-carousel-wrap{margin-top:0}
body.pn-s-preview #file-carousel-wrap:before{content:"Tap the pencil on a file to crop, rotate or adjust it before printing.";display:block;font:500 .82rem 'Inter',sans-serif;color:#7b8396;margin:0 0 12px}
.file-card{border:1px solid var(--pn-line)!important;border-radius:18px!important;box-shadow:0 10px 22px -18px rgba(25,31,43,.5)!important}
.pn-appbar .pn-ab-back{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:50%}

/* Preview & Edit: show the document big, like a phone gallery */
body.pn-s-preview #step-upload .file-carousel{grid-template-columns:1fr!important;gap:18px!important}
body.pn-s-preview #step-upload .file-tile{width:100%!important;max-width:340px;margin:0 auto}
body.pn-s-preview #step-upload .file-tile-thumb-wrap{aspect-ratio:3/4!important;border-radius:20px!important}

/* ===== v6: match mockup screens ===== */
/* Home: Recent Orders */
.pn-recent{padding:6px 16px 90px}
.pn-recent-head{display:flex;justify-content:space-between;align-items:center;margin:6px 0 10px}
.pn-recent-head b{font:800 1.02rem 'Inter',sans-serif;color:#191f2b}
.pn-recent-head a{font:700 .86rem 'Inter',sans-serif;color:var(--pn-pk,#E0306C);text-decoration:none}
.pn-recent-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #eceef4;border-radius:18px;background:#fff;box-shadow:0 10px 22px -18px rgba(25,31,43,.5);text-decoration:none;color:inherit}
.pn-recent-ico{width:46px;height:46px;border-radius:14px;background:#FFF0F5;color:#E0306C;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.pn-recent-txt{flex:1;display:flex;flex-direction:column}
.pn-recent-txt b{font:700 .95rem 'Inter',sans-serif;color:#191f2b}
.pn-recent-txt small{font:500 .78rem 'Inter',sans-serif;color:#7b8396;margin-top:2px}
.pn-recent-go{font-size:1.6rem;color:#9aa1b2}
body:not(.pn-home) .pn-recent{display:none}

/* Print Options: paper tiles + full-width copies */
.pn-paper-tiles{display:none}
body[class*="pn-s-"] .pn-paper-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:2px 0 4px}
body[class*="pn-s-"] #paper_size{display:none!important}
.pn-paper-tile{border:1.5px solid #e6e8f0;background:#fff;border-radius:16px;padding:12px 4px;text-align:center;cursor:pointer;font-family:'Inter',sans-serif;display:flex;flex-direction:column;gap:3px}
.pn-paper-tile b{font-size:1rem;color:#191f2b}
.pn-paper-tile small{font-size:.68rem;color:#7b8396}
.pn-paper-tile.on{border-color:#E0306C;background:#FFF2F7;box-shadow:0 0 0 1px #E0306C inset}
.pn-paper-tile.on b{color:#E0306C}
body.pn-s-options .po-paper-copies-row{display:block!important}
body.pn-s-options .po-paper-block,body.pn-s-options .po-copies-block{width:100%!important;margin-bottom:14px}
body.pn-s-options .po-copies-block .stepper{width:100%;display:flex}
body.pn-s-options .po-copies-block .stepper-value{flex:1;text-align:center}
body.pn-s-options .po-copies-block .stepper-btn{width:64px}
body.pn-s-options .opt-label{font:800 1rem 'Inter',sans-serif;color:#191f2b;margin-bottom:8px;display:block}

/* Upload: Uploaded Files row list */
body.pn-s-upload #step-upload .file-carousel{grid-template-columns:1fr!important;gap:10px!important}
body.pn-s-upload #step-upload .file-tile{display:flex!important;align-items:center;gap:12px;padding:10px 12px;border:1px solid #eceef4;border-radius:16px;background:#fff;position:relative;min-height:68px}
body.pn-s-upload #step-upload .file-tile-thumb-wrap{width:50px!important;flex:0 0 50px;aspect-ratio:1/1!important;border-radius:10px!important}
body.pn-s-upload #step-upload .file-tile-name{font:600 .92rem 'Inter',sans-serif!important;text-align:left!important;white-space:normal!important}
body.pn-s-upload #file-list .file-tile .ft-edit,body.pn-s-upload #file-list .file-tile [class*="badge"],body.pn-s-upload #file-list .file-tile .ft-type{display:none!important}

/* Order Summary: rows */
body.pn-s-summary .preview-summary-grid{display:block!important;margin:0 0 6px}
body.pn-s-summary .preview-summary-item{display:flex!important;justify-content:space-between;align-items:center;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:11px 2px!important;border-bottom:1px solid #f0f1f6!important}
body.pn-s-summary .psi-label{font:500 .92rem 'Inter',sans-serif!important;color:#6b7385!important;text-transform:none!important;letter-spacing:0!important}
body.pn-s-summary .psi-value{font:700 .92rem 'Inter',sans-serif!important;color:#191f2b!important}
.pn-pd-title{display:none}
body.pn-s-summary .pn-pd-title{display:block;font:800 1.05rem 'Inter',sans-serif;color:#191f2b;margin:16px 0 4px}
body.pn-s-summary #price-box{border:0!important;box-shadow:none!important;padding:0!important;background:none!important}

/* Payment: Total Amount card */
.pn-total-card{display:none}
body.pn-s-pay .pn-total-card{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #eceef4;border-radius:18px;background:#fff;margin:0 0 14px;box-shadow:0 10px 22px -18px rgba(25,31,43,.5)}
.pn-tc-ico{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#FF7A00,#FF2E7A);color:#fff;display:flex;align-items:center;justify-content:center}
.pn-total-card small{display:block;font:600 .85rem 'Inter',sans-serif;color:#6b7385}
.pn-total-card b{font:800 1.6rem 'Inter',sans-serif;color:#191f2b}
body.pn-s-summary .price-breakdown-row,body.pn-s-summary #price-breakdown *{font-family:'Inter',system-ui,sans-serif!important;font-size:.92rem!important;font-weight:500;color:#6b7385;padding:6px 2px}
body.pn-s-summary .price-breakdown-row.total,body.pn-s-summary .price-breakdown-row.total span{font-weight:800!important;font-size:1rem!important;color:#191f2b}
body.pn-s-summary #price-value{color:#E0306C!important;font-size:1.25rem!important}
body.pn-home .pn-recent{padding-bottom:110px}

/* v6: tighter app-like Options + Upload screens (match mockup) */
body.pn-s-options #step-options>p,body.pn-s-options .editor-step-sub,body.pn-s-options #step-options .po-files-summary{display:none!important}
body.pn-s-options .opt-block{margin:0 0 10px!important}
body.pn-s-options .opt-block>label,body.pn-s-options .opt-block>.opt-title,body.pn-s-options .opt-block>h3,body.pn-s-options .opt-block>.opt-label{margin:0 0 6px!important;font-size:.84rem!important}
body.pn-s-options .pn-paper-tile{padding:7px 4px!important}
body.pn-s-options [data-step-panel="1"] .file-tile,body.pn-s-options .po-file-row{display:none!important}
body.pn-s-upload .dz-pill{display:none!important}
body.pn-s-upload .upload-dropzone{padding:26px 16px!important;background:#fff!important}
body.pn-s-upload .upload-dropzone:before{content:"";display:block;width:74px;height:56px;margin:0 auto 10px;background:linear-gradient(120deg,#FF7A00,#FF2E7A 55%,#8A00D4);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.4 10A7.5 7.5 0 0 0 5 8.6 5.5 5.5 0 0 0 6 19.5h12.5a4.5 4.5 0 0 0 .9-9.5zM12 8l4 4h-3v4h-2v-4H8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.4 10A7.5 7.5 0 0 0 5 8.6 5.5 5.5 0 0 0 6 19.5h12.5a4.5 4.5 0 0 0 .9-9.5zM12 8l4 4h-3v4h-2v-4H8z'/%3E%3C/svg%3E") center/contain no-repeat}
body.pn-s-options .opt-card,body.pn-s-options .pn-opt,body.pn-s-options [class*="choice-card"],body.pn-s-options .opt-block button[type=button]:not(.pn-paper-tile){padding-top:9px!important;padding-bottom:9px!important;min-height:0!important}
body.pn-s-options .opt-block svg,body.pn-s-options .opt-block img{max-height:26px}
/* v7 overflow safety */
html,body{max-width:100%;overflow-x:hidden}
body.pn-s-preview #step-upload .file-carousel{grid-template-columns:minmax(0,1fr)!important}
body.pn-s-preview #step-upload .file-tile{min-width:0;width:100%!important;max-width:min(340px,100%)!important}
.shop-app .file-tile-name,.shop-app .file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.shop-app *{overflow-wrap:anywhere}
.shop-app button,.shop-app .pn-paper-tile{min-width:0}
/* v7 narrow phones */
.pn-shopcard>h1{white-space:nowrap}
.pn-shopcard .shop-location-box{align-items:center;min-width:56px;position:relative;z-index:1}
.pn-shopcard .shop-location-box .loc-label{white-space:nowrap}
.pn-shopcard .status-chip{max-width:100%}
@media(max-width:359px){
.pn-shopcard>h1{font-size:1.25rem}
.pn-shopcard{padding:14px 10px 14px 14px;column-gap:8px}
.pn-shopcard .status-chip{padding:6px 10px;font-size:.72rem}
.pn-shopcard .status-chip small{display:block;font-size:.68rem}
.pn-shopcard .shop-location-box .loc-label{font-size:.66rem}
}
/* v8: Options screen shows everything (colour, duplex, orientation, pages per sheet…) without the toggle */
body.pn-s-options .po-advanced-toggle{display:none!important}
body.pn-s-options #po-advanced{display:block!important}
body.pn-s-options #pps-note{display:none}
body.pn-s-options .po-pps-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
/* v9: Home direct upload box */
.pn-upbox{cursor:pointer;position:relative;outline:2px dashed rgba(255,255,255,.75);outline-offset:-8px;-webkit-tap-highlight-color:transparent}
.pn-upbox:active{transform:scale(.99)}
.pn-upbox .hb-sub{line-height:1.5}
.pn-upbox .pn-cta{pointer-events:none}
/* v10: mobile alignment + smaller preview */
body.pn-s-summary .preview-summary-item,body.pn-s-summary .price-breakdown-row{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}
body.pn-s-summary .price-breakdown-row.total{padding-left:0!important;padding-right:0!important}
body.pn-s-summary .preview-summary-item{padding-top:13px!important;padding-bottom:13px!important}
body.pn-s-summary .price-breakdown-row{padding-top:8px!important;padding-bottom:8px!important}
body.pn-s-options .po-copies-block .stepper{width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important;overflow:hidden}
body.pn-s-options .opt-block,body.pn-s-options .po-paper-block,body.pn-s-options .po-copies-block,body.pn-s-options .opt-cards{width:100%;box-sizing:border-box;margin-left:0!important;margin-right:0!important}
body.pn-s-options .opt-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.pn-s-options .opt-card{min-width:0;padding:10px 8px!important;min-height:0!important;box-sizing:border-box}
body.pn-s-options .opt-card-icon svg{width:26px!important;height:26px!important}
body.pn-s-options .opt-card-label{font-size:.82rem!important}
body.pn-s-options .opt-card-sub{font-size:.7rem!important}
body.pn-s-options .po-sticky-summary,body.pn-s-options [class*="po-summary"]{box-sizing:border-box;margin-left:0!important;margin-right:0!important;width:100%}
/* Preview: compact centred thumbnail card instead of a full-width page */
body.pn-s-preview #step-upload .file-carousel{grid-template-columns:minmax(0,1fr)!important;justify-items:center}
body.pn-s-preview #step-upload .file-tile{width:min(58%,220px)!important;max-width:220px!important;margin:0 auto}
body.pn-s-preview #step-upload .file-tile-thumb-wrap{aspect-ratio:3/4!important;border-radius:16px!important}
body.pn-s-preview #step-upload .file-tile-name{text-align:center;font-size:.78rem}
body.pn-s-preview #file-carousel-wrap:before{text-align:center}
body.pn-s-options .opt-cards.po-pps-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.pn-s-summary .price-breakdown-row>*{padding-left:0!important;padding-right:0!important;margin-left:0!important}
body.pn-s-summary .price-breakdown-row,body.pn-s-summary .preview-summary-item{box-sizing:border-box;width:100%}
body.pn-s-summary .psi-label,body.pn-s-summary .psi-value{padding:0!important}

/* ===== v11 features ===== */
.pn-toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%,20px);background:#191f2b;color:#fff;font:600 .84rem 'Inter',sans-serif;padding:10px 16px;border-radius:99px;opacity:0;pointer-events:none;transition:.25s;z-index:400;max-width:88vw;text-align:center}
.pn-toast.show{opacity:1;transform:translate(-50%,0)}
/* Recent orders */
.pn-ro{border:1px solid #eceef4;border-radius:18px;background:#fff;box-shadow:0 10px 22px -18px rgba(25,31,43,.5);margin:0 0 10px;overflow:hidden}
.pn-ro-main{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:12px 14px;width:100%;cursor:pointer}
.pn-ro-ico{width:44px;height:44px;border-radius:13px;background:#FFF0F5;color:#E0306C;font:800 .7rem 'Inter',sans-serif;display:flex;align-items:center;justify-content:center;flex:none}
.pn-ro-txt{flex:1;min-width:0;display:flex;flex-direction:column}
.pn-ro-txt b{font:800 .92rem 'Inter',sans-serif;color:#191f2b}
.pn-ro-txt small{font:500 .74rem 'Inter',sans-serif;color:#7b8396;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn-ro-end{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}
.pn-ro-end b{font:800 .95rem 'Inter',sans-serif;color:#191f2b}
.pn-chip{font:700 .68rem 'Inter',sans-serif;font-style:normal;padding:3px 9px;border-radius:99px;background:#eef0f6;color:#5b6376;display:inline-block}
.pn-chip.ok{background:#E3F8EA;color:#157a3b}.pn-chip.go{background:#E6F0FF;color:#1d5bd6}.pn-chip.ready{background:#FFF1DC;color:#b45f00}.pn-chip.bad{background:#FDE7EA;color:#c1213b}.pn-chip.wait{background:#FFF6D6;color:#8a6a00}
.pn-ro-act{display:flex;gap:8px;padding:0 14px 12px}
.pn-ro-act button{all:unset;box-sizing:border-box;flex:1;text-align:center;font:700 .8rem 'Inter',sans-serif;padding:9px 10px;border-radius:12px;border:1.5px solid #e6e8f0;color:#191f2b;cursor:pointer}
.pn-ro-act button.pri{border:0;color:#fff;background:var(--pn-g)}
/* Recent files (Upload screen) */
body:not(.pn-s-upload) .pn-recentfiles{display:none!important}
.pn-recentfiles{margin:14px 0 0}
.pn-rf-head{font:800 .9rem 'Inter',sans-serif;color:#191f2b;margin:0 0 8px}.pn-rf-head small{font:500 .72rem 'Inter',sans-serif;color:#8a92a6;margin-left:6px}
.pn-rf-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.pn-rf-row::-webkit-scrollbar{display:none}
.pn-rf{all:unset;box-sizing:border-box;flex:none;display:flex;align-items:center;gap:8px;max-width:200px;padding:8px 12px 8px 8px;border:1.5px solid #e6e8f0;border-radius:14px;background:#fff;cursor:pointer}
.pn-rf-t{width:30px;height:30px;border-radius:9px;background:#FFF0F5;color:#E0306C;font:800 .62rem 'Inter',sans-serif;display:flex;align-items:center;justify-content:center;flex:none}
.pn-rf-n{font:600 .76rem 'Inter',sans-serif;color:#191f2b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn-rf.busy{opacity:.5}.pn-rf.added{border-color:#22b358;background:#F0FBF4}
/* Tracker screen */
.pn-track{position:fixed;inset:0;z-index:300;background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .25s ease;visibility:hidden}
.pn-track.open{transform:none;visibility:visible}
body.pn-tracking{overflow:hidden}
.pn-track-bar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 8px;color:#fff;background:var(--pn-g);font:800 1.05rem 'Inter',sans-serif;flex:none}
.pn-track-bar .pn-ab-back{all:unset;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}.pn-track-bar i{width:40px}
.pn-track-body{flex:1;overflow-y:auto;padding:16px 16px 28px;-webkit-overflow-scrolling:touch}
.pn-tk-hero{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0 16px}.pn-tk-hero b{font:800 1.7rem 'Inter',sans-serif;color:#191f2b}.pn-tk-hero small{color:#8a92a6;font:500 .76rem 'Inter',sans-serif}
.pn-tk-cancel{background:#FDE7EA;color:#c1213b;border-radius:14px;padding:12px;text-align:center;font:700 .86rem 'Inter',sans-serif;margin-bottom:14px}
.pn-steps{list-style:none;margin:0 0 16px;padding:0;display:flex;justify-content:space-between;position:relative}
.pn-steps li{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;font:600 .68rem 'Inter',sans-serif;color:#9aa1b2;text-align:center}
.pn-steps li i{width:22px;height:22px;border-radius:50%;background:#e6e8f0;position:relative;z-index:1}
.pn-steps li:not(:first-child):before{content:"";position:absolute;top:10px;right:50%;width:100%;height:3px;background:#e6e8f0}
.pn-steps li.done i,.pn-steps li.cur i{background:var(--pn-g)}.pn-steps li.done:not(:first-child):before,.pn-steps li.cur:not(:first-child):before{background:#FF2E7A}
.pn-steps li.done,.pn-steps li.cur{color:#191f2b}.pn-steps li.cur i{box-shadow:0 0 0 5px rgba(255,46,122,.18)}
.pn-tk-card{border:1px solid #eceef4;border-radius:16px;padding:4px 14px;margin-bottom:12px}
.pn-tk-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #f0f1f6;font:500 .84rem 'Inter',sans-serif;color:#6b7386}.pn-tk-row:last-child{border:0}.pn-tk-row b{color:#191f2b;text-align:right;overflow-wrap:anywhere}
.pn-tk-files{font:500 .78rem 'Inter',sans-serif;color:#6b7386;margin:0 0 16px}.pn-tk-files div{padding:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pn-tk-act{display:flex;flex-direction:column;gap:10px}
.pn-btn-pri,.pn-btn-ghost{all:unset;box-sizing:border-box;text-align:center;padding:14px;border-radius:16px;font:800 .95rem 'Inter',sans-serif;cursor:pointer}
.pn-btn-pri{background:var(--pn-g);color:#fff}.pn-btn-ghost{border:1.5px solid #e6e8f0;color:#191f2b}
/* WhatsApp button */
.pn-wa{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 14px;border-radius:16px;background:#25D366;color:#fff!important;font:800 .88rem 'Inter',sans-serif;text-decoration:none;margin:14px 0 4px;box-sizing:border-box;text-align:center}
.pn-tk-act .pn-wa{margin:0}
/* Pickup slots */
.pn-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 6px}
.pn-slot{all:unset;box-sizing:border-box;border:1.5px solid #e6e8f0;border-radius:14px;padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:2px;background:#fff}
.pn-slot b{font:800 .9rem 'Inter',sans-serif;color:#191f2b}.pn-slot small{font:500 .72rem 'Inter',sans-serif;color:#8a92a6}
.pn-slot.on{border-color:#E0306C;background:#FFF0F5}.pn-slot.on b{color:#E0306C}
/* Coupon */
.pn-coupon-row{display:flex;gap:8px;margin-top:10px}
.pn-coupon-row input{flex:1;min-width:0;box-sizing:border-box;border:1.5px solid #e6e8f0;border-radius:14px;padding:12px 14px;font:700 .9rem 'Inter',sans-serif;text-transform:uppercase;letter-spacing:.04em;background:#fff}
.pn-coupon-row input:focus{outline:none;border-color:#E0306C}
.pn-coupon-row button{all:unset;box-sizing:border-box;padding:0 18px;border-radius:14px;background:var(--pn-g);color:#fff;font:800 .86rem 'Inter',sans-serif;display:flex;align-items:center;cursor:pointer}
.pn-coupon-row button:disabled{opacity:.6}
.pn-coupon-msg{font:600 .78rem 'Inter',sans-serif;margin-top:8px;min-height:0}.pn-coupon-msg.ok{color:#157a3b}.pn-coupon-msg.bad{color:#c1213b}
#pn-total-amt s{font-size:.7em;color:#9aa1b2;margin-right:4px}

/* ===== v12 ===== */
.pn-greet{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 2px 10px;color:#fff;font:600 .9rem 'Inter',sans-serif}
.pn-greet #pnGreetTxt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pn-coins{flex:none;display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);color:#fff;font:800 .74rem 'Inter',sans-serif;padding:5px 11px;border-radius:99px;text-decoration:none;backdrop-filter:blur(4px)}
#pnBell{position:relative}
#pnBell.pn-dot:after{content:"";position:absolute;top:6px;right:7px;width:9px;height:9px;border-radius:50%;background:#22E07A;border:2px solid #fff;animation:pnPulse 1.6s infinite}
@keyframes pnPulse{0%{box-shadow:0 0 0 0 rgba(34,224,122,.6)}70%{box-shadow:0 0 0 8px rgba(34,224,122,0)}100%{box-shadow:0 0 0 0 rgba(34,224,122,0)}}
/* skeleton */
.pn-skel{height:104px;border-radius:18px;margin:0 0 10px;background:linear-gradient(100deg,#f0f1f6 30%,#f8f9fc 50%,#f0f1f6 70%);background-size:200% 100%;animation:pnShimmer 1.2s linear infinite}
@keyframes pnShimmer{to{background-position:-200% 0}}
/* presets */
.pn-presets{display:flex;gap:8px;overflow-x:auto;margin:0 0 14px;padding-bottom:2px;scrollbar-width:none}.pn-presets::-webkit-scrollbar{display:none}
.pn-presets:empty{display:none}
.pn-presets button{all:unset;box-sizing:border-box;flex:none;padding:8px 14px;border-radius:99px;border:1.5px solid #e6e8f0;background:#fff;font:700 .76rem 'Inter',sans-serif;color:#191f2b;cursor:pointer;white-space:nowrap}
.pn-presets button.on{border-color:#E0306C;background:#FFF0F5;color:#E0306C}
body:not(.pn-s-options) .pn-presets{display:none}
/* upload summary */
body:not(.pn-s-upload) .pn-upsum{display:none!important}
.pn-upsum{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 10px;font:500 .84rem 'Inter',sans-serif;color:#6b7386}
.pn-upsum b{color:#191f2b}
.pn-upsum button{all:unset;box-sizing:border-box;font:800 .8rem 'Inter',sans-serif;color:#E0306C;padding:7px 12px;border-radius:99px;background:#FFF0F5;cursor:pointer}
/* note */
.pn-pd-title small{font:500 .72rem 'Inter',sans-serif;color:#8a92a6}
.pn-note{display:block;width:100%;box-sizing:border-box;border:1.5px solid #e6e8f0;border-radius:14px;padding:11px 14px;font:500 .86rem 'Inter',sans-serif;resize:none;background:#fff;color:#191f2b;margin:0 0 6px}
.pn-note:focus{outline:none;border-color:#E0306C}
/* drawer actions */
.pnd-act{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:14px;width:100%;padding:13px 14px;border-radius:12px;color:rgba(255,255,255,.88);font:600 .95rem 'Inter',sans-serif;cursor:pointer}
.pnd-act:active{background:rgba(255,255,255,.1)}
/* screen transition */
@keyframes pnIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
#order-form.pn-in{animation:pnIn .26s cubic-bezier(.22,1,.36,1)}
@media(prefers-reduced-motion:reduce){#order-form.pn-in,.pn-skel,#pnBell.pn-dot:after{animation:none}}

/* ===== v14: Home-only ads ===== */
body:not(.pn-home) .pn-ads{display:none!important}
.pn-ads{margin:14px 0 6px;max-width:100%;overflow:hidden}
.pn-ads .shop-slider{margin:0;max-width:100%}
.pn-ads .shop-slider-slide{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/7;height:auto;padding-bottom:0;box-shadow:0 6px 18px rgba(138,0,212,.15)}
.pn-ads .shop-slider-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pn-ad-tag{position:absolute;top:10px;left:10px;z-index:2;background:rgba(0,0,0,.55);color:#fff;font-size:10px;font-weight:800;letter-spacing:.5px;padding:3px 8px;border-radius:999px}
.pn-ads .shop-slider-caption{left:0;right:0;bottom:0;font-size:13px;font-weight:700}
.pn-ads{padding:0 14px;box-sizing:border-box}

/* ===== v14b: Print Options — one consistent size for every card ===== */
body.pn-s-options .opt-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important}
body.pn-s-options .opt-cards.po-pps-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.pn-s-options .opt-cards>.opt-card:only-child{grid-column:1/-1}
body.pn-s-options .opt-card,body.pn-s-options .po-large-card,body.pn-s-options .pn-paper-tile{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:3px!important;min-height:84px!important;height:84px!important;padding:8px 6px!important;box-sizing:border-box!important;
  border-radius:16px!important;text-align:center!important;overflow:hidden}
body.pn-s-options .opt-card-icon{display:flex!important;align-items:center;justify-content:center;height:30px!important;margin:0!important}
body.pn-s-options .opt-card-icon svg{width:30px!important;height:30px!important;max-height:30px!important}
body.pn-s-options .opt-card-label,body.pn-s-options .pn-paper-tile b{font-size:.88rem!important;font-weight:800!important;line-height:1.15!important;margin:0!important}
body.pn-s-options .opt-card-sub,body.pn-s-options .pn-paper-tile small{font-size:.72rem!important;line-height:1.1!important;margin:0!important;min-height:.8rem}
body.pn-s-options .pn-paper-tiles{gap:10px!important}
body.pn-s-options .po-copies-block .stepper{height:52px!important;border-radius:16px!important}
body.pn-s-options .po-copies-block .stepper-btn{width:64px!important;height:100%!important}
body.pn-s-options .po-copies-block .stepper-value{font-size:1.1rem!important}
body.pn-s-options .opt-block{margin:0 0 14px!important}
body.pn-s-options .opt-block>.opt-label,body.pn-s-options .opt-label{font-size:.95rem!important;margin:0 0 8px!important}

/* ===== v14b: Print Options – every card the same size ===== */
body.pn-s-options.pn-s-options .opt-card,
body.pn-s-options.pn-s-options .po-large-card,
body.pn-s-options.pn-s-options .po-pps-card,
body.pn-s-options.pn-s-options .pn-paper-tile{
  height:80px!important;min-height:80px!important;max-height:80px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:3px!important;padding:6px!important;margin:0!important;box-sizing:border-box!important;border-radius:16px!important;overflow:hidden;text-align:center}
body.pn-s-options.pn-s-options .opt-cards,
body.pn-s-options.pn-s-options .po-large-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important}
body.pn-s-options.pn-s-options .opt-cards.po-pps-cards,
body.pn-s-options.pn-s-options .pn-paper-tiles{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
body.pn-s-options.pn-s-options .opt-cards>.opt-card:only-child{grid-column:1/-1!important;width:100%!important;max-width:none!important}
body.pn-s-options.pn-s-options .opt-card-icon{height:28px!important;width:auto!important;margin:0!important;display:flex!important;align-items:center;justify-content:center}
body.pn-s-options.pn-s-options .opt-card-icon svg{width:26px!important;height:26px!important;max-height:26px!important}
body.pn-s-options.pn-s-options .opt-card-label,body.pn-s-options.pn-s-options .pn-paper-tile b{font-size:.86rem!important;line-height:1.15!important;margin:0!important}
body.pn-s-options.pn-s-options .opt-card-sub,body.pn-s-options.pn-s-options .pn-paper-tile small{font-size:.7rem!important;line-height:1.1!important;margin:0!important}
body.pn-s-options.pn-s-options .po-paper-block,body.pn-s-options.pn-s-options .po-copies-block,body.pn-s-options.pn-s-options .opt-block{width:100%!important}

/* ===== v16: bigger animated upload box ===== */
body.pn-home .pn-upbox{min-height:230px!important;padding:26px 20px!important;border-radius:28px!important;position:relative;overflow:hidden;animation:pnGlow 2.6s ease-in-out infinite}
body.pn-home .pn-upbox .hb-title{font-size:1.75rem!important;line-height:1.1!important;font-weight:800!important}
body.pn-home .pn-upbox .hb-sub{font-size:.95rem!important;line-height:1.5!important;margin-top:8px!important}
body.pn-home .pn-upbox .pn-cta{font-size:1rem!important;padding:13px 24px!important;margin-top:16px!important;position:relative;animation:pnPulse 1.8s ease-in-out infinite}
body.pn-home .pn-upbox .pn-cta svg{width:20px!important;height:20px!important;animation:pnBob 1.2s ease-in-out infinite}
body.pn-home .pn-upbox .hb-art{width:42%!important;max-width:170px;animation:pnFloat 3s ease-in-out infinite}
body.pn-home .pn-upbox:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);animation:pnShine 3.4s ease-in-out infinite;pointer-events:none}
@keyframes pnBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes pnPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.65)}50%{box-shadow:0 0 0 12px rgba(255,255,255,0)}}
@keyframes pnFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes pnShine{0%{left:-60%}60%,100%{left:130%}}
@keyframes pnGlow{0%,100%{box-shadow:0 14px 28px -12px rgba(255,46,122,.55)}50%{box-shadow:0 18px 38px -10px rgba(138,0,212,.6)}}
@media (prefers-reduced-motion:reduce){body.pn-home .pn-upbox,body.pn-home .pn-upbox *,body.pn-home .pn-upbox:after{animation:none!important}}
@media (max-width:360px){body.pn-home .pn-upbox{min-height:200px!important;padding:20px 16px!important}body.pn-home .pn-upbox .hb-title{font-size:1.5rem!important}}

/* ===== v16: preview files scroll horizontally ===== */
body.pn-s-preview.pn-s-preview #step-upload .file-carousel{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 14px 12px!important;margin:0 -14px!important;grid-template-columns:none!important;justify-items:initial!important}
body.pn-s-preview.pn-s-preview #step-upload .file-carousel::-webkit-scrollbar{display:none}
body.pn-s-preview.pn-s-preview #step-upload .file-tile{flex:0 0 62%!important;width:62%!important;max-width:240px!important;min-width:0;margin:0!important;scroll-snap-align:center}

/* ===== v17: header = original logo only, no text ===== */
.shop-app-header .brand-mark-sm{width:48px!important;height:48px!important;border-radius:14px!important;background:#fff!important;padding:4px!important;box-sizing:border-box;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.18)!important;flex:0 0 auto}
.shop-app-header .brand-mark-sm img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important}
.shop-app-header .brand-wrap-sm{flex:1;min-width:0;font-size:0}
.shop-app-header .brand-wrap-sm .brand-name-sm,.shop-app-header .brand-wrap-sm .brand-tag-sm{display:none!important}

/* ===== v17: opened file details show BELOW, not beside ===== */
body.pn-s-preview.pn-s-preview #step-upload .file-carousel:has(.file-tile.expanded){display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;overflow:visible!important;scroll-snap-type:none;margin:0!important;padding:0!important;gap:14px!important}
body.pn-s-preview.pn-s-preview #step-upload .file-carousel:has(.file-tile.expanded) .file-tile{flex:0 0 auto!important;width:100%!important;max-width:100%!important;box-sizing:border-box}

/* ===== v18: upload box alignment ===== */
body.pn-home .pn-upbox{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px;min-height:200px!important;padding:22px 16px 22px 20px!important}
body.pn-home .pn-upbox .hb-copy{max-width:none!important;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
body.pn-home .pn-upbox .hb-title{font-size:1.5rem!important;white-space:nowrap}
body.pn-home .pn-upbox .hb-sub{font-size:.85rem!important;line-height:1.45!important;margin-top:6px!important}
body.pn-home .pn-upbox .pn-cta{white-space:nowrap!important;font-size:.92rem!important;padding:12px 18px!important;margin-top:14px!important;gap:8px!important;width:auto!important;flex:0 0 auto}
body.pn-home .pn-upbox .pn-cta svg{width:18px!important;height:18px!important;flex:0 0 18px}
body.pn-home .pn-upbox .hb-art{flex:0 0 34%!important;width:34%!important;max-width:140px!important;height:auto!important;position:static!important;align-self:center}
@media (max-width:340px){body.pn-home .pn-upbox .hb-art{display:none}}

/* ===== v18: opened file – small thumbnail, details below ===== */
body.pn-s-preview.pn-s-preview #step-upload .file-carousel:has(.file-tile.expanded){align-items:center!important}
body.pn-s-preview.pn-s-preview #step-upload .file-carousel:has(.file-tile.expanded) .file-tile{width:min(58%,220px)!important;max-width:220px!important}
body.pn-s-preview.pn-s-preview #step-upload .file-carousel:has(.file-tile.expanded) .file-card-detail{width:100%!important;align-self:stretch}
body.pn-s-preview.pn-s-preview #step-upload .file-carousel:has(.file-tile.expanded){width:100%!important;max-width:100%!important;box-sizing:border-box!important}
body.pn-s-preview.pn-s-preview #step-upload .file-carousel:has(.file-tile.expanded) .file-card-detail{box-sizing:border-box!important;max-width:100%!important;margin:0!important}

/* ===== v19: compact Order Summary ===== */
body.pn-s-summary .preview-summary-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0 0 4px!important}
body.pn-s-summary .preview-summary-item{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px;background:#f7f8fc!important;border:1px solid #eceef5!important;border-radius:14px!important;padding:9px 12px!important;min-width:0;width:auto!important}
body.pn-s-summary .psi-label{font-size:.7rem!important;font-weight:600!important}
body.pn-s-summary .psi-value{font-size:.95rem!important;font-weight:800!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.pn-s-summary .pn-pd-title{font-size:.92rem!important;margin:12px 0 4px!important}
body.pn-s-summary .pn-pd-title small{font-size:.7rem}
body.pn-s-summary #price-box{margin:0 0 6px!important}
body.pn-s-summary .price-breakdown-row,body.pn-s-summary #price-breakdown *{font-size:.82rem!important;padding-top:3px!important;padding-bottom:3px!important;line-height:1.3}
body.pn-s-summary .price-breakdown-row{padding-top:3px!important;padding-bottom:3px!important;gap:8px}
body.pn-s-summary .price-breakdown-row>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.pn-s-summary .price-breakdown-row.total{padding-top:8px!important;margin-top:4px}
body.pn-s-summary #price-value{font-size:1.1rem!important}
body.pn-s-summary .pn-slots{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
body.pn-s-summary .pn-slot{padding:7px 4px!important;border-radius:12px!important;align-items:center!important;text-align:center;min-width:0;overflow:hidden}
body.pn-s-summary .pn-slot *{font-size:.72rem!important;line-height:1.2!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
body.pn-s-summary .pn-slot small,body.pn-s-summary .pn-slot span+span{font-size:.58rem!important;font-weight:500!important}
body.pn-s-summary .pn-note{min-height:0!important;height:48px!important;padding:8px 12px!important;font-size:.85rem!important;border-radius:12px!important;resize:none}
body.pn-s-summary .pn-wa{padding:10px 12px!important;font-size:.78rem!important;border-radius:14px!important;margin-top:8px!important;white-space:nowrap}

/* ===== v20 ===== */
.shop-app-header .brand-mark-sm{background:transparent!important;box-shadow:none!important;padding:0!important;border-radius:0!important;width:auto!important;height:46px!important;overflow:visible!important}
.shop-app-header .brand-mark-sm img{width:auto!important;height:100%!important;max-width:150px;object-fit:contain!important}
body.pn-s-summary .pn-wa{display:inline-flex!important;width:auto!important;padding:8px 16px!important;font-size:.78rem!important;margin-top:8px!important;border-radius:99px!important}

/* ===== v21: full PrintNiq logo in header ===== */
.shop-app-header .brand-logo-pill{display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:#fff;border-radius:16px;padding:7px 14px;height:50px;box-sizing:border-box;box-shadow:0 6px 16px rgba(0,0,0,.18);text-decoration:none}
.shop-app-header .brand-logo-pill img{display:block;height:100%;width:auto;max-width:170px;object-fit:contain}
.shop-app-header .brand-wrap-sm{flex:1;min-width:0}
@media (max-width:340px){.shop-app-header .brand-logo-pill{padding:5px 10px;height:40px}.shop-app-header .brand-logo-pill img{max-width:120px}}

/* ===== v27: Preview screen = brand-coloured compact preview card (#pv-card from shop-upload-plus.js) ===== */
body.pn-s-preview #file-carousel-wrap:before{display:none}
body.pn-s-preview #pv-card{margin:4px 0 0!important;border-radius:22px;background:#fff;color:#191f2b;border:1px solid #eceef4;box-shadow:0 14px 30px -20px rgba(138,0,212,.35)}
body.pn-s-preview #pv-card .pv-files{padding:12px 12px 0}
body.pn-s-preview #pv-card .pv-fbtn{border:1.5px solid #e6e8f0;color:#6b7386;background:#fff}
body.pn-s-preview #pv-card .pv-fbtn.on{background:var(--pn-g);border-color:transparent;color:#fff}
body.pn-s-preview #pv-card .pv-head{background:#fff;color:#191f2b;padding:10px 10px 8px 14px;font-size:.8rem}
body.pn-s-preview #pv-card .pv-name{font-weight:800;color:#191f2b}
body.pn-s-preview #pv-card .pv-sel{color:#7b8396;font-weight:600}.pv-sel b{color:#E0306C}
body.pn-s-preview #pv-card .pv-del{background:#F4F5FA;color:#191f2b}
body.pn-s-preview #pv-card .pv-stage{min-height:0;padding:10px;margin:0 12px;border-radius:16px;background:linear-gradient(160deg,#FFF3EA,#FFEAF3 55%,#F4E9FF)}
body.pn-s-preview #pv-card .pv-stage img{max-height:min(34vh,300px)!important;max-width:100%;border-radius:6px;box-shadow:0 10px 24px -14px rgba(25,31,43,.55)}
body.pn-s-preview #pv-card .pv-edit{background:var(--pn-g);color:#fff;top:14px;right:14px;min-height:34px;padding:0 13px;font-size:.78rem;box-shadow:0 8px 18px -8px rgba(255,46,122,.8)}
body.pn-s-preview #pv-card .pv-chips{background:#fff;padding:10px 12px 4px}
body.pn-s-preview #pv-card .pv-chip{background:#FFF0F5;color:#E0306C}
body.pn-s-preview #pv-card .pv-nav{background:#fff;padding:4px 8px 8px}
body.pn-s-preview #pv-card .pv-nb{background:#F4F5FA;color:#191f2b;height:38px}
body.pn-s-preview #pv-card .pv-count{color:#191f2b}
body.pn-s-preview #pv-card .pv-thumbs{background:#fff;border-top:1px solid #eceef4;padding:10px 12px 12px}
body.pn-s-preview #pv-card .pv-th{background:#F4F5FA}
body.pn-s-preview #pv-card .pv-th.cur{border-color:#FF2E7A;box-shadow:0 0 0 2px rgba(255,46,122,.2)}
body.pn-s-preview #pv-card .pv-lab{color:#6b7386}
body.pn-s-preview #pv-card .pv-th.off .pv-chk{background:#cfd3de}
body.pn-s-preview #pv-card .pv-spin{background:rgba(255,255,255,.7);color:#191f2b}
/* upload box text always white */
body .pn-upbox .hb-title,body .pn-upbox .hb-sub,body .pn-upbox .hb-copy{color:#fff!important;text-shadow:0 1px 6px rgba(120,0,90,.28)}
body .pn-upbox .pn-cta{color:#E0306C!important;text-shadow:none}
/* fallback ads (when the merchant has not added any) */
.pn-ads .pn-ad-fb{display:flex!important;flex-direction:column;justify-content:center;gap:4px;padding:18px 22px;color:#fff;box-sizing:border-box}
.pn-ads .pn-ad-fb b{font:800 1.15rem/1.2 'Inter',sans-serif;max-width:80%}
.pn-ads .pn-ad-fb small{font:500 .82rem/1.4 'Inter',sans-serif;opacity:.95;max-width:78%}
.pn-ads .pn-ad-fb:after{content:"";position:absolute;right:-24px;bottom:-30px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.18)}
.pn-ads .pn-fb1{background:linear-gradient(120deg,#FF7A00,#FF2E7A)}
.pn-ads .pn-fb2{background:linear-gradient(120deg,#FF2E7A,#8A00D4)}
.pn-ads .pn-fb3{background:linear-gradient(120deg,#8A00D4,#3B5BFF)}

/* tighter gap between Recent Orders and Ads; space for the bottom bar moves under the ads */
body.pn-home .pn-recent{padding-bottom:4px!important}
body.pn-home .pn-ads{margin:10px 0 calc(110px + env(safe-area-inset-bottom))!important}

/* ===== v28: Upload screen options (Scan Documents / ID Card) as app cards ===== */
body .scan-doc-divider{margin:18px 0 14px}
body .scan-doc-divider span{font:800 .72rem 'Inter',sans-serif;letter-spacing:.08em;color:#9aa1b2;text-transform:uppercase}
body .scan-id-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body .scan-id-row .scan-doc-btn,body .scan-id-row .idc-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 10px 14px;border:1px solid #eceef4;border-radius:20px;background:#fff;color:#191f2b;box-shadow:0 12px 24px -18px rgba(25,31,43,.55);font:800 .9rem/1.15 'Inter',sans-serif;text-align:center;min-height:116px;transition:transform .15s}
body .scan-id-row .scan-doc-btn:active,body .scan-id-row .idc-btn:active{transform:scale(.97);box-shadow:0 6px 14px -12px rgba(25,31,43,.55)}
body .scan-id-row .scan-doc-btn svg,body .scan-id-row .idc-btn svg{width:46px;height:46px;padding:12px;box-sizing:border-box;border-radius:15px;background:var(--pn-g);color:#fff;margin-bottom:4px;box-shadow:0 10px 18px -10px rgba(255,46,122,.8)}
body .scan-id-row .scan-doc-btn:after{content:"Use your camera";font:500 .7rem 'Inter',sans-serif;color:#7b8396}
body .scan-id-row .idc-btn:after{content:"Front + back on one page";font:500 .7rem 'Inter',sans-serif;color:#7b8396}
body .scan-id-hint{margin-top:14px;padding:12px 14px;border-radius:16px;background:#F7F8FC;border:1px solid #eceef4;font:500 .76rem/1.5 'Inter',sans-serif;color:#6b7386;text-align:left}
body .scan-id-hint b{color:#E0306C}

/* ===== v28: Editor (crop / rotate / adjust) in the app style ===== */
body .fs-editor{background:#F4F5FA}
body .fs-editor-topbar{background:var(--pn-g2);border-bottom:0;padding:calc(12px + env(safe-area-inset-top)) 14px 14px;backdrop-filter:none;gap:10px}
body .fs-topbar-btn{background:rgba(255,255,255,.2);color:#fff;width:38px;height:38px}
body .fs-topbar-btn:active{background:rgba(255,255,255,.35)}
body .fs-doc-name{color:#fff;font:800 .95rem 'Inter',sans-serif;max-width:190px}
body .fs-zoom-pct{color:rgba(255,255,255,.85);font-weight:600}
body .fs-topbar-done{background:#fff;color:#E0306C;font:800 .88rem 'Inter',sans-serif;padding:10px 22px;box-shadow:0 8px 18px -10px rgba(0,0,0,.45)}
body .fs-editor-tabs{background:#fff;padding:10px 14px;border-bottom:1px solid #eceef4;gap:10px}
body .fs-editor-tabs .edit-file-tab{border-radius:14px;border:2px solid transparent}
body .fs-editor-tabs .edit-file-tab.active{border-color:#FF2E7A;box-shadow:0 8px 16px -8px rgba(255,46,122,.6);transform:none}
body .fs-editor-tabs .edit-file-tab .eft-badge{background:var(--pn-g)}
body .fs-editor-stage{background:linear-gradient(160deg,#FFF6EF,#FFF0F6 55%,#F6EEFF)}
body .fs-zoom-wrap canvas{border-radius:12px;border:0;box-shadow:0 18px 34px -18px rgba(25,31,43,.55)}
body .fs-zoom-bar{background:#fff;border-top:1px solid #eceef4;padding:8px 14px;gap:8px}
body .fs-zoom-bar button{background:#F4F5FA;color:#191f2b;height:38px;font-family:'Inter',sans-serif}
body .fs-zoom-bar button:nth-child(2){background:#FFF0F5;color:#E0306C;min-width:70px}
body .fs-editor-toolbar{background:#fff;border-top:0;border-radius:22px 22px 0 0;box-shadow:0 -14px 30px -22px rgba(25,31,43,.5);padding:12px 10px calc(12px + env(safe-area-inset-bottom));justify-content:flex-start;gap:4px}
body .fs-tool-btn{min-width:68px;color:#6b7386;font:700 .66rem 'Inter',sans-serif}
body .fs-tool-btn svg{width:44px;height:44px;padding:11px;border-radius:15px;background:#FFF0F5;color:#E0306C}
body .fs-tool-btn.active{color:#E0306C}
body .fs-tool-btn.active svg{background:var(--pn-g);color:#fff;box-shadow:0 10px 18px -10px rgba(255,46,122,.9);transform:none}
body .fs-tool-panel{border-radius:26px 26px 0 0;box-shadow:0 -18px 40px -20px rgba(25,31,43,.55)}
body .fs-tool-panel-title{font:800 1.02rem 'Inter',sans-serif;color:#191f2b}
body .fs-preset-btn{border:1.5px solid #e6e8f0;background:#fff;color:#191f2b;border-radius:99px;font-family:'Inter',sans-serif}
body .fs-preset-btn.active{border-color:#FF2E7A;background:#FFF0F5;color:#E0306C;box-shadow:none}
body .fs-tool-panel-actions .btn{border-radius:99px;font-family:'Inter',sans-serif}
body .fs-tool-panel-actions .btn-ghost{background:#fff;border:1.5px solid #e6e8f0;color:#191f2b}
body .fs-tool-panel-actions .btn-primary{background:var(--pn-g);border:0;color:#fff;box-shadow:0 12px 20px -14px rgba(255,46,122,.9)}

/* ===== v29: Home scan / ID cards ===== */
body:not(.pn-home) .pn-hscan{display:none!important}
body .pn-hscan{padding:14px 14px 0;margin:0}
body .pn-hscan .scan-doc-btn,body .pn-hscan .idc-btn{min-height:104px;padding:14px 8px 12px}
body .pn-hscan .scan-doc-btn svg,body .pn-hscan .idc-btn svg{width:42px;height:42px;padding:11px}

/* ===== v29: Editor - compact app layout, tools always visible, panels as sheet above the tools ===== */
body .fs-editor{--tb:calc(80px + env(safe-area-inset-bottom))}
body .fs-editor-topbar{padding:calc(8px + env(safe-area-inset-top)) 12px 10px;gap:8px}
body .fs-topbar-btn{width:34px;height:34px}
body .fs-doc-name{font-size:.88rem}
body .fs-zoom-pct{font-size:.68rem}
body .fs-topbar-done{padding:8px 18px;font-size:.82rem}
body .fs-editor-tabs{padding:8px 12px}
body .fs-editor-tabs:has(.edit-file-tab:only-child),body .fs-editor-tabs:empty{display:none}
body .fs-editor-tabs .edit-file-tab{width:44px;height:44px;border-radius:12px}
body .fs-editor-stage{padding:10px 0}
body .fs-zoom-wrap canvas{max-width:80vw;border-radius:10px}
body .fs-zoom-bar{padding:6px 12px;gap:6px}
body .fs-zoom-bar button{height:32px;min-width:40px;font-size:.88rem;padding:0 12px}
body .fs-zoom-bar button:nth-child(2){min-width:58px;font-size:.74rem}
body .fs-editor-toolbar{overflow:visible;justify-content:space-between;gap:0;box-sizing:border-box;height:var(--tb);padding:10px 6px calc(8px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;position:relative;z-index:6}
body .fs-tool-btn{flex:1 1 0;min-width:0;padding:0 1px;gap:4px;font-size:.6rem;white-space:nowrap}
body .fs-tool-btn svg{width:38px;height:38px;padding:9px;border-radius:13px}
body .fs-tool-btn.active svg{transform:none}
body .fs-tool-panel{position:absolute;left:0;right:0;bottom:var(--tb);z-index:5;max-height:52vh;overflow-y:auto;border-radius:22px 22px 0 0;padding:8px 16px 14px;box-shadow:0 -16px 34px -18px rgba(25,31,43,.5)}
body .fs-tool-panel::before{margin:0 auto 10px}
body .fs-tool-panel-title{font-size:.95rem;margin-bottom:10px}
body .fs-preset-btn{padding:9px 14px;font-size:.78rem}
body .fs-tool-panel-actions{margin-top:12px}
body .fs-tool-panel-actions .btn{min-height:44px;font-size:.86rem}
body .pn-hscan{padding-bottom:6px}

/* v34: crop screen buttons (were white on white) + solid dark background */
.crop-modal{background:#0f1222!important}
.crop-modal .crop-modal-actions{display:flex!important;gap:10px!important;padding:12px 14px calc(14px + env(safe-area-inset-bottom))!important;background:#0f1222!important}
.crop-modal .crop-modal-actions .btn{flex:1 1 0!important;min-width:0;min-height:50px;padding:12px 8px!important;border-radius:99px!important;font:800 .92rem 'Inter',sans-serif!important;white-space:nowrap;display:flex;align-items:center;justify-content:center}
.crop-modal .crop-modal-actions .btn-ghost{background:transparent!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.4)!important}
.crop-modal .crop-modal-actions .btn-primary{flex:1.4 1 0!important;background:linear-gradient(120deg,#FF7A00 0%,#FF2E7A 55%,#8A00D4 100%)!important;color:#fff!important;border:0!important}
.crop-modal-header{color:#fff!important;background:#0f1222!important}

/* v36: Add one more file (Preview screen) */
body:not(.pn-s-preview) .pn-addmore{display:none!important}
.pn-addmore{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:14px 0 4px;padding:14px;border-radius:99px;border:1.6px dashed #FF2E7A;background:#FFF5F9;color:#E0306C;font:800 .92rem 'Inter',sans-serif;cursor:pointer}
.pn-addmore span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(120deg,#FF7A00,#FF2E7A 55%,#8A00D4);color:#fff;font-size:1.05rem;line-height:1}

/* v37: clear file switcher on Preview + Add button below the card */
body.pn-s-preview #pv-card .pv-files{display:block!important;padding:14px 14px 0!important;overflow:visible}
.pv-fhead{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 8px;font-family:'Inter',sans-serif}
.pv-fhead b{font-weight:800;font-size:.95rem;color:#191f2b}
.pv-fhead span{font-weight:500;font-size:.72rem;color:#8a90a2}
.pv-frow{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none}
.pv-frow::-webkit-scrollbar{display:none}
.pv-fbtn{flex:0 0 auto;max-width:78%;display:flex;align-items:center;gap:8px;border:1.5px solid #e6e8f0;background:#fff;border-radius:14px;padding:7px 12px 7px 7px;font:700 .8rem 'Inter',sans-serif;color:#191f2b;cursor:pointer}
.pv-fbtn i{flex:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:800 .76rem 'Inter',sans-serif;font-style:normal;background:#f1f2f7;color:#6b7386}
.pv-fbtn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.pv-fbtn.on{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#FF7A00,#FF2E7A 55%,#8A00D4) border-box;border:1.5px solid transparent;color:#E0306C}
.pv-fbtn.on i{background:linear-gradient(120deg,#FF7A00,#FF2E7A 55%,#8A00D4);color:#fff}
.pn-addmore{margin:16px 0 8px!important}

/* v38: services as a brand-gradient band with a small scrolling card row */
.pn-qs-band{margin:-26px 0 0;background:#fff;border-radius:26px 26px 0 0;padding:16px 14px 14px;position:relative}
.pn-qs-card{background:linear-gradient(120deg,#FF7A00 0%,#FF2E7A 55%,#8A00D4 100%);border-radius:22px;padding:14px 0 14px 14px;box-shadow:0 16px 28px -18px rgba(255,46,122,.8);overflow:hidden;position:relative}
.pn-qs-card:before{content:"";position:absolute;right:-40px;top:-50px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.14)}
.pn-qs-title{position:relative;font:800 1.02rem 'Inter',sans-serif;color:#fff;margin:0 14px 10px 0}
.pn-qs-card .quick-services{display:flex!important;gap:9px!important;overflow-x:auto!important;margin:0!important;padding:0 14px 2px 0!important;background:none!important;border-radius:0!important;scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;position:relative}
.pn-qs-card .quick-services::-webkit-scrollbar{display:none}
.pn-qs-card .quick-service-item,.pn-qs-card .quick-service-item:nth-child(n+8):not(.pn-more){display:flex!important;flex:0 0 78px;width:78px!important;flex-direction:column;align-items:center;padding:9px 4px 8px!important;gap:6px!important;border:0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 14px -10px rgba(40,0,60,.6)!important;scroll-snap-align:start}
.pn-qs-card .quick-service-item .qs-icon-circle{width:38px!important;height:38px!important;border-radius:12px!important;background:#FFF0F5!important}
.pn-qs-card .quick-service-item .qs-icon{font-size:1.3rem!important}
.pn-qs-card .quick-service-item .qs-label{font:700 .64rem/1.15 'Inter',sans-serif!important;color:#191f2b;text-align:center;min-height:2.3em;display:flex;align-items:center;justify-content:center}

/* v44: Scan Documents / ID Card match the Upload box (gradient, dashed border, glow + shine) */
body .scan-id-row .scan-doc-btn,body .scan-id-row .idc-btn{position:relative;overflow:hidden;border:0!important;background:linear-gradient(120deg,#FF7A00 0%,#FF2E7A 55%,#8A00D4 100%)!important;color:#fff!important;outline:2px dashed rgba(255,255,255,.75);outline-offset:-7px;border-radius:22px!important;animation:pnGlow 2.6s ease-in-out infinite}
body .scan-id-row .scan-doc-btn:after,body .scan-id-row .idc-btn:after{color:rgba(255,255,255,.9)!important}
body .scan-id-row .scan-doc-btn svg,body .scan-id-row .idc-btn svg{background:rgba(255,255,255,.22)!important;color:#fff!important;box-shadow:none!important}
body .scan-id-row .scan-doc-btn:before,body .scan-id-row .idc-btn:before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);animation:pnShine 3.4s ease-in-out infinite;pointer-events:none}
body .scan-id-row .idc-btn:before{animation-delay:.6s}
@media (prefers-reduced-motion:reduce){body .scan-id-row .scan-doc-btn,body .scan-id-row .idc-btn,body .scan-id-row .scan-doc-btn:before,body .scan-id-row .idc-btn:before{animation:none!important}}

/* v48: ads at the bottom of the order tracker */
.pn-track-body{display:flex;flex-direction:column}
.pn-track-body>*{flex:none}
.pn-tk-ads{margin-top:auto;padding-top:18px}
.pn-tk-ads:before{content:"Sponsored";display:block;font:700 .66rem 'Inter',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#a0a7b8;margin:0 0 8px 2px}
.pn-tk-adrow{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:0;border-radius:20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.pn-tk-adrow::-webkit-scrollbar{display:none}
.pn-tk-adrow .pn-tk-ad{flex:0 0 100%;scroll-snap-align:center;position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/7;box-sizing:border-box;box-shadow:0 6px 18px rgba(138,0,212,.15);display:block;text-decoration:none;color:#fff}
.pn-tk-adrow .pn-tk-ad img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pn-tk-adrow .pn-ad-fb{display:flex!important;flex-direction:column;justify-content:center;gap:4px;padding:16px 20px}
.pn-tk-adrow .pn-ad-fb b{font:800 1.05rem/1.2 'Inter',sans-serif;max-width:80%}
.pn-tk-adrow .pn-ad-fb small{font:500 .8rem/1.4 'Inter',sans-serif;opacity:.95;max-width:78%}
.pn-tk-adrow .pn-ad-fb:after{content:"";position:absolute;right:-24px;bottom:-30px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.18)}
.pn-tk-adrow .shop-slider-caption{position:absolute;left:0;right:0;bottom:0;padding:8px 12px;font:700 .8rem 'Inter',sans-serif;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.55))}
.pn-tk-addots{display:flex;justify-content:center;gap:6px;margin-top:10px}
.pn-tk-addots i{width:6px;height:6px;border-radius:99px;background:#dfe2ea;transition:all .2s}
.pn-tk-addots i.on{width:18px;background:linear-gradient(120deg,#FF7A00,#FF2E7A 55%,#8A00D4)}
.pn-tk-adrow .pn-fb1{background:linear-gradient(120deg,#FF7A00,#FF2E7A)}
.pn-tk-adrow .pn-fb2{background:linear-gradient(120deg,#FF2E7A,#8A00D4)}
.pn-tk-adrow .pn-fb3{background:linear-gradient(120deg,#8A00D4,#3B5BFF)}
.pn-tk-adrow .pn-ad-tag{position:absolute;top:10px;left:10px;z-index:2;background:rgba(0,0,0,.55);color:#fff;font-size:10px;font-weight:800;letter-spacing:.5px;padding:3px 8px;border-radius:999px}

/* v49: long shop name wraps (max 2 lines) instead of overflowing */
body .pn-shopcard>h1{white-space:normal!important;overflow-wrap:anywhere;word-break:break-word;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;hyphens:auto}
/* v49: when the plan has no Popular-services band, give the Upload box a clean gap from the header */
body.pn-noband .shop-app-header{padding-bottom:24px;border-radius:0 0 30px 30px}
body.pn-noband .pn-banner-wrap{background:transparent;padding-top:20px}

/* v50: printer art stays visible + centred on narrow phones */
@media (max-width:340px){body.pn-home .pn-upbox .hb-art{display:block!important;flex:0 0 30%!important;width:30%!important;max-width:96px!important}body.pn-home .pn-upbox{padding:20px 12px 20px 16px!important}body.pn-home .pn-upbox .hb-title{font-size:1.35rem!important}}
body.pn-home .pn-upbox .hb-art{margin:0 4px 0 auto!important;align-self:center!important;display:block}
@media (max-width:340px){body.pn-home .pn-upbox .hb-sub{font-size:.76rem!important;white-space:nowrap}}

/* v51: greeting shows full name (wraps, no cut); coins pill = icon + number only */
.pn-greet #pnGreetTxt{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;line-height:1.3}
.pn-greet{align-items:center}
.pn-coins{padding:5px 11px;font-size:.8rem;min-width:0}