@charset "UTF-8";body.stpc-flyout-open{overflow:hidden}.stpc-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stpc-customise-cta{margin:1.5rem 0 .5rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;color:#333}.stpc-customise-cta__heading{font-size:.85rem;font-weight:700;margin:0;line-height:.3}.stpc-customise-cta__description{margin:0;font-size:.8rem;line-height:1.5;color:#555}.stpc-customise-cta__inner{gap:.85rem}.stpc-customise-cta__icon,.stpc-customise-cta__inner{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.stpc-customise-cta__icon{width:2.25rem;height:2.25rem;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.stpc-customise-cta__icon-svg{width:2rem;height:2rem}.stpc-customise-cta__label{font-size:1rem;font-weight:600;white-space:normal}.stpc-customise-cta__chevron{width:1.25rem;height:1.25rem;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;transition:transform .2s ease;-ms-flex-negative:0;flex-shrink:0}.stpc-customise-cta__chevron svg{width:100%;height:100%}.stpc-open-customisation{position:relative;width:100%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:1rem;padding:0 1.5rem;min-height:50px;border-radius:.5rem;border:2px solid transparent;background:linear-gradient(#f8f8fa,#f8f8fa) padding-box,linear-gradient(95deg,#b155ff,#2aa7ff 55%,#32c8ff) border-box;color:#333;font-size:1rem;font-weight:600;text-align:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px rgba(42,167,255,.12);text-decoration:none}.stpc-open-customisation:focus-visible,.stpc-open-customisation:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(50,200,255,.18)}.stpc-open-customisation:focus-visible .stpc-customise-cta__chevron,.stpc-open-customisation:hover .stpc-customise-cta__chevron{transform:translateX(4px)}.stpc-open-customisation:focus-visible{outline:none}.stpc-open-customisation.disabled,.stpc-open-customisation[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none;filter:grayscale(.3)}.stpc-open-customisation.disabled:focus-visible,.stpc-open-customisation.disabled:hover,.stpc-open-customisation[disabled]:focus-visible,.stpc-open-customisation[disabled]:hover{transform:none;box-shadow:0 4px 12px rgba(42,167,255,.12)}.stpc-open-customisation.disabled:focus-visible .stpc-customise-cta__chevron,.stpc-open-customisation.disabled:hover .stpc-customise-cta__chevron,.stpc-open-customisation[disabled]:focus-visible .stpc-customise-cta__chevron,.stpc-open-customisation[disabled]:hover .stpc-customise-cta__chevron{transform:none}.stpc-flyout-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:2000000001!important;opacity:0;visibility:hidden;transition:all .3s ease}.stpc-flyout-overlay.stpc-active{opacity:1;visibility:visible}.stpc-flyout-overlay.stpc-active .stpc-flyout-panel{transform:translateX(0)}body.admin-bar .stpc-flyout-overlay{top:32px}@media screen and (max-width:782px){body.admin-bar .stpc-flyout-overlay{top:46px}}.stpc-flyout-panel{position:fixed;top:0;right:0;bottom:0;width:90%;max-width:700px;background:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;transform:translateX(100%);transition:transform .3s ease;box-shadow:-5px 0 20px rgba(0,0,0,.2)}body.admin-bar .stpc-flyout-panel{top:32px}@media screen and (max-width:782px){body.admin-bar .stpc-flyout-panel{top:46px}}@media (max-width:768px){.stpc-flyout-panel{width:100%;max-width:none}}.stpc-flyout-panel.stpc-loading .stpc-flyout-content,.stpc-flyout-panel.stpc-loading .stpc-flyout-footer,.stpc-flyout-panel.stpc-loading .stpc-flyout-header{opacity:0;transition:opacity .3s ease}.stpc-flyout-panel.stpc-loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid #ddd;border-top-color:#4a90e2;border-radius:50%;animation:a .8s linear infinite}.stpc-flyout-panel:not(.stpc-loading) .stpc-flyout-content,.stpc-flyout-panel:not(.stpc-loading) .stpc-flyout-footer,.stpc-flyout-panel:not(.stpc-loading) .stpc-flyout-header{opacity:1;transition:opacity .3s ease}@keyframes a{to{transform:rotate(1turn)}}.stpc-flyout-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:10px 15px;border-bottom:1px solid #ddd;background:#fff;position:sticky;top:0;z-index:100;gap:15px}@media (max-width:768px){.stpc-flyout-header{padding:10px 12px;gap:10px}}.stpc-progress-indicator{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex:1;flex:1;position:relative;max-width:400px;margin:0 auto}@media (max-width:768px){.stpc-progress-indicator{max-width:300px;-ms-flex-align:center;align-items:center}}.stpc-progress-indicator:before{content:"";position:absolute;left:14px;right:14px;top:14px;height:2px;background:#e0e0e0;z-index:1}@media (max-width:768px){.stpc-progress-indicator:before{left:12px;right:12px;top:50%;transform:translateY(-50%)}}.stpc-progress-step{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:3px;position:relative;z-index:2}@media (max-width:768px){.stpc-progress-step{gap:0;-ms-flex-pack:center;justify-content:center}}.stpc-progress-step--colour{transform-origin:center;position:relative;min-height:48px}@media (max-width:768px){.stpc-progress-step--colour{min-height:auto}}.stpc-progress-circle{width:28px;height:28px;border-radius:50%;background:#e0e0e0;border:2px solid #e0e0e0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;transition:all .3s ease}@media (max-width:768px){.stpc-progress-circle{width:24px;height:24px;border-width:1.5px}}.stpc-progress-circle .stpc-progress-number{font-weight:700;font-size:13px;color:#999;transition:all .3s ease}@media (max-width:768px){.stpc-progress-circle .stpc-progress-number{font-size:11px}}.stpc-progress-circle .stpc-progress-check{position:absolute;opacity:0;transform:scale(0);transition:all .3s ease}.stpc-progress-label{font-size:10px;color:#666;font-weight:500;transition:opacity .2s ease,color .3s ease;white-space:nowrap}@media (max-width:768px){.stpc-progress-label{display:none}}.stpc-progress-step--colour .stpc-progress-label{position:absolute;bottom:0;left:50%;transform:translateX(-50%)}@media (max-width:768px){.stpc-progress-step--colour .stpc-progress-label{display:none!important}}.stpc-progress-step--colour .stpc-progress-label--dyesub,.stpc-progress-step--colour .stpc-progress-label--vinyl{transition:opacity .2s ease}.stpc-progress-line{display:none}.stpc-progress-hidden{display:none!important}.stpc-progress-collapsing-step{animation:b .3s forwards ease}.stpc-progress-expanding-step{animation:c .35s forwards ease}.stpc-progress-collapsing-line{animation:d .25s forwards ease}.stpc-progress-expanding-line{animation:e .3s forwards ease}.stpc-progress-collapsing-line,.stpc-progress-collapsing-step{pointer-events:none}@keyframes b{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.7)}}@keyframes c{0%{opacity:0;transform:translateY(-8px) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes d{0%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}@keyframes e{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.stpc-progress-step.stpc-progress-active .stpc-progress-circle{background:#333;border-color:#333}.stpc-progress-step.stpc-progress-active .stpc-progress-circle .stpc-progress-number{color:#fff}.stpc-progress-step.stpc-progress-active .stpc-progress-label{color:#333;font-weight:600}.stpc-progress-step.stpc-progress-complete .stpc-progress-circle{background:#2f9d32;border-color:#2f9d32}.stpc-progress-step.stpc-progress-complete .stpc-progress-circle .stpc-progress-number{opacity:0;transform:scale(0)}.stpc-progress-step.stpc-progress-complete .stpc-progress-circle .stpc-progress-check{opacity:1;transform:scale(1)}.stpc-progress-step.stpc-progress-complete .stpc-progress-label{color:#4caf50}.stpc-back-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:6px;background:none;border:none;font-size:14px;color:#333;cursor:pointer;padding:6px 10px;border-radius:4px;transition:all .3s ease;-ms-flex-negative:0;flex-shrink:0}.stpc-back-button:hover{background:#f5f5f5}.stpc-back-button svg{-ms-flex-negative:0;flex-shrink:0}@media (max-width:768px){.stpc-back-button span{display:none}}.stpc-close-button{background:none;border:none;color:#999;cursor:pointer;padding:6px;border-radius:4px;transition:all .3s ease;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.stpc-close-button:hover{background:#f5f5f5;color:#333}.stpc-flyout-content{-ms-flex:1;flex:1;position:relative;overflow:hidden;background:#fff}.stpc-slide-track{transition:transform .4s ease;width:100%;will-change:transform}.stpc-slide-track,.stpc-step{display:-ms-flexbox;display:flex;height:100%}.stpc-step{-ms-flex:0 0 100%;flex:0 0 100%;-ms-flex-direction:column;flex-direction:column;padding:24px;background:#fff;transition:opacity .3s ease;opacity:0;pointer-events:none}@media (max-width:768px){.stpc-step{padding:20px 16px}}.stpc-step.stpc-step-active{opacity:1;pointer-events:auto}.stpc-step-header{gap:14px;margin-bottom:.5rem}.stpc-step-header,.stpc-step-number{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.stpc-step-number{-ms-flex-negative:0;flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:50%;background:#333;color:#fff;-ms-flex-pack:center;justify-content:center;font-weight:700;font-size:16px}.stpc-step-title{margin:0;font-size:18px;font-weight:600;color:#333}.stpc-step-body{-ms-flex:1;flex:1;overflow-y:auto;padding-top:6px;padding-right:6px}@media (max-width:768px){.stpc-step-body{padding-right:0}}.stpc-step-body p{font-size:14px}.stpc-intro-text{margin-bottom:20px;font-size:14px;color:#333}.stpc-intro-text h3{font-size:17px;margin-top:1rem;margin-bottom:10px;font-weight:600;color:#333}.stpc-intro-text p{font-size:14px;margin-bottom:10px;line-height:1.5}.stpc-step-3 .stpc-step-body{padding-top:1rem}@keyframes f{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes g{0%,to{transform:scale(1);box-shadow:0 0 0 0 rgba(74,144,226,0)}50%{transform:scale(1.05);box-shadow:0 0 0 6px rgba(74,144,226,.3)}}.stpc-print-methods{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));-ms-flex-align:stretch;align-items:stretch}.stpc-method-card{background:#fff;border:2px solid #ddd;border-radius:8px;padding:20px;cursor:pointer;transition:all .3s ease}.stpc-method-card:hover{border-color:rgb(195.5,195.5,195.5);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.stpc-method-card.selected{border-color:#4a90e2;box-shadow:0 4px 12px rgba(74,144,226,.2)}.stpc-method-card{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;outline:none}.stpc-method-card.selected{background:#fff;border-color:#2f9d32;box-shadow:0 0 0 3px rgba(47,157,50,.18)}.stpc-method-card.selected:hover{border-color:#2f9d32;box-shadow:0 0 0 3px rgba(47,157,50,.24)}.stpc-method-card:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.stpc-method-card-inner{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:14px;width:100%}.stpc-method-thumb{border-radius:6px;overflow:hidden;background:#f2f2f2;max-height:200px}.stpc-method-thumb img{display:block;width:100%;height:100%;object-fit:cover}.stpc-method-heading{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;gap:12px}.stpc-method-copy{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:4px}.stpc-method-indicator{width:22px;height:22px;border-radius:50%;border:2px solid #ddd;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;margin-top:2px;transition:all .3s ease;background:#fff;color:#fff;font-size:12px;font-weight:700}.stpc-method-indicator:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);opacity:0;transition:all .3s ease}.stpc-method-card.selected .stpc-method-indicator{border-color:#2f9d32;background:#2f9d32}.stpc-method-card.selected .stpc-method-indicator:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.stpc-method-copy h3{margin:0;font-size:18px;font-weight:600}.stpc-method-price{margin-top:6px;font-size:15px;font-style:italic;color:#2f9d32;font-weight:600}.stpc-method-card p{margin:0;color:#555;line-height:1.5;font-size:14px}.stpc-method-card p:last-child{margin-bottom:0}.stpc-sidewalls-toggle{margin-bottom:12px}.stpc-sidewalls-options{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px 20px;margin-bottom:18px}.stpc-radio-option{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:#333;margin-bottom:0}.stpc-radio-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.stpc-radio-option .stpc-radio-indicator{width:22px;height:22px;border-radius:50%;border:2px solid #ddd;transition:all .3s ease;position:relative;-ms-flex-negative:0;flex-shrink:0;background:#fff}.stpc-radio-option .stpc-radio-indicator:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.4);color:#fff;font-size:14px;font-weight:700;transition:all .3s ease;opacity:0}.stpc-radio-option .stpc-radio-label{font-weight:600;font-size:14px;line-height:1.4}.stpc-radio-option input[type=radio]:checked+.stpc-radio-indicator{border-color:#2f9d32;background:#2f9d32}.stpc-radio-option input[type=radio]:checked+.stpc-radio-indicator:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.stpc-step-3-sides .stpc-sides-intro{margin-bottom:20px;color:#333;font-size:14px}.stpc-sidewall-options{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width:768px){.stpc-sidewall-options{grid-template-columns:1fr}}.stpc-sidewall-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;transition:all .2s ease}.stpc-sidewall-card:hover{border-color:rgb(195.5,195.5,195.5);box-shadow:0 2px 8px rgba(0,0,0,.08)}.stpc-sidewall-title{margin:0 0 16px;font-size:16px;font-weight:600;color:#333}.stpc-sidewall-radio-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:12px}.stpc-sidewall-radio-option{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px;padding:14px 16px;border:2px solid #ddd;border-radius:6px;cursor:pointer;transition:all .2s ease;background:#fff}.stpc-sidewall-radio-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.stpc-sidewall-radio-option .stpc-radio-checkmark{width:22px;height:22px;border:2px solid #ddd;border-radius:50%;position:relative;-ms-flex-negative:0;flex-shrink:0;transition:all .2s ease;background:#fff}.stpc-sidewall-radio-option .stpc-radio-checkmark:after{content:"✓";position:absolute;top:50%;left:50%;font-size:14px;font-weight:700;color:#fff;opacity:0;transform:translate(-50%,-50%) scale(0);transition:all .2s ease}.stpc-sidewall-radio-option .stpc-radio-content{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.stpc-sidewall-radio-option .stpc-radio-text{font-size:15px;font-weight:500;color:#333}.stpc-sidewall-radio-option .stpc-radio-price{font-size:16px;font-weight:700;color:#333}.stpc-sidewall-radio-option:hover{border-color:rgb(182.75,182.75,182.75);background:#fff}.stpc-sidewall-radio-option.stpc-radio-selected{border-color:#2f9d32;background:rgb(196.125,237.375,197.25)}.stpc-sidewall-radio-option.stpc-radio-selected .stpc-radio-checkmark{border-color:#2f9d32;background:#2f9d32}.stpc-sidewall-radio-option.stpc-radio-selected .stpc-radio-checkmark:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.stpc-sidewall-radio-option.stpc-radio-selected .stpc-radio-price,.stpc-sidewall-radio-option.stpc-radio-selected .stpc-radio-text{color:rgb(41.125,137.375,43.75)}.stpc-no-sidewalls-message{text-align:center;padding:40px 30px;color:#333;background:#f8f8f8;border-radius:8px;border:1px solid #e5e5e5}.stpc-no-sidewalls-message p{margin:0 0 12px;font-size:15px;line-height:1.5}.stpc-no-sidewalls-message p:last-child{margin-bottom:0}.stpc-no-sidewalls-message .stpc-helpful-text{color:#666;font-size:14px}.stpc-diagram-container{margin-bottom:12px;background:#f9f9f9;border-radius:6px;padding:12px;overflow:hidden;position:relative}.stpc-diagram-wrapper{position:relative;width:100%;overflow:hidden;-ms-touch-action:pan-x pan-y pinch-zoom;touch-action:pan-x pan-y pinch-zoom}.stpc-sidewall-warning-popup{position:absolute;top:0;left:5%;right:5%;background-color:rgba(255,249,196,.925);border:1px solid rgba(0,0,0,.15);border-radius:12px;padding:15px 40px 15px 20px;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.08);box-sizing:border-box}@media (max-width:768px){.stpc-sidewall-warning-popup{left:0;right:0;width:100%}}.stpc-sidewall-warning-popup .stpc-popup-close{position:absolute;top:4px;right:4px;background:none;border:none;cursor:pointer;padding:8px;color:#000}.stpc-sidewall-warning-popup .stpc-popup-close:hover{opacity:.7;cursor:pointer}.stpc-sidewall-warning-popup .stpc-popup-content p{margin:0 0 .5rem;font-size:14px;line-height:1.4;color:#000;font-weight:500}.stpc-diagram svg{width:100%;height:auto;display:block}.stpc-diagram-key{gap:20px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:18px}.stpc-diagram-key,.stpc-diagram-key .stpc-diagram-key-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.stpc-diagram-key .stpc-diagram-key-item{gap:8px;font-size:14px;font-weight:600;color:#333}.stpc-diagram-key .stpc-diagram-key-swatch{width:18px;height:18px;border-radius:4px;border:1px solid rgba(0,0,0,.1);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.6);background:#e5e7eb}.stpc-diagram-key .stpc-diagram-key-swatch--canopy{background:var(--stpc-colour-canopy,#4ade80)}.stpc-diagram-key .stpc-diagram-key-swatch--valance{background:var(--stpc-colour-valance,#c084fd)}.stpc-diagram-key .stpc-diagram-key-swatch--sidewalls{background:var(--stpc-colour-sidewalls,#c084fd)}@media (max-width:768px){.stpc-diagram-wrapper{overflow:auto;-webkit-overflow-scrolling:touch}.stpc-diagram svg{min-width:500px;cursor:grab}.stpc-diagram svg:active{cursor:grabbing}}.stpc-selected-areas strong{display:block;margin-bottom:10px;font-weight:600}.stpc-area-tags{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.stpc-area-tag{--stpc-area-colour:$primary-color;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:8px;padding:6px 12px;background:var(--stpc-area-colour);color:#fff;border-radius:999px;border:none;font-size:13px;font-weight:600;line-height:1;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;box-shadow:0 4px 12px rgba(0,0,0,.15);appearance:none;-webkit-appearance:none;white-space:nowrap;position:relative}.stpc-area-tag:hover{transform:translateY(-1px);filter:brightness(.95)}.stpc-area-tag:focus-visible{outline:2px solid hsla(0,0%,100%,.7);outline-offset:3px}.stpc-area-tag .stpc-area-tag-label,.stpc-area-tag .stpc-area-tag__name{display:inline-block}.stpc-area-tag .stpc-remove-area{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:hsla(0,0%,100%,.2);color:#fff;font-size:14px;line-height:1;border:none;cursor:pointer;padding:0;margin-right:-4px;transition:background .2s ease}.stpc-area-tag .stpc-remove-area:hover{background:hsla(0,0%,100%,.3)}.stpc-area-tag .stpc-area-tag-close{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:hsla(0,0%,100%,.2);color:#fff;font-size:14px;line-height:1;pointer-events:none;margin-right:-4px}.stpc-area-tag .stpc-area-tag-price,.stpc-area-tag .stpc-area-tag__price{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding:2px 8px;border-radius:999px;background:hsla(0,0%,100%,.22);font-size:12px;font-weight:700;line-height:1;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.18)}.stpc-area-tag.stpc-area-tag--canopy{--stpc-area-colour:var(--stpc-colour-canopy,rgb(74 222 128))}.stpc-area-tag.stpc-area-tag--valance{--stpc-area-colour:var(--stpc-colour-valance,rgb(192 132 253))}.stpc-area-tag.stpc-area-tag--sidewall,.stpc-area-tag.stpc-area-tag--sidewalls{--stpc-area-colour:var(--stpc-colour-sidewalls,rgb(192 132 253))}.stpc-area-tag.stpc-area-tag--locked{cursor:default}.stpc-area-tag.stpc-area-tag--locked:hover{transform:none;filter:none}.stpc-area-tag.stpc-area-tag--locked .stpc-remove-area{display:none}.stpc-tooltip-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:1rem;height:1rem;font-size:.7em;font-weight:700;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:1px solid hsla(0,0%,100%,.3);line-height:1;-ms-flex-negative:0;flex-shrink:0;margin-right:4px;position:relative}.stpc-tooltip{position:absolute;bottom:calc(100% + 8px);left:0;transform:translateY(4px);background:rgba(0,0,0,.9);color:#fff;padding:12px 16px;border-radius:6px;font-size:13px;font-weight:400;line-height:1.5;white-space:normal;min-width:320px;max-width:360px;text-align:left;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s ease;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.3)}.stpc-tooltip:after{content:"";position:absolute;top:100%;left:8px;border:6px solid transparent;border-top-color:rgba(0,0,0,.9)}.stpc-tooltip.stpc-tooltip--visible{opacity:1;visibility:visible;transform:translateY(0)}.stpc-no-areas{color:#999;font-style:italic;font-size:14px}.stpc-colour-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:20px 28px;margin:4px 0 16px}.stpc-colour-card{appearance:none;background:none;border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:.5rem;text-align:center;cursor:pointer;color:#333;transition:box-shadow .2s ease;min-width:96px}.stpc-colour-card:focus{outline:none}.stpc-colour-card:focus-visible .stpc-colour-swatch:after{border-color:#2f9d32;box-shadow:0 0 0 4px rgba(47,157,50,.28)}.stpc-colour-card:hover .stpc-colour-swatch:after{border-color:rgba(47,157,50,.6);box-shadow:0 0 0 4px rgba(47,157,50,.16)}.stpc-colour-card.selected .stpc-colour-swatch:after{border-color:#2f9d32;box-shadow:0 0 0 4px rgba(47,157,50,.3)}.stpc-colour-card.selected .stpc-colour-label{font-weight:700;color:#333}.stpc-colour-swatch{width:56px;height:56px;border-radius:50%;position:relative;background:#fff;border:1px solid rgba(15,23,42,.18);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.3)}.stpc-colour-swatch:before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--stpc-swatch-primary,#f3f4f6);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.5);transition:background .2s ease}.stpc-colour-swatch:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid transparent;box-shadow:0 0 0 0 transparent;transition:border-color .2s ease,box-shadow .2s ease;pointer-events:none}.stpc-colour-card[data-dual=true] .stpc-colour-swatch:before{background:linear-gradient(135deg,var(--stpc-swatch-primary,#f3f4f6) 49%,var(--stpc-swatch-secondary,#f3f4f6) 51% 100%);background-size:100% 100%}.stpc-colour-label{font-size:14px;font-weight:600;line-height:1.3;color:#4b5563;min-height:1.4em}@media (prefers-reduced-motion:reduce){.stpc-colour-card,.stpc-colour-swatch:after{transition:none}}.stpc-upload-area{border:2px dashed #ddd;border-radius:6px;padding:25px 15px;text-align:center;cursor:pointer;transition:all .3s ease;margin-bottom:12px}.stpc-upload-area.stpc-drag-over,.stpc-upload-area:hover{border-color:#4a90e2;background:#fff}.stpc-upload-area .stpc-upload-icon{width:36px;height:36px;margin:0 auto 10px;color:#999}.stpc-upload-area .stpc-upload-text{font-size:15px;font-weight:600;margin:0 0 4px}.stpc-upload-area .stpc-upload-types{font-size:13px;color:#666;margin:0}.stpc-uploaded-files{margin-bottom:15px}.stpc-file-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px;padding:10px 12px;background:#f9f9f9;border-radius:6px;margin-bottom:8px;transition:all .3s ease;border-left:3px solid transparent}.stpc-file-item.stpc-file-removing,.stpc-file-item.stpc-file-uploading{opacity:.6}.stpc-file-item.stpc-file-error{background:#fee;border-left:3px solid #c00}.stpc-file-item.stpc-file-success{background:rgba(47,157,50,.1);border-left-color:#2f9d32}.stpc-file-item.stpc-file-success .stpc-file-status{color:rgb(41.125,137.375,43.75)}.stpc-file-item.stpc-file-success .stpc-file-progress{background:rgba(47,157,50,.25)}.stpc-file-item.stpc-file-success .stpc-file-progress .stpc-file-progress-bar{background:#2f9d32}.stpc-file-item .stpc-file-icon{font-size:20px}.stpc-file-item .stpc-file-info{-ms-flex:1;flex:1}.stpc-file-item .stpc-file-name{font-weight:600;margin-bottom:2px;word-break:break-all;font-size:14px}.stpc-file-item .stpc-file-status{font-size:12px;color:#666}.stpc-file-item .stpc-file-progress{margin-top:6px;height:4px;width:100%;background:rgba(74,144,226,.2);border-radius:999px;overflow:hidden}.stpc-file-item .stpc-file-progress.stpc-file-progress--hidden{display:none}.stpc-file-item .stpc-file-progress .stpc-file-progress-bar{height:100%;width:0;background:#4a90e2;transition:width .2s ease}.stpc-file-item .stpc-file-remove{background:none;border:none;font-size:18px;color:#999;cursor:pointer;padding:4px 8px;transition:all .3s ease}.stpc-file-item .stpc-file-remove:disabled{opacity:.4;cursor:not-allowed}.stpc-file-item .stpc-file-remove:hover{color:#c00}.stpc-design-notes{margin-bottom:15px}.stpc-design-notes label{display:block;margin-bottom:6px;font-weight:600;font-size:14px}.stpc-design-notes textarea{width:100%;padding:10px;border:2px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;line-height:1.4;resize:vertical;min-height:160px;transition:all .3s ease}.stpc-design-notes textarea:focus{outline:none;border-color:#4a90e2}.stpc-upload-disclaimer{padding:12px;background:#fff9e6;border-left:3px solid #ffc107;border-radius:4px;font-size:13px;line-height:1.4}.stpc-upload-disclaimer p{margin:0}.stpc-flyout-footer{border-top:2px solid #ddd;background:#fff;padding:0 15px 15px;z-index:10}.stpc-pricing-summary{margin-bottom:15px;position:relative}.stpc-pricing-breakdown-wrapper{position:absolute;bottom:100%;left:-15px;right:-15px;background:#fff;border-top:1px solid #ddd;padding:0 15px;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s ease,opacity .5s ease,padding .5s ease}.stpc-pricing-summary.stpc-pricing-expanded .stpc-pricing-breakdown-wrapper,.stpc-pricing-summary.stpc-pricing-pinned .stpc-pricing-breakdown-wrapper,.stpc-pricing-summary:not(.stpc-pricing-collapsed) .stpc-pricing-breakdown-wrapper:hover,.stpc-pricing-summary:not(.stpc-pricing-collapsed):has(.stpc-combined-amount:hover) .stpc-pricing-breakdown-wrapper{max-height:600px;overflow-y:auto;opacity:1;padding:8px 15px}.stpc-price-row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:6px 0;font-size:14px}.stpc-price-row.stpc-combined-total{padding:12px 15px;margin:0 -15px;font-size:17px}.stpc-price-row.stpc-combined-total .stpc-price{color:#4a90e2}.stpc-price-row.stpc-printing-subtotal{font-weight:600}.stpc-price-row.stpc-printing-discount{color:#22c55e}.stpc-price-row.stpc-printing-discount .stpc-discount-label{font-weight:500}.stpc-price-row.stpc-printing-discount .stpc-discount-amount,.stpc-price-row.stpc-printing-total{font-weight:600}.stpc-printing-selections-header{font-weight:600;padding:8px 0 4px;font-size:14px}.stpc-product-price{font-weight:600}.stpc-discount-note{font-size:12px;color:#666;font-style:italic;padding-bottom:6px}.stpc-combined-amount{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:6px;cursor:pointer;padding:4px 10px;margin:-4px -10px;border-radius:20px;transition:background .2s ease,transform .15s ease}.stpc-combined-amount:hover{background:rgba(74,144,226,.1);transform:scale(1.02)}.stpc-info-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:1.35em;height:1.35em;font-size:.7em;font-weight:700;border-radius:50%;background:#000;color:#fff;border:1px solid hsla(0,0%,100%,.3);line-height:1;text-transform:uppercase}.stpc-breakdown-pin-row{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;padding-bottom:8px;margin:0 -15px 4px;padding-left:15px;padding-right:15px;border-bottom:1px solid hsla(0,0%,88%,.5411764706)}.stpc-breakdown-pin{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:6px;background:none;border:none;padding:4px 8px;margin:-4px -8px;border-radius:4px;cursor:pointer;color:#333;font-size:12px;font-weight:500;transition:background .2s ease,color .2s ease}.stpc-breakdown-pin .stpc-pin-icon{display:block}.stpc-breakdown-pin .stpc-unpin-icon{display:none}.stpc-breakdown-pin .stpc-pin-text{display:inline}.stpc-breakdown-pin .stpc-unpin-text{display:none}.stpc-breakdown-pin svg{width:16px;height:16px}.stpc-breakdown-pin:hover{background:#f0f0f0;color:#000}.stpc-pricing-summary.stpc-pricing-pinned .stpc-breakdown-pin .stpc-pin-icon{display:none}.stpc-pricing-summary.stpc-pricing-pinned .stpc-breakdown-pin .stpc-unpin-icon{display:block}.stpc-pricing-summary.stpc-pricing-pinned .stpc-breakdown-pin .stpc-pin-text{display:none}.stpc-pricing-summary.stpc-pricing-pinned .stpc-breakdown-pin .stpc-unpin-text{display:inline}.stpc-printing-breakdown{padding-left:15px}.stpc-printing-breakdown .stpc-breakdown-item{font-size:13px;color:#666;padding:3px 0}.stpc-navigation{display:-ms-flexbox;display:flex;gap:10px}.stpc-nav-button{-ms-flex:1;flex:1;padding:12px 18px;font-size:15px;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:all .3s ease}.stpc-nav-button.stpc-prev-button{background:#f5f5f5;color:#333}.stpc-nav-button.stpc-prev-button:hover:not(:disabled){background:rgb(232.25,232.25,232.25)}.stpc-nav-button.stpc-next-button{background:#333;color:#fff}.stpc-nav-button.stpc-next-button:hover:not(:disabled){background:#000}.stpc-nav-button.stpc-add-to-basket-button{background:#2f9d32;color:#fff}.stpc-nav-button.stpc-add-to-basket-button:hover:not(:disabled){background:#2f9d32}.stpc-nav-button.stpc-button-pulse{animation:g .6s ease-in-out 2}.stpc-nav-button:disabled{opacity:.5;cursor:not-allowed}.stpc-meta-box .form-table{margin-top:15px}.stpc-meta-box input[type=number]{width:100px}.stpc-order-details{font-size:13px;line-height:1.6}.stpc-order-details ul{margin:5px 0;padding-left:20px}.stpc-design-notes{margin-top:10px}.stpc-design-notes>div{padding:8px;background:#f9f9f9;border-left:3px solid #999;margin-top:5px}.xoo-wsc-body dd a{font-size:13px;color:#0b3965}.variation-ArtworkFiles a,article .woocommerce .woocommerce-cart-form .shop_table .cart_item td.product-name dd.variation-ArtworkFiles a,dd.variation-ArtworkFiles a{font-size:.875rem!important;color:#000!important}.variation-ArtworkFiles a:after,article .woocommerce .woocommerce-cart-form .shop_table .cart_item td.product-name dd.variation-ArtworkFiles a:after,dd.variation-ArtworkFiles a:after{content:"";display:inline-block;width:12px;height:12px;margin-left:4px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6M15 3h6v6M10 14L21 3'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;vertical-align:middle}.stpc-sidewall-notice{display:block;background-color:#fff6da;border:1px solid #ffde77;padding:.5rem;margin:8px 0;font-size:13px;font-style:italic;color:#5c5c5c;line-height:1.5;border-radius:.5rem}dl.variation dt.variation-stpc-notice{display:none!important}dl.variation dd.variation-stpc-notice p{margin:0}.stpc-instructional-message{display:block;background-color:rgba(47,157,50,.1);border:1px solid rgba(47,157,50,.3);padding:.5rem;margin:8px 0;font-size:13px;font-style:italic;color:rgb(35.25,117.75,37.5);line-height:1.5;border-radius:.5rem}.stpc-instructional-message p{margin:0}.stpc-order-customisation .stpc-instructional-message{font-size:15px}dl.variation dt.variation-stpc-instructional-message{display:none!important}dl.variation dd.variation-stpc-instructional-message p{margin:0}.wc-no-matching-variations{background-color:#d84a3a;color:#fff;padding:12px 16px;border-radius:4px;margin:12px 0;display:block;animation:f .3s ease-in;will-change:opacity;transform:translateZ(0)}.single-product.alternate-product-template .single_variation_wrap .woocommerce-info{font-size:.9rem!important;padding:.25rem .5rem!important;border-radius:.5rem!important;margin:0 0 0 1rem!important;background-color:#d00!important;color:#fff!important;border:0!important;box-sizing:border-box!important;display:block!important;clear:both!important;float:none!important;animation:f .3s ease-in!important;will-change:opacity!important;transform:translateZ(0)!important}.single-product.alternate-product-template .single_variation_wrap:has(.woocommerce-info) .woocommerce-variation-price{display:none!important}