.custom-products-page{background:#f8f7f2}.custom-products-page main{padding-top:0}.custom-products-page :is(#cup-studio,#custom-enquiry){scroll-margin-top:100px}.custom-hero{position:relative;isolation:isolate;overflow:hidden;background:#133a31;color:#fff;padding:128px var(--page-gutter) 40px}.custom-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:url('../assets/images/Botanical%20Effect.png') center/cover;opacity:.12}.custom-kicker{font-size:var(--type-eyebrow);line-height:1.6;letter-spacing:2px;text-transform:uppercase;color:#617466;margin:0 0 14px;font-family:var(--font-accent);font-weight:var(--weight-accent);letter-spacing:var(--tracking-accent)}.custom-hero .custom-kicker{color:#bed6bf;font-family:var(--font-accent);font-weight:var(--weight-accent);letter-spacing:var(--tracking-accent)}.custom-hero h1{font-size:var(--type-hero);text-transform:uppercase;line-height:1.02;margin:0 0 18px}.custom-hero h1 span{display:block;color:#86A126}.custom-hero-copy>p:not(.custom-kicker){max-width:680px;font-size:16px;line-height:1.65;color:#e1e9df;margin-bottom:23px;font-family:var(--font-accent);font-weight:var(--weight-accent);letter-spacing:var(--tracking-accent)}.custom-hero-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.custom-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #133a31;border-radius:99px;background:#133a31;color:#fff!important;min-height:46px;padding:13px 22px;font-size:13px;font-weight:var(--weight-bold);text-decoration:none;cursor:pointer;transition:transform 220ms ease,box-shadow 220ms ease,background-color 220ms ease}.custom-button>span{font-size:20px;line-height:1;transition:translate 220ms ease}.custom-button.lime{background:#86A126;border-color:#86A126;color:#133a31!important}.custom-hero-secondary{font-size:var(--type-caption);font-weight:var(--weight-bold);color:#fff;text-underline-offset:5px;display:flex;gap:18px;align-items:center;min-height:44px}.cup-studio{padding:42px var(--page-gutter) 48px;max-width:1920px;margin:auto}.studio-heading{margin:0 0 25px}.custom-products-page .studio-heading h2{font-size:var(--type-section);text-transform:uppercase;margin:0 0 12px}.studio-heading>p:last-child{font-size:15px;line-height:1.65;color:#617466;max-width:680px}.studio-layout{display:grid;grid-template-columns:minmax(0,60fr) minmax(0,40fr);gap:30px;align-items:start}.studio-visual{min-width:0;position:sticky;top:100px}.studio-view{position:relative;overflow:hidden;isolation:isolate;border-radius:23px;background:#eeeee6;height:clamp(380px,39vw,630px)}#cup-canvas{width:100%;height:100%;position:relative;outline-offset:-5px!important}#cup-canvas canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#cup-canvas canvas:active{cursor:grabbing}.studio-view-label{position:absolute;left:24px;top:21px;pointer-events:none;font-size:var(--type-eyebrow);letter-spacing:1.8px;color:#617466;z-index:1;font-family:var(--font-accent);font-weight:var(--weight-accent);letter-spacing:var(--tracking-accent)}.studio-load,.studio-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:36px;background:#eeeee6;z-index:2;font-size:14px}.studio-loading-dot{width:8px;height:8px;border-radius:50%;background:#86A126;box-shadow:0 0 0 7px #5caa7f20}.studio-fallback p{max-width:360px;font-size:14px;color:#617466;line-height:1.7}.studio-fallback h3{font-size:23px;margin:0}.studio-fallback>a{font-size:13px}.studio-help{font-size:var(--type-caption);color:#617466;text-align:center;margin:13px 0}.studio-view-controls{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.studio-view-controls button{background:#fffefa;border:1px solid #d8e0d4;border-radius:8px;min-width:42px;min-height:42px;font-size:var(--type-button);padding:9px 13px;cursor:pointer}.studio-view-controls button[data-view]{font-size:17px}.studio-view-controls button[data-view=reset]{font-size:var(--type-button)}.studio-disclaimer{font-size:var(--type-caption);line-height:1.6;color:#617466;max-width:490px;text-align:center;margin:19px auto 0}.studio-controls{background:#fffefa;border:1px solid #e0e5d9;border-radius:22px;padding:25px;min-width:0}.studio-controls fieldset{border:0;padding:0;margin:0;min-width:0}.studio-control-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.studio-control-top .custom-kicker{margin:0;font-family:var(--font-accent);font-weight:var(--weight-accent);letter-spacing:var(--tracking-accent)}.studio-control-top button{padding:0;min-height:30px;border:0;background:none;font-size:var(--type-button);text-decoration:underline;text-underline-offset:4px;cursor:pointer}.studio-upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px dashed #96ad9c;border-radius:13px;padding:19px 16px;min-height:115px;background:#f2f5ec;cursor:pointer}.studio-upload:focus-within{outline:2px solid #86A126;outline-offset:3px}.studio-upload strong{font-size:14px}.studio-upload>span:not(.upload-symbol){font-size:var(--type-caption);color:#617466}.studio-upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.upload-symbol{font-size:24px;color:#133a31;line-height:1}.studio-note{font-size:var(--type-caption);line-height:1.6;color:#617466;margin:10px 0 14px}.studio-status{font-size:var(--type-caption);line-height:1.6;color:#516f5f;overflow-wrap:anywhere}.studio-status[data-error=true]{color:#9c3434}.studio-colours{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px!important}.studio-controls legend{font-size:var(--type-caption);margin-bottom:12px;font-weight:var(--weight-bold)}.studio-controls legend small{color:#617466;font-weight:var(--weight-body);font-size:var(--type-caption);margin-left:10px}.colour-option{position:relative;display:inline-flex;align-items:center;gap:6px;font-size:var(--type-caption);padding:8px 10px;border:1px solid #d8e0d4;border-radius:8px;cursor:pointer}.colour-option:has(input:checked){background:#edf3e8;border-color:#86A126}.colour-option input{width:13px;height:13px;margin:0;accent-color:#133a31}.colour-swatch{width:13px;height:13px;border-radius:50%;border:1px solid #183f3530}.colour-swatch.white{background:#fffdf4}.colour-swatch.kraft{background:#b88d5e}.colour-swatch.forest{background:#133a31}.studio-lid{display:flex;align-items:center;gap:9px;font-size:var(--type-caption);margin:18px 0 22px}.studio-lid input,.artwork-mode input{accent-color:#133a31}.artwork-mode{display:flex;gap:8px;margin:0 0 20px!important}.artwork-mode label{display:flex;gap:7px;align-items:center;padding:8px 11px;border:1px solid #d8e0d4;border-radius:8px;font-size:var(--type-caption);cursor:pointer}.artwork-mode label:has(input:checked){background:#edf3e8;border-color:#86A126}.artwork-settings{border-top:1px solid #e3e8dc;padding-top:18px}.studio-slider{display:block;margin:0 0 17px}.studio-slider>span{display:flex;justify-content:space-between;gap:20px;font-size:var(--type-caption);margin-bottom:8px}.studio-slider output{color:#617466;font-size:var(--type-caption);font-variant-numeric:tabular-nums}.studio-slider input{width:100%;accent-color:#86A126;height:20px;cursor:pointer}.studio-quote{width:100%;border-radius:10px;text-align:left;font-size:var(--type-caption);gap:12px}.studio-controls>.studio-note{margin-bottom:0}.custom-enquiry{display:grid;grid-template-columns:minmax(0,38fr) minmax(0,62fr);gap:45px;padding:45px var(--page-gutter) 65px;background:#eef1e8;border-top:1px solid #dfe5d7}.enquiry-heading h2{font-size:var(--type-section);text-transform:uppercase;max-width:430px}.enquiry-heading>p:not(.custom-kicker){font-size:14px;line-height:1.7;max-width:420px;color:#617466;font-family:var(--font-accent);font-weight:var(--weight-accent);letter-spacing:var(--tracking-accent)}.custom-enquiry-form{padding:28px;border:1px solid #d8e0d4;border-radius:20px;background:#fffefa;min-width:0}.custom-form-note{font-size:var(--type-caption);line-height:1.7;color:#617466;margin-bottom:22px}.custom-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.custom-field{display:block;min-width:0;font-size:var(--type-caption);font-weight:var(--weight-medium)}.custom-field small{font-size:var(--type-caption);color:#617466;font-weight:var(--weight-body)}.custom-products-page .custom-field :is(input,textarea,select){margin-top:8px;background:#fff;font-size:14px}.custom-products-page .custom-field input[type=file]{font-size:var(--type-caption);padding:12px;width:100%;max-width:100%;border:1px solid #d8e0d4;border-radius:8px}.full{grid-column:1/-1}.custom-form-end{display:flex;align-items:center;gap:20px;margin-top:24px;border-top:1px solid #dfe5d7;padding-top:23px;flex-wrap:wrap}.custom-form-end>p{font-size:var(--type-caption);line-height:1.7;color:#617466;flex:1;min-width:180px;margin:0}.custom-form-end .custom-button{font-size:var(--type-button);flex:none}.enquiry-design{margin-top:25px;border:1px solid #d8e0d4;border-radius:16px;overflow:hidden;background:#f8f7f2}.enquiry-design>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#eeeee6}.enquiry-design>div{padding:18px}.enquiry-design strong{font-size:14px}.enquiry-design p,.enquiry-design>div>span{font-size:var(--type-caption);line-height:1.7;color:#617466;margin:8px 0}.enquiry-design>div>span{display:block}.enquiry-design :is(a,button){display:block;font-size:var(--type-button);min-height:36px;background:none;border:0;padding:6px 0;text-decoration:underline;text-underline-offset:4px;cursor:pointer;text-align:left}.custom-products-page .catalogue-footer{background:#133a31}.custom-products-page fieldset:disabled{opacity:.55}.custom-products-page button:disabled{cursor:default}.custom-products-page .studio-status:empty{display:none}
@media(hover:hover) and (pointer:fine){.custom-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 20px #183f3520;background:#245447}.custom-button.lime:hover{background:#86A126}.custom-button:not(:disabled):hover>span{translate:4px 0}.studio-view-controls button:not(:disabled):hover{background:#e9f0e2;border-color:#a9bdac}.studio-upload:hover{background:#eaf0e3;border-color:#86A126}}
@media(max-width:1100px){.studio-layout{grid-template-columns:minmax(0,55fr) minmax(0,45fr);gap:20px}.studio-controls{padding:20px}.studio-view{height:480px}.custom-enquiry{gap:28px;grid-template-columns:minmax(0,35fr) minmax(0,65fr)}.custom-enquiry-form{padding:23px}.custom-form-grid{gap:15px}}
@media(max-width:767px){.custom-hero{padding-top:112px;padding-bottom:30px}.custom-hero h1{font-size:var(--type-hero)}.custom-hero-copy>p:not(.custom-kicker){font-size:14px;font-family:var(--font-accent);font-weight:var(--weight-accent);letter-spacing:var(--tracking-accent)}.custom-kicker{font-size:var(--type-eyebrow);letter-spacing:1.6px;font-family:var(--font-accent);font-weight:var(--weight-accent);letter-spacing:var(--tracking-accent)}.custom-hero-actions{gap:17px}.custom-button{font-size:var(--type-button);padding:12px 19px}.cup-studio{padding-top:30px;padding-bottom:35px}.custom-products-page .studio-heading h2{font-size:34px}.studio-heading>p:last-child{font-size:14px}.studio-layout{grid-template-columns:1fr;gap:23px}.studio-visual{position:relative;top:auto}.studio-view{height:390px;height:clamp(330px,100vw,470px)}.studio-view-label{left:18px;font-size:var(--type-eyebrow);font-family:var(--font-accent);font-weight:var(--weight-accent);letter-spacing:var(--tracking-accent)}.studio-controls{padding:23px}.studio-view-controls{gap:5px}.studio-view-controls button{padding:8px 10px}.studio-help{font-size:var(--type-caption)}.studio-disclaimer{font-size:var(--type-caption)}.custom-enquiry{grid-template-columns:1fr;padding-top:32px;padding-bottom:35px;gap:25px}.enquiry-heading h2{font-size:35px}.custom-enquiry-form{padding:23px 19px}.custom-form-grid{grid-template-columns:1fr;gap:16px}.custom-products-page .custom-field :is(input,textarea,select){font-size:16px}.enquiry-design{max-width:350px}.custom-form-end .custom-button{width:100%}.custom-products-page :is(#cup-studio,#custom-enquiry){scroll-margin-top:85px}}
@media(prefers-reduced-motion:no-preference){.custom-products-page{scroll-behavior:smooth}}
@media(prefers-reduced-motion:reduce){.custom-products-page *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.custom-button:not(:disabled):hover{transform:none}.custom-button:not(:disabled):hover>span{translate:none}}

/* Override shared text-input sizing for native studio radio controls. */
.custom-products-page .studio-controls input[type=radio]{width:13px;min-height:13px;height:13px;padding:0;appearance:auto;background-image:none;flex:none}

.studio-product{display:block;margin-bottom:20px;font-size:var(--type-caption);font-weight:var(--weight-bold)}.custom-products-page .studio-product select{margin-top:9px;font-size:13px;background-color:#f2f5ec}.studio-product small{display:block;font-size:var(--type-caption);font-weight:var(--weight-body);line-height:1.6;color:#617466;margin-top:8px}@media(max-width:767px){.custom-products-page .studio-product select{font-size:16px}}

.studio-controls .studio-shape-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.studio-shape-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:18px 10px;min-height:135px;border:1px solid #d8e0d4;border-radius:12px;cursor:pointer;background:#fafbf6;transition:background-color 200ms ease,border-color 200ms ease,transform 200ms ease}.studio-shape-tile:has(input:checked){background:#edf3e6;border-color:#86A126;box-shadow:inset 0 0 0 1px #86A126}.studio-shape-tile:focus-within{outline:2px solid #86A126;outline-offset:3px}.studio-shape-tile input[type=radio]{position:absolute;top:10px;right:10px}.studio-shape-tile svg{width:53px;height:53px;fill:none;stroke:#133a31;stroke-width:1.5}.studio-shape-tile strong{font-size:var(--type-caption);line-height:1.4}.studio-shape-tile small{font-size:var(--type-caption);color:#617466}.studio-shape-tiles>.studio-note{grid-column:1/-1;margin:0}.studio-custom-colour{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;margin:18px 0 24px}.studio-custom-colour>label{font-size:var(--type-caption);min-width:0}.custom-products-page .studio-custom-colour input[type=color]{display:block;width:100%;min-height:43px;height:43px;padding:4px;border:1px solid #d8e0d4;border-radius:8px;background:#fff;cursor:pointer;margin-top:8px}.custom-products-page .studio-custom-colour input[type=text]{min-height:43px;height:43px;font-size:13px;margin-top:8px;font-family:var(--font-body)}.studio-custom-colour>small{grid-column:1/-1;font-size:var(--type-caption);color:#617466;line-height:1.6}.studio-custom-colour>small[data-error=true]{color:#9c3434}@media(hover:hover) and (pointer:fine){.studio-shape-tile:hover{border-color:#86A126;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.studio-shape-tile:hover{transform:none}}

/* Individual transparent cup cutouts, with a restrained interactive lift. */
.custom-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:center}.custom-hero-copy{position:relative;z-index:2;min-width:0}.custom-hero-cups{position:relative;height:clamp(280px,25vw,400px);min-width:0;isolation:isolate}.custom-hero-cups:after{content:'';position:absolute;left:12%;right:8%;bottom:0;height:30px;border-radius:50%;background:#071f1a30;filter:blur(14px);z-index:-1;pointer-events:none}.custom-hero-cup{--cup-tilt:0deg;position:absolute;width:53%;height:94%;top:4%;left:50%;display:block;transform:translateX(-50%) rotate(var(--cup-tilt));transform-origin:center 75%;transition:transform 350ms cubic-bezier(.22,.61,.36,1),filter 350ms ease;filter:drop-shadow(0 14px 12px #051c1833);border-radius:30%;outline-offset:2px!important}.custom-hero-cup img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.hero-cup-coffee{--cup-tilt:-9deg;left:25%;z-index:1;top:8%}.hero-cup-kraft{--cup-tilt:9deg;left:77%;z-index:1;top:7%}.hero-cup-white{--cup-tilt:-2deg;left:51%;z-index:3;top:-2%;height:102%}.custom-hero-cup:focus-visible{transform:translate(-50%,-12px) rotate(0deg) scale(1.035);filter:drop-shadow(0 24px 18px #051c1855)}
@media(hover:hover) and (pointer:fine){.custom-hero-cup:hover{transform:translate(-50%,-14px) rotate(0deg) scale(1.045);filter:drop-shadow(0 24px 18px #051c1855);z-index:4}}
@media(max-width:1000px) and (min-width:768px){.custom-hero{grid-template-columns:minmax(0,53fr) minmax(0,47fr);gap:15px}.custom-hero h1{font-size:var(--type-hero)}.custom-hero-cups{height:300px}}
@media(max-width:767px){.custom-hero{grid-template-columns:1fr;gap:24px}.custom-hero-cups{height:270px;width:100%;max-width:460px;margin:0 auto}.custom-hero-copy>p:not(.custom-kicker){font-size:14px;font-family:var(--font-accent);font-weight:var(--weight-accent);letter-spacing:var(--tracking-accent)}}
@media(prefers-reduced-motion:reduce){.custom-hero-cup:hover,.custom-hero-cup:focus-visible{transform:translateX(-50%) rotate(var(--cup-tilt))}}

/* Compact process introduction; studio layout and interactions stay independent. */
.custom-printing-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:38px;row-gap:14px;align-items:center;margin:30px var(--page-gutter) 0;padding:26px 38px 22px;background:#eaf0e5;color:#133a31;border-radius:16px;font-family:var(--c-body)}.custom-printing-banner .custom-kicker{color:#133a31;margin-bottom:8px;font-size:var(--type-eyebrow);font-family:var(--font-accent);font-weight:var(--weight-accent);letter-spacing:var(--tracking-accent)}.custom-products-page .custom-printing-banner h2{font-family:var(--c-display);font-size:var(--type-section);text-transform:uppercase;margin:0 0 11px;line-height:1.08}.custom-printing-copy>p:not(.custom-kicker){font-size:13px;line-height:1.65;color:#133a31;max-width:860px;margin:0 0 9px;font-family:var(--font-accent);font-weight:var(--weight-accent);letter-spacing:var(--tracking-accent)}.custom-printing-copy>p.custom-printing-secondary{font-size:var(--type-caption);margin-bottom:0}.custom-printing-action .custom-button{font-size:var(--type-button);white-space:nowrap;text-transform:uppercase;letter-spacing:.35px;gap:22px}.custom-printing-note{grid-column:1/-1;font-size:var(--type-caption);line-height:1.6;color:#506b58;margin:0;padding-top:12px;border-top:1px solid #183f3512}.custom-products-page #studio-controls{scroll-margin-top:105px}.custom-printing-action .custom-button:hover>span{translate:0 3px}@media(max-width:1000px){.custom-printing-banner{padding:24px 28px;column-gap:22px}.custom-printing-action .custom-button{white-space:normal;max-width:210px;line-height:1.5}}@media(max-width:767px){.custom-printing-banner{grid-template-columns:1fr;gap:16px;margin-top:24px;padding:23px;border-radius:14px}.custom-products-page .custom-printing-banner h2{font-size:32px}.custom-printing-copy>p:not(.custom-kicker){font-size:13px;font-family:var(--font-accent);font-weight:var(--weight-accent);letter-spacing:var(--tracking-accent)}.custom-printing-action .custom-button{max-width:none;min-height:46px}.custom-printing-note{font-size:var(--type-caption);padding-top:12px}.custom-products-page #studio-controls{scroll-margin-top:85px}}@media(prefers-reduced-motion:reduce){.custom-printing-action .custom-button:hover>span{translate:none}}

/* Studio selection controls: a consistent forest-green interactive state. */
.studio-shape-tile,.studio-upload,.colour-option{transition:background-color 220ms ease,border-color 220ms ease,color 220ms ease,box-shadow 220ms ease,transform 220ms ease}
.studio-shape-tile svg,.studio-shape-tile small,.studio-upload>span{transition:color 220ms ease,stroke 220ms ease}
@media(hover:hover) and (pointer:fine){
 .studio-controls:not(:has(#design-fields:disabled)) .studio-shape-tile:hover{background:#133a31;border-color:#133a31;color:#fff;box-shadow:0 7px 17px #183f3518;transform:translateY(-2px)}
 .studio-controls:not(:has(#design-fields:disabled)) .studio-shape-tile:hover svg{stroke:#fff}
 .studio-controls:not(:has(#design-fields:disabled)) .studio-shape-tile:hover small{color:#d3e4d2}
 .studio-controls:not(:has(#design-fields:disabled)) .studio-upload:hover{background:#133a31;border-color:#133a31;color:#fff;box-shadow:0 6px 15px #183f3514}
 .studio-controls:not(:has(#design-fields:disabled)) .studio-upload:hover>span{color:#d3e4d2}
 .studio-controls:not(:has(#design-fields:disabled)) .colour-option:hover{background:#133a31;border-color:#133a31;color:#fff;box-shadow:0 3px 9px #183f3512}
}
.studio-shape-tile:focus-within,.studio-upload:focus-within{background:#133a31;border-color:#133a31;color:#fff;outline:2px solid #86A126;outline-offset:3px}
.studio-shape-tile:focus-within svg{stroke:#fff}.studio-shape-tile:focus-within small,.studio-upload:focus-within>span{color:#d3e4d2}
.colour-option:focus-within{background:#133a31;border-color:#133a31;color:#fff;outline:2px solid #86A126;outline-offset:3px}
.studio-shape-tile input[type=radio],.colour-option input[type=radio]{accent-color:#86A126}
@media(prefers-reduced-motion:reduce){.studio-shape-tile,.studio-upload,.colour-option,.studio-shape-tile svg,.studio-shape-tile small,.studio-upload>span{transition:none}.studio-controls .studio-shape-tile:hover{transform:none}}

/* Polished studio panel: persistent selection, clear hierarchy and consistent controls. */
.custom-products-page .studio-controls{padding:28px;border-color:#dce4d6;border-radius:20px;background:#fffefa;box-shadow:0 12px 34px #183f3506}
.studio-control-top{padding-bottom:17px;margin-bottom:22px;border-bottom:1px solid #e6ebdf}.studio-control-top .custom-kicker{font-size:var(--type-eyebrow);letter-spacing:2px;font-family:var(--font-accent);font-weight:var(--weight-accent);letter-spacing:var(--tracking-accent)}.studio-control-top #reset-design{font-size:var(--type-caption);min-height:32px;border-radius:6px;text-decoration-thickness:1px;text-underline-offset:4px;padding:4px 7px;transition:background-color 180ms ease,color 180ms ease}
.studio-controls .studio-shape-tiles{gap:12px;margin-bottom:24px}.studio-controls legend{font-size:var(--type-caption);font-weight:var(--weight-bold);margin-bottom:12px}.studio-shape-tile{border-radius:13px;min-height:144px;padding:19px 13px 15px;gap:8px;box-shadow:none;background:#f8faf5}.studio-shape-tile svg{width:47px;height:47px;stroke-width:1.45}.studio-shape-tile strong{font-size:var(--type-caption);font-weight:var(--weight-bold);line-height:1.45}.studio-shape-tile small{font-size:var(--type-caption);line-height:1.5}.studio-shape-tiles>.studio-note{padding-top:3px;font-size:var(--type-caption);line-height:1.7}
.studio-controls .studio-shape-tile:has(input:checked){background:#133a31;border-color:#133a31;color:#fff;box-shadow:0 5px 14px #183f3512;transform:none}.studio-controls .studio-shape-tile:has(input:checked) svg{stroke:#fff}.studio-controls .studio-shape-tile:has(input:checked) small{color:#d3e4d2}
.studio-controls .colour-option:has(input:checked){background:#133a31;border-color:#133a31;color:#fff;box-shadow:none}
.custom-products-page .studio-controls :is(.studio-shape-tile,.colour-option) input[type=radio]{appearance:none;display:grid;place-items:center;width:14px;height:14px;min-height:14px;border:1px solid #a4b39f;border-radius:50%;background:#fff;padding:0;outline-offset:3px;box-shadow:none;cursor:pointer}
.studio-controls :is(.studio-shape-tile,.colour-option) input[type=radio]:before{content:'';width:6px;height:6px;border-radius:50%;background:#133a31;transform:scale(0)}.studio-controls :is(.studio-shape-tile,.colour-option) input[type=radio]:checked:before{transform:scale(1)}.studio-controls :is(.studio-shape-tile,.colour-option):has(input:checked) input[type=radio]{border-color:#fff;background:#fff}
.studio-upload{min-height:118px;padding:20px 16px;border-radius:12px;border-color:#aabda2;background:#f3f6ee;gap:7px}.studio-upload .upload-symbol{font-size:25px;line-height:1}.studio-upload strong{font-size:14px;font-weight:var(--weight-bold);letter-spacing:-.1px}.studio-upload>span:not(.upload-symbol){font-size:var(--type-caption)}.studio-controls #upload-note{margin:10px 0 12px;font-size:var(--type-caption);line-height:1.7}.studio-controls #upload-status{font-size:var(--type-caption);line-height:1.65;margin-bottom:22px}.studio-colours{gap:9px!important}.colour-option{gap:7px;padding:9px 11px;border-radius:8px;font-size:var(--type-caption);min-height:40px}.colour-swatch{width:13px;height:13px;box-shadow:inset 0 0 0 1px #ffffff55}.studio-controls legend small{font-size:var(--type-caption);margin-left:8px}
.studio-custom-colour{grid-template-columns:92px minmax(0,1fr);gap:12px;margin:19px 0 23px;padding-bottom:21px;border-bottom:1px solid #e6ebdf}.studio-custom-colour>label{font-size:var(--type-caption);font-weight:var(--weight-medium)}.custom-products-page .studio-custom-colour input[type=text]{font-size:13px;letter-spacing:.6px;border-color:#d3ddce;background:#fff;border-radius:8px}.custom-products-page .studio-custom-colour input[type=color]{border-color:#d3ddce;border-radius:8px;padding:5px;background:#fff}.studio-custom-colour input[type=color]::-webkit-color-swatch-wrapper{padding:0}.studio-custom-colour input[type=color]::-webkit-color-swatch{border:0;border-radius:4px}.studio-custom-colour input[type=color]::-moz-color-swatch{border:0;border-radius:4px}.studio-custom-colour>small{font-size:var(--type-caption);line-height:1.65}
.studio-controls .artwork-settings{border-top:0;padding-top:0}.studio-slider{margin-bottom:18px}.studio-slider>span{font-size:var(--type-caption);font-weight:var(--weight-medium);align-items:center}.studio-slider output{font-weight:var(--weight-body);font-size:var(--type-caption);border-radius:5px;padding:2px 6px;background:#f0f4eb;min-width:38px;text-align:right;color:#516b57}.studio-slider input[type=range]{accent-color:#133a31;height:24px;margin:0;min-height:24px;cursor:pointer}.studio-controls .studio-quote{margin-top:7px;min-height:48px;border-radius:10px;font-size:var(--type-caption);padding:14px 17px;font-weight:var(--weight-bold);line-height:1.5}.studio-controls>.studio-note:last-child{text-align:center;font-size:var(--type-caption);margin-top:11px;line-height:1.7}.studio-controls #studio-message{font-size:var(--type-caption);line-height:1.65}
@media(hover:hover) and (pointer:fine){.studio-control-top #reset-design:not(:disabled):hover{background:#edf2e7;color:#133a31}.studio-controls .studio-shape-tile:has(input:checked):hover{transform:translateY(-1px);box-shadow:0 7px 18px #183f3520}}
@media(max-width:767px){.custom-products-page .studio-controls{padding:23px 20px;border-radius:17px}.studio-controls .studio-shape-tiles{gap:10px}.studio-shape-tile{min-height:140px;padding:19px 10px 14px}.studio-shape-tile svg{width:44px;height:44px}.studio-shape-tile strong{font-size:var(--type-caption)}.studio-controls .colour-option{min-height:44px}.studio-custom-colour{grid-template-columns:85px minmax(0,1fr)}.custom-products-page .studio-custom-colour input[type=text]{font-size:16px}.studio-control-top{margin-bottom:20px;padding-bottom:14px}}
@media(prefers-reduced-motion:reduce){.studio-control-top #reset-design{transition:none}.studio-controls .studio-shape-tile:has(input:checked):hover{transform:none}}

/* Match the preview toolbar to the studio's forest-green interaction language. */
.studio-view-controls button{transition:background-color 200ms ease,border-color 200ms ease,color 200ms ease,box-shadow 200ms ease,transform 200ms ease}
@media(hover:hover) and (pointer:fine){.custom-products-page .studio-view-controls button:not(:disabled):hover{background:#133a31;border-color:#133a31;color:#fff;transform:translateY(-1px);box-shadow:0 5px 12px #183f3518}}
.custom-products-page .studio-view-controls button:not(:disabled):focus-visible{background:#133a31;border-color:#133a31;color:#fff;outline:2px solid #86A126;outline-offset:3px}
.custom-products-page .studio-view-controls button:not(:disabled):active{background:#113329;border-color:#113329;color:#fff;transform:none;box-shadow:none}
@media(prefers-reduced-motion:reduce){.studio-view-controls button{transition:none}.custom-products-page .studio-view-controls button:not(:disabled):hover{transform:none}}
/* Forest botanical introduction and centered studio masthead. */
.custom-products-page .custom-printing-banner{position:relative;isolation:isolate;overflow:hidden;background:#133a31;color:#fff}
.custom-products-page .custom-printing-banner:before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:url('../assets/images/Botanical%20Effect.png') right center/cover no-repeat;opacity:.13;mask-image:linear-gradient(90deg,#0004,#000)}
.custom-products-page .custom-printing-banner>*{position:relative;z-index:1}
.custom-products-page .custom-printing-banner .custom-kicker{color:#bed6bf}
.custom-products-page .custom-printing-banner h2{color:#fff}
.custom-products-page .custom-printing-copy>p:not(.custom-kicker){font-family:var(--font-body);font-weight:var(--weight-body);font-size:var(--type-body);line-height:1.6;letter-spacing:normal;color:#e4ede5}
.custom-products-page .custom-printing-copy>p.custom-printing-secondary{font-size:var(--type-body-small);color:#c9ddce}
.custom-products-page .custom-printing-note{color:#c9ddce;border-top-color:#ffffff26}
.custom-products-page .custom-printing-action .custom-button{background:#86A126;border-color:#86A126;color:#133a31!important}
.custom-products-page .studio-heading{text-align:center;margin:0 auto 32px;max-width:1250px}
.custom-products-page .studio-heading>.custom-kicker{text-align:center}
.custom-products-page .studio-heading h2{color:#133a31;margin-left:auto;margin-right:auto;max-width:1200px;text-wrap:balance}
.custom-products-page .studio-heading>p:last-child{font-family:var(--font-body);font-size:var(--type-body-large);line-height:1.6;letter-spacing:normal;max-width:900px;margin:0 auto;color:#526e60}
.custom-products-page .studio-heading h2 span{display:block;color:#86A126;font:inherit;letter-spacing:inherit}
@media(hover:hover) and (pointer:fine){.custom-products-page .custom-printing-action .custom-button:hover{background:#83c51b;border-color:#83c51b}}
@media(max-width:767px){.custom-products-page .studio-heading{margin-bottom:25px}.custom-products-page .studio-heading>p:last-child{max-width:560px}}
@media(forced-colors:active){.custom-products-page .studio-heading h2,.custom-products-page .studio-heading h2 span{color:CanvasText}.custom-products-page .custom-printing-banner:before{display:none}}
/* Compact numbered artwork upload, with the existing validated file input. */
.custom-products-page .artwork-upload-title{font-family:var(--font-body);font-size:14px;font-weight:700;line-height:1.4;letter-spacing:.055em;text-transform:uppercase;margin:26px 0 13px}
.custom-products-page .studio-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:190px;padding:22px 18px;background:#f4f6f0;border:1px dashed #cdd9c8;border-radius:12px;text-align:center;color:#133a31;position:relative;cursor:pointer}
.custom-products-page .studio-upload .upload-cloud{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:4px}
.custom-products-page .studio-upload>strong{font-size:14px;line-height:1.45;font-weight:700}
.custom-products-page .studio-upload>span:not(.upload-choose){font-size:13px;color:#617466}
.custom-products-page .studio-upload .upload-choose{display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:150px;margin-top:7px;padding:10px 24px;background:#133a31;color:#fff;border-radius:99px;font-size:13px;font-weight:700;line-height:1.4}
.custom-products-page .studio-upload:is(:hover,:focus-within,.is-dragging){background:#eaf0e5;border-color:#86A126;color:#133a31;box-shadow:0 0 0 2px #5caa7f12}
.custom-products-page .studio-upload:hover .upload-choose{background:#285747}
.custom-products-page .artwork-file-row{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;border:1px solid #e0e6d9;border-radius:10px;background:#fafbf7}
.artwork-file-row img{object-fit:contain;flex:0 0 40px;background:#edf1e7;border-radius:6px}
.artwork-file-row>span{flex:1;min-width:0;overflow-wrap:anywhere;font-size:13px;font-weight:500}
.artwork-file-row button{flex:0 0 38px;width:38px;height:38px;border:0;background:transparent;border-radius:6px;font-size:23px;line-height:1;color:#133a31;cursor:pointer}
.artwork-file-row button:hover{background:#e4eddf}
@media(max-width:767px){.custom-products-page .studio-upload{min-height:180px}.custom-products-page .artwork-file-row{gap:8px}}

.custom-products-page .custom-enquiry .enquiry-heading h2#enquiry-title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--type-section);line-height:1.04;letter-spacing:-.02em;text-transform:uppercase;color:var(--forest,#133a31)}
.custom-products-page #enquiry-title span{display:block;color:var(--bottle,#86A126)}
.custom-products-page .enquiry-heading>p:not(.custom-kicker){font-family:var(--font-body);font-weight:var(--weight-body);letter-spacing:normal;line-height:1.7}

/* Size-specific template workflow. Utility controls retain compact studio styling. */
.studio-template-selectors{display:grid;grid-template-columns:1fr 1.3fr;gap:14px;margin:0 0 22px}.studio-template-selectors label,.production-artwork-label{font-family:var(--font-body);font-size:14px;line-height:1.5;font-weight:500}.studio-template-selectors select{display:block;width:100%;min-height:44px;margin-top:7px;padding:10px 12px;border:1px solid #cdd9ce;border-radius:8px;background:#fff;color:#133a31;font-size:14px}
.template-workflow{padding:18px;border:1px solid #dce4d8;border-radius:12px;background:#f4f5f1;margin-bottom:22px}.template-workflow[hidden]{display:none}.template-workflow h3{font-family:var(--font-body);font-size:16px;margin:0 0 10px}.template-workflow p{font-size:13px;line-height:1.6;margin:0 0 12px}.template-downloads{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.template-downloads a,.studio-files-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 13px;border:1px solid #133a31;border-radius:8px;color:#133a31;background:#fff;font-family:var(--font-body);font-size:13px;font-weight:700;text-decoration:none;cursor:pointer}.template-downloads a:hover,.studio-files-button:hover{border-color:#86A126;background:#f4f5f1}.template-workflow summary{font-size:13px;cursor:pointer;min-height:32px}.template-workflow details img{display:block;width:100%;height:auto;margin:10px 0;background:#fff}.studio-product-label{position:absolute;z-index:1;top:16px;left:16px;padding:7px 10px;background:#ffffffe6;border:1px solid #dce4d8;border-radius:8px;font-size:13px;color:#133a31}.production-artwork-label{display:block;margin-top:20px}.production-artwork-label small{font-size:13px;font-weight:300}.production-artwork-label input{display:block;width:100%;margin-top:7px;padding:10px;border:1px solid #cdd9ce;border-radius:8px;font-size:13px}.studio-files-button{margin:12px 0 0}.studio-files-button:disabled{opacity:.45;cursor:default}
@media(max-width:600px){.studio-template-selectors{grid-template-columns:1fr}.template-downloads a{flex:1}.studio-files-button{width:100%}}

.studio-controls #artwork-settings[hidden]{display:none}.studio-controls select:focus-visible,.template-downloads a:focus-visible,.studio-files-button:focus-visible{outline:2px solid #86A126;outline-offset:3px}

.custom-products-page .studio-view .studio-preview-labels{position:absolute;top:16px;left:16px;right:16px;z-index:2;display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;pointer-events:none}.custom-products-page .studio-preview-labels .studio-view-label,.custom-products-page .studio-preview-labels .studio-product-label{position:static;inset:auto;max-width:100%;box-sizing:border-box;margin:0;line-height:1.5}.custom-products-page .studio-preview-labels .studio-view-label{padding:0;background:none;font-size:13px;letter-spacing:.08em}.custom-products-page .studio-preview-labels .studio-product-label{font-size:13px;padding:5px 9px}@media(max-width:600px){.custom-products-page .studio-view .studio-preview-labels{align-items:flex-start;flex-direction:column;gap:6px}}

.custom-products-page .studio-visual #download-design-files{display:flex;width:fit-content;max-width:100%;margin:12px auto 0}

.custom-products-page .studio-visual #download-design-files{background:#133a31;color:#fff;border:1px solid #133a31;border-radius:99px;min-height:46px;padding:13px 22px;font-family:var(--font-body);font-size:13px;font-weight:700;line-height:1.4;transition:background-color 200ms ease,translate 200ms ease}.custom-products-page .studio-visual #download-design-files:not(:disabled):hover{background:#285747;border-color:#285747;translate:0 -2px}@media(prefers-reduced-motion:reduce){.custom-products-page .studio-visual #download-design-files{transition:none}.custom-products-page .studio-visual #download-design-files:not(:disabled):hover{translate:none}}

/* Three clear steps; advanced print references stay out of the main path. */
.custom-products-page .studio-template-selectors{grid-template-columns:1fr;gap:22px;margin-bottom:18px}.studio-size-selection{max-width:220px}.studio-method-selection{display:block;min-width:0}.studio-method-selection select{max-width:100%;white-space:normal}.studio-controls .studio-step-title{display:block;font-family:var(--font-body);font-size:16px;font-weight:700;line-height:1.4;margin:0 0 12px;color:#133a31}.studio-template-selectors .studio-method-selection .studio-step-title{margin-bottom:10px}.template-simple-steps{margin:0 0 16px;padding-left:20px;font-size:14px;line-height:1.6}.template-simple-steps li{padding-left:3px;margin-bottom:6px}.template-primary-download{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:44px;padding:11px 17px;background:#133a31;color:#fff;border:1px solid #133a31;border-radius:8px;font-family:var(--font-body);font-size:14px;font-weight:700;text-decoration:none}.template-primary-download:hover{background:#285747}.template-designer-details{margin-top:16px;border-top:1px solid #dce4d8;padding-top:8px}.template-designer-details summary,.original-design-file summary{min-height:44px;padding:10px 0;box-sizing:border-box;cursor:pointer;font-size:13px;line-height:1.6}.template-designer-details summary span,.original-design-file summary span{font-weight:300;color:#617466}.template-designer-details>p{margin:4px 0 12px}.studio-review{padding-top:18px;margin-top:18px;border-top:1px solid #dce4d8}.studio-review>p,.original-design-file>p{font-size:14px;line-height:1.6;margin:0 0 10px}.original-design-file{margin-top:10px}.original-design-file .production-artwork-label{margin-top:8px;font-size:13px}.original-design-file .production-artwork-label small{display:block}.studio-controls #studio-logo-options[hidden],.studio-controls #artwork-settings[hidden]{display:none!important}.studio-controls #studio-message:empty{display:none}.studio-controls .studio-shape-tile{min-height:126px}.template-primary-download:focus-visible{outline:2px solid #86A126;outline-offset:3px}
/* Two clear design-method choices instead of a dropdown. */
.studio-mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.studio-mode-buttons button{min-height:54px;padding:14px 16px;border:1px solid #d4ded0;border-radius:10px;background:#fff;color:#183f35;font-family:var(--font-body);font-size:14px;font-weight:700;line-height:1.4;cursor:pointer;text-align:center;transition:border-color 180ms ease}
.studio-mode-buttons button[aria-pressed="true"]{background:#183f35;color:#fff;border-color:#183f35}
.studio-mode-buttons button:hover{border-color:#86A126}
.studio-mode-buttons button:focus-visible{outline:2px solid #86A126;outline-offset:3px}
@media(max-width:420px){.studio-mode-buttons{grid-template-columns:1fr}}

/* Official PDF artwork confirmations */
.pdf-template-confirm{display:flex;align-items:flex-start;gap:10px;margin:18px 0;font-size:15px;line-height:1.5}.pdf-template-confirm input{flex:0 0 auto;width:18px;height:18px;margin-top:3px}#pdf-preview-warning{font-size:14px;line-height:1.5;color:#596a5c}