/* Product stories use complete app surfaces, with state driven by the shared scroll controller. */
.np-scene{font:13px/1.5 Arial,Helvetica,sans-serif;color:#24282c}
.np-scene strong,.np-scene b{font-weight:600}.np-scene p{margin:0}.np-scene img{display:block;max-width:100%}
.np-scene .np-reveal-1,.np-scene .np-reveal-2{transition:opacity .6s,transform .8s cubic-bezier(.22,1,.36,1)}
.np-scene.has-product-motion[data-stage="0"] :is(.np-reveal-1,.np-reveal-2),.np-scene.has-product-motion[data-stage="1"] .np-reveal-2{opacity:0;transform:translateY(12px);pointer-events:none;visibility:hidden}
.np-only-start,.np-only-progress{display:none}
.np-scene.has-product-motion[data-stage="0"] .np-only-start,.np-scene.has-product-motion[data-stage="1"] .np-only-progress{display:inline}
.np-scene.has-product-motion:not([data-stage="2"]) .np-only-end{display:none}
.np-workspace{container-type:inline-size;width:100%;min-width:0;background:#fff;border:1px solid #d8dcdf;border-radius:12px;overflow:hidden;box-shadow:0 14px 38px #2530400c}
.np-window-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:38px;padding:0 14px;border-bottom:1px solid #dde1e4;background:#f0f2f4;color:#5d6570;font-size:11px}
.np-window-bar>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-window-dots{display:flex;gap:5px}.np-window-dots i{width:7px;height:7px;border-radius:50%;background:#c7ccd2}.np-window-dots i:first-child{background:#dfb5ae}.np-window-dots i:nth-child(2){background:#e6d7ae}.np-window-dots i:last-child{background:#b6cdb9}
.np-app-toolbar,.np-shop-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid #e8eaed}.np-app-toolbar>strong{display:flex;align-items:center;gap:9px;font-size:15px}.np-app-toolbar>span{color:#646b73;font-size:12px}
.np-app-body{padding:23px}.np-screen-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:22px}.np-scene h3{font:600 22px/1.25 Arial,Helvetica,sans-serif;letter-spacing:-.5px;margin:0}.np-pill{font-size:11px;padding:5px 9px;background:#eff2f4;border:1px solid #e4e8eb;border-radius:5px;color:#53616d;white-space:nowrap}
.np-fields{margin:0}.np-fields>div{padding:13px 0;border-bottom:1px solid #e9ecef}.np-fields>div:first-child{padding-top:0}.np-fields dt{font-size:11px;color:#66717c;margin-bottom:5px}.np-fields dd{margin:0;font-size:14px;font-weight:600}
.np-ui-button{display:inline-block;padding:9px 12px;border:1px solid #d9dfe3;border-radius:5px;background:#f5f7f9;color:#293138;font-size:12px;font-weight:600;line-height:1.3}.np-ui-button--dark{color:#fff;background:#303b34;border-color:#303b34}
.np-app-footer{padding:15px 20px;background:#f6f8f9;border-top:1px solid #e3e8ea;color:#4f655a;font-size:12px;min-height:49px}
.np-brand-avatar{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#e9ecdf;color:#4b5548;font-size:16px}.np-social-account{display:flex;align-items:center;gap:8px;padding:12px}.np-social-account>div{display:grid;gap:1px}.np-social-account strong{font-size:12px}.np-social-account small{font-size:10px;color:#65717b}.np-social-account>span:last-child{margin-left:auto}
.np-meta-mark{font-size:30px;line-height:.8;color:#2675d7}.np-ads-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:25px}.np-ad-preview{border:1px solid #dde2e6;border-radius:7px;overflow:hidden;align-self:start}.np-ad-images{display:grid;background:#f3f1ed}.np-ad-images img{grid-area:1/1;width:100%;aspect-ratio:4/5;object-fit:cover}.np-ad-copy{padding:13px}.np-ad-copy p{font-size:12px;margin-bottom:10px}.np-ad-copy .np-ui-button{width:100%;text-align:center}.np-ad-destination{padding-top:22px;display:grid;gap:7px;font-size:12px}.np-ad-destination>span{color:#62726a}
.np-shop-nav{font-size:11px;background:#fbfaf6}.np-shop-nav>strong{font-size:13px;letter-spacing:2px}.np-repair-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;background:#f0eee7;overflow:hidden}.np-repair-hero>img{width:100%;height:350px;object-fit:cover}.np-repair-copy{z-index:1;align-self:center;padding:28px;min-width:0}.np-repair-copy h3{font:400 clamp(30px,7cqw,48px)/1.05 var(--niwa-font-display);letter-spacing:-1px;transition:transform .8s}.np-repair-copy p{margin:20px 0;font-size:12px;color:#64685e}.np-repair-copy .np-ui-button{font-size:11px}.np-scene.has-product-motion[data-stage="0"] .np-repair-copy h3{transform:translateX(32px) scale(1.18)}.np-repair-scan{position:absolute;inset:0 auto 0 0;width:1px;background:#708673;box-shadow:0 0 20px 5px #95b8a048;opacity:0;transition:left 1s,opacity .5s}.np-scene.has-product-motion[data-stage="1"] .np-repair-scan{left:100%;opacity:1}
.np-maintenance-panel{padding:23px}.np-maintenance-panel .np-screen-heading{margin-bottom:10px}.np-check-list{margin:0}.np-check-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eceded;font-size:12px}.np-check-list dd{margin:0;color:#5b7462;text-align:right}
.np-store-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.np-store-product{background:#f5f3ed;min-width:0}.np-store-product>img{width:100%;aspect-ratio:3/4;object-fit:cover}.np-store-product>div{padding:20px}.np-store-product h3{font:400 28px/1.1 var(--niwa-font-display)}.np-store-product p{font-size:12px;color:#687167;margin-top:10px}.np-store-sizes{display:flex;gap:8px;margin:17px 0}.np-store-sizes span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d4d8d0;font-size:12px}.np-store-sizes .np-size-selected{border-color:#445447;background:#e4eadd}
.np-store-chat{display:flex;flex-direction:column;min-width:0;border-left:1px solid #e2e6e1;background:#fcfdfb}.np-chat-heading{display:flex;align-items:center;gap:9px;padding:16px;border-bottom:1px solid #e7ebe5}.np-chat-heading>div{display:grid;gap:2px}.np-chat-heading small{color:#71816e;font-size:11px}.np-chat-heading>span:last-child{margin-left:auto;color:#6b7368;font-size:20px}.np-niwa-orb{flex:none;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f2e5cf,#abbea2 45%,#677d6c 85%);box-shadow:inset 0 0 3px #fff8}
.np-store-thread{height:420px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d9e0d5 transparent;padding:16px;flex:1}.np-store-thread:focus-visible{outline:2px solid #758969;outline-offset:-2px}.np-store-message{padding:10px 12px;border-radius:12px;background:#edf0e9;font-size:12px;line-height:1.55;margin-bottom:12px!important;max-width:95%}.np-store-message--out{margin-left:auto;background:#e0e8d8;border-bottom-right-radius:3px}.np-chat-gallery{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:8px 0 14px}.np-chat-gallery img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:6px}.np-store-link{display:flex;gap:9px;align-items:center;border:1px solid #e1e5dd;padding:7px;border-radius:8px;font-size:11px}.np-store-link>img{width:47px;height:54px;object-fit:cover;border-radius:5px}.np-store-link>div{display:grid;gap:5px}.np-store-link span{color:#687560}.np-chat-composer{display:flex;justify-content:space-between;align-items:center;margin:10px 12px 14px;padding:9px 10px 9px 14px;border:1px solid #dce3d6;border-radius:22px;color:#818779;font-size:12px}.np-chat-composer>span{display:grid;place-items:center;width:25px;height:25px;background:#e5eadf;border-radius:50%;color:#4f5e45}
.np-wordpress-mark{border:1px solid currentColor;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font:18px Georgia,serif}.np-editor-toolbar{display:flex;align-items:center;gap:25px;padding:12px 24px;border-bottom:1px solid #e7eaec;font-size:12px;color:#59616a}.np-editor-document{padding:28px 30px}.np-editor-document h3{font:500 31px/1.15 var(--niwa-font-display);max-width:22ch;margin-bottom:18px}.np-editor-document p{font:13px/1.75 Georgia,serif;color:#525e68;margin:0 0 12px}.np-editor-document h4{font:600 17px/1.3 Arial,Helvetica,sans-serif;letter-spacing:0;margin:21px 0 10px}.np-editor-link{color:#426691;text-decoration:underline;text-underline-offset:2px}.np-search-preview{margin:0 24px 24px;padding:18px;border:1px solid #e2e7eb;border-radius:7px}.np-search-site{display:flex;align-items:center;gap:8px;margin-bottom:11px}.np-search-site>div{min-width:0;display:grid;gap:2px;font-size:11px}.np-search-site>div>span{font-size:10px;color:#657365;overflow-wrap:anywhere}.np-search-title{display:block;color:#274fa5;font-size:17px;line-height:1.35;margin-bottom:8px}.np-search-preview>p{font-size:12px;line-height:1.6;color:#647078}
.np-booking-intro{padding:20px}.np-booking-intro>p{padding:13px 16px;background:#eee9f5;border-radius:12px 12px 12px 3px;margin-bottom:18px;font-size:13px}.np-booking-intro>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 15px;font-size:12px}.np-booking-intro>div>span{color:#737b85;font-size:11px}.np-week{margin:0 18px;border:1px solid #e4e6ea;border-radius:8px;overflow:hidden}.np-week-days{display:grid;grid-template-columns:45px repeat(3,minmax(0,1fr));background:#fafbfc;border-bottom:1px solid #e4e6ea;text-align:center}.np-week-days>span{padding:10px 2px;color:#76808b;font-size:11px}.np-week-days b{display:block;font-size:19px;margin-top:2px;color:#374451}.np-week-days .np-day-active{background:#f0edf7;color:#70578e}.np-week-days .np-day-active b{color:#70578e}.np-week-grid{position:relative;display:grid;grid-template-columns:45px repeat(3,minmax(0,1fr));grid-template-rows:repeat(7,40px);background:repeating-linear-gradient(to bottom,transparent 0,transparent 39px,#e8ebed 39px,#e8ebed 40px)}.np-week-grid::before{content:"";position:absolute;inset:0 0 0 45px;background:linear-gradient(to right,transparent calc(33.333% - 1px),#e8ebed 33.333%,transparent calc(33.333% + 1px),transparent calc(66.666% - 1px),#e8ebed 66.666%,transparent calc(66.666% + 1px));pointer-events:none}.np-week-times{grid-column:1;grid-row:1/8;display:grid;grid-template-rows:repeat(7,40px);background:#fafbfc;border-right:1px solid #e8ebed}.np-week-times>span{padding-top:7px;text-align:center;font-size:10px;color:#7a838d}.np-calendar-event{z-index:1;min-width:0;margin:2px 4px;padding:5px 7px;border-radius:4px;background:#e2ece8;border-left:2px solid #82a994;font-size:10px;line-height:1.25;display:flex;flex-direction:column;justify-content:center;gap:2px;overflow:hidden}.np-calendar-event strong{font-size:11px;overflow-wrap:anywhere}.np-calendar-event--existing{grid-column:2;grid-row:1;background:#e7edf6;border-color:#a3b7d5}.np-calendar-event--second{grid-column:3;grid-row:5}.np-appointment{grid-column:4;grid-row:4;background:#e7dff1;border-color:#9c7dbc}.np-scene.has-product-motion[data-stage="1"] .np-appointment{background:#f6f2fc;border:1px dashed #a88bc9}.np-booking-details{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:23px 20px}.np-booking-details>div{display:grid;gap:6px;font-size:12px}.np-booking-details span{color:#73808b;font-size:11px}.np-booked{color:#6a5182}
.np-woo-mark{display:inline-block;background:#8052a3;color:#fff;padding:3px 5px;border-radius:5px;font-size:12px;font-weight:600}.np-stock-request{display:flex;align-items:center;gap:12px;padding:15px;background:#f6f3fa;border-radius:9px;margin-bottom:22px}.np-stock-request p{font-size:13px;line-height:1.6}.np-stock-table{border-collapse:collapse;width:100%;table-layout:fixed}.np-stock-table th,.np-stock-table td{padding:16px 8px;border-bottom:1px solid #e9e6ed;text-align:left;font-weight:400;font-size:12px}.np-stock-table thead th{color:#76717d;font-size:11px;padding-top:0;padding-bottom:12px}.np-stock-table th:first-child{width:49%;padding-left:0}.np-stock-table th:nth-child(2){width:17%}.np-stock-table th:last-child{width:34%}.np-stock-table th>div{display:flex;align-items:center;gap:12px}.np-stock-table img{width:49px;height:54px;object-fit:cover;border-radius:5px}.np-stock-table small{display:block;color:#929098;font-size:10px;margin-top:5px}.np-stock-table td:nth-child(2){font-size:18px}.np-stock-before{display:none}.np-stock-after{display:inline}.np-scene.has-product-motion:not([data-stage="2"]) .np-stock-before{display:inline}.np-scene.has-product-motion:not([data-stage="2"]) .np-stock-after{display:none}.np-stock-available{color:#447253}.np-stock-table tbody tr{transition:background .7s}.np-scene.has-product-motion[data-stage="1"] .np-stock-table tbody tr{background:#f6f1fb}.np-stock-audit{display:grid;gap:14px;padding-top:22px}.np-stock-audit>div{display:grid;gap:3px;font-size:12px}.np-stock-audit span{color:#7c7483;font-size:11px}
@container(max-width:440px){
 .np-app-body{padding:17px}.np-app-toolbar,.np-shop-nav{padding:15px}.np-scene h3{font-size:20px}.np-ads-grid{grid-template-columns:1fr;gap:20px}.np-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.np-fields>div:first-child{padding-top:13px}.np-fields dd{font-size:12px}.np-ad-destination{padding-top:15px}.np-ad-preview{width:min(100%,280px);margin-inline:auto}.np-repair-copy{padding:17px}.np-repair-copy h3{font-size:30px}.np-repair-hero>img{height:300px}.np-repair-copy .np-ui-button{font-size:10px;padding:8px}.np-maintenance-panel{padding:17px}.np-check-list>div{font-size:11px}.np-store-layout{grid-template-columns:1fr}.np-store-product{display:grid;grid-template-columns:1fr 1fr;align-items:center}.np-store-product>img{height:220px;aspect-ratio:auto}.np-store-product>div{padding:13px}.np-store-product h3{font-size:26px}.np-store-product .np-ui-button{font-size:10px}.np-store-chat{border-left:0;border-top:1px solid #e2e6e1}.np-store-thread{flex:auto;height:420px}.np-store-message{font-size:13px}.np-chat-gallery img{max-height:150px}.np-editor-document{padding:23px 20px}.np-editor-document h3{font-size:29px}.np-search-preview{margin:0 15px 20px;padding:15px}.np-search-title{font-size:15px}.np-booking-intro{padding:16px}.np-week{margin-inline:10px}.np-week-grid{grid-template-rows:repeat(7,46px);background-size:auto 46px;background-image:linear-gradient(to bottom,transparent 45px,#e8ebed 45px)}.np-week-times{grid-template-rows:repeat(7,46px)}.np-calendar-event{padding:4px;margin-inline:2px;font-size:9px}.np-calendar-event strong{font-size:10px}.np-booking-details{padding:20px 16px;grid-template-columns:1fr}.np-stock-table th>div{gap:7px}.np-stock-table img{width:34px;height:44px}.np-stock-table th,.np-stock-table td{font-size:11px;padding-inline:4px}.np-stock-table th:first-child{width:46%}.np-stock-table th:nth-child(2){width:16%}.np-stock-table th:last-child{width:38%}
}
@media(prefers-reduced-motion:reduce){.np-scene *{transition:none!important;animation:none!important}}
