.pe-page{--pe-black: #111111;--pe-dark: #222222;--pe-mid: #555555;--pe-muted: #888888;--pe-border: #e0e0e0;--pe-border-light: #f0f0f0;--pe-bg: #fafaf8;--pe-white: #ffffff;--pe-accent: #d4401a;--pe-warn-bg: #fffaed;--pe-warn-border: #f5d06a;--pe-warn-text: #7a5200;--pe-success-bg: #edfaf2;--pe-success-text: #1a6b3a;--pe-info-bg: #edf3fd;--pe-info-text: #1a3d7a;--pe-radius: 6px;--pe-radius-lg: 10px;background:var(--pe-bg)}.pe-layout{max-width:1140px;margin:0 auto;padding:2.5rem 2rem 4rem;display:grid;grid-template-columns:1fr 480px;gap:3rem;align-items:start}.pe-image-col{position:sticky;top:80px}.pe-main-image{background:var(--pe-white);border:1px solid var(--pe-border);border-radius:var(--pe-radius-lg);aspect-ratio:1;overflow:hidden;margin-bottom:12px;display:flex;align-items:center;justify-content:center}.pe-main-image img{width:100%;height:100%;object-fit:contain;padding:1rem}.pe-main-image-placeholder{font-size:64px}.pe-thumb-row{display:flex;gap:8px;margin-bottom:16px}.pe-thumb{flex:1;aspect-ratio:1;background:var(--pe-white);border:2px solid var(--pe-border);border-radius:var(--pe-radius);overflow:hidden;cursor:pointer;transition:border-color .15s;padding:4px}.pe-thumb img{width:100%;height:100%;object-fit:contain}.pe-thumb:hover,.pe-thumb.active{border-color:var(--pe-accent)}.pe-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pe-trust-item{background:var(--pe-white);border:1px solid var(--pe-border-light);border-radius:var(--pe-radius);padding:10px 8px;text-align:center;font-size:11px;color:var(--pe-mid);line-height:1.4}.pe-trust-item strong{display:block;font-size:13px;color:var(--pe-black);margin-bottom:2px}.pe-prod-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.pe-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;letter-spacing:.04em;padding:4px 10px;border-radius:20px}.pe-badge-success{background:var(--pe-success-bg);color:var(--pe-success-text)}.pe-badge-info{background:var(--pe-info-bg);color:var(--pe-info-text)}.pe-badge-accent{background:var(--pe-accent);color:#fff}.pe-badge-oos{background:#fdecea;color:#c0392b}.pe-prod-brand{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pe-muted);margin-bottom:6px}.pe-prod-name{font-size:30px;font-weight:700;line-height:1.15;color:var(--pe-black);margin-bottom:10px}.pe-prod-desc{font-size:14px;color:var(--pe-mid);line-height:1.65;margin-bottom:14px}.pe-prod-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.pe-prod-tag{font-size:11px;padding:3px 10px;border-radius:20px;background:var(--pe-bg);border:1px solid var(--pe-border);color:var(--pe-mid)}.pe-divider{border:none;border-top:1px solid var(--pe-border-light);margin:20px 0}.pe-section-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pe-muted);margin-bottom:10px;display:flex;align-items:center;gap:8px}.pe-section-label:after{content:"";flex:1;height:1px;background:var(--pe-border-light)}.pe-size-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:6px}.pe-size-btn{padding:12px 6px;background:var(--pe-white);border:1px solid var(--pe-border);border-radius:var(--pe-radius);cursor:pointer;text-align:center;transition:border-color .15s,background .15s;font-family:inherit}.pe-size-btn:hover{border-color:#bbb}.pe-size-btn.selected{border:2px solid var(--pe-black);background:var(--pe-black)}.pe-sz{font-size:15px;font-weight:700;display:block;color:var(--pe-black);line-height:1}.pe-size-btn.selected .pe-sz{color:var(--pe-white)}.pe-sz-price{font-size:12px;color:var(--pe-muted);display:block;margin-top:4px;line-height:1}.pe-size-btn.selected .pe-sz-price{color:#aaa}.pe-size-coverage{font-size:12px;color:var(--pe-muted);margin-top:6px}.pe-colour-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pe-colour-type-btn{padding:14px 16px;background:var(--pe-white);border:1px solid var(--pe-border);border-radius:var(--pe-radius-lg);cursor:pointer;display:flex;align-items:center;gap:14px;text-align:left;transition:border-color .15s;font-family:inherit;width:100%}.pe-colour-type-btn:hover{border-color:#bbb}.pe-colour-type-btn.selected{border:2px solid var(--pe-black)}.pe-colour-swatch-icon{width:42px;height:42px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px}.pe-ctype-title{font-size:14px;font-weight:700;color:var(--pe-black);margin-bottom:3px;line-height:1}.pe-ctype-sub{font-size:12px;color:var(--pe-muted);line-height:1.3}.pe-colour-detail{margin-top:14px;display:none}.pe-colour-detail.visible{display:block}.pe-method-tabs{display:flex;border:1px solid var(--pe-border);border-radius:var(--pe-radius);overflow:hidden;margin-bottom:14px}.pe-method-tab{flex:1;padding:9px 12px;background:var(--pe-white);border:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--pe-muted);display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,color .15s;font-family:inherit}.pe-method-tab+.pe-method-tab{border-left:1px solid var(--pe-border)}.pe-method-tab.active{background:var(--pe-black);color:var(--pe-white)}.pe-method-tab svg{width:15px;height:15px;flex-shrink:0}.pe-method-panel{display:none}.pe-method-panel.active{display:block}.pe-swatch-intro{font-size:12px;color:var(--pe-muted);margin-bottom:15px;line-height:1.5}.pe-swatch-search{width:100%;padding:8px 12px;border:1px solid var(--pe-border);border-radius:var(--pe-radius);font-size:13px;font-family:inherit;color:var(--pe-black);margin-bottom:14px;box-sizing:border-box}.pe-swatch-search:focus{outline:none;border-color:var(--pe-black)}.pe-chart-container{max-height:280px;overflow-y:auto;border:1px solid var(--pe-border-light);border-radius:var(--pe-radius);padding:10px;margin-bottom:12px}.pe-page .pe-chart-container .shadepicker-shades-inner{display:grid!important;grid-template-columns:repeat(8,1fr)!important;gap:6px!important}.pe-page .pe-chart-container .shadepick-shade{aspect-ratio:1!important;border-radius:5px!important;cursor:pointer!important;border:2px solid transparent!important;position:relative!important;transition:transform .12s,border-color .12s!important;overflow:visible!important;width:auto!important;height:auto!important;float:none!important;display:block!important}.pe-page .pe-chart-container .shadepick-shade:hover{transform:scale(1.15);z-index:2}.pe-page .pe-chart-container .shadepick-shade[data-pe-invalid=true]{display:none!important}.pe-page .pe-chart-container .shadepick-shade.pe-selected{border-color:var(--pe-black)!important;box-shadow:0 0 0 2px var(--pe-white),0 0 0 4px var(--pe-black)}.pe-page .pe-chart-container .shade-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.pe-page .pe-chart-container .shadepick-shade-name{display:none!important}.pe-page .pe-chart-container .shadepick-shade-swatch{width:100%!important;height:100%!important;border-radius:3px!important}.pe-page .pe-chart-container .shadepick-shade:after{content:attr(data-shade-name);position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);background:var(--pe-black);color:#fff;font-size:10px;padding:3px 7px;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:30}.pe-page .pe-chart-container .shadepick-shade:hover:after{opacity:1}.pe-selected-bar{display:none;align-items:center;gap:10px;padding:10px 12px;background:var(--pe-bg);border:1px solid var(--pe-border);border-radius:var(--pe-radius);font-size:13px;margin-bottom:10px}.pe-selected-bar.visible{display:flex}.pe-selected-circle{width:24px;height:24px;border-radius:50%;flex-shrink:0;border:1px solid var(--pe-border)}.pe-selected-name{font-weight:600;color:var(--pe-black)}.pe-clear-btn{margin-left:auto;background:none;border:none;cursor:pointer;font-size:12px;color:var(--pe-muted);font-family:inherit}.pe-clear-btn:hover{color:var(--pe-black)}.pe-match-intro{font-size:12px;color:var(--pe-mid);line-height:1.65;margin-bottom:14px}.pe-match-intro p{margin-bottom:0}.pe-field{margin-bottom:12px}.pe-field label{display:block;font-size:12px;font-weight:600;color:var(--pe-mid);margin-bottom:5px;letter-spacing:.03em}.pe-field input[type=text]{width:100%;padding:10px 12px;background:var(--pe-white);border:1px solid var(--pe-border);border-radius:var(--pe-radius);font-size:14px;font-family:inherit;color:var(--pe-black);transition:border-color .15s;box-sizing:border-box}.pe-field input[type=text]:focus{outline:none;border-color:var(--pe-black)}.pe-field input::placeholder{color:#bbb}.pe-notice{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--pe-radius);font-size:13px;line-height:1.55;margin-bottom:10px}.pe-notice-warn{background:var(--pe-warn-bg);border:1px solid var(--pe-warn-border);color:var(--pe-warn-text)}.pe-notice-info{background:var(--pe-info-bg);border:1px solid #b8d0f8;color:var(--pe-info-text)}.pe-notice svg{width:16px;height:16px;flex-shrink:0;margin-top:1px}.pe-price-block{background:var(--pe-white);border:1px solid var(--pe-border);border-radius:var(--pe-radius-lg);padding:16px 18px;margin-top:20px}.pe-price-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}.pe-price-main-group{display:flex;align-items:baseline;gap:8px}.pe-price-compare{font-size:18px;color:#c0392b;text-decoration:line-through}.pe-price-main{font-size:34px;font-weight:700;color:var(--pe-black)}.pe-price-vat{font-size:13px;color:var(--pe-muted);margin-left:4px}.pe-price-excl{font-size:12px;color:var(--pe-muted);margin-bottom:8px}.pe-surcharge-badge{display:none;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--pe-warn-text);background:var(--pe-warn-bg);border:1px solid var(--pe-warn-border);padding:4px 10px;border-radius:20px}.pe-surcharge-badge.visible{display:inline-flex}.pe-delivery-note{font-size:12px;color:var(--pe-mid);display:flex;align-items:center;gap:6px;margin-bottom:14px}.pe-delivery-note svg{width:14px;height:14px;color:var(--pe-success-text);flex-shrink:0}.pe-qty-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.pe-qty-label{font-size:13px;font-weight:600;color:var(--pe-mid)}.pe-qty-ctrl{display:flex;align-items:center;border:1px solid var(--pe-border);border-radius:var(--pe-radius);overflow:hidden}.pe-qty-ctrl button{width:36px;height:36px;background:var(--pe-bg);border:none;cursor:pointer;font-size:20px;color:var(--pe-black);display:flex;align-items:center;justify-content:center;transition:background .12s;font-family:inherit;line-height:1}.pe-qty-ctrl button:hover{background:var(--pe-border-light)}.pe-qty-ctrl span{width:40px;text-align:center;font-size:15px;font-weight:700}.pe-atc-btn{width:100%;padding:15px;background:var(--pe-black);color:var(--pe-white);border:none;border-radius:var(--pe-radius-lg);font-size:18px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .15s,transform .1s;font-family:inherit}.pe-atc-btn:hover:not(:disabled){background:var(--pe-dark)}.pe-atc-btn:active:not(:disabled){transform:scale(.99)}.pe-atc-btn:disabled{background:#ccc;cursor:not-allowed}.pe-atc-btn svg{width:20px;height:20px}.pe-colour-req{display:none;text-align:center;font-size:12px;color:var(--pe-accent);margin-top:8px;font-weight:600}.pe-colour-req.visible{display:block}.pe-accordion{border-top:1px solid var(--pe-border-light);margin-top:24px}.pe-acc-item{border-bottom:1px solid var(--pe-border-light)}.pe-acc-header{width:100%;background:none;border:none;cursor:pointer;padding:14px 0;display:flex;align-items:center;justify-content:space-between;font-family:inherit;font-size:14px;font-weight:700;color:var(--pe-black);text-align:left}.pe-acc-header svg{width:16px;height:16px;color:var(--pe-muted);transition:transform .2s;flex-shrink:0}.pe-acc-header.open svg{transform:rotate(180deg)}.pe-acc-body{display:none;padding-bottom:14px;font-size:13px;color:var(--pe-mid);line-height:1.7}.pe-acc-body.open{display:block}.pe-acc-body ul{padding-left:16px}.pe-acc-body li{margin-bottom:4px}.pe-acc-body p{margin-bottom:8px}@media(max-width:900px){.pe-layout{grid-template-columns:1fr;gap:2rem;padding:1.5rem 1rem 3rem}.pe-image-col{position:static}}@media(max-width:600px){.pe-size-grid{grid-template-columns:repeat(2,1fr)}.pe-page .pe-chart-container .shadepicker-shades-inner{grid-template-columns:repeat(6,1fr)!important}.pe-colour-type-grid{grid-template-columns:1fr}.pe-trust-row{grid-template-columns:repeat(3,1fr)}}.pe-notice.pe-notice-warn p,.pe-match-intro p{font-size:13px}.pe-acc-body p{font-size:14px}.pe-notice.pe-notice-info p{font-size:13px}.popup.popup-content-div#popup-product-page{display:none}
/*# sourceMappingURL=/cdn/shop/t/102/assets/paintlab-emulsion.css.map */
